.hero{position:relative;isolation:isolate;overflow-x:clip;overflow-y:clip;max-width:100%;background:linear-gradient(180deg,var(--hero-top),var(--hero-bottom));padding-top:calc(var(--nav-h) + 64px);padding-bottom:64px}
.hero::before,.hero::after{content:"";position:absolute;z-index:0;pointer-events:none}
.hero::before{inset:-18% -12% 36% 48%;background:radial-gradient(closest-side,var(--glow-mint),var(--clear))}
.hero::after{inset:44% 54% -24% -14%;background:radial-gradient(closest-side,var(--glow-sky),var(--clear))}
.hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,46fr) minmax(0,54fr);grid-template-areas:"a dev" "b dev";column-gap:56px;row-gap:28px}
.copy-a{grid-area:a;align-self:end;position:relative;z-index:2}
.copy-b{grid-area:b;align-self:start;position:relative;z-index:2;padding-top:24px;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:16px}
.eyebrow{display:inline-flex;align-items:center;gap:10px;min-height:32px;padding:5px 14px 5px 12px;border:1px solid var(--border);border-radius:var(--r-pill);background:var(--hi-soft);font-size:13.5px;font-weight:500;color:var(--text-muted)}
.eyebrow-dot{width:8px;height:8px;flex:none;border-radius:var(--r-round);background:var(--accent);box-shadow:0 0 0 4px var(--accent-a14)}
.hero h1{margin:24px 0 0;font-family:var(--font-display);font-weight:800;font-size:clamp(52px,4.6vw,66px);line-height:1.08;letter-spacing:-.03em;color:var(--text)}
.h1-line{display:block}
.lede{margin:24px 0 0;max-width:540px;font-size:17px;line-height:1.65;color:var(--text-muted)}
.lede strong{color:var(--text);font-weight:700}
.trust{display:flex;flex-wrap:wrap;gap:8px 22px;list-style:none;margin:20px 0 0;padding:0;font-size:15px;font-weight:600;color:var(--text)}
.trust li{display:inline-flex;align-items:center;gap:7px}
.trust svg{display:block;flex:none;color:var(--accent)}
.facts-row{display:flex;align-items:center;gap:16px}
.row-k{flex:none;width:64px;font-size:13px;font-weight:600;color:var(--text-soft)}
.row-v{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;list-style:none;margin:0;padding:0;min-width:0}
.flag-item,.plat-item{display:inline-flex;align-items:center;gap:7px;font-size:14px;font-weight:500;white-space:nowrap}
.flag-item{color:var(--text)}
.plat-item{color:var(--text-muted)}
.flag{display:block;flex:none;border-radius:var(--r-xs);overflow:hidden;box-shadow:0 0 0 1px var(--border)}
.plat-item svg{display:block;flex:none}
.fr{fill:var(--flag-red)}
.fw{fill:var(--flag-white)}
.fn{fill:var(--flag-navy)}
.fbk{fill:var(--flag-black)}
.fgd{fill:var(--flag-gold)}
.fg{fill:var(--flag-green)}
.device{grid-area:dev;align-self:center;position:relative;margin:0;padding:56px 0 32px;min-width:0}
.win{position:relative;background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:inset 0 0 0 1px var(--hi),var(--shadow-float)}
.win::before{content:"";position:absolute;left:14px;right:14px;top:0;height:1px;background:linear-gradient(90deg,var(--clear),var(--white),var(--clear));z-index:2}
.win-bar{display:flex;align-items:center;gap:20px;height:46px;padding:0 16px;border-bottom:1px solid var(--border);border-radius:var(--r-lg) var(--r-lg) 0 0;background:linear-gradient(180deg,var(--white),var(--bg-panel))}
.lights{display:flex;gap:7px}
.lights i{display:block;width:11px;height:11px;border-radius:var(--r-round);box-shadow:inset 0 0 0 1px var(--edge-dark);flex:none}
.l-r{background:var(--error)}
.l-y{background:var(--warn)}
.l-g{background:var(--success)}
.tabs{display:flex;gap:4px;list-style:none;margin:0;padding:0}
.tab{font-size:13px;font-weight:500;color:var(--text-muted);padding:5px 12px;border-radius:var(--r-sm)}
.tab.is-on{background:var(--bg-panel2);color:var(--text);font-weight:700}
.win-body{display:grid;grid-template-columns:236px minmax(0,1fr);border-radius:0 0 var(--r-lg) var(--r-lg);overflow:hidden}
.side{display:flex;flex-direction:column;background:var(--side);border-right:1px solid var(--border);padding:16px 10px 34px;min-width:0}
.side-head{padding:0 8px 12px}
.side-title{display:block;font-size:13px;font-weight:700}
.side-sub{display:block;margin-top:3px;font-family:var(--font-mono);font-size:11px;color:var(--text-soft)}
.routes{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}
.route{position:relative;display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:var(--r-sm)}
.route.is-on{background:var(--accent-a08)}
.route.is-on::before{content:"";position:absolute;left:0;top:9px;bottom:9px;width:3px;border-radius:var(--r-xs);background:var(--accent)}
.route-name{flex:1;min-width:0;display:flex;flex-direction:column;font-size:13.5px;font-weight:600;line-height:1.3}
.route-name em{font-style:normal;font-size:11.5px;font-weight:500;color:var(--text-soft)}
.route.is-on .route-name{color:var(--accent-dark)}
.tag{flex:none;font-size:11px;font-weight:500;line-height:1.5;padding:1px 8px;border:1px solid var(--border);border-radius:var(--r-pill);background:var(--bg-panel);color:var(--text-muted);max-width:100%;overflow-wrap:anywhere}
.side-more{margin-top:auto;padding:12px 10px 0;border-top:1px dashed var(--border);font-size:12px;font-weight:600;color:var(--accent)}
.detail{display:flex;flex-direction:column;gap:10px;min-width:0;padding:18px 20px 30px}
.conn{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:13.5px}
.conn-label{font-weight:700}
.conn-state{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:var(--r-pill);background:var(--success-a12);color:var(--success);font-size:12.5px;font-weight:600;white-space:nowrap}
.conn-state i{display:block;width:7px;height:7px;flex:none;border-radius:var(--r-round);background:var(--success);box-shadow:0 0 0 3px var(--success-a12)}
.junction{display:block;width:100%;height:auto}
.s-a{stop-color:var(--accent)}
.s-a2{stop-color:var(--accent-2)}
.s-ad{stop-color:var(--accent-dark)}
.s-w0{stop-color:var(--white);stop-opacity:0}
.s-w5{stop-color:var(--white);stop-opacity:.55}
.hx-shadow{fill:var(--accent);opacity:.34}
.hx-ring{fill:none;stroke:var(--accent-2);stroke-opacity:.38;stroke-width:1;stroke-dasharray:3 4}
.f-l1{fill:var(--white);opacity:.24}
.f-l2{fill:var(--white);opacity:.1}
.f-d1{fill:var(--accent-dark);opacity:.18}
.f-d2{fill:var(--accent-dark);opacity:.34}
.hx-inner{stroke:var(--white);stroke-opacity:.45;stroke-width:1}
.hx-rim{fill:none;stroke:var(--white);stroke-opacity:.5;stroke-width:1}
.node{fill:none;stroke:var(--white);stroke-width:2;stroke-linejoin:round}
.node-dot{fill:var(--white)}
.lead{fill:none;stroke:var(--line);stroke-width:1}
.lead.is-on{stroke:var(--accent);stroke-width:1.5}
.lead-dot{fill:var(--line)}
.lead-dot.is-on{fill:var(--accent)}
.pill{fill:var(--white);stroke:var(--border);stroke-width:1}
.pill.is-on{fill:var(--bg-panel);stroke:var(--accent);stroke-width:1.2}
.pill-t{font-family:var(--font-body);font-size:12px;font-weight:600;fill:var(--text)}
.pill-t.is-on{fill:var(--accent-dark)}
.settings{list-style:none;margin:0;padding:0;border:1px solid var(--border);border-radius:var(--r-md);background:var(--white);box-shadow:inset 0 1px 0 var(--hi)}
.set-row{display:flex;align-items:center;gap:10px;min-height:40px;padding:8px 12px;font-size:13px;font-weight:600}
.set-row+.set-row{border-top:1px solid var(--border)}
.set-row svg{display:block;flex:none;color:var(--accent)}
.set-val{margin-left:auto;font-size:12px;font-weight:500;color:var(--text-soft)}
.switch{flex:none;position:relative;width:34px;height:20px;border-radius:var(--r-pill);background:linear-gradient(90deg,var(--accent),var(--accent-2));box-shadow:inset 0 1px 2px var(--edge-dark)}
.switch::after{content:"";position:absolute;top:2px;right:2px;width:16px;height:16px;border-radius:var(--r-round);background:var(--white);box-shadow:0 1px 3px var(--edge-dark)}
.plan{padding:12px 14px;border:1px solid var(--border);border-radius:var(--r-md);background:linear-gradient(135deg,var(--white),var(--accent-a06))}
.plan-top{display:flex;align-items:baseline;justify-content:space-between;gap:10px}
.plan-k{font-size:12px;color:var(--text-soft);font-weight:500}
.plan-v{font-size:14px;font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap}
.meter{height:6px;margin-top:10px;border-radius:var(--r-pill);background:var(--bg-panel2);overflow:hidden}
.meter i{display:block;width:38%;height:100%;border-radius:var(--r-pill);background:linear-gradient(90deg,var(--accent),var(--accent-2))}
.plan-note{margin:8px 0 0;font-size:11.5px;color:var(--text-muted)}
.pay{display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.pay-k{font-size:12px;color:var(--text-soft);font-weight:500;margin-right:4px}
.chip,.badge{display:inline-flex;align-items:center;gap:6px;max-width:100%;font-size:12px;font-weight:600;padding:3px 10px;border:1px solid var(--border);border-radius:var(--r-pill);background:var(--bg-panel);color:var(--text-muted);overflow-wrap:anywhere}
.badge-success{color:var(--accent-dark);background:var(--accent-a08);border-color:var(--accent-a24)}
.fl-card{position:absolute;top:0;right:-24px;z-index:3;width:232px;padding:14px 16px 16px;background:var(--white);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:inset 0 0 0 1px var(--hi),var(--shadow-card),0 32px 60px -30px var(--accent-a24);text-align:center}
.fl-title{margin:0;font-size:14px;font-weight:700;letter-spacing:-.01em}
.fl-icons{display:flex;justify-content:center;gap:8px;list-style:none;margin:10px 0 0;padding:0}
.fl-ico{display:grid;place-items:center;width:32px;height:32px;border-radius:var(--r-sm);background:var(--bg);color:var(--text-muted)}
.fl-ico svg{display:block}
.win-foot{display:contents}
.fl-chip{position:absolute;left:-36px;bottom:-22px;z-index:3;display:inline-flex;align-items:center;gap:10px;padding:8px 16px 8px 8px;border:1px solid var(--border);border-radius:var(--r-pill);background:var(--white);box-shadow:inset 0 0 0 1px var(--hi),var(--shadow-card);font-size:13px;color:var(--text-muted);white-space:nowrap}
.fl-chip b{color:var(--text);font-weight:700}
.fl-chip-ico{display:grid;place-items:center;width:26px;height:26px;border-radius:var(--r-round);background:var(--accent-a10);color:var(--accent);flex:none}
.stamp{position:absolute;right:-26px;bottom:-30px;z-index:3;display:flex;flex-direction:column;align-items:center;padding:8px 16px 9px;border:1.5px solid var(--accent);outline:1px dashed var(--accent-a24);outline-offset:-6px;border-radius:var(--r-md);background:var(--bg-panel);color:var(--accent-dark);transform:rotate(-6deg);box-shadow:var(--shadow-card);line-height:1.2}
.stamp-num{font-family:var(--font-mono);font-size:19px;font-weight:700;letter-spacing:-.02em}
.stamp-txt{font-size:12px;font-weight:700;margin-top:2px}
.catalog{position:relative;background:var(--bg);border-top:1px solid var(--border);padding-top:80px;padding-bottom:96px}
.cat-head{text-align:center}
.cat-head h2{margin:0;font-family:var(--font-display);font-weight:800;font-size:34px;line-height:1.2;letter-spacing:-.02em}
.cat-head p{margin:12px 0 0;font-size:16px;color:var(--text-muted)}
.caps{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;list-style:none;margin:24px 0 0;padding:0}
.caps li{display:inline-flex;align-items:center;gap:7px;min-height:34px;padding:6px 14px;border:1px solid var(--border);border-radius:var(--r-pill);background:var(--hi-soft);font-size:13.5px;font-weight:500;color:var(--text-muted)}
.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;list-style:none;margin:40px 0 0;padding:0}
.card{padding:36px 24px;text-align:center;background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:inset 0 0 0 1px var(--hi),var(--shadow-card)}
.card-ico{display:grid;place-items:center;width:56px;height:56px;margin:0 auto 20px;border-radius:var(--r-lg);background:var(--bg);color:var(--text-muted)}
.card h3{margin:0;font-size:17px;font-weight:700;letter-spacing:-.01em}
.card p{margin:8px 0 0;font-size:14.5px;line-height:1.6;color:var(--text-muted)}
.tab-set{min-width:0}
[role="tablist"]{display:flex;flex-wrap:wrap;gap:8px;padding:6px;background:var(--bg-panel2);border:1px solid var(--border);border-radius:var(--r-lg)}
[role="tab"]{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 18px;border:1px solid var(--clear);border-radius:var(--r-sm);background:var(--clear);color:var(--text-muted);font-weight:600}
[role="tab"][aria-selected="true"]{color:var(--accent-dark);background:var(--bg-panel);border-color:var(--border);box-shadow:var(--shadow-card)}
[role="tabpanel"]{margin-top:20px;min-width:0}
.inspect{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,7fr);gap:28px;margin-top:48px;align-items:start}
.inspect [role="tablist"]{position:sticky;top:16px;flex-direction:column;padding:0;background:var(--clear);border:0}
.inspect [role="tab"]{position:relative;justify-content:flex-start;padding:16px 20px;text-align:left;border:0;box-shadow:none}
.inspect [role="tab"][aria-selected="true"]::before{content:"";position:absolute;left:0;top:12px;bottom:12px;width:3px;border-radius:var(--r-xs);background:var(--accent)}
.inspect [role="tabpanel"]{margin-top:0}
.toc-tabs{position:sticky;top:var(--toc-offset);z-index:15;display:flex;gap:8px;overflow-x:auto;max-width:100%;padding:8px;background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--r-md);box-shadow:var(--shadow-card);scrollbar-width:thin}
.toc-tabs a{display:inline-flex;align-items:center;justify-content:center;flex:none;min-height:40px;padding:8px 14px;white-space:nowrap;text-decoration:none;font-size:14px;border-radius:var(--r-sm);color:var(--text-muted)}
.toc-tabs a.is-current{background:var(--accent-a08);color:var(--accent-dark);box-shadow:inset 0 -2px 0 var(--accent)}
.toc-tabs.toc-static{position:static}
body:has(.toc-tabs) section[id]{scroll-margin-top:var(--anchor-offset)}
.faq-item{background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--r-md);margin-block:12px;box-shadow:inset 0 1px 0 var(--hi)}
.faq-item summary{position:relative;padding:20px 52px 20px 22px;min-height:56px;cursor:pointer;font-weight:700;list-style:none}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary::after{content:"+";position:absolute;right:22px;top:18px;font-size:22px;line-height:1;color:var(--accent)}
.faq-item[open] summary::after{content:"−"}
.faq-answer{padding:0 22px 20px;color:var(--text-muted);line-height:1.8}
.faq-answer p{margin:0}
.pricing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:stretch}
.price-card{position:relative;display:flex;flex-direction:column;padding:28px;background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:inset 0 1px 0 var(--hi),var(--shadow-card)}
.price-card.is-current{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent),var(--shadow-card)}
.price-badge{align-self:flex-start;display:inline-flex;max-width:100%;padding:4px 10px;margin-bottom:12px;border-radius:var(--r-pill);background:var(--accent-a08);color:var(--accent-dark);font-size:12px;font-weight:700}
.price-card h3{margin:0 0 12px}
.price-amount{margin:0;font-size:38px;font-weight:800;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.price-amount small{font-size:14px;font-weight:500;color:var(--text-muted)}
.price-description{font-size:14px;color:var(--text-muted)}
.price-facts{padding-left:20px;margin:16px 0 24px;line-height:1.9;color:var(--text-muted)}
.price-card .btn{margin-top:auto;width:100%}
.table-scroll{overflow-x:auto;max-width:100%;min-width:0;-webkit-overflow-scrolling:touch;border:1px solid var(--border);border-radius:var(--r-md);background:var(--bg-panel)}
.data-table,.route-table{width:100%;min-width:660px;border-collapse:collapse;font-size:14px;text-align:left}
.data-table th,.data-table td,.route-table th,.route-table td{padding:15px 18px;border-bottom:1px solid var(--border);word-break:keep-all}
.table-scroll th,.data-table th,.route-table th{color:var(--text);font-weight:700;background:var(--bg-panel2);white-space:nowrap}
.data-table td:first-child,.route-table td:first-child{color:var(--text);font-weight:600}
.data-table tr:last-child td,.route-table tr:last-child td{border-bottom:0}
.route-group th{background:var(--side);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;padding:24px 16px;border:1px solid var(--border);border-radius:var(--r-lg);background:var(--bg-panel);box-shadow:var(--shadow-card);color:var(--text-muted);min-width:0}
.platform-card h3{font-size:17px;margin:0;color:var(--text)}
.platform-card .btn{margin-top:auto;max-width:100%;padding-inline:12px;font-size:14px}
.article-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.article-card{display:flex;flex-direction:column;gap:12px;padding:24px;background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-card);min-width:0}
.article-meta{font-size:12px;color:var(--text-muted)}
.article-card h3{font-size:20px;margin:0}
.article-card h3 a{text-decoration:none}
.article-card h3 a:hover{color:var(--accent-dark)}
.article-card p{margin:0;font-size:14px;color:var(--text-muted);line-height:1.75}
.article-more{display:inline-flex;align-items:center;min-height:32px;margin-top:auto;color:var(--accent-dark);font-size:14px}
.callout{margin:24px 0;padding:20px 24px;border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:var(--r-sm);background:var(--side);color:var(--text-muted);line-height:1.8}
.callout p{margin:0}
.promo-block{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:32px;border:1px solid var(--accent-a24);border-radius:var(--r-lg);background:linear-gradient(130deg,var(--bg-panel),var(--accent-a08));box-shadow:var(--shadow-card)}
.promo-copy{min-width:0}
.promo-copy h2,.promo-copy h3{font-size:24px;margin:0 0 8px}
.promo-copy p{margin:0;color:var(--text-muted)}
.promo-block .btn{flex-shrink:0;white-space:nowrap}
.cta-band{background:var(--accent-dark);color:var(--white);padding-top:40px;padding-bottom:40px}
.cta-band .promo-block{border:0;box-shadow:none;background:var(--clear)}
.cta-band .promo-copy p{color:var(--hi)}
.float-cta{position:fixed;right:24px;bottom:calc(24px + env(safe-area-inset-bottom,0px));z-index:20;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:10px 20px;border-radius:var(--r-pill);background:linear-gradient(135deg,var(--accent) 0%,var(--accent) 40%,var(--accent-2) 100%);color:var(--white);font-size:15px;font-weight:700;text-decoration:none;box-shadow:inset 0 1px 0 var(--white-a24),0 16px 30px -14px var(--accent-a24),0 6px 14px -8px var(--accent-a24)}
body:has(.float-cta)::after{content:"";display:block;height:calc(88px + env(safe-area-inset-bottom,0px))}
.ticker{overflow:hidden;max-width:100%;border-block:1px solid var(--border);background:var(--side);padding-block:16px}
.ticker-track{display:flex;width:max-content;max-width:none;will-change:transform}
.ticker-group{display:flex;align-items:center;gap:32px;padding-inline:16px;flex-shrink:0}
.ticker-group span{white-space:nowrap;color:var(--text-muted);font-weight:600}
.preview-section{padding-top:56px;padding-bottom:56px;border-top:1px solid var(--border)}
.preview-section>h2{margin-top:0}
.preview-row{display:flex;flex-wrap:wrap;gap:16px;align-items:center}
.swatches{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.swatch{display:flex;flex-direction:column;gap:10px;padding:16px;border:1px solid var(--border);border-radius:var(--r-md);background:var(--bg-panel);font-family:var(--font-mono);font-size:12px;overflow-wrap:anywhere}
.swatch::before{content:"";display:block;height:56px;border-radius:var(--r-sm);border:1px solid var(--border)}
.swatch-bg::before{background:var(--bg)}
.swatch-panel::before{background:var(--bg-panel)}
.swatch-inset::before{background:var(--bg-panel2)}
.swatch-border::before{background:var(--border)}
.swatch-accent::before{background:var(--accent)}
.swatch-dark::before{background:var(--accent-dark)}
.swatch-companion::before{background:var(--accent-2)}
.swatch-text::before{background:var(--text)}
.swatch-muted::before{background:var(--text-muted)}
.swatch-soft::before{background:var(--text-soft)}
.swatch-success::before{background:var(--success)}
.swatch-warn::before{background:var(--warn)}
.swatch-error::before{background:var(--error)}
.swatch-top::before{background:var(--hero-top)}
.swatch-bottom::before{background:var(--hero-bottom)}
.swatch-side::before{background:var(--side)}
.swatch-line::before{background:var(--line)}
.swatch-white::before{background:var(--white)}
.swatch-mint::before{background:var(--glow-mint)}
.swatch-sky::before{background:var(--glow-sky)}
.token-notes{font-size:14px;line-height:1.9;color:var(--text-muted)}
.type-display{font:800 52px/1.1 var(--font-display);letter-spacing:-.02em;margin-block:24px}
.type-subtitle{font-size:22px;line-height:1.5;color:var(--text-muted)}
.preview-head{position:absolute;inset:0 0 auto;z-index:40}
.preview-head .wrap{display:flex;align-items:center;gap:28px;height:var(--nav-h)}
.preview-footer{margin-top:40px}
@media(max-width:1240px){
  .win-body{grid-template-columns:208px minmax(0,1fr)}
}
@media(max-width:1100px){
  .hero-grid{grid-template-columns:minmax(0,1fr);grid-template-areas:"a" "dev" "b";row-gap:32px}
  .copy-a,.copy-b{align-self:auto}
  .device{width:100%;max-width:720px;padding-top:56px}
  .fl-card{right:-12px}
  .fl-chip{left:-12px}
  .stamp{right:-12px}
  .cards{grid-template-columns:repeat(2,minmax(0,1fr))}
  .platform-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .preview-head .nav{display:flex;order:3;flex-basis:100%;justify-content:flex-start;overflow-x:auto}
  .preview-head .wrap{flex-wrap:wrap;height:auto;min-height:108px;row-gap:8px;padding-block:14px}
  .preview-head .head-actions{margin-left:auto}
  .preview-head+.hero{padding-top:172px}
}
@media(max-width:768px){
  .hero h1{font-size:38px}
  .pricing-grid,.article-grid{grid-template-columns:minmax(0,1fr)}
  .inspect{grid-template-columns:minmax(0,1fr)}
  .inspect [role="tablist"]{position:static;flex-direction:row}
  .swatches{grid-template-columns:repeat(3,minmax(0,1fr))}
  .type-display{font-size:36px}
}
@media(max-width:640px){
  .hero{padding-bottom:48px}
  .hero h1{font-size:36px}
  .lede{font-size:16px}
  .facts-row{flex-direction:column;align-items:flex-start;gap:8px}
  .device{padding:44px 0 0}
  .tabs{display:none}
  .fl-card{right:-4px;width:196px;padding:10px 12px 12px}
  .fl-title{font-size:12.5px}
  .fl-icons{gap:6px;margin-top:8px}
  .fl-ico{width:26px;height:26px}
  .win-body{grid-template-columns:minmax(0,1fr);border-radius:0}
  .side{border-right:0;border-bottom:1px solid var(--border);padding-bottom:14px}
  .side-more{margin-top:12px}
  .detail{padding:16px 14px 18px}
  .win-foot{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:12px 14px 14px;border-top:1px solid var(--border);background:var(--side);border-radius:0 0 var(--r-lg) var(--r-lg)}
  .fl-chip,.stamp{position:static;transform:none;box-shadow:none}
  .fl-chip{white-space:normal;font-size:12.5px;max-width:100%}
  .stamp{flex-direction:row;gap:6px;padding:6px 12px;outline-offset:-4px}
  .stamp-num{font-size:14px}
  .stamp-txt{margin-top:0}
  .catalog{padding-top:56px;padding-bottom:72px}
  .cat-head h2{font-size:26px}
  .cards{gap:12px}
  .card{padding:24px 14px}
  .card h3{font-size:15.5px}
  .card p{font-size:13.5px}
  .float-cta{right:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px));min-height:44px;padding:10px 16px}
  .platform-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .promo-block{flex-direction:column;align-items:flex-start;padding:24px}
  .swatches{grid-template-columns:repeat(2,minmax(0,1fr))}
  .preview-head .wrap{gap:8px}
  .preview-head .nav-list li+li::before{padding-inline:7px}
}
@media(prefers-reduced-motion:reduce){
  .ticker-track{width:100%;transform:none!important;flex-wrap:wrap;will-change:auto}
  .ticker-group{flex-wrap:wrap;gap:16px}
  .ticker-group[data-ticker-copy]{display:none}
}