:root {
  --font: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --mono: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  --page: #07100f; --page-soft: #0a1513; --surface: rgba(16,29,27,.82); --surface-solid: #101d1b;
  --surface-soft: rgba(255,255,255,.035); --text: #f6fbfa; --muted: #9aada9; --muted-2: #6f837f;
  --border: rgba(196,230,223,.13); --border-strong: rgba(196,230,223,.24); --accent: #18e0ad;
  --accent-2: #72f4ce; --accent-deep: #00b887; --danger: #ff536f; --warning: #ffbc66; --success: #48df8a;
  --hud: #111923; --hud-panel: #1b2533; --hud-muted: #8492a4; --header: rgba(7,16,15,.84);
  --shadow: 0 30px 80px rgba(0,0,0,.34); --radius-sm: 14px; --radius-md: 22px; --radius-lg: 32px;
  --max: 1200px; --focus: #72f4ce; --ease: cubic-bezier(.2,.75,.2,1);
  --page-grid: var(--border); --accent-soft: color-mix(in srgb,var(--accent) 10%,transparent);
  --accent-border: color-mix(in srgb,var(--accent) 27%,transparent); --accent-ink: #03130f;
  --shadow-sm: 0 8px 24px rgba(0,0,0,.13); --shadow-md: 0 20px 52px rgba(0,0,0,.22);
  --card: var(--surface-solid); --bg3: var(--surface-soft); --border2: var(--border-strong);
  --cookie-accept-text: #03130f;
}
html[data-theme="light"] {
  --page: #f5f9f8; --page-soft: #edf4f2; --surface: rgba(255,255,255,.86); --surface-solid: #fff;
  --surface-soft: rgba(11,55,47,.04); --text: #0d1a18; --muted: #526762; --muted-2: #71857f;
  --border: rgba(20,64,55,.12); --border-strong: rgba(20,64,55,.23); --accent: #00a97d;
  --accent-2: #00c892; --accent-deep: #007f5e; --danger: #c62d4b; --warning: #a76000; --success: #007d47;
  --header: rgba(245,249,248,.88); --shadow: 0 26px 70px rgba(34,67,60,.16); --focus: #007a5b;
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: 88px; }
body { margin: 0; min-width: 320px; overflow-x: hidden; color: var(--text); background: radial-gradient(circle at 78% 3%, rgba(24,224,173,.11), transparent 31rem), radial-gradient(circle at 10% 22%, rgba(72,170,255,.055), transparent 28rem), var(--page); font-family: var(--font); line-height: 1.55; -webkit-font-smoothing: antialiased; }
body.menu-open { overflow: hidden; }
a { color: inherit; text-decoration: none; }
button, input { color: inherit; font: inherit; }
button, a, input { -webkit-tap-highlight-color: transparent; }
:focus-visible { outline: 3px solid var(--focus); outline-offset: 3px; }
::selection { color: #03110e; background: var(--accent-2); }
.svg-sprite { position: absolute; width: 0; height: 0; overflow: hidden; }
.container { width: min(calc(100% - 40px), var(--max)); margin-inline: auto; }
.section { position: relative; padding: 108px 0; }
.section-soft { background: linear-gradient(180deg, transparent, var(--surface-soft) 18%, var(--surface-soft) 82%, transparent); }
.site-header { position: fixed; inset: 0 0 auto; z-index: 50; height: 78px; border-bottom: 1px solid transparent; transition: .25s ease; }
.site-header.scrolled { background: var(--header); border-color: var(--border); backdrop-filter: blur(22px) saturate(150%); box-shadow: 0 12px 40px rgba(0,0,0,.08); }
.nav-shell { height: 100%; display: flex; align-items: center; gap: 24px; }
.brand { display: inline-flex; align-items: center; gap: 9px; font-weight: 850; line-height: .93; letter-spacing: -.035em; white-space: nowrap; }
.brand > span:last-child { display: grid; }
.brand strong { color: var(--accent); }
.brand-mark { width: 39px; height: 39px; color: var(--accent); }
.brand-mark svg { width: 100%; height: 100%; fill: none; stroke: currentColor; stroke-width: 2.8; stroke-linecap: round; stroke-linejoin: round; }
.desktop-nav { display: flex; align-items: center; justify-content: center; gap: 24px; margin-left: auto; }
.desktop-nav a, .nav-text-button { color: var(--muted); font-size: 13px; font-weight: 750; transition: color .2s ease; }
.desktop-nav a:hover, .desktop-nav a.active, .nav-text-button:hover { color: var(--text); }
.nav-actions { display: flex; align-items: center; gap: 8px; }
.segmented { height: 42px; padding: 3px; display: flex; border: 1px solid var(--border); border-radius: 12px; background: var(--surface-soft); }
.segmented a { min-width: 34px; display: grid; place-items: center; border-radius: 9px; color: var(--muted); font: 800 10px/1 var(--mono); }
.segmented a[aria-current="true"] { color: var(--text); background: var(--surface-solid); box-shadow: 0 4px 13px rgba(0,0,0,.12); }
.icon-button { width: 42px; height: 42px; padding: 0; border: 1px solid var(--border); border-radius: 12px; background: var(--surface-soft); cursor: pointer; display: grid; place-items: center; font-size: 17px; }
.icon-button:hover { border-color: var(--border-strong); background: var(--surface); }
.menu-button { display: none; }
.logout-form { display: contents; }
.nav-text-button { padding: 9px 8px; border: 0; background: transparent; cursor: pointer; }
.button { min-height: 50px; padding: 0 20px; border: 1px solid var(--border-strong); border-radius: var(--radius-sm); background: var(--surface); display: inline-flex; align-items: center; justify-content: center; gap: 10px; font-size: 14px; font-weight: 800; cursor: pointer; transition: transform .2s var(--ease), border-color .2s ease, box-shadow .2s ease; }
.button:hover { transform: translateY(-2px); border-color: var(--accent); }
.button svg { width: 17px; height: 17px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.button-primary { color: #03130f; border-color: var(--accent); background: linear-gradient(135deg, var(--accent-2), var(--accent)); box-shadow: 0 12px 36px rgba(24,224,173,.19), inset 0 1px rgba(255,255,255,.4); }
.button-primary:hover { border-color: var(--accent-2); box-shadow: 0 16px 42px rgba(24,224,173,.25); }
.button-quiet { min-height: 42px; padding-inline: 15px; background: transparent; }
.button-large { min-height: 58px; padding-inline: 24px; font-size: 15px; }
.mobile-menu { display: none; }
.hero { position: relative; min-height: 850px; padding: 148px 0 72px; display: grid; align-items: center; overflow: hidden; }
.ambient-grid { position: absolute; inset: 0; overflow: hidden; pointer-events: none; mask-image: linear-gradient(to bottom,#000,transparent 94%); }
.ambient-grid::before { content: ""; position: absolute; inset: -25% -10%; background-image: linear-gradient(var(--border) 1px,transparent 1px),linear-gradient(90deg,var(--border) 1px,transparent 1px); background-size: 64px 64px; opacity: .35; transform: perspective(900px) rotateX(64deg) translateY(-8%); transform-origin: center top; }
.hero-grid { position: relative; z-index: 2; display: grid; grid-template-columns: minmax(0,.92fr) minmax(520px,1.08fr); gap: 42px; align-items: center; }
.status-notice { max-width: 620px; margin: 0 0 18px; padding: 12px 14px; border: 1px solid rgba(24,224,173,.34); border-radius: 12px; background: rgba(24,224,173,.08); font-size: 13px; }
.eyebrow, .overline { display: inline-flex; align-items: center; gap: 9px; color: var(--accent); font: 800 11px/1 var(--mono); letter-spacing: .11em; text-transform: uppercase; }
.eyebrow::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: currentColor; box-shadow: 0 0 16px currentColor; }
.hero h1 { max-width: 700px; margin: 22px 0 0; font-size: clamp(54px,6.7vw,90px); line-height: .93; letter-spacing: -.067em; font-weight: 860; }
.hero h1 span { display: block; }
.accent-text { color: var(--accent); background: linear-gradient(115deg,var(--accent) 8%,var(--accent-2) 58%,#65cfff 120%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.hero-copy > p { max-width: 620px; margin: 27px 0 0; color: var(--muted); font-size: clamp(17px,1.7vw,20px); }
.hero-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 12px; margin-top: 32px; }
.microcopy { display: flex; flex-wrap: wrap; gap: 16px; margin-top: 16px; color: var(--muted-2); font-size: 12px; }
.microcopy span::first-letter { color: var(--accent); }
.product-stage { position: relative; min-height: 610px; perspective: 1300px; }
.stage-glow { position: absolute; inset: 9% 2% 6% 5%; border-radius: 50%; background: radial-gradient(circle,rgba(24,224,173,.18),transparent 67%); filter: blur(12px); }
.device { position: absolute; margin: 0; overflow: hidden; border: 10px solid #0b1317; border-radius: 48px; background: #dfe8e8; box-shadow: var(--shadow),inset 0 0 0 1px rgba(255,255,255,.08); }
.device::before { content: ""; position: absolute; z-index: 3; top: 14px; left: 50%; width: 88px; height: 22px; translate: -50% 0; border-radius: 999px; background: #020504; }
.device img { width: 100%; height: 100%; display: block; object-fit: cover; object-position: top center; }
.device-bolt { left: 2%; top: 65px; width: 310px; height: 540px; transform: rotateY(8deg) rotateZ(-3deg); }
.device-uber { right: 1%; top: 3px; width: 330px; height: 574px; transform: rotateY(-8deg) rotateZ(3deg); }
.floating-chip { position: absolute; z-index: 8; padding: 10px 13px; border: 1px solid var(--border-strong); border-radius: 12px; color: var(--muted); background: var(--surface-solid); box-shadow: 0 14px 38px rgba(0,0,0,.23); font: 750 12px/1 var(--font); backdrop-filter: blur(15px); }
.chip-analysis { right: 0; top: 66px; }.chip-net { left: -1%; bottom: 82px; }
.proof-rail { position: relative; z-index: 3; padding: 0 0 32px; }
.proof-grid { display: grid; grid-template-columns: repeat(5,1fr); border: 1px solid var(--border); border-radius: 20px; overflow: hidden; background: var(--surface); box-shadow: 0 16px 45px rgba(0,0,0,.08); }
.proof-item { min-height: 82px; padding: 18px; display: flex; align-items: center; gap: 11px; border-right: 1px solid var(--border); color: var(--muted); font-size: 12px; }
.proof-item:last-child { border-right: 0; }.proof-item > span { width: 34px; height: 34px; display: grid; place-items: center; flex: 0 0 auto; border: 1px solid rgba(24,224,173,.32); border-radius: 11px; color: var(--accent); background: rgba(24,224,173,.06); }
.proof-item svg { width: 19px; height: 19px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.proof-item strong { font-weight: 750; }
.activity-strip { padding: 18px 0; border-block: 1px solid var(--border); background: var(--surface-soft); }
.activity-inner { min-height: 60px; display: flex; align-items: center; gap: 34px; }
.activity-stat { display: flex; align-items: baseline; gap: 9px; }.activity-stat strong { color: var(--accent); font: 800 24px/1 var(--mono); }.activity-stat span { color: var(--muted); font-size: 12px; }.activity-inner > a { margin-left: auto; color: var(--accent); font-size: 13px; font-weight: 800; }
.section-head { max-width: 820px; }.section-head.center { margin-inline: auto; text-align: center; }.section-head h2 { margin: 16px 0 0; font-size: clamp(42px,5vw,68px); line-height: .98; letter-spacing: -.055em; }.section-head > p { max-width: 700px; margin: 20px 0 0; color: var(--muted); font-size: 17px; }
.offer-demo { display: grid; grid-template-columns: 390px 1fr; margin-top: 55px; border: 1px solid var(--border); border-radius: var(--radius-lg); overflow: hidden; background: var(--surface); box-shadow: var(--shadow); }
.scenario-tabs { padding: 23px; display: grid; align-content: center; gap: 9px; border-right: 1px solid var(--border); }
.scenario-tab { width: 100%; padding: 20px; border: 1px solid transparent; border-radius: 17px; color: var(--muted); background: transparent; text-align: left; cursor: pointer; transition: .2s ease; }.scenario-tab strong,.scenario-tab span { display: block; }.scenario-tab strong { color: var(--text); font-size: 15px; }.scenario-tab span { margin-top: 5px; font-size: 12px; }.scenario-tab:hover,.scenario-tab.active { border-color: rgba(24,224,173,.32); background: rgba(24,224,173,.07); }
.decision-panel { min-height: 460px; padding: 28px; display: grid; align-content: center; position: relative; overflow: hidden; background: radial-gradient(circle at 80% 8%,rgba(24,224,173,.13),transparent 22rem),linear-gradient(145deg,var(--surface-soft),transparent 60%); }
.decision-panel::before,.simulator-preview::before { content: ""; position: absolute; inset: 0; opacity: .25; background-image: linear-gradient(var(--border) 1px,transparent 1px),linear-gradient(90deg,var(--border) 1px,transparent 1px); background-size: 32px 32px; pointer-events: none; }
.decision-toolbar,.answer-grid,.route-row { position: relative; z-index: 1; }.decision-toolbar { display: flex; justify-content: space-between; gap: 20px; color: var(--muted); font-size: 12px; }.decision-toolbar i { display: inline-block; width: 7px; height: 7px; margin-right: 6px; border-radius: 50%; background: var(--accent); box-shadow: 0 0 12px var(--accent); }
.decision-panel.state-good .answer-primary em { color: #65eea2; background: rgba(72,223,138,.14); }.decision-panel.state-ok .answer-primary em { color: #ffd08a; background: rgba(255,188,102,.14); }
.answer-grid { display: grid; grid-template-columns: 1.5fr 1fr 1fr; gap: 12px; margin-top: 16px; }.answer-card { min-height: 130px; padding: 20px; display: flex; flex-direction: column; justify-content: center; border: 1px solid var(--border); border-radius: 18px; background: var(--surface-solid); }.answer-card > span,.answer-card div > span { color: var(--muted); font-size: 11px; text-transform: uppercase; letter-spacing: .07em; }.answer-card strong { display: block; margin-top: 7px; font: 750 23px/1 var(--mono); }.answer-card small { margin-top: 8px; color: var(--muted-2); font-size: 10px; }.answer-primary { flex-direction: row; justify-content: space-between; align-items: center; gap: 14px; }.answer-primary strong { color: var(--success); font-size: 36px; }.answer-primary em { padding: 7px 9px; border-radius: 999px; color: #ff879a; background: rgba(255,83,111,.14); font: 800 10px/1 var(--mono); white-space: nowrap; }
.route-row { margin-top: 12px; padding: 18px 20px; display: grid; grid-template-columns: 1fr auto 1fr; gap: 18px; align-items: center; border: 1px solid var(--border); border-radius: 18px; background: var(--surface-solid); }.route-row div { display: grid; }.route-row div:last-child { text-align: right; }.route-row strong { font-size: 14px; }.route-row span { color: var(--muted); font-size: 11px; }
.simulator-shell { display: grid; grid-template-columns: .92fr 1.08fr; margin-top: 55px; border: 1px solid var(--border); border-radius: var(--radius-lg); overflow: hidden; background: var(--surface); box-shadow: var(--shadow); }
.simulator-controls { padding: 36px; border-right: 1px solid var(--border); }.simulator-controls h3 { margin: 0; font-size: 25px; letter-spacing: -.035em; }.simulator-controls > p { margin: 8px 0 27px; color: var(--muted); font-size: 14px; }.range-field { margin-top: 22px; }.range-field > div { display: flex; align-items: center; justify-content: space-between; gap: 18px; }.range-field label { color: var(--muted); font-size: 12px; font-weight: 750; }.range-field output { padding: 5px 8px; border: 1px solid var(--border); border-radius: 8px; background: var(--surface-soft); font: 750 11px/1 var(--mono); }.range-field input { width: 100%; margin: 13px 0 0; accent-color: var(--accent); cursor: pointer; }.simulator-note { margin: 27px 0 0!important; color: var(--muted-2)!important; font-size: 10px!important; }
.simulator-preview { min-height: 600px; padding: 38px; display: grid; place-items: center; position: relative; overflow: hidden; background: radial-gradient(circle at 50% 35%,rgba(24,224,173,.14),transparent 40%),linear-gradient(145deg,var(--surface-soft),transparent 55%); }
.hud { position: relative; z-index: 2; width: min(100%,510px); padding: 24px; border: 1px solid var(--danger); border-radius: 22px; color: #edf4fa; background: rgba(17,25,35,.97); box-shadow: 0 25px 65px rgba(0,0,0,.35); }.hud-head,.hud-main,.score-row { display: flex; justify-content: space-between; gap: 20px; }.hud-head > span { color: #ffe76d; font: 800 11px/1 var(--mono); }.hud-head em { padding: 5px 9px; border-radius: 999px; color: #ff879a; background: rgba(255,83,111,.15); font: 800 10px/1 var(--mono); }.hud-main { align-items: end; margin-top: 24px; }.hud-main > div:last-child { text-align: right; }.hud-main small { display: block; color: var(--hud-muted); font-size: 9px; }.hud-main strong { display: block; }.hud-main > div:first-child strong { color: #48df8a; font: 500 39px/1.1 var(--font); }.hud-main > div:last-child strong { color: #ff7189; font-size: 26px; }.hud-stats { display: grid; grid-template-columns: repeat(3,1fr); gap: 8px; margin-top: 25px; }.hud-stats div { padding: 13px 8px; display: grid; gap: 5px; border-radius: 12px; background: rgba(255,255,255,.035); text-align: center; }.hud-stats span { color: var(--hud-muted); font-size: 9px; }.hud-stats strong { font-size: 14px; }.score-row { margin-top: 20px; color: var(--hud-muted); font-size: 10px; }.score-row strong { color: #ff7890; }.score-track { height: 6px; margin-top: 7px; overflow: hidden; border-radius: 99px; background: #283544; }.score-track i { width: 18%; height: 100%; display: block; border-radius: inherit; background: var(--danger); transition: width .2s ease; }.hud-alert { margin-top: 16px; padding: 12px; border: 1px solid rgba(255,83,111,.5); border-radius: 11px; color: #ff879a; background: #10141a; font-size: 11px; }.hud-actions { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-top: 16px; }.hud-actions span { padding: 11px; border: 1px solid #15bd66; border-radius: 10px; color: #59e998; background: #0d4b2a; text-align: center; font-weight: 800; }.hud-actions span:last-child { border-color: #e63c54; color: #ff7e91; background: #56141d; }
.hud.state-ok { border-color: var(--warning); }.hud.state-ok .hud-head em,.hud.state-ok .score-row strong,.hud.state-ok .hud-alert { color: #ffd08a; }.hud.state-ok .hud-head em { background: rgba(255,188,102,.14); }.hud.state-ok .score-track i { background: var(--warning); }.hud.state-ok .hud-alert { border-color: rgba(255,188,102,.5); }
.hud.state-good { border-color: var(--success); }.hud.state-good .hud-head em,.hud.state-good .score-row strong,.hud.state-good .hud-alert { color: #65eea2; }.hud.state-good .hud-head em { background: rgba(72,223,138,.14); }.hud.state-good .score-track i { background: var(--success); }.hud.state-good .hud-alert { border-color: rgba(72,223,138,.5); }
.bento { display: grid; grid-template-columns: repeat(12,1fr); gap: 17px; margin-top: 55px; }.feature-card { min-height: 280px; padding: 25px; display: flex; flex-direction: column; position: relative; overflow: hidden; grid-column: span 4; border: 1px solid var(--border); border-radius: var(--radius-md); background: var(--surface); }.feature-card:hover { border-color: rgba(24,224,173,.35); }.feature-route { grid-column: span 7; }.feature-net { grid-column: span 5; }.feature-icon { width: 38px; height: 38px; display: grid; place-items: center; border: 1px solid rgba(24,224,173,.34); border-radius: 12px; color: var(--accent); background: rgba(24,224,173,.06); font-size: 18px; }.feature-card h3 { max-width: 380px; margin: 20px 0 0; font-size: 19px; letter-spacing: -.025em; }.feature-card p { max-width: 430px; margin: 8px 0 0; color: var(--muted); font-size: 13px; }.route-art { height: 118px; margin: auto -25px -25px 42%; position: relative; border-top: 1px solid var(--border); background: linear-gradient(160deg,transparent 30%,rgba(24,224,173,.08)); }.route-art::before { content: ""; position: absolute; inset: 49% -5% auto -8%; height: 3px; background: var(--accent); border-radius: 99px; transform: rotate(-9deg); box-shadow: 0 0 18px rgba(24,224,173,.3); }.route-art i { position: absolute; top: 45%; width: 12px; height: 12px; border: 3px solid var(--surface-solid); border-radius: 50%; background: var(--accent); }.route-art i:nth-child(1){left:8%;top:61%}.route-art i:nth-child(2){left:48%}.route-art i:nth-child(3){right:8%;top:28%}.metric-art { display: grid; grid-template-columns: 1fr 1fr; gap: 9px; margin-top: auto; }.metric-art span { padding: 12px; display: grid; gap: 6px; border: 1px solid var(--border); border-radius: 12px; color: var(--muted-2); font: 700 8px/1 var(--mono); }.metric-art strong { color: var(--text); font: 800 18px/1 var(--font); }.metric-art span:nth-child(-n+2) strong { color: var(--accent); }.score-ring { width: 120px; height: 120px; margin: auto auto 0; display: grid; place-items: center; position: relative; border: 11px solid rgba(24,224,173,.16); border-top-color: var(--accent); border-right-color: var(--accent); border-bottom-color: var(--accent); border-radius: 50%; }.score-ring strong { font-size: 24px; }.score-ring small { margin-top: -40px; color: var(--muted-2); font-size: 9px; }.alert-art { display: grid; gap: 8px; margin-top: auto; }.alert-art span { padding: 11px; border: 1px solid var(--border); border-radius: 10px; color: var(--muted); font-size: 10px; }.sparkline { width: calc(100% + 50px); height: 95px; margin: auto -25px -25px; overflow: visible; }.sparkline path { fill: none; stroke: var(--accent); stroke-width: 3; stroke-linecap: round; filter: drop-shadow(0 9px 9px rgba(24,224,173,.2)); }
.trial-banner { max-width: 920px; margin: 52px auto 0; padding: 20px 22px; display: flex; align-items: center; justify-content: space-between; gap: 25px; border: 1px solid rgba(24,224,173,.3); border-radius: 20px; background: rgba(24,224,173,.06); }.trial-banner > div { display: grid; }.trial-banner strong { font-size: 17px; }.trial-banner span { color: var(--muted); font-size: 13px; }
.pricing-grid { display: grid; grid-template-columns: 1.1fr .9fr; gap: 20px; margin-top: 20px; align-items: stretch; }.plan-card { padding: 34px; display: flex; flex-direction: column; position: relative; border: 1px solid var(--border); border-radius: var(--radius-lg); background: var(--surface); }.plan-card.plan-pro { border-color: rgba(24,224,173,.42); box-shadow: 0 25px 75px rgba(24,224,173,.08); }.plan-badge { align-self: flex-start; margin: -48px 0 20px; padding: 8px 12px; border-radius: 999px; color: #03130f; background: var(--accent); font: 800 10px/1 var(--mono); }.plan-name { color: var(--accent); font: 800 12px/1 var(--mono); letter-spacing: .12em; }.plan-price { display: flex; align-items: center; gap: 12px; margin-top: 16px; }.plan-price strong { font-size: clamp(52px,6vw,72px); line-height: .9; letter-spacing: -.06em; }.plan-price span { color: var(--muted); font-size: 11px; }.plan-card > p { min-height: 48px; color: var(--muted); font-size: 13px; }.plan-card h3 { margin: 20px 0 5px; font-size: 13px; }.check-list { margin: 12px 0 24px; padding: 0; display: grid; gap: 11px; list-style: none; }.check-list li { display: flex; gap: 10px; color: var(--muted); font-size: 13px; }.check-list li span { color: var(--accent); font-weight: 900; }.plan-button { width: 100%; margin-top: auto; text-align: center; }.plan-button.disabled { color: var(--muted-2); border-color: var(--border); background: var(--surface-soft); cursor: not-allowed; }.plan-button.disabled:hover { transform: none; }.pricing-legal { max-width: 790px; margin: 18px auto 0; color: var(--muted-2); text-align: center; font-size: 11px; }.pricing-legal a { color: var(--accent); font-weight: 750; }
.fleet-strip { padding: 42px 0; border-block: 1px solid var(--border); background: var(--surface-soft); }.fleet-strip .container { display: flex; align-items: center; justify-content: space-between; gap: 30px; }.fleet-strip h2 { margin: 10px 0 0; font-size: 28px; letter-spacing: -.04em; }.fleet-strip p { margin: 6px 0 0; color: var(--muted); font-size: 13px; }
.faq-shell { display: grid; grid-template-columns: .7fr 1.3fr; gap: 60px; margin-top: 52px; align-items: start; }.faq-shell aside { position: sticky; top: 110px; }.faq-shell aside h3 { margin: 0; font-size: 24px; }.faq-shell aside p { color: var(--muted); }.faq-list { display: grid; }.faq-item { border-bottom: 1px solid var(--border); }.faq-question { width: 100%; padding: 22px 0; border: 0; background: transparent; display: flex; align-items: center; justify-content: space-between; gap: 20px; text-align: left; cursor: pointer; font-weight: 800; font-size: 16px; }.faq-question span:last-child { color: var(--accent); font-size: 23px; transition: transform .2s ease; }.faq-question[aria-expanded="true"] span:last-child { transform: rotate(45deg); }.faq-answer { display: grid; grid-template-rows: 0fr; transition: grid-template-rows .28s var(--ease); }.faq-answer > div { overflow: hidden; }.faq-answer p { margin: 0 0 22px; color: var(--muted); }.faq-item.open .faq-answer { grid-template-rows: 1fr; }
.final-section { padding: 10px 0 108px; }.final-card { padding: 72px; overflow: hidden; position: relative; border: 1px solid rgba(24,224,173,.3); border-radius: var(--radius-lg); background: radial-gradient(circle at 85% 0,rgba(24,224,173,.16),transparent 31rem),var(--surface); box-shadow: var(--shadow); }.final-card::after { content: ""; position: absolute; right: -120px; bottom: -210px; width: 500px; height: 500px; border: 1px solid rgba(24,224,173,.14); border-radius: 50%; box-shadow: inset 0 0 0 80px rgba(24,224,173,.025),inset 0 0 0 160px rgba(24,224,173,.025); }.final-card h2 { max-width: 800px; margin: 15px 0 0; position: relative; z-index: 1; font-size: clamp(42px,5vw,68px); line-height: .99; letter-spacing: -.055em; }.final-card > p { max-width: 650px; position: relative; z-index: 1; color: var(--muted); }.final-card .hero-actions { position: relative; z-index: 1; }
.site-footer { padding: 44px 0 105px; border-top: 1px solid var(--border); }.footer-grid { display: grid; grid-template-columns: 1.4fr .6fr 1fr; gap: 50px; }.footer-grid > div > p { max-width: 440px; color: var(--muted); font-size: 13px; }.footer-grid > div:not(:first-child) { display: grid; align-content: start; gap: 8px; }.footer-grid > div:not(:first-child) strong { margin-bottom: 5px; font-size: 11px; text-transform: uppercase; letter-spacing: .08em; }.footer-grid > div:not(:first-child) a { color: var(--muted); font-size: 12px; }.footer-grid a:hover { color: var(--accent); }.footer-bottom { margin-top: 34px; padding-top: 23px; display: flex; justify-content: space-between; gap: 20px; border-top: 1px solid var(--border); color: var(--muted-2); font-size: 10px; }.mobile-sticky { display: none; }
@media (max-width: 1120px) {
  .desktop-nav { gap: 16px; }.desktop-nav a:nth-last-child(-n+2) { display: none; }.nav-actions .button { display: none; }
  .hero-grid { grid-template-columns: 1fr 520px; }.device-bolt { left: 0; width: 275px; height: 500px; }.device-uber { width: 295px; height: 535px; }
}
@media (max-width: 900px) {
  .section { padding: 84px 0; }.desktop-nav,.nav-actions > .segmented,.nav-actions > .button,.nav-actions > .logout-form,.nav-actions > .nav-text-button { display: none; }.menu-button { display: grid; }.nav-actions { margin-left: auto; }
  .mobile-menu { position: fixed; z-index: 45; inset: 78px 0 auto; max-height: calc(100vh - 78px); padding: 18px 20px 28px; overflow-y: auto; border-bottom: 1px solid var(--border); background: var(--header); backdrop-filter: blur(22px); box-shadow: 0 25px 55px rgba(0,0,0,.24); }.mobile-menu.open { display: grid; }.mobile-menu > a { padding: 15px 4px; display: flex; justify-content: space-between; border-bottom: 1px solid var(--border); font-weight: 750; }.mobile-menu form button { width: 100%; padding: 15px 4px; border: 0; background: transparent; text-align: left; font-weight: 750; }.mobile-controls { margin: 18px 0 4px; display: grid; grid-template-columns: 1fr 1fr; gap: 9px; }.mobile-controls a,.mobile-controls button { min-height: 44px; display: grid; place-items: center; border: 1px solid var(--border); border-radius: 12px; background: var(--surface); font-weight: 800; }.mobile-primary { margin-top: 8px; padding-inline: 13px!important; border: 1px solid var(--accent)!important; border-radius: 13px; color: #03130f; background: var(--accent); }
  .hero { min-height: auto; padding-top: 130px; }.hero-grid { grid-template-columns: 1fr; }.hero-copy { text-align: center; }.hero-copy .eyebrow { justify-content: center; }.hero-copy > p { margin-inline: auto; }.hero-actions,.microcopy { justify-content: center; }.product-stage { width: min(100%,620px); margin-inline: auto; }.device-bolt { left: 8%; }.device-uber { right: 8%; }
  .proof-grid { grid-template-columns: repeat(3,1fr); }.proof-item { border-bottom: 1px solid var(--border); }.proof-item:nth-child(3) { border-right: 0; }.proof-item:nth-child(n+4) { border-bottom: 0; }.proof-item:last-child { grid-column: span 2; }
  .activity-inner { flex-wrap: wrap; }.activity-inner > a { margin-left: 0; }
  .offer-demo,.simulator-shell { grid-template-columns: 1fr; }.scenario-tabs { grid-template-columns: repeat(3,1fr); border-right: 0; border-bottom: 1px solid var(--border); }.scenario-tab { padding: 14px; }.decision-panel { min-height: 420px; }.simulator-controls { border-right: 0; border-bottom: 1px solid var(--border); }
  .bento { grid-template-columns: repeat(2,1fr); }.feature-card,.feature-route,.feature-net { grid-column: auto; }.feature-route { grid-column: span 2; }
  .pricing-grid { grid-template-columns: 1fr; max-width: 690px; margin-inline: auto; }.plan-badge { margin-top: -47px; }.faq-shell { grid-template-columns: 1fr; gap: 25px; }.faq-shell aside { position: static; }.footer-grid { grid-template-columns: 1.3fr .7fr; }.footer-grid > div:last-child { grid-column: span 2; }
}
@media (max-width: 640px) {
  .container { width: min(calc(100% - 28px),var(--max)); }.section { padding: 70px 0; }.site-header { height: 68px; }.brand { min-height: 44px; }.brand-mark { width: 34px; height: 34px; }.menu-button { width: 44px; height: 44px; }.nav-actions > .icon-button:not(.menu-button) { display: none; }.mobile-menu { top: 68px; }
  .hero { padding: 112px 0 45px; }.hero h1 { font-size: clamp(47px,14vw,67px); }.hero-copy > p { font-size: 16px; }.hero-actions { display: grid; grid-template-columns: 1fr; }.hero-actions .button { width: 100%; }.microcopy { gap: 10px 14px; }.product-stage { min-height: 510px; margin-top: 20px; }.device { border-width: 7px; border-radius: 35px; }.device::before { top: 10px; width: 62px; height: 16px; }.device-bolt { left: 0; top: 72px; width: 225px; height: 400px; }.device-uber { right: 0; top: 10px; width: 235px; height: 425px; }.floating-chip { padding: 8px 10px; font-size: 10px; }.chip-analysis { top: 47px; }.chip-net { bottom: 18px; }
  .proof-rail { padding-bottom: 18px; }.proof-grid { grid-template-columns: 1fr 1fr; border-radius: 17px; }.proof-item { min-height: 69px; padding: 12px; }.proof-item:nth-child(2n) { border-right: 0; }.proof-item:nth-child(3) { border-right: 1px solid var(--border); }.proof-item:nth-child(n+4) { border-bottom: 1px solid var(--border); }.proof-item:last-child { grid-column: span 2; border-bottom: 0; }.proof-item > span { width: 30px; height: 30px; }.proof-item strong { font-size: 10px; }
  .activity-inner { gap: 16px 25px; }.activity-inner > div:first-child { width: 100%; }.activity-inner > a { width: 100%; min-height: 44px; display: inline-flex; align-items: center; }.activity-stat strong { font-size: 19px; }
  .section-head h2,.final-card h2 { font-size: clamp(39px,11vw,52px); }.section-head > p { font-size: 15px; }
  .offer-demo { margin-top: 36px; border-radius: 23px; }.scenario-tabs { padding: 10px; display: flex; overflow-x: auto; }.scenario-tab { min-width: 230px; }.decision-panel { min-height: 520px; padding: 19px; }.decision-toolbar { align-items: flex-start; flex-direction: column; gap: 5px; }.answer-grid { grid-template-columns: 1fr 1fr; }.answer-primary { grid-column: span 2; }.answer-card { min-height: 112px; padding: 15px; }.answer-primary strong { font-size: 31px; }.route-row { padding: 15px; gap: 9px; }.route-row strong { font-size: 11px; }
  .simulator-shell { margin-top: 36px; border-radius: 23px; }.simulator-controls,.simulator-preview { padding: 20px; }.simulator-preview { min-height: 510px; }.hud { padding: 17px; }.hud-main { gap: 10px; }.hud-main > div:first-child strong { font-size: 28px; }.hud-main > div:last-child strong { font-size: 18px; }.hud-stats { gap: 5px; }.hud-stats div { padding: 10px 4px; }
  .bento { grid-template-columns: 1fr; margin-top: 36px; }.feature-card,.feature-route { grid-column: auto; min-height: 260px; }.route-art { margin-left: 20%; }
  .trial-banner { margin-top: 38px; padding: 18px; align-items: stretch; flex-direction: column; }.trial-banner .button { width: 100%; }.pricing-grid { margin-top: 17px; }.plan-card { padding: 27px 21px; border-radius: 23px; }.plan-price strong { font-size: 54px; }.pricing-legal a { min-height: 44px; display: inline-flex; align-items: center; }.plan-badge { margin-left: 0; }.fleet-strip .container { align-items: stretch; flex-direction: column; }.fleet-strip .button { width: 100%; }
  .faq-shell { margin-top: 34px; }.final-section { padding-bottom: 70px; }.final-card { padding: 42px 22px; border-radius: 23px; }.final-card::after { opacity: .5; }.footer-grid { grid-template-columns: 1fr; }.footer-grid > div:last-child { grid-column: auto; }.footer-grid > div:not(:first-child) a { min-height: 44px; display: inline-flex; align-items: center; }.footer-bottom { flex-direction: column; }.site-footer { padding-bottom: 105px; }
  .mobile-sticky { min-height: 52px; display: inline-flex; position: fixed; z-index: 40; inset: auto 12px 12px; box-shadow: 0 16px 45px rgba(0,0,0,.35); }
  body.rsh-cookie-banner-visible .mobile-sticky { bottom: calc(12px + var(--rsh-cookie-banner-offset,0px)); }
}
@media (max-width: 420px) {
  .hero h1 { font-size: 45px; }.product-stage { min-height: 450px; }.device-bolt { width: 195px; height: 350px; }.device-uber { width: 205px; height: 372px; }.chip-net { left: 0; }.answer-primary { flex-direction: column; align-items: flex-start; }.answer-primary em { align-self: flex-start; }.hud-main { align-items: flex-start; flex-direction: column; }.hud-main > div:last-child { text-align: left; }.hud-stats strong { font-size: 11px; }
}
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } *,*::before,*::after { scroll-behavior: auto!important; animation-duration: .01ms!important; transition-duration: .01ms!important; } }