/* The route window is deliberately static. */
.hero{position:relative;padding-top:40px;overflow-x:clip;max-width:100%;background:radial-gradient(44% 70% at 4% 0%,color-mix(in srgb,var(--coral) 15%,transparent),transparent 72%),radial-gradient(44% 70% at 96% 0%,color-mix(in srgb,var(--accent) 8%,transparent),transparent 72%),linear-gradient(180deg,color-mix(in srgb,var(--bg) 50%,var(--panel)) 0%,var(--bg) 42%,color-mix(in srgb,var(--bg) 50%,var(--panel-2)) 100%)}
.hero-copy{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;text-align:center}
.eyebrow{margin:0;display:inline-flex;align-items:center;gap:10px;min-height:30px;padding:3px 4px 3px 10px;border-radius:var(--r-pill);background:color-mix(in srgb,var(--panel) 82%,transparent);box-shadow:inset 0 0 0 1px var(--line),0 8px 18px -12px color-mix(in srgb,var(--accent) 35%,transparent);font-size:13px;color:var(--muted)}
.eyebrow svg{display:block;width:16px;height:16px;color:var(--accent)}
.price-tag{display:inline-flex;align-items:center;min-height:22px;padding:0 9px;border-radius:var(--r-pill);background:var(--coral);color:var(--ink);font-family:var(--f-mono);font-size:var(--size-micro);font-weight:600}
.hero .h1{margin:16px 0 0}
.h1-sep{display:inline-block;margin:0 .2em;color:color-mix(in srgb,var(--muted) 70%,transparent);font-weight:400}
.kw{color:var(--accent-dark);background:var(--tint);border-radius:var(--r-m);padding:0 .12em .04em;margin:0 .04em;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.lede{margin:12px 0 0;max-width:880px;font-size:20px;line-height:1.5;color:var(--muted)}
.lede strong{color:var(--text);font-weight:600}
.trust{list-style:none;margin:20px 0 0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:8px 24px;font-size:var(--size-small);color:var(--muted)}
.trust li{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;margin:0}
.trust svg{display:block;width:14px;height:14px;color:var(--accent)}
.shelf{margin:12px 0 0;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px 18px;font-size:13.5px;color:color-mix(in srgb,var(--text) 82%,transparent)}
.shelf+.shelf{margin-top:8px}
.shelf-label{font-family:var(--f-mono);font-size:11.5px;letter-spacing:.06em;color:var(--muted);padding-right:14px;box-shadow:1px 0 0 var(--line)}
.shelf-item{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
.pf{display:block;width:16px;height:16px;flex:none;color:var(--text)}
.stage{--side:10%;position:relative;z-index:1;margin-top:26px;display:flow-root}
.win{position:relative;margin:0 var(--side);padding:10px;border-radius:var(--r-l);background:linear-gradient(180deg,color-mix(in srgb,var(--coral) 84%,var(--hi)) 0%,var(--coral) 46%,color-mix(in srgb,var(--coral) 92%,var(--ink)) 100%);box-shadow:inset 0 1px 0 color-mix(in srgb,var(--hi) 55%,transparent),inset 0 0 0 1px color-mix(in srgb,var(--ink) 7%,transparent),var(--lift-xl)}
.win-in{position:relative;border-radius:var(--r-xs);background:var(--panel);overflow:hidden;box-shadow:0 1px 2px color-mix(in srgb,var(--ink) 14%,transparent)}
.win-in::after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1px var(--hi);pointer-events:none}
.titlebar{display:flex;align-items:center;gap:16px;min-height:44px;padding:8px 14px;background:linear-gradient(180deg,var(--panel),var(--panel-2));border-bottom:1px solid color-mix(in srgb,var(--line) 80%,transparent)}
.lights{display:flex;gap:7px;flex:none}
.lights i{display:block;width:11px;height:11px;border-radius:var(--r-circle);background:color-mix(in srgb,var(--muted) 26%,var(--panel));box-shadow:inset 0 0 0 .5px color-mix(in srgb,var(--ink) 14%,transparent)}
.tb-icons{display:flex;gap:10px;color:var(--muted);flex:none;font-size:var(--size-small)}
.tb-icons svg,.tb-end svg{display:block;width:15px;height:15px}
.is-dim{opacity:.4}
.addr{flex:0 1 420px;min-width:0;display:flex;align-items:center;gap:6px;min-height:28px;padding:3px 12px;border-radius:var(--r-s);background:var(--panel);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--line) 85%,transparent),inset 0 1px 2px color-mix(in srgb,var(--ink) 5%,transparent);font-size:12.5px;color:var(--muted);flex-wrap:wrap}
.addr svg{display:block;width:12px;height:12px;flex:none;color:var(--accent)}
.addr b{color:var(--text);font-weight:600}
.sep{color:var(--muted)}
.cur{color:var(--text);font-weight:500}
.tb-end{margin-left:auto;color:var(--muted)}
.win-body{display:grid;grid-template-columns:252px minmax(0,1fr);min-height:440px}
.side{padding:12px;background:color-mix(in srgb,var(--panel-2) 42%,var(--panel));border-right:1px solid color-mix(in srgb,var(--line) 70%,transparent)}
.ws{display:flex;align-items:center;justify-content:space-between}
.ws-pill{display:inline-flex;align-items:center;gap:6px;min-height:26px;padding:0 10px;border-radius:var(--r-tab);background:var(--accent);color:var(--hi);font-size:12.5px;font-weight:600;box-shadow:inset 0 1px 0 color-mix(in srgb,var(--hi) 25%,transparent),0 6px 12px -6px color-mix(in srgb,var(--accent) 60%,transparent)}
.ws-pill svg,.ws>svg{display:block;width:12px;height:12px}
.tiles{list-style:none;margin:12px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.tile{min-height:46px;border-radius:var(--r-s);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font-size:11px;line-height:1.2;color:var(--text);background:color-mix(in srgb,var(--panel-2) 72%,var(--panel));white-space:nowrap;margin:0}
.tile .flag{width:20px;height:13px}
.tile.is-on{background:var(--panel);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 30%,transparent),0 8px 16px -10px color-mix(in srgb,var(--accent) 50%,transparent);font-weight:600}
.side-label{margin:12px 2px 6px;display:flex;justify-content:space-between;font-family:var(--f-mono);font-size:10.5px;letter-spacing:.06em;line-height:1.4;color:var(--muted)}
.rules{list-style:none;margin:0;padding:0;display:grid;gap:2px}
.rule{position:relative;display:flex;align-items:center;gap:8px;min-height:32px;padding:6px 8px 6px 10px;border-radius:var(--r-s);font-size:12.5px;color:color-mix(in srgb,var(--text) 86%,transparent);margin:0}
.rule b{font-weight:600}
.to{color:var(--muted)}
.rule-ico{flex:none;width:18px;height:18px;border-radius:var(--r-mini);display:grid;place-items:center;background:var(--tint);color:var(--accent-dark);font-size:11px}
.rule.is-on{background:var(--panel);box-shadow:inset 0 1px 0 var(--hi),inset 0 0 0 1px color-mix(in srgb,var(--line) 60%,transparent),0 10px 18px -12px color-mix(in srgb,var(--accent) 55%,transparent)}
.rule.is-on::before{content:"";position:absolute;left:0;top:7px;bottom:7px;width:3px;border-radius:var(--r-strip);background:var(--accent)}
.rule.is-add{color:var(--muted)}
.rule.is-add .rule-ico{background:none;box-shadow:inset 0 0 0 1px var(--line);color:var(--muted)}
.pane{position:relative;display:flex;flex-direction:column;padding:20px 28px;background:linear-gradient(180deg,var(--panel),color-mix(in srgb,var(--panel) 85%,var(--panel-2)))}
.ask{align-self:flex-end;margin:0;max-width:78%;padding:9px 16px;border-radius:var(--r-bubble);background:color-mix(in srgb,var(--accent) 12%,var(--panel));color:var(--text);font-size:13.5px;line-height:1.4;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 10%,transparent)}
.ans{margin-top:22px}
.ans-title{margin:0;font-size:21px;font-weight:700;line-height:1.3;letter-spacing:-.01em;color:var(--text)}
.ans-dot{display:inline-block;vertical-align:middle;width:10px;height:10px;margin-right:10px;border-radius:var(--r-circle);background:var(--success);box-shadow:0 0 0 4px color-mix(in srgb,var(--success) 16%,transparent)}
.ans-sub{margin:4px 0 0 20px;font-size:13px;line-height:1.5;color:var(--muted)}
.plan{position:relative;margin-top:22px;padding:13px 16px 10px;border-radius:var(--r-m);background:linear-gradient(180deg,var(--panel),color-mix(in srgb,var(--panel-2) 50%,var(--panel)));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--line) 85%,transparent),inset 0 1px 0 var(--hi),0 12px 24px -20px color-mix(in srgb,var(--accent) 40%,transparent)}
.plan-tag{position:absolute;top:-10px;right:14px;display:inline-flex;align-items:center;min-height:20px;padding:0 9px;border-radius:var(--r-pill);background:var(--coral);color:var(--ink);font-size:11px;font-weight:700}
.plan-line{margin:0;font-size:13.5px;font-weight:600;line-height:1.4;color:var(--text)}
.plan-line .sep{font-weight:400;margin:0 .2em}
.plan-note{margin:10px 0 0;padding-top:8px;border-top:1px solid var(--line);font-size:11px;color:var(--muted)}
.pane-foot{margin-top:18px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 16px}
.plats{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.plats li{display:inline-flex;align-items:center;min-height:22px;padding:0 9px;border-radius:var(--r-pill);font-size:11.5px;color:color-mix(in srgb,var(--text) 85%,transparent);background:color-mix(in srgb,var(--panel-2) 70%,var(--panel));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--line) 70%,transparent);margin:0}
.devices{margin:0;display:flex;flex-wrap:wrap;align-items:center;gap:7px;font-size:12.5px;color:var(--muted)}
.devices svg{display:block;width:15px;height:15px;color:var(--accent)}
.devices b{color:var(--text);font-weight:600}
.float{position:absolute;z-index:2;display:flex;align-items:center;gap:10px;background:var(--panel);box-shadow:inset 0 0 0 1px var(--hi),0 0 0 1px color-mix(in srgb,var(--line) 70%,transparent),var(--lift);white-space:nowrap}
.f-ico{flex:none;width:30px;height:30px;border-radius:var(--r-s);display:grid;place-items:center;background:var(--tint);color:var(--accent-dark)}
.f-ico svg{display:block;width:16px;height:16px}
.f-refund{right:calc(100% - var(--side) - 12px);top:150px;padding:12px 16px 12px 12px;border-radius:var(--r-m);transform:rotate(-4deg)}
.f-txt{display:flex;flex-direction:column;line-height:1.3}
.f-txt small{font-family:var(--f-mono);font-size:10.5px;letter-spacing:.06em;color:var(--muted)}
.f-txt b{font-size:14.5px;font-weight:700;color:var(--text)}
.f-pay{left:calc(100% - var(--side) - 12px);top:96px;padding:6px 16px 6px 6px;border-radius:var(--r-pill);font-size:13.5px;font-weight:600;color:var(--text)}
.f-pay .f-ico{border-radius:var(--r-circle)}
.f-note{left:calc(100% - var(--side) - 28px);top:196px;flex-direction:column;align-items:flex-start;gap:2px;padding:16px 16px 12px;border-radius:var(--r-s);background:linear-gradient(180deg,var(--panel),color-mix(in srgb,var(--panel-2) 45%,var(--panel)));transform:rotate(2.5deg)}
.f-note::before{content:"";position:absolute;top:-7px;left:50%;width:54px;height:14px;margin-left:-27px;border-radius:var(--r-strip);background:color-mix(in srgb,var(--accent) 16%,transparent);transform:rotate(-3deg)}
.f-note b{font-size:14.5px;font-weight:700;color:var(--text);line-height:1.35}
.f-note span{font-size:12.5px;color:var(--muted);line-height:1.4}
.band{z-index:3;margin-top:-10px;padding-top:28px;padding-bottom:96px;background:var(--accent);color:var(--panel);text-align:center;-webkit-mask:var(--edge-up);mask:var(--edge-up)}
.facts-strip{margin:0;font-family:var(--f-mono);font-size:13px;letter-spacing:.12em;color:color-mix(in srgb,var(--panel) 86%,transparent)}
.facts-strip span{margin:0 .9em}
.band-claim{margin:40px 0 24px;font-size:clamp(26px,3.3vw,44px);font-weight:750;line-height:1.3}
.band-sign{display:flex;align-items:center;justify-content:center;gap:10px;margin:0;font-size:var(--size-small)}
.band-sign svg{width:22px;height:22px}
.flock-divider{display:block;width:44px;height:30px;margin:32px auto;color:var(--accent)}
/* Shared content components */
.badge,.chip,.tag{display:inline-flex;align-items:center;gap:6px;min-height:26px;max-width:100%;overflow:hidden;overflow-wrap:anywhere;padding:3px 10px;border:1px solid var(--line);border-radius:var(--r-pill);background:var(--panel-2);color:var(--text);font-size:var(--size-micro);line-height:1.5}
.badge-accent{background:var(--tint);border-color:color-mix(in srgb,var(--accent) 22%,var(--line));color:var(--accent-dark)}
.badge-success{background:color-mix(in srgb,var(--success) 10%,var(--panel));color:var(--success)}
.tabs{min-width:0}
.tab-list,[role="tablist"]{display:flex;gap:8px;max-width:100%;overflow-x:auto;padding:6px;scrollbar-width:thin}
[role="tab"]{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:44px;flex:none;padding:10px 16px;border:1px solid var(--line);border-radius:var(--r-pill);background:var(--panel-2);color:var(--text);font-size:var(--size-small);white-space:nowrap}
[role="tab"][aria-selected="true"]{background:var(--panel);border-color:var(--accent);color:var(--accent-dark);box-shadow:var(--lift)}
.tab-panel{padding:28px;min-width:0}
.feature-window{padding:6px;border-radius:var(--r-l);background:var(--coral);box-shadow:var(--lift-xl)}
.feature-window .win-in{overflow:clip}
.feature-layout{display:grid;grid-template-columns:260px minmax(0,1fr);background:var(--panel)}
.feature-layout [role="tablist"]{display:flex;flex-direction:column;gap:8px;padding:16px;background:var(--panel-2);border-right:1px solid var(--line)}
.feature-layout [role="tab"]{justify-content:flex-start;border-radius:var(--r-s);white-space:normal;border-color:transparent;text-align:left}
.feature-layout [role="tab"][aria-selected="true"]{box-shadow:inset 3px 0 0 var(--accent),var(--lift);background:var(--panel)}
.tab-icon{display:grid;place-items:center;flex:none;width:30px;height:30px;border-radius:var(--r-s);background:var(--tint);color:var(--accent-dark)}
.tab-icon svg{width:16px;height:16px}
.feature-layout .tab-panel{padding:40px}
.tab-panel h2,.tab-panel h3{margin-top:0}
.fact-pills{display:flex;flex-wrap:wrap;gap:8px;margin:24px 0}
.text-link{display:inline-flex;align-items:center;gap:8px;min-height:28px;font-weight:600;color:var(--accent-dark)}
.toc-tabs{position:sticky;top:16px;z-index:20;display:flex;gap:8px;max-width:100%;overflow-x:auto;overscroll-behavior-inline:contain;padding:10px;background:var(--panel);border:1px solid var(--line);border-radius:var(--r-m);box-shadow:var(--lift)}
.toc-tabs a{display:inline-flex;align-items:center;flex:none;min-height:40px;padding:8px 16px;border-radius:var(--r-pill);color:var(--text);white-space:nowrap;font-size:var(--size-small)}
.toc-tabs a.is-current{background:var(--accent);color:var(--hi);font-weight:600}
.toc-tabs.is-static{position:static}
body:has(.toc-tabs) section[id]{scroll-margin-top:var(--toc-offset)}
.faq-list{display:grid;gap:12px}
.faq-item{min-width:0;border:1px solid var(--line);border-radius:var(--r-m);background:var(--panel);box-shadow:inset 0 1px 0 var(--hi)}
.faq-item summary{position:relative;list-style:none;cursor:pointer;padding:20px 52px 20px 24px;font-weight:600;min-height:56px}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary::after{content:"+";position:absolute;right:24px;top:19px;color:var(--accent);font-family:var(--f-mono)}
.faq-item[open] summary::after{content:"−"}
.faq-answer{padding:0 24px 24px;color:var(--muted)}
.faq-answer p:last-child{margin-bottom:0}
.pricing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;padding-top:16px}
.pricing-card{position:relative;display:flex;flex-direction:column;min-width:0;padding:32px 28px;border:1px solid var(--line);border-radius:var(--r-l);background:var(--panel);box-shadow:inset 0 1px 0 var(--hi),var(--lift)}
.pricing-card.is-current{border:2px solid var(--accent);padding:31px 27px}
.pricing-card h3{margin:0 0 16px}
.pricing-badge{position:absolute;top:-14px;right:20px;padding:4px 12px;border-radius:var(--r-pill);background:var(--coral);color:var(--ink);font-size:var(--size-micro);font-weight:700}
.price{margin:0 0 16px;font-family:var(--f-mono);font-size:40px;font-weight:700;line-height:1.3}
.price small{font-size:var(--size-small);font-weight:400;color:var(--muted)}
.pricing-facts{list-style:none;padding:0;margin:0 0 28px;color:var(--muted);font-size:var(--size-small)}
.pricing-facts li{padding-block:6px}
.pricing-card .btn{margin-top:auto}
.table-scroll{overflow-x:auto;max-width:100%;min-width:0;-webkit-overflow-scrolling:touch;border:1px solid var(--line);border-radius:var(--r-m);background:var(--panel)}
.data-table{width:100%;min-width:660px;border-collapse:collapse;text-align:left;font-size:var(--size-small);color:var(--text)}
.data-table caption{text-align:left;padding:16px 20px;font-weight:700;color:var(--text)}
.data-table th,.data-table td{padding:16px 20px;border-bottom:1px solid var(--line);word-break:keep-all}
.data-table th{background:var(--panel-2);color:var(--text);font-weight:700;white-space:nowrap}
.data-table td:first-child{color:var(--text);font-weight:600}
.data-table tr:last-child td{border-bottom:0}
.region-row th{background:var(--tint);color:var(--accent-dark)}
.prose>.data-table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%;min-width:0}
.platform-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}
.platform-card{display:flex;flex-direction:column;align-items:center;text-align:center;gap:16px;min-width:0;padding:28px 16px;background:var(--panel);border:1px solid var(--line);border-radius:var(--r-l);box-shadow:inset 0 1px 0 var(--hi),var(--lift)}
.platform-card>.pf{width:32px;height:32px}
.platform-card h3{font-family:var(--f-body);font-size:18px;margin:0}
.platform-card .btn{font-size:13px;padding-inline:12px;white-space:normal;text-align:center}
.article-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.article-card{min-width:0;padding:28px;border-top:4px solid var(--accent);border-radius:var(--r-s);background:var(--panel);box-shadow:inset 0 1px 0 var(--hi),var(--lift)}
.article-meta{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:20px;color:var(--muted);font-size:var(--size-micro)}
.article-meta time{font-family:var(--f-mono)}
.article-card h3{margin:0 0 16px;font-size:var(--size-h3);line-height:1.5}
.article-card h3 a{color:var(--text)}
.article-card p{font-size:var(--size-small);color:var(--muted)}
.article-masthead{padding-top:32px;padding-bottom:32px;border-top:4px solid var(--accent);border-bottom:1px solid var(--line)}
.article-masthead h1{font-size:clamp(32px,4vw,52px)}
.callout{margin:24px 0;padding:20px 24px;border-left:4px solid var(--accent);border-radius:var(--r-s);background:var(--tint);color:var(--text)}
.callout p:last-child{margin-bottom:0}
.promo-block{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:24px;margin-top:48px;padding:32px;border:1px solid var(--line);border-radius:var(--r-l);background:var(--panel-2);box-shadow:inset 0 1px 0 var(--hi),var(--lift)}
.promo-copy{flex:1 1 250px;min-width:0}
.promo-copy h2,.promo-copy h3{margin:0 0 12px;font-family:var(--f-body);font-size:var(--size-h3)}
.promo-copy p{margin:0;color:var(--muted)}
.promo-block .btn,.promo-block .btn-main{flex-shrink:0;white-space:nowrap}
.swatch-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.swatch{overflow:hidden;border:1px solid var(--line);border-radius:var(--r-s);background:var(--panel)}
.swatch-color{height:80px;border-bottom:1px solid var(--line)}
.swatch code{display:block;padding:12px;font-size:var(--size-micro)}
.sw-bg{background:var(--bg)}
.sw-panel{background:var(--panel)}
.sw-panel2{background:var(--panel-2)}
.sw-line{background:var(--line)}
.sw-accent{background:var(--accent)}
.sw-accent-dark{background:var(--accent-dark)}
.sw-coral{background:var(--coral)}
.sw-text{background:var(--text)}
.sw-muted{background:var(--muted)}
.sw-ink{background:var(--ink)}
.sw-hi{background:var(--hi)}
.sw-success{background:var(--success)}
.sw-warn{background:var(--warn)}
.sw-error{background:var(--error)}
.sw-flag-red{background:var(--flag-red)}
.sw-flag-white{background:var(--flag-white)}
.sw-flag-blue{background:var(--flag-blue)}
.sw-flag-black{background:var(--flag-black)}
.sw-flag-gold{background:var(--flag-gold)}
.type-samples{display:grid;gap:24px}
.type-samples>*{margin:0}
.sample-display{font-family:var(--f-display);font-size:var(--size-h1);line-height:1.12}
.sample-mono{font-family:var(--f-mono);color:var(--muted)}
.button-samples{display:flex;flex-wrap:wrap;align-items:center;gap:16px}
@media(max-width:1000px){
  .stage{--side:4%}
  .float{display:none}
  .win-body{grid-template-columns:220px minmax(0,1fr)}
  .pane{padding-inline:20px}
  .platform-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:768px){
  .hero{padding-top:32px}
  .hero .h1{max-width:100%;line-height:1.2}
  .lede{font-size:18px}
  .trust{gap:8px 16px;font-size:13px}
  .shelf{gap:8px 12px;font-size:var(--size-micro)}
  .stage{--side:var(--gutter);margin-top:26px}
  .win{padding:8px}
  .win-body{display:flex;flex-direction:column;height:auto;min-height:440px}
  .side{padding:10px;border-right:0;border-bottom:1px solid var(--line)}
  .ws,.side-label,.rules{display:none}
  .tiles{display:flex;gap:6px;overflow-x:auto;margin:0}
  .tile{flex:1 0 48px;padding:4px}
  .pane{padding:20px}
  .titlebar{gap:10px;padding-inline:10px}
  .tb-icons,.tb-end{display:none}
  .addr{font-size:11px;gap:4px}
  .ask{max-width:95%;font-size:var(--size-micro)}
  .ans-title{font-size:18px}
  .ans-sub{font-size:var(--size-micro)}
  .band{padding-bottom:64px}
  .facts-strip{font-size:11px;letter-spacing:0}
  .facts-strip span{margin-inline:.4em}
  .band-claim{margin-top:32px}
  .feature-layout{grid-template-columns:1fr}
  .feature-layout [role="tablist"]{flex-direction:row;border-right:0;border-bottom:1px solid var(--line);overflow-x:auto;padding:12px}
  .feature-layout [role="tab"]{white-space:nowrap;border-radius:var(--r-pill)}
  .feature-layout .tab-panel{padding:24px}
  .pricing-grid,.article-grid{grid-template-columns:1fr}
  .swatch-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:640px){
  .float{display:none;transform:none}
  .hero .eyebrow{font-size:var(--size-micro)}
  .price-tag{font-size:11px}
  .hero .h1{font-size:clamp(28px,7.5vw,40px)}
  .h1-sep{margin-inline:.05em}
  .lede{font-size:var(--size-body)}
  .hero .btn-main{height:54px;font-size:var(--size-body);gap:10px;padding-right:16px}
  .hero .btn-chip{width:42px;height:42px}
  .hero .btn-ghost{height:54px;padding-inline:20px;font-size:var(--size-small)}
  .hero .trust{margin-top:16px}
  .shelf-label{display:none}
  .lights{gap:4px}
  .lights i{width:8px;height:8px}
  .titlebar{align-items:center}
  .addr{padding-inline:8px}
  .pane{padding:18px 14px}
  .plan{padding-inline:12px}
  .plan-line{font-size:var(--size-micro)}
  .plan-tag{font-size:10px}
  .plats{gap:4px}
  .plats li{padding-inline:6px;font-size:10px}
  .devices{font-size:var(--size-micro)}
  .platform-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .platform-card:last-child{grid-column:1/-1}
  .swatch-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .tab-panel{padding:20px}
  .promo-block{padding:24px}
  .faq-item summary{padding-left:20px}
  .faq-answer{padding-inline:20px}
}