.hero{position:relative;z-index:1;overflow-x:clip;max-width:100%;padding-top:60px;padding-bottom:64px;background:linear-gradient(180deg,var(--hero-top),var(--hero-bottom))}
.hero-grid{display:grid;grid-template-columns:minmax(0,1fr) 620px;gap:56px;align-items:center}
.copy{position:relative;z-index:2;min-width:0}
.h1{margin:24px 0 28px;font-family:var(--font-display);font-weight:var(--weight-display);font-size:clamp(52px,4.42vw,64px);line-height:1.1;letter-spacing:-.02em}
.h1-l1,.h1-l2{display:block}
.lede{margin-top:24px;max-width:37em;font-size:17px;line-height:1.7;color:var(--text-muted)}
.lede strong{color:var(--text);font-weight:var(--weight-bold)}
.trust{margin-top:24px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.trust li{display:flex;align-items:center;gap:8px;min-height:36px;padding:6px 12px;border-radius:var(--r-row);background:var(--panel-a);box-shadow:inset 0 0 0 1px var(--line-soft);font-size:var(--text-sm);font-weight:var(--weight-medium)}
.ti{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:var(--r-circle);background:var(--accent-soft);color:var(--accent-dark);flex:none}
.rail{margin-top:24px;padding:4px 16px;border-radius:var(--r-card-sm);background:var(--groove-a);box-shadow:inset 0 1px 2px var(--inset-shade)}
.rail-row{display:flex;align-items:center;gap:16px;min-height:40px;padding:6px 0}
.rail-row+.rail-row{border-top:1px solid var(--line-soft)}
.rail-k{flex:none;width:64px;font-family:var(--font-mono);font-size:11px;font-weight:var(--weight-medium);letter-spacing:.06em;color:var(--text-muted)}
.rail-v{display:flex;flex-wrap:wrap;align-items:center;gap:8px 18px;min-width:0}
.rail-v li{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:var(--weight-medium)}
.rail-v svg{display:block;width:18px;height:18px;flex:none}
.flag-ic{border-radius:var(--r-tiny);box-shadow:0 1px 2px var(--inset-shade)}
.fr{fill:var(--flag-red)}.fw{fill:var(--flag-white)}.fb{fill:var(--flag-blue)}
.fe{fill:none;stroke:var(--flag-edge);stroke-width:1.4}
.device{--s:1;position:relative;z-index:1;width:calc(620px * var(--s));height:calc(604px * var(--s));justify-self:end;max-width:100%}
.rig{position:absolute;left:0;top:0;width:620px;height:604px;transform:scale(var(--s));transform-origin:0 0}
.glow{position:absolute;left:250px;top:-40px;width:370px;height:340px;border-radius:var(--r-circle);background:radial-gradient(closest-side at 60% 46%,var(--violet-glow),var(--mist-glow) 52%,var(--clear))}
.dots{position:absolute;left:-12px;top:236px;width:500px;height:368px;background-image:radial-gradient(circle,var(--coral) 0 1px,var(--clear) 1.4px);background-size:7px 7px;opacity:.35;-webkit-mask-image:radial-gradient(ellipse 38% 34% at 34% 62%,var(--text) 38%,var(--clear) 100%),radial-gradient(ellipse 30% 26% at 68% 44%,var(--text) 30%,var(--clear) 100%),radial-gradient(ellipse 22% 20% at 16% 30%,var(--text) 26%,var(--clear) 100%),radial-gradient(ellipse 28% 18% at 60% 84%,var(--text) 28%,var(--clear) 100%);mask-image:radial-gradient(ellipse 38% 34% at 34% 62%,var(--text) 38%,var(--clear) 100%),radial-gradient(ellipse 30% 26% at 68% 44%,var(--text) 30%,var(--clear) 100%),radial-gradient(ellipse 22% 20% at 16% 30%,var(--text) 26%,var(--clear) 100%),radial-gradient(ellipse 28% 18% at 60% 84%,var(--text) 28%,var(--clear) 100%);animation:breathe 7s ease-in-out infinite}
.px{position:absolute;width:28px;height:28px;border-radius:var(--r-tiny)}
.px-m{background:var(--mint-a)}.px-v{background:var(--mist-a)}.px-l{background:var(--mint-a2)}
.p1{left:4px;top:132px}.p2{left:32px;top:104px}.p3{left:32px;top:160px}.p4{left:4px;top:188px}
.p5{left:560px;top:372px}.p6{left:588px;top:400px}.p7{left:560px;top:428px}.p8{left:588px;top:456px}
.p9{left:420px;top:24px}.p10{left:438px;top:52px}
.mobi-wrap{position:absolute;left:466px;top:16px;width:154px;height:336px;z-index:2;animation:bob 8s ease-in-out -3s infinite}
.mobi{position:relative;height:100%;display:flex;flex-direction:column;align-items:center;padding:30px 12px 18px 46px;border-radius:30px;background:var(--glass);-webkit-backdrop-filter:blur(14px) saturate(1.2);backdrop-filter:blur(14px) saturate(1.2);box-shadow:inset 0 0 0 1px var(--hi-edge),var(--shadow-float)}
.m-notch{position:absolute;top:10px;left:50%;width:44px;height:12px;margin-left:-22px;border-radius:var(--r-pill);background:var(--text)}
.m-head{width:100%;display:flex;align-items:center;justify-content:space-between}
.m-brand{font-family:var(--font-display);font-weight:var(--weight-heavy);font-size:11px;letter-spacing:-.01em}
.m-menu{display:flex;flex-direction:column;gap:2px}
.m-menu i{display:block;width:10px;height:2px;border-radius:var(--r-tiny);background:var(--text-muted)}
.m-route{width:100%;margin-top:6px;font-family:var(--font-mono);font-size:10px;color:var(--text-muted)}
.m-btn{position:relative;width:96px;height:96px;margin-top:16px;flex:none}
.m-halo{position:absolute;inset:0;border-radius:var(--r-circle);background:var(--accent-tint);box-shadow:inset 0 0 0 1px var(--accent-line)}
.m-core{position:absolute;inset:11px;display:flex;align-items:center;justify-content:center;border-radius:var(--r-circle);background:linear-gradient(145deg,var(--accent),var(--accent-dark));color:var(--on-accent);box-shadow:var(--shadow-cta)}
.m-cap{margin-top:12px;font-size:var(--text-xs);font-weight:var(--weight-heavy)}
.m-state{display:flex;align-items:center;gap:5px;margin-top:2px;font-family:var(--font-mono);font-size:10px;color:var(--accent-dark)}
.m-state i{width:6px;height:6px;border-radius:var(--r-circle);background:var(--accent)}
.m-quota{width:100%;margin-top:auto}
.m-qlabel{display:block;font-size:10px;font-weight:var(--weight-medium);color:var(--text-muted)}
.m-bar{display:block;height:8px;margin-top:6px;border-radius:var(--r-pill);background:var(--bg-panel-2);overflow:hidden}
.m-fill{display:block;width:64%;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent),var(--violet))}
.win-wrap{position:absolute;left:40px;top:92px;width:468px;height:372px;z-index:3;animation:bob 7s ease-in-out infinite}
.win{position:relative;height:100%;display:flex;flex-direction:column;border-radius:var(--r-card);background:var(--bg-panel);border:1px solid var(--line-soft);box-shadow:var(--shadow-card);overflow:hidden}
.win::after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1px var(--hi-edge);pointer-events:none}
.win-bar{flex:none;height:44px;display:flex;align-items:center;gap:14px;padding:0 16px;background:linear-gradient(180deg,var(--hero-top),var(--bg-panel));border-bottom:1px solid var(--line-soft)}
.tl{display:flex;gap:6px}.tl i{width:10px;height:10px;border-radius:var(--r-circle)}
.tl i:nth-child(1){background:var(--error)}.tl i:nth-child(2){background:var(--warn)}.tl i:nth-child(3){background:var(--success)}
.win-title{display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:var(--weight-bold)}
.win-tool{margin-left:auto;color:var(--text-muted)}
.win-body{flex:1;display:grid;grid-template-columns:224px minmax(0,1fr);gap:16px;padding:16px 20px 0}
.kick{font-family:var(--font-mono);font-size:10.5px;font-weight:var(--weight-medium);letter-spacing:.06em;color:var(--text-muted)}
.lines{margin-top:8px;display:flex;flex-direction:column;gap:6px}
.ln{display:flex;align-items:center;gap:8px;height:38px;padding:0 10px;border-radius:var(--r-row);background:var(--bg);font-size:13px;font-weight:var(--weight-medium)}
.ln svg{display:block;flex:none;border-radius:var(--r-tiny)}
.ln.on{background:var(--bg-panel);box-shadow:inset 0 0 0 1.5px var(--accent),0 8px 18px -10px var(--accent-line)}
.tag{display:inline-block;flex:none;padding:3px 7px;border-radius:var(--r-pill);font-family:var(--font-mono);font-size:10.5px;font-weight:var(--weight-medium);line-height:1.3;white-space:nowrap;max-width:100%;overflow:hidden}
.tag-iepl{background:var(--accent-soft);color:var(--accent-dark)}
.tag-relay{background:var(--bg-panel-2);color:var(--text-muted)}
.tag-direct{box-shadow:inset 0 0 0 1px var(--border);color:var(--text-muted)}
.st{margin-left:auto;display:inline-flex;align-items:center;gap:5px;font-size:11.5px;font-weight:var(--weight-bold);color:var(--accent-dark);white-space:nowrap}
.st i{width:7px;height:7px;border-radius:var(--r-circle);background:var(--accent);flex:none}
.col-det{display:flex;flex-direction:column;gap:14px;min-width:0}
.det-v{display:flex;align-items:center;gap:7px;margin-top:4px;font-size:13.5px;font-weight:var(--weight-bold);white-space:nowrap}
.det-v svg{display:block;flex:none;border-radius:var(--r-tiny)}
.det-v-sm{font-size:13px;font-weight:var(--weight-medium)}
.det-v-sm svg{color:var(--accent-dark)}
.chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}
.chip{display:inline-block;padding:4px 7px;border-radius:var(--r-small);font-family:var(--font-mono);font-size:10.5px;font-weight:var(--weight-medium);line-height:1.3;color:var(--text-muted);background:var(--bg);box-shadow:inset 0 0 0 1px var(--line-soft);max-width:100%;overflow:hidden}
.chip.on{background:var(--accent);color:var(--on-accent);box-shadow:none}
.tog{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:var(--r-inner);background:var(--bg)}
.tog-ic{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--r-circle);background:var(--accent-soft);color:var(--accent-dark);flex:none}
.tog-tx{display:flex;flex-direction:column;line-height:1.3}
.tog-tx b{font-size:12.5px;font-weight:var(--weight-heavy)}
.tog-tx small{font-size:11px;font-weight:var(--weight-medium);color:var(--accent-dark)}
.sw{position:relative;margin-left:auto;width:34px;height:20px;border-radius:var(--r-pill);background:var(--accent);flex:none}
.sw i{position:absolute;top:3px;right:3px;width:14px;height:14px;border-radius:var(--r-circle);background:var(--bg-panel);box-shadow:0 1px 3px var(--ink-a)}
.win-foot{flex:none;height:60px;display:flex;align-items:center;justify-content:flex-end;padding:0 20px;border-top:1px solid var(--line-soft);background:linear-gradient(180deg,var(--bg-panel),var(--hero-top))}
.fact-pill{display:inline-flex;align-items:center;gap:8px;min-height:28px;padding:4px 12px;border-radius:var(--r-pill);background:var(--text);color:var(--bg-panel);font-family:var(--font-mono);font-size:11.5px;font-weight:var(--weight-medium)}
.fact-pill i{width:6px;height:6px;border-radius:var(--r-circle);background:var(--accent);flex:none}
.plat-cap{position:absolute;left:190px;top:-30px;z-index:2;height:36px;display:flex;align-items:center;gap:12px;padding:0 14px;border-radius:var(--r-pill);background:var(--bg-panel);border:1px solid var(--hi-edge);box-shadow:var(--shadow-soft)}
.plat-cap svg{width:16px;height:16px}
.session-wrap{position:absolute;left:0;top:390px;width:304px;z-index:4;animation:bob 6s ease-in-out -2s infinite}
.session{padding:16px;border-radius:var(--r-card-sm);background:var(--bg-panel);box-shadow:var(--shadow-float);border:1px solid var(--hi-edge)}
.session-title{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:var(--weight-heavy);margin-bottom:10px}
.session-title svg{color:var(--accent)}
.session-in{padding:12px;border-radius:var(--r-row);border:1px solid var(--accent-line);font-size:12px;line-height:1.65}
.session-in p+p{margin-top:8px;color:var(--text-muted)}
.session-save{display:inline-flex;align-items:center;justify-content:center;margin-top:10px;padding:4px 12px;min-height:28px;border-radius:var(--r-small);background:var(--accent);color:var(--on-accent);font-size:11px;font-weight:var(--weight-bold)}
.refund-float{position:absolute;left:346px;top:494px;z-index:4;display:flex;align-items:center;gap:8px;padding:10px 16px;border-radius:var(--r-pill);background:var(--bg-panel);box-shadow:var(--shadow-float);font-size:13px;font-weight:var(--weight-bold)}
.refund-float svg{color:var(--accent-dark)}
.section-head{margin-bottom:32px;max-width:800px}
.section-head p{color:var(--text-muted)}
.card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.card-grid>*{min-width:0}
.feature-grid{display:grid;grid-template-columns:5fr 4fr 3fr;gap:24px;padding-top:36px;padding-bottom:48px;align-items:start}
.feature-card{--zone:var(--accent);--zone-end:var(--accent-dark);position:relative;min-width:0;padding:56px 24px 24px;border-radius:var(--r-card);background:var(--bg-panel);border:1px solid var(--hi-edge);box-shadow:var(--shadow-soft);transition:transform .2s,box-shadow .2s}
.feature-card:nth-child(2){--zone:var(--coral);--zone-end:var(--error);margin-top:24px;box-shadow:var(--shadow-coral)}
.feature-card:nth-child(3){--zone:var(--violet);--zone-end:var(--text);margin-top:48px;box-shadow:var(--shadow-violet)}
.feature-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-float)}
.feature-icon{position:absolute;top:-36px;left:24px;width:72px;height:72px;display:flex;align-items:center;justify-content:center;border-radius:var(--r-circle);background:var(--zone);color:var(--on-accent);box-shadow:var(--shadow-soft)}
.feature-icon svg{width:32px;height:32px}
.feature-card h3{background:linear-gradient(100deg,var(--zone),var(--zone-end));background-clip:text;-webkit-background-clip:text;color:var(--clear)}
.feature-card p{font-size:var(--text-sm);color:var(--text-muted)}
.feature-card p+h3{margin-top:24px}
.feature-card>a{display:inline-flex;align-items:center;min-height:32px;margin-top:24px;color:var(--zone-end);font-weight:var(--weight-bold)}
.tabs{min-width:0}
[role="tablist"]{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:8px;border-radius:var(--r-inner);background:var(--bg-panel-2);width:fit-content;max-width:100%;margin-bottom:24px}
[role="tab"]{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 20px;border-radius:var(--r-btn);font-weight:var(--weight-bold);color:var(--text-muted)}
[role="tab"][aria-selected="true"]{background:var(--bg-panel);color:var(--accent-dark);box-shadow:var(--shadow-soft)}
[role="tabpanel"]{min-width:0}
.toc-tabs{position:sticky;top:12px;z-index:25;display:flex;gap:8px;overflow-x:auto;max-width:100%;padding:8px;border:1px solid var(--border);border-radius:var(--r-inner);background:var(--bg-panel);box-shadow:var(--shadow-soft);margin-bottom:32px}
.toc-tabs a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;flex-shrink:0;padding:8px 16px;border-radius:var(--r-btn);font-size:var(--text-sm);font-weight:var(--weight-bold);white-space:nowrap}
.toc-tabs a.is-current{background:var(--accent-soft);color:var(--accent-dark)}
.toc-tabs.is-static{position:static}
.faq-item{background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--r-inner);margin-bottom:12px}
.faq-item summary{position:relative;list-style:none;cursor:pointer;padding:20px 52px 20px 24px;font-weight:var(--weight-bold);min-height:56px}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary::after{content:"+";position:absolute;right:24px;top:18px;font-size:20px;color:var(--accent-dark)}
.faq-item[open] summary::after{content:"−"}
.faq-answer{padding:0 24px 24px;color:var(--text-muted)}
.plan-card{position:relative;display:flex;flex-direction:column;min-width:0;padding:32px;border-radius:var(--r-card);background:var(--bg-panel);border:1px solid var(--border);box-shadow:var(--shadow-soft)}
.plan-card.is-current{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent),var(--shadow-card)}
.plan-badge{position:absolute;top:-14px;right:24px;display:inline-flex;align-items:center;min-height:28px;padding:4px 12px;border-radius:var(--r-pill);background:var(--accent-dark);color:var(--on-accent);font-size:var(--text-xs);font-weight:var(--weight-bold)}
.plan-cycle{font-size:var(--text-sm);font-weight:var(--weight-bold);color:var(--text-muted)}
.plan-price{font-family:var(--font-display);font-size:40px;font-weight:var(--weight-heavy);line-height:1.2;margin-block:16px}
.plan-price small{font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text-muted)}
.plan-facts{display:grid;gap:12px;margin-block:24px;color:var(--text-muted);font-size:var(--text-sm)}
.plan-facts li{display:flex;gap:8px}
.plan-facts li::before{content:"✓";color:var(--accent-dark);flex-shrink:0}
.plan-card .btn{margin-top:auto;width:100%}
.table-scroll{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid var(--border);border-radius:var(--r-card-sm);background:var(--bg-panel)}
.data-table,.route-table{width:100%;min-width:680px;border-collapse:collapse;text-align:left;font-size:var(--text-sm)}
.data-table caption,.route-table caption{text-align:left;padding:20px 24px;font-weight:var(--weight-bold);color:var(--text)}
.data-table th,.route-table th{background:var(--bg-panel-2);color:var(--text);font-weight:var(--weight-bold);white-space:nowrap}
.data-table th,.data-table td,.route-table th,.route-table td{padding:16px 24px;border-bottom:1px solid var(--border);word-break:keep-all}
.data-table td:first-child,.route-table td:first-child{color:var(--text);font-weight:var(--weight-medium)}
.route-group th{background:var(--accent-soft);color:var(--accent-dark)}
.prose>.data-table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%;min-width:0}
.client-frame{padding:32px;border-radius:var(--r-card);background:linear-gradient(135deg,var(--violet-soft),var(--violet-glow),var(--coral-soft));border:1px solid var(--hi-edge);box-shadow:var(--shadow-violet)}
.platform-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.platform-card{display:flex;flex-direction:column;gap:16px;min-width:0;padding:24px;border-radius:var(--r-card-sm);background:var(--bg-panel);box-shadow:inset 0 0 0 1px var(--hi-edge),var(--shadow-soft)}
.platform-card h3{margin:0;font-size:20px}
.platform-icon{display:flex;align-items:center;gap:10px;font-weight:var(--weight-bold)}
.platform-icon svg{width:24px;height:24px}
.platform-screen{display:grid;gap:12px;padding:16px;border-radius:var(--r-inner);background:var(--bg);min-height:128px}
.screen-chrome{display:flex;gap:4px}
.screen-chrome i{width:6px;height:6px;border-radius:var(--r-circle);background:var(--border)}
.screen-line{height:8px;border-radius:var(--r-pill);background:var(--bg-panel-2)}
.screen-line.short{width:65%;background:var(--accent-soft)}
.client-link{display:inline-flex;align-items:center;min-height:32px;color:var(--violet);font-weight:var(--weight-bold);margin-top:auto}
.platform-note{margin-top:24px;font-size:var(--text-sm);color:var(--text-muted)}
.article-card{min-width:0;display:flex;flex-direction:column;padding:24px;background:var(--bg-panel);border:1px solid var(--hi-edge);border-radius:var(--r-card);box-shadow:var(--shadow-soft)}
.article-meta{font-size:var(--text-xs);color:var(--text-muted);margin-bottom:16px}
.article-card h3{font-size:22px}
.article-card p{color:var(--text-muted);font-size:var(--text-sm);margin-bottom:24px}
.article-card>a:last-child{margin-top:auto;min-height:32px;display:inline-flex;align-items:center;color:var(--accent-dark);font-weight:var(--weight-bold)}
.callout{margin:24px 0;padding:24px;border-left:4px solid var(--accent);border-radius:0 var(--r-inner) var(--r-inner) 0;background:var(--accent-soft);color:var(--accent-dark)}
.promo-block{position:relative;overflow-x:clip;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:24px;padding:32px;border-radius:var(--r-card);background:linear-gradient(115deg,var(--accent-soft),var(--violet-soft));border:1px solid var(--hi-edge);box-shadow:var(--shadow-soft)}
.promo-block p{margin-top:8px;max-width:42em;color:var(--text-muted)}
.promo-block .btn{flex-shrink:0;white-space:nowrap}
.promo-brand{font-size:24px;font-weight:var(--weight-heavy)}
.float-cta{position:fixed;right:24px;bottom:calc(24px + env(safe-area-inset-bottom,0px));z-index:40;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:12px 22px;border-radius:var(--r-pill);background:var(--accent-dark);color:var(--on-accent);box-shadow:var(--shadow-cta);font-weight:var(--weight-bold);white-space:nowrap}
.float-cta svg{width:20px;height:20px}
body:has(.float-cta)::after{content:"";display:block;height:calc(88px + env(safe-area-inset-bottom,0px))}
.stats-band{display:flex;flex-wrap:wrap;gap:24px 48px;padding-block:24px;border-block:1px solid var(--border)}
.stat{font-family:var(--font-mono);font-weight:var(--weight-bold)}
.counter-value,[data-counter]{display:inline-block;min-width:3ch;font-variant-numeric:tabular-nums;font-family:var(--font-mono)}
.ticker{overflow:hidden;max-width:100%;padding-block:16px;background:var(--bg-panel-2)}
.ticker-track{display:flex;width:max-content;will-change:transform}
.ticker-group{display:flex;align-items:center;gap:40px;flex-shrink:0;padding-inline:20px}
.ticker-group span{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--text-muted);white-space:nowrap}
.preview-stack{display:grid;gap:32px}
.preview-swatches{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:16px}
.swatch{padding:16px;min-height:96px;border:1px solid var(--border);border-radius:var(--r-inner);font-family:var(--font-mono);font-size:var(--text-xs)}
.sw-bg{background:var(--bg)}.sw-panel{background:var(--bg-panel)}.sw-groove{background:var(--bg-panel-2)}.sw-border{background:var(--border)}
.sw-accent{background:var(--accent);color:var(--text)}.sw-dark{background:var(--accent-dark);color:var(--on-accent)}
.sw-text{background:var(--text);color:var(--on-accent)}.sw-muted{background:var(--text-muted);color:var(--on-accent)}
.sw-success{background:var(--success);color:var(--text)}.sw-warn{background:var(--warn);color:var(--text)}.sw-error{background:var(--error);color:var(--on-accent)}
.sw-coral{background:var(--coral);color:var(--text)}.sw-violet{background:var(--violet);color:var(--on-accent)}
.sw-top{background:var(--hero-top)}.sw-bottom{background:var(--hero-bottom)}.sw-mint{background:var(--accent-soft)}
.sw-coral-soft{background:var(--coral-soft)}.sw-violet-soft{background:var(--violet-soft)}
.token-ledger{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:8px;font-size:var(--text-xs);font-family:var(--font-mono);color:var(--text-muted)}
.type-display{font-family:var(--font-display);font-size:40px;font-weight:var(--weight-display);line-height:1.2}
.type-lead{font-size:var(--text-lead);color:var(--text-muted)}
.preview-row{display:flex;flex-wrap:wrap;align-items:center;gap:16px}
.blog-band{padding-top:48px;padding-bottom:48px;border-block:1px solid var(--border);background:var(--bg-panel-2)}
@media(max-width:1430px){
  .hero-grid{grid-template-columns:minmax(0,1fr) 540px;gap:32px}
  .device{--s:.87}
}
@media(max-width:1250px){
  .hero-grid{grid-template-columns:minmax(0,1fr) 496px;gap:24px}
  .device{--s:.8}
  .trust{grid-template-columns:repeat(2,minmax(0,1fr))}
  .rail-k{width:auto}
  .rail-row{gap:12px}
  .rail-v{gap:8px 12px}
}
@media(max-width:1050px){
  .hero-grid{grid-template-columns:minmax(0,1fr) 434px}
  .device{--s:.7}
  .h1{font-size:52px}
  .platform-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .feature-grid{gap:16px}
  .feature-card{padding-inline:20px}
  .plan-card{padding:24px}
}
@media(max-width:900px){
  .hero-grid{grid-template-columns:minmax(0,1fr)}
  .device{--s:.9;justify-self:center;margin-top:24px}
  .copy{max-width:680px}
  .trust{grid-template-columns:repeat(3,minmax(0,1fr))}
  .card-grid{grid-template-columns:1fr}
}
@media(max-width:768px){
  .hero{padding-top:40px;padding-bottom:40px}
  .h1{font-size:40px;line-height:1.15}
  .feature-grid{grid-template-columns:1fr;gap:64px;padding-bottom:0}
  .feature-card:nth-child(2),.feature-card:nth-child(3){margin-top:0}
  .feature-icon{left:24px}
  .feature-card{padding-inline:24px}
  .client-frame{padding:24px}
}
@media(max-width:640px){
  .hero,.promo-block{max-width:100%;overflow-x:clip}
  .hero-grid{gap:0}
  .device{--s:.55;margin-top:32px}
  .h1{font-size:clamp(28px,8vw,40px);margin-top:20px}
  .lede{font-size:var(--text-base)}
  .trust{grid-template-columns:repeat(2,minmax(0,1fr))}
  .trust li{font-size:var(--text-xs);padding-inline:8px}
  .rail{padding-inline:12px}
  .rail-row{align-items:flex-start}
  .rail-k{padding-top:3px;font-size:10px}
  .rail-v li{font-size:11px}
  .rail-v{gap:8px 10px}
  .platform-grid{grid-template-columns:1fr}
  .client-frame,.plan-card{padding:24px}
  .float-cta{right:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px));min-height:48px}
  .promo-block{padding:24px}
  .type-display{font-size:32px}
}
@media(max-width:370px){.device{--s:.46}}
@media(prefers-reduced-motion:reduce){
  .ticker-track{width:100%;flex-wrap:wrap;transform:none!important;will-change:auto}
  .ticker-group{flex-wrap:wrap;gap:16px;padding:8px 16px}
  .ticker-group[data-ticker-copy]{display:none}
}