.hero{position:relative;isolation:isolate;overflow-x:clip;max-width:100%;padding-top:24px;padding-bottom:72px}
.aura{position:absolute;inset:0 0 auto;height:50%;z-index:-1;pointer-events:none;-webkit-mask-image:linear-gradient(to bottom,var(--text) 0,var(--text) 34%,var(--clear) 100%);mask-image:linear-gradient(to bottom,var(--text) 0,var(--text) 34%,var(--clear) 100%)}
.aura::before{content:"";position:absolute;inset:0;background:linear-gradient(100deg,var(--apricot) 0%,var(--mauve) 50%,var(--sky) 100%);opacity:.5}
.blob{position:absolute;border-radius:var(--r-round);opacity:.9;will-change:transform}
.blob-a{left:-10%;top:-38%;width:50%;aspect-ratio:1.4;background:radial-gradient(closest-side,var(--apricot),var(--clear));animation:drift-a 26s ease-in-out infinite alternate}
.blob-b{left:36%;top:-58%;width:38%;aspect-ratio:1.3;background:radial-gradient(closest-side,var(--mauve),var(--clear));animation:drift-b 31s ease-in-out infinite alternate}
.blob-c{right:-12%;top:-34%;width:52%;aspect-ratio:1.5;background:radial-gradient(closest-side,var(--sky),var(--clear));animation:drift-c 28s ease-in-out infinite alternate}
@keyframes drift-a{to{transform:translate3d(4%,6%,0) scale(1.06)}}
@keyframes drift-b{to{transform:translate3d(-6%,8%,0) scale(1.08)}}
@keyframes drift-c{to{transform:translate3d(-4%,5%,0) scale(1.05)}}
.hero-inner{position:relative;z-index:2;text-align:center}
.badge{display:inline-flex;align-items:center;gap:10px;min-height:28px;max-width:100%;padding:2px 14px 2px 4px;border-radius:var(--r-pill);background:var(--glass);border:1px solid var(--hi-white);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:13px;font-weight:var(--weight-medium);color:var(--text);overflow-wrap:anywhere}
.tok{display:inline-flex;align-items:center;flex-shrink:0;height:20px;padding:0 8px;border-radius:var(--r-pill);background:var(--accent-soft);color:var(--accent);font-family:var(--font-mono);font-size:12px;font-weight:var(--weight-semibold);letter-spacing:0}
.tok i,.sig{font-style:normal;color:var(--orange)}
.grad{background:linear-gradient(90deg,var(--accent) 0%,var(--accent) 34%,var(--orange) 100%);-webkit-background-clip:text;background-clip:text;color:var(--clear);-webkit-text-fill-color:var(--clear)}
.lede{max-width:900px;margin:0 auto 22px;font-size:20px;line-height:1.5;color:var(--muted)}
.lede strong{color:var(--text);font-weight:var(--weight-bold)}
.trust{display:flex;justify-content:center;flex-wrap:wrap;gap:6px 22px;margin:16px 0 0;padding:0;list-style:none;font-size:13.5px;line-height:20px;color:var(--muted)}
.trust li{display:inline-flex;align-items:center;gap:6px}
.trust svg{color:var(--accent);flex-shrink:0}
.cmd{display:flex;align-items:center;width:70%;max-width:860px;min-height:56px;margin:20px auto 0;padding:0 9px 0 20px;border-radius:var(--r-sm);background:var(--panel);border:1px solid var(--float-line);box-shadow:0 22px 56px -16px var(--shadow-apricot),0 2px 6px var(--shadow-ink);color:var(--text);text-align:left;transition:box-shadow .25s var(--ease),transform .25s var(--ease)}
.cmd:hover{transform:translateY(-1px);box-shadow:0 26px 64px -16px var(--shadow-apricot),0 2px 8px var(--shadow-ink)}
.cmd-lead{display:inline-flex;align-items:baseline;gap:6px;padding-right:18px;margin-right:18px;border-right:1px solid var(--border);flex-shrink:0}
.cmd-lead .sig{font-family:var(--font-mono);font-size:22px;font-weight:var(--weight-bold);line-height:1}
.cmd-lead b{font-family:var(--font-display);font-size:20px;font-weight:var(--weight-display);letter-spacing:-.02em;line-height:1}
.cmd-expr{flex:1;min-width:0;font-family:var(--font-mono);font-size:14.5px;color:var(--muted)}
.cmd-expr .v{color:var(--accent);font-weight:var(--weight-semibold)}
.cmd-expr .v i{font-style:normal;color:var(--orange)}
.cmd-expr .val{color:var(--text);font-family:var(--font-body);font-weight:var(--weight-semibold)}
.cmd-expr .dot{margin:0 10px;color:var(--border)}
.cmd-go{display:grid;place-items:center;width:38px;height:38px;margin-left:16px;border-radius:var(--r-round);background:var(--accent-soft);color:var(--accent);flex-shrink:0;transition:transform var(--speed) var(--ease)}
.cmd:hover .cmd-go{transform:translateX(2px)}
.wall{margin-top:20px}
.wall-row{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:8px 28px}
.wall-row+.wall-row{margin-top:10px}
.wall-k{display:inline-flex;align-items:center;gap:14px;font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;color:var(--muted)}
.wall-k::after{content:"";width:1px;height:14px;background:var(--border)}
.plat,.fl{display:inline-flex;align-items:center;gap:7px;min-height:22px;font-size:14px;font-weight:var(--weight-semibold);color:var(--text)}
.plat svg{display:block;flex-shrink:0;width:20px;height:20px}
.flag{display:inline-block;flex-shrink:0;width:21px;height:14px;border-radius:var(--r-flag);overflow:hidden;box-shadow:0 0 0 1px var(--flag-ring)}
.flag svg{display:block;width:100%;height:100%}
.flag-s{width:18px;height:12px;border-radius:var(--r-tiny);box-shadow:0 0 0 1px var(--flag-ring-d)}
.flag-xs{width:15px;height:10px;border-radius:var(--r-tiny);box-shadow:0 0 0 1px var(--flag-ring-d)}
.f-r{fill:var(--flag-red)}
.f-w{fill:var(--flag-white)}
.f-n{fill:var(--flag-navy)}
.f-b{fill:var(--flag-blue)}
.f-g{fill:var(--flag-green)}
.device{position:relative;z-index:1;width:82%;max-width:984px;margin:22px auto 0}
.halo{position:relative;padding:10px;border-radius:var(--r-xl);background:linear-gradient(118deg,var(--mauve) 0%,var(--apricot) 46%,var(--sky) 100%);box-shadow:inset 0 0 0 1px var(--hi-white),0 48px 110px -30px var(--shadow-blue),0 20px 48px -28px var(--shadow-blue-strong)}
.halo::before{content:"";position:absolute;inset:1px;border-radius:calc(var(--r-xl) - 1px);background:linear-gradient(180deg,var(--sheen),var(--clear) 38%);pointer-events:none}
.win{position:relative;overflow:hidden;border-radius:var(--r-win);background:var(--win);box-shadow:0 0 0 1px var(--win-outline)}
.win::after{content:"";position:absolute;inset:0 0 auto;height:1px;background:linear-gradient(90deg,var(--clear),var(--win-gleam),var(--clear));pointer-events:none}
.win-bar{display:flex;align-items:center;gap:12px;height:36px;padding:0 14px;background:var(--win-bar);border-bottom:1px solid var(--win-line)}
.lights{display:flex;gap:7px}
.lights i{display:block;width:10px;height:10px;border-radius:var(--r-round)}
.lights i:nth-child(1){background:var(--error)}
.lights i:nth-child(2){background:var(--warn)}
.lights i:nth-child(3){background:var(--success)}
.win-bar img{width:18px;height:18px}
.crumb{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--win-muted)}
.crumb b{color:var(--win-text);font-weight:var(--weight-semibold)}
.win-meta{margin-left:auto;font-family:var(--font-mono);font-size:11.5px;color:var(--win-muted)}
.win-vars{display:flex;align-items:center;gap:10px;min-height:50px;padding:8px 14px;border-bottom:1px solid var(--win-line)}
.dd{display:inline-flex;align-items:center;gap:8px;min-height:32px;padding:0 8px 0 10px;border-radius:var(--r-sm);background:var(--win-raise);border:1px solid var(--win-line);font-family:var(--font-mono);font-size:12.5px;color:var(--win-text);white-space:nowrap}
.dd .k{color:var(--win-muted)}
.dd .k i{font-style:normal;color:var(--orange)}
.dd .eq{color:var(--win-muted)}
.dd .vv{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-body);font-weight:var(--weight-semibold);color:var(--win-text)}
.dd .vv svg{display:block}
.dd .car{display:block;color:var(--win-muted)}
.dd.is-on{background:var(--win-raise-on);border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-ring)}
.alts{display:inline-flex;gap:6px}
.alt{display:inline-flex;align-items:center;min-height:26px;padding:0 10px;border-radius:var(--r-sm);border:1px dashed var(--win-dash);font-size:12px;color:var(--win-muted)}
.vsep{width:1px;height:20px;margin:0 2px;background:var(--win-line-2);flex-shrink:0}
.win-body{display:grid;grid-template-columns:212px minmax(0,1fr);min-height:300px}
.side{padding:12px 10px;background:var(--win-side);border-right:1px solid var(--win-line)}
.side-h{display:flex;align-items:center;justify-content:space-between;padding:0 6px 8px;font-size:11.5px;font-weight:var(--weight-semibold);letter-spacing:.04em;color:var(--win-muted)}
.tok-d{display:inline-flex;align-items:center;min-height:18px;padding:0 7px;border-radius:var(--r-pill);background:var(--win-raise);color:var(--accent-light);font-family:var(--font-mono);font-size:10.5px;letter-spacing:0}
.tok-d i{font-style:normal;color:var(--orange)}
.routes{display:grid;gap:3px;margin:0;padding:0;list-style:none}
.route{display:flex;align-items:center;gap:10px;min-height:30px;padding:0 10px;border-radius:var(--r-sm);font-size:13px;color:var(--win-text-2)}
.route .code{margin-left:auto;font-family:var(--font-mono);font-size:10.5px;color:var(--win-muted)}
.route.is-on{background:var(--win-hi);color:var(--win-text);font-weight:var(--weight-semibold);box-shadow:inset 2px 0 0 var(--accent-light)}
.route.is-on .code{color:var(--accent-light)}
.main{display:grid;gap:10px;align-content:start;min-width:0;padding:14px 16px;background:radial-gradient(120% 90% at 85% 0%,var(--win-glow),var(--clear) 60%)}
.status{position:relative;padding:14px 16px;border-radius:var(--r-md);background:linear-gradient(135deg,var(--status-a) 0%,var(--status-b) 55%,var(--win-raise) 100%);border:1px solid var(--status-line)}
.status-top{display:flex;align-items:center;gap:10px;min-height:26px}
.live{position:relative;flex-shrink:0;width:10px;height:10px;border-radius:var(--r-round);background:var(--success);box-shadow:0 0 0 3px var(--success-glow)}
.live::after{content:"";position:absolute;inset:-4px;border-radius:var(--r-round);border:2px solid var(--success);opacity:0;animation:ping 2.4s ease-out infinite}
@keyframes ping{0%{transform:scale(.6);opacity:.7}100%{transform:scale(1.8);opacity:0}}
.status-top b{font-family:var(--font-display);font-size:16px;font-weight:var(--weight-heavy);color:var(--win-text)}
.status-route{font-family:var(--font-mono);font-size:12px;color:var(--win-muted)}
.status-btn{display:inline-flex;align-items:center;min-height:26px;margin-left:auto;padding:0 12px;border-radius:var(--r-sm);border:1px solid var(--win-line-2);font-size:12px;color:var(--win-text-2)}
.path{display:flex;align-items:center;gap:12px;margin-top:14px}
.node{display:inline-flex;align-items:center;gap:7px;min-height:28px;padding:0 10px;border-radius:var(--r-sm);background:var(--win-node);border:1px solid var(--win-line);font-size:12.5px;font-weight:var(--weight-semibold);color:var(--win-text);white-space:nowrap}
.rail{position:relative;flex:1;height:6px;border-radius:var(--r-sm);background:linear-gradient(90deg,var(--accent),var(--accent-light) 55%,var(--sky))}
.rail-fx{position:absolute;inset:0;border-radius:inherit;overflow:hidden}
.rail-fx::after{content:"";position:absolute;top:0;bottom:0;left:0;width:30%;background:linear-gradient(90deg,var(--clear),var(--sheen),var(--clear));animation:sweep 3.2s linear infinite}
@keyframes sweep{from{transform:translateX(-100%)}to{transform:translateX(340%)}}
.rail-tag{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:inline-flex;align-items:center;min-height:22px;padding:0 10px;border-radius:var(--r-pill);background:var(--win);border:1px solid var(--accent-light);font-family:var(--font-mono);font-size:11px;color:var(--win-text);white-space:nowrap}
.tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.tile{display:grid;gap:4px;min-width:0;padding:12px 14px;border-radius:var(--r-md);background:var(--win-raise);border:1px solid var(--win-line)}
.tile-k{font-size:11.5px;font-weight:var(--weight-semibold);letter-spacing:.04em;color:var(--win-muted)}
.tile-v{font-family:var(--font-display);font-size:18px;font-weight:var(--weight-heavy);line-height:1.3;letter-spacing:-.01em;color:var(--win-text)}
.tile-s{font-size:12px;color:var(--win-muted)}
.tile-s .tok-d{margin:0 2px}
.float{position:absolute;z-index:4;display:flex;align-items:center;gap:10px;padding:10px 14px 10px 10px;border-radius:var(--r-md);background:var(--panel);border:1px solid var(--float-line);box-shadow:0 18px 40px -14px var(--shadow-blue-strong),0 2px 6px var(--shadow-ink);animation:bob 7s ease-in-out infinite}
.float-a{left:-156px;top:-33px;width:190px}
.float-b{right:-190px;top:228px;width:214px;animation-delay:-3.5s}
@keyframes bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
.float-ico{display:grid;place-items:center;flex-shrink:0;width:32px;height:32px;border-radius:var(--r-sm);background:var(--accent-soft);color:var(--accent)}
.float b{display:block;font-family:var(--font-display);font-size:14px;font-weight:var(--weight-heavy);line-height:1.25;color:var(--text)}
.float small{display:block;font-size:12px;line-height:1.35;color:var(--muted)}
.ico-stack{display:flex;flex-shrink:0}
.ico-stack span{display:grid;place-items:center;width:24px;height:24px;margin-left:-7px;border-radius:var(--r-round);background:var(--panel);border:1.5px solid var(--border);color:var(--text)}
.ico-stack span:first-child{margin-left:0}
.ico-stack svg{display:block;width:14px;height:14px}
.tabset{min-width:0}
.tab-list,[role="tablist"]{display:flex;align-items:center;gap:8px;max-width:100%;overflow-x:auto;padding:6px;margin-bottom:24px;background:var(--panel-2);border:1px solid var(--border);border-radius:var(--r-md)}
.tab-button,[role="tab"]{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;min-height:40px;padding:8px 20px;border:1px solid var(--clear);border-radius:var(--r-sm);background:var(--clear);color:var(--muted);font-weight:var(--weight-semibold);white-space:nowrap}
[role="tab"][aria-selected="true"]{background:var(--panel);color:var(--accent);border-color:var(--border);box-shadow:0 2px 6px var(--shadow-ink)}
[role="tabpanel"]{min-width:0}
.toc-tabs{position:sticky;top:var(--toc-offset);z-index:20;display:flex;align-items:center;gap:8px;max-width:100%;overflow-x:auto;padding:8px;margin-bottom:32px;background:var(--panel);border:1px solid var(--border);border-radius:var(--r-md);box-shadow:var(--shadow-panel);overscroll-behavior-x:contain}
.toc-tabs a{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:8px 16px;flex-shrink:0;border-radius:var(--r-sm);color:var(--muted);font-size:14px;font-weight:var(--weight-semibold);white-space:nowrap}
.toc-tabs a:hover,.toc-tabs a.is-current{color:var(--accent);background:var(--accent-soft)}
.toc-tabs.toc-static{position:static}
body:has(.toc-tabs) section[id]{scroll-margin-top:var(--toc-landing)}
.faq-list{display:grid;gap:12px}
.faq-item{min-width:0;border:1px solid var(--border);border-radius:var(--r-md);background:var(--panel);box-shadow:var(--shadow-panel)}
.faq-item summary{position:relative;list-style:none;cursor:pointer;min-height:56px;padding:16px 52px 16px 20px;font-weight:var(--weight-semibold)}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary::after{content:"+";position:absolute;right:20px;top:14px;font-family:var(--font-mono);font-size:20px;color:var(--accent)}
.faq-item[open] summary::after{content:"−"}
.faq-answer{padding:0 20px 20px;color:var(--muted)}
.faq-answer p:last-child{margin-bottom:0}
.plan-card{position:relative;display:flex;flex-direction:column;min-width:0;padding:32px 24px 24px;border:1px solid var(--border);border-radius:var(--r-md);background:var(--panel);box-shadow:var(--shadow-panel)}
.plan-card.is-current{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent),0 20px 56px -24px var(--shadow-blue)}
.plan-badge{position:absolute;top:-14px;right:16px;display:inline-flex;align-items:center;min-height:28px;padding:2px 12px;background:var(--accent);color:var(--panel);border-radius:var(--r-sm);font-size:13px;font-weight:var(--weight-bold)}
.plan-card h3{font-size:22px}
.plan-period{font-family:var(--font-mono);font-size:12px;color:var(--accent)}
.plan-price{margin:16px 0;font-family:var(--font-display);font-size:40px;line-height:1.2;font-weight:var(--weight-display);font-variant-numeric:tabular-nums}
.plan-price small{font-family:var(--font-body);font-size:14px;font-weight:var(--weight-medium);color:var(--muted)}
.plan-facts{list-style:none;display:grid;gap:12px;margin:0 0 24px;padding:0;color:var(--muted);font-size:14px}
.plan-facts li::before{content:"✓";margin-right:8px;color:var(--accent)}
.plan-card .btn{margin-top:auto;width:100%}
.table-scroll{max-width:100%;min-width:0;overflow-x:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;border:1px solid var(--border);border-radius:var(--r-md);background:var(--panel)}
.data-table,.route-table{width:100%;min-width:640px;border-collapse:collapse;font-size:14px}
.data-table th,.data-table td,.route-table th,.route-table td{padding:16px 20px;text-align:left;border-bottom:1px solid var(--border);word-break:keep-all;color:var(--text)}
.table-scroll th,.data-table th,.route-table th{background:var(--panel-2);color:var(--text);font-weight:var(--weight-bold);white-space:nowrap}
.data-table td:first-child,.route-table td:first-child{font-weight:var(--weight-semibold);color:var(--text)}
.data-table tr:last-child td,.route-table tr:last-child td{border-bottom:0}
.route-table .region-row th{background:var(--accent-soft);color:var(--accent)}
.table-caption{padding:16px 20px;text-align:left;font-size:14px;color:var(--muted)}
.prose>.data-table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%;min-width:0}
.status-tag,.tag{display:inline-flex;align-items:center;gap:6px;min-height:26px;max-width:100%;padding:2px 9px;border-radius:var(--r-sm);font-size:12px;font-weight:var(--weight-semibold);background:var(--accent-soft);color:var(--accent);overflow:hidden;overflow-wrap:anywhere}
.status-tag::before{content:"";display:inline-block;flex-shrink:0;width:6px;height:6px;border-radius:var(--r-round);background:var(--success)}
.platform-card{display:flex;flex-direction:column;align-items:flex-start;gap:16px;min-width:0;padding:24px;background:var(--panel);border:1px solid var(--border);border-radius:var(--r-md);box-shadow:var(--shadow-panel)}
.platform-card>svg{width:32px;height:32px;color:var(--text)}
.platform-card h3{margin:0;font-size:20px}
.platform-card p{color:var(--muted);font-size:14px;margin:0}
.platform-card .btn{margin-top:auto;padding-inline:12px;width:100%;font-size:13px}
.article-card{min-width:0;display:flex;flex-direction:column;gap:16px;padding:24px;background:var(--panel);border:1px solid var(--border);border-radius:var(--r-md);box-shadow:var(--shadow-panel)}
.article-card h3{font-size:22px;margin:0}
.article-card h3 a:hover{color:var(--accent)}
.article-card p{margin:0;color:var(--muted);font-size:14px}
.article-meta{display:flex;align-items:center;flex-wrap:wrap;gap:12px;font-size:12px;color:var(--muted)}
.article-card>.text-link{margin-top:auto}
.callout{margin:24px 0;padding:20px 24px;background:var(--accent-soft);border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:var(--r-sm);color:var(--text)}
.callout p:last-child{margin-bottom:0}
.callout-warm{background:var(--outline-bg);border-left-color:var(--orange)}
.promo-block{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-top:40px;padding:32px;border:1px solid var(--border);border-radius:var(--r-md);background:linear-gradient(115deg,var(--panel),var(--accent-soft));box-shadow:var(--shadow-panel)}
.promo-block h3{font-size:24px;margin:0 0 8px}
.promo-block p{margin:0;color:var(--muted)}
.promo-block .btn{flex-shrink:0;white-space:nowrap}
.feature-spread{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:80px;align-items:center;padding-top:64px;padding-bottom:64px;overflow-x:clip}
.feature-copy,.feature-visual{min-width:0}
.feature-spread:nth-child(even) .feature-copy{order:2}
.feature-spread:nth-child(even) .feature-visual{order:1}
.feature-copy p{color:var(--muted)}
.feature-secondary{margin-top:24px;padding-top:24px;border-top:1px solid var(--border)}
.feature-icon{display:grid;place-items:center;width:56px;height:56px;margin-bottom:24px;border:1px solid var(--accent-ring);border-radius:var(--r-md);background:var(--accent-soft);color:var(--accent)}
.feature-icon svg{width:28px;height:28px}
.feature-icon.is-orange{background:var(--outline-bg);border-color:var(--apricot);color:var(--orange)}
.feature-visual{padding:24px;border-radius:var(--r-xl);background:linear-gradient(125deg,var(--apricot),var(--panel));box-shadow:inset 0 0 0 1px var(--hi-white),var(--shadow-panel)}
.feature-visual.is-blue{background:linear-gradient(125deg,var(--accent-soft),var(--sky))}
.feature-visual.is-pink{background:linear-gradient(125deg,var(--mauve),var(--panel))}
.feature-screen{padding:24px;border-radius:var(--r-md);background:var(--win);color:var(--win-text)}
.feature-screen h4{color:var(--win-text);margin:0 0 16px}
.device-list{display:grid;gap:10px;margin:0;padding:0;list-style:none}
.device-list li{display:flex;align-items:center;gap:12px;padding:12px;background:var(--win-raise);border:1px solid var(--win-line);border-radius:var(--r-sm)}
.device-list svg{width:20px;height:20px}
.device-list .lock-mark{margin-left:auto;color:var(--success)}
.line-options{display:grid;gap:12px;margin-top:24px}
.line-option{display:flex;justify-content:space-between;gap:12px;padding:14px;background:var(--win-raise);border:1px solid var(--win-line);border-radius:var(--r-sm);font-size:13px}
.line-option.is-on{border-color:var(--accent-light);background:var(--win-raise-on)}
.stats-band{display:flex;justify-content:center;flex-wrap:wrap;gap:24px 64px;padding:24px;border-block:1px solid var(--border);background:var(--panel);font-family:var(--font-mono)}
.stats-band strong{font-size:24px;color:var(--accent)}
.preview-heading{margin-bottom:32px}
.preview-kicker{font-family:var(--font-mono);font-size:12px;color:var(--accent);margin-bottom:12px}
.palette-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.swatch{min-width:0;padding:16px;border:1px solid var(--border);border-radius:var(--r-md);background:var(--panel)}
.swatch code{display:block;margin-top:12px;font-size:12px}
.swatch-color{height:64px;border:1px solid var(--border);border-radius:var(--r-sm)}
.sw-bg{background:var(--bg)}
.sw-panel{background:var(--panel)}
.sw-panel2{background:var(--panel-2)}
.sw-border{background:var(--border)}
.sw-accent{background:var(--accent)}
.sw-dark{background:var(--accent-dark)}
.sw-text{background:var(--text)}
.sw-muted{background:var(--muted)}
.sw-orange{background:var(--orange)}
.sw-apricot{background:var(--apricot)}
.sw-mauve{background:var(--mauve)}
.sw-sky{background:var(--sky)}
.sw-success{background:var(--success)}
.sw-warn{background:var(--warn)}
.sw-error{background:var(--error)}
.sw-win{background:var(--win)}
.token-inventory{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:24px}
.token-inventory div{padding:12px;background:var(--panel);border:1px solid var(--border);border-radius:var(--r-sm);overflow-wrap:anywhere;font-size:12px}
.type-display{font-family:var(--font-display);font-size:48px;font-weight:var(--weight-display);line-height:1.2}
.type-body{font-size:16px;line-height:1.8}
.type-mono{font-family:var(--font-mono);font-size:14px}
.sample-stack{display:grid;gap:24px}
@media(max-width:1240px){
  .device{margin-top:64px}
  .float-a{left:0;top:-48px}
  .float-b{right:0;top:auto;bottom:22px}
}
@media(max-width:1100px){
  .cmd{width:88%}
  .device{width:94%}
  .feature-spread{gap:40px}
}
@media(max-width:900px){
  .win-body{grid-template-columns:1fr;min-height:0}
  .side{display:none}
  .win-vars{flex-wrap:wrap;height:auto;padding:10px 14px}
  .main{padding-bottom:96px}
  .feature-spread{grid-template-columns:1fr}
  .feature-spread:nth-child(even) .feature-copy,.feature-spread:nth-child(even) .feature-visual{order:initial}
  .palette-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:640px){
  .hero{padding-top:20px}
  .lede{font-size:16px}
  .badge{font-size:12px}
  .cmd{flex-wrap:wrap;height:auto;width:100%;padding:12px 10px 12px 16px;row-gap:8px}
  .cmd-expr{order:3;flex-basis:100%;white-space:normal;font-size:12px;overflow-wrap:anywhere}
  .cmd-lead{border:0}
  .cmd-go{margin-left:auto}
  .wall-row{gap:8px 14px}
  .wall-k{display:none}
  .plat,.fl{font-size:12px}
  .plat svg{width:17px;height:17px}
  .device{width:100%}
  .halo{padding:7px}
  .win-meta,.alts,.vsep{display:none}
  .win-vars{gap:8px}
  .dd{font-size:10px;gap:5px;padding-inline:6px}
  .status-top{flex-wrap:wrap}
  .status-route{font-size:10px}
  .status-btn{display:none}
  .path{gap:8px}
  .node{font-size:10px;padding-inline:6px}
  .rail-tag{font-size:9px;padding-inline:6px}
  .main{padding:12px 10px 80px}
  .status{padding:12px 10px}
  .tiles{grid-template-columns:1fr}
  .tile-v{font-size:16px}
  .float-a{width:174px}
  .float-b{width:204px;bottom:16px;right:8px}
  .palette-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .token-inventory{grid-template-columns:1fr}
  .promo-block{flex-direction:column;align-items:flex-start;padding:24px}
  .promo-block .btn{width:100%}
  .plan-card{padding:32px 20px 24px}
  .type-display{font-size:32px}
  .feature-spread{padding-top:40px;padding-bottom:40px;gap:24px;max-width:100%}
  .feature-visual{padding:16px;max-width:100%}
  .feature-screen{padding:16px}
}
@media(prefers-reduced-motion:reduce){
  .blob,.float,.live::after,.rail-fx::after{animation:none}
}