:root {
  --ink: #eaf6ff;
  --muted: #8ea7b8;
  --night: #061017;
  --panel: #0b1a23;
  --panel-2: #102630;
  --line: rgba(151, 205, 224, 0.15);
  --cyan: #38d4ff;
  --lime: #b8ff5c;
  --amber: #ffc55c;
  --red: #ff7b7b;
  --shadow: 0 24px 70px rgba(0, 0, 0, 0.34);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  min-width: 320px;
  color: var(--ink);
  background:
    radial-gradient(circle at 78% 8%, rgba(56, 212, 255, 0.10), transparent 28rem),
    linear-gradient(180deg, #07131b 0%, var(--night) 55%, #040b10 100%);
  font: 16px/1.55 Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

a { color: inherit; text-decoration: none; }
button, a { -webkit-tap-highlight-color: transparent; }
button { font: inherit; }

.shell { width: min(1180px, calc(100% - 40px)); margin: 0 auto; }
.nav {
  position: sticky; top: 0; z-index: 20;
  background: rgba(6, 16, 23, 0.82);
  backdrop-filter: blur(18px);
  border-bottom: 1px solid var(--line);
}
.nav-inner { height: 74px; display: flex; align-items: center; gap: 28px; }
.brand { display: flex; align-items: center; gap: 11px; color: #f8fafc; font-weight: 800; letter-spacing: -0.04em; font-size: 1.24rem; }
.brand-mark { width: 34px; height: 34px; display: block; flex: none; object-fit: contain; }
.nav-links { margin-left: auto; display: flex; align-items: center; gap: 22px; color: #b9cbd6; font-size: .94rem; }
.nav-links a:hover, .nav-links a[aria-current="page"] { color: white; }
.nav-cta { padding: 10px 15px; border: 1px solid rgba(56,212,255,.35); border-radius: 10px; color: var(--cyan) !important; background: rgba(56,212,255,.07); }

.eyebrow { color: var(--lime); text-transform: uppercase; letter-spacing: .16em; font-weight: 800; font-size: .76rem; }
h1, h2, h3, p { margin-top: 0; }
h1 { font-size: clamp(2.8rem, 7vw, 6.2rem); line-height: .95; letter-spacing: -.065em; margin-bottom: 26px; max-width: 920px; }
h2 { font-size: clamp(2rem, 4vw, 3.5rem); line-height: 1.02; letter-spacing: -.045em; }
h3 { font-size: 1.08rem; }
.lead { color: #b6c9d4; font-size: clamp(1.05rem, 2vw, 1.3rem); max-width: 700px; }
.muted { color: var(--muted); }

.hero { min-height: 720px; padding: 104px 0 70px; display: grid; grid-template-columns: 1.2fr .8fr; gap: 70px; align-items: center; }
.hero-copy { position: relative; z-index: 2; }
.hero-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 32px; }
.button { display: inline-flex; min-height: 48px; align-items: center; justify-content: center; gap: 9px; border-radius: 11px; padding: 0 18px; border: 1px solid transparent; font-weight: 750; cursor: pointer; }
.button.primary { background: var(--lime); color: #0b160e; }
.button.primary:hover { box-shadow: 0 0 0 5px rgba(184,255,92,.12); }
.button.secondary { border-color: var(--line); background: rgba(255,255,255,.025); color: white; }
.button[aria-disabled="true"] { opacity: .55; cursor: not-allowed; }

.signal-orbit { min-height: 480px; display: grid; place-items: center; position: relative; }
.orbit { width: min(440px, 90vw); aspect-ratio: 1; border-radius: 50%; border: 1px solid rgba(56,212,255,.2); display: grid; place-items: center; position: relative; background: radial-gradient(circle, rgba(56,212,255,.08), transparent 61%); }
.orbit::before, .orbit::after { content: ""; position: absolute; border-radius: 50%; border: 1px solid var(--line); }
.orbit::before { inset: 12%; }
.orbit::after { inset: 27%; border-color: rgba(184,255,92,.22); }
.pulse { width: 15px; height: 15px; background: var(--lime); border-radius: 50%; box-shadow: 0 0 35px var(--lime); animation: pulse 2.5s ease-in-out infinite; }
.orbit-label { position: absolute; padding: 8px 11px; border: 1px solid var(--line); border-radius: 8px; background: rgba(6,16,23,.9); color: #b8cad5; font-size: .78rem; }
.orbit-label.one { top: 18%; left: -2%; }
.orbit-label.two { right: -4%; top: 46%; }
.orbit-label.three { bottom: 11%; left: 15%; }
@keyframes pulse { 50% { transform: scale(1.4); opacity: .75; } }

.trust-strip { border-block: 1px solid var(--line); background: rgba(255,255,255,.018); }
.trust-inner { display: grid; grid-template-columns: repeat(4,1fr); }
.trust-item { padding: 24px 20px; border-right: 1px solid var(--line); }
.trust-item:last-child { border-right: 0; }
.trust-item b { display: block; margin-bottom: 3px; }
.trust-item span { color: var(--muted); font-size: .88rem; }

.section { padding: 100px 0; }
.section-head { display: flex; justify-content: space-between; align-items: end; gap: 40px; margin-bottom: 42px; }
.section-head p { max-width: 520px; }
.card-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 16px; }
.card { border: 1px solid var(--line); border-radius: 16px; padding: 24px; background: linear-gradient(155deg, rgba(16,38,48,.9), rgba(9,24,32,.82)); box-shadow: var(--shadow); }
.card-number { color: var(--cyan); font-size: .76rem; letter-spacing: .12em; font-weight: 800; margin-bottom: 56px; }
.card p { color: var(--muted); margin-bottom: 0; }
.status-row { display: flex; align-items: center; gap: 10px; }
.status-dot { width: 9px; height: 9px; border-radius: 50%; background: var(--lime); box-shadow: 0 0 14px rgba(184,255,92,.5); }

.research-banner { display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 30px; border: 1px solid rgba(255,197,92,.25); background: rgba(255,197,92,.055); padding: 28px; border-radius: 16px; }
.research-banner p { margin-bottom: 0; color: #c8b993; }
.campaign-entry { padding-top: 0; display: grid; grid-template-columns: 1fr auto; gap: 28px; align-items: center; }
.campaign-entry > div { max-width: 760px; }

.campaign-hero { min-height: 650px; padding: 92px 0 72px; display: grid; grid-template-columns: 1.12fr .88fr; gap: 62px; align-items: center; }
.campaign-hero h1 { font-size: clamp(3rem, 7vw, 6rem); }
.campaign-proof { border: 1px solid var(--line); border-radius: 19px; padding: 25px; background: linear-gradient(145deg, rgba(16,38,48,.92), rgba(5,15,21,.92)); box-shadow: var(--shadow); }
.campaign-proof > span { color: var(--cyan); font-size: .74rem; font-weight: 850; letter-spacing: .12em; text-transform: uppercase; }
.campaign-proof > strong { display: block; margin: 10px 0 20px; font-size: 1.7rem; }
.campaign-proof dl { margin: 0; }
.campaign-proof dl div { display: flex; justify-content: space-between; gap: 20px; padding: 13px 0; border-top: 1px solid var(--line); }
.campaign-proof dt { color: var(--muted); }
.campaign-proof dd { margin: 0; text-align: right; font-weight: 750; }
.campaign-proof small { display: block; margin-top: 18px; color: var(--muted); }
.campaign-band { border-block: 1px solid var(--line); background: rgba(255,255,255,.018); }
.campaign-band .shell { display: grid; grid-template-columns: repeat(3,1fr); }
.campaign-band article { padding: 28px 22px; border-right: 1px solid var(--line); }
.campaign-band article:last-child { border-right: 0; }
.campaign-band span { color: var(--lime); font-size: .75rem; font-weight: 850; }
.campaign-band b { display: block; margin: 8px 0 4px; }
.campaign-band p { margin: 0; color: var(--muted); font-size: .88rem; }
.campaign-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 16px; }
.campaign-card { display: flex; min-height: 340px; flex-direction: column; padding: 26px; border: 1px solid var(--line); border-radius: 17px; background: linear-gradient(155deg, rgba(16,38,48,.9), rgba(9,24,32,.82)); }
.campaign-card > span { color: var(--cyan); font-size: .72rem; font-weight: 850; letter-spacing: .12em; }
.campaign-card h2 { margin: 44px 0 14px; font-size: 2rem; }
.campaign-card p { color: var(--muted); }
.campaign-card a { margin-top: auto; color: var(--lime); font-weight: 800; }
.campaign-disclosure { max-width: 880px; padding: 22px; border: 1px solid rgba(255,197,92,.24); border-radius: 14px; background: rgba(255,197,92,.05); color: #c8b993; }
.campaign-disclosure b { color: var(--amber); }
.campaign-cta { margin-bottom: 96px; padding: 34px; border: 1px solid rgba(184,255,92,.3); border-radius: 18px; background: linear-gradient(135deg, rgba(184,255,92,.075), rgba(56,212,255,.045)); display: flex; justify-content: space-between; gap: 30px; align-items: center; }
.campaign-cta h2 { margin-bottom: 8px; }
.campaign-cta p { margin-bottom: 0; color: var(--muted); }

.legal-hero { padding-bottom: 56px; }
.legal-status-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 12px; margin-top: 34px; }
.legal-status-grid article { padding: 18px; border: 1px solid var(--line); border-radius: 13px; background: rgba(255,255,255,.018); }
.legal-status-grid span { color: var(--muted); display: block; font-size: .76rem; }
.legal-status-grid b { display: block; margin-top: 9px; }
.legal-status-grid .open b { color: var(--amber); }
.legal-doc-grid { display: grid; grid-template-columns: repeat(2,1fr); gap: 16px; }
.legal-doc-card { display: flex; min-height: 250px; flex-direction: column; padding: 25px; border: 1px solid var(--line); border-radius: 16px; background: linear-gradient(150deg, rgba(16,38,48,.88), rgba(7,18,25,.9)); }
.legal-doc-card > span { width: fit-content; padding: 5px 8px; border-radius: 6px; color: var(--amber); background: rgba(255,197,92,.08); font-size: .7rem; font-weight: 850; letter-spacing: .08em; }
.legal-doc-card h2 { margin: 30px 0 10px; font-size: 1.8rem; }
.legal-doc-card p { color: var(--muted); }
.legal-doc-card a { margin-top: auto; color: var(--lime); font-weight: 800; }
.legal-shell { width: min(900px, calc(100% - 40px)); margin: 0 auto; padding-bottom: 100px; }
.legal-banner { margin: 30px 0; padding: 19px 21px; border: 1px solid rgba(255,197,92,.3); border-radius: 13px; background: rgba(255,197,92,.065); color: #d2c092; }
.legal-banner b { color: var(--amber); }
.legal-meta { display: flex; flex-wrap: wrap; gap: 10px 22px; margin: 26px 0 46px; color: var(--muted); font-size: .86rem; }
.legal-toc { margin-bottom: 46px; padding: 18px; border: 1px solid var(--line); border-radius: 13px; background: rgba(255,255,255,.018); }
.legal-toc b { display: block; margin-bottom: 10px; }
.legal-toc a { display: inline-block; margin: 5px 18px 5px 0; color: var(--cyan); }
.legal-copy section { padding: 34px 0; border-top: 1px solid var(--line); scroll-margin-top: 90px; }
.legal-copy section:first-child { border-top: 0; }
.legal-copy h2 { font-size: clamp(1.6rem, 3vw, 2.3rem); }
.legal-copy h3 { margin-top: 25px; }
.legal-copy p, .legal-copy li { color: #acc1cc; }
.legal-copy li + li { margin-top: 8px; }
.placeholder { padding: 2px 6px; border: 1px solid rgba(255,197,92,.25); border-radius: 5px; color: var(--amber); background: rgba(255,197,92,.07); font-weight: 750; white-space: nowrap; }
.approval-table { border: 1px solid var(--line); border-radius: 13px; overflow: hidden; }
.approval-table div { display: grid; grid-template-columns: 1.1fr .7fr 1.5fr; gap: 18px; padding: 15px 17px; border-bottom: 1px solid var(--line); }
.approval-table div:last-child { border-bottom: 0; }
.approval-table span { color: var(--muted); }
.approval-table strong { color: var(--amber); }

.checkout-shell { width: min(1080px, calc(100% - 40px)); margin: 0 auto; padding: 72px 0 100px; }
.checkout-top { display: flex; justify-content: space-between; align-items: end; gap: 30px; margin-bottom: 34px; }
.checkout-top h1 { max-width: 720px; margin-bottom: 13px; font-size: clamp(2.7rem, 6vw, 5rem); }
.sandbox-pill { flex: 0 0 auto; padding: 10px 14px; border: 1px solid rgba(255,197,92,.3); border-radius: 99px; color: var(--amber); background: rgba(255,197,92,.07); font-size: .76rem; font-weight: 850; letter-spacing: .08em; }
.checkout-layout { display: grid; grid-template-columns: 1fr 360px; gap: 17px; align-items: start; }
.checkout-main, .checkout-summary { border: 1px solid var(--line); border-radius: 18px; background: linear-gradient(150deg, rgba(16,38,48,.92), rgba(8,23,31,.92)); box-shadow: var(--shadow); }
.checkout-main { padding: 27px; }
.checkout-summary { padding: 24px; position: sticky; top: 92px; }
.checkout-section + .checkout-section { margin-top: 34px; padding-top: 30px; border-top: 1px solid var(--line); }
.checkout-section-head { display: flex; justify-content: space-between; gap: 20px; margin-bottom: 17px; }
.checkout-section-head h2 { margin-bottom: 0; font-size: 1.6rem; }
.checkout-section-head span { color: var(--muted); font-size: .78rem; }
.checkout-plans { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.checkout-plan { padding: 19px; border: 1px solid var(--line); border-radius: 13px; color: var(--ink); background: rgba(255,255,255,.018); text-align: left; cursor: pointer; }
.checkout-plan.active { border-color: rgba(184,255,92,.45); background: rgba(184,255,92,.055); }
.checkout-plan span, .checkout-plan b, .checkout-plan small { display: block; }
.checkout-plan span { color: var(--cyan); font-size: .74rem; font-weight: 850; }
.checkout-plan b { margin: 9px 0 3px; font-size: 1.05rem; }
.checkout-plan small { color: var(--muted); }
.checkout-checks { display: grid; gap: 11px; }
.checkout-checks label { display: grid; grid-template-columns: auto 1fr; gap: 11px; padding: 15px; border: 1px solid var(--line); border-radius: 11px; color: #b7cad5; }
.checkout-checks input { margin-top: 5px; accent-color: var(--lime); }
.checkout-checks b { display: block; color: white; }
.checkout-checks small { display: block; margin-top: 3px; color: var(--muted); }
.gateway-lock { display: grid; grid-template-columns: 12px 1fr; gap: 12px; padding: 17px; border: 1px solid rgba(255,197,92,.25); border-radius: 12px; background: rgba(255,197,92,.055); }
.gateway-lock > span { width: 10px; height: 10px; margin-top: 7px; border-radius: 50%; background: var(--amber); box-shadow: 0 0 13px rgba(255,197,92,.45); }
.gateway-lock p { margin: 4px 0 0; color: #c5b68f; }
.summary-line { display: flex; justify-content: space-between; gap: 18px; padding: 13px 0; border-bottom: 1px solid var(--line); }
.summary-line span { color: var(--muted); }
.summary-total { display: flex; justify-content: space-between; gap: 18px; padding: 22px 0; }
.summary-total b:last-child { font-size: 1.6rem; }
.checkout-summary > small { display: block; margin-bottom: 18px; color: var(--muted); }
.checkout-summary .button { width: 100%; }
.checkout-summary .button + .button { margin-top: 9px; }
.test-result { margin-top: 22px; padding: 19px; border: 1px solid rgba(184,255,92,.3); border-radius: 12px; background: rgba(184,255,92,.055); }
.test-result > span { color: var(--lime); font-size: .72rem; font-weight: 850; letter-spacing: .1em; }
.test-result h3 { margin: 8px 0 11px; }
.test-result dl { margin: 0; }
.test-result dl div { display: flex; justify-content: space-between; gap: 14px; padding-top: 7px; }
.test-result dt { color: var(--muted); }
.test-result dd { margin: 0; text-align: right; }

.page-head { padding: 74px 0 34px; }
.page-head h1 { font-size: clamp(2.6rem, 6vw, 5rem); margin-bottom: 18px; }
.dashboard-head { display: grid; grid-template-columns: 1fr 340px; gap: 48px; align-items: end; }
.demo-notice { display: grid; gap: 6px; padding: 18px; border: 1px solid rgba(255,197,92,.28); border-radius: 13px; background: rgba(255,197,92,.055); }
.demo-notice b { color: var(--amber); }
.demo-notice span { color: #c4b993; font-size: .88rem; }

.dashboard-layout { display: grid; grid-template-columns: 220px 1fr; gap: 18px; padding-bottom: 100px; }
.sidebar, .workspace { border: 1px solid var(--line); background: rgba(8,22,30,.9); border-radius: 17px; }
.sidebar { padding: 15px; height: fit-content; position: sticky; top: 92px; }
.side-label { padding: 10px 11px; color: #6f8a9b; font-size: .72rem; letter-spacing: .13em; text-transform: uppercase; font-weight: 800; }
.tab-button { width: 100%; border: 0; color: #9db4c2; background: transparent; text-align: left; padding: 12px; border-radius: 9px; cursor: pointer; }
.tab-button:hover, .tab-button.active { color: white; background: rgba(56,212,255,.09); }
.workspace { padding: 24px; min-height: 650px; }
.workspace-top { display: flex; justify-content: space-between; align-items: center; gap: 18px; margin-bottom: 24px; }
.workspace-title { margin: 5px 0 0; font-size: clamp(1.8rem, 3vw, 2.6rem); }
.mode-pill { display: inline-flex; gap: 8px; align-items: center; padding: 8px 11px; color: var(--lime); border: 1px solid rgba(184,255,92,.2); background: rgba(184,255,92,.06); border-radius: 99px; font-size: .8rem; font-weight: 750; }
.metric-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 12px; }
.metric { padding: 18px; border: 1px solid var(--line); background: rgba(255,255,255,.018); border-radius: 12px; }
.metric span { color: var(--muted); display: block; font-size: .78rem; margin-bottom: 10px; }
.metric strong { font-size: 1.55rem; }
.metric small { display: block; min-height: 2.5em; margin-top: 8px; color: #6f8a9b; font-size: .72rem; line-height: 1.35; }
.evidence-layout { display: grid; grid-template-columns: 1.35fr .65fr; gap: 14px; margin-top: 14px; }
.evidence-card, .truth-card { border: 1px solid var(--line); border-radius: 13px; padding: 20px; background: rgba(255,255,255,.018); }
.truth-card { background: linear-gradient(150deg, rgba(184,255,92,.065), rgba(255,255,255,.015)); }
.truth-card p { color: var(--muted); }
.truth-card a { color: var(--lime); font-weight: 750; font-size: .88rem; }
.evidence-head { display: flex; justify-content: space-between; gap: 18px; align-items: start; margin-bottom: 17px; }
.evidence-head h3 { margin-bottom: 0; }
.gate-progress + .gate-progress { margin-top: 16px; }
.gate-row { display: flex; justify-content: space-between; gap: 16px; margin-bottom: 7px; color: #bbced8; font-size: .82rem; }
.gate-row b { color: white; }
.gate-track { height: 7px; border-radius: 99px; background: rgba(151,205,224,.1); overflow: hidden; }
.gate-track span { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg, var(--cyan), var(--lime)); }
.section-label { margin: 24px 0 0; }
.chart { height: 245px; margin-top: 14px; position: relative; overflow: hidden; border: 1px solid var(--line); border-radius: 13px; background: linear-gradient(180deg, rgba(56,212,255,.035), transparent); }
.chart-label { position: absolute; top: 14px; left: 14px; z-index: 1; padding: 5px 8px; border-radius: 6px; background: rgba(6,16,23,.82); color: var(--muted); font-size: .65rem; font-weight: 800; letter-spacing: .09em; }
.chart svg { width: 100%; height: 100%; }
.chart-grid line { stroke: rgba(151,205,224,.09); }
.chart-path { fill: none; stroke: var(--cyan); stroke-width: 3; vector-effect: non-scaling-stroke; }
.chart-fill { fill: url(#areaFill); }
.activity { margin-top: 14px; border: 1px solid var(--line); border-radius: 13px; overflow: hidden; }
.activity-row { display: grid; grid-template-columns: 1fr 1fr 1fr auto; gap: 12px; padding: 15px 16px; border-bottom: 1px solid var(--line); align-items: center; }
.activity-row:last-child { border: 0; }
.sample-activity-heading { display: flex; justify-content: space-between; align-items: end; gap: 15px; margin-top: 28px; }
.sample-activity-heading h3 { margin: 4px 0 0; }
.sample-activity-heading .eyebrow { margin-bottom: 0; }
.demo-account-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; margin-top: 14px; }
.demo-account-card { display: flex; gap: 14px; padding: 18px; border: 1px solid var(--line); border-radius: 13px; background: rgba(255,255,255,.018); }
.demo-account-card h4 { margin: 0 0 5px; font-size: 1rem; }
.demo-account-card p { margin: 0 0 12px; color: var(--muted); font-size: .85rem; }
.demo-account-icon { display: grid; place-items: center; flex: none; width: 38px; height: 38px; border-radius: 11px; color: var(--lime); background: rgba(184,255,92,.1); font-weight: 800; }
.demo-account-icon.ftmo { color: var(--cyan); background: rgba(56,212,255,.1); }
.demo-text-button { padding: 0; border: 0; color: var(--lime); background: transparent; cursor: pointer; font: inherit; font-size: .85rem; font-weight: 750; text-align: left; }
.demo-panel-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 18px; }
.signin-shell { min-height: 65vh; display: grid; place-items: center; padding-block: 70px; }
.signin-card { width: min(100%, 560px); padding: clamp(24px, 5vw, 42px); border: 1px solid var(--line); border-radius: 18px; background: rgba(11,26,35,.9); }
.signin-card h1 { margin: 12px 0 20px; font-size: clamp(2.8rem, 6vw, 4.5rem); }
.signin-button { width: 100%; margin-top: 12px; }
.signin-help { margin: 20px 0; font-size: .87rem; }
.signin-help a { color: var(--cyan); }
.chip { width: fit-content; border-radius: 99px; padding: 5px 9px; font-size: .74rem; font-weight: 800; color: var(--amber); background: rgba(255,197,92,.08); }
.tab-panel[hidden] { display: none; }
.panel-intro { max-width: 690px; margin-bottom: 24px; }
.signal-card { border: 1px solid var(--line); border-radius: 15px; overflow: hidden; background: rgba(255,255,255,.018); }
.signal-top { display: flex; justify-content: space-between; gap: 20px; align-items: center; padding: 20px; border-bottom: 1px solid var(--line); }
.signal-top span { display: block; color: var(--muted); font-size: .78rem; }
.signal-top strong { display: block; margin-top: 4px; font-size: 1.3rem; }
.reject-pill, .wait-pill, .locked-pill { width: fit-content; padding: 5px 9px; border-radius: 99px; font-size: .7rem; font-weight: 850; letter-spacing: .06em; }
.reject-pill { color: var(--red) !important; background: rgba(255,123,123,.09); border: 1px solid rgba(255,123,123,.25); }
.signal-gates { padding: 8px 20px; }
.signal-gate { display: grid; grid-template-columns: 34px 1fr auto; gap: 14px; align-items: center; padding: 17px 0; border-bottom: 1px solid var(--line); }
.signal-gate:last-child { border-bottom: 0; }
.signal-gate > span { width: 30px; height: 30px; display: grid; place-items: center; border-radius: 50%; color: var(--muted); border: 1px solid var(--line); font-size: .7rem; }
.signal-gate b, .signal-gate small { display: block; }
.signal-gate small { color: var(--muted); margin-top: 2px; }
.signal-gate > strong { font-size: .75rem; }
.signal-gate.aligned > strong { color: var(--lime); }
.signal-gate.fail > strong { color: var(--red); }
.signal-gate.stop > strong { color: var(--amber); }
.explain-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 12px; margin-top: 14px; }
.explain-grid article { padding: 17px; border: 1px solid var(--line); border-radius: 12px; }
.explain-grid p { margin: 6px 0 0; color: var(--muted); font-size: .85rem; }
.risk-table { border: 1px solid var(--line); border-radius: 14px; overflow: hidden; }
.risk-row { display: grid; grid-template-columns: minmax(0,.8fr) minmax(0,1.6fr) minmax(8rem,.8fr); gap: 18px; align-items: center; padding: 15px 17px; border-bottom: 1px solid var(--line); color: #b7cad5; }
.risk-row:last-child { border-bottom: 0; }
.risk-heading { color: #698798; background: rgba(255,255,255,.02); font-size: .7rem; text-transform: uppercase; letter-spacing: .08em; font-weight: 800; }
.wait-pill { color: var(--amber); background: rgba(255,197,92,.08); }
.locked-pill { color: var(--muted); background: rgba(142,167,184,.08); }
.safety-callout { margin-top: 14px; padding: 18px; border: 1px solid rgba(255,197,92,.24); border-radius: 13px; background: rgba(255,197,92,.05); }
.safety-callout p { margin: 5px 0 0; color: #bbaa82; }
.empty-state { min-height: 390px; display: grid; place-items: center; text-align: center; border: 1px dashed rgba(151,205,224,.23); border-radius: 13px; }
.empty-state div { max-width: 440px; }
.empty-title { font-size: clamp(1.8rem, 4vw, 3rem); }

.trust-hero { max-width: 840px; margin-left: max(20px, calc((100% - min(1180px, calc(100% - 40px))) / 2)); }
.trust-layout { display: grid; grid-template-columns: 220px 1fr; gap: 38px; padding-bottom: 80px; }
.trust-nav { position: sticky; top: 98px; height: fit-content; padding: 14px; border: 1px solid var(--line); border-radius: 14px; background: rgba(8,22,30,.88); }
.trust-nav a { display: block; padding: 9px 11px; border-radius: 8px; color: #9db4c2; font-size: .86rem; }
.trust-nav a:hover { color: white; background: rgba(56,212,255,.07); }
.trust-content { min-width: 0; }
.trust-status { display: grid; grid-template-columns: auto 1fr; gap: 24px; align-items: center; padding: 20px; border: 1px solid rgba(184,255,92,.28); border-radius: 14px; background: rgba(184,255,92,.055); }
.trust-status > div { display: flex; gap: 10px; align-items: center; color: var(--lime); font-size: .8rem; }
.trust-status p { margin: 0; color: #bbcbad; }
.trust-section { padding: 70px 0; border-bottom: 1px solid var(--line); scroll-margin-top: 95px; }
.trust-section > p { max-width: 780px; color: #acc1cc; }
.principle-grid, .privacy-grid { display: grid; grid-template-columns: repeat(2,1fr); gap: 13px; margin-top: 28px; }
.principle-grid article, .privacy-grid article { padding: 20px; border: 1px solid var(--line); border-radius: 13px; background: rgba(255,255,255,.017); }
.principle-grid article > span { color: var(--cyan); font-size: .72rem; font-weight: 850; letter-spacing: .1em; }
.principle-grid h3 { margin: 20px 0 6px; }
.principle-grid p, .privacy-grid p { margin: 0; color: var(--muted); }
.protection-list, .control-table { margin-top: 26px; border: 1px solid var(--line); border-radius: 14px; overflow: hidden; }
.protection-list > div, .control-table > div { display: grid; grid-template-columns: 190px 1fr; gap: 22px; padding: 17px; border-bottom: 1px solid var(--line); }
.protection-list > div:last-child, .control-table > div:last-child { border-bottom: 0; }
.protection-list span { color: var(--muted); }
.privacy-grid { grid-template-columns: repeat(3,1fr); }
.draft-label { width: fit-content; margin-top: 22px; padding: 5px 8px; border-radius: 6px; color: var(--amber); background: rgba(255,197,92,.08); font-size: .68rem; font-weight: 850; letter-spacing: .09em; }
.control-table span { color: var(--muted); }
.legal-warning { display: grid; grid-template-columns: 140px 1fr; gap: 20px; margin-top: 22px; padding: 20px; border: 1px solid rgba(255,123,123,.25); border-radius: 13px; background: rgba(255,123,123,.055); }
.legal-warning b { color: var(--red); }
.legal-warning span { color: #d4b0b0; }
.trust-next { display: flex; justify-content: space-between; align-items: center; gap: 30px; margin-bottom: 90px; padding: 30px; border: 1px solid var(--line); border-radius: 17px; background: linear-gradient(140deg, rgba(56,212,255,.07), rgba(184,255,92,.035)); }
.trust-next h2 { max-width: 730px; margin-bottom: 0; }

.pricing-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; max-width: 900px; margin: 0 auto; padding-bottom: 28px; }
.price-card { position: relative; overflow: hidden; border: 1px solid var(--line); border-radius: 20px; padding: 30px; background: rgba(11,26,35,.88); }
.price-card.featured { border-color: rgba(184,255,92,.42); box-shadow: 0 30px 90px rgba(184,255,92,.08); }
.price-card.featured::before { content: "FOUNDING ACCESS"; position: absolute; top: 18px; right: -42px; width: 170px; transform: rotate(38deg); text-align: center; padding: 5px; background: var(--lime); color: #0a140c; font-size: .66rem; font-weight: 900; }
.price { font-size: 3.8rem; letter-spacing: -.06em; font-weight: 800; line-height: 1; margin: 26px 0 8px; }
.price sup { font-size: 1rem; color: var(--muted); letter-spacing: 0; }
.feature-list { list-style: none; padding: 0; margin: 26px 0; }
.feature-list li { padding: 10px 0; border-bottom: 1px solid var(--line); color: #b7c9d4; }
.feature-list li::before { content: "✓"; color: var(--lime); margin-right: 10px; }
.fine-print { max-width: 900px; margin: 0 auto 100px; color: var(--muted); font-size: .9rem; }

.waitlist-layout { display: grid; grid-template-columns: .8fr 1.2fr; gap: 22px; padding-bottom: 100px; }
.waitlist-info, .waitlist-form { border: 1px solid var(--line); border-radius: 18px; padding: 28px; background: rgba(11,26,35,.88); }
.waitlist-alert { margin-bottom: 22px; padding: 14px 16px; border: 1px solid rgba(255,197,92,.32); border-radius: 11px; color: #ecd69d; background: rgba(255,197,92,.07); }
.waitlist-points { list-style: none; padding: 0; margin: 28px 0 0; }
.waitlist-points li { padding: 12px 0; border-top: 1px solid var(--line); color: #b7c9d4; }
.waitlist-points li::before { content: "✓"; color: var(--lime); margin-right: 10px; }
.form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.field { display: grid; gap: 7px; }
.field.full { grid-column: 1 / -1; }
.field label { color: #bfd0da; font-size: .86rem; font-weight: 700; }
.field input, .field select { width: 100%; min-height: 48px; border: 1px solid var(--line); border-radius: 10px; padding: 0 13px; color: var(--ink); background: #07141c; font: inherit; }
.field input:focus, .field select:focus { outline: 2px solid rgba(56,212,255,.28); border-color: var(--cyan); }
.consent { display: flex; align-items: flex-start; gap: 10px; color: var(--muted); font-size: .86rem; margin: 20px 0; }
.consent input { margin-top: 4px; }
.form-note { color: var(--muted); font-size: .82rem; margin: 14px 0 0; }
.form-status { min-height: 1.5rem; margin: 14px 0 0; font-weight: 750; color: var(--cyan); }
.form-status.success { color: var(--lime); }
.form-status.error { color: var(--red); }
.source-note { margin-top: 22px; padding: 12px 14px; border: 1px solid rgba(56,212,255,.25); border-radius: 10px; color: var(--cyan); background: rgba(56,212,255,.06); }
.honey { position: absolute !important; left: -10000px !important; width: 1px; height: 1px; overflow: hidden; }

.demo-shell { min-height: calc(100vh - 74px); display: grid; grid-template-columns: 270px 1fr; }
.demo-rail { padding: 40px 25px; border-right: 1px solid var(--line); background: rgba(5,14,20,.8); }
.demo-step { display: flex; gap: 12px; color: #688394; padding: 14px 0; cursor: pointer; }
.demo-step.active { color: white; }
.demo-step span { width: 27px; height: 27px; border: 1px solid currentColor; display: grid; place-items: center; border-radius: 50%; flex: 0 0 auto; font-size: .74rem; }
.demo-stage { padding: 60px clamp(28px, 7vw, 100px); display: flex; flex-direction: column; justify-content: center; }
.demo-slide { display: none; max-width: 900px; }
.demo-slide.active { display: block; animation: reveal .4s ease; }
@keyframes reveal { from { opacity: 0; transform: translateY(12px); } }
.demo-slide h1, .demo-slide h2 { max-width: 900px; margin: 0 0 18px; font-size: clamp(3rem, 7vw, 6.5rem); line-height: .95; letter-spacing: -.055em; }
.demo-kicker { color: var(--cyan); font-weight: 800; }
.demo-visual { margin-top: 38px; min-height: 230px; border: 1px solid var(--line); border-radius: 18px; padding: 25px; background: linear-gradient(145deg, rgba(16,38,48,.85), rgba(5,15,21,.9)); }
.flow { display: grid; grid-template-columns: repeat(4,1fr); align-items: center; gap: 10px; height: 180px; }
.flow-node { text-align: center; padding: 15px 8px; border: 1px solid var(--line); border-radius: 12px; color: #c6d6df; }
.flow-arrow { display: none; }
.demo-controls { display: flex; justify-content: space-between; margin-top: 30px; }
.icon-button { border: 1px solid var(--line); border-radius: 10px; padding: 10px 14px; background: rgba(255,255,255,.025); color: white; cursor: pointer; }
.icon-button:disabled { opacity: .35; }

footer { padding: 40px 0; border-top: 1px solid var(--line); color: var(--muted); }
.footer-inner { display: flex; justify-content: space-between; gap: 30px; }

@media (max-width: 900px) {
  .hero { grid-template-columns: 1fr; padding-top: 70px; }
  .signal-orbit { min-height: 410px; }
  .trust-inner, .metric-grid { grid-template-columns: repeat(2,1fr); }
  .card-grid { grid-template-columns: 1fr; }
  .card-number { margin-bottom: 22px; }
  .dashboard-layout { grid-template-columns: 1fr; }
  .dashboard-head { grid-template-columns: 1fr; }
  .sidebar { position: static; display: flex; overflow-x: auto; }
  .side-label { display: none; }
  .tab-button { width: auto; white-space: nowrap; }
  .demo-shell { grid-template-columns: 1fr; }
  .demo-rail { display: flex; overflow-x: auto; border-right: 0; border-bottom: 1px solid var(--line); padding: 14px 20px; }
  .demo-step { min-width: 170px; }
  .trust-layout { grid-template-columns: 1fr; }
  .trust-nav { position: static; display: flex; overflow-x: auto; }
  .trust-nav .side-label { display: none; }
  .trust-nav a { white-space: nowrap; }
  .privacy-grid { grid-template-columns: 1fr; }
  .campaign-hero { grid-template-columns: 1fr; min-height: auto; }
  .campaign-grid { grid-template-columns: 1fr; }
  .legal-status-grid { grid-template-columns: repeat(2,1fr); }
  .checkout-layout { grid-template-columns: 1fr; }
  .checkout-summary { position: static; }
}

@media (max-width: 640px) {
  .shell { width: min(100% - 28px, 1180px); }
  .nav-inner { height: auto; min-height: 68px; flex-wrap: wrap; padding: 14px 0; gap: 12px; }
  .nav-links { width: 100%; order: 2; overflow-x: auto; gap: 16px; padding-bottom: 4px; }
  .nav-cta { display: none; }
  .hero { min-height: auto; gap: 10px; }
  .orbit { width: 320px; }
  .trust-inner, .metric-grid, .pricing-grid { grid-template-columns: 1fr; }
  .trust-item { border-right: 0; border-bottom: 1px solid var(--line); }
  .section-head, .research-banner, .footer-inner { align-items: start; flex-direction: column; display: flex; }
  .workspace { padding: 15px; }
  .workspace-top { align-items: start; flex-direction: column; }
  .evidence-layout, .explain-grid, .principle-grid { grid-template-columns: 1fr; }
  .demo-account-grid { grid-template-columns: 1fr; }
  .risk-heading { display: none; }
  .risk-row { grid-template-columns: 1fr auto; gap: 6px 14px; }
  .risk-row > span:nth-child(2) { grid-column: 1 / -1; grid-row: 2; }
  .signal-top, .trust-next { align-items: start; flex-direction: column; }
  .trust-status { grid-template-columns: 1fr; }
  .signal-gate { grid-template-columns: 30px 1fr; }
  .signal-gate > strong { grid-column: 2; }
  .protection-list > div, .control-table > div, .legal-warning { grid-template-columns: 1fr; gap: 6px; }
  .activity-row { grid-template-columns: 1fr 1fr; }
  .flow { grid-template-columns: 1fr 1fr; height: auto; }
  .demo-stage { padding-block: 45px; }
  .waitlist-layout, .form-grid { grid-template-columns: 1fr; }
  .field.full { grid-column: auto; }
  .campaign-entry, .campaign-cta { display: flex; flex-direction: column; align-items: flex-start; }
  .campaign-band .shell { grid-template-columns: 1fr; }
  .campaign-band article { border-right: 0; border-bottom: 1px solid var(--line); }
  .campaign-band article:last-child { border-bottom: 0; }
  .legal-doc-grid, .legal-status-grid { grid-template-columns: 1fr; }
  .approval-table div { grid-template-columns: 1fr; gap: 4px; }
  .checkout-shell { width: calc(100% - 28px); padding-top: 48px; }
  .checkout-top { align-items: flex-start; flex-direction: column; }
  .checkout-plans { grid-template-columns: 1fr; }
}

.onboarding-shell { width: min(1120px, calc(100% - 40px)); margin: 0 auto; padding: 70px 0 100px; }
.onboarding-head { display: grid; grid-template-columns: 1fr auto; gap: 30px; align-items: end; margin-bottom: 32px; }
.onboarding-head h1 { max-width: 780px; margin-bottom: 12px; }
.onboarding-head .lead { max-width: 760px; }
.onboarding-badge { padding: 12px 15px; border: 1px solid rgba(56,212,255,.28); border-radius: 12px; color: var(--cyan); background: rgba(56,212,255,.06); font-size: .76rem; font-weight: 850; letter-spacing: .08em; white-space: nowrap; }
.onboarding-grid { display: grid; grid-template-columns: minmax(0,1fr) 320px; gap: 20px; align-items: start; }
.onboarding-card, .onboarding-side { border: 1px solid var(--line); border-radius: 18px; background: rgba(8,22,30,.9); }
.onboarding-card { overflow: hidden; }
.onboarding-progress { padding: 22px 24px; border-bottom: 1px solid var(--line); }
.onboarding-progress-top { display: flex; justify-content: space-between; gap: 20px; margin-bottom: 12px; color: #bed0da; }
.onboarding-progress-top span { color: var(--muted); font-size: .82rem; }
.onboarding-track { height: 8px; overflow: hidden; border-radius: 99px; background: rgba(151,205,224,.1); }
.onboarding-track span { display: block; width: 0; height: 100%; border-radius: inherit; background: linear-gradient(90deg,var(--cyan),var(--lime)); transition: width .25s ease; }
.onboarding-step { display: grid; grid-template-columns: 42px 1fr auto; gap: 16px; align-items: center; padding: 20px 24px; border-bottom: 1px solid var(--line); }
.onboarding-step:last-child { border-bottom: 0; }
.onboarding-step > span { width: 36px; height: 36px; display: grid; place-items: center; border: 1px solid var(--line); border-radius: 50%; color: var(--muted); font-size: .78rem; font-weight: 800; }
.onboarding-step h2 { margin: 0 0 5px; font-size: 1rem; }
.onboarding-step p { margin: 0; color: var(--muted); font-size: .85rem; }
.onboarding-step button { min-width: 112px; border: 1px solid var(--line); border-radius: 9px; padding: 9px 11px; color: #c5d5de; background: rgba(255,255,255,.025); cursor: pointer; font: inherit; font-size: .78rem; font-weight: 750; }
.onboarding-step.complete { background: rgba(184,255,92,.025); }
.onboarding-step.complete > span { color: #0b1909; border-color: var(--lime); background: var(--lime); font-size: 0; }
.onboarding-step.complete > span::after { content: "✓"; font-size: .9rem; }
.onboarding-side { position: sticky; top: 92px; padding: 22px; }
.onboarding-side dl { margin: 20px 0; }
.onboarding-side dl div { display: grid; grid-template-columns: 1fr auto; gap: 12px; padding: 11px 0; border-bottom: 1px solid var(--line); }
.onboarding-side dt { color: var(--muted); }
.onboarding-side dd { margin: 0; color: white; text-align: right; font-weight: 750; word-break: break-word; }
.onboarding-lock { margin: 18px 0; padding: 14px; border: 1px solid rgba(255,197,92,.25); border-radius: 11px; color: #d7c18a; background: rgba(255,197,92,.055); font-size: .82rem; }
.onboarding-ready { margin: 18px 0; padding: 15px; border: 1px solid rgba(184,255,92,.3); border-radius: 11px; color: var(--lime); background: rgba(184,255,92,.055); font-size: .85rem; font-weight: 750; }
.onboarding-side .button { width: 100%; margin-top: 9px; }
@media (max-width: 900px) {
  .onboarding-grid { grid-template-columns: 1fr; }
  .onboarding-side { position: static; }
}
@media (max-width: 640px) {
  .onboarding-shell { width: calc(100% - 28px); padding-top: 48px; }
  .onboarding-head { grid-template-columns: 1fr; align-items: start; }
  .onboarding-step { grid-template-columns: 36px 1fr; padding: 18px; }
  .onboarding-step button { grid-column: 2; width: fit-content; }
}

.help-shell { width: min(1040px, calc(100% - 40px)); margin: 0 auto; padding: 68px 0 100px; }
.help-head { max-width: 790px; margin-bottom: 28px; }
.help-head h1 { margin-bottom: 12px; }
.help-search { position: relative; margin: 28px 0 16px; }
.help-search input { width: 100%; min-height: 58px; border: 1px solid rgba(56,212,255,.25); border-radius: 14px; padding: 0 18px 0 50px; color: white; background: rgba(8,22,30,.92); font: inherit; font-size: 1rem; }
.help-search input:focus { outline: 2px solid rgba(56,212,255,.25); border-color: var(--cyan); }
.help-search span { position: absolute; left: 18px; top: 50%; transform: translateY(-50%); color: var(--cyan); font-size: 1.15rem; }
.help-filters { display: flex; gap: 8px; overflow-x: auto; padding-bottom: 8px; margin-bottom: 26px; }
.help-filters button { white-space: nowrap; border: 1px solid var(--line); border-radius: 99px; padding: 8px 12px; color: var(--muted); background: rgba(255,255,255,.02); cursor: pointer; font: inherit; font-size: .82rem; font-weight: 750; }
.help-filters button.active { color: #071118; border-color: var(--cyan); background: var(--cyan); }
.help-layout { display: grid; grid-template-columns: minmax(0,1fr) 280px; gap: 20px; align-items: start; }
.faq-list { display: grid; gap: 10px; }
.faq-item { border: 1px solid var(--line); border-radius: 13px; background: rgba(8,22,30,.82); overflow: hidden; }
.faq-item[hidden] { display: none; }
.faq-item > button { width: 100%; display: grid; grid-template-columns: 1fr auto; gap: 20px; align-items: center; border: 0; padding: 18px 19px; color: white; background: transparent; text-align: left; cursor: pointer; font: inherit; font-weight: 750; }
.faq-item > button span { color: var(--cyan); font-size: 1.25rem; transition: transform .2s ease; }
.faq-item.open > button span { transform: rotate(45deg); }
.faq-answer { display: none; padding: 0 19px 19px; color: #aabfc9; line-height: 1.65; }
.faq-answer p { margin: 0; }
.faq-answer a { color: var(--cyan); }
.faq-item.open .faq-answer { display: block; }
.help-side { position: sticky; top: 92px; padding: 22px; border: 1px solid var(--line); border-radius: 16px; background: linear-gradient(150deg,rgba(56,212,255,.06),rgba(8,22,30,.9)); }
.help-side h2 { margin: 7px 0 10px; font-size: 1.3rem; }
.help-side p { color: var(--muted); }
.help-side .button { width: 100%; margin-top: 10px; }
.help-empty { padding: 35px; border: 1px dashed var(--line); border-radius: 13px; color: var(--muted); text-align: center; }
@media (max-width: 800px) {
  .help-layout { grid-template-columns: 1fr; }
  .help-side { position: static; }
}
@media (max-width: 640px) {
  .help-shell { width: calc(100% - 28px); padding-top: 48px; }
}

.billing-shell { width: min(1160px, calc(100% - 40px)); margin: 0 auto; padding: 66px 0 100px; }
.billing-head { display: grid; grid-template-columns: 1fr auto; gap: 30px; align-items: end; margin-bottom: 28px; }
.billing-head h1 { max-width: 760px; margin-bottom: 12px; }
.billing-head .lead { max-width: 790px; }
.billing-state { padding: 11px 14px; border: 1px solid rgba(255,197,92,.3); border-radius: 99px; color: var(--amber); background: rgba(255,197,92,.06); font-size: .74rem; font-weight: 850; letter-spacing: .08em; white-space: nowrap; }
.billing-state.ready { color: var(--lime); border-color: rgba(184,255,92,.3); background: rgba(184,255,92,.06); }
.billing-summary { display: grid; grid-template-columns: 1fr auto; gap: 25px; align-items: center; padding: 21px 23px; border: 1px solid var(--line); border-radius: 15px; background: rgba(8,22,30,.88); }
.billing-summary b, .billing-summary span { display: block; }
.billing-summary span { color: var(--muted); margin-top: 4px; font-size: .84rem; }
.billing-progress { width: min(360px,35vw); height: 9px; overflow: hidden; border-radius: 99px; background: rgba(151,205,224,.1); }
.billing-progress span { display: block; width: 0; height: 100%; border-radius: inherit; background: linear-gradient(90deg,var(--cyan),var(--lime)); transition: width .25s ease; }
.billing-grid { display: grid; grid-template-columns: repeat(2,1fr); gap: 13px; margin-top: 18px; }
.billing-gate { display: grid; grid-template-columns: 42px 1fr; gap: 14px; padding: 20px; border: 1px solid var(--line); border-radius: 14px; background: rgba(8,22,30,.8); }
.billing-gate > span { width: 36px; height: 36px; display: grid; place-items: center; border: 1px solid var(--line); border-radius: 10px; color: var(--muted); font-size: .76rem; font-weight: 850; }
.billing-gate h2 { margin: 0 0 6px; font-size: 1rem; }
.billing-gate p { margin: 0; min-height: 3.2em; color: var(--muted); font-size: .85rem; }
.billing-gate button { margin-top: 14px; border: 1px solid var(--line); border-radius: 8px; padding: 8px 11px; color: #c4d5de; background: rgba(255,255,255,.025); cursor: pointer; font: inherit; font-size: .76rem; font-weight: 750; }
.billing-gate.complete { border-color: rgba(184,255,92,.25); background: rgba(184,255,92,.025); }
.billing-gate.complete > span { color: #071208; border-color: var(--lime); background: var(--lime); font-size: 0; }
.billing-gate.complete > span::after { content: "✓"; font-size: .9rem; }
.billing-final { display: grid; grid-template-columns: 1fr auto; gap: 28px; align-items: center; margin-top: 18px; padding: 23px; border: 1px solid rgba(255,123,123,.24); border-radius: 15px; background: rgba(255,123,123,.04); }
.billing-final h2 { margin: 0 0 6px; font-size: 1.15rem; }
.billing-final p { margin: 0; color: #c9aaaa; }
.billing-actions { display: flex; gap: 10px; flex-wrap: wrap; justify-content: flex-end; }
@media (max-width: 800px) {
  .billing-head, .billing-summary, .billing-final { grid-template-columns: 1fr; align-items: start; }
  .billing-progress { width: 100%; }
  .billing-actions { justify-content: flex-start; }
}
@media (max-width: 640px) {
  .billing-shell { width: calc(100% - 28px); padding-top: 48px; }
  .billing-grid { grid-template-columns: 1fr; }
}

.app-shell { width: min(1080px, calc(100% - 40px)); margin: 0 auto; padding: 66px 0 100px; }
.app-hero { display: grid; grid-template-columns: 1fr 330px; gap: 42px; align-items: center; }
.app-hero h1 { max-width: 700px; margin-bottom: 14px; }
.app-actions { display: flex; gap: 10px; flex-wrap: wrap; margin-top: 25px; }
.app-actions .button[disabled] { opacity: .48; cursor: not-allowed; }
.install-state { margin-top: 16px; min-height: 1.5em; color: var(--muted); font-size: .88rem; }
.app-device { aspect-ratio: .58; max-height: 570px; margin: 0 auto; padding: 14px; border: 1px solid rgba(56,212,255,.25); border-radius: 38px; background: #030b10; box-shadow: 0 35px 100px rgba(0,0,0,.38); }
.app-screen { height: 100%; overflow: hidden; border: 1px solid var(--line); border-radius: 27px; padding: 24px 18px; background: linear-gradient(165deg,#0b202a,#061017 70%); }
.app-screen-top { display: flex; justify-content: space-between; align-items: center; color: #bdd0da; font-size: .7rem; }
.app-screen-mark { width: 42px; height: 42px; display: grid; place-items: center; margin: 48px 0 24px; border-radius: 13px; background: var(--lime); color: #07131b; font-weight: 900; }
.app-screen h2 { font-size: 1.65rem; }
.app-screen p { color: var(--muted); font-size: .84rem; }
.app-mini-card { margin-top: 13px; padding: 15px; border: 1px solid var(--line); border-radius: 12px; background: rgba(255,255,255,.025); }
.app-mini-card span, .app-mini-card b { display: block; }
.app-mini-card span { color: var(--muted); font-size: .7rem; }
.app-mini-card b { margin-top: 6px; }
.app-feature-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 13px; margin-top: 60px; }
.app-feature-grid article { padding: 21px; border: 1px solid var(--line); border-radius: 14px; background: rgba(8,22,30,.82); }
.app-feature-grid span { color: var(--cyan); font-size: .73rem; font-weight: 850; letter-spacing: .08em; }
.app-feature-grid h2 { margin: 18px 0 7px; font-size: 1.05rem; }
.app-feature-grid p { margin: 0; color: var(--muted); font-size: .86rem; }
.app-safety { margin-top: 18px; padding: 22px; border: 1px solid rgba(255,197,92,.27); border-radius: 14px; color: #d7c38f; background: rgba(255,197,92,.045); }
.ios-install-guide { margin-top: 22px; padding: 25px; border: 1px solid rgba(56,212,255,.26); border-radius: 17px; background: linear-gradient(145deg,rgba(56,212,255,.065),rgba(8,22,30,.9)); }
.ios-install-guide[hidden] { display: none; }
.ios-guide-head { display: flex; justify-content: space-between; gap: 24px; align-items: end; margin-bottom: 20px; }
.ios-guide-head h2 { margin: 5px 0 0; font-size: 1.45rem; }
.ios-guide-head > span { padding: 8px 11px; border: 1px solid rgba(56,212,255,.25); border-radius: 99px; color: var(--cyan); font-size: .69rem; font-weight: 850; letter-spacing: .08em; white-space: nowrap; }
.ios-guide-steps { display: grid; grid-template-columns: repeat(3,1fr); gap: 12px; }
.ios-guide-steps article { display: grid; grid-template-columns: 34px 1fr; gap: 12px; padding: 17px; border: 1px solid var(--line); border-radius: 12px; background: rgba(3,11,16,.42); }
.ios-guide-steps article > b { width: 32px; height: 32px; display: grid; place-items: center; border-radius: 10px; color: #07131b; background: var(--cyan); }
.ios-guide-steps h3 { margin: 1px 0 6px; font-size: .93rem; }
.ios-guide-steps p { margin: 0; color: var(--muted); font-size: .8rem; line-height: 1.5; }
.ios-native-note { margin: 17px 0 0; padding-top: 16px; border-top: 1px solid var(--line); color: #b8cbd4; font-size: .82rem; line-height: 1.6; }
.request-shell { width: min(920px, calc(100% - 40px)); margin: 0 auto; padding: 66px 0 100px; }
.request-head { max-width: 760px; margin-bottom: 28px; }
.request-head h1 { margin-bottom: 13px; }
.request-layout { display: grid; grid-template-columns: minmax(0,1fr) 280px; gap: 18px; align-items: start; }
.request-form, .request-aside { padding: 24px; border: 1px solid var(--line); border-radius: 16px; background: rgba(8,22,30,.88); }
.request-form { display: grid; grid-template-columns: 1fr 1fr; gap: 15px; }
.request-form h2, .request-form > p, .request-form .full { grid-column: 1 / -1; }
.request-form h2 { margin: 0; font-size: 1.25rem; }
.request-form > p { margin: 0 0 5px; color: var(--muted); }
.request-form label { display: grid; gap: 7px; color: #c5d5de; font-size: .87rem; font-weight: 700; }
.request-form input, .request-form select, .request-form textarea { width: 100%; border: 1px solid var(--line); border-radius: 9px; padding: 0 12px; color: white; background: #07141c; font: inherit; }
.request-form input, .request-form select { min-height: 46px; }
.request-form textarea { min-height: 150px; padding-block: 11px; resize: vertical; }
.request-consent { display: flex !important; grid-template-columns: auto 1fr; align-items: start; gap: 10px !important; font-weight: 500 !important; }
.request-consent input { width: 17px; min-height: 17px; margin-top: 3px; }
.request-form .button { justify-self: start; }
.request-aside { position: sticky; top: 92px; }
.request-aside h2 { margin: 7px 0 10px; font-size: 1.15rem; }
.request-aside p, .request-aside li { color: var(--muted); font-size: .85rem; }
.request-aside ul { padding-left: 18px; }
.request-reference { padding: 15px; border: 1px solid rgba(184,255,92,.25); border-radius: 11px; color: var(--lime); background: rgba(184,255,92,.055); font-weight: 750; overflow-wrap: anywhere; }
.missing-shell { min-height: 72vh; display: grid; place-items: center; text-align: center; }
.missing-shell > div { max-width: 650px; padding: 70px 20px; }
.missing-code { color: var(--cyan); font-size: .78rem; font-weight: 850; letter-spacing: .16em; }
.missing-actions { display: flex; justify-content: center; gap: 10px; flex-wrap: wrap; margin-top: 25px; }
@media (max-width: 800px) {
  .app-hero { grid-template-columns: 1fr; }
  .app-device { width: 300px; }
  .ios-guide-steps { grid-template-columns: 1fr; }
  .request-layout { grid-template-columns: 1fr; }
  .request-aside { position: static; }
}
@media (max-width: 640px) {
  .app-shell { width: calc(100% - 28px); padding-top: 48px; }
  .app-feature-grid { grid-template-columns: 1fr; }
  .ios-guide-head { align-items: start; flex-direction: column; }
  .ios-install-guide { padding: 19px; }
  .request-shell { width: calc(100% - 28px); padding-top: 48px; }
  .request-form { grid-template-columns: 1fr; padding: 19px; }
  .request-form h2, .request-form > p, .request-form .full { grid-column: auto; }
}

/* Clear entry points for the homepage */
.home-page .home-hero{padding:90px 0 78px;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:70px;min-height:600px}.home-intro h1{font-size:clamp(3rem,6vw,5.8rem);max-width:650px}.home-intro .lead{max-width:590px}.home-note{margin:22px 0 0;color:#8ba3b1;font-size:.86rem}.home-preview{border:1px solid rgba(150,205,205,.2);border-radius:22px;padding:26px;background:linear-gradient(140deg,#112c2e,#0a1b25 65%,#08151d);box-shadow:var(--shadow)}.preview-head{display:flex;justify-content:space-between;align-items:start;gap:12px;margin-bottom:20px}.preview-head h2{font-size:1.45rem;letter-spacing:-.03em;margin:6px 0}.preview-kicker,.preview-badge{font-size:.66rem;font-weight:800;letter-spacing:.12em;color:#b8ff5c}.preview-badge{padding:7px 9px;border:1px solid #426454;border-radius:99px;color:#b5d4c1;white-space:nowrap}.preview-row{display:flex;align-items:center;gap:13px;padding:15px 0;border-top:1px solid rgba(151,205,224,.13)}.preview-icon{display:grid;place-items:center;flex:none;width:42px;height:42px;border-radius:12px;background:#264631;color:#b8ff9f;font-size:1.1rem;font-weight:800}.preview-icon.ftmo{background:#193a4c;color:#9bdfff}.preview-icon.research{background:#30394b;color:#d4d9ff}.preview-row b,.preview-row small{display:block}.preview-row small{color:#9db2bd;font-size:.8rem;margin-top:2px}.preview-arrow{margin-left:auto;color:#a4c1c5}.preview-caption{font-size:.77rem;color:#8da7b1;margin:12px 0 0}.home-accounts{padding:30px 0 82px}.home-section-head{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:28px}.home-section-head h2,.home-next h2{font-size:clamp(2rem,3.5vw,3.2rem);max-width:640px;margin-bottom:0}.home-section-head>p{color:#9db2bd;max-width:380px;margin-bottom:0}.home-account-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.home-account-card{display:flex;flex-direction:column;align-items:start;border:1px solid var(--line);border-radius:17px;padding:25px;background:linear-gradient(150deg,#102c29,#0a1922);min-height:235px}.home-account-card:nth-child(2){background:linear-gradient(150deg,#102b39,#0a1922)}.home-card-label{display:flex;align-items:center;gap:12px;color:#a9c4c4;font-size:.68rem;font-weight:800;letter-spacing:.1em}.home-account-card h3{font-size:1.5rem;margin:20px 0 5px}.home-account-card>p{color:#a8bdc7;margin:0 0 20px;max-width:460px}.home-card-link{color:#c7ff9d;font-weight:750;margin-top:auto;min-height:44px;display:flex;align-items:center;gap:12px}.home-account-card:nth-child(2) .home-card-link{color:#a6e8ff}.home-next{padding:35px;border:1px solid #365146;border-radius:18px;background:#10241e;display:flex;align-items:center;justify-content:space-between;gap:24px}.home-next h2{font-size:clamp(1.7rem,3vw,2.6rem)}.home-next p:last-child{color:#b1c4bd;margin:12px 0 0}.home-next-actions{display:flex;flex-wrap:wrap;gap:10px}.home-disclosure{padding:55px 0 65px;color:#a5b9c4;font-size:.9rem}.home-disclosure b{color:#e5f1f5}.home-disclosure p{max-width:880px;margin:9px 0}.home-disclosure a{color:#9cdfff}.home-page a:focus-visible{outline:3px solid var(--cyan);outline-offset:4px}@media(max-width:850px){.home-page .home-hero{grid-template-columns:1fr;gap:38px;min-height:0;padding:60px 0}.home-section-head,.home-next{align-items:start;flex-direction:column}.home-account-grid{grid-template-columns:1fr}}@media(max-width:600px){.home-page .nav-inner{gap:10px}.home-page .home-nav{overflow-x:auto;white-space:nowrap}.home-page .home-nav .nav-cta{display:inline-flex}.home-page .home-hero{padding:48px 0}.home-preview{padding:20px}.home-accounts{padding-bottom:52px}.home-next{padding:24px}.home-next-actions,.home-next-actions .button,.home-intro .hero-actions,.home-intro .hero-actions .button{width:100%}.home-disclosure{padding:40px 0}}

/* Public forex market view */
.home-market { display:grid; grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr); align-items:center; gap:32px; margin-bottom:76px; padding:30px; border:1px solid rgba(151,205,224,.17); border-radius:22px; background:linear-gradient(135deg,#102a29,#0a1b24 70%); }
.home-market-copy h2 { font-size:clamp(2rem,3.3vw,3rem); line-height:1.05; letter-spacing:-.045em; margin:12px 0; }
.home-market-copy > p:not(.eyebrow) { color:#aac0ca; max-width:430px; }
.home-market-copy .home-card-link { margin:8px 0 0; }
.market-widget-card { min-width:0; overflow:hidden; padding:16px; border:1px solid rgba(151,205,224,.14); border-radius:16px; background:#0b1820; }
.market-widget-heading { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:0 3px 12px; color:#eaf6ff; font-size:.79rem; font-weight:800; letter-spacing:.08em; }
.market-widget-heading span:last-child { color:#9db5c0; font-size:.66rem; white-space:nowrap; }
.market-pair-picker { display:flex; align-items:center; justify-content:space-between; gap:16px; margin:0 0 13px; }
.market-pair-picker label { color:#b5cbd1; font-size:.79rem; font-weight:700; }
.market-pair-picker select { max-width:65%; min-width:150px; min-height:44px; padding:0 36px 0 13px; border:1px solid #3b625d; border-radius:9px; color:#effbf4; background:#102b2c; font:inherit; font-size:.87rem; font-weight:700; cursor:pointer; }
.market-pills { display:flex; flex-wrap:wrap; gap:7px; margin:0 0 14px; }
.market-pills button { min-height:40px; padding:8px 12px; border:1px solid #39565b; border-radius:9px; color:#c5d9dc; background:#10242c; font:inherit; font-size:.76rem; font-weight:750; cursor:pointer; }
.market-pills button:hover { border-color:#b8ff5c; color:#f4ffe8; }
.market-pills button[aria-pressed="true"] { border-color:#b8ff5c; color:#dfffbb; background:#294433; }
.market-pair-picker select:focus-visible, .market-pills button:focus-visible { outline:3px solid #b8ff5c; outline-offset:3px; }
.market-sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
.market-frame { width:100%; height:240px; overflow:hidden; border-radius:10px; background:#131722; }
.market-frame iframe { display:block; width:100%; height:100%; border:0; }
.market-credit { padding:12px 4px 0; color:#91aab6; font-size:.76rem; }
.market-credit a { color:#b9e6eb; text-decoration:underline; text-underline-offset:3px; }
.market-note { color:#93aab5 !important; font-size:.8rem; line-height:1.5; }
.market-main { padding-top:75px; padding-bottom:90px; }
.market-head h1 { font-size:clamp(3rem,6vw,5.3rem); margin:12px 0 18px; }
.market-head .lead { max-width:650px; }
.market-layout { display:grid; grid-template-columns:minmax(0,1.5fr) minmax(280px,.8fr); align-items:stretch; gap:18px; margin-top:30px; }
.market-widget-large { padding:22px; }
.market-widget-large .market-frame { height:350px; }
.market-context { padding:26px; border:1px solid var(--line); border-radius:16px; background:linear-gradient(145deg,#102b29,#0a1922); }
.market-context h2 { font-size:1.65rem; letter-spacing:-.035em; margin:10px 0; }
.market-context > p:not(.eyebrow) { color:#abc0c9; }
.market-context-row { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:13px 0; border-top:1px solid var(--line); color:#9db3bd; font-size:.88rem; }
.market-context-row strong { color:#eaf6ff; font-size:.87rem; }
.market-context .market-note { margin:17px 0; }
.market-context .button { width:100%; }
.market-disclaimer { color:#93aab5; font-size:.83rem; margin:20px 0 0; }
@media (max-width:850px) {
  .home-page .nav-inner, .market-page .nav-inner { height:auto; min-height:68px; flex-wrap:wrap; padding:14px 0; gap:12px; }
  .home-page .nav-links, .market-page .nav-links { width:100%; order:2; overflow-x:auto; white-space:nowrap; gap:16px; padding-bottom:4px; }
  .home-page .nav-links .nav-cta, .market-page .nav-links .nav-cta { display:inline-flex; }
  .home-market, .market-layout { grid-template-columns:1fr; }
  .home-market { gap:20px; }
}
@media (max-width:600px) {
  .home-market { padding:20px; margin-bottom:55px; }
  .market-main { padding-top:48px; padding-bottom:65px; }
  .market-widget-card, .market-widget-large { padding:14px; }
  .market-widget-large .market-frame { height:280px; }
  .market-context { padding:21px; }
}

/* FlashPip homepage: sample workspace and paths into the site. */
.home-page .home-hero { grid-template-columns:minmax(0,.93fr) minmax(0,1.07fr); gap:50px; min-height:600px; padding:84px 0 66px; }
.home-intro h1 { font-size:clamp(3.2rem,5.5vw,5.5rem); line-height:.98; letter-spacing:-.06em; }
.home-intro h1 span { display:block; color:var(--lime); }
.home-intro .lead { max-width:480px; }
.home-note { display:flex; flex-wrap:wrap; align-items:center; gap:8px; }
.home-note-dot { width:8px; height:8px; border-radius:50%; background:var(--lime); box-shadow:0 0 12px rgba(184,255,92,.5); }
.home-page .home-preview { min-width:0; padding:19px; border:1px solid rgba(78,209,213,.36); background:linear-gradient(145deg,#0e2d30,#081a24 72%); box-shadow:0 22px 65px rgba(0,0,0,.32),0 0 46px rgba(17,175,162,.06); }
.preview-topline { display:flex; justify-content:space-between; align-items:start; gap:16px; margin-bottom:16px; }
.preview-topline h2 { font-size:1.35rem; letter-spacing:-.035em; margin:4px 0 0; }
.preview-topline .preview-kicker { margin:0; color:#a8c9c8; }
.preview-topline .preview-badge { flex:none; color:#092014; background:var(--lime); border:0; border-radius:6px; font-size:.67rem; }
.preview-chart-layout { display:grid; grid-template-columns:minmax(0,1.5fr) minmax(150px,.8fr); gap:10px; }
.preview-chart-panel,.preview-pairs { min-width:0; border:1px solid rgba(114,179,182,.2); border-radius:12px; background:#081820; }
.preview-chart-panel { overflow:hidden; padding:14px 12px 9px; }
.preview-chart-heading { display:flex; justify-content:space-between; align-items:center; gap:10px; }
.preview-chart-heading strong { font-size:.9rem; }
.preview-chart-heading span { color:#8ca8af; font-size:.59rem; font-weight:800; letter-spacing:.08em; }
.preview-main-chart { display:block; width:100%; height:auto; margin-top:12px; }
.preview-chart-caption { margin:5px 0 0; color:#86a2a9; font-size:.67rem; }
.preview-pairs { padding:13px 11px; }
.preview-pairs>p { margin:0 0 13px; font-size:.76rem; font-weight:800; }
.preview-pairs>p span { color:#91acb1; font-size:.69rem; font-weight:500; }
.preview-pairs>div:not(.preview-pairs-note) { display:flex; justify-content:space-between; align-items:center; gap:8px; padding:11px 9px; margin-bottom:8px; border:1px solid #30565b; border-radius:8px; background:#0d252c; font-size:.72rem; }
.preview-pairs>div:first-of-type { border-color:rgba(184,255,92,.55); }
.preview-pairs small { color:#9db9b9; font-size:.64rem; }
.preview-pairs .preview-pairs-note { color:#8ca5ac; font-size:.68rem; line-height:1.4; margin:15px 3px 0; }
.preview-research { display:flex; align-items:center; gap:12px; margin-top:10px; padding:12px; border:1px solid rgba(114,179,182,.2); border-radius:10px; background:#0a2028; }
.preview-research-icon { display:grid; place-items:center; flex:none; width:40px; height:40px; color:#5fe1dd; border-radius:9px; background:#103b40; font-size:1.5rem; }
.preview-research strong,.preview-research small { display:block; }
.preview-research strong { font-size:.82rem; }
.preview-research strong span,.preview-research small { color:#a1b9bf; font-weight:400; }
.preview-research small { font-size:.72rem; }
.home-preview .preview-caption { margin:10px 0 0; text-align:center; color:#a4b8bc; font-size:.68rem; }
.home-features { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; margin-bottom:75px; }
.home-feature { display:flex; flex-direction:column; align-items:flex-start; min-height:245px; padding:24px; border:1px solid rgba(115,190,198,.25); border-radius:16px; background:linear-gradient(145deg,#102d30,#0a1b24 80%); }
.home-feature-icon,.home-reviews-icon { display:grid; place-items:center; width:43px; height:43px; border:1px solid rgba(184,255,92,.55); border-radius:10px; color:var(--lime); background:rgba(184,255,92,.06); }
.home-feature-icon svg,.home-reviews-icon svg { width:23px; height:23px; fill:none; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; }
.home-feature h2 { margin:20px 0 9px; font-size:1.35rem; line-height:1.12; letter-spacing:-.035em; }
.home-feature p { color:#adc3cb; font-size:.91rem; margin:0 0 12px; }
.home-feature .home-card-link { font-size:.86rem; }
.home-page #market-watch { scroll-margin-top:95px; }
.home-reviews { display:flex; align-items:center; gap:20px; margin-bottom:42px; padding:24px 26px; border:1px solid rgba(98,200,211,.3); border-radius:16px; background:linear-gradient(120deg,#0e3038,#0a2029 70%,#0b2727); }
.home-reviews-icon { width:52px; height:52px; flex:none; color:#91eeed; border-color:rgba(145,238,237,.45); background:rgba(85,210,215,.07); }
.home-reviews .eyebrow { margin:0 0 5px; font-size:.67rem; }
.home-reviews h2 { margin:0 0 4px; font-size:1.45rem; }
.home-reviews p:last-child { margin:0; color:#abc2c9; font-size:.9rem; }
.home-reviews>a { margin-left:auto; color:#caffad; font-weight:750; font-size:.88rem; white-space:nowrap; }
@media(max-width:850px) {
  .home-page .home-hero { grid-template-columns:1fr; gap:34px; min-height:0; padding:62px 0 48px; }
  .home-page .home-preview { max-width:680px; width:100%; }
  .home-features { grid-template-columns:1fr; margin-bottom:55px; }
  .home-feature { min-height:0; }
}
@media(max-width:600px) {
  .home-page .home-hero { padding:48px 0 40px; }
  .home-intro h1 { font-size:clamp(2.9rem,11vw,4.1rem); }
  .home-page .home-preview { padding:14px; }
  .preview-chart-layout { grid-template-columns:1fr; }
  .preview-pairs { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:6px; }
  .preview-pairs>p { grid-column:1 / -1; margin-bottom:2px; }
  .preview-pairs>div:not(.preview-pairs-note) { flex-direction:column; align-items:start; gap:2px; margin:0; padding:9px 7px; }
  .preview-pairs .preview-pairs-note { grid-column:1 / -1; margin:4px 2px 0; }
  .home-reviews { flex-wrap:wrap; padding:20px; }
  .home-reviews>a { width:100%; margin-left:72px; }
}

/* Live forex chart in the homepage market overview. */
.preview-topline .live-forex-badge { display:flex; align-items:center; gap:5px; color:#c8ff9e; background:#163c2d; border:1px solid #4a8060; }
.live-forex-badge span { color:var(--lime); font-size:.65rem; }
.live-chart-panel { min-width:0; padding:12px; border:1px solid rgba(114,179,182,.2); border-radius:12px; background:#081820; }
.home-live-frame { width:100%; height:250px; margin-top:10px; overflow:hidden; border-radius:8px; background:#131722; }
.home-live-frame iframe { display:block; width:100%; height:100%; border:0; }
.home-live-credit { padding:8px 1px 0; color:#9ab1b7; font-size:.68rem; }
.home-live-credit a { color:#b9e6eb; text-decoration:underline; text-underline-offset:3px; }
.live-pairs>button { display:flex; flex-direction:column; align-items:start; width:100%; min-height:57px; padding:8px 9px; margin-bottom:8px; border:1px solid #30565b; border-radius:8px; color:#eaf6ff; background:#0d252c; text-align:left; cursor:pointer; }
.live-pairs>button:hover,.live-pairs>button[aria-pressed="true"] { border-color:rgba(184,255,92,.8); background:#17352c; }
.live-pairs>button strong { font-size:.76rem; }
.live-pairs>button small { color:#a3c1c0; font-size:.62rem; line-height:1.3; }
.live-pairs>a { display:inline-block; padding:4px 2px; color:#c7ff9d; font-size:.71rem; font-weight:750; }
.live-switch-row { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-top:12px; }
.live-switch-row p { margin:0; color:#9bb4ba; font-size:.72rem; }
.live-switch-row button { flex:none; padding:7px 9px; border:1px solid #365e60; border-radius:8px; color:#d1e7e2; background:#102c30; font-size:.7rem; font-weight:750; cursor:pointer; }
.live-switch-row button[aria-pressed="true"] { border-color:#6c9d70; color:#d9ffba; }
.live-pairs button:focus-visible,.live-switch-row button:focus-visible { outline:3px solid var(--lime); outline-offset:2px; }
.home-live-notice { margin:9px 0 0; color:#91a9b1; font-size:.67rem; line-height:1.45; }
@media(max-width:600px) {
  .home-live-frame { height:250px; }
  .live-pairs>button { min-width:0; min-height:46px; margin:0; justify-content:center; padding:8px 6px; }
  .live-pairs>button strong { font-size:.7rem; }
  .live-pairs>button small { display:none; }
  .live-pairs>a { grid-column:1 / -1; }
}
.platform-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin: 24px 0; }
.platform-card { min-width: 0; padding: 22px; border: 1px solid var(--line); border-radius: 14px; background: linear-gradient(150deg, rgba(16,38,48,.92), rgba(8,23,31,.9)); }
.platform-card h4 { margin: 12px 0 6px; color: var(--ink); font-size: 1.08rem; }
.platform-card p { margin: 0; color: #a8bdc7; font-size: .9rem; }
.platform-status { color: var(--lime); font-size: .65rem; font-weight: 800; letter-spacing: .1em; }
.platform-status.planned { color: #98dbe9; }
.home-platforms { display: flex; align-items: end; justify-content: space-between; gap: 24px; margin-top: 16px; padding: 26px; border: 1px solid var(--line); border-radius: 17px; background: linear-gradient(130deg, #102b28, #0b1c25); }
.home-platforms .eyebrow { margin: 0 0 10px; }
.home-platforms h3 { margin: 0 0 8px; font-size: 1.4rem; }
.home-platforms p:not(.eyebrow) { max-width: 750px; margin: 0; color: #b0c6cf; }
.home-platforms p.home-platform-note { margin-top: 10px; color: #8ea7b8; font-size: .85rem; }
.home-platforms .home-card-link { flex: none; }
@media (max-width: 700px) { .platform-grid { grid-template-columns: 1fr; } .home-platforms { align-items: start; flex-direction: column; padding: 22px; } }
.home-accounts { scroll-margin-top: 92px; }
.home-about-head { align-items: start; gap: clamp(30px, 6vw, 80px); }
.home-about-head > div { flex: 1; }
.home-about-copy { max-width: 610px; color: #b6c9d4; font-size: 1rem; line-height: 1.7; }
.home-about-copy p { margin: 0 0 16px; }
.home-about-copy p.home-about-risk { margin: 0; color: #8ea7b8; font-size: .84rem; }
.home-about-approach { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); margin: 38px 0 42px; border-block: 1px solid var(--line); }
.home-about-approach article { display: flex; align-items: start; gap: 14px; padding: 24px 20px 24px 0; }
.home-about-approach article + article { padding-left: 20px; border-left: 1px solid var(--line); }
.home-about-approach article > span { color: var(--lime); font-size: .7rem; font-weight: 800; letter-spacing: .1em; }
.home-about-approach h3 { margin: 0 0 5px; font-size: .98rem; }
.home-about-approach p { margin: 0; color: #9db2bd; font-size: .87rem; }
.home-examples-heading { margin-bottom: 20px; }
.home-examples-heading .eyebrow { margin: 0 0 7px; }
.home-examples-heading h3 { margin: 0 0 5px; font-size: 1.35rem; }
.home-examples-heading > p:last-child { margin: 0; color: #9db2bd; font-size: .92rem; }
@media (max-width: 850px) { .home-about-approach { grid-template-columns: 1fr; margin: 30px 0 34px; } .home-about-approach article { padding: 18px 0; } .home-about-approach article + article { padding-left: 0; border-left: 0; border-top: 1px solid var(--line); } }