.tabs{min-width:0}
[role="tablist"]{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:6px;background:var(--panel);border-radius:var(--r-lg);width:fit-content;max-width:100%;margin-bottom:24px}
[role="tab"]{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 20px;border:0;border-radius:var(--r-pill);background:transparent;color:var(--muted);font-size:var(--text-sm);font-weight:var(--weight-semibold)}
[role="tab"][aria-selected="true"]{background:var(--ink);color:var(--panel-2);box-shadow:0 6px 16px -8px rgb(var(--shadow-rgb) / .4)}
[role="tabpanel"]{min-width:0}
.toc-tabs{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:8px;max-width:100%;overflow-x:auto;overscroll-behavior-inline:contain;padding:12px;background:var(--paper-top);border-radius:var(--r-lg);box-shadow:var(--shadow-paper);margin-bottom:32px;-webkit-overflow-scrolling:touch}
.toc-tabs a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:8px 18px;flex-shrink:0;white-space:nowrap;text-decoration:none;color:var(--muted);border-radius:var(--r-pill);font-size:var(--text-sm)}
.toc-tabs a.is-current{background:var(--ink);color:var(--panel-2)}
.toc-tabs.toc-static{position:static}
body:has(.toc-tabs) section[id]{scroll-margin-top:var(--toc-offset)}
.faq-item{border-bottom:1px solid var(--line)}
.faq-item summary{display:block;position:relative;padding:22px 36px 22px 0;font-size:18px;font-weight:var(--weight-semibold);list-style:none}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary::after{content:"+";position:absolute;right:4px;top:22px;font-family:var(--font-mono);font-weight:var(--weight-normal);color:var(--muted)}
.faq-item[open] summary::after{content:"−"}
.faq-item>div{padding-bottom:24px;color:var(--muted)}
.faq-item>div p:last-child{margin-bottom:0}
.feature-index{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:80px}
.feature-index__aside{position:sticky;top:32px;align-self:start}
.feature-index__statement{font-family:var(--font-serif);font-size:32px;line-height:1.5;font-weight:var(--weight-normal)}
.feature-index__patch{width:88px;height:88px;border-radius:var(--r-tile-2);background:linear-gradient(125deg,var(--c-sand) 54%,var(--c-rust) 54%);box-shadow:var(--shadow-card);transform:rotate(-3deg);margin-top:32px}
.feature-row{border-bottom:1px solid var(--line)}
.feature-row summary{list-style:none;display:flex;align-items:baseline;justify-content:space-between;gap:24px;padding:24px 0}
.feature-row summary::-webkit-details-marker{display:none}
.feature-row__title{font-size:24px;font-weight:var(--weight-bold)}
.feature-row__tag{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--muted);text-align:right;flex-shrink:0}
.feature-row__body{padding-bottom:24px;color:var(--muted)}
.fact-chips{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:16px 0 0}
.fact-chips li{margin:0}
.badge,.tag{display:inline-flex;align-items:center;gap:6px;min-height:28px;padding:4px 10px;border-radius:var(--r-pill);background:var(--panel);color:var(--ink);font-size:var(--text-xs);max-width:100%;overflow-wrap:anywhere}
.tag{font-family:var(--font-mono)}
.badge--success::before{content:"";width:6px;height:6px;flex:none;border-radius:var(--r-pill);background:var(--success)}
.badge--warn::before{content:"";width:6px;height:6px;flex:none;border-radius:var(--r-pill);background:var(--warn)}
.badge--error::before{content:"";width:6px;height:6px;flex:none;border-radius:var(--r-pill);background:var(--error)}
.plan-card{position:relative;display:flex;flex-direction:column;min-width:0;padding:32px;background:var(--panel);border-radius:var(--r-lg)}
.plan-card--current{background:var(--panel-2);box-shadow:var(--shadow-paper)}
.plan-card--current::after{content:"";position:absolute;inset:0;border:2px solid var(--ink);border-radius:inherit;pointer-events:none}
.plan-card__badge{align-self:flex-start;background:var(--ink);color:var(--panel-2);margin-bottom:16px}
.plan-card__label{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:8px}
.plan-card__price{font-size:40px;line-height:1.2;font-weight:var(--weight-bold);letter-spacing:-.02em;margin-bottom:24px;font-variant-numeric:tabular-nums}
.plan-card__price small{font-size:var(--text-sm);font-weight:var(--weight-normal);letter-spacing:0;color:var(--muted)}
.spec-lines{margin:0 0 24px}
.spec-lines>div{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding-block:12px;border-top:1px solid var(--line)}
.spec-lines dt{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--muted);letter-spacing:.08em;text-transform:uppercase}
.spec-lines dd{margin:0;text-align:right;font-variant-numeric:tabular-nums}
.plan-card .btn{margin-top:auto;align-self:flex-start}
.table-scroll{overflow-x:auto;max-width:100%;min-width:0;-webkit-overflow-scrolling:touch;border-radius:var(--r-lg);background:var(--panel-2);box-shadow:var(--shadow-paper)}
.data-table,.route-table{width:100%;min-width:680px;border-collapse:collapse;text-align:left;font-size:var(--text-sm)}
.data-table th,.route-table th{background:var(--panel);color:var(--ink);font-weight:var(--weight-semibold);white-space:nowrap}
.data-table th,.data-table td,.route-table th,.route-table td{padding:16px 20px;border-bottom:1px solid var(--line);vertical-align:top;word-break:keep-all}
.table-scroll th,.table-scroll td:first-child{color:var(--ink)}
.route-table__group th{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.08em;background:var(--paper-top)}
.prose>.data-table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%;min-width:0}
.prose{min-width:0;overflow-wrap:break-word}
.prose h2{margin-top:48px}
.prose h3{margin-top:32px}
.prose p{line-height:1.85}
.platform-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}
.platform-card{min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:16px;background:var(--panel-2);padding:24px;border-radius:var(--r-lg);box-shadow:var(--shadow-paper)}
.platform-card h3{font-size:18px;margin:0}
.platform-card .btn{font-size:var(--text-sm);padding-inline:16px;margin-top:auto}
.platform-icon{width:32px;height:32px;display:block;color:var(--ink);fill:currentColor;flex:none}
.platform-text{font-family:var(--font-mono);font-size:var(--text-sm);min-height:32px;display:inline-flex;align-items:center}
.article-card{display:flex;flex-direction:column;padding:32px;border-radius:var(--r-lg);background:var(--panel);min-width:0}
.article-card h3{font-size:24px}
.article-card h3 a{color:var(--ink);text-decoration:none}
.article-card__summary{font-family:var(--font-serif);font-size:20px;line-height:1.6;margin-bottom:32px}
.article-card .spec-lines{margin-top:auto}
.article-card .btn{align-self:flex-start}
.article-window{border-radius:var(--r-lg);background:var(--panel-2);box-shadow:var(--shadow-paper);overflow:hidden}
.article-window__chrome{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 24px;background:var(--panel);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--muted)}
.article-window__chrome::before{content:"";width:44px;height:8px;flex:none;background:linear-gradient(90deg,var(--c-rust) 0 8px,transparent 8px 18px,var(--c-ochre) 18px 26px,transparent 26px 36px,var(--c-moss) 36px 44px)}
.article-window__body{padding:32px}
.callout{margin:24px 0;padding:24px 28px;border-left:3px solid var(--accent);background:var(--panel-2);border-radius:0 var(--r-md) var(--r-md) 0;box-shadow:var(--shadow-paper)}
.callout p:last-child{margin-bottom:0}
.promo-block{display:flex;align-items:center;justify-content:space-between;gap:32px;padding:40px;background:var(--board);color:var(--panel-2);border-radius:var(--r-lg);box-shadow:var(--shadow-board);margin-top:40px}
.promo-block__brand{font-weight:var(--weight-bold);font-size:24px;margin-bottom:8px}
.promo-block p{margin:0}
.promo-block .btn{background:var(--panel-2);color:var(--ink);flex-shrink:0;white-space:nowrap}
.ticker{overflow:hidden;max-width:100%;min-width:0;background:var(--panel);border-radius:var(--r-lg);padding-block:20px}
.ticker__track{display:flex;width:max-content;max-width:none}
.ticker__group{display:flex;align-items:center;flex-shrink:0;gap:48px;padding-right:48px;font-family:var(--font-mono);font-size:var(--text-sm)}
.hero{position:relative;background:linear-gradient(180deg,var(--paper-top) 0%,var(--paper-bottom) 100%);padding-bottom:40px;overflow-x:clip;max-width:100%}
.hero__intro{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:64px;align-items:end;padding:24px 0 56px;position:relative;z-index:2}
.hero__intro>*{min-width:0}
.hero__title{margin:0 0 24px;font-family:var(--font-display);font-weight:var(--weight-bold);font-size:var(--h1);line-height:1.12;letter-spacing:-.02em;color:var(--ink)}
.hero__line{display:block}
.kw{text-decoration-line:underline;text-decoration-color:var(--accent);text-decoration-thickness:.085em;text-underline-offset:.15em;text-decoration-skip-ink:none}
.hero__cta{display:flex;flex-wrap:wrap;gap:12px;margin:0 0 20px}
.trust{display:flex;flex-wrap:wrap;align-items:center;gap:6px 0;list-style:none;margin:0;padding:0;font-size:var(--text-sm);line-height:22px;color:var(--ink)}
.trust li{display:inline-flex;align-items:center;white-space:nowrap;margin:0}
.trust li+li::before{content:"";width:3px;height:3px;border-radius:var(--r-pill);flex:none;background:var(--muted);opacity:.7;margin:0 12px}
.trust__key{font-weight:var(--weight-semibold)}
.hero__lead{margin:0 0 20px;font-family:var(--font-serif);font-size:20px;line-height:1.6;color:var(--ink)}
.kit{background:var(--panel-2);border-radius:var(--r-lg);padding:14px 18px;box-shadow:var(--shadow-paper)}
.kit__row+.kit__row{margin-top:12px;padding-top:12px;border-top:1px solid var(--line)}
.kit__head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 12px;margin:0 0 10px;font-family:var(--font-mono);font-size:11px;line-height:16px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.kit__val{color:var(--ink);text-align:right}
.kit__list{display:flex;flex-wrap:wrap;gap:8px 18px;list-style:none;margin:0;padding:0}
.kit__list li{display:inline-flex;align-items:center;gap:7px;font-size:var(--text-sm);line-height:24px;color:var(--ink);white-space:nowrap;margin:0}
.pf{width:18px;height:18px;flex:none;display:block;color:var(--ink);fill:currentColor}
.flag{width:24px;height:16px;flex:none;display:block;overflow:hidden;border-radius:var(--r-xs)}
.flag--sq{width:16px;height:16px}
.f-r{fill:var(--flag-red)}
.f-w{fill:var(--flag-white)}
.f-n{fill:var(--flag-navy)}
.f-edge{fill:none;stroke:rgb(var(--ink-rgb) / .18);stroke-width:.6}
.defs{position:absolute;width:0;height:0;overflow:hidden}
.board-wrap{position:relative;container-type:inline-size;z-index:1}
.board-wrap>*{--u:calc(100cqw / 1280)}
.board{position:relative;height:calc(432 * var(--u));border-radius:var(--r-xl);background:linear-gradient(135deg,var(--board-hi) 0%,var(--board) 50%,var(--board-lo) 100%);box-shadow:var(--shadow-board);overflow:hidden;isolation:isolate;color:var(--panel-2)}
.board::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(42% 54% at 50% 48%,rgb(var(--glow-rgb) / .10),rgb(var(--glow-rgb) / 0) 70%),radial-gradient(55% 80% at 0% 0%,rgb(var(--glow-rgb) / .05),rgb(var(--glow-rgb) / 0) 60%)}
.board::after{content:"";position:absolute;top:0;left:6%;right:6%;height:1px;z-index:7;pointer-events:none;background:linear-gradient(90deg,rgb(var(--glow-rgb) / 0),rgb(var(--glow-rgb) / .38),rgb(var(--glow-rgb) / 0))}
.board__grain{position:absolute;inset:0;width:100%;height:100%;z-index:6;background-image:var(--grain);opacity:.16;mix-blend-mode:soft-light;pointer-events:none}
.board__lines{position:absolute;inset:0;width:100%;height:100%;z-index:1;fill:none;stroke:rgb(var(--cream-rgb) / .26);stroke-width:1}
.board__lines path{vector-effect:non-scaling-stroke}
.board__lines .port{fill:rgb(var(--cream-rgb) / .55);stroke:none}
.board__flows{position:absolute;inset:0;z-index:2;pointer-events:none}
.flow{position:absolute;height:0;left:calc(var(--fx) * var(--u));top:calc(var(--fy) * var(--u));width:calc(var(--fw) * var(--u))}
.flow__run{position:relative;display:block;width:100%;height:0;opacity:0;animation:run var(--dur,7s) linear var(--delay,0s) infinite}
.flow__run::before{content:"";position:absolute;left:0;top:calc(-3 * var(--u));margin-left:calc(-3 * var(--u));width:calc(6 * var(--u));height:calc(6 * var(--u));border-radius:var(--r-pill);background:var(--panel-2);box-shadow:0 0 calc(10 * var(--u)) calc(2 * var(--u)) rgb(var(--glow-rgb) / .45)}
.flow__run::after{content:"";position:absolute;top:0;height:1px;right:100%;width:calc(30 * var(--u));background:linear-gradient(90deg,rgb(var(--cream-rgb) / 0),rgb(var(--cream-rgb) / .55))}
.flow--rev .flow__run{animation-name:run-rev}
.flow--rev .flow__run::before{left:auto;right:0;margin-left:0;margin-right:calc(-3 * var(--u))}
.flow--rev .flow__run::after{right:auto;left:100%;background:linear-gradient(270deg,rgb(var(--cream-rgb) / 0),rgb(var(--cream-rgb) / .55))}
.f-1{--fx:352;--fy:226;--fw:132;--dur:6.5s;--delay:-1s}
.f-2{--fx:796;--fy:226;--fw:128;--dur:7s;--delay:-3.5s}
.f-3{--fx:12;--fy:62;--fw:160;--dur:8s;--delay:-2s}
.f-4{--fx:1124;--fy:400;--fw:146;--dur:7.5s;--delay:-5s}
.board__nodes,.board__tiles{position:absolute;inset:0}
.node{position:absolute;z-index:4;margin:0;left:calc(var(--x) * var(--u));top:calc(var(--y) * var(--u));width:calc(var(--w) * var(--u));text-align:center;font-family:var(--font-serif);font-size:calc(19 * var(--u));line-height:1.42;color:rgb(var(--cream-rgb) / .86)}
.node span{display:block;white-space:nowrap}
.n-l1{--x:310;--y:45;--w:180}
.n-l2{--x:65;--y:195;--w:170}
.n-l3{--x:280;--y:325;--w:160}
.n-r1{--x:810;--y:45;--w:180}
.n-r2{--x:1040;--y:195;--w:180}
.n-r3{--x:845;--y:345;--w:150}
.board__core{position:absolute;z-index:4;left:calc(460 * var(--u));top:calc(148 * var(--u));width:calc(360 * var(--u));text-align:center}
.board__motto{margin:0;font-family:var(--font-serif);font-weight:var(--weight-normal);font-size:calc(36 * var(--u));line-height:1.25;letter-spacing:-.01em;color:var(--panel-2)}
.board__motto>span{display:block}
.board__meta{margin:calc(14 * var(--u)) 0 0;display:flex;align-items:center;justify-content:center;gap:calc(10 * var(--u));font-family:var(--font-mono);font-size:calc(13 * var(--u));letter-spacing:.1em;color:rgb(var(--cream-rgb) / .62)}
.board__meta::before,.board__meta::after{content:"";width:calc(28 * var(--u));height:1px;flex:none;background:rgb(var(--cream-rgb) / .28)}
.tile{position:absolute;z-index:3;left:calc(var(--x) * var(--u));top:calc(var(--y) * var(--u));width:calc(var(--s) * var(--u));height:calc(var(--s) * var(--u));border-radius:var(--rad);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:calc(6 * var(--u));background-color:var(--p1);background-image:linear-gradient(158deg,rgb(var(--glow-rgb) / .22) 0%,rgb(var(--glow-rgb) / 0) 42%),linear-gradient(var(--cut-a,118deg),var(--p1) 0 var(--cut,58%),var(--p2) var(--cut,58%) 100%);box-shadow:var(--shadow-tile);color:var(--panel-2);transform:rotate(var(--rot));animation:breathe 9s ease-in-out var(--d,0s) infinite}
.p-rust{--p1:var(--c-rust);--p2:var(--c-rust-2)}
.p-ochre{--p1:var(--c-ochre);--p2:var(--c-ochre-2)}
.p-moss{--p1:var(--c-moss);--p2:var(--c-moss-2)}
.p-slate{--p1:var(--c-slate);--p2:var(--c-slate-2)}
.p-plum{--p1:var(--c-plum);--p2:var(--c-plum-2)}
.p-sand{--p1:var(--c-sand);--p2:var(--c-sand-2);color:var(--ink)}
.tile--tape::after{content:"";position:absolute;top:-7%;left:28%;width:44%;height:15%;background:rgb(var(--cream-rgb) / .42);transform:rotate(-6deg);box-shadow:0 1px 2px rgb(var(--deep-rgb) / .22)}
.tile__flag{width:64%;height:auto;display:block;overflow:hidden;border-radius:var(--r-xs);transform:rotate(var(--frot,2deg));filter:drop-shadow(0 2px 2px rgb(var(--deep-rgb) / .35))}
.tile__flag--sq{width:46%}
.tile__glyph{width:42%;height:auto;display:block;fill:currentColor;filter:drop-shadow(0 1px 1px rgb(var(--deep-rgb) / .25))}
.tile__glyph--wide{width:58%}
.tile__cap{font-family:var(--font-mono);font-size:max(9px,calc(10 * var(--u)));line-height:1;letter-spacing:.1em;text-transform:uppercase;opacity:.84;white-space:nowrap}
.gl-fill{fill:rgb(var(--cream-rgb) / .12)}
.gl-line{fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round}
.t-us{--x:176;--y:12;--s:92;--rot:-2.4deg;--rad:var(--r-tile-1);--cut-a:24deg;--cut:62%;--d:-2s;--frot:2.5deg}
.t-win{--x:390;--y:128;--s:80;--rot:2.2deg;--rad:var(--r-tile-3);--cut-a:150deg;--cut:55%;--d:-5s}
.t-jp{--x:20;--y:286;--s:88;--rot:2.8deg;--rad:var(--r-tile-0);--cut-a:100deg;--cut:66%;--d:-1s;--frot:-3deg}
.t-and{--x:270;--y:210;--s:84;--rot:-3deg;--rad:var(--r-tile-2);--cut-a:210deg;--cut:48%;--d:-7s}
.t-hk{--x:480;--y:326;--s:80;--rot:1.6deg;--rad:var(--r-tile-1);--cut-a:60deg;--cut:58%;--d:-3s;--frot:-2deg}
.t-ios{--x:148;--y:310;--s:84;--rot:-1.4deg;--rad:var(--r-tile-4);--cut-a:130deg;--cut:60%;--d:-6s}
.t-sg{--x:688;--y:16;--s:80;--rot:-2deg;--rad:var(--r-tile-2);--cut-a:15deg;--cut:52%;--d:-4s;--frot:3deg}
.t-mac{--x:810;--y:130;--s:80;--rot:3deg;--rad:var(--r-tile-1);--cut-a:165deg;--cut:62%;--d:-8s}
.t-ca{--x:1164;--y:290;--s:92;--rot:-2.2deg;--rad:var(--r-tile-3);--cut-a:75deg;--cut:57%;--d:-2.5s;--frot:-2.5deg}
.t-lnx{--x:923;--y:210;--s:84;--rot:2.5deg;--rad:var(--r-tile-0);--cut-a:240deg;--cut:50%;--d:-5.5s}
.t-ch{--x:720;--y:326;--s:80;--rot:-2.8deg;--rad:var(--r-tile-4);--cut-a:110deg;--cut:63%;--d:-1.5s;--frot:4deg}
.t-lock{--x:1033;--y:338;--s:84;--rot:1.8deg;--rad:var(--r-tile-2);--cut-a:45deg;--cut:55%;--d:-6.5s}
.t-globe{--x:556;--y:22;--s:88;--rot:-1.6deg;--rad:var(--r-tile-4);--cut-a:190deg;--cut:60%;--d:-3.5s}
.spec{position:absolute;z-index:8;right:calc(28 * var(--u));top:calc(-28 * var(--u));width:calc(240 * var(--u));padding:calc(16 * var(--u)) calc(18 * var(--u));border-radius:var(--r-md);background:var(--panel);box-shadow:var(--shadow-card);color:var(--ink)}
.spec__head{display:flex;justify-content:space-between;align-items:baseline;margin:0 0 calc(8 * var(--u));font-size:calc(14 * var(--u));line-height:calc(18 * var(--u));font-weight:var(--weight-bold)}
.spec__code{font-family:var(--font-mono);font-weight:var(--weight-medium);font-size:calc(10 * var(--u));letter-spacing:.14em;color:var(--muted)}
.spec__list{margin:0}
.spec__row{display:flex;justify-content:space-between;align-items:center;gap:calc(12 * var(--u));min-height:calc(34 * var(--u));border-top:1px solid var(--line)}
.spec__row dt{font-family:var(--font-mono);font-size:calc(11 * var(--u));letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.spec__row dd{margin:0;font-size:calc(13 * var(--u));font-weight:var(--weight-medium);text-align:right;white-space:nowrap}
.dock{position:absolute;z-index:8;left:-18px;bottom:-18px;display:flex;align-items:center;gap:12px}
.pill{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:36px;padding:8px 16px;border-radius:var(--r-pill);font-size:var(--text-sm);line-height:1;white-space:nowrap;text-decoration:none}
.pill--paper{background:var(--panel-2);color:var(--ink);box-shadow:inset 0 1px 0 rgb(var(--hl-rgb) / .95),inset 0 0 0 1px rgb(var(--line-rgb) / .7),0 14px 26px -12px rgb(var(--shadow-rgb) / .55)}
.pill--ink{background:var(--board-ink);color:var(--panel-2);font-weight:var(--weight-semibold);box-shadow:inset 0 0 0 1px rgb(var(--cream-rgb) / .22),0 14px 26px -12px rgb(var(--shadow-rgb) / .6)}
.pill__lock{width:14px;height:14px;flex:none;display:block;color:var(--ink)}
.swatches{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.swatch{padding:12px;background:var(--panel-2);border-radius:var(--r-md);box-shadow:var(--shadow-paper);min-width:0}
.swatch__paint{height:64px;border-radius:var(--r-sm);margin-bottom:12px}
.swatch code{display:block;font-size:11px}
.swatch--paper{background:var(--paper)}.swatch--top{background:var(--paper-top)}.swatch--bottom{background:var(--paper-bottom)}.swatch--panel{background:var(--panel)}.swatch--panel2{background:var(--panel-2)}.swatch--line{background:var(--line)}.swatch--accent{background:var(--accent)}.swatch--accent-dark{background:var(--accent-dark)}.swatch--ink{background:var(--ink)}.swatch--muted{background:var(--muted)}.swatch--success{background:var(--success)}.swatch--warn{background:var(--warn)}.swatch--error{background:var(--error)}.swatch--board{background:var(--board)}.swatch--board-hi{background:var(--board-hi)}.swatch--board-lo{background:var(--board-lo)}.swatch--board-ink{background:var(--board-ink)}.swatch--rust{background:var(--c-rust)}.swatch--rust2{background:var(--c-rust-2)}.swatch--ochre{background:var(--c-ochre)}.swatch--ochre2{background:var(--c-ochre-2)}.swatch--moss{background:var(--c-moss)}.swatch--moss2{background:var(--c-moss-2)}.swatch--slate{background:var(--c-slate)}.swatch--slate2{background:var(--c-slate-2)}.swatch--plum{background:var(--c-plum)}.swatch--plum2{background:var(--c-plum-2)}.swatch--sand{background:var(--c-sand)}.swatch--sand2{background:var(--c-sand-2)}.swatch--navy{background:var(--flag-navy)}
.type-specimen{border-top:1px solid var(--line);padding-block:24px}
.type-specimen__display{font-family:var(--font-display);font-size:clamp(32px,4vw,52px);font-weight:var(--weight-bold);line-height:1.2}
.preview-note{font-size:var(--text-sm);color:var(--muted);margin-top:24px}
.preview-stack{display:grid;gap:24px}
@keyframes breathe{0%,100%{transform:rotate(var(--rot)) scale(1)}50%{transform:rotate(var(--rot)) scale(1.025)}}
@keyframes run{0%{transform:translateX(0);opacity:0}15%,80%{opacity:1}100%{transform:translateX(100%);opacity:0}}
@keyframes run-rev{0%{transform:translateX(0);opacity:0}15%,80%{opacity:1}100%{transform:translateX(-100%);opacity:0}}
@media(max-width:1199px){
  .board{height:auto;padding:40px 32px 36px;display:flex;flex-direction:column;gap:28px}
  .board__lines,.board__flows{display:none}
  .board__core{position:relative;left:auto;top:auto;width:auto}
  .board__motto{font-size:30px}
  .board__meta{font-size:12px;margin-top:12px;gap:10px}
  .board__meta::before,.board__meta::after{width:24px}
  .board__nodes{position:relative;inset:auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 24px}
  .node{position:relative;left:auto;top:auto;width:auto;text-align:left;font-size:17px;line-height:1.5;padding-top:12px;border-top:1px solid rgb(var(--cream-rgb) / .16)}
  .node span{display:inline;white-space:normal}
  .board__tiles{position:relative;inset:auto;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:16px}
  .tile{position:relative;left:auto;top:auto;width:100%;height:auto;aspect-ratio:1;max-width:96px;justify-self:center;gap:6px}
  .spec{position:relative;right:auto;top:auto;width:100%;padding:16px 18px;margin-top:20px}
  .spec__head{font-size:14px;line-height:18px;margin-bottom:8px}
  .spec__code{font-size:10px}
  .spec__row{gap:12px;min-height:34px}
  .spec__row dt{font-size:11px}
  .spec__row dd{font-size:13px}
  .dock{position:relative;left:auto;bottom:auto;flex-wrap:wrap;margin-top:20px}
  .platform-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:768px){
  .hero__intro{grid-template-columns:minmax(0,1fr);gap:32px;padding-top:24px;padding-bottom:32px}
  .hero__title{font-size:var(--h1)}
  .hero__lead{font-size:18px}
  .board{padding:32px 24px}
  .board__nodes{grid-template-columns:minmax(0,1fr)}
  .node:nth-child(n+4){display:none}
  .board__tiles{grid-template-columns:repeat(7,minmax(0,1fr));gap:10px}
  .tile__cap{font-size:9px}
  .t-win,.t-and,.t-ios,.t-mac,.t-lnx,.t-lock,.t-globe{display:none}
  .board__tiles{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(2,auto);gap:20px}
  .board__motto{font-size:28px}
  .feature-index{grid-template-columns:minmax(0,1fr);gap:32px}
  .feature-index__aside{position:static}
  .feature-index__statement{font-size:28px}
  .feature-row__title{font-size:20px}
  .feature-row summary{gap:12px}
  .promo-block{flex-direction:column;align-items:flex-start;padding:28px}
  .platform-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .swatches{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:640px){
  .board{border-radius:var(--r-lg);padding:28px 20px}
  .tile{transform:none;animation:none}
  .trust{font-size:var(--text-xs)}
  .trust li+li::before{margin-inline:8px}
  .hero__cta .btn{padding-inline:20px}
  .plan-card,.article-card{padding:24px}
  .platform-card{padding:20px}
  .platform-card .btn{padding-inline:12px;font-size:var(--text-xs)}
  .article-window__body{padding:24px}
  .feature-row__tag{font-size:10px}
}
@media(prefers-reduced-motion:reduce){
  .flow__run{display:none}
  .tile{animation:none}
  .ticker__track{width:auto;transform:none!important}
  .ticker__group{flex-wrap:wrap;gap:16px;padding-inline:20px}
  .ticker__group[data-ticker-copy]{display:none}
}