:root {
  color-scheme: dark;
  --bg: #07090c;
  --bg-soft: #0b0e13;
  --surface: #0e1218;
  --surface-soft: rgba(255,255,255,.045);
  --surface-strong: rgba(255,255,255,.075);
  --line: rgba(255,255,255,.105);
  --line-strong: rgba(255,255,255,.19);
  --text: #f6f7f9;
  --muted: #8e98a7;
  --muted-strong: #c2c8d1;
  --accent: #74a7ff;
  --accent-light: #a8c8ff;
  --accent-ink: #06101f;
  --success: #79d6aa;
  --warning: #e8bd72;
  --danger: #ff8c96;
  --shadow: 0 38px 110px rgba(0,0,0,.44);
  --page: min(1420px, calc(100vw - 56px));
  --radius: 30px;
  --radius-small: 17px;
  font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; overflow-x: hidden; color: var(--text); background: var(--bg); -webkit-font-smoothing: antialiased; }
[hidden] { display: none !important; }
body::before { content: ""; position: fixed; z-index: -2; inset: 0; background: radial-gradient(circle at 18% 4%, rgba(75,130,226,.13), transparent 31rem), radial-gradient(circle at 85% 38%, rgba(255,255,255,.04), transparent 28rem); pointer-events: none; }
body::after { content: ""; position: fixed; z-index: -1; inset: 0; opacity: .22; pointer-events: none; background-image: linear-gradient(rgba(255,255,255,.018) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.018) 1px, transparent 1px); background-size: 64px 64px; mask-image: linear-gradient(to bottom, black, transparent 78%); }
a { color: inherit; text-decoration: none; }
button, input, select, textarea { font: inherit; }
button { color: inherit; }
img { max-width: 100%; }
.skip-link { position: fixed; left: 14px; top: 14px; transform: translateY(-150%); z-index: 100; padding: 11px 15px; color: var(--bg); background: var(--text); border-radius: 10px; }
.skip-link:focus { transform: none; }

