/* Shared information furniture */
.badge,.tag{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;min-height:24px;max-width:100%;border-radius:var(--r-pill);background:var(--accent-tint);color:var(--accent-dark);font-size:var(--f-xs);font-weight:var(--weight-bold);overflow-wrap:anywhere}
.status-dot{width:8px;height:8px;border-radius:var(--r-circle);background:var(--success);flex-shrink:0}
.icon-badge{display:grid;place-items:center;width:48px;height:48px;border-radius:var(--r-md);flex-shrink:0}
.icon-badge svg{width:24px;height:24px}
.tabs{min-width:0;border-radius:var(--r-window);background:var(--white);border:1px solid var(--border-soft);box-shadow:var(--shadow-card);overflow:hidden}
[role="tablist"]{display:flex;gap:8px;overflow-x:auto;max-width:100%;padding:12px;border-bottom:1px solid var(--border);-webkit-overflow-scrolling:touch}
[role="tab"]{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:12px 20px;flex-shrink:0;border-radius:var(--r-md);font-weight:var(--weight-bold);color:var(--text-muted)}
[role="tab"][aria-selected="true"]{color:var(--text);background:var(--bg-panel)}
[role="tab"][aria-selected="true"]::after{content:"";height:3px;background:var(--accent);border-radius:var(--r-flag);position:absolute;bottom:0;left:16px;right:16px}
[role="tabpanel"]{padding:32px;min-width:0}
.feature-tabs{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}
.feature-tabs [role="tab"]{flex-direction:column;min-width:0;padding:20px 8px;text-align:center;white-space:normal}
.feature-tabs [role="tab"] small{font-size:var(--f-xs);font-weight:var(--weight-normal);color:var(--text-muted)}
.feature-detail{display:grid;grid-template-columns:minmax(0,58fr) minmax(0,42fr);gap:32px;align-items:center}
.feature-detail>*{min-width:0}
.feature-detail p{margin-block:16px;line-height:1.85;color:var(--text-muted)}
.mini-interface{padding:20px;border-radius:var(--r-lg);background:var(--bg-panel-2);box-shadow:inset 0 1px 0 var(--white)}
.rule-line{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;padding:14px;background:var(--bg-panel);border-radius:var(--r-sm);margin-block:8px;font-size:var(--f-ui)}
.toc-tabs{position:sticky;top:12px;z-index:8;display:flex;gap:8px;overflow-x:auto;max-width:100%;padding:10px;background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--r-pill);box-shadow:0 8px 24px var(--shadow-blue);overscroll-behavior-x:contain}
.toc-tabs a{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;min-height:44px;padding:10px 18px;border-radius:var(--r-pill);font-size:var(--f-ui);font-weight:var(--weight-semibold);white-space:nowrap}
.toc-tabs a.is-current{background:var(--accent);color:var(--white)}
.toc-tabs.is-static{position:static}
body:has(.toc-tabs) section[id],body:has(.toc-tabs) h2[id],body:has(.toc-tabs) h3[id]{scroll-margin-top:var(--toc-offset)}
.faq-item{background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--r-lg);margin-block:12px;box-shadow:0 8px 24px var(--shadow-blue)}
.faq-item summary{position:relative;list-style:none;cursor:pointer;padding:20px 52px 20px 24px;min-height:52px;font-weight:var(--weight-bold)}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary::after{content:"+";position:absolute;right:24px;top:20px;color:var(--accent);font-size:var(--f-sub)}
.faq-item[open] summary::after{content:"−"}
.faq-item>div{padding:0 24px 24px;color:var(--text-muted);line-height:1.8}
.plan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.plan-card{position:relative;min-width:0;padding:28px;border-radius:var(--r-window);background:var(--bg-panel);border:1px solid var(--border);box-shadow:var(--shadow-card),inset 0 1px 0 var(--white)}
.plan-card.is-current{background:var(--white);border:2px solid var(--accent);box-shadow:0 24px 48px var(--shadow-blue-strong)}
.plan-ribbon{display:inline-flex;padding:5px 12px;border-radius:var(--r-pill);background:var(--violet-tint);color:var(--violet);font-size:var(--f-xs);font-weight:var(--weight-heavy);margin-bottom:16px}
.plan-period{font-size:var(--f-ui);color:var(--text-muted)}
.plan-price{font-family:var(--font-mono);font-size:var(--f-h2);font-weight:var(--weight-heavy);margin-block:16px;font-variant-numeric:tabular-nums}
.plan-price small{font-family:var(--font-body);font-size:var(--f-ui);color:var(--text-muted)}
.plan-facts{display:grid;gap:12px;margin-block:24px;font-size:var(--f-ui)}
.plan-card .btn{width:100%}
.table-scroll{overflow-x:auto;max-width:100%;min-width:0;-webkit-overflow-scrolling:touch;border:1px solid var(--border);border-radius:var(--r-lg);background:var(--bg-panel)}
.data-table{width:100%;min-width:640px;border-collapse:collapse;text-align:left;font-size:var(--f-ui)}
.data-table caption{text-align:left;padding:16px 20px;color:var(--text);font-weight:var(--weight-heavy)}
.data-table th,.data-table td{padding:16px 20px;border-bottom:1px solid var(--border);word-break:keep-all}
.table-scroll th,.data-table th{background:var(--bg-panel-2);color:var(--text);white-space:nowrap;font-weight:var(--weight-heavy)}
.data-table td:first-child{color:var(--text);font-weight:var(--weight-bold)}
.data-table .region-heading td{background:var(--accent-tint);color:var(--accent-dark)}
.prose>.data-table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%;min-width:0}
.platform-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}
.platform-card{min-width:0;display:flex;align-items:flex-start;flex-direction:column;gap:18px;padding:24px;border-radius:var(--r-window);background:var(--bg-panel);border:1px solid var(--border-soft);box-shadow:var(--shadow-card)}
.platform-card svg{width:32px;height:32px;color:var(--accent-dark)}
.platform-card .btn{font-size:var(--f-ui);padding-inline:16px;max-width:100%}
.article-card{display:flex;flex-direction:column;gap:16px;min-width:0;padding:28px;border-radius:var(--r-window);background:var(--bg-panel);border:1px solid var(--border-soft);box-shadow:var(--shadow-card)}
.article-card h3{font-size:var(--f-sub)}
.article-card p{color:var(--text-muted);line-height:1.75}
.article-meta{display:flex;flex-wrap:wrap;gap:12px;align-items:center;font-size:var(--f-xs);color:var(--text-muted)}
.article-card a.text-link{margin-top:auto;display:inline-flex;align-items:center;min-height:28px}
.callout{padding:24px;border-left:4px solid var(--accent);border-radius:var(--r-md);background:var(--accent-tint);color:var(--text-sky);line-height:1.8;margin-block:24px}
.callout.warning{border-color:var(--warn);background:var(--warn-tint)}
.promo-block{display:flex;align-items:center;justify-content:space-between;gap:32px;padding:32px;background:var(--ink);color:var(--white);border-radius:var(--r-window);margin-block:32px}
.promo-block p{margin-top:12px;color:var(--text-on-ink)}
.promo-block .btn,.promo-block .btn-primary,.promo-block .btn-secondary{flex-shrink:0;white-space:nowrap}
.float-cta{position:fixed;z-index:30;right:24px;bottom:calc(24px + env(safe-area-inset-bottom,0px));display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:12px 20px;border-radius:var(--r-pill);background:var(--accent);color:var(--white);font-size:var(--f-ui);font-weight:var(--weight-heavy);box-shadow:0 12px 32px var(--shadow-blue-cta),inset 0 1px 0 var(--veil-55)}
.float-cta svg{width:20px;height:20px}
.float-cta:hover{background:var(--accent-dark)}
body:has(.float-cta)::after{content:"";display:block;height:calc(88px + env(safe-area-inset-bottom,0px))}

