.hero {position:relative;overflow-x:clip;max-width:100%;padding-top:28px;background:linear-gradient(180deg,var(--wash-top) 0%,var(--wash-mid) 38%,var(--wash-end) 72%),var(--bg)}
.hero-glow {position:absolute;inset:-190px 5% auto auto;width:min(46vw,640px);max-width:100%;aspect-ratio:1;border-radius:var(--r-circle);background:radial-gradient(circle at 50% 50%,var(--glow) 0%,var(--glow-fade) 42%,var(--glow-clear) 70%);pointer-events:none;z-index:0;animation:glow-breathe 14s ease-in-out infinite}
@keyframes glow-breathe {0%,100%{opacity:.55}50%{opacity:1}}
.hero-copy {position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;text-align:center}
.eyebrow {display:inline-flex;align-items:center;gap:8px;min-height:28px;padding:2px 14px;border:1px solid var(--border);border-radius:var(--r-pill);background:var(--bg-panel);font-size:13px;font-weight:var(--weight-medium);color:var(--text-muted)}
.eyebrow .dot {width:7px;height:7px;flex:none;border-radius:var(--r-circle);background:var(--success);box-shadow:0 0 0 3px var(--success-soft)}
.hero h1 {margin-top:20px;font-size:66px;line-height:1.04;letter-spacing:var(--tracking-title)}
.h1-line {display:block;font-weight:var(--weight-light)}
.h1-key {display:block;font-weight:var(--weight-heavy);color:var(--accent)}
.lede {margin-top:20px;max-width:900px;font-size:17px;color:var(--text-muted)}
.lede strong {color:var(--text);font-weight:var(--weight-semibold)}
.trust {margin-top:10px;display:flex;flex-wrap:wrap;justify-content:center;gap:6px 22px;padding:0;list-style:none;font-size:var(--font-sm);color:var(--text-muted)}
.trust li {display:inline-flex;align-items:center;gap:6px}
.trust svg {width:14px;height:14px;flex:none}
.ck {fill:none;stroke:var(--success);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.stage {position:relative;z-index:2;width:72%;max-width:880px;margin:32px auto -72px}
.tray {position:relative;padding:32px 64px;background:var(--bg-panel2);box-shadow:inset 0 0 0 1px var(--bg-panel),var(--shadow-tray)}
.win {position:relative;z-index:1;background:var(--bg-panel);border:1px solid var(--ink);box-shadow:var(--shadow-win)}
.win-title {display:flex;align-items:center;gap:12px;min-height:30px;padding:4px 14px;border-bottom:1px solid var(--border);font-family:var(--font-mono);font-size:11px;letter-spacing:.02em;color:var(--text-muted)}
.win-marks {display:flex;gap:5px;flex-shrink:0}
.win-marks i {display:block;width:8px;height:8px;border:1px solid var(--ink)}
.win-marks i:first-child {background:var(--ink)}
.win-title b {color:var(--text);font-weight:var(--weight-bold)}
.win-body {display:grid;grid-template-columns:minmax(0,1fr) 176px}
.win-main {padding:20px 24px;display:flex;flex-direction:column;gap:14px;min-width:0}
.prompt {display:flex;align-items:center;gap:14px;min-height:48px;padding:8px 16px;background:var(--groove);box-shadow:var(--inset-groove)}
.prompt-tag {flex:none;padding-right:14px;border-right:1px solid var(--border-strong);font-family:var(--font-mono);font-size:11px;color:var(--text-muted)}
.prompt-text {display:flex;align-items:center;flex-wrap:wrap;min-width:0;font-family:var(--font-mono);font-size:19px;color:var(--text)}
.prompt-text b {font-weight:var(--weight-bold)}
.prompt-text .sep {margin:0 .5em;color:var(--text-faint)}
.caret {display:inline-block;flex:none;width:2px;height:22px;margin-left:4px;background:var(--accent-dark)}
.row {display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.row-label {flex:none;width:62px;font-family:var(--font-mono);font-size:11px;color:var(--text-faint);text-align:left}
.chip,.badge,.tag {display:inline-flex;align-items:center;justify-content:center;min-height:26px;padding:2px 12px;max-width:100%;overflow:hidden;overflow-wrap:anywhere;border:1px solid var(--border);border-radius:var(--r-pill);background:var(--bg-panel);font-size:13px;color:var(--text-muted)}
.chip.is-on {background:var(--accent-soft);border-color:var(--accent-soft);color:var(--accent-dark);font-weight:var(--weight-semibold)}
.badge {background:var(--accent-soft);border-color:var(--accent-soft);color:var(--accent-dark)}
.badge-success {background:var(--tint-cyan);color:var(--text)}
.flag {display:inline-flex;align-items:center;gap:6px;min-height:30px;padding:2px 10px 2px 6px;border:1px solid var(--border);border-radius:var(--r-card);background:var(--bg-panel);font-size:13px;color:var(--text);white-space:nowrap}
.flag.is-on {border:2px solid var(--accent);padding:1px 9px 1px 5px;color:var(--accent-dark);font-weight:var(--weight-semibold)}
.flag svg {display:block;flex:none;width:24px;height:16px;border-radius:var(--r-card);overflow:hidden}
.flag svg.sq {width:16px;height:16px}
.f-red {fill:var(--flag-red)}
.f-navy {fill:var(--flag-navy)}
.f-white {fill:var(--flag-white)}
.flag-edge {fill:none;stroke:var(--border-strong);stroke-width:.5}
.win-side {display:flex;flex-direction:column;justify-content:center;padding:8px 18px;background:var(--bg-panel2);border-left:1px solid var(--border)}
.fact {padding:7px 0;border-bottom:1px solid var(--border)}
.fact:last-child {border-bottom:0}
.fact-num {font-family:var(--font-mono);font-size:20px;font-weight:var(--weight-bold);line-height:1.1;letter-spacing:var(--tracking-title);color:var(--text)}
.fact-num.is-text {font-family:var(--font-display);font-size:17px;font-weight:var(--weight-brand);letter-spacing:0}
.fact-label {margin-top:2px;font-size:var(--font-xs);line-height:1.4;color:var(--text-muted)}
.win-bar {display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:56px;padding:12px 22px 12px 24px;background:linear-gradient(90deg,var(--ink),var(--ink-2));color:var(--on-dark)}
.win-bar-label {font-size:18px;font-weight:var(--weight-semibold);letter-spacing:.04em}
.win-bar svg {display:block;flex:none;width:104px;height:20px}
.arw {fill:none;stroke:var(--on-dark);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.arw-hi {fill:none;stroke-width:2.4;stroke-linecap:round}
.st-a {stop-color:var(--accent)}
.st-b {stop-color:var(--accent-sky)}
.float {position:absolute;z-index:3;display:flex;align-items:center;gap:10px;padding:11px 14px;border:1px solid var(--ink);border-radius:var(--r-card);box-shadow:var(--shadow-float)}
.float svg {display:block;flex:none;width:20px;height:20px}
.float .ln {fill:none;stroke:var(--ink);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.float .fl {fill:var(--ink)}
.float-lock {top:22px;right:-76px;background:var(--tint-yellow)}
.float-devices {left:-84px;bottom:-20px;background:var(--tint-cyan)}
.float-title {font-size:13px;font-weight:var(--weight-bold);line-height:1.3;color:var(--text);white-space:nowrap}
.float-sub {font-size:var(--font-xs);line-height:1.4;color:var(--text-muted);white-space:nowrap}
.band {position:relative;z-index:0;overflow:hidden;padding-top:96px;padding-bottom:56px;background:var(--indigo);color:var(--on-dark)}
.band-waves {position:absolute;inset:0;display:block;width:100%;height:100%;pointer-events:none}
.wv-1 {fill:var(--on-dark);opacity:.06}
.wv-2 {fill:var(--indigo-deep);opacity:.09}
.wv-3 {fill:var(--indigo-deep);opacity:.12}
.platforms {position:relative;z-index:1;display:flex;align-items:center;justify-content:center;gap:28px}
.platforms-label {font-size:13px;color:var(--on-dark-muted);padding-right:28px;border-right:1px solid var(--on-dark-line);white-space:nowrap}
.platforms ul {display:flex;gap:28px;list-style:none;margin:0;padding:0}
.platforms li {display:inline-flex;align-items:center;gap:8px;font-size:var(--font-sm);font-weight:var(--weight-medium);white-space:nowrap}
.platforms svg {display:block;flex:none;width:18px;height:18px;fill:currentColor}
.band-content {position:relative;z-index:1;margin-top:48px}
.band-heading {text-align:center;font-weight:var(--weight-normal);margin-bottom:28px}
.band-heading strong {color:var(--candy-cyan);font-weight:var(--weight-heavy)}
.tabs {min-width:0}
.tab-list,[role="tablist"].tab-list {display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px;padding:6px;background:var(--bg-panel2);border:1px solid var(--border);border-radius:var(--r-card);width:fit-content;max-width:100%}
.tab-list [role="tab"] {min-height:44px;padding:8px 22px;background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--r-btn);font-weight:var(--weight-medium)}
.tab-list [role="tab"][aria-selected="true"] {background:var(--ink);color:var(--on-dark);border-color:var(--ink)}
[role="tabpanel"] {min-width:0}
.feature-browser {display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;padding:24px;border:2px solid var(--candy-orange);background:var(--indigo);box-shadow:var(--shadow-win)}
.feature-grid {display:contents}
.feature-card {display:flex;align-items:center;justify-content:center;flex-direction:column;gap:16px;min-width:0;min-height:144px;padding:18px 10px;border:2px solid var(--wash-end);border-radius:var(--r-btn);color:var(--ink);font-size:var(--font-sm);font-weight:var(--weight-semibold);text-align:center}
.feature-card svg {width:42px;height:42px;fill:none;stroke:var(--on-dark);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.feature-card[aria-selected="true"] {border-color:var(--ink);box-shadow:inset 0 0 0 2px var(--on-dark)}
.feature-card:nth-child(-n+5) {grid-row:1}
.feature-card:nth-child(n+6) {grid-row:2}
.candy-yellow {background:var(--candy-yellow)}
.candy-pink {background:var(--candy-pink)}
.candy-orange {background:var(--candy-orange)}
.candy-cyan {background:var(--candy-cyan)}
.candy-blue {background:var(--candy-blue)}
.feature-detail {grid-column:1 / -1;grid-row:3;background:var(--bg-panel);border:1px solid var(--ink);color:var(--text);min-width:0}
.feature-detail p {line-height:1.85}
.toc-tabs {position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:8px;overflow-x:auto;max-width:100%;min-height:60px;padding:8px;background:var(--bg-panel);border:1px solid var(--border);box-shadow:var(--shadow-float);-webkit-overflow-scrolling:touch}
.toc-tabs a {display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;min-height:40px;padding:8px 16px;border-radius:var(--r-pill);color:var(--text-muted);white-space:nowrap;font-size:var(--font-sm)}
.toc-tabs a.is-current {background:var(--accent-soft);color:var(--accent-dark);font-weight:var(--weight-semibold)}
.toc-tabs.toc-static {position:static}
body:has(.toc-tabs) section[id] {scroll-margin-top:var(--toc-offset)}
.faq-item {border:1px solid var(--ink);border-radius:var(--r-card);background:var(--bg-panel);margin-bottom:12px}
.faq-item summary {position:relative;cursor:pointer;list-style:none;min-height:60px;padding:18px 54px 18px 24px;font-weight:var(--weight-semibold)}
.faq-item summary::-webkit-details-marker {display:none}
.faq-item summary::after {content:"+";position:absolute;right:24px;top:16px;font-size:var(--h3-size);line-height:1}
.faq-item[open] summary::after {content:"−"}
.faq-answer {padding:4px 24px 24px;line-height:1.85;color:var(--text-muted)}
.faq-item .panel-bar {color:var(--on-dark)}
.plan-card {position:relative;display:flex;flex-direction:column;min-width:0;border:1px solid var(--ink);border-radius:var(--r-card);background:var(--bg-panel);box-shadow:var(--shadow-float)}
.plan-card.is-current {border:2px solid var(--accent);box-shadow:var(--shadow-win)}
.plan-body {padding:28px;flex:1;min-width:0}
.plan-kicker {display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:20px}
.plan-kicker h3 {font-size:var(--font-lead)}
.plan-price {font-family:var(--font-display);font-size:40px;line-height:1.2;font-weight:var(--weight-brand);letter-spacing:var(--tracking-title);font-variant-numeric:tabular-nums}
.plan-price small {font-size:var(--font-sm);font-weight:var(--weight-normal);letter-spacing:0;color:var(--text-muted)}
.plan-features {list-style:none;padding:0;margin-top:24px;color:var(--text-muted);font-size:var(--font-sm)}
.plan-features li {padding-block:7px;border-bottom:1px solid var(--border)}
.plan-features li:last-child {border-bottom:0}
.plan-action {padding:16px 24px;background:var(--ink);color:var(--on-dark)}
.plan-action a {display:flex;justify-content:space-between;align-items:center;min-height:28px;font-weight:var(--weight-semibold)}
.plan-badge {display:inline-flex;align-items:center;min-height:26px;padding:2px 10px;border-radius:var(--r-pill);background:var(--tint-yellow);font-size:var(--font-xs);font-weight:var(--weight-semibold);color:var(--text)}
.table-scroll {overflow-x:auto;max-width:100%;min-width:0;border:1px solid var(--ink);background:var(--bg-panel);-webkit-overflow-scrolling:touch}
.data-table {width:100%;min-width:680px;border-collapse:collapse;font-size:var(--font-sm)}
.data-table caption {text-align:left;padding:18px 20px;font-weight:var(--weight-semibold);color:var(--text);background:var(--bg-panel2)}
.data-table th,.data-table td {padding:15px 20px;text-align:left;border-bottom:1px solid var(--border);word-break:keep-all;color:var(--text)}
.data-table th,.table-scroll th {background:var(--bg-panel2);font-weight:var(--weight-semibold);white-space:nowrap;color:var(--text)}
.data-table tbody tr:last-child td {border-bottom:0}
.data-table .region-row th {background:var(--accent-soft);color:var(--accent-dark)}
.prose > .data-table {display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%;min-width:0}
.platform-card {display:flex;align-items:flex-start;flex-direction:column;gap:16px;min-width:0;padding:24px;background:var(--bg-panel);border:1px solid var(--ink);border-radius:var(--r-card);box-shadow:var(--shadow-float)}
.platform-card svg {width:28px;height:28px;fill:currentColor}
.platform-card h3 {font-size:var(--font-lead)}
.platform-card .btn {margin-top:auto;padding-inline:14px;width:100%;font-size:var(--font-sm)}
.platform-card p {font-size:var(--font-sm);color:var(--text-muted)}
.article-card {display:flex;flex-direction:column;min-width:0;border:1px solid var(--ink);background:var(--bg-panel);border-radius:var(--r-card);box-shadow:var(--shadow-float)}
.article-meta {display:flex;align-items:center;flex-wrap:wrap;gap:12px;color:var(--text-muted);font-size:var(--font-xs);margin-bottom:20px}
.article-card h3 {font-size:var(--h3-size);margin-bottom:16px}
.article-card p {font-size:var(--font-sm);color:var(--text-muted)}
.article-card .card-body {flex:1}
.article-card .panel-bar {justify-content:space-between}
.article-window {position:relative;padding-top:36px;border:1px solid var(--ink);background:var(--bg-panel);border-radius:var(--r-card);overflow:hidden}
.article-window::before {content:"";position:absolute;inset:0 0 auto;height:36px;background:linear-gradient(90deg,var(--ink) 0 8px,var(--bg-panel2) 8px 14px,var(--border-strong) 14px 22px,var(--bg-panel2) 22px 28px,var(--border-strong) 28px 36px,var(--bg-panel2) 36px);border-bottom:1px solid var(--border)}
.article-window .card-body {padding:32px}
.callout {padding:20px 24px;border-left:4px solid var(--accent);background:var(--accent-soft);color:var(--text);border-radius:var(--r-btn);line-height:1.85}
.callout strong {font-weight:var(--weight-semibold)}
.promo-block {background:var(--bg-panel);border:1px solid var(--ink);border-radius:var(--r-card);margin-top:32px;box-shadow:var(--shadow-win)}
.promo-content {padding:24px}
.promo-content h3 {margin-bottom:12px}
.promo-block .panel-bar {justify-content:space-between;flex-wrap:wrap}
.promo-block .btn {flex-shrink:0;white-space:nowrap}
.promo-block .btn-solid {border-color:var(--on-dark)}
.preview-swatches {display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}
.swatch {min-width:0;border:1px solid var(--border);background:var(--bg-panel);border-radius:var(--r-card);overflow:hidden}
.swatch::before {content:"";display:block;height:52px;background:var(--swatch-color)}
.swatch code {display:block;padding:10px 12px;font-size:var(--font-xs)}
.sw-bg {--swatch-color:var(--bg)}
.sw-panel {--swatch-color:var(--bg-panel)}
.sw-panel2 {--swatch-color:var(--bg-panel2)}
.sw-groove {--swatch-color:var(--groove)}
.sw-border {--swatch-color:var(--border)}
.sw-border-strong {--swatch-color:var(--border-strong)}
.sw-accent {--swatch-color:var(--accent)}
.sw-accent-dark {--swatch-color:var(--accent-dark)}
.sw-sky {--swatch-color:var(--accent-sky)}
.sw-soft {--swatch-color:var(--accent-soft)}
.sw-text {--swatch-color:var(--text)}
.sw-muted {--swatch-color:var(--text-muted)}
.sw-faint {--swatch-color:var(--text-faint)}
.sw-nav {--swatch-color:var(--nav-idle)}
.sw-ink2 {--swatch-color:var(--ink-2)}
.sw-success {--swatch-color:var(--success)}
.sw-success-soft {--swatch-color:var(--success-soft)}
.sw-warn {--swatch-color:var(--warn)}
.sw-error {--swatch-color:var(--error)}
.sw-indigo {--swatch-color:var(--indigo)}
.sw-deep {--swatch-color:var(--indigo-deep)}
.sw-yellow {--swatch-color:var(--candy-yellow)}
.sw-pink {--swatch-color:var(--candy-pink)}
.sw-orange {--swatch-color:var(--candy-orange)}
.sw-cyan {--swatch-color:var(--candy-cyan)}
.sw-blue {--swatch-color:var(--candy-blue)}
.sw-tint-yellow {--swatch-color:var(--tint-yellow)}
.sw-tint-cyan {--swatch-color:var(--tint-cyan)}
.sw-white {--swatch-color:var(--on-dark)}
.sw-dark-muted {--swatch-color:var(--on-dark-muted);background:var(--ink)}
.sw-dark-line {--swatch-color:var(--on-dark-line);background:var(--ink)}
.sw-red {--swatch-color:var(--flag-red)}
.sw-navy {--swatch-color:var(--flag-navy)}
.sw-bar {--swatch-color:var(--bar-bg)}
.sw-wash-top {--swatch-color:var(--wash-top)}
.sw-wash-mid {--swatch-color:var(--wash-mid)}
.sw-clear {--swatch-color:var(--wash-end)}
.sw-glow {--swatch-color:var(--glow)}
.sw-glow-fade {--swatch-color:var(--glow-fade)}
.sw-veil {--swatch-color:var(--veil)}
.sw-dark-muted code,.sw-dark-line code {color:var(--on-dark)}
.preview-actions {display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.preview-type {padding:24px;background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--r-card)}
.preview-type > * + * {margin-top:20px}
.type-display {font-family:var(--font-display);font-size:var(--h1-size);line-height:1.12;font-weight:var(--weight-light);letter-spacing:var(--tracking-title)}
.preview-footnote {margin-top:16px;font-size:var(--font-sm);color:var(--text-muted)}
@media (max-width:980px) {
  .stage {width:86%}
  .float-lock {right:-24px}
  .float-devices {left:-24px}
}
@media (max-width:768px) {
  .hero h1 {font-size:38px}
  .stage {width:100%;margin:28px auto -48px}
  .tray {display:flex;flex-direction:column;gap:12px;padding:16px}
  .float {position:static;align-self:stretch}
  .float-title,.float-sub {white-space:normal}
  .win-body {grid-template-columns:minmax(0,1fr)}
  .win-main {padding:16px}
  .win-side {flex-direction:row;justify-content:space-between;gap:12px;border-left:0;border-top:1px solid var(--border);padding:12px 16px}
  .fact {border-bottom:0;padding:0}
  .row-label {width:100%}
  .prompt-text {font-size:15px}
  .band {padding-top:72px}
  .platforms {flex-direction:column;gap:14px}
  .platforms-label {padding-right:0;border-right:0}
  .platforms ul {flex-wrap:wrap;justify-content:center;gap:14px 20px}
  .feature-browser {grid-template-columns:repeat(2,minmax(0,1fr));padding:16px;gap:12px}
  .feature-card {min-height:136px}
  .feature-card:nth-child(-n+2) {grid-row:1}
  .feature-card:nth-child(n+3):nth-child(-n+4) {grid-row:3}
  .feature-card:nth-child(n+5):nth-child(-n+6) {grid-row:5}
  .feature-card:nth-child(n+7):nth-child(-n+8) {grid-row:7}
  .feature-card:nth-child(n+9) {grid-row:9}
  .feature-detail {grid-row:2}
  .feature-detail.after-row-2 {grid-row:4}
  .feature-detail.after-row-3 {grid-row:6}
  .feature-detail.after-row-4 {grid-row:8}
  .feature-detail.after-row-5 {grid-row:10}
}
@media (max-width:640px) {
  .lede {font-size:15px}
  .trust {gap:6px 14px;font-size:13px}
  .preview-swatches {grid-template-columns:repeat(2,minmax(0,1fr))}
  .plan-body {padding:22px}
  .platform-card {padding:18px}
  .preview-actions .btn {padding-inline:18px}
}
@media (prefers-reduced-motion:reduce) {
  .hero-glow {animation:none;opacity:.8}
}