.get-actions,.cta { display:flex; align-items:center; flex-wrap:wrap; gap:12px; margin-top:32px; min-width:0 }
.get-note,.getnote { display:flex; align-items:flex-start; gap:8px; margin-top:16px; font-size:13.5px; color:var(--c-muted) }
.get-note svg,.getnote svg { width:15px; height:15px; margin-top:3px; flex-shrink:0 }
.get-note [data-pkg-ver],.getnote [data-pkg-ver] { font-family:var(--font-mono); font-size:12.5px; color:var(--c-ink) }
.store-button { display:inline-flex; align-items:center; gap:12px; min-height:56px; max-width:100%; padding:10px 24px; border:var(--stroke) solid var(--c-ink); border-radius:var(--r-pill); background:var(--c-ink); color:var(--c-on-dark); box-shadow:var(--shadow-btn) }
.store-button:hover { background:var(--c-ink-raise); color:var(--c-on-dark) }
.store-button svg { width:24px; height:28px; flex-shrink:0 }
.store-button__text { display:grid; line-height:1.3 }
.store-button__text small { font-size:11px }
.store-button__text strong { font-size:16px; font-weight:var(--weight-bold) }
.facts,.badges { display:flex; align-items:center; flex-wrap:wrap; gap:8px; min-width:0 }
.fact,.badge { display:inline-flex; align-items:center; gap:8px; max-width:100%; padding:6px 12px; border:var(--stroke) solid var(--c-border); border-radius:var(--r-pill); background:var(--c-panel); color:var(--c-muted); font-size:12px; line-height:1.6; overflow-wrap:anywhere }
.badge { background:var(--c-bg); color:var(--c-ink) }
.badge--proxy { color:var(--c-accent-dark); border-color:var(--c-accent) }
.pdot { display:inline-block; flex-shrink:0; width:7px; height:7px; border-radius:var(--r-pill) }
.pdot--proxy { background:var(--c-accent); color:var(--c-on-dark) }
.pdot--direct { background:var(--c-success); color:var(--c-ink) }
.pdot--reject { background:var(--c-warn); color:var(--c-ink) }
.tabs { min-width:0 }
.tab-scroll { max-width:100%; overflow-x:auto; padding:4px; scrollbar-width:thin }
[role="tablist"] { display:flex; align-items:center; width:max-content; max-width:none; gap:4px; margin-inline:auto; padding:5px; border:var(--stroke) solid var(--c-border); border-radius:var(--r-pill); background:var(--c-bg); color:var(--c-muted) }
[role="tab"] { flex-shrink:0; min-height:44px; padding:10px 19px; border:0; border-radius:var(--r-pill); background:var(--c-bg); color:var(--c-muted); font-size:14px; font-weight:600; white-space:nowrap }
[role="tab"]:hover { background:var(--c-panel); color:var(--c-ink) }
[role="tab"][aria-selected="true"] { background:var(--c-accent); color:var(--c-on-dark) }
.feature-panel { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); align-items:center; gap:64px; padding:56px; margin-top:32px; border-radius:var(--r-stage); background:var(--c-bg); color:var(--c-ink); box-shadow:var(--shadow-panel); border:var(--stroke) solid var(--c-border) }
.feature-panel p { margin-top:20px; color:var(--c-muted); line-height:1.85 }
.feature-material { min-width:0; padding:24px; border-radius:var(--r-card); background:var(--c-panel); color:var(--c-ink) }
.feature-material pre { margin:0; padding:0; border:0 }
.group-list { border:var(--stroke) solid var(--c-border); border-radius:var(--r-card); background:var(--c-bg); color:var(--c-ink); overflow:hidden }
.group-list li { display:flex; align-items:center; gap:12px; padding:16px 20px }
.group-list li + li { border-top:var(--stroke) solid var(--c-border) }
.group-list li::after { content:"›"; margin-left:auto; color:var(--c-muted) }
.toc { position:sticky; top:12px; z-index:10; display:flex; flex-wrap:wrap; gap:8px; padding:12px; margin-bottom:40px; border:var(--stroke) solid var(--c-border); border-radius:var(--r-card); background:var(--c-bg); color:var(--c-ink); box-shadow:var(--shadow-soft) }
.toc a { display:block; padding:8px 12px; border-radius:var(--r-pill); font-size:14px; color:var(--c-muted) }
.toc a:hover,.toc a[aria-current] { background:var(--c-panel); color:var(--c-accent-dark) }
.toc--flow { position:static }
.faq { border:var(--stroke) solid var(--c-border); border-radius:var(--r-card); background:var(--c-bg); color:var(--c-ink) }
.faq + .faq { margin-top:12px }
.faq summary { position:relative; min-height:64px; padding:20px 56px 20px 24px; font-weight:600; cursor:pointer; list-style:none }
.faq summary::-webkit-details-marker { display:none }
.faq summary::after { content:"+"; position:absolute; top:18px; right:24px; font-family:var(--font-mono); color:var(--c-accent-dark) }
.faq[open] summary::after { content:"−" }
.faq__answer { padding:0 24px 24px; color:var(--c-muted); line-height:1.85 }
.term-card { padding:28px; border:var(--stroke) solid var(--c-border); border-radius:var(--r-card); background:var(--c-bg); color:var(--c-ink) }
.term-card h3 { font-family:var(--font-mono); font-size:19px; overflow-wrap:anywhere }
.term-card p { margin-top:14px; color:var(--c-muted) }
.term-card .badge { margin-bottom:18px }
.plat-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; min-width:0 }
.plat-card { position:relative; min-width:0; display:flex; flex-direction:column; align-items:flex-start; padding:32px; border:var(--stroke) solid var(--c-border); border-radius:var(--r-card); background:var(--c-bg); color:var(--c-ink); scroll-margin-top:24px }
.plat-card h3 { margin-top:16px }
.plat-card > svg { width:28px; height:28px }
.plat-card p { margin-top:12px; color:var(--c-muted) }
.plat-actions { display:flex; align-items:center; flex-wrap:wrap; gap:10px; width:100%; margin-top:auto; padding-top:24px }
.plat-actions .btn { font-size:14px; padding-inline:18px }
.plat-card::before { display:none; content:attr(data-mine); position:absolute; top:16px; right:16px; padding:4px 10px; border-radius:var(--r-pill); background:var(--c-accent); color:var(--c-on-dark); font-size:11px; font-weight:600 }
html[data-visitor-os="ios"] .plat-card[data-plat="ios"] { order:-1 }
html[data-visitor-os="mac"] .plat-card[data-plat="mac"] { order:-1 }
html[data-visitor-os="windows"] .plat-card[data-plat="windows"] { order:-1 }
html[data-visitor-os="android"] .plat-card[data-plat="android"] { order:-1 }
html[data-visitor-os="linux"] .plat-card[data-plat="linux"] { order:-1 }
html[data-visitor-os="ios"] .plat-card[data-plat="ios"]::before,
html[data-visitor-os="mac"] .plat-card[data-plat="mac"]::before,
html[data-visitor-os="windows"] .plat-card[data-plat="windows"]::before,
html[data-visitor-os="android"] .plat-card[data-plat="android"]::before,
html[data-visitor-os="linux"] .plat-card[data-plat="linux"]::before { display:block }
.wx-open-tip { position:fixed; z-index:90; inset:auto 16px max(20px,env(safe-area-inset-bottom)); width:calc(100% - 32px); max-width:520px; margin-inline:auto; padding:20px 24px; border:var(--stroke) solid var(--c-border); border-radius:var(--r-card); background:var(--c-ink); color:var(--c-on-dark); box-shadow:var(--shadow-panel); overflow-wrap:anywhere }
.shot-row { display:flex; align-items:flex-start; justify-content:center; flex-wrap:wrap; gap:32px }
.official-shot { width:100%; max-width:280px; margin:0; flex-shrink:0 }
.official-shot img { display:block; width:100%; height:auto; border-radius:var(--r-shot) }
.official-shot figcaption { margin-top:12px; font-size:13px; color:var(--c-muted); text-align:center }
.official-shot img { outline:var(--stroke) solid var(--c-border); outline-offset:-1px }
.device-entry { display:flex; align-items:flex-start; gap:20px; padding:28px; border:var(--stroke) solid var(--c-border); border-radius:var(--r-card); background:var(--c-bg); color:var(--c-ink) }
.device-entry svg { width:40px; height:48px; color:var(--c-accent-dark) }
.device-entry > div { min-width:0 }
.device-entry h3 { font-size:20px }
.device-entry p { margin-top:8px; color:var(--c-muted); font-size:14px }
.device-entry:hover { border-color:var(--c-accent) }
.article-card { display:flex; flex-direction:column; align-items:flex-start; gap:16px; padding:28px; border:var(--stroke) solid var(--c-border); border-radius:var(--r-card); background:var(--c-bg); color:var(--c-ink) }
.article-card h3 { font-size:21px }
.article-card h3 a:hover { color:var(--c-accent-dark) }
.article-card p { color:var(--c-muted); font-size:14px }
.article-card__meta { font-size:12px; color:var(--c-muted) }
.callout { margin-block:24px; padding:24px 28px; border:var(--stroke) solid var(--c-border); border-left:4px solid var(--c-accent); border-radius:var(--r-card); background:var(--c-panel); color:var(--c-ink) }
.callout p + p { margin-top:12px }
.callout--direct { border-left-color:var(--c-success) }
.callout--reject { border-left-color:var(--c-warn) }
.article-store-card { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:24px; padding:32px; margin-top:48px; border-radius:var(--r-card); background:var(--c-panel); color:var(--c-ink); border:var(--stroke) solid var(--c-border) }
.article-store-card > div { min-width:0; flex:1 1 260px }
.article-store-card h2 { font-size:24px }
.article-store-card p { margin-top:12px; color:var(--c-muted) }
.dl-fab { position:fixed; right:24px; bottom:max(24px,env(safe-area-inset-bottom)); z-index:30; display:inline-flex; align-items:center; gap:10px; min-height:52px; padding:14px 22px; border-radius:var(--r-pill); background:var(--c-ink); color:var(--c-on-dark); font-size:14px; font-weight:var(--weight-bold); box-shadow:var(--shadow-panel) }
.dl-fab svg { width:20px; height:20px }
.table-scroll { overflow-x:auto; max-width:100%; min-width:0; -webkit-overflow-scrolling:touch; margin-block:24px }
.data-table { width:100%; border-collapse:collapse; text-align:left; background:var(--c-bg); color:var(--c-ink) }
.data-table th,.data-table td,.prose table th,.prose table td,.article-body table th,.article-body table td { min-width:7em; padding:16px 20px; border-bottom:var(--stroke) solid var(--c-border); vertical-align:top; overflow-wrap:normal; word-break:normal }
.data-table th,.prose table th,.article-body table th { background:var(--c-panel); color:var(--c-ink); font-weight:600 }
.prose table,.article-body table { display:block; overflow-x:auto; -webkit-overflow-scrolling:touch; max-width:100%; min-width:0; border-collapse:collapse; text-align:left; margin-block:24px; background:var(--c-bg); color:var(--c-ink) }
.hero { padding-top:28px }
.hero::before { content:""; position:absolute; inset:calc(var(--nav-h) * -1) 0 -80px; z-index:-1; background-image:radial-gradient(var(--c-border) 1.1px,var(--c-clear) 1.4px); background-size:var(--dot-space) var(--dot-space); background-position:12px 12px; -webkit-mask-image:radial-gradient(ellipse 70% 62% at 32% 34%,var(--c-mask) 18%,var(--c-clear) 78%); mask-image:radial-gradient(ellipse 70% 62% at 32% 34%,var(--c-mask) 18%,var(--c-clear) 78%) }
.hero__grid { display:grid; grid-template-columns:minmax(0,500px) minmax(0,1fr); gap:60px; align-items:center }
.copy { display:flex; flex-direction:column; align-items:flex-start; min-width:0 }
.idrow { display:flex; align-items:center; gap:14px; margin-bottom:28px; max-width:100% }
.appicon-slot { flex-shrink:0; width:44px; height:44px; border-radius:var(--r-pill); background:var(--c-bg); color:var(--c-accent); border:1.5px solid var(--c-accent); box-shadow:0 6px 16px -8px var(--c-accent-glow),inset 0 0 0 4px var(--c-bg),inset 0 0 0 6px var(--c-accent-soft) }
.appicon { display:block; width:44px; height:44px; border-radius:var(--r-pill); flex-shrink:0 }
.eyebrow { display:inline-flex; align-items:center; gap:10px; min-height:32px; max-width:100%; padding:5px 14px 5px 12px; border:var(--stroke) solid var(--c-border); border-radius:var(--r-pill); background:var(--c-bg); color:var(--c-ink); font-size:13px; font-weight:600; box-shadow:var(--shadow-soft) }
.pulse { position:relative; width:7px; height:7px; flex-shrink:0; border-radius:var(--r-pill); background:var(--c-accent); color:var(--c-on-dark) }
.pulse::after { content:""; position:absolute; inset:0; border-radius:var(--r-pill); background:var(--c-accent); color:var(--c-on-dark); animation:breathe 2.4s ease-out infinite }
@keyframes breathe { 0% { transform:scale(1); opacity:.55 } 80%,100% { transform:scale(2.8); opacity:0 } }
.hero h1 { font-size:clamp(30px,2.6vw + 10px,48px); line-height:1.14; letter-spacing:var(--tracking-title) }
.hero h1 .line { display:block }
.hero h1 .latin { letter-spacing:var(--tracking-latin) }
.hl { position:relative; display:inline-block; padding-bottom:4px; color:var(--c-accent) }
.hl::after { content:""; position:absolute; left:2px; right:2px; bottom:-4px; height:6px; background:var(--c-accent); color:var(--c-on-dark) }
.lede { margin-top:30px; max-width:31em; font-size:16.5px; line-height:1.75; color:var(--c-muted) }
.lede strong { color:var(--c-ink); font-weight:650 }
.lede .kw { display:inline-flex; align-items:center; gap:5px; font-family:var(--font-mono); font-size:13.5px; font-weight:600; color:var(--c-ink) }
.platforms { display:flex; flex-direction:column; align-items:flex-start; gap:14px; width:100%; margin-top:34px; padding-top:22px; border-top:var(--stroke) solid var(--c-border) }
.platlist { display:flex; flex-wrap:wrap; align-items:center; gap:10px 20px }
.platlist a { display:inline-flex; align-items:center; gap:7px; font-size:13.5px; font-weight:550; color:var(--c-ink) }
.platlist a:hover { color:var(--c-accent-dark) }
.platlist svg { width:16px; height:16px; color:var(--c-muted) }
.pricechip { display:inline-flex; align-items:center; flex-wrap:wrap; gap:8px; max-width:100%; min-height:28px; padding:4px 12px; border-radius:var(--r-pill); background:var(--c-panel); color:var(--c-muted); border:var(--stroke) solid var(--c-border); font-size:12.5px }
.pricechip b { color:var(--c-ink); font-family:var(--font-mono); font-size:12px }
.pricechip i { width:3px; height:3px; flex-shrink:0; border-radius:var(--r-pill); background:var(--c-muted); color:var(--c-on-dark) }
.slate { position:relative; margin:0; height:clamp(600px,calc(100vh - 160px),720px); border-radius:var(--r-stage); background:radial-gradient(60% 55% at 28% 38%,var(--c-accent-glow),var(--c-clear) 70%),var(--c-stage); color:var(--c-on-dark); box-shadow:var(--shadow-stage),var(--stage-edge); display:flex; align-items:center; justify-content:center; padding-inline:48px; overflow:hidden; min-width:0 }
.slate::before { content:""; position:absolute; inset:0; background-image:radial-gradient(var(--c-stage-dot) 1px,var(--c-clear) 1.3px); background-size:var(--dot-space) var(--dot-space); background-position:12px 12px; mask-image:linear-gradient(180deg,var(--c-mask),var(--c-clear) 85%); pointer-events:none }
.legend { position:absolute; top:26px; right:30px; display:flex; align-items:center; gap:16px; font-family:var(--font-mono); font-size:11.5px; letter-spacing:.02em; color:var(--c-stage-text) }
.legend li { display:inline-flex; align-items:center; gap:7px }
.legend__lead { color:var(--c-stage-faint) }
.rig { position:relative; display:flex; align-items:stretch }
.shot-placeholder { position:relative; flex-shrink:0; width:296px; aspect-ratio:750 / 1334; border-radius:var(--r-shot); background:radial-gradient(110% 60% at 22% 0%,var(--c-accent) 0%,var(--c-clear) 62%),linear-gradient(168deg,var(--c-accent-dark) 0%,var(--c-stage-raise) 72%); color:var(--c-on-dark); box-shadow:var(--shadow-shot) }
.shot-placeholder::before { content:""; position:absolute; inset:0; border-radius:var(--r-shot); background-image:radial-gradient(var(--c-stage-line) 1px,var(--c-clear) 1.3px); background-size:12px 12px }
.shot-placeholder__caption { position:absolute; left:16px; right:16px; bottom:14px; font-family:var(--font-mono); font-size:10.5px; letter-spacing:.03em; color:var(--c-on-dark) }
.slate .official-shot { width:296px; max-width:296px; box-shadow:var(--shadow-shot) }
.confcard { position:relative; z-index:1; flex-shrink:0; align-self:flex-end; width:392px; margin:0 0 48px -72px; border-radius:var(--r-card); background:var(--c-bg); color:var(--c-ink); box-shadow:var(--shadow-card); overflow:hidden }
.confcard__head { display:flex; align-items:center; height:46px; padding-inline:14px; border-bottom:var(--stroke) solid var(--c-border) }
.filetag { display:inline-flex; align-items:center; gap:7px; min-height:26px; padding:3px 10px; border-radius:var(--r-tag); background:var(--c-panel); color:var(--c-ink); border:var(--stroke) solid var(--c-border); font-family:var(--font-mono); font-size:12px; font-weight:600 }
.conf-scroll { max-width:100%; overflow-x:auto }
.conf { counter-reset:ln; width:max-content; min-width:100%; padding-top:14px; padding-bottom:16px; font-family:var(--font-mono); font-size:12.5px; line-height:26px; color:var(--c-ink) }
.conf li { counter-increment:ln; display:grid; grid-template-columns:40px minmax(0,1fr); align-items:center; padding-right:18px; white-space:nowrap }
.conf li::before { content:counter(ln); text-align:right; padding-right:14px; font-size:11px; color:var(--c-muted); user-select:none }
.conf code { font:inherit; display:inline-flex; align-items:center; min-width:0; overflow-wrap:normal }
.conf .sec { color:var(--c-accent-dark); font-weight:700 }
.conf .key,.conf .val { color:var(--c-muted) }
.conf .eq { color:var(--c-muted); padding-inline:.5ch }
.conf .type { font-weight:600 }
.conf .pol { display:inline-flex; align-items:center; gap:6px; font-weight:700; margin-left:2px }
.verify { margin-top:160px; padding-bottom:120px; text-align:center }
.verify h2 { font-size:26px }
.verify__sub { margin-top:10px; font-size:15px; color:var(--c-muted) }
.marks { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; max-width:960px; margin:48px auto 0 }
.mark { display:flex; flex-direction:column; align-items:center; gap:12px; min-width:0; padding:28px 20px }
.mark__seal { width:56px; height:56px; border-radius:var(--r-pill); display:grid; place-items:center; border:var(--stroke) solid var(--c-border); background:var(--c-bg); color:var(--c-accent); box-shadow:var(--shadow-seal),inset 0 0 0 5px var(--c-panel) }
.mark__seal svg { width:22px; height:22px }
.mark__k { font-size:13px; color:var(--c-muted) }
.mark__v { font-family:var(--font-mono); font-size:14px; font-weight:600; overflow-wrap:anywhere }
.verify__link { display:inline-flex; gap:6px; margin-top:28px; font-size:14px; font-weight:600; color:var(--c-accent-dark) }
.preview-section { padding-top:80px; padding-bottom:80px }
.preview-section h2 { margin-bottom:32px }
.preview-section h3 { margin-bottom:16px }
.preview-samples { display:flex; align-items:center; flex-wrap:wrap; gap:16px }
.swatch-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px }
.swatch { padding:16px; border:var(--stroke) solid var(--c-border); border-radius:var(--r-card); background:var(--c-bg); color:var(--c-ink); font-size:12px; overflow-wrap:anywhere }
.swatch::before { content:""; display:block; height:64px; margin-bottom:12px; border-radius:var(--r-tag); background:var(--swatch,var(--c-bg)); color:var(--c-ink); border:var(--stroke) solid var(--c-border) }
.swatch--bg { --swatch:var(--c-bg) }
.swatch--panel { --swatch:var(--c-panel) }
.swatch--stage { --swatch:var(--c-stage) }
.swatch--raised { --swatch:var(--c-stage-raise) }
.swatch--border { --swatch:var(--c-border) }
.swatch--strong { --swatch:var(--c-border-strong) }
.swatch--accent { --swatch:var(--c-accent) }
.swatch--accent-dark { --swatch:var(--c-accent-dark) }
.swatch--soft { --swatch:var(--c-accent-soft) }
.swatch--glow { --swatch:var(--c-accent-glow) }
.swatch--ink { --swatch:var(--c-ink) }
.swatch--ink-raised { --swatch:var(--c-ink-raise) }
.swatch--muted { --swatch:var(--c-muted) }
.swatch--faint { --swatch:var(--c-faint) }
.swatch--success { --swatch:var(--c-success) }
.swatch--warn { --swatch:var(--c-warn) }
.swatch--error { --swatch:var(--c-error) }
.swatch--on-dark { --swatch:var(--c-on-dark) }
.swatch--mask { --swatch:var(--c-mask) }
.swatch--scrim { --swatch:var(--c-scrim) }
.swatch--clear { --swatch:var(--c-clear) }
.swatch--stage-line { --swatch:var(--c-stage-line) }
.swatch--stage-text { --swatch:var(--c-stage-text) }
.swatch--stage-faint { --swatch:var(--c-stage-faint) }
.swatch--stage-dot { --swatch:var(--c-stage-dot) }
.preview-shot { width:100%; max-width:280px }
.preview-static-menu { display:none; position:relative; margin-left:auto }
.preview-static-menu summary { padding:10px; min-height:44px; cursor:pointer }
.preview-static-menu nav { position:absolute; top:100%; right:0; width:240px; padding:12px; background:var(--c-bg); color:var(--c-ink); border:var(--stroke) solid var(--c-border); border-radius:var(--r-card); box-shadow:var(--shadow-panel) }
.preview-static-menu nav a { display:block; padding:12px; min-height:44px }
@media (max-width:1280px) { .preview-static-menu { display:block } }
@media (max-width:1240px) {
  .hero__grid { grid-template-columns:minmax(0,460px) minmax(0,1fr); gap:40px }
  .shot-placeholder,.slate .official-shot { width:260px }
  .confcard { width:372px; margin-left:-84px }
}
@media (max-width:1040px) {
  .hero__grid { grid-template-columns:minmax(0,1fr); gap:48px }
  .slate { height:auto; padding:84px 32px 48px }
  .plat-grid { grid-template-columns:repeat(2,minmax(0,1fr)) }
  .feature-panel { gap:32px; padding:32px }
}
@media (max-width:768px) {
  .hero h1 { font-size:30px }
  .lede { font-size:15.5px }
  .slate { padding:72px 16px 32px; border-radius:var(--r-mobile-stage) }
  .legend { left:18px; right:auto; top:22px; gap:12px }
  .legend__lead { display:none }
  .rig { flex-direction:column; align-items:center; max-width:100% }
  .shot-placeholder,.slate .official-shot { width:200px }
  .confcard { align-self:stretch; width:100%; max-width:372px; margin:-120px 0 0 }
  .conf { font-size:11.5px }
  .conf li { grid-template-columns:30px minmax(0,1fr); padding-right:12px }
  .marks { grid-template-columns:minmax(0,1fr); gap:0 }
  .verify { margin-top:96px; padding-bottom:72px }
  .feature-panel { grid-template-columns:minmax(0,1fr); padding:24px }
  .feature-material { padding:20px }
  .swatch-grid { grid-template-columns:repeat(2,minmax(0,1fr)) }
}
@media (max-width:640px) {
  .plat-grid { grid-template-columns:minmax(0,1fr) }
  .plat-card { padding:26px }
  .shot-row { flex-direction:column; align-items:center }
  .facts,.badges { flex-direction:row; flex-wrap:wrap; justify-content:center }
  .toc { position:static }
  .dl-fab { right:16px; bottom:max(16px,env(safe-area-inset-bottom)); width:52px; height:52px; min-height:52px; padding:0; justify-content:center }
  .dl-fab__text { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0 }
  #install table,#install tbody,#install tr,#install td,#install th { display:block; width:100%; min-width:0 }
  #install thead { display:none }
  #install td,#install th { padding:14px 16px }
  #install tr { margin-bottom:20px; border:var(--stroke) solid var(--c-border); border-radius:var(--r-card) }
  #install code { display:block; max-width:100%; overflow-x:auto; overflow-wrap:normal; word-break:normal; white-space:pre }
}
@media (max-width:380px) {
  .hero h1 { font-size:26px }
  .idrow { gap:8px }
  .eyebrow { font-size:11px; gap:6px; padding-inline:10px }
  .platlist { gap:10px 14px }
}
@media (prefers-reduced-motion:reduce) { .pulse::after { animation:none; opacity:0 } }