.brand { display: inline-flex; align-items: center; gap: 11px; font-weight: 760; letter-spacing: -.025em; }
.brand-mark { position: relative; display: grid; place-items: center; width: 28px; height: 28px; border: 1px solid rgba(255,255,255,.17); border-radius: 50%; background: radial-gradient(circle at 34% 28%, #cfe0ff, var(--accent) 24%, #315fbb 62%, #101a2f 100%); box-shadow: 0 0 28px rgba(116,167,255,.2), inset -5px -6px 10px rgba(0,0,0,.36); }
.brand-mark i { width: 34px; height: 8px; position: absolute; border: 1px solid rgba(207,224,255,.7); border-radius: 50%; transform: rotate(-20deg); box-shadow: 0 0 10px rgba(116,167,255,.32); }

.site-nav, .minimal-nav, .portal-nav { width: var(--page); margin: 14px auto 0; min-height: 68px; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 24px; padding: 0 20px; border: 1px solid var(--line); border-radius: 22px; background: rgba(10,13,18,.72); backdrop-filter: blur(24px) saturate(150%); position: sticky; top: 12px; z-index: 30; box-shadow: 0 18px 48px rgba(0,0,0,.18); }
.minimal-nav { position: relative; top: 0; grid-template-columns: 1fr auto; }
.minimal-nav > :last-child { justify-self: end; }
.nav-links { display: flex; align-items: center; gap: 30px; color: var(--muted-strong); font-size: 13px; }
.nav-links a, .text-link, .footer-links a { transition: color .2s ease; }
.nav-links a:hover, .text-link:hover, .footer-links a:hover { color: var(--accent-light); }
.nav-actions { display: flex; justify-content: flex-end; align-items: center; gap: 18px; font-size: 13px; }

.button { min-height: 50px; display: inline-flex; align-items: center; justify-content: center; gap: 8px; padding: 0 23px; border: 1px solid transparent; border-radius: 999px; font-weight: 720; letter-spacing: -.015em; cursor: pointer; transition: transform .22s ease, background .22s ease, border-color .22s ease, box-shadow .22s ease; }
.button:hover { transform: translateY(-2px); }
.button:active { transform: scale(.985); }
.button-primary { color: var(--accent-ink); background: linear-gradient(180deg, #9fc3ff, var(--accent)); box-shadow: inset 0 1px 0 rgba(255,255,255,.72), 0 15px 42px rgba(68,121,216,.25); }
.button-primary:hover { background: linear-gradient(180deg, #b5d0ff, #88b4ff); }
.button-secondary { color: var(--text); background: rgba(255,255,255,.045); border-color: var(--line); }
.button-secondary:hover { background: rgba(255,255,255,.08); border-color: var(--line-strong); }
.button-small { min-height: 42px; padding: 0 18px; }
.button-full { width: 100%; }
.text-cta { display: inline-flex; align-items: center; gap: 10px; margin-top: 28px; color: var(--accent-light); font-weight: 700; }
.text-cta span { transition: transform .22s ease; }
.text-cta:hover span { transform: translate(3px,-3px); }
.eyebrow { margin: 0 0 22px; color: var(--accent-light); font-size: 11px; font-weight: 780; letter-spacing: .15em; text-transform: uppercase; }

.hero-shell { width: var(--page); min-height: calc(100dvh - 92px); margin: 0 auto; padding: 70px 0 62px; display: grid; grid-template-columns: minmax(0,1.02fr) minmax(500px,.98fr); gap: clamp(38px,5vw,82px); align-items: center; }
.hero-copy { padding-left: clamp(0px,2vw,28px); }
.hero-copy h1 { max-width: 790px; margin: 0; font-size: clamp(52px,4.6vw,76px); font-weight: 710; letter-spacing: -.062em; line-height: .94; white-space: nowrap; }
.hero-copy h1 span { color: #aab1bc; }
.hero-sub { max-width: 620px; margin: 30px 0 0; color: var(--muted-strong); font-size: clamp(18px,1.55vw,22px); line-height: 1.55; letter-spacing: -.02em; }
.hero-actions { display: flex; gap: 12px; flex-wrap: wrap; margin-top: 36px; }
.hero-media { min-width: 0; margin: 0; }
.hero-image-frame { position: relative; isolation: isolate; overflow: hidden; aspect-ratio: 3/2; border: 1px solid var(--line); border-radius: 38px; background: #040507; box-shadow: var(--shadow), inset 0 1px 0 rgba(255,255,255,.14); }
.hero-image-frame::after { content: ""; position: absolute; inset: 0; z-index: 1; pointer-events: none; background: linear-gradient(to top, rgba(4,6,9,.78), transparent 45%); }
.hero-image-frame img { display: block; width: 100%; height: 100%; object-fit: cover; transform: scale(1.025); transition: transform 1.1s cubic-bezier(.16,1,.3,1); }
.hero-media:hover img { transform: scale(1.055); }
.hero-signal { position: absolute; z-index: 2; left: 24px; right: 24px; bottom: 22px; padding: 18px 19px; border: 1px solid rgba(255,255,255,.14); border-radius: 19px; background: rgba(8,11,16,.68); backdrop-filter: blur(20px); display: grid; grid-template-columns: 1fr auto; gap: 6px 20px; }
.hero-signal > span { color: var(--accent-light); font-size: 11px; text-transform: uppercase; letter-spacing: .11em; font-weight: 730; }
.hero-signal > span i { display: inline-block; width: 7px; height: 7px; margin-right: 7px; border-radius: 50%; background: var(--success); box-shadow: 0 0 12px var(--success); }
.hero-signal strong { grid-row: 2; font-size: 16px; }
.hero-signal small { grid-column: 2; grid-row: 1/3; align-self: center; max-width: 170px; color: var(--muted); line-height: 1.45; }
.hero-media figcaption { margin-top: 13px; color: var(--muted); font-size: 12px; text-align: right; }

.system-rail { width: var(--page); margin: 0 auto; display: grid; grid-template-columns: repeat(4,1fr); border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.system-rail > div { padding: 25px 24px; display: grid; grid-template-columns: 35px 1fr; gap: 4px 12px; border-right: 1px solid var(--line); }
.system-rail > div:last-child { border-right: 0; }
.system-rail span { grid-row: 1/3; color: var(--accent); font-size: 11px; padding-top: 3px; }
.system-rail strong { font-size: 15px; letter-spacing: -.015em; }
.system-rail small { color: var(--muted); }

.section-pad { width: var(--page); margin: 0 auto; padding: 152px 0; }
.section-intro { max-width: 880px; }
.section-intro h2, .intelligence-copy h2, .architecture-head h2, .control-copy h2, .final-cta h2 { margin: 0; font-size: clamp(45px,5.5vw,78px); line-height: 1; letter-spacing: -.057em; font-weight: 680; }
.section-intro > p:last-child, .intelligence-copy > p, .architecture-head p, .control-copy > p, .final-cta > div:last-child > p { max-width: 680px; margin: 25px 0 0; color: var(--muted-strong); font-size: 19px; line-height: 1.62; letter-spacing: -.015em; }
.decision-stage { min-height: 680px; margin-top: 70px; display: grid; grid-template-columns: .88fr 1.12fr; gap: 90px; align-items: center; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.stage-orbit { width: min(36vw,480px); aspect-ratio: 1; margin: auto; position: relative; display: grid; place-items: center; border: 1px solid rgba(116,167,255,.14); border-radius: 50%; box-shadow: inset 0 0 100px rgba(116,167,255,.035); }
.stage-orbit::before, .stage-orbit::after { content: ""; position: absolute; border: 1px solid rgba(255,255,255,.08); border-radius: 50%; }
.stage-orbit::before { inset: 14%; }
.stage-orbit::after { inset: 31%; background: radial-gradient(circle at 35% 30%, #bdd5ff, var(--accent) 22%, #23478e 62%, #0b1222); box-shadow: 0 0 70px rgba(67,120,214,.24); }
.stage-orbit span { position: absolute; width: 71%; height: 21%; z-index: 2; border: 1px solid rgba(211,226,255,.52); border-radius: 50%; transform: rotate(-18deg); box-shadow: 0 0 22px rgba(116,167,255,.16); }
.stage-orbit i { position: absolute; z-index: 3; width: 10px; height: 10px; border-radius: 50%; background: var(--accent-light); animation: orbit 5.5s linear infinite; transform-origin: 0 0; }
.stage-copy article { padding: 26px 0; border-bottom: 1px solid var(--line); opacity: .43; transition: opacity .35s ease, transform .35s ease; }
.stage-copy article.active { opacity: 1; transform: translateX(12px); }
.stage-copy article > span { color: var(--accent-light); font-size: 11px; text-transform: uppercase; letter-spacing: .13em; }
.stage-copy h3 { margin: 9px 0 0; font-size: clamp(24px,2.2vw,34px); letter-spacing: -.035em; }
.stage-copy p { max-width: 640px; margin: 10px 0 0; color: var(--muted); line-height: 1.58; }

.intelligence-section { display: grid; grid-template-columns: .84fr 1.16fr; gap: 100px; align-items: center; }
.latency-object { min-height: 620px; position: relative; display: grid; place-items: center; border: 1px solid var(--line); border-radius: 38px; overflow: hidden; background: radial-gradient(circle, rgba(116,167,255,.12), transparent 45%), rgba(255,255,255,.02); }
.latency-object::before { content: ""; position: absolute; inset: 0; background-image: linear-gradient(rgba(255,255,255,.03) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.03) 1px, transparent 1px); background-size: 48px 48px; mask-image: radial-gradient(circle, black, transparent 70%); }
.latency-ring { position: absolute; border: 1px solid rgba(116,167,255,.22); border-radius: 50%; }
.ring-one { width: 410px; height: 410px; animation: spin 18s linear infinite; border-style: dashed; }
.ring-two { width: 270px; height: 270px; animation: spin 12s linear infinite reverse; }
.latency-core { z-index: 2; width: 190px; height: 190px; padding: 20px; border-radius: 50%; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; background: linear-gradient(145deg, #111b2d, #0a0e15); border: 1px solid rgba(167,199,255,.24); box-shadow: 0 0 70px rgba(55,103,190,.22), inset 0 1px 0 rgba(255,255,255,.1); }
.latency-core span { color: var(--accent-light); font-size: 10px; letter-spacing: .14em; }
.latency-core strong { margin-top: 7px; font-size: 21px; }
.latency-core small { max-width: 130px; margin-top: 8px; color: var(--muted); line-height: 1.4; }
.latency-label { position: absolute; z-index: 3; min-width: 180px; padding: 15px 17px; border: 1px solid var(--line); border-radius: 15px; background: rgba(8,11,15,.78); backdrop-filter: blur(14px); display: grid; gap: 5px; }
.latency-label span { color: var(--muted); font-size: 10px; text-transform: uppercase; letter-spacing: .11em; }
.latency-label strong { font-size: 14px; }
.label-one { top: 70px; left: 46px; }.label-two { top: 180px; right: 38px; }.label-three { bottom: 64px; left: 70px; }

.architecture-section { border-top: 1px solid var(--line); }
.architecture-head { display: grid; grid-template-columns: 1.2fr .8fr; gap: 60px; align-items: end; }
.architecture-grid { margin-top: 70px; display: grid; grid-template-columns: 1.35fr .65fr; grid-template-rows: repeat(2,1fr); gap: 16px; }
.architecture-grid article { min-height: 230px; padding: 34px; display: flex; flex-direction: column; justify-content: flex-end; border: 1px solid var(--line); border-radius: var(--radius); background: var(--surface-soft); }
.architecture-grid article > span { color: var(--muted); font-size: 11px; text-transform: uppercase; letter-spacing: .11em; }
.architecture-grid article > strong { margin-top: 20px; font-size: clamp(50px,5vw,78px); letter-spacing: -.06em; line-height: .9; }
.architecture-grid article > p { max-width: 420px; margin: 18px 0 0; color: var(--muted); line-height: 1.55; }
.architecture-primary { grid-row: 1/3; min-height: 520px !important; background: radial-gradient(circle at 65% 23%, rgba(116,167,255,.17), transparent 38%), var(--surface-soft) !important; }
.architecture-primary > strong { font-size: clamp(100px,13vw,180px) !important; }
.architecture-line { margin-top: 48px; display: flex; align-items: center; gap: 0; }
.architecture-line i { width: 18px; height: 18px; border-radius: 50%; background: var(--accent); box-shadow: 0 0 20px rgba(116,167,255,.35); }
.architecture-line i + i { margin-left: calc(25% - 18px); }

.control-panel { padding: clamp(38px,6vw,84px); display: grid; grid-template-columns: .92fr 1.08fr; gap: 90px; border: 1px solid var(--line); border-radius: 38px; background: linear-gradient(135deg, rgba(116,167,255,.09), rgba(255,255,255,.025)); box-shadow: var(--shadow); }
.control-list { display: grid; }
.control-list > div { display: grid; grid-template-columns: 13px 1fr; gap: 19px; align-items: center; padding: 23px 0; border-bottom: 1px solid var(--line); }
.control-list > div:first-child { padding-top: 4px; }
.control-list > div:last-child { border-bottom: 0; }
.control-list i { width: 9px; height: 9px; border-radius: 50%; background: var(--success); box-shadow: 0 0 14px rgba(121,214,170,.35); }
.control-list strong, .control-list small { display: block; }
.control-list strong { font-size: 17px; }.control-list small { margin-top: 6px; color: var(--muted); line-height: 1.45; }

.final-cta { margin-bottom: 110px; padding: 76px; display: grid; grid-template-columns: 1.2fr .8fr; gap: 70px; align-items: end; border: 1px solid var(--line); border-radius: 38px; background: radial-gradient(circle at 80% 25%, rgba(116,167,255,.16), transparent 28rem), var(--surface); box-shadow: var(--shadow); }
.final-cta h2 { font-size: clamp(44px,5vw,72px); }
.final-cta > div:last-child { justify-self: end; max-width: 420px; }.final-cta .button { margin-top: 28px; }
.site-footer { width: var(--page); margin: 0 auto; padding: 42px 0 52px; display: grid; grid-template-columns: 1fr auto; gap: 28px 50px; border-top: 1px solid var(--line); color: var(--muted); font-size: 12px; }
.site-footer > div:first-child p { margin: 14px 0 0; }.footer-links { display: flex; gap: 25px; align-items: center; }.footer-risk { max-width: 760px; margin: 0; line-height: 1.65; }.site-footer > span { justify-self: end; }

.reveal { opacity: 0; transform: translateY(26px); transition: opacity .75s cubic-bezier(.16,1,.3,1), transform .75s cubic-bezier(.16,1,.3,1); }
.reveal-delay { transition-delay: .1s; }.reveal.revealed { opacity: 1; transform: none; }
@keyframes spin { to { transform: rotate(360deg); } }
@keyframes orbit { from { transform: rotate(0deg) translateX(176px); } to { transform: rotate(360deg) translateX(176px); } }

/* Account */
.auth-page, .onboarding-page, .portal-page { min-height: 100dvh; }
.auth-shell { width: var(--page); min-height: calc(100dvh - 92px); margin: 0 auto; padding: 28px 0 48px; display: grid; grid-template-columns: 1.06fr .94fr; gap: 18px; }
.auth-visual { min-height: 720px; position: relative; overflow: hidden; border: 1px solid var(--line); border-radius: 34px; background: #040507; }
.auth-visual::after { content: ""; position: absolute; inset: 0; background: linear-gradient(to top, rgba(4,6,9,.96), transparent 66%); }
.auth-visual img { width: 100%; height: 100%; object-fit: cover; display: block; }
.auth-visual-copy { position: absolute; z-index: 2; left: 46px; right: 46px; bottom: 46px; max-width: 620px; }
.auth-visual-copy > span { color: var(--accent-light); font-size: 11px; letter-spacing: .13em; text-transform: uppercase; }
.auth-visual-copy h2 { margin: 13px 0 0; font-size: clamp(40px,4vw,62px); line-height: 1; letter-spacing: -.055em; }
.auth-visual-copy p { margin: 17px 0 0; color: var(--muted-strong); line-height: 1.58; }
.auth-status { position: absolute; z-index: 3; top: 24px; left: 24px; padding: 13px 15px; border: 1px solid var(--line); border-radius: 15px; background: rgba(7,9,13,.72); backdrop-filter: blur(16px); display: flex; gap: 11px; align-items: center; }
.auth-status i { width: 8px; height: 8px; border-radius: 50%; background: var(--success); box-shadow: 0 0 12px var(--success); }.auth-status strong,.auth-status small { display: block; }.auth-status strong { font-size: 12px; }.auth-status small { margin-top: 3px; color: var(--muted); font-size: 10px; }
.auth-card { padding: clamp(34px,5.8vw,82px); border: 1px solid var(--line); border-radius: 34px; background: rgba(255,255,255,.035); display: flex; flex-direction: column; justify-content: center; }
.auth-heading h1 { margin: 0; font-size: clamp(42px,4.5vw,66px); line-height: 1; letter-spacing: -.057em; }.auth-heading > p:last-child { color: var(--muted); line-height: 1.6; }
.auth-tabs { display: grid; grid-template-columns: 1fr 1fr; gap: 5px; padding: 5px; margin: 26px 0; border: 1px solid var(--line); border-radius: 16px; background: rgba(0,0,0,.18); }
.auth-tabs a { padding: 11px; border-radius: 11px; text-align: center; color: var(--muted); font-size: 13px; }.auth-tabs a.active { color: var(--text); background: var(--surface-strong); }
.auth-card form { display: grid; gap: 12px; }
.auth-card form > label, .control-preview label { display: grid; gap: 8px; color: var(--muted-strong); font-size: 12px; font-weight: 680; }
.auth-card input, .control-preview input, .control-preview select { width: 100%; height: 52px; padding: 0 15px; border: 1px solid var(--line); border-radius: var(--radius-small); outline: none; color: var(--text); background: rgba(0,0,0,.2); }
.auth-card input:focus, .control-preview input:focus, .control-preview select:focus { border-color: var(--accent); box-shadow: 0 0 0 4px rgba(116,167,255,.12); }
.signup-consents { display: grid; gap: 9px; margin: 4px 0; }.legal-check { display: flex !important; grid-template-columns: none !important; flex-direction: row; gap: 10px !important; align-items: flex-start; color: var(--muted) !important; line-height: 1.45; font-weight: 500 !important; }.legal-check input { width: 17px; height: 17px; margin: 2px 0 0; padding: 0; flex: 0 0 auto; accent-color: var(--accent); }.legal-check a { color: var(--accent-light); }.form-message { min-height: 19px; margin: 3px 0 0; color: var(--danger); font-size: 12px; }.form-message.success { color: var(--success); }
.auth-trust { margin-top: 22px; display: flex; flex-wrap: wrap; gap: 8px 16px; color: var(--muted); font-size: 10px; }.auth-trust span::before { content: "✓"; color: var(--success); margin-right: 6px; }

/* Onboarding */
.setup-label { color: var(--muted); font-size: 12px; }
.onboarding-shell { width: var(--page); min-height: calc(100dvh - 104px); margin: 0 auto; padding: 28px 0 52px; display: grid; grid-template-columns: 390px 1fr; gap: 18px; }
.onboarding-sidebar, .onboarding-card { border: 1px solid var(--line); border-radius: 34px; background: rgba(255,255,255,.035); }
.onboarding-sidebar { padding: 38px; display: flex; flex-direction: column; justify-content: space-between; }
.onboarding-sidebar h1 { margin: 0; font-size: 43px; line-height: 1.02; letter-spacing: -.052em; }.onboarding-sidebar > div > p:last-child { color: var(--muted); line-height: 1.58; }
.step-list { list-style: none; margin: 38px 0; padding: 0; display: grid; gap: 5px; }.step-list li { display: grid; grid-template-columns: 36px 1fr; gap: 13px; align-items: center; padding: 11px 12px; border-radius: 14px; color: var(--muted); transition: color .25s ease, background .25s ease; }.step-list li.active { color: var(--text); background: rgba(116,167,255,.1); }.step-list li.complete { color: var(--success); }.step-list li > span { width: 33px; height: 33px; display: grid; place-items: center; border: 1px solid var(--line); border-radius: 50%; font-size: 11px; }.step-list strong,.step-list small { display: block; }.step-list strong { font-size: 13px; }.step-list small { margin-top: 3px; font-size: 10px; color: inherit; opacity: .7; }
.setup-security { display: flex; gap: 12px; align-items: center; padding: 15px; border: 1px solid var(--line); border-radius: 16px; }.setup-security i { width: 9px; height: 9px; border-radius: 50%; background: var(--success); box-shadow: 0 0 12px rgba(121,214,170,.4); }.setup-security strong,.setup-security small { display: block; }.setup-security strong { font-size: 12px; }.setup-security small { margin-top: 4px; color: var(--muted); font-size: 10px; }
.onboarding-card { min-height: 730px; padding: clamp(38px,6vw,90px); display: flex; flex-direction: column; justify-content: center; }.step-panel { display: none; }.step-panel.active { display: block; animation: step-enter .45s cubic-bezier(.16,1,.3,1) both; }.step-count { color: var(--accent-light); font-size: 11px; text-transform: uppercase; letter-spacing: .13em; font-weight: 740; }.step-panel h2 { max-width: 840px; margin: 18px 0 0; font-size: clamp(46px,5.8vw,78px); line-height: .98; letter-spacing: -.06em; }.step-panel > p { max-width: 760px; margin: 23px 0 0; color: var(--muted-strong); font-size: 18px; line-height: 1.63; }
.key-creator, .install-actions { margin-top: 34px; display: flex; align-items: center; gap: 16px; flex-wrap: wrap; }.key-creator > span { color: var(--muted); font-size: 12px; }.secret-output { max-width: 760px; margin-top: 28px; padding: 21px; border: 1px solid rgba(116,167,255,.28); border-radius: 18px; background: rgba(116,167,255,.075); }.secret-output > div { display: flex; justify-content: space-between; align-items: center; }.secret-output span { color: var(--muted); font-size: 11px; text-transform: uppercase; letter-spacing: .1em; }.secret-output button { padding: 0; border: 0; background: none; color: var(--accent-light); cursor: pointer; }.secret-output code { display: block; margin: 16px 0; overflow-wrap: anywhere; color: var(--text); font: 13px/1.6 ui-monospace, SFMono-Regular, Consolas, monospace; }.secret-output small { color: var(--muted); }
.acknowledgement { max-width: 760px; margin-top: 32px; padding: 21px; border: 1px solid var(--line); border-radius: 18px; display: flex; gap: 13px; color: var(--muted-strong); line-height: 1.5; cursor: pointer; }.acknowledgement input { width: 19px; height: 19px; flex: 0 0 auto; accent-color: var(--accent); }.setup-note { max-width: 760px; margin-top: 28px; padding: 19px 21px; display: grid; gap: 7px; border-left: 2px solid var(--warning); color: var(--muted); background: rgba(232,189,114,.055); }.setup-note strong { color: var(--text); }.instruction-path { margin-top: 34px; display: flex; flex-wrap: wrap; gap: 10px; align-items: center; }.instruction-path span,.instruction-path strong { padding: 12px 15px; border: 1px solid var(--line); border-radius: 13px; font-size: 12px; }.instruction-path strong { color: var(--accent-ink); border-color: transparent; background: var(--accent); }.instruction-path i { width: 22px; height: 1px; background: var(--line-strong); }.inline-help { font-size: 14px !important; }.control-preview { margin-top: 34px; display: grid; grid-template-columns: repeat(3,1fr); gap: 12px; }.verification-grid { max-width: 780px; margin-top: 34px; display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }.verification-grid > div { padding: 19px; display: flex; align-items: center; gap: 13px; border: 1px solid var(--line); border-radius: 17px; background: rgba(0,0,0,.14); }.verification-grid i { width: 9px; height: 9px; border-radius: 50%; background: var(--success); box-shadow: 0 0 12px rgba(121,214,170,.35); }.verification-grid strong,.verification-grid small { display: block; }.verification-grid small { margin-top: 4px; color: var(--muted); }.risk-ack { margin-top: 22px; }
.onboarding-actions { margin-top: 48px; display: flex; justify-content: space-between; gap: 12px; }.onboarding-actions button:disabled { opacity: .35; cursor: not-allowed; transform: none; }
@keyframes step-enter { from { opacity: 0; transform: translateY(16px); } to { opacity: 1; transform: none; } }

/* Portal */
.portal-nav { grid-template-columns: 1fr auto; position: relative; top: 0; }.portal-nav > div { display: flex; align-items: center; gap: 12px; }.avatar-button { width: 42px; height: 42px; border: 1px solid var(--line); border-radius: 50%; background: var(--surface-strong); cursor: pointer; font-size: 12px; font-weight: 750; }
.portal-shell { width: var(--page); min-height: calc(100dvh - 105px); margin: 0 auto; padding: 28px 0 52px; display: grid; grid-template-columns: 235px 1fr; gap: 18px; }.portal-sidebar { padding: 20px 12px; border: 1px solid var(--line); border-radius: 26px; background: rgba(255,255,255,.03); display: flex; flex-direction: column; justify-content: space-between; }.portal-sidebar nav { display: grid; gap: 4px; }.portal-sidebar button,.portal-sidebar a,.portal-logout { min-height: 44px; padding: 0 14px; display: flex; align-items: center; border: 0; border-radius: 12px; color: var(--muted); background: transparent; cursor: pointer; text-align: left; font-size: 13px; }.portal-sidebar button.active,.portal-sidebar button:hover,.portal-sidebar a:hover { color: var(--text); background: var(--surface-strong); }.portal-logout { color: var(--danger); }
.portal-content { min-width: 0; padding: clamp(32px,5vw,74px); border: 1px solid var(--line); border-radius: 30px; background: rgba(255,255,255,.025); }.portal-view { display: none; }.portal-view.active { display: block; animation: step-enter .35s ease both; }.portal-heading { display: flex; justify-content: space-between; gap: 35px; align-items: end; }.portal-heading h1 { margin: 0; font-size: clamp(45px,5vw,72px); line-height: 1; letter-spacing: -.06em; }.portal-heading > div > p:last-child { margin: 16px 0 0; color: var(--muted); }.portal-hero-panel { min-height: 350px; margin-top: 48px; padding: 42px; position: relative; overflow: hidden; display: grid; grid-template-columns: .7fr .3fr; border: 1px solid var(--line); border-radius: 28px; background: radial-gradient(circle at 80% 30%, rgba(116,167,255,.17), transparent 22rem), var(--surface); }.portal-hero-panel > div:first-child { z-index: 2; align-self: end; }.portal-hero-panel > div:first-child > span { color: var(--accent-light); font-size: 11px; text-transform: uppercase; letter-spacing: .12em; }.portal-hero-panel h2 { max-width: 650px; margin: 14px 0 0; font-size: clamp(31px,3.7vw,52px); line-height: 1.03; letter-spacing: -.045em; }.portal-hero-panel p { max-width: 600px; color: var(--muted); line-height: 1.55; }.portal-orbit { position: relative; display: grid; place-items: center; }.portal-orbit span { width: 180px; height: 180px; position: absolute; border-radius: 50%; background: radial-gradient(circle at 30% 25%, #c2d8ff, var(--accent) 25%, #254883 65%, #0b111d); box-shadow: 0 0 60px rgba(116,167,255,.2); }.portal-orbit i { width: 270px; height: 70px; z-index: 2; border: 1px solid rgba(182,210,255,.45); border-radius: 50%; transform: rotate(-18deg); }.portal-summary { margin-top: 16px; display: grid; grid-template-columns: 1.2fr .8fr .8fr; gap: 12px; }.portal-summary article { min-height: 160px; padding: 24px; display: flex; flex-direction: column; justify-content: flex-end; border: 1px solid var(--line); border-radius: 22px; background: var(--surface-soft); }.portal-summary span { color: var(--muted); font-size: 11px; }.portal-summary strong { margin-top: 12px; font-size: clamp(22px,2.5vw,34px); letter-spacing: -.04em; overflow-wrap: anywhere; }.portal-summary small { margin-top: 8px; color: var(--muted); }
.portal-table { margin-top: 45px; border-top: 1px solid var(--line); }.portal-row { min-height: 88px; padding: 17px 5px; display: grid; grid-template-columns: minmax(180px,1fr) minmax(150px,.8fr) minmax(130px,.6fr) auto; gap: 20px; align-items: center; border-bottom: 1px solid var(--line); }.portal-row strong,.portal-row small { display: block; }.portal-row small { margin-top: 5px; color: var(--muted); }.portal-row > span { color: var(--muted-strong); font-size: 12px; }.portal-row button { border: 0; background: none; color: var(--danger); cursor: pointer; }.portal-empty { padding: 55px 0; text-align: center; color: var(--muted); }.secret-dialog { width: min(560px,calc(100% - 30px)); padding: 0; border: 1px solid var(--line-strong); border-radius: 26px; color: var(--text); background: #0e1218; box-shadow: var(--shadow); }.secret-dialog::backdrop { background: rgba(0,0,0,.7); backdrop-filter: blur(7px); }.secret-dialog form { padding: 35px; }.secret-dialog form > span { color: var(--accent-light); font-size: 11px; text-transform: uppercase; letter-spacing: .12em; }.secret-dialog h2 { margin: 13px 0 0; font-size: 37px; letter-spacing: -.045em; }.secret-dialog p { color: var(--muted); line-height: 1.5; }.secret-dialog code { display: block; margin: 22px 0; padding: 16px; overflow-wrap: anywhere; border: 1px solid var(--line); border-radius: 14px; background: rgba(0,0,0,.2); line-height: 1.6; }.dialog-close { float: right; border: 0; background: transparent; color: var(--muted); font-size: 24px; cursor: pointer; }
.support-form { max-width: 760px; margin-top: 46px; display: grid; gap: 14px; }.support-form label { display: grid; gap: 8px; color: var(--muted-strong); font-size: 12px; font-weight: 680; }.support-form input,.support-form select,.support-form textarea { width: 100%; padding: 14px 15px; border: 1px solid var(--line); border-radius: var(--radius-small); outline: none; color: var(--text); background: rgba(0,0,0,.2); }.support-form input,.support-form select { height: 52px; }.support-form textarea { min-height: 170px; resize: vertical; line-height: 1.55; }.support-form input:focus,.support-form select:focus,.support-form textarea:focus { border-color: var(--accent); box-shadow: 0 0 0 4px rgba(116,167,255,.12); }.support-form .button { justify-self: start; }

/* Legal */
.legal-shell { width: var(--page); margin: 0 auto; padding: 60px 0 110px; display: grid; grid-template-columns: 260px minmax(0,860px); gap: clamp(50px,8vw,120px); justify-content: center; }.legal-shell > aside { position: sticky; top: 40px; align-self: start; display: grid; gap: 5px; }.legal-shell > aside > span { margin-bottom: 12px; color: var(--muted); font-size: 11px; text-transform: uppercase; letter-spacing: .13em; }.legal-shell > aside a { padding: 11px 13px; border-radius: 11px; color: var(--muted); font-size: 13px; }.legal-shell > aside a.active { color: var(--text); background: var(--surface-strong); }.legal-shell > aside small { margin: 22px 13px 0; color: var(--muted); line-height: 1.7; }.legal-shell article > header { padding-bottom: 48px; border-bottom: 1px solid var(--line); }.legal-shell h1 { margin: 0; font-size: clamp(47px,6vw,78px); line-height: .98; letter-spacing: -.06em; }.legal-shell header > p:last-child { max-width: 720px; margin: 23px 0 0; color: var(--muted-strong); font-size: 18px; line-height: 1.6; }.legal-shell section { padding: 34px 0; border-bottom: 1px solid var(--line); }.legal-shell h2 { margin: 0; font-size: 24px; letter-spacing: -.03em; }.legal-shell section p { margin: 16px 0 0; color: var(--muted-strong); line-height: 1.75; }.risk-banner { margin-top: 34px; padding: 28px; border: 1px solid rgba(255,140,150,.22); border-radius: 20px; background: rgba(255,140,150,.06); }.risk-banner strong { font-size: 22px; }.risk-banner p { color: var(--muted-strong); line-height: 1.6; }.hypothetical-notice { padding: 23px; border-left: 2px solid var(--warning); background: rgba(232,189,114,.06); }.hypothetical-notice p { margin: 0 !important; font-size: 13px; font-weight: 650; }

@media (max-width: 1050px) {
  :root { --page: min(100% - 30px,820px); }
  .site-nav { grid-template-columns: 1fr auto; }.nav-links { display: none; }
  .hero-shell,.decision-stage,.intelligence-section,.control-panel,.auth-shell,.onboarding-shell { grid-template-columns: 1fr; }
  .hero-shell { padding-top: 55px; }.hero-media { max-width: 820px; }.system-rail { grid-template-columns: 1fr 1fr; }.system-rail > div:nth-child(2) { border-right: 0; }.system-rail > div:nth-child(-n+2) { border-bottom: 1px solid var(--line); }
  .decision-stage { gap: 25px; padding: 55px 0; }.stage-orbit { width: min(70vw,430px); }.intelligence-section { gap: 50px; }.architecture-head,.final-cta { grid-template-columns: 1fr; }.final-cta > div:last-child { justify-self: start; }.auth-visual { min-height: 500px; }.onboarding-sidebar { padding: 28px; }.step-list { grid-template-columns: repeat(6,1fr); }.step-list li { grid-template-columns: 1fr; justify-items: center; }.step-list li div { display: none; }.setup-security { display: none; }
  .portal-shell { grid-template-columns: 1fr; }.portal-sidebar { flex-direction: row; align-items: center; }.portal-sidebar nav { display: flex; flex-wrap: wrap; }.portal-logout { margin-left: auto; }.legal-shell { grid-template-columns: 1fr; }.legal-shell > aside { position: static; grid-template-columns: repeat(3,1fr); }.legal-shell > aside > span,.legal-shell > aside small { grid-column: 1/-1; }
}

@media (max-width: 660px) {
  :root { --page: calc(100% - 22px); --radius: 23px; }
  body::after { display: none; }.site-nav,.minimal-nav,.portal-nav { min-height: 60px; margin-top: 8px; top: 7px; padding: 0 13px; }.nav-actions .text-link { display: none; }.button-small { min-height: 39px; padding: 0 14px; }
  .hero-shell { min-height: auto; padding: 58px 0 42px; }.hero-copy { padding: 0; }.hero-copy h1 { font-size: clamp(38px,11vw,55px); white-space: nowrap; }.hero-actions { display: grid; }.hero-actions .button { width: 100%; }.hero-image-frame { border-radius: 25px; }.hero-signal { left: 12px; right: 12px; bottom: 12px; grid-template-columns: 1fr; }.hero-signal small { display: none; }.hero-media figcaption { text-align: left; }
  .system-rail { grid-template-columns: 1fr; }.system-rail > div { border-right: 0; border-bottom: 1px solid var(--line); }.system-rail > div:last-child { border-bottom: 0; }.section-pad { padding: 96px 0; }.section-intro h2,.intelligence-copy h2,.architecture-head h2,.control-copy h2 { font-size: 45px; }.decision-stage { min-height: auto; }.stage-orbit { width: min(88vw,360px); }.stage-copy article.active { transform: none; }.latency-object { min-height: 520px; border-radius: 25px; }.ring-one { width: 340px; height: 340px; }.label-one { top: 40px; left: 18px; }.label-two { top: 150px; right: 16px; }.label-three { bottom: 42px; left: 28px; }
  .architecture-grid { grid-template-columns: 1fr; }.architecture-primary { grid-row: auto; min-height: 390px !important; }.architecture-grid article { min-height: 190px; }.control-panel { padding: 34px 24px; gap: 45px; border-radius: 25px; }.final-cta { margin-bottom: 70px; padding: 38px 26px; border-radius: 25px; }.site-footer { grid-template-columns: 1fr; }.footer-links { flex-wrap: wrap; }.site-footer > span { justify-self: start; }
  .auth-shell { padding-top: 18px; }.auth-visual { display: none; }.auth-card { min-height: calc(100dvh - 92px); padding: 32px 23px; border-radius: 25px; }.onboarding-shell { padding-top: 18px; }.onboarding-sidebar { padding: 23px; border-radius: 24px; }.onboarding-sidebar h1 { font-size: 34px; }.step-list { grid-template-columns: repeat(6,1fr); margin: 24px 0 0; }.step-list li { padding: 3px; }.step-list li > span { width: 29px; height: 29px; }.onboarding-card { min-height: 600px; padding: 35px 23px; border-radius: 24px; }.step-panel h2 { font-size: 47px; }.control-preview,.verification-grid { grid-template-columns: 1fr; }.instruction-path i { display: none; }.onboarding-actions { margin-top: 36px; }
  .portal-shell { padding-top: 18px; }.portal-sidebar { overflow-x: auto; }.portal-sidebar nav { flex-wrap: nowrap; }.portal-sidebar a,.portal-sidebar button { white-space: nowrap; }.portal-logout { display: none; }.portal-content { padding: 30px 22px; border-radius: 24px; }.portal-heading { display: grid; align-items: start; }.portal-heading .button { justify-self: start; }.portal-hero-panel { padding: 27px; grid-template-columns: 1fr; }.portal-orbit { display: none; }.portal-summary { grid-template-columns: 1fr; }.portal-row { grid-template-columns: 1fr auto; }.portal-row > span { display: none; }
  .legal-shell { padding-top: 35px; }.legal-shell > aside { grid-template-columns: 1fr; }.legal-shell > aside > span,.legal-shell > aside small { grid-column: auto; }.legal-shell h1 { font-size: 49px; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; } *,*::before,*::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }.reveal { opacity: 1; transform: none; }
}

@media (prefers-reduced-transparency: reduce) {
  .site-nav,.minimal-nav,.portal-nav,.hero-signal,.auth-status { background: var(--bg-soft); backdrop-filter: none; }
}

/* Marketing launch page */
body.launch-page {
  --launch-bg: #0a0a09;
  --launch-panel: #11110f;
  --launch-text: #f2f0e9;
  --launch-muted: #a5a198;
  --launch-line: rgba(242,240,233,.16);
  --launch-accent: #ff6a3d;
  min-height: 100dvh;
  color: var(--launch-text);
  background: var(--launch-bg);
  font-family: "Segoe UI Variable Display", "Helvetica Neue", Arial, sans-serif;
}
body.launch-page::before,
body.launch-page::after { display: none; }

.signal-field { position: fixed; z-index: -2; inset: 0; overflow: hidden; pointer-events: none; background: var(--launch-bg); }
.signal-field canvas { width: 100%; height: 100%; opacity: .58; }
.signal-field-shade { position: absolute; inset: 0; background: radial-gradient(circle at 69% 28%, transparent 0, rgba(10,10,9,.08) 28%, rgba(10,10,9,.82) 76%), linear-gradient(180deg, rgba(10,10,9,.08), rgba(10,10,9,.72)); }

.launch-nav {
  width: 100%; height: 72px; padding: 0 clamp(20px,4vw,68px);
  position: fixed; z-index: 40; top: 0; left: 0;
  display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 34px;
  border-bottom: 1px solid transparent;
  transition: background .35s ease, border-color .35s ease;
}
.launch-nav.scrolled { background: rgba(10,10,9,.88); border-color: var(--launch-line); backdrop-filter: blur(18px); }
.launch-brand { display: inline-flex; align-items: center; gap: 11px; justify-self: start; font-size: 15px; font-weight: 760; letter-spacing: -.03em; }
.launch-mark { width: 30px; height: 30px; display: grid; place-items: center; border: 1px solid rgba(242,240,233,.5); color: var(--launch-text); font-size: 12px; font-weight: 800; }
.launch-nav > nav { display: flex; gap: 34px; color: var(--launch-muted); font-size: 13px; }
.launch-nav > nav a,
.launch-login,
.launch-footer a { transition: color .2s ease; }
.launch-nav > nav a:hover,
.launch-login:hover,
.launch-footer a:hover { color: var(--launch-text); }
.launch-nav-actions { justify-self: end; display: flex; align-items: center; gap: 22px; }
.launch-login { color: var(--launch-muted); font-size: 13px; }

.launch-button {
  min-height: 52px; padding: 0 24px; display: inline-flex; align-items: center; justify-content: center;
  border: 1px solid var(--launch-accent); border-radius: 4px;
  color: #150905; background: var(--launch-accent);
  font-weight: 760; letter-spacing: -.02em; white-space: nowrap;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.32);
  transition: background .25s ease, color .25s ease, transform .25s cubic-bezier(.16,1,.3,1), box-shadow .25s ease;
}
.launch-button:hover { color: var(--launch-text); background: transparent; box-shadow: none; }
.launch-button:active { transform: scale(.98); }
.launch-button-small { min-height: 40px; padding: 0 17px; font-size: 12px; }

.launch-hero {
  width: min(1600px,100%); min-height: 100dvh; margin: 0 auto; padding: 96px clamp(20px,4vw,68px) 42px;
  display: grid; grid-template-columns: minmax(0,.9fr) minmax(520px,1.1fr); align-items: center; gap: clamp(38px,5vw,90px);
}
.launch-hero-copy { position: relative; z-index: 2; padding-left: clamp(0px,2vw,34px); }
.launch-hero-copy h1 { margin: 0; max-width: 760px; font-size: clamp(56px,5.25vw,92px); line-height: .88; letter-spacing: -.072em; font-weight: 760; }
.launch-hero-copy h1 span { display: inline-block; color: var(--launch-muted); font-weight: 540; white-space: nowrap; }
.launch-hero-copy > p { max-width: 520px; margin: 30px 0 0; color: var(--launch-muted); font-size: clamp(17px,1.45vw,21px); line-height: 1.52; letter-spacing: -.02em; }
.launch-actions { margin-top: 35px; display: flex; align-items: center; gap: 26px; }
.launch-link { display: inline-flex; gap: 10px; align-items: center; color: var(--launch-muted); font-size: 13px; font-weight: 680; }
.launch-link span { color: var(--launch-accent); transition: transform .25s ease; }
.launch-link:hover span { transform: translateY(4px); }

.launch-hero-visual { min-width: 0; margin: 0; align-self: stretch; display: flex; align-items: center; }
.launch-image-wrap { width: 100%; aspect-ratio: 1.18; position: relative; overflow: hidden; background: #060605; clip-path: polygon(9% 0,100% 0,100% 100%,0 100%,0 14%); }
.launch-image-wrap::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(10,10,9,.6), transparent 32%), linear-gradient(180deg, transparent 68%, rgba(10,10,9,.6)); pointer-events: none; }
.launch-image-wrap img { width: 100%; height: 100%; display: block; object-fit: cover; transform: scale(1.04); }
.launch-image-sweep { position: absolute; z-index: 2; top: 0; bottom: 0; left: -20%; width: 1px; background: var(--launch-accent); opacity: .7; box-shadow: 0 0 20px rgba(255,106,61,.45); transform: rotate(13deg); }

.trader-showcase {
  width: min(1500px,calc(100% - clamp(40px,8vw,136px))); min-height: 100dvh; margin: 0 auto; padding: clamp(100px,12vw,180px) 0;
  display: grid; grid-template-columns: minmax(300px,.62fr) minmax(560px,1.38fr); gap: clamp(54px,8vw,130px); align-items: center;
}
.showcase-statement h2 { margin: 0; display: grid; font-size: clamp(64px,7.8vw,126px); line-height: .82; letter-spacing: -.074em; font-weight: 760; }
.showcase-statement h2 span { color: rgba(242,240,233,.2); transition: color .55s ease, transform .55s cubic-bezier(.16,1,.3,1); }
.trader-showcase[data-step="0"] .showcase-statement h2 span:nth-child(1),
.trader-showcase[data-step="1"] .showcase-statement h2 span:nth-child(2),
.trader-showcase[data-step="2"] .showcase-statement h2 span:nth-child(3) { color: var(--launch-text); transform: translateX(14px); }

.showcase-console { min-height: 650px; overflow: hidden; display: grid; grid-template-rows: minmax(0,1fr) auto; border: 1px solid var(--launch-line); background: var(--launch-panel); }
.showcase-visual { min-height: 440px; position: relative; overflow: hidden; }
.showcase-visual::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, transparent 45%, var(--launch-panel)); }
.showcase-visual img { width: 100%; height: 100%; display: block; object-fit: cover; object-position: 70% 52%; filter: contrast(1.05) saturate(.78); transform: scale(1.13); transition: transform 1.1s cubic-bezier(.16,1,.3,1), object-position 1.1s cubic-bezier(.16,1,.3,1), filter 1.1s ease; }
.trader-showcase[data-step="1"] .showcase-visual img { transform: scale(1.27); object-position: 56% 50%; filter: contrast(1.12) saturate(.48); }
.trader-showcase[data-step="2"] .showcase-visual img { transform: scale(1.1); object-position: 86% 48%; filter: contrast(1.08) saturate(1); }
.showcase-aperture { width: 38%; aspect-ratio: 1; position: absolute; z-index: 2; right: 12%; top: 12%; border: 1px solid rgba(255,106,61,.58); transform: rotate(45deg); transition: transform 1.1s cubic-bezier(.16,1,.3,1), border-radius 1.1s ease; }
.trader-showcase[data-step="1"] .showcase-aperture { transform: rotate(135deg) scale(.72); border-radius: 50%; }
.trader-showcase[data-step="2"] .showcase-aperture { transform: rotate(225deg) scale(1.18); }
.showcase-signal-line { position: absolute; z-index: 3; left: 0; right: 0; top: 58%; height: 1px; background: linear-gradient(90deg, transparent, var(--launch-accent), transparent); box-shadow: 0 0 14px rgba(255,106,61,.35); transform: translateX(-55%); }
.showcase-copy { padding: 28px clamp(25px,4vw,50px) 34px; position: relative; z-index: 3; }
.showcase-tabs { display: flex; gap: 30px; }
.showcase-tabs button { padding: 0 0 8px; border: 0; border-bottom: 1px solid transparent; color: #6f6c65; background: none; cursor: pointer; font-size: 12px; font-weight: 700; }
.showcase-tabs button.active { color: var(--launch-text); border-color: var(--launch-accent); }
.showcase-message { min-height: 92px; margin-top: 24px; }
.showcase-message strong { display: block; font-size: clamp(25px,2.5vw,38px); letter-spacing: -.045em; }
.showcase-message p { max-width: 580px; margin: 9px 0 0; color: var(--launch-muted); line-height: 1.5; }
.showcase-progress { height: 1px; overflow: hidden; background: rgba(242,240,233,.12); }
.showcase-progress i { display: block; width: 100%; height: 100%; background: var(--launch-accent); transform-origin: left; }

.launch-close { min-height: 95dvh; padding: clamp(100px,11vw,170px) clamp(20px,4vw,68px) 0; position: relative; overflow: hidden; display: flex; flex-direction: column; justify-content: space-between; border-top: 1px solid var(--launch-line); }
.launch-close-copy { width: min(1320px,100%); margin: auto; position: relative; z-index: 2; display: flex; justify-content: space-between; align-items: end; gap: 40px; }
.launch-close h2 { margin: 0; font-size: clamp(70px,10.5vw,168px); line-height: .78; letter-spacing: -.078em; font-weight: 760; }
.launch-close-orbit { width: min(60vw,820px); aspect-ratio: 1; position: absolute; right: -14vw; top: 4%; border: 1px solid rgba(255,106,61,.23); border-radius: 50%; }
.launch-close-orbit::before,
.launch-close-orbit::after { content: ""; position: absolute; border: 1px solid rgba(242,240,233,.1); border-radius: 50%; }
.launch-close-orbit::before { inset: 18%; }
.launch-close-orbit::after { inset: 38%; background: rgba(255,106,61,.06); }
.launch-close-orbit i { width: 13px; height: 13px; position: absolute; left: 50%; top: -7px; border-radius: 50%; background: var(--launch-accent); box-shadow: 0 0 28px rgba(255,106,61,.55); transform-origin: 0 calc(min(60vw,820px)/2); }

.launch-footer { width: min(1500px,100%); margin: clamp(100px,12vw,170px) auto 0; padding: 34px 0 38px; display: grid; grid-template-columns: auto auto 1fr auto; gap: 24px 45px; align-items: center; border-top: 1px solid var(--launch-line); color: #7d7971; font-size: 11px; }
.launch-footer nav { display: flex; gap: 23px; }
.launch-footer p { margin: 0; max-width: 600px; justify-self: center; text-align: center; line-height: 1.55; }

@media (max-width: 1080px) {
  .launch-nav { grid-template-columns: 1fr auto; }
  .launch-nav > nav { display: none; }
  .launch-hero { grid-template-columns: 1fr; padding-top: 130px; }
  .launch-hero-copy { max-width: 850px; }
  .launch-image-wrap { aspect-ratio: 16/9; }
  .trader-showcase { grid-template-columns: 1fr; }
  .showcase-statement h2 { grid-template-columns: repeat(3,auto); justify-content: space-between; font-size: clamp(48px,9vw,86px); }
  .trader-showcase[data-step="0"] .showcase-statement h2 span:nth-child(1),
  .trader-showcase[data-step="1"] .showcase-statement h2 span:nth-child(2),
  .trader-showcase[data-step="2"] .showcase-statement h2 span:nth-child(3) { transform: translateY(-8px); }
  .launch-footer { grid-template-columns: 1fr auto; }
  .launch-footer p { grid-column: 1/-1; grid-row: 2; justify-self: start; text-align: left; }
}

@media (max-width: 680px) {
  .launch-nav { height: 62px; padding: 0 15px; }
  .launch-login { display: none; }
  .launch-nav-actions { gap: 0; }
  .launch-button-small { min-height: 37px; padding: 0 13px; }
  .launch-hero { min-height: 100dvh; padding: 108px 15px 36px; gap: 42px; align-content: center; }
  .launch-hero-copy h1 { font-size: clamp(46px,13.5vw,59px); line-height: .86; }
  .launch-hero-copy > p { margin-top: 23px; font-size: 16px; }
  .launch-actions { margin-top: 28px; flex-direction: column; align-items: stretch; gap: 18px; }
  .launch-actions .launch-button { width: 100%; }
  .launch-link { justify-content: center; }
  .launch-image-wrap { aspect-ratio: 1.08; clip-path: polygon(11% 0,100% 0,100% 100%,0 100%,0 11%); }
  .trader-showcase { width: calc(100% - 30px); min-height: auto; padding: 105px 0; gap: 42px; }
  .showcase-statement h2 { display: grid; grid-template-columns: 1fr; font-size: 68px; line-height: .82; }
  .showcase-console { min-height: 570px; }
  .showcase-visual { min-height: 350px; }
  .showcase-aperture { width: 52%; right: 9%; top: 18%; }
  .showcase-copy { padding: 25px 22px 28px; }
  .showcase-message { min-height: 108px; }
  .showcase-message strong { font-size: 28px; }
  .showcase-message p { font-size: 14px; }
  .launch-close { min-height: 86dvh; padding: 100px 15px 0; }
  .launch-close-copy { display: grid; align-items: start; }
  .launch-close h2 { font-size: clamp(66px,19vw,92px); line-height: .8; }
  .launch-close-copy .launch-button { width: 100%; }
  .launch-close-orbit { width: 110vw; right: -55vw; top: 12%; }
  .launch-footer { margin-top: 105px; grid-template-columns: 1fr; gap: 22px; }
  .launch-footer nav { grid-row: auto; }
  .launch-footer p { grid-column: auto; grid-row: auto; }
}

@media (prefers-reduced-motion: no-preference) {
  .launch-image-sweep { animation: launch-sweep 4.8s cubic-bezier(.76,0,.24,1) infinite; }
  .showcase-signal-line { animation: signal-pass 3.1s cubic-bezier(.76,0,.24,1) infinite; }
  .launch-close-orbit { animation: launch-orbit-turn 28s linear infinite; }
  .launch-close-orbit i { animation: launch-orbit-dot 12s linear infinite reverse; }
}

@keyframes launch-sweep { 0%,16% { transform: translateX(0) rotate(13deg); opacity: 0; } 22% { opacity: .75; } 72% { opacity: .75; } 82%,100% { transform: translateX(900px) rotate(13deg); opacity: 0; } }
@keyframes signal-pass { 0% { transform: translateX(-55%); opacity: 0; } 18% { opacity: 1; } 82% { opacity: 1; } 100% { transform: translateX(55%); opacity: 0; } }
@keyframes launch-orbit-turn { to { transform: rotate(360deg); } }
@keyframes launch-orbit-dot { to { transform: rotate(360deg); } }

@media (prefers-reduced-motion: reduce) {
  .launch-image-sweep,.showcase-signal-line { display: none; }
  .showcase-statement h2 span,.showcase-visual img,.showcase-aperture { transition: none; }
}

@media (prefers-reduced-transparency: reduce) {
  .launch-nav.scrolled { background: var(--launch-bg); backdrop-filter: none; }
}