.hero { background:linear-gradient(180deg,var(--c-almond-top) 0%,var(--c-almond-bottom) 100%); border-bottom:1px solid var(--c-almond-edge); padding-top:24px; padding-bottom:56px; overflow-x:clip; max-width:100%; }
.hero-copy { display:grid; grid-template-columns:minmax(0,620px) minmax(0,1fr); gap:64px; align-items:end; position:relative; z-index:2; }
.kicker { display:inline-flex; align-items:center; gap:8px; min-height:28px; padding:4px 12px 4px 10px; border:1.5px solid var(--c-ink); border-radius:var(--r-pill); background:var(--c-panel); font-size:13px; font-weight:600; line-height:1; margin-bottom:16px; }
.kicker-dot { width:7px; height:7px; flex-shrink:0; border-radius:var(--r-dot); background:var(--c-ink); }
.hero h1 { font-family:var(--f-display); font-weight:900; font-size:var(--fs-h1); line-height:1.08; letter-spacing:-.03em; color:var(--c-text); }
.line { display:block; }
.kw { background:linear-gradient(180deg,var(--c-transparent) 60%,var(--c-almond-deep) 60%,var(--c-almond-deep) 94%,var(--c-transparent) 94%); padding:0 .03em; }
.hero-meta { padding-bottom:2px; }
.lede { font-size:var(--fs-lede); line-height:1.5; color:var(--c-muted); }
.lede strong { color:var(--c-text); font-weight:700; }
.trust { display:grid; grid-template-columns:1fr 1fr; gap:8px 24px; margin-top:18px; }
.trust li { display:flex; align-items:center; gap:8px; font-size:var(--fs-small); font-weight:600; line-height:22px; }
.trust svg { width:16px; height:16px; color:var(--c-text); }
.meta-rows { margin-top:18px; padding-top:14px; border-top:1px solid var(--c-hairline); display:flex; flex-direction:column; gap:10px; }
.meta-row { display:flex; align-items:center; gap:16px; }
.row-label { flex:none; width:56px; font-family:var(--f-mono); font-size:11px; font-weight:600; letter-spacing:.04em; color:var(--c-muted); }
.plat-list,.flag-list { display:flex; flex-wrap:wrap; align-items:center; gap:6px 16px; min-width:0; }
.plat-list li,.flag-list li { display:flex; align-items:center; gap:6px; font-size:13px; font-weight:500; line-height:22px; white-space:nowrap; }
.plat-list svg { width:16px; height:16px; color:var(--c-text); overflow:hidden; }
.flag { width:22px; height:15px; border-radius:var(--r-dot); overflow:hidden; }
.flag-sq { width:15px; height:15px; }
.fx-red { fill:var(--c-flag-red); }
.fx-white { fill:var(--c-flag-white); }
.fx-blue { fill:var(--c-flag-blue); }
.fx-edge { fill:none; stroke:var(--c-flag-edge); stroke-width:1; }
.stage { position:relative; width:88%; margin:52px auto 0; }
.window-wrap { position:relative; min-width:0; }
.slab { position:absolute; inset:0; transform:translate(10px,10px); background:var(--c-ink); border-radius:var(--r-md); box-shadow:var(--sh-warm); }
.window { position:relative; z-index:1; background:var(--c-white); border:2px solid var(--c-ink); border-radius:var(--r-md); overflow:hidden; }
.chrome { display:grid; grid-template-columns:1fr auto 1fr; align-items:center; height:38px; padding:0 14px; background:linear-gradient(180deg,var(--c-chrome-top) 0%,var(--c-chrome-bottom) 100%); border-bottom:1px solid var(--c-border); box-shadow:inset 0 1px 0 var(--c-white); }
.dots { display:flex; gap:7px; }
.dot { width:11px; height:11px; flex-shrink:0; border-radius:var(--r-round); box-shadow:inset 0 0 0 1px var(--c-ink-12); }
.dot-r { background:var(--c-error); }
.dot-y { background:var(--c-warn); }
.dot-g { background:var(--c-success); }
.chrome-title { display:flex; align-items:center; gap:6px; font-size:var(--fs-caption); font-weight:500; color:var(--c-muted); line-height:1; }
.chrome-title svg { width:12px; height:12px; }
.chrome-tail { justify-self:end; font-family:var(--f-mono); font-size:11px; color:var(--c-muted); line-height:1; }
.win-body { display:grid; grid-template-columns:236px minmax(0,1fr); }
.side { background:var(--c-panel); border-right:1px solid var(--c-border); padding:16px 12px 14px; }
.side-head { padding:0 8px 12px; }
.side-title { font-family:var(--f-display); font-size:15px; font-weight:800; letter-spacing:-.01em; line-height:1.3; }
.side-sub { font-size:var(--fs-caption); color:var(--c-muted); line-height:1.4; margin-top:2px; }
.side-search { display:flex; align-items:center; gap:8px; height:30px; padding:0 10px; margin-bottom:10px; border-radius:var(--r-chip); background:var(--c-bg); border:1px solid var(--c-border); font-size:12.5px; color:var(--c-muted); }
.side-search svg { width:14px; height:14px; }
.side-list { display:flex; flex-direction:column; gap:1px; }
.side-item { display:flex; align-items:center; gap:10px; min-height:28px; padding:4px 10px; border-radius:var(--r-chip); font-size:13.5px; line-height:1; color:var(--c-text); }
.side-item .flag { width:18px; height:12px; }
.side-item .flag-sq { width:12px; height:12px; margin-inline:3px; }
.side-item .ico { width:16px; height:16px; color:var(--c-muted); }
.side-item.is-on { background:var(--c-panel-2); font-weight:600; box-shadow:inset 0 0 0 1px var(--c-almond-edge); }
.aux { margin-left:auto; font-family:var(--f-mono); font-size:10.5px; font-weight:500; color:var(--c-muted); }
.side-item.is-on .aux { color:var(--c-text); }
.side-item.is-add { color:var(--c-muted); }
.side-sep { height:1px; background:var(--c-border); margin:8px 10px; }
.doc { display:grid; grid-template-columns:minmax(0,1fr) 200px; column-gap:24px; padding:20px 32px 16px; }
.crumb { font-family:var(--f-mono); font-size:11.5px; color:var(--c-muted); line-height:17px; margin-bottom:8px; }
.doc-title { font-family:var(--f-display); font-size:var(--fs-h3); font-weight:800; letter-spacing:-.02em; line-height:1.2; margin-bottom:8px; }
.doc-text { font-size:13.5px; line-height:1.65; margin-bottom:14px; }
.doc-text mark { background:var(--c-panel-2); color:inherit; padding:1px 4px; border-radius:var(--r-focus); box-shadow:inset 0 -2px 0 var(--c-almond-deep); font-weight:600; }
.plans { display:grid; grid-template-columns:1fr 1fr; gap:14px; margin-bottom:14px; }
.plans > * { min-width:0; }
.plan { border:1px solid var(--c-border); border-radius:var(--r-card); padding:12px 14px; background:var(--c-white); }
.plan.is-on { border:1.5px solid var(--c-ink); background:linear-gradient(180deg,var(--c-white),var(--c-panel)); box-shadow:3px 3px 0 var(--c-ink); }
.plan-top { display:flex; flex-wrap:wrap; align-items:baseline; justify-content:space-between; gap:4px 8px; line-height:24px; }
.plan-name { display:flex; align-items:center; gap:6px; font-size:12.5px; font-weight:700; }
.radio { width:12px; height:12px; flex-shrink:0; border-radius:var(--r-round); border:1.5px solid var(--c-muted); }
.plan.is-on .radio { border-color:var(--c-ink); box-shadow:inset 0 0 0 2.5px var(--c-white); background:var(--c-ink); }
.plan-price { font-family:var(--f-display); font-size:var(--fs-lede); font-weight:800; letter-spacing:-.02em; white-space:nowrap; }
.plan-price small { font-size:var(--fs-caption); font-weight:600; letter-spacing:0; color:var(--c-muted); }
.plan-meta { font-size:var(--fs-caption); color:var(--c-muted); line-height:18px; margin:2px 0 8px; }
.chips { display:flex; flex-wrap:wrap; gap:4px; min-width:0; }
.chip { display:inline-flex; align-items:center; min-height:20px; padding:3px 6px; border-radius:var(--r-xs); background:var(--c-bg); border:1px solid var(--c-border); font-size:10.5px; font-weight:600; line-height:1.2; max-width:100%; overflow:hidden; overflow-wrap:anywhere; }
.lines { width:100%; border-collapse:collapse; font-size:12.5px; line-height:1.4; }
.lines th { text-align:left; font-size:11px; font-weight:600; color:var(--c-muted); padding:6px 8px; border-bottom:1px solid var(--c-border); }
.lines td { padding:6px 8px; border-bottom:1px solid var(--c-border); vertical-align:middle; }
.lines tr:last-child td { border-bottom:0; }
.lines .col-type { width:112px; }
.lines .col-scene { width:168px; }
.tag { display:inline-flex; align-items:center; min-height:20px; padding:3px 7px; border-radius:var(--r-xs); background:var(--c-lavender); border:1px solid var(--c-lavender-edge); font-family:var(--f-mono); font-size:11px; font-weight:600; max-width:100%; overflow:hidden; overflow-wrap:anywhere; }
.tag.is-on { background:var(--c-panel-2); border-color:var(--c-almond-edge); }
.plat-text { font-family:var(--f-mono); font-size:11px; color:var(--c-muted); white-space:nowrap; }
.doc-aside { padding-top:150px; }
.outline-label { font-family:var(--f-mono); font-size:10.5px; font-weight:600; letter-spacing:.06em; color:var(--c-muted); margin-bottom:6px; }
.outline li { font-size:12.5px; line-height:22px; padding-left:10px; border-left:2px solid var(--c-border); color:var(--c-muted); }
.outline li.is-on { border-left-color:var(--c-ink); color:var(--c-text); font-weight:600; }
.float-status { position:absolute; z-index:3; top:64px; right:-44px; width:236px; padding:12px 14px; background:var(--c-white); border:1.5px solid var(--c-ink); border-radius:var(--r-card); box-shadow:var(--sh-float); }
.fs-head { display:flex; align-items:center; gap:8px; font-size:13px; font-weight:700; line-height:18px; }
.led { width:8px; height:8px; flex-shrink:0; border-radius:var(--r-round); background:var(--c-success); box-shadow:0 0 0 3px var(--c-success-18); }
.fs-sub { font-size:var(--fs-caption); color:var(--c-muted); line-height:16px; margin:4px 0 10px 16px; }
.fs-row { display:flex; align-items:center; gap:10px; padding-top:10px; border-top:1px solid var(--c-border); }
.switch { position:relative; width:34px; height:20px; border-radius:var(--r-pill); background:var(--c-ink); flex:none; }
.switch::after { content:""; position:absolute; top:3px; right:3px; width:14px; height:14px; border-radius:var(--r-round); background:var(--c-white); }
.fs-label { font-size:13px; font-weight:600; }
.fs-state { margin-left:auto; font-family:var(--f-mono); font-size:10.5px; color:var(--c-success); font-weight:600; }
.chip-coverage { position:absolute; z-index:3; top:-30px; left:-56px; display:inline-flex; align-items:center; gap:8px; min-height:34px; padding:6px 14px; border-radius:var(--r-pill); background:var(--c-lavender); border:1.5px solid var(--c-ink); box-shadow:var(--sh-float-sm); font-family:var(--f-mono); font-size:13px; font-weight:700; line-height:1; }
.chip-coverage svg { width:16px; height:16px; }
.sep { color:var(--c-muted); font-weight:500; }
.note-signup { position:absolute; z-index:3; right:-70px; bottom:28px; width:214px; padding:12px 14px; border-radius:var(--r-card); background:var(--c-panel-2); border:1.5px solid var(--c-ink); box-shadow:var(--sh-float); transform:rotate(-2deg); }
.note-head { display:flex; align-items:center; gap:8px; font-size:var(--fs-small); font-weight:800; line-height:20px; }
.note-head svg { width:16px; height:16px; }
.note-text { font-size:12.5px; color:var(--c-muted); line-height:18px; margin-top:3px; padding-left:24px; }
.wall { background:var(--c-bg); padding-top:72px; padding-bottom:88px; }
.wall-title { text-align:center; font-family:var(--f-body); font-size:18px; font-weight:500; color:var(--c-muted); line-height:1.5; margin-bottom:32px; }
.wall-list { display:flex; flex-wrap:wrap; justify-content:center; align-items:center; gap:24px 56px; color:var(--c-ink); }
.wall-list li { font-size:28px; line-height:1.2; white-space:nowrap; }
.wm-win { font-family:var(--f-display); font-weight:600; letter-spacing:-.01em; }
.wm-mac { font-family:var(--f-display); font-weight:300; letter-spacing:-.02em; }
.wm-ios { font-family:var(--f-display); font-weight:800; letter-spacing:-.03em; }
.wm-android { font-family:var(--f-display); font-weight:600; letter-spacing:.12em; }
.wm-linux { font-family:var(--f-mono); font-weight:700; }
.wm-alipay { font-family:var(--f-body); font-weight:800; letter-spacing:.04em; }
.wm-wechat { font-family:var(--f-body); font-weight:500; letter-spacing:.08em; }
.wm-usdt { font-family:var(--f-display); font-weight:900; letter-spacing:-.02em; padding:0 8px; border:2.5px solid var(--c-ink); border-radius:var(--r-xs); }
.feature-section { background:var(--c-lavender); border-block:1px solid var(--c-lavender-edge); }
.tab-workspace { display:grid; grid-template-columns:minmax(0,30fr) minmax(0,70fr); background:var(--c-white); border:2px solid var(--c-ink); border-radius:var(--r-md); box-shadow:var(--sh-float); min-width:0; }
.tab-workspace [role="tablist"] { display:flex; flex-direction:column; gap:4px; padding:20px 12px; border-right:1px solid var(--c-border); min-width:0; }
[role="tab"] { display:inline-flex; align-items:center; gap:10px; min-height:44px; padding:10px 14px; text-align:left; background:var(--c-transparent); border:1px solid var(--c-transparent); border-radius:var(--r-sm); font-weight:600; }
[role="tab"] svg { width:18px; height:18px; }
[role="tab"][aria-selected="true"] { background:var(--c-panel-2); border-color:var(--c-almond-edge); color:var(--c-text); box-shadow:2px 2px 0 var(--c-ink); }
[role="tab"]:hover { border-color:var(--c-ink); }
.tab-panel { padding:32px; min-width:0; }
.tab-panel h3 { margin-bottom:16px; }
.tab-panel p { margin-bottom:20px; }
.tab-panel .chips { margin-top:20px; }
.cycle-tabs { display:flex; flex-wrap:wrap; gap:8px; margin-bottom:24px; }
.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:10px; margin-bottom:32px; background:var(--c-panel); border:1.5px solid var(--c-ink); border-radius:var(--r-sm); box-shadow:var(--sh-float-sm); scrollbar-width:thin; }
.toc-tabs a { display:inline-flex; align-items:center; flex-shrink:0; min-height:40px; padding:8px 14px; border-radius:var(--r-xs); white-space:nowrap; font-size:var(--fs-small); }
.toc-tabs a.is-current { background:var(--c-panel-2); box-shadow:inset 0 -2px 0 var(--c-ink); font-weight:700; }
.toc-tabs.is-flow { position:static; }
body:has(.toc-tabs) section[id] { scroll-margin-top:var(--anchor-offset); }
.faq-item { background:var(--c-panel); border-bottom:1px solid var(--c-border); }
.faq-item summary { display:flex; align-items:center; justify-content:space-between; gap:20px; min-height:64px; padding:18px 20px; font-weight:700; cursor:pointer; list-style:none; }
.faq-item summary::-webkit-details-marker { display:none; }
.faq-item summary::after { content:"+"; flex-shrink:0; font-family:var(--f-mono); font-size:22px; }
.faq-item[open] summary::after { content:"−"; }
.faq-answer { padding:0 20px 24px; color:var(--c-muted); }
.faq-item[open] { background:var(--c-white); }
.pricing-card { position:relative; display:flex; flex-direction:column; gap:20px; min-width:0; padding:28px; background:var(--c-panel); border:1.5px solid var(--c-ink); border-radius:var(--r-md); }
.pricing-card.is-current { background:var(--c-white); border-width:2px; box-shadow:var(--sh-float); }
.price { font-family:var(--f-display); font-size:44px; line-height:1.1; font-weight:900; letter-spacing:-.03em; font-variant-numeric:tabular-nums; }
.price small { font-family:var(--f-body); font-size:var(--fs-small); color:var(--c-muted); font-weight:500; letter-spacing:0; }
.pricing-facts { display:grid; gap:12px; font-size:var(--fs-small); }
.pricing-card .btn { margin-top:auto; align-self:flex-start; }
.badge { display:inline-flex; align-items:center; gap:6px; max-width:100%; min-height:26px; padding:4px 10px; border:1px solid var(--c-ink); border-radius:var(--r-pill); background:var(--c-panel-2); font-size:var(--fs-caption); font-weight:700; overflow:hidden; overflow-wrap:anywhere; }
.value-badge { position:absolute; top:-14px; right:20px; background:var(--c-lavender); }
.table-scroll { width:100%; max-width:100%; min-width:0; overflow-x:auto; -webkit-overflow-scrolling:touch; border:1px solid var(--c-border); border-radius:var(--r-sm); background:var(--c-panel); }
.data-table,.server-table,.comparison-table { width:100%; min-width:640px; border-collapse:collapse; font-size:var(--fs-small); }
.data-table th,.data-table td,.server-table th,.server-table td,.comparison-table th,.comparison-table td { padding:14px 18px; text-align:left; border-bottom:1px solid var(--c-border); word-break:keep-all; }
.table-scroll th,.data-table th { color:var(--c-text); background:var(--c-panel-2); font-weight:700; white-space:nowrap; }
.table-scroll td:first-child { color:var(--c-text); font-weight:600; }
.server-table .region-row th { background:var(--c-lavender); border-top:1px solid var(--c-ink); }
.data-table tr:last-child td,.server-table tr:last-child td,.comparison-table tr:last-child td { border-bottom:0; }
.prose > .data-table { display:block; overflow-x:auto; -webkit-overflow-scrolling:touch; max-width:100%; min-width:0; }
.platform-card { display:flex; flex-direction:column; align-items:flex-start; gap:16px; min-width:0; padding:24px; border:1px solid var(--c-ink); border-radius:var(--r-md); background:var(--c-panel); }
.platform-card > svg { width:32px; height:32px; overflow:hidden; }
.platform-card h3 { font-size:20px; }
.platform-card p { font-size:var(--fs-small); color:var(--c-muted); }
.platform-card .btn { margin-top:auto; }
.article-card { min-width:0; display:flex; flex-direction:column; gap:16px; padding:24px; background:var(--c-panel); border-top:3px solid var(--c-ink); border-bottom:1px solid var(--c-border); }
.article-card h3 { font-size:22px; }
.article-card h3 a { display:block; }
.article-card h3 a:hover { text-decoration:underline; text-underline-offset:4px; }
.article-card p { color:var(--c-muted); font-size:var(--fs-small); }
.article-meta { display:flex; flex-wrap:wrap; align-items:center; gap:8px; font-size:var(--fs-caption); color:var(--c-muted); }
.blog-hero { background:var(--c-panel-2); border-block:1px solid var(--c-almond-edge); padding-top:48px; padding-bottom:48px; }
.blog-hero .article-meta { margin-top:20px; }
.callout { padding:20px 24px; border-left:4px solid var(--c-accent); background:var(--c-panel-2); border-radius:0 var(--r-sm) var(--r-sm) 0; }
.callout p + p { margin-top:12px; }
.promo-block { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:24px; padding:28px; margin-top:40px; border:1.5px solid var(--c-ink); border-radius:var(--r-md); background:var(--c-panel-2); box-shadow:var(--sh-float-sm); }
.promo-copy { flex:1 1 260px; min-width:0; }
.promo-brand { font-family:var(--f-display); font-size:24px; font-weight:800; }
.promo-block p { margin-top:8px; font-size:var(--fs-small); }
.promo-block .btn { flex-shrink:0; white-space:nowrap; }
.ticker { overflow:hidden; max-width:100%; border-block:1px solid var(--c-border); padding-block:18px; }
.ticker-track { display:flex; width:max-content; will-change:transform; }
.ticker-group { display:flex; align-items:center; flex-shrink:0; gap:40px; padding-right:40px; font-family:var(--f-mono); font-size:var(--fs-small); }
.ticker-group span { flex-shrink:0; white-space:nowrap; }
.preview-section { padding-top:64px; padding-bottom:64px; border-top:1px solid var(--c-border); }
.preview-section h2 { margin-bottom:28px; }
.swatch-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(190px,1fr)); gap:16px; }
.swatch { border:1px solid var(--c-border); border-radius:var(--r-sm); overflow:hidden; background:var(--c-panel); }
.swatch-color { height:64px; border-bottom:1px solid var(--c-border); }
.swatch code { display:block; padding:12px; font-size:var(--fs-caption); }
.sw-bg { background:var(--c-bg); }
.sw-panel { background:var(--c-panel); }
.sw-panel2 { background:var(--c-panel-2); }
.sw-border { background:var(--c-border); }
.sw-accent { background:var(--c-accent); }
.sw-accent-dark { background:var(--c-accent-dark); }
.sw-text { background:var(--c-text); }
.sw-muted { background:var(--c-muted); }
.sw-success { background:var(--c-success); }
.sw-warn { background:var(--c-warn); }
.sw-error { background:var(--c-error); }
.sw-ink { background:var(--c-ink); }
.sw-white { background:var(--c-white); }
.sw-lavender { background:var(--c-lavender); }
.sw-lavender-edge { background:var(--c-lavender-edge); }
.sw-almond-top { background:var(--c-almond-top); }
.sw-almond-bottom { background:var(--c-almond-bottom); }
.sw-almond-deep { background:var(--c-almond-deep); }
.sw-almond-edge { background:var(--c-almond-edge); }
.sw-chrome { background:linear-gradient(var(--c-chrome-top),var(--c-chrome-bottom)); }
.sw-hairline { background:var(--c-hairline); }
.sw-shadow { background:var(--c-accent-12); }
.sw-success-tint { background:var(--c-success-18); }
.sw-ink-tint { background:var(--c-ink-12); }
.sw-veil { background:var(--c-veil); }
.sw-flag-red { background:var(--c-flag-red); }
.sw-flag-blue { background:var(--c-flag-blue); }
.sw-flag-edge { background:var(--c-flag-edge); }
.type-display { font-family:var(--f-display); font-size:52px; font-weight:900; line-height:1.1; letter-spacing:-.02em; }
.button-samples { display:flex; align-items:center; flex-wrap:wrap; gap:16px; }
.button-hover { transform:translateY(-1px); box-shadow:var(--sh-float-sm); }
.button-focus { outline:2px solid var(--c-accent-dark); outline-offset:3px; }
.preview-note { margin-top:16px; color:var(--c-muted); font-size:var(--fs-small); }
@media (max-width:1100px) {
  .hero-copy { grid-template-columns:minmax(0,1fr); gap:28px; }
  .hero h1 { font-size:56px; }
  .stage { width:calc(100% - 10px); margin:40px 0 0; display:flex; flex-wrap:wrap; gap:28px 16px; }
  .window-wrap { flex:1 1 100%; }
  .float-status,.chip-coverage,.note-signup { position:static; transform:none; width:auto; }
  .float-status { flex:1 1 236px; max-width:300px; }
  .note-signup { flex:1 1 214px; max-width:280px; }
  .chip-coverage { align-self:flex-start; }
}
@media (max-width:768px) {
  .hero h1 { font-size:clamp(30px,7vw,40px); }
  .win-body { grid-template-columns:minmax(0,1fr); }
  .side { border-right:0; border-bottom:1px solid var(--c-border); padding:10px; min-width:0; }
  .side-head,.side-search,.side-sep,.side-list.is-account { display:none; }
  .side-list { flex-direction:row; overflow-x:auto; gap:6px; }
  .side-item { flex:none; white-space:nowrap; border:1px solid var(--c-border); }
  .side-item .aux { margin-left:4px; }
  .doc { grid-template-columns:minmax(0,1fr); padding:18px 16px; }
  .doc-aside { display:none; }
  .plans { grid-template-columns:minmax(0,1fr); }
  .lines .col-plat { display:none; }
  .chrome-tail { display:none; }
  .chrome { grid-template-columns:auto 1fr; gap:12px; }
  .tab-workspace { grid-template-columns:minmax(0,1fr); }
  .tab-workspace [role="tablist"] { flex-direction:row; overflow-x:auto; border-right:0; border-bottom:1px solid var(--c-border); padding:12px; }
  .tab-workspace [role="tab"] { flex-shrink:0; white-space:nowrap; }
  .tab-panel { padding:24px; }
}
@media (max-width:640px) {
  .hero { padding-top:24px; padding-bottom:40px; }
  .hero h1 { font-size:clamp(30px,9.4vw,40px); }
  .lede { font-size:17px; }
  .trust { grid-template-columns:minmax(0,1fr); }
  .meta-row { align-items:flex-start; }
  .row-label { line-height:22px; }
  .stage { flex-direction:column; flex-wrap:nowrap; gap:24px; align-items:stretch; }
  .float-status,.note-signup { max-width:none; }
  .chip-coverage { align-self:flex-start; font-size:12px; }
  .doc-title { font-size:20px; }
  .wall { padding-top:56px; padding-bottom:64px; }
  .wall-list { gap:18px 32px; }
  .wall-list li { font-size:21px; }
  .wall-list .wm-android { font-size:18px; }
  .pricing-card { padding:24px; }
  .type-display { font-size:36px; }
  .preview-section { padding-top:48px; padding-bottom:48px; }
  .swatch-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (prefers-reduced-motion:reduce) {
  .ticker-track { width:100%; flex-wrap:wrap; transform:none; will-change:auto; }
  .ticker-group { flex-wrap:wrap; flex-shrink:1; gap:16px; padding:0; }
  .ticker-group[data-ticker-copy] { display:none; }
}