/* Approved sky card and routing inbox */
.svg-defs{position:absolute;width:0;height:0;overflow:hidden}
.hero{position:relative;padding-top:8px;padding-bottom:181px;overflow-x:clip;max-width:100%}
.sky{position:relative;margin:0 2.5vw;padding-top:26px;border-radius:var(--r-card);background:linear-gradient(180deg,var(--sky-1),var(--sky-2) 62%,var(--sky-3));box-shadow:inset 0 1px 0 var(--veil-55),0 30px 60px -30px var(--shadow-blue)}
.sky-deco{position:absolute;inset:0;z-index:0;border-radius:inherit;overflow:hidden;pointer-events:none}
.sky-glow{position:absolute;inset:0;background:radial-gradient(60% 46% at 50% 0%,var(--sky-glow),var(--clear) 72%)}
.sky-grid{position:absolute;inset:0;width:100%;height:100%;mask-image:linear-gradient(180deg,var(--ink),var(--ink) 55%,var(--clear) 94%)}
.grid-plus{fill:none;stroke:var(--grid-ink);stroke-width:1.6;stroke-linecap:round}
.hills{position:absolute;bottom:0;width:460px;height:300px}
.hills-l{left:0}
.hills-r{right:0;transform:scaleX(-1)}
.hill{position:absolute;border-radius:var(--r-circle)}
.hill-back{width:420px;height:300px;left:-150px;bottom:-150px;background:linear-gradient(180deg,var(--hill-1),var(--hill-2) 72%);box-shadow:0 -12px 40px var(--shadow-blue)}
.hill-back::before{content:"";position:absolute;width:150px;height:150px;right:30px;top:-26px;border-radius:var(--r-circle);background:linear-gradient(180deg,var(--hill-1),var(--hill-2) 90%)}
.hill-mid{width:340px;height:240px;left:-30px;bottom:-140px;background:linear-gradient(180deg,var(--hill-cyan),var(--hill-3) 76%);box-shadow:0 -10px 30px var(--shadow-blue),inset 0 10px 18px var(--veil-35)}
.hill-front{width:300px;height:200px;left:-120px;bottom:-110px;background:linear-gradient(180deg,var(--hill-3),var(--hill-4) 82%);box-shadow:0 -14px 34px var(--shadow-blue-strong),inset 0 8px 14px var(--veil-35)}
.hero-copy{position:relative;z-index:2;width:var(--shell);margin:auto;text-align:center}
.hero-title{font-family:var(--font-display);font-weight:var(--weight-display);font-size:var(--f-hero);line-height:1.1;letter-spacing:-.02em;color:var(--text)}
.hero-title .line{display:block}
.kw{position:relative;display:inline-block;isolation:isolate}
.brush{position:absolute;z-index:-1;left:-3%;bottom:-.06em;width:106%;height:.3em}
.brush-a{fill:var(--accent)}
.brush-b{fill:none;stroke:var(--veil-35);stroke-width:1.2;stroke-linecap:round}
.lede{margin-top:10px;font-size:var(--f-body);line-height:24px;color:var(--text-sky)}
.lede strong{font-weight:var(--weight-heavy);color:var(--text)}
.pills{margin-top:16px;display:flex;justify-content:center;gap:14px}
.pill{display:flex;align-items:center;gap:12px;height:48px;padding:0 22px 0 6px;border-radius:var(--r-pill);background:var(--veil-72);border:1px solid var(--veil-90);backdrop-filter:blur(10px);box-shadow:0 10px 26px var(--shadow-blue);text-align:left}
.pill-badge{width:36px;height:36px;border-radius:var(--r-circle);display:grid;place-items:center;box-shadow:inset 0 0 0 1px var(--veil-72);flex-shrink:0}
.pill-badge svg{width:19px;height:19px}
.pill-txt{display:flex;flex-direction:column}
.pill-txt b{font-size:var(--f-nav);line-height:18px;font-weight:var(--weight-heavy)}
.pill-txt span{font-size:var(--f-small);line-height:16px;color:var(--text-muted)}
.ctas{margin-top:20px;display:flex;justify-content:center;align-items:center;gap:26px}
.trust{margin-top:16px;font-size:var(--f-ui);line-height:20px;color:var(--text-sky)}
.trust strong{font-weight:var(--weight-heavy);color:var(--text)}
.trust .sep{margin:0 10px;color:var(--text-muted)}
.reach{margin-top:12px;display:inline-flex;align-items:center;gap:16px;height:40px;padding:0 18px;border-radius:var(--r-pill);background:var(--veil-72);border:1px solid var(--veil-90);backdrop-filter:blur(10px);box-shadow:0 10px 26px var(--shadow-blue)}
.reach-label{font-size:var(--f-xs);font-weight:var(--weight-bold);color:var(--text-muted)}
.reach-row{display:flex;align-items:center;gap:14px}
.reach-item{display:inline-flex;align-items:center;gap:6px;font-size:var(--f-sm);font-weight:var(--weight-semibold);white-space:nowrap}
.reach-item .pf{width:16px;height:16px;color:var(--text)}
.reach-div{width:1px;height:18px;background:var(--border)}
.flag{border-radius:var(--r-flag);overflow:hidden;flex-shrink:0}
.reach-item .flag{width:21px;height:14px}
.f-white{fill:var(--flag-white)}
.f-red{fill:var(--flag-red)}
.f-navy{fill:var(--flag-navy)}
.f-black{fill:var(--flag-black)}
.f-gold{fill:var(--flag-gold)}
.f-edge{fill:none;stroke:var(--flag-edge);stroke-width:1}
.stage{--col-l:212px;--col-r:360px;position:relative;z-index:3;width:calc(var(--shell) * .86);height:340px;margin:18px auto -166px}
.win-frame{position:absolute;inset:0;padding:6px;border-radius:var(--r-frame);background:linear-gradient(180deg,var(--veil-72),var(--veil-35));backdrop-filter:blur(16px);box-shadow:0 26px 60px var(--shadow-blue-strong),0 4px 14px var(--shadow-blue),inset 0 0 0 1px var(--veil-72)}
.win{position:relative;height:100%;display:flex;flex-direction:column;border-radius:var(--r-window);background:var(--white);overflow:hidden;box-shadow:0 0 0 1px var(--border-soft)}
.win::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;box-shadow:inset 0 1px 0 var(--veil-90),inset 0 0 0 1px var(--veil-55)}
.chrome{flex:0 0 34px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 14px;background:linear-gradient(180deg,var(--white),var(--bg-panel));border-bottom:1px solid var(--border-soft)}
.lights{display:flex;gap:7px}
.lights i{display:block;width:10px;height:10px;border-radius:var(--r-circle);box-shadow:inset 0 0 0 1px var(--flag-edge)}
.l-r{background:var(--error)}
.l-y{background:var(--warn)}
.l-g{background:var(--success)}
.chrome-title{display:inline-flex;align-items:center;gap:7px;font-size:var(--f-small);font-weight:var(--weight-heavy)}
.chrome-title svg{width:15px;height:15px}
.win-search{justify-self:end;display:inline-flex;align-items:center;gap:6px;height:22px;padding:0 10px;border-radius:var(--r-pill);background:var(--white);border:1px solid var(--border-soft);font-size:var(--f-mini);color:var(--text-muted)}
.win-search svg{width:11px;height:11px}
.win-body{flex:1;min-height:0;display:grid;grid-template-columns:var(--col-l) minmax(0,1fr) var(--col-r)}
.win-body>*{min-width:0}
.rail{padding:10px;background:var(--bg-panel);border-right:1px solid var(--border-soft)}
.rail-label{height:22px;padding:0 8px;font-size:var(--f-tiny);line-height:16px;font-weight:var(--weight-bold);letter-spacing:.06em;color:var(--text-muted)}
.rail-label-2{margin-top:10px}
.rail-all{display:flex;align-items:center;gap:8px;height:28px;padding:0 6px 0 10px;border-radius:var(--r-pill);background:linear-gradient(180deg,var(--accent-soft),var(--accent));color:var(--white);font-size:var(--f-small);font-weight:var(--weight-bold);box-shadow:inset 0 1px 0 var(--veil-35),0 6px 14px var(--shadow-blue)}
.rail-all svg{width:13px;height:13px}
.rail-count{margin-left:auto;height:18px;padding:0 7px;border-radius:var(--r-pill);background:var(--veil-20);font-family:var(--font-mono);font-size:var(--f-tiny);line-height:18px;font-weight:var(--weight-semibold)}
.rail-groups{margin-top:4px}
.rail-item{display:flex;align-items:center;gap:8px;height:24px;padding:0 10px;font-size:var(--f-small);font-weight:var(--weight-semibold)}
.r-ico{width:16px;height:16px;border-radius:var(--r-icon);display:grid;place-items:center;flex-shrink:0}
.r-ico svg{width:10px;height:10px}
.rail-region{display:flex;align-items:center;gap:9px;height:22px;padding:0 10px;font-size:var(--f-small);font-weight:var(--weight-medium)}
.rail-region .flag{width:18px;height:12px}
.rail-region .chev{margin-left:auto;width:9px;height:9px;color:var(--border)}
.queue{display:flex;flex-direction:column;min-width:0}
.q-head{flex:0 0 34px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;border-bottom:1px solid var(--border-soft)}
.q-head b{font-size:var(--f-sm);font-weight:var(--weight-heavy)}
.q-chip{display:inline-flex;align-items:center;gap:5px;height:22px;padding:0 9px;border-radius:var(--r-pill);background:var(--bg-panel);border:1px solid var(--border-soft);font-size:var(--f-mini);font-weight:var(--weight-semibold);color:var(--text-muted)}
.q-chip svg{width:9px;height:9px}
.q-row{position:relative;display:flex;align-items:center;gap:12px;height:43px;padding:0 16px;border-bottom:1px solid var(--border-soft)}
.q-row:last-child{border-bottom:0}
.q-row.is-sel{background:linear-gradient(90deg,var(--accent-tint),var(--accent-tint-0));box-shadow:inset 3px 0 0 var(--accent)}
.q-ava{width:30px;height:30px;flex-shrink:0;border-radius:var(--r-circle);display:grid;place-items:center;font-family:var(--font-display);font-size:var(--f-sm);font-weight:var(--weight-heavy);box-shadow:inset 0 0 0 1px var(--veil-72)}
.q-text{display:flex;flex-direction:column;min-width:0}
.q-text b{font-size:var(--f-sm);line-height:17px;font-weight:var(--weight-bold)}
.q-sub{display:inline-flex;align-items:center;gap:4px;font-size:var(--f-xs);line-height:16px;color:var(--text-muted);white-space:nowrap}
.q-sub svg{width:11px;height:11px;color:var(--border)}
.q-dot{margin-left:auto;width:8px;height:8px;flex-shrink:0;border-radius:var(--r-circle);background:var(--success)}
.q-tag{margin-left:auto;height:20px;padding:0 9px;border-radius:var(--r-pill);background:var(--success-tint);color:var(--success);font-size:var(--f-mini);line-height:20px;font-weight:var(--weight-bold)}
.detail{padding:10px 16px;border-left:1px solid var(--border-soft);background:var(--white)}
.d-title{height:22px;display:flex;align-items:center;justify-content:space-between;font-size:var(--f-sm);font-weight:var(--weight-heavy)}
.d-title span{font-size:var(--f-mini);font-weight:var(--weight-semibold);color:var(--text-muted)}
.d-cur{margin-top:4px;height:56px;display:flex;align-items:center;gap:10px;padding:0 10px 0 12px;border-radius:var(--r-md);background:linear-gradient(135deg,var(--accent-tint),var(--bg-panel));border:1px solid var(--accent-tint-2)}
.d-cur .flag{width:27px;height:18px}
.d-cur-txt{display:flex;flex-direction:column}
.d-cur-txt b{font-size:var(--f-label);line-height:18px;font-weight:var(--weight-heavy)}
.d-cur-txt span{font-size:var(--f-meta);line-height:15px;color:var(--text-muted)}
.d-btn{margin-left:auto;height:28px;display:inline-flex;align-items:center;padding:0 13px;border-radius:var(--r-pill);background:linear-gradient(180deg,var(--accent-soft),var(--accent));color:var(--white);font-size:var(--f-xs);font-weight:var(--weight-bold);white-space:nowrap;box-shadow:inset 0 1px 0 var(--veil-35),0 6px 12px var(--shadow-blue)}
.d-row{margin-top:8px;height:30px;display:flex;align-items:center;gap:8px;font-size:var(--f-sm)}
.d-row b{font-weight:var(--weight-bold)}
.d-on{font-size:var(--f-xs);font-weight:var(--weight-semibold);color:var(--accent-dark)}
.switch{position:relative;margin-left:auto;width:34px;height:20px;border-radius:var(--r-pill);background:linear-gradient(180deg,var(--accent-soft),var(--accent));box-shadow:inset 0 1px 2px var(--shadow-ink);flex-shrink:0}
.switch::after{content:"";position:absolute;top:2px;right:2px;width:16px;height:16px;border-radius:var(--r-circle);background:var(--white);box-shadow:0 1px 3px var(--shadow-ink)}
.d-proto{margin-top:8px;height:28px;display:flex;align-items:center;gap:6px}
.d-key{width:34px;font-size:var(--f-meta);font-weight:var(--weight-semibold);color:var(--text-muted)}
.chip{display:inline-flex;align-items:center;min-height:22px;padding:0 8px;max-width:100%;border-radius:var(--r-pill);background:var(--bg-panel);border:1px solid var(--border);font-family:var(--font-mono);font-size:var(--f-mini);line-height:20px;font-weight:var(--weight-semibold);overflow-wrap:anywhere}
.chip.is-on{background:var(--accent-tint);border-color:var(--accent-tint-2);color:var(--accent-dark)}
.d-plan{margin-top:8px;height:46px;padding:6px 12px;border-radius:var(--r-plan);background:var(--bg-panel);border:1px solid var(--border-soft)}
.d-plan-top{display:flex;align-items:center;gap:8px;line-height:17px}
.d-plan-top .d-key{width:auto}
.d-price{font-family:var(--font-mono);font-size:var(--f-small);font-weight:var(--weight-bold)}
.d-plan-note{font-size:var(--f-meta);line-height:16px;color:var(--text-muted)}
.d-dev{margin-top:8px;height:50px}
.d-dev-top{height:20px;display:flex;align-items:center;justify-content:space-between;font-size:var(--f-xs)}
.d-dev-top b{font-weight:var(--weight-bold)}
.d-platforms{display:flex;gap:6px;margin-top:4px}
.d-platforms .chip{font-family:var(--font-body);gap:5px}
.d-platforms svg{width:11px;height:11px}
.sync-float{position:absolute;z-index:4;bottom:17px;left:calc(100% - var(--col-r) - 125px);display:flex;align-items:center;gap:10px;padding:10px 18px 10px 10px;border-radius:var(--r-pill);background:var(--glass-ink);color:var(--white);box-shadow:0 12px 30px var(--shadow-ink),inset 0 0 0 1px var(--veil-35);backdrop-filter:blur(10px);font-size:var(--f-sm);font-weight:var(--weight-bold)}
.sync-play{width:30px;height:30px;display:grid;place-items:center;border-radius:var(--r-circle);background:var(--veil-12);border:1px solid var(--veil-35)}
.sync-play svg{width:14px;height:14px}
.note-float{position:absolute;z-index:4;right:20px;bottom:-27px;display:flex;align-items:center;gap:9px;padding:14px 18px;border-radius:var(--r-md);background:var(--note);border:1px solid var(--note-edge);box-shadow:0 12px 30px var(--shadow-blue);font-size:var(--f-xs);font-weight:var(--weight-bold)}
.note-float .pill-badge{width:24px;height:24px}
.note-float svg{width:13px;height:13px}

/* Preview furniture, also usable in documentation pages */
.preview-stack{display:grid;gap:24px}
.preview-row{display:flex;flex-wrap:wrap;align-items:center;gap:24px}
.token-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.token-swatch{padding:12px;background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--r-md);min-width:0}
.token-swatch svg{width:100%;height:48px;border-radius:var(--r-sm)}
.token-swatch code{display:block;margin-top:10px;font-size:var(--f-xs)}
.type-specimen{display:grid;gap:20px;padding:28px;background:var(--bg-panel);border-radius:var(--r-window)}
.display-sample{font-family:var(--font-display);font-size:var(--f-h2);font-weight:var(--weight-display)}
.mono-sample{font-family:var(--font-mono)}
.preview-more summary{list-style:none}
.preview-more summary::-webkit-details-marker{display:none}
.preview-more:not([open]) .more-menu{display:none}
@media(max-width:1200px) and (min-width:769px){
.stage{--col-l:160px;--col-r:320px;width:calc(var(--shell) * .94)}
.reach{gap:10px;padding-inline:12px}
.reach-row{gap:8px}
}
@media(max-width:1000px){
.platform-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.plan-grid{gap:16px}
.plan-card{padding:22px}
}
@media(max-width:768px){
.feature-tabs{display:flex}
.feature-tabs [role="tab"]{flex-direction:row;padding:10px 16px;white-space:nowrap}
.feature-tabs [role="tab"] small{display:none}
.feature-tabs .icon-badge{width:30px;height:30px}
.feature-tabs .icon-badge svg{width:18px;height:18px}
.feature-detail{grid-template-columns:1fr}
[role="tabpanel"]{padding:24px}
.hero{padding-bottom:56px}
.sky{padding-top:32px;padding-bottom:24px}
.hero-copy{width:auto;margin-inline:16px}
.hero-title{font-size:var(--f-mobile-h1)}
.pills{gap:8px;flex-wrap:wrap}
.pill{padding-right:12px;gap:6px}
.pill-txt b{font-size:var(--f-sm)}
.pill-txt span{font-size:var(--f-mini)}
.reach{height:auto;max-width:100%;flex-wrap:wrap;justify-content:center;padding:12px;gap:12px;border-radius:var(--r-lg)}
.reach-row{flex-wrap:wrap;justify-content:center;gap:10px}
.reach-div{display:none}
.stage{width:calc(100% - 32px);height:auto;margin:24px auto -48px}
.win-frame{position:relative;inset:auto}
.win{height:auto}
.win-body{grid-template-columns:1fr}
.rail{border-right:0;padding:12px}
.rail-groups{display:flex;flex-wrap:wrap;gap:6px}
.rail-all{max-width:280px}
.rail-label-2,.rail-region{display:none}
.queue{border-top:1px solid var(--border)}
.q-row{height:auto;min-height:52px}
.q-sub{white-space:normal}
.detail{border-left:0;border-top:1px solid var(--border);padding:16px}
.d-cur{height:auto;min-height:56px;flex-wrap:wrap;padding-block:12px}
.d-proto{height:auto;flex-wrap:wrap}
.d-plan{height:auto;min-height:46px}
.sync-float,.note-float{position:relative;left:auto;right:auto;bottom:auto;width:max-content;max-width:calc(100% - 24px);margin:12px auto;flex-wrap:wrap}
.chrome{padding-inline:10px}
.win-search{display:none}
.chrome{grid-template-columns:1fr auto 1fr}
.hills{max-width:100%}
.plan-grid{grid-template-columns:1fr}
.promo-block{flex-direction:column;align-items:flex-start}
.token-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:640px){
.platform-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.platform-card{padding:18px}
.platform-card .btn{padding-inline:10px;font-size:var(--f-xs)}
.ctas{gap:18px}
.btn-primary{padding-left:20px;gap:10px;font-size:var(--f-nav)}
.btn-ghost{padding-inline:18px;font-size:var(--f-ui)}
.trust{font-size:var(--f-xs);line-height:1.8}
.trust .sep{margin-inline:5px}
.sky-deco,.hills{max-width:100%}
.float-cta{right:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px))}
.pill{height:42px}
.pill-badge{width:30px;height:30px}
.lede{font-size:var(--f-ui)}
}