/* Tekton Sites on the Tekton Digital brand kit, over site.css, for pages that still use it
   (/sites/order/, /sites/welcome/, /sites/terms/). Load after site.css.
   Source of truth: _studio/website-business/SITES-DESIGN-2026-11-10.md */
@font-face { font-family: "Montserrat"; src: url("/assets/fonts/montserrat.woff2") format("woff2"); font-weight: 100 900; font-style: normal; font-display: swap; }
@font-face { font-family: "Inter"; src: url("/assets/fonts/inter.woff2") format("woff2"); font-weight: 100 900; font-style: normal; font-display: swap; }
:root {
  --sans: "Inter", -apple-system, "Segoe UI", Arial, sans-serif;
  --bg-dark: #0b2d5b;
  --bg-dark-2: #1a3f73;
  --on-dark: #ffffff;
  --on-dark-muted: #ffffff;
  --bg-light: #ffffff;
  --bg-light-2: #f8fafc;
  --card: #ffffff;
  --muted: #475569;
  --line: #dce6f2;
  --line-2: #a8b6c9;
  --line-soft: #e8eef6;
  --accent: #ffffff;
  --accent-soft: #ffffff;
  --accent-on-light: #005fcc;
  --accent-on-light-hover: #0b2d5b;
  --swoosh-on-light: #007bff;
  --focus: #005fcc;
  --ink: #0b2d5b;
  --ink-2: #1a3f73;
  --text: #2f4360;
  --r: 18px;
  --r-btn: 12px;
}
body { font-family: var(--sans); }
.appform { border-width: 1px !important; border-color: var(--line) !important; }
.picked { display: flex; align-items: center; gap: 16px; max-width: 780px; margin: 0 auto 18px; background: #fff; border: 1px solid var(--line); border-radius: var(--r); padding: 12px 16px; }
.picked img { width: 104px; aspect-ratio: 16 / 10; object-fit: cover; object-position: top; border-radius: 6px; border: 1px solid var(--line); }
.picked b { display: block; color: var(--ink); }
.picked span { font-size: 0.92rem; color: var(--muted); }
.picked a { margin-left: auto; font-size: 0.92rem; font-weight: 700; color: var(--ink); white-space: nowrap; text-decoration-color: var(--accent-on-light); }
.btn, .moves .btn { border-radius: 99px; }
h1, h2, h3 { font-family: "Montserrat", var(--sans); font-weight: 700; letter-spacing: -0.022em; }
.btn { font-family: "Montserrat", var(--sans); font-weight: 600; }
.logo { display: inline-block; position: relative; }
.logo::after { content: ""; position: absolute; left: calc(44.5% - 11px); right: 30%; bottom: 3px; height: 5px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 16' preserveAspectRatio='none'%3E%3Cpath fill='%234da3ff' d='M3 11.4C50 6.6 120 4.3 196 5.2c2.6.1 2.7 3.6.1 3.8C124 9.7 58 11.9 5.4 14.6 1.6 14.9.2 11.8 3 11.4Z'/%3E%3C/svg%3E") center / 100% 100% no-repeat; }