.hero { position:relative; overflow-x:clip; max-width:100%; padding-top:28px; padding-bottom:28px; background:radial-gradient(60% 46% at 50% 80%,var(--accent-mist),var(--clear) 70%),linear-gradient(180deg,var(--bg-top),var(--bg-bottom)) }
.hero-copy { position:relative; z-index:2; display:flex; flex-direction:column; align-items:center; text-align:center }
.badge { display:inline-flex; align-items:center; gap:8px; min-height:28px; max-width:100%; margin:0 0 16px; padding:4px 13px 4px 10px; border-radius:var(--r-pill); background:var(--panel); border:1px solid var(--border); color:var(--muted); font-size:var(--fs-label); line-height:1.4; box-shadow:0 6px 14px -10px var(--shadow-brick-2) }
.badge svg { width:14px; height:14px; color:var(--text); flex:none }
.badge-sep { color:var(--border) }
.hero h1 { margin:0 0 20px; font-weight:var(--weight-normal); font-size:64px; line-height:1.1; letter-spacing:-.02em }
.hero h1 .hl { color:var(--accent) }
.cta { display:flex; flex-wrap:wrap; justify-content:center; gap:12px; margin:0 0 18px }
.lede { margin:0 0 12px; font-size:var(--fs-lede); line-height:30px; color:var(--muted) }
.lede strong { color:var(--text) }
.trust { display:flex; flex-wrap:wrap; justify-content:center; gap:8px 24px; list-style:none; margin:0 0 20px; padding:0; font-size:var(--fs-small); line-height:22px; color:var(--muted) }
.trust li { display:inline-flex; align-items:center; gap:6px }
.trust svg { width:14px; height:14px; color:var(--text); flex:none }
.wall { display:flex; flex-direction:column; align-items:center; gap:8px; margin:0 0 30px }
.wall ul { display:flex; align-items:center; justify-content:center; gap:26px; list-style:none; margin:0; padding:0; min-height:24px; font-size:var(--fs-small); line-height:20px; color:var(--muted) }
.wall li { display:inline-flex; align-items:center; gap:7px; white-space:nowrap }
.wall .cap { font-family:var(--font-mono); font-size:var(--fs-tiny); letter-spacing:.08em; color:var(--muted); padding-right:20px; border-right:1px solid var(--border) }
.pf { width:18px; height:18px; flex:none; color:var(--muted); overflow:hidden }
.flag { width:24px; height:16px; flex:none; clip-path:inset(0 round var(--r-flag)); filter:grayscale(.5) saturate(.85); overflow:hidden }
.f-red { fill:var(--flag-red) }
.f-blue { fill:var(--flag-blue) }
.f-white { fill:var(--flag-white) }
.f-green { fill:var(--flag-green) }
.f-edge { fill:none; stroke:var(--flag-edge); stroke-width:1 }
.stage { position:relative; z-index:1; width:90%; height:372px; margin:0 auto; border-radius:var(--r-panel); background:var(--brick-surface); box-shadow:inset 0 1px 0 var(--panel-hi),0 48px 96px -28px var(--shadow-brick),0 18px 36px -18px var(--shadow-brick-2) }
.panel-head { position:relative; z-index:3; display:flex; justify-content:space-between; align-items:flex-start; gap:24px; padding:26px 32px 0 40px }
.panel-head h2 { margin:0; font-weight:var(--weight-normal); font-size:var(--fs-panel); line-height:30px; letter-spacing:-.01em; color:var(--on-accent) }
.panel-head p { margin:4px 0 0; font-size:var(--fs-small); line-height:20px; color:var(--on-accent-soft) }
.stack { position:absolute; top:0; left:50%; width:840px; height:100%; transform:translateX(-50%); transform-origin:50% 100% }
.gc { position:absolute; width:290px; height:196px; padding:14px 14px 14px 12px; display:grid; grid-template-columns:20px minmax(0,1fr); column-gap:10px; align-items:start; border-radius:var(--r-card); color:var(--on-accent); background:linear-gradient(155deg,var(--glass-strong),var(--glass) 58%); border:1px solid var(--glass-line); box-shadow:inset 0 1px 0 var(--glass-hi),0 24px 38px -16px var(--shadow-deep); -webkit-backdrop-filter:blur(12px) saturate(1.15); backdrop-filter:blur(12px) saturate(1.15); transform-origin:0 100%; transform:rotateY(-34deg) }
.gc:nth-child(1) { left:0; top:156px }
.gc:nth-child(2) { left:200px; top:152px }
.gc:nth-child(3) { left:400px; top:148px }
.gc:nth-child(4) { left:600px; top:144px }
.gc--back { padding-right:56px }
.gc-spine { writing-mode:vertical-rl; display:flex; align-items:center; gap:5px; width:20px; padding:7px 0; border-radius:var(--r-pill); background:var(--glass); border:1px solid var(--glass-line); font-size:var(--fs-tiny); line-height:1; letter-spacing:.12em; color:var(--on-accent-soft) }
.gc-spine b { text-combine-upright:all; font-family:var(--font-mono); font-weight:var(--weight-medium); color:var(--on-accent) }
.gc-body { min-width:0 }
.gc-title { display:flex; align-items:baseline; justify-content:space-between; gap:8px; margin:0 0 8px; font-size:var(--fs-label); font-weight:var(--weight-medium); line-height:20px; color:var(--on-accent) }
.gc-meta { font-family:var(--font-mono); font-size:var(--fs-micro); font-weight:var(--weight-normal); letter-spacing:.04em; color:var(--on-accent-faint); white-space:nowrap }
.mini-flag { width:15px; height:10px; flex:none; clip-path:inset(0 round var(--r-mini)); overflow:hidden }
.routes { list-style:none; margin:0; padding:0 }
.routes li { display:flex; align-items:center; gap:7px; height:22px; padding:0 6px; border-radius:var(--r-sm); font-size:var(--fs-caption); color:var(--on-accent-soft); white-space:nowrap }
.routes li.is-on { background:var(--glass-strong); color:var(--on-accent); box-shadow:inset 0 0 0 1px var(--glass-line) }
.routes em { margin-left:2px; padding:2px 6px; border-radius:var(--r-pill); background:var(--on-accent); color:var(--accent); font-style:normal; font-size:var(--fs-micro); line-height:1 }
.switch-row { display:flex; align-items:center; justify-content:space-between; height:26px; margin:0 0 8px; padding:0 8px; border-radius:var(--r-btn); background:var(--glass); box-shadow:inset 0 0 0 1px var(--glass-line); font-size:var(--fs-caption); color:var(--on-accent-soft) }
.sw-state { display:inline-flex; align-items:center; gap:6px; color:var(--on-accent) }
.switch { position:relative; display:inline-block; width:28px; height:16px; border-radius:var(--r-pill); background:var(--on-accent) }
.switch::after { content:""; position:absolute; top:2px; right:2px; width:12px; height:12px; border-radius:var(--r-round); background:var(--accent) }
.rules { list-style:none; margin:0; padding:0; display:grid; gap:6px }
.rules li { display:flex; align-items:center; gap:6px; height:28px; font-size:var(--fs-caption); white-space:nowrap }
.chip { display:inline-flex; align-items:center; gap:5px; min-height:22px; max-width:100%; padding:2px 8px; border-radius:var(--r-sm); background:var(--glass-strong); box-shadow:inset 0 0 0 1px var(--glass-line); color:var(--on-accent) }
.chip--to { background:var(--glass) }
.to { width:14px; height:10px; flex:none; color:var(--on-accent-faint) }
.devices { list-style:none; margin:0; padding:0; display:grid; grid-template-columns:1fr 1fr; gap:4px 8px }
.devices li { display:flex; align-items:center; gap:7px; height:22px; font-size:var(--fs-caption); color:var(--on-accent-soft) }
.devices li::before { content:""; width:5px; height:5px; border-radius:var(--r-dot); background:var(--on-accent); flex:none }
.gc-big { display:flex; align-items:baseline; justify-content:space-between; margin-top:10px; padding:8px 10px; border-radius:var(--r-tag); background:var(--glass-strong); box-shadow:inset 0 0 0 1px var(--glass-line),inset 0 1px 0 var(--glass-hi) }
.gc-big span { font-size:var(--fs-tiny); color:var(--on-accent-faint) }
.gc-big strong { font-size:var(--fs-mid); line-height:24px; font-weight:var(--weight-medium); letter-spacing:-.01em; color:var(--on-accent) }
.gc-corner { padding:3px 7px; border-radius:var(--r-pill); background:var(--on-accent); color:var(--accent); font-family:var(--font-mono); font-size:var(--fs-micro); font-weight:var(--weight-medium); line-height:1; letter-spacing:0; white-space:nowrap }
.opts { list-style:none; margin:0; padding:0; display:grid; gap:5px }
.opts li { display:grid; grid-template-columns:12px auto 1fr; align-items:center; gap:7px; height:23px; padding:0 8px; border-radius:var(--r-sm); background:var(--glass); box-shadow:inset 0 0 0 1px var(--glass-line); font-size:var(--fs-caption); color:var(--on-accent-soft) }
.opts li.is-on { background:var(--glass-strong); color:var(--on-accent) }
.opts .dot { width:12px; height:12px; border-radius:var(--r-round); box-shadow:inset 0 0 0 1.5px var(--on-accent-soft) }
.opts li.is-on .dot { background:var(--accent); box-shadow:inset 0 0 0 3px var(--on-accent) }
.opts .price { color:var(--on-accent); font-weight:var(--weight-medium) }
.opts .price small { font-size:var(--fs-micro); font-weight:var(--weight-normal); color:var(--on-accent-faint) }
.opts .gb { justify-self:end; font-family:var(--font-mono); font-size:var(--fs-tiny); color:var(--on-accent-soft) }
.fields { display:grid; gap:4px; margin:6px 0 0 }
.field { display:flex; align-items:center; justify-content:space-between; height:22px; margin:0; padding:0 2px; border-bottom:1px solid var(--glass-line); font-size:var(--fs-tiny) }
.field span { color:var(--on-accent-faint) }
.field b { font-weight:var(--weight-medium); color:var(--on-accent) }
.float-pill { position:absolute; z-index:4; top:140px; right:-96px; display:inline-flex; align-items:center; gap:8px; height:36px; padding:0 16px 0 12px; border-radius:var(--r-pill); background:var(--panel); border:1px solid var(--border); color:var(--text); font-size:var(--fs-label); line-height:1; white-space:nowrap; box-shadow:0 16px 32px -14px var(--shadow-brick-2),0 3px 8px var(--shadow-brick) }
.status-dot { width:8px; height:8px; border-radius:var(--r-round); background:var(--success); box-shadow:0 0 0 4px var(--success-halo); flex:none }
.pill-flag { width:18px; height:12px; flex:none; clip-path:inset(0 round var(--r-mini)); overflow:hidden }
.float-tag { position:absolute; z-index:4; left:-36px; bottom:-18px; display:inline-flex; align-items:center; gap:8px; height:36px; padding:0 14px 0 12px; border-radius:var(--r-tag); background:var(--glass-paper); border:1px solid var(--panel); color:var(--text); font-size:var(--fs-label); line-height:1; white-space:nowrap; -webkit-backdrop-filter:blur(10px) saturate(1.2); backdrop-filter:blur(10px) saturate(1.2); box-shadow:inset 0 1px 0 var(--panel),0 16px 30px -14px var(--shadow-brick-2),0 3px 8px var(--shadow-brick) }
.float-tag svg { width:15px; height:15px; color:var(--accent); flex:none }
.band { background:var(--panel-2); border-top:1px solid var(--border); padding-top:18px; padding-bottom:18px }
.band ul { display:flex; flex-wrap:wrap; justify-content:center; gap:10px 40px; list-style:none; margin:0; padding:0; font-family:var(--font-mono); font-size:var(--fs-label); line-height:20px; color:var(--muted) }
.band b { font-weight:var(--weight-medium); color:var(--text) }
.tabs { min-width:0 }
.tab-list,[role="tablist"].tab-list { display:flex; flex-wrap:wrap; gap:8px; margin-bottom:24px; padding:6px; width:fit-content; max-width:100%; border:1px solid var(--border); border-radius:var(--r-tag); background:var(--panel-2) }
[role="tab"] { min-height:44px; padding:10px 20px; border:1px solid var(--clear); border-radius:var(--r-btn); font-size:var(--fs-small); font-family:var(--font-body); color:var(--muted); background:var(--clear); text-align:left }
[role="tab"][aria-selected="true"] { color:var(--accent); background:var(--panel); border-color:var(--border); box-shadow:var(--shadow-card) }
[role="tabpanel"] { min-width:0 }
.feature-tabs { display:grid; grid-template-columns:minmax(0,3fr) minmax(0,7fr); column-gap:40px; align-items:start }
.feature-tabs > [role="tablist"] { display:contents }
.feature-tabs [role="tab"] { grid-column:1; position:relative; padding:24px 12px 24px 24px; border:0; border-bottom:1px solid var(--border); border-radius:0; background:var(--clear); box-shadow:none; font-size:var(--fs-brand) }
.feature-tabs [role="tab"][aria-selected="true"] { color:var(--text) }
.feature-tabs [role="tab"][aria-selected="true"]::before { content:""; position:absolute; left:0; top:34px; width:7px; height:7px; border-radius:var(--r-mini); background:var(--accent) }
.feature-number { display:inline-block; margin-right:12px; font-family:var(--font-mono); color:var(--muted); font-size:var(--fs-small) }
.feature-tabs > [role="tabpanel"] { grid-column:2; grid-row:1 / span 6; align-self:stretch }
.feature-panel { position:relative; overflow-x:clip; min-height:520px; padding:40px; color:var(--on-accent); background:var(--brick-surface); border:1px solid var(--glass-line); border-radius:var(--r-panel); box-shadow:inset 0 1px 0 var(--panel-hi),var(--shadow-card) }
.feature-panel h3 { color:var(--on-accent) }
.feature-panel p { color:var(--on-accent-soft); max-width:600px }
.feature-panel .btn { margin-bottom:24px }
.feature-glass { margin:30px 12px 12px; padding:24px; border:1px solid var(--glass-line); border-radius:var(--r-card); background:var(--glass); backdrop-filter:blur(12px); box-shadow:inset 0 1px 0 var(--glass-hi),0 20px 32px -20px var(--shadow-deep); transform:perspective(900px) rotateX(12deg) rotateY(-10deg) }
.feature-glass p { margin:0 }
.toc-tabs { position:sticky; top:0; z-index:20; display:flex; gap:8px; overflow-x:auto; max-width:100%; padding:12px; margin-bottom:32px; border:1px solid var(--border); border-radius:var(--r-tag); background:var(--panel); box-shadow:var(--shadow-card); scrollbar-width:thin; overscroll-behavior-x:contain }
.toc-tabs.is-static { position:static }
.toc-tabs a { display:inline-flex; align-items:center; flex-shrink:0; min-height:40px; padding:8px 16px; border-radius:var(--r-btn); color:var(--muted); font-size:var(--fs-small); text-decoration:none; white-space:nowrap }
.toc-tabs a.is-current { background:var(--accent-wash); color:var(--accent) }
body:has(.toc-tabs) section[id] { scroll-margin-top:var(--toc-offset) }
.faq-list { display:grid; gap:12px }
.faq { border:1px solid var(--border); border-radius:var(--r-tag); background:var(--panel); box-shadow:inset 0 1px 0 var(--panel-hi) }
.faq summary { position:relative; min-height:56px; padding:18px 52px 18px 24px; cursor:pointer; list-style:none; font-weight:var(--weight-medium) }
.faq summary::-webkit-details-marker { display:none }
.faq summary::after { content:"+"; position:absolute; right:24px; top:16px; color:var(--accent); font-size:var(--fs-lede) }
.faq[open] summary::after { content:"−" }
.faq-answer { padding:0 24px 20px; color:var(--muted) }
.faq-answer p:last-child { margin:0 }
.plan-card { position:relative; display:flex; flex-direction:column; padding:32px; border:1px solid var(--border); border-radius:var(--r-card); background:var(--panel); box-shadow:var(--shadow-card),inset 0 1px 0 var(--panel-hi) }
.plan-card.is-current { border-color:var(--accent); background:linear-gradient(160deg,var(--panel),var(--accent-wash)); box-shadow:0 20px 48px -28px var(--shadow-brick-2),inset 0 0 0 1px var(--accent) }
.plan-badge { align-self:flex-start; display:inline-block; padding:4px 10px; margin-bottom:16px; border-radius:var(--r-pill); color:var(--on-accent); background:var(--accent); font-size:var(--fs-caption) }
.plan-price { color:var(--accent); font-size:var(--fs-price); font-family:var(--font-display); line-height:1.2; letter-spacing:-.02em; font-variant-numeric:tabular-nums; margin-bottom:24px }
.plan-price small { color:var(--muted); font-size:var(--fs-small); letter-spacing:0 }
.plan-facts { padding-left:20px; margin:0 0 28px; color:var(--muted) }
.plan-card .btn { margin-top:auto; align-self:flex-start }
.table-scroll { overflow-x:auto; max-width:100%; width:100%; -webkit-overflow-scrolling:touch; border:1px solid var(--border); border-radius:var(--r-card); background:var(--panel); margin-block:24px }
.data-table { width:100%; min-width:640px; font-size:var(--fs-small) }
.data-table caption { text-align:left; padding:16px 20px; color:var(--text); font-weight:var(--weight-medium) }
.data-table th,.data-table td { padding:16px 20px; border-bottom:1px solid var(--border); word-break:keep-all; color:var(--text) }
.table-scroll th,.data-table th { white-space:nowrap; font-weight:var(--weight-medium); background:var(--panel-2); color:var(--text) }
.data-table tbody tr:last-child td { border-bottom:0 }
.data-table .region-row th { color:var(--accent); background:var(--accent-wash) }
.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 { min-width:0; padding:24px 16px; border:1px solid var(--border); border-radius:var(--r-card); background:var(--panel); box-shadow:var(--shadow-card); text-align:center }
.platform-card .pf { display:block; width:32px; height:32px; margin:0 auto 16px; color:var(--text) }
.platform-card h3 { font-size:var(--fs-brand) }
.platform-card .btn { padding-inline:12px; font-size:var(--fs-caption) }
.article-card { display:flex; flex-direction:column; min-width:0; padding:28px; border:1px solid var(--border); border-radius:var(--r-card); background:var(--panel); box-shadow:var(--shadow-card) }
.article-meta { display:flex; flex-wrap:wrap; align-items:center; gap:8px 12px; margin-bottom:20px; color:var(--muted); font-size:var(--fs-caption); font-family:var(--font-mono) }
.article-card h3 { font-size:var(--fs-panel) }
.article-card h3 a { color:var(--text); text-decoration:none }
.article-card h3 a:hover { color:var(--accent) }
.article-card p { color:var(--muted); font-size:var(--fs-small) }
.article-card > a { margin-top:auto; align-self:flex-start; min-height:24px }
.tag { display:inline-block; max-width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding:4px 9px; border-radius:var(--r-sm); background:var(--accent-wash); color:var(--accent); font-size:var(--fs-caption); vertical-align:middle }
.callout { margin:24px 0; padding:24px 28px; border:1px solid var(--border); border-left:3px solid var(--accent); border-radius:var(--r-btn); color:var(--text); background:var(--panel-2) }
.callout p:last-child { margin:0 }
.promo-block { display:flex; align-items:center; justify-content:space-between; gap:24px; padding:32px; margin-block:40px; border-radius:var(--r-panel); border:1px solid var(--glass-line); background:var(--brick-surface); color:var(--on-accent); box-shadow:var(--shadow-card),inset 0 1px 0 var(--panel-hi) }
.promo-block h2,.promo-block h3 { color:var(--on-accent); font-size:var(--fs-h3); margin-bottom:8px }
.promo-block p { color:var(--on-accent-soft); margin:0 }
.promo-block .btn { flex-shrink:0; white-space:nowrap }
.blog-masthead { text-align:center; max-width:900px; margin:0 auto; padding-top:64px; padding-bottom:56px }
.blog-masthead::after { content:""; display:block; width:4em; height:2px; margin:28px auto 0; background:var(--accent) }
.blog-masthead h1 { font-size:var(--fs-h2) }
.blog-masthead .article-meta { justify-content:center }
.preview-block { margin-top:32px }
.preview-row { display:flex; flex-wrap:wrap; gap:16px; align-items:center; margin-block:24px }
.token-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px }
.token { min-width:0; border:1px solid var(--border); border-radius:var(--r-btn); overflow:hidden; background:var(--panel) }
.token-sample { display:block; height:52px; background:var(--sample); border-bottom:1px solid var(--border) }
.token code { display:block; padding:10px; font-size:var(--fs-caption); color:var(--text) }
.sw-bg { --sample:var(--bg) }
.sw-top { --sample:var(--bg-top) }
.sw-bottom { --sample:var(--bg-bottom) }
.sw-panel { --sample:var(--panel) }
.sw-panel2 { --sample:var(--panel-2) }
.sw-border { --sample:var(--border) }
.sw-accent { --sample:var(--accent) }
.sw-deep { --sample:var(--accent-deep) }
.sw-dark { --sample:var(--accent-dark) }
.sw-wash { --sample:var(--accent-wash) }
.sw-mist { --sample:var(--accent-mist) }
.sw-text { --sample:var(--text) }
.sw-textdeep { --sample:var(--text-deep) }
.sw-muted { --sample:var(--muted) }
.sw-link { --sample:var(--link) }
.sw-notice { --sample:var(--notice) }
.sw-success { --sample:var(--success) }
.sw-warn { --sample:var(--warn) }
.sw-error { --sample:var(--error) }
.sw-halo { --sample:var(--success-halo) }
.sw-on { --sample:var(--on-accent) }
.sw-soft { --sample:var(--on-accent-soft) }
.sw-faint { --sample:var(--on-accent-faint) }
.sw-glass { --sample:var(--glass) }
.sw-strong { --sample:var(--glass-strong) }
.sw-line { --sample:var(--glass-line) }
.sw-hi { --sample:var(--glass-hi) }
.sw-paper { --sample:var(--glass-paper) }
.sw-panelhi { --sample:var(--panel-hi) }
.sw-glow { --sample:var(--panel-glow) }
.sw-veil { --sample:var(--panel-veil) }
.sw-shadow { --sample:var(--shadow-brick) }
.sw-shadow2 { --sample:var(--shadow-brick-2) }
.sw-shadowdeep { --sample:var(--shadow-deep) }
.sw-hair { --sample:var(--hairline) }
.sw-edge { --sample:var(--btn-edge) }
.sw-grain { --sample:var(--grain) }
.sw-red { --sample:var(--flag-red) }
.sw-blue { --sample:var(--flag-blue) }
.sw-white { --sample:var(--flag-white) }
.sw-green { --sample:var(--flag-green) }
.sw-flagedge { --sample:var(--flag-edge) }
.sw-clear { --sample:var(--clear) }
.type-display { font-family:var(--font-display); font-size:var(--fs-h1); font-weight:var(--weight-normal); line-height:1.15; margin-bottom:24px }
@media (max-width:1240px) {
  .panel-head { padding-top:34px }
  .float-pill { top:-18px; right:32px }
  .float-tag { left:-16px }
}
@media (max-width:1060px) {
  .stack { transform:translateX(-50%) scale(.9) }
  .platform-grid { grid-template-columns:repeat(3,minmax(0,1fr)) }
}
@media (max-width:960px) {
  .wall ul { flex-wrap:wrap; gap:10px 18px }
  .wall .cap { width:100%; border-right:0; padding-right:0; text-align:center; justify-content:center }
  .stage { width:100%; height:auto; padding-bottom:30px }
  .panel-head { flex-direction:column; gap:14px; padding:34px 20px 0 }
  .stack { position:static; transform:none; width:auto; height:auto; margin:20px 16px 0; display:flex; flex-direction:column }
  .gc { position:relative; left:auto; top:auto; width:100%; height:auto; transform:none }
  .gc:nth-child(n) { left:auto; top:auto }
  .gc--back { padding-right:14px }
  .gc--split,.gc--device { display:none }
  .gc--plan { margin:-22px 0 0 22px; width:calc(100% - 22px) }
  .float-pill { top:-18px; right:16px }
  .float-tag { left:16px; bottom:-16px }
  .feature-tabs { column-gap:24px }
  .feature-panel { padding:28px }
}
@media (max-width:768px) {
  .hero h1 { font-size:40px }
  .feature-tabs { display:flex; flex-direction:column; gap:0 }
  .feature-tabs > [role="tablist"] { display:contents }
  .feature-tabs [role="tab"],.feature-tabs > [role="tabpanel"] { width:100%; flex:none }
  .feature-tabs [data-slot="1"] { order:1 }
  .feature-tabs [data-slot="2"] { order:2 }
  .feature-tabs [data-slot="3"] { order:3 }
  .feature-tabs [data-slot="4"] { order:4 }
  .feature-tabs [data-slot="5"] { order:5 }
  .feature-tabs [data-slot="6"] { order:6 }
  .feature-panel { min-height:0; margin-block:12px; padding:28px }
  .feature-glass { transform:none; margin-inline:0 }
  .promo-block { align-items:flex-start; flex-direction:column }
  .token-grid { grid-template-columns:repeat(3,minmax(0,1fr)) }
}
@media (max-width:640px) {
  .hero h1 { font-size:36px; line-height:1.18 }
  .lede { font-size:var(--fs-mid); line-height:26px }
  .trust { display:grid; grid-template-columns:1fr 1fr; gap:8px 16px; text-align:left }
  .float-pill { font-size:var(--fs-caption) }
  .platform-grid { grid-template-columns:repeat(2,minmax(0,1fr)) }
  .token-grid { grid-template-columns:repeat(2,minmax(0,1fr)) }
  .feature-glass,.gc { transform:none }
  .plan-card,.article-card,.promo-block { padding:24px }
  .type-display { font-size:var(--fs-h1) }
}