.first-screen{position:relative;overflow-x:clip;max-width:100%;background:radial-gradient(680px 440px at 90% -8%,var(--glow-sand),var(--clear) 72%),linear-gradient(180deg,var(--wash-cobalt) 0%,var(--clear) 64%),var(--c-bg)}
.hero{position:relative;padding-top:24px;padding-bottom:40px}
.hero-top{display:grid;grid-template-columns:minmax(0,1.24fr) minmax(0,1fr);column-gap:64px;align-items:end}
.hero-copy{position:relative;z-index:3}
.eyebrow{display:inline-flex;align-items:center;gap:10px;min-height:26px;margin:0 0 20px;padding:0 12px 0 4px;font-size:var(--fs-small);line-height:1;color:var(--c-muted);background:var(--c-panel);border-radius:var(--r-pill)}
.eyebrow-code{font-family:var(--font-mono);font-size:var(--fs-tiny);letter-spacing:.1em;text-transform:uppercase;color:var(--c-text);background:var(--c-panel-2);padding:5px 9px;border-radius:var(--r-pill)}
.hero-copy h1{margin:0 0 24px;font-weight:var(--weight-display);font-size:var(--fs-h1);line-height:1.1;letter-spacing:-.02em}
.kw{text-decoration-line:underline;text-decoration-thickness:6px;text-decoration-color:var(--c-accent);text-underline-offset:.16em;text-decoration-skip-ink:none}
.lede{margin:0 0 14px;font-size:var(--fs-lede);line-height:28px;color:var(--c-muted)}
.lede strong{color:var(--c-text);font-weight:var(--weight-semibold)}
.trust{display:flex;align-items:center;list-style:none;margin:0;padding:0;font-size:14px;line-height:22px}
.trust li{display:inline-flex;align-items:center;gap:7px;padding:0 16px;border-left:1px solid var(--c-border);white-space:nowrap}
.trust li:first-child{padding-left:0;border-left:0}
.ti{width:15px;height:15px;flex:none;fill:none;stroke:var(--c-muted);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.hero-note{position:relative;z-index:3}
.note-eyebrow{margin:0 0 16px;font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--c-muted)}
.note-text{margin:0 0 28px;font-family:var(--font-serif);font-size:var(--fs-serif);line-height:1.65;color:var(--c-text)}
.kit{padding:4px 18px;background:var(--c-panel-2);border:1px solid var(--c-border);border-radius:var(--r-md);box-shadow:var(--shadow-panel)}
.kit-row{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:56px;border-bottom:1px solid var(--c-border)}
.kit-row:last-child{border-bottom:0}
.kit-label{font-family:var(--font-mono);font-size:var(--fs-tiny);letter-spacing:.1em;text-transform:uppercase;color:var(--c-muted);white-space:nowrap}
.kit-items{display:flex;align-items:center;gap:14px;list-style:none;margin:0;padding:0}
.kit-items li{display:inline-flex;align-items:center;gap:6px;font-size:var(--fs-small);font-weight:var(--weight-medium);line-height:1;white-space:nowrap;color:var(--c-text)}
.ico{width:16px;height:16px;flex:none;color:var(--c-text)}
.flag-s{width:21px;height:14px;flex:none;border-radius:var(--r-xs);overflow:hidden}
.fr{fill:var(--f-red)}
.fw{fill:var(--f-white)}
.fb{fill:var(--f-blue)}
.sw{fill:none;stroke:var(--f-white)}
.sr{fill:none;stroke:var(--f-red)}
.fedge{fill:none;stroke:var(--f-edge);stroke-width:.6}
.svg-defs{position:absolute;width:0;height:0;overflow:hidden}
.board{--s:1;position:relative;margin-top:48px;height:calc(var(--s) * 368px + 32px);border-radius:var(--r-lg);background:linear-gradient(165deg,var(--c-ink) 0%,var(--c-ink-2) 100%);box-shadow:inset 0 1px 0 var(--hl-board),0 40px 90px -30px var(--shadow-cobalt),0 10px 28px -14px var(--shadow-cobalt-mid)}
.stage{position:absolute;top:16px;left:50%;width:1120px;height:368px;transform:translateX(-50%) scale(var(--s));transform-origin:50% 0}
.links{position:absolute;left:0;top:0;width:1120px;height:368px;overflow:visible}
.ln{fill:none;stroke:var(--c-ink-line);stroke-width:1}
.ln-trunk{stroke-width:1.2}
.node{fill:var(--c-ink-line)}
.dot{fill:var(--c-accent-tint);animation-fill-mode:both}
.dot-1{animation:run-1 4.4s ease-in-out infinite}
.dot-2{animation:run-2 9s linear infinite .6s}
.dot-3{animation:run-3 4.8s ease-in-out infinite 1.4s}
@keyframes run-1{0%{transform:translate(0,0);opacity:0}14%,86%{opacity:1}100%{transform:translate(48px,-40px);opacity:0}}
@keyframes run-2{0%{transform:translate(0,0);opacity:0}5%{opacity:1}9.5%{transform:translate(38px,48px)}70%{transform:translate(426px,48px)}94%{opacity:1}100%{transform:translate(520px,-124px);opacity:0}}
@keyframes run-3{0%{transform:translate(0,0);opacity:0}14%,86%{opacity:1}100%{transform:translate(-56px,58px);opacity:0}}
.q{position:absolute;margin:0;font-family:var(--font-serif);font-size:17px;line-height:23px;color:var(--c-ink-quiet);text-align:center}
.q span{display:block}
.q-a{left:16px;top:96px;width:130px}
.q-b{left:548px;top:20px;width:112px}
.q-c{left:412px;top:294px;width:120px}
.q-d{left:988px;top:234px;width:120px}
.q-e{left:896px;top:40px;width:104px}
.chip{position:absolute;transform:translate(-50%,-50%);padding:2px 7px;font-family:var(--font-mono);font-size:var(--fs-tiny);line-height:14px;letter-spacing:.04em;color:var(--c-ink-quiet);background:var(--c-ink);border:1px solid var(--c-ink-line);border-radius:var(--r-xs);white-space:nowrap;max-width:100%;overflow:hidden}
.c-iepl{left:428px;top:108px}
.c-relay{left:510px;top:262px}
.c-direct{left:308px;top:284px}
.tile{position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;overflow:hidden;border-radius:var(--r-xs);box-shadow:inset 0 1px 0 var(--hl-tile),0 14px 26px -12px var(--shadow-deep)}
.tile>*{position:relative}
.tile::after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.04;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='96' height='96'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath filter='url(%23n)' d='M0 0h96v96H0z'/%3E%3C/svg%3E")}
.tile-flag{width:54px;height:36px;flex:none;overflow:hidden;border-radius:var(--r-xs);filter:drop-shadow(0 3px 6px var(--shadow-flag))}
.tile-glyph{width:36px;height:36px;flex:none}
.tile-tag{max-width:100%;padding-inline:4px;font-family:var(--font-mono);font-size:9.5px;line-height:1.25;letter-spacing:.08em;text-transform:uppercase;white-space:normal;text-align:center}
.tag-dark,.glyph-dark{color:var(--c-text)}
.tag-light,.glyph-light{color:var(--c-on-ink)}
.glyph-stroke{fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.glyph-fill{fill:currentColor}
.t-us{left:196px;top:86px;width:92px;height:92px;background:linear-gradient(150deg,var(--t-fog-1) 0 55%,var(--t-fog-2) 55% 100%)}
.t-win{left:36px;top:220px;width:84px;height:84px;background:radial-gradient(circle at 0 0,var(--c-panel) 0 46%,var(--clear) 46.5%),var(--c-panel-2)}
.t-direct{left:196px;top:276px;width:84px;height:84px;background:repeating-linear-gradient(135deg,var(--t-ochre-stripe) 0 2px,var(--clear) 2px 9px),linear-gradient(160deg,var(--t-ochre-1),var(--t-ochre-2))}
.t-uk{left:408px;top:4px;width:84px;height:84px;background:linear-gradient(90deg,var(--t-plum-1) 0 74%,var(--t-plum-2) 74% 100%)}
.t-jp{left:720px;top:0;width:88px;height:88px;background:linear-gradient(180deg,var(--t-sand-1) 0 70%,var(--t-sand-2) 70% 100%)}
.t-and{left:576px;top:280px;width:84px;height:84px;background:linear-gradient(160deg,var(--t-stone-1),var(--t-stone-2))}
.t-hk{left:1024px;top:104px;width:84px;height:84px;background:radial-gradient(circle at 100% 100%,var(--t-clay-2) 0 42%,var(--clear) 42.5%),linear-gradient(170deg,var(--t-clay-1),var(--t-clay-1b))}
.t-sg{left:868px;top:268px;width:88px;height:88px;background:linear-gradient(210deg,var(--t-sage-1) 0 52%,var(--t-sage-2) 52% 100%)}
.core{position:absolute;left:320px;top:128px;width:104px;height:104px}
.core-ring{position:absolute;left:-10px;top:-10px;width:124px;height:124px;border:1px solid var(--accent-ring);border-radius:var(--r-core);animation:ring 4.8s ease-out infinite}
.core-face{position:absolute;left:0;top:0;width:104px;height:104px;display:flex;align-items:center;justify-content:center;border-radius:var(--r-lg);background:linear-gradient(145deg,var(--c-accent-lift),var(--c-accent) 48%,var(--c-accent-dark));box-shadow:inset 0 1px 0 var(--hl-core),inset 0 0 0 1px var(--hl-core-edge),0 20px 40px -14px var(--shadow-deep);animation:breathe 4.8s ease-in-out infinite}
.core-face::before{content:"";position:absolute;inset:1px;border-radius:var(--r-lg);background:linear-gradient(180deg,var(--hl-core-sheen),var(--clear) 48%);pointer-events:none}
.core-lock{position:relative;width:46px;height:46px}
.lk-shackle{fill:none;stroke:var(--c-panel-2);stroke-width:2.1;stroke-linecap:round}
.lk-body{fill:var(--c-panel-2)}
.lk-hole{fill:var(--c-accent-dark)}
.core-cap{position:absolute;top:114px;left:50%;transform:translateX(-50%);font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;color:var(--c-ink-quiet);white-space:nowrap}
@keyframes breathe{0%,100%{transform:scale(1)}50%{transform:scale(1.03)}}
@keyframes ring{0%{opacity:.6;transform:scale(.96)}100%{opacity:0;transform:scale(1.14)}}
.board-copy{position:absolute;left:664px;top:108px;width:420px;margin-left:-210px;text-align:center}
.board-title{margin:0;font-family:var(--font-serif);font-weight:var(--weight-normal);font-size:36px;line-height:44px;letter-spacing:-.01em;color:var(--c-on-ink)}
.board-sub{margin:10px 0 0;font-size:var(--fs-body);line-height:22px;color:var(--c-ink-quiet)}
.btn-paper{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:38px;margin-top:18px;padding:6px 16px 6px 18px;font-size:14px;font-weight:var(--weight-semibold);color:var(--c-text);text-decoration:none;background:var(--c-panel-2);border-radius:var(--r-pill);box-shadow:inset 0 -1px 0 var(--c-border)}
.btn-paper .arr{width:15px;height:15px}
.rule{position:absolute;left:32px;top:-22px;width:220px;z-index:4;padding:4px 14px;border-radius:var(--r-md);background:linear-gradient(180deg,var(--c-panel-hi),var(--c-panel));box-shadow:var(--shadow-panel)}
.rule dl{margin:0}
.rule-row,.ledger-row{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:32px;border-bottom:1px solid var(--c-border)}
.rule-row:last-child{border-bottom:0}
.rule dt,.ledger-row dt{font-family:var(--font-mono);font-size:var(--fs-tiny);letter-spacing:.1em;color:var(--c-muted)}
.rule dd,.ledger-row dd{margin:0;font-size:12.5px;font-weight:var(--weight-semibold);text-align:right}
.coverage{position:absolute;right:28px;bottom:-14px;z-index:4;display:inline-flex;align-items:center;gap:8px;min-height:30px;margin:0;padding:4px 14px;font-family:var(--font-mono);font-size:12px;line-height:1;color:var(--c-text);background:var(--c-panel-2);border:1px solid var(--c-border);border-radius:var(--r-pill);box-shadow:var(--shadow-panel)}
.cov-ico{width:13px;height:13px;flex:none;fill:none;stroke:var(--c-muted);stroke-width:1.8}
.facts-band{border-top:1px solid var(--c-border);border-bottom:1px solid var(--c-border);background:var(--c-bg)}
.facts-row{display:flex;justify-content:space-between;align-items:center;min-height:56px;font-size:14px}
.facts-row span{display:inline-flex;align-items:center;gap:12px;white-space:nowrap}
.facts-row b{font-family:var(--font-mono);font-weight:var(--weight-medium);font-size:var(--fs-tiny);letter-spacing:.12em;color:var(--c-muted)}
.tabs{min-width:0}
[role="tablist"]{display:flex;align-items:center;gap:6px;max-width:100%;width:max-content;padding:5px;border-radius:var(--r-pill);background:var(--c-panel);box-shadow:inset 0 1px 0 var(--hl-paper);overflow-x:auto}
[role="tab"]{flex-shrink:0;min-height:40px;padding:8px 20px;border:0;border-radius:var(--r-pill);background:var(--clear);color:var(--c-muted);font-weight:var(--weight-semibold)}
[role="tab"][aria-selected="true"]{background:var(--c-text);color:var(--c-panel-2);box-shadow:inset 0 1px 0 var(--hl-ink)}
[role="tabpanel"]{margin-top:28px;min-width:0}
.toc-tabs{position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:8px;max-width:100%;padding-block:12px;background:var(--c-bg);border-bottom:1px solid var(--c-border);overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin}
.toc-tabs a{display:inline-flex;align-items:center;min-height:40px;flex-shrink:0;white-space:nowrap;padding:8px 16px;border-radius:var(--r-pill);text-decoration:none;font-size:14px}
.toc-tabs a.is-current{color:var(--c-panel-2);background:var(--c-text)}
.toc-tabs.toc-static{position:static}
body:has(.toc-tabs) section[id]{scroll-margin-top:var(--toc-offset)}
.faq-item,.feature-item{border-bottom:1px solid var(--c-border)}
.faq-item:first-child,.feature-item:first-child{border-top:1px solid var(--c-border)}
.faq-item summary,.feature-item summary{position:relative;list-style:none;cursor:pointer;padding:24px 36px 24px 0;font-size:var(--fs-lede);font-weight:var(--weight-semibold);min-height:60px}
.faq-item summary::-webkit-details-marker,.feature-item summary::-webkit-details-marker{display:none}
.faq-item summary::after,.feature-item summary::after{content:"+";position:absolute;right:4px;top:22px;font-family:var(--font-mono);font-size:var(--fs-serif);color:var(--c-muted)}
.faq-item[open] summary::after,.feature-item[open] summary::after{content:"−"}
.faq-body{padding:0 32px 20px 0;color:var(--c-muted)}
.faq-body p:last-child{margin-bottom:0}
.feature-layout{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.4fr);gap:80px;align-items:start}
.feature-conclusion{position:sticky;top:32px;font-family:var(--font-serif);font-size:34px;line-height:1.5;font-weight:var(--weight-normal)}
.feature-item summary{display:flex;justify-content:space-between;gap:16px;align-items:center}
.feature-category{font-family:var(--font-mono);font-size:var(--fs-tiny);color:var(--c-muted);font-weight:var(--weight-normal);white-space:nowrap}
.feature-body{display:grid;grid-template-columns:72px minmax(0,1fr);gap:24px;padding-bottom:28px;color:var(--c-muted)}
.texture-square{width:72px;height:72px;border-radius:var(--r-xs);background:repeating-linear-gradient(135deg,var(--t-ochre-stripe) 0 2px,var(--clear) 2px 9px),linear-gradient(145deg,var(--t-fog-1),var(--t-fog-2));box-shadow:inset 0 1px 0 var(--hl-tile)}
.plan-card{position:relative;display:flex;flex-direction:column;padding:28px;background:var(--c-panel);border:1px solid var(--clear);border-radius:var(--r-md);box-shadow:var(--shadow-panel)}
.plan-card.is-current{border-color:var(--c-accent);background:var(--c-panel-2)}
.plan-card h3{margin-bottom:12px}
.plan-badge{align-self:flex-start;margin-bottom:18px;padding:4px 12px;border-radius:var(--r-pill);background:var(--c-text);color:var(--c-panel-2);font-size:var(--fs-small)}
.plan-price{margin:0 0 24px;font-family:var(--font-display);font-size:40px;font-weight:var(--weight-display);line-height:1.2}
.plan-price small{font-family:var(--font-mono);font-weight:var(--weight-normal);color:var(--c-muted)}
.ledger{margin:0 0 28px}
.ledger-row{min-height:44px}
.ledger-row:first-child{border-top:1px solid var(--c-border)}
.ledger-row dd{font-size:14px;overflow-wrap:anywhere}
.plan-card>.btn{align-self:flex-start;margin-top:auto}
.plan-note{font-size:var(--fs-small);color:var(--c-muted);margin-top:16px}
.table-scroll{display:block;overflow-x:auto;max-width:100%;width:100%;-webkit-overflow-scrolling:touch;border:1px solid var(--c-border);border-radius:var(--r-sm);background:var(--c-panel-2)}
.data-table,.route-table{width:100%;border-collapse:collapse;text-align:left;font-size:14px}
.table-scroll>.data-table,.table-scroll>.route-table{min-width:640px}
.data-table th,.data-table td,.route-table th,.route-table td{padding:16px 20px;border-bottom:1px solid var(--c-border);word-break:keep-all}
.table-scroll th,.table-scroll td:first-child{color:var(--c-text)}
.data-table th,.route-table th{font-weight:var(--weight-semibold);background:var(--c-panel);white-space:nowrap}
.data-table caption,.route-table caption{padding:16px 20px;text-align:left;font-weight:var(--weight-semibold);color:var(--c-text)}
.route-region th{background:var(--c-panel-hi)}
.prose>.data-table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%;min-width:0}
.platform-list{border-top:1px solid var(--c-border)}
.platform-card{display:grid;grid-template-columns:28px minmax(100px,1fr) minmax(0,1fr) auto;align-items:center;gap:20px;padding:20px 0;border-bottom:1px solid var(--c-border)}
.platform-icon{width:24px;height:24px;color:var(--c-text)}
.platform-name{font-weight:var(--weight-semibold)}
.platform-note{font-family:var(--font-mono);font-size:12px;color:var(--c-muted)}
.platform-card a{display:inline-flex;align-items:center;min-height:36px;text-decoration:none}
.article-card{display:flex;flex-direction:column;min-width:0;padding:28px;border-radius:var(--r-md);background:var(--c-panel);box-shadow:inset 0 1px 0 var(--hl-paper),0 24px 64px -36px var(--shadow-cobalt)}
.article-card h3{font-size:var(--fs-h3)}
.article-card p{font-family:var(--font-serif);font-size:var(--fs-lede)}
.article-card .ledger{margin-top:auto}
.article-card .btn{align-self:flex-start}
.callout{margin-block:24px;padding:24px 28px;border-left:4px solid var(--c-accent);border-radius:var(--r-sm);background:var(--c-panel-2);box-shadow:var(--shadow-panel)}
.callout p:last-child{margin-bottom:0}
.promo-block{display:flex;justify-content:space-between;align-items:center;gap:32px;margin-block:48px;padding:36px;border-radius:var(--r-lg);background:linear-gradient(145deg,var(--c-ink),var(--c-ink-2));color:var(--c-on-ink);box-shadow:0 24px 70px -32px var(--shadow-cobalt)}
.promo-block h2,.promo-block h3{font-size:var(--fs-h3);color:var(--c-on-ink);margin-bottom:12px}
.promo-block p{color:var(--c-ink-quiet);margin:0}
.promo-block .btn{flex-shrink:0;white-space:nowrap;background:var(--c-panel-2);color:var(--c-text)}
.article-window{border:1px solid var(--c-border);border-radius:var(--r-md);overflow:hidden;background:var(--c-panel-2);box-shadow:var(--shadow-panel)}
.window-bar{position:relative;display:flex;justify-content:flex-end;padding:14px 20px;border-bottom:1px solid var(--c-border);background:var(--c-panel);font-family:var(--font-mono);font-size:var(--fs-tiny)}
.window-bar::before{content:"";position:absolute;left:20px;top:18px;width:38px;height:6px;background:linear-gradient(90deg,var(--c-error) 0 6px,var(--clear) 6px 16px,var(--c-warn) 16px 22px,var(--clear) 22px 32px,var(--c-success) 32px 38px)}
.window-body{padding:36px}
.preview-swatches{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.swatch{overflow:hidden;border:1px solid var(--c-border);border-radius:var(--r-sm);background:var(--c-panel-2)}
.swatch-paint{height:64px}
.swatch code{display:block;padding:10px;font-size:11px}
.paint-bg{background:var(--c-bg)}
.paint-panel{background:var(--c-panel)}
.paint-hi{background:var(--c-panel-hi)}
.paint-paper{background:var(--c-panel-2)}
.paint-border{background:var(--c-border)}
.paint-accent{background:var(--c-accent)}
.paint-accent-dark{background:var(--c-accent-dark)}
.paint-accent-lift{background:var(--c-accent-lift)}
.paint-accent-tint{background:var(--c-accent-tint)}
.paint-text{background:var(--c-text)}
.paint-muted{background:var(--c-muted)}
.paint-success{background:var(--c-success)}
.paint-warn{background:var(--c-warn)}
.paint-error{background:var(--c-error)}
.paint-ink{background:var(--c-ink)}
.paint-ink-2{background:var(--c-ink-2)}
.paint-ink-3{background:var(--c-ink-3)}
.paint-line{background:var(--c-ink-line)}
.paint-quiet{background:var(--c-ink-quiet)}
.paint-soft{background:var(--c-ink-soft)}
.paint-on-ink{background:var(--c-on-ink)}
.paint-fog{background:linear-gradient(90deg,var(--t-fog-1),var(--t-fog-2))}
.paint-clay{background:linear-gradient(90deg,var(--t-clay-1),var(--t-clay-1b),var(--t-clay-2))}
.paint-sand{background:linear-gradient(90deg,var(--t-sand-1),var(--t-sand-2))}
.paint-plum{background:linear-gradient(90deg,var(--t-plum-1),var(--t-plum-2))}
.paint-sage{background:linear-gradient(90deg,var(--t-sage-1),var(--t-sage-2))}
.paint-ochre{background:linear-gradient(90deg,var(--t-ochre-1),var(--t-ochre-2))}
.paint-stone{background:linear-gradient(90deg,var(--t-stone-1),var(--t-stone-2))}
.paint-flag{background:linear-gradient(90deg,var(--f-red) 0 33%,var(--f-white) 33% 66%,var(--f-blue) 66%)}
.paint-atmosphere{background:linear-gradient(90deg,var(--glow-sand),var(--wash-cobalt))}
.paint-shadow{background:linear-gradient(90deg,var(--shadow-cobalt),var(--shadow-cobalt-mid),var(--shadow-cobalt-soft),var(--shadow-deep),var(--shadow-flag))}
.paint-highlight{background:linear-gradient(90deg,var(--hl-paper),var(--hl-ink),var(--hl-board),var(--hl-core),var(--hl-core-edge),var(--hl-core-sheen),var(--hl-tile))}
.paint-ring{background:var(--accent-ring)}
.paint-veil{background:var(--veil)}
.paint-stripe{background:var(--t-ochre-stripe)}
.paint-edge{background:var(--f-edge)}
.preview-actions{display:flex;flex-wrap:wrap;align-items:center;gap:16px;margin-block:24px}
.preview-focus{outline:2px solid var(--c-accent);outline-offset:4px}
.preview-type{padding-block:24px;border-bottom:1px solid var(--c-border)}
.preview-display{font-family:var(--font-display);font-size:40px;font-weight:var(--weight-display)}
.preview-states{display:flex;flex-wrap:wrap;gap:12px}
@media(max-width:1247px){.board{--s:.88}}
@media(max-width:1099px){
  .board{--s:.76}
  .hero-top{grid-template-columns:minmax(0,1fr);row-gap:40px}
  .hero-note{max-width:640px}
  .feature-layout{gap:40px}
}
@media(max-width:899px){
  .board{--s:.6}
  .facts-row{flex-wrap:wrap;padding-block:14px;gap:10px 24px;justify-content:flex-start}
}
@media(max-width:768px){
  .hero{padding-top:20px;padding-bottom:40px}
  .hero-copy h1{font-size:var(--fs-h1-mobile);line-height:1.12;margin-bottom:20px}
  .kw{text-decoration-thickness:4px}
  .lede{font-size:16px;line-height:26px}
  .trust{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 12px}
  .trust li{padding:0;border-left:0;white-space:normal}
  .note-text{font-size:var(--fs-lede)}
  .kit-row{flex-direction:column;align-items:flex-start;justify-content:center;gap:10px;min-height:0;padding-block:14px}
  .kit-items{flex-wrap:wrap;gap:12px 14px}
  .board{height:auto;margin-top:40px;padding:20px 16px 36px}
  .rule{position:relative;left:auto;top:auto;width:auto;max-width:280px;margin:-40px auto 24px}
  .stage{position:static;width:auto;height:auto;transform:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
  .links,.chip,.q-d,.q-e{display:none}
  .board-copy{position:static;width:auto;margin:0 0 8px;grid-column:1/-1;order:1}
  .board-title{font-size:26px;line-height:34px}
  .core{position:relative;left:auto;top:auto;grid-column:1/-1;justify-self:center;order:2;width:84px;height:84px;margin:12px 0 30px}
  .core-face{width:84px;height:84px}
  .core-ring{width:104px;height:104px}
  .core-cap{top:96px}
  .tile{position:relative;left:auto;top:auto;width:100%;height:auto;aspect-ratio:1;order:4;gap:6px}
  .tile-flag{width:38px;height:25px}
  .tile-glyph{width:30px;height:30px}
  .tile-tag{font-size:8px}
  .q{position:static;width:auto;font-size:14px;line-height:22px;grid-column:1/-1;order:3}
  .q span{display:inline}
  .q-a,.q-b,.q-c{padding-block:2px}
  .coverage{right:16px;max-width:calc(100% - 32px);font-size:11px}
  .feature-layout{grid-template-columns:minmax(0,1fr);gap:24px}
  .feature-conclusion{position:static;font-size:28px}
  .platform-card{grid-template-columns:24px minmax(0,1fr) auto;gap:12px}
  .platform-note{grid-column:2/-1;grid-row:2}
  .platform-card a{font-size:var(--fs-small)}
  .promo-block{flex-direction:column;align-items:flex-start;padding:28px}
  .preview-swatches{grid-template-columns:repeat(2,minmax(0,1fr))}
  .window-body{padding:24px}
}
@media(max-width:640px){
  .first-screen{max-width:100%}
  .feature-body{grid-template-columns:minmax(0,1fr);gap:16px}
  .feature-category{font-size:9px}
  .plan-card,.article-card{padding:24px}
  .callout{padding:20px}
}