/* Static selection-window hero */
.hero{position:relative;max-width:100%;overflow:hidden;overflow:clip;background:radial-gradient(60% 55% at 78% 30%,rgba(var(--sky-rgb),.07),rgba(var(--sky-rgb),0) 70%),linear-gradient(180deg,rgba(var(--sky-rgb),.06) 0%,rgba(var(--sky-rgb),.025) 55%,rgba(var(--white-rgb),0) 100%),var(--bg)}
.hero-main{display:grid;grid-template-columns:minmax(0,580px) minmax(0,1fr);gap:40px;align-items:center;padding-top:44px;padding-bottom:28px}
.hero-copy{position:relative;z-index:3;min-width:0}
.kicker{display:inline-flex;align-items:center;gap:10px;min-height:32px;padding:4px 15px 4px 12px;border-radius:var(--r-pill);background:var(--accent-soft);box-shadow:inset 0 0 0 1px var(--accent-soft-2);color:var(--accent);font-size:13.5px;font-weight:var(--weight-bold)}
.kicker-dot{flex:none;width:8px;height:8px;border-radius:var(--r-round);background:var(--accent);box-shadow:0 0 0 4px rgba(var(--accent-rgb),.16)}
.hero-title{margin-top:22px;font-family:var(--font-display);font-weight:var(--weight-display);font-size:62px;line-height:1.1;letter-spacing:-.02em;color:var(--accent-dark)}
.t-line{display:block}
.t-key{color:var(--accent)}
.cta-stack{margin-top:28px;width:400px;max-width:100%;display:grid;gap:12px}
.cta{display:flex;align-items:center;justify-content:center;min-height:56px;padding:7px;border-radius:var(--r-lg);color:var(--on-dark);font-size:17px;font-weight:var(--weight-bold);letter-spacing:.01em;transition:transform var(--time-fast),box-shadow var(--time-fast)}
.cta:hover{transform:translateY(-1px)}
.cta-ico{flex:none;width:42px;height:42px;display:grid;place-items:center;border-radius:var(--r-md);background:var(--panel);box-shadow:inset 0 -2px 0 rgba(var(--navy-rgb),.06)}
.cta-ico svg{width:24px;height:24px}
.cta-label{flex:1;text-align:center;padding-right:42px}
.cta-primary{background:linear-gradient(180deg,var(--accent-2) -70%,var(--accent) 55%);box-shadow:0 14px 26px -12px rgba(var(--accent-rgb),.6),inset 0 1px 0 rgba(var(--white-rgb),.28)}
.cta-primary:hover{box-shadow:0 18px 30px -12px rgba(var(--accent-rgb),.66),inset 0 1px 0 rgba(var(--white-rgb),.28)}
.cta-primary .cta-ico{color:var(--accent)}
.cta-secondary{background:var(--accent-dark);box-shadow:0 14px 26px -14px rgba(var(--navy-rgb),.55),inset 0 1px 0 rgba(var(--white-rgb),.12)}
.cta-secondary .cta-ico{color:var(--accent-dark)}
.or-line{margin-top:22px;width:400px;max-width:100%;display:flex;align-items:center;gap:14px;font-size:13px;line-height:18px;color:var(--muted)}
.or-line::before,.or-line::after{content:"";flex:1;height:1px;background:var(--border)}
.signup-note{margin-top:10px;font-size:15px;line-height:24px;color:var(--text)}
.u-key{color:var(--accent);font-weight:var(--weight-bold);text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:4px}
.hero-desc{margin-top:20px;max-width:540px;font-size:15px;line-height:1.6;color:var(--muted)}
.hero-desc strong{color:var(--text);font-weight:var(--weight-bold)}
.trust-line{margin-top:14px;display:flex;flex-wrap:wrap;font-size:13px;line-height:21px;color:var(--muted)}
.trust-line li+li::before{content:"·";margin:0 10px;color:var(--accent-line)}
.hero-stage{position:relative;z-index:1;height:510px;min-width:0}
.stage-arc{position:absolute;left:170px;top:-60px;width:520px;height:520px;border-radius:var(--r-round);background:radial-gradient(circle at 34% 22%,rgba(var(--white-rgb),.24),rgba(var(--white-rgb),0) 38%),linear-gradient(165deg,var(--accent) 22%,var(--accent-2) 82%)}
.stage-tri{position:absolute;left:420px;top:196px;width:340px;height:330px;opacity:.88}
.st-m{stop-color:var(--magenta)}
.st-v{stop-color:var(--violet)}
.stage-ghost{position:absolute;left:46px;top:52px;width:636px;height:400px;border-radius:var(--r-xl);background:rgba(var(--white-rgb),.52);border:1px solid rgba(var(--white-rgb),.9);backdrop-filter:blur(8px);box-shadow:var(--shadow-1)}
.win{position:absolute;left:28px;top:70px;width:636px;height:400px;overflow:hidden;border-radius:var(--r-xl);background:var(--panel);box-shadow:var(--shadow-2),0 0 0 1px rgba(var(--accent-rgb),.08),inset 0 1px 0 rgba(var(--white-rgb),1)}
.win-bar{height:68px;display:flex;align-items:center;justify-content:space-between;padding:0 24px 0 28px;border-bottom:1px solid var(--border)}
.win-title{font-family:var(--font-display);font-size:22px;font-weight:var(--weight-display);letter-spacing:-.02em;color:var(--accent-dark)}
.win-dots{display:flex;gap:7px}
.win-dots i{width:11px;height:11px;border-radius:var(--r-round);background:var(--border)}
.win-body{display:grid;grid-template-columns:168px minmax(0,1fr) 196px;height:332px}
.pane{min-width:0;padding:20px 18px}
.pane+.pane{border-left:1px solid var(--border)}
.pane-plan{background:linear-gradient(180deg,var(--panel) 40%,rgba(var(--sky-rgb),.06))}
.mini-brand{display:flex;align-items:center;gap:8px;font-family:var(--font-display);font-size:14px;font-weight:var(--weight-display);letter-spacing:-.02em;color:var(--accent-dark)}
.mini-brand img{width:26px;height:26px;flex:none}
.plan-box{margin-top:16px;padding-top:14px;border-top:1px solid var(--border)}
.pk-label{font-size:11px;font-weight:var(--weight-semibold);letter-spacing:.04em;color:var(--muted)}
.pk-value{margin-top:4px;font-family:var(--font-display);font-size:15px;font-weight:var(--weight-display);letter-spacing:-.01em;color:var(--accent-dark);white-space:nowrap}
.meta-row{display:flex;align-items:flex-start;gap:8px;margin-top:12px;font-size:12px;line-height:1.45;font-weight:var(--weight-semibold);color:var(--text)}
.meta-row svg{flex:none;width:16px;height:16px;margin-top:1px;color:var(--accent)}
.meta-row.is-small{font-size:11.5px;font-weight:var(--weight-medium);color:var(--muted)}
.skel{margin-top:18px;display:grid;gap:9px}
.skel i{display:block;height:8px;border-radius:var(--r-pill);background:var(--panel-2)}
.skel i:nth-child(2){width:76%}
.skel i:nth-child(3){width:88%}
.pane-head{display:flex;align-items:baseline;justify-content:space-between;gap:8px}
.pane-title{font-size:14px;font-weight:var(--weight-display);color:var(--accent-dark)}
.region-grid{margin-top:16px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px 6px}
.cell{height:42px;display:grid;place-items:center;border-radius:var(--r-sm);background:var(--accent-soft);color:var(--accent);font-size:12px;font-weight:var(--weight-bold);letter-spacing:-.01em;white-space:nowrap}
.cell.is-on{border-radius:var(--r-pill);background:var(--accent);color:var(--on-dark);box-shadow:0 8px 16px -8px rgba(var(--accent-rgb),.7)}
.cycle{margin-top:20px}
.cycle-label{font-size:12px;font-weight:var(--weight-display);color:var(--accent-dark)}
.cycle-row{margin-top:6px;display:flex;align-items:center;gap:6px;font-size:11.5px;color:var(--muted)}
.cycle-row svg{flex:none;width:14px;height:14px;color:var(--accent)}
.slots{margin-top:16px;display:grid;gap:10px}
.slot{height:42px;display:flex;align-items:center;justify-content:center;border:1.5px solid var(--accent-line);border-radius:var(--r-sm);background:var(--panel);color:var(--accent);font-size:12.5px;font-weight:var(--weight-bold);white-space:nowrap}
.slot-pair{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:6px}
.slot.is-on{border-color:var(--accent-dark);background:var(--accent-dark);color:var(--on-dark)}
.slot.is-go{border-color:var(--accent);background:linear-gradient(180deg,var(--accent-2) -60%,var(--accent) 60%);color:var(--on-dark);box-shadow:0 8px 16px -8px rgba(var(--accent-rgb),.7)}
.slot.is-proto{height:auto;min-height:52px;padding:7px 10px;flex-direction:column;gap:1px;line-height:1.35;white-space:normal;text-align:center}
.slot.is-proto small{font-size:11px;font-weight:var(--weight-semibold);color:var(--muted)}
.cursor{position:absolute;right:4px;bottom:-15px;width:22px;height:22px}
.cur{fill:var(--accent-dark);stroke:var(--panel);stroke-width:1.4;stroke-linejoin:round}
.float{position:absolute;z-index:4;display:flex;align-items:center;gap:10px;padding:10px 14px 10px 10px;border-radius:var(--r-md);background:var(--panel);box-shadow:var(--shadow-3),inset 0 0 0 1px rgba(var(--accent-rgb),.07);font-size:13px;font-weight:var(--weight-bold);color:var(--accent-dark);white-space:nowrap}
.float-mail{left:0;top:12px;transform:rotate(-5deg)}
.f-ico{flex:none;width:28px;height:28px;display:grid;place-items:center;border-radius:var(--r-sm);background:var(--accent-soft);color:var(--accent)}
.f-ico svg{width:16px;height:16px}
.f-ok{flex:none;width:20px;height:20px;display:grid;place-items:center;border-radius:var(--r-round);background:rgba(var(--success-rgb),.14);color:var(--success)}
.float-lock{left:0;top:432px;padding:11px 14px 11px 11px}
.float-lock em{font-style:normal;font-weight:var(--weight-semibold);color:var(--muted)}
.switch{position:relative;flex:none;width:38px;height:22px;margin-left:4px;border-radius:var(--r-pill);background:var(--accent);box-shadow:inset 0 1px 2px rgba(var(--navy-rgb),.2)}
.switch::after{content:"";position:absolute;right:3px;top:3px;width:16px;height:16px;border-radius:var(--r-round);background:var(--panel);box-shadow:0 1px 3px rgba(var(--navy-rgb),.25)}
.float-badge{position:absolute;z-index:4;right:20px;top:28px;display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 12px 0 9px;border-radius:var(--r-pill);background:var(--panel);box-shadow:var(--shadow-3);font-size:12.5px;font-weight:var(--weight-display);color:var(--accent-dark);white-space:nowrap}
.hero-trust{position:relative;z-index:3;padding-top:8px;padding-bottom:26px;text-align:center}
.trust-cap{font-size:14px;line-height:22px;color:var(--muted)}
.platforms{margin-top:14px;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px 46px}
.platforms li{display:inline-flex;align-items:center;gap:9px;height:30px;font-family:var(--font-display);font-size:16px;font-weight:var(--weight-bold);letter-spacing:-.01em;color:var(--accent-dark)}
.platforms svg{flex:none;width:22px;height:22px}
.flag-row{margin-top:16px;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px}
.flag-label{font-size:12.5px;font-weight:var(--weight-semibold);color:var(--muted);margin-right:4px}
.flags{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}
.flags li{display:inline-flex;align-items:center;gap:8px;height:32px;padding:0 13px 0 6px;border-radius:var(--r-pill);background:var(--panel);box-shadow:inset 0 0 0 1px var(--border),var(--shadow-1);font-size:13px;font-weight:var(--weight-semibold);color:var(--text);white-space:nowrap}
.flags svg{flex:none;width:26px;height:18px;overflow:hidden;border-radius:var(--r-sm)}
.fl-w{fill:var(--flag-white)}.fl-r{fill:var(--flag-red)}.fl-b{fill:var(--flag-blue)}.fl-n{fill:var(--flag-navy)}
.fl-sw{fill:none;stroke:var(--flag-white)}.fl-sr{fill:none;stroke:var(--flag-red)}
.peek{padding-top:30px;padding-bottom:64px;text-align:center}
.peek-kicker{font-size:13px;font-weight:var(--weight-bold);letter-spacing:.04em;color:var(--accent)}
.peek h2{margin-top:10px;font-size:34px}
/* Shared controls and content */
.tabs{min-width:0}
[role="tablist"]{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:24px}
[role="tab"]{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:44px;padding:10px 20px;border:1px solid var(--border);border-radius:var(--r-sm);background:var(--panel);color:var(--muted);font-weight:var(--weight-bold)}
[role="tab"][aria-selected="true"]{background:var(--accent-dark);border-color:var(--accent-dark);color:var(--on-dark);box-shadow:var(--shadow-1)}
[role="tabpanel"]{min-width:0}
.toc-tabs{position:sticky;top:var(--toc-offset);z-index:15;display:flex;align-items:center;gap:8px;max-width:100%;overflow-x:auto;padding:10px;background:var(--panel);border:1px solid var(--border);border-radius:var(--r-md);box-shadow:var(--shadow-1);scrollbar-width:thin}
.toc-tabs a{display:inline-flex;align-items:center;justify-content:center;flex:none;min-height:40px;padding:8px 16px;border-radius:var(--r-sm);white-space:nowrap;color:var(--accent-dark);font-weight:var(--weight-semibold)}
.toc-tabs a.is-current{background:var(--accent);color:var(--on-dark)}
.toc-tabs.is-static{position:static}
body:has(.toc-tabs) section[id]{scroll-margin-top:var(--section-anchor)}
.faq{border-bottom:1px solid var(--border);padding-block:8px}
.faq summary{position:relative;list-style:none;min-height:52px;padding:14px 40px 14px 0;font-weight:var(--weight-bold);color:var(--accent-dark);cursor:pointer}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";position:absolute;right:4px;top:12px;font-size:22px;color:var(--accent)}
.faq[open] summary::after{content:"−"}
.faq p,.faq-answer{padding-bottom:18px;color:var(--muted);max-width:850px}
.badge,.tag{display:inline-flex;align-items:center;gap:6px;min-height:26px;max-width:100%;padding:4px 10px;border-radius:var(--r-pill);background:var(--accent-soft);color:var(--accent-dark);font-size:12px;font-weight:var(--weight-bold);overflow-wrap:anywhere;white-space:normal}
.badge-success{background:rgba(var(--success-rgb),.12);color:var(--success)}
.badge-warn{background:var(--panel-2);color:var(--accent-dark)}
.plan-card{position:relative;display:flex;flex-direction:column;gap:20px;min-width:0;padding:28px;border:1px solid var(--border);border-radius:var(--r-xl);background:var(--panel);box-shadow:var(--shadow-1)}
.plan-card.is-current{border:2px solid var(--accent);background:linear-gradient(180deg,var(--accent-soft),var(--panel) 45%);box-shadow:var(--shadow-2)}
.plan-badge{align-self:flex-start;background:var(--accent-dark);color:var(--on-dark)}
.plan-period{color:var(--muted);font-size:var(--text-sm)}
.plan-price{font-family:var(--font-display);font-size:44px;line-height:1.2;font-weight:var(--weight-display);color:var(--accent-dark);font-variant-numeric:tabular-nums}
.plan-price small{font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--muted)}
.plan-facts{display:grid;gap:10px;color:var(--muted);font-size:var(--text-sm)}
.plan-card .btn{margin-top:auto}
.table-scroll{max-width:100%;min-width:0;overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid var(--border);border-radius:var(--r-lg);background:var(--panel)}
.data-table,.route-table{width:100%;min-width:640px;border-collapse:collapse;text-align:left;font-size:var(--text-sm)}
.data-table caption,.route-table caption{padding:16px;text-align:left;font-weight:var(--weight-bold);color:var(--accent-dark)}
.data-table th,.data-table td,.route-table th,.route-table td{padding:16px 20px;border-bottom:1px solid var(--border);word-break:keep-all}
.table-scroll th,.data-table th,.route-table th{white-space:nowrap;background:var(--panel-2);color:var(--accent-dark);font-weight:var(--weight-bold)}
.data-table td:first-child,.route-table td:first-child{color:var(--accent-dark);font-weight:var(--weight-semibold)}
.route-table .region-row th{background:var(--accent-soft);color:var(--accent-dark)}
.data-table tr:last-child td,.route-table tr:last-child td{border-bottom:0}
.prose>.data-table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%;min-width:0}
.platform-card{display:flex;flex-direction:column;align-items:flex-start;gap:16px;min-width:0;padding:24px;border:1px solid var(--border);border-radius:var(--r-xl);background:var(--panel);box-shadow:var(--shadow-1)}
.platform-card svg{width:32px;height:32px;color:var(--accent-dark)}
.platform-card p{font-size:var(--text-sm);color:var(--muted)}
.platform-card .btn{margin-top:auto;padding-inline:14px}
.article-card{display:flex;flex-direction:column;gap:16px;padding:24px;background:var(--panel);border:1px solid var(--border);border-radius:var(--r-xl);box-shadow:var(--shadow-1)}
.article-card h3{font-size:22px}
.article-card p{color:var(--muted);font-size:var(--text-sm)}
.article-meta{display:flex;gap:12px;align-items:center;flex-wrap:wrap;color:var(--muted);font-size:var(--text-xs)}
.article-link{display:inline-flex;align-items:center;min-height:32px;margin-top:auto;color:var(--accent);font-size:var(--text-sm);font-weight:var(--weight-bold)}
.callout{margin-block:24px;padding:20px 24px;border-left:3px solid var(--accent);border-radius:var(--r-sm);background:var(--accent-soft);color:var(--accent-dark)}
.promo-block{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;padding:32px;border-radius:var(--r-xl);background:var(--accent-dark);color:var(--on-dark);box-shadow:var(--shadow-2)}
.promo-copy{min-width:0;flex:1 1 260px}
.promo-copy h2,.promo-copy h3{color:var(--on-dark);font-size:24px}
.promo-copy p{margin-top:8px}
.promo-block .btn,.btn-secondary{flex-shrink:0;white-space:nowrap}
.feature-tabs{position:relative;min-height:610px}
.feature-tabs [role="tablist"]{display:block;width:40%;padding-right:40px}
.feature-step{border-bottom:1px solid var(--border)}
.feature-step>[role="tab"]{justify-content:flex-start;width:100%;padding:20px 0;border:0;border-radius:0;background:none;color:var(--muted);text-align:left;font-size:20px;box-shadow:none}
.feature-step>[role="tab"][aria-selected="true"]{color:var(--accent-dark)}
.feature-icon{width:24px;height:24px;color:var(--accent);flex:none}
.feature-step:nth-child(2) .feature-icon{color:var(--accent-dark)}
.feature-step:nth-child(3) .feature-icon{color:var(--accent-2)}
.feature-step:nth-child(4) .feature-icon{color:var(--muted)}
.feature-step:nth-child(5) .feature-icon{color:var(--accent)}
.feature-step:nth-child(6) .feature-icon{color:var(--accent-dark)}
.feature-detail{display:none;margin-bottom:18px;padding-bottom:22px;border-bottom:3px solid var(--accent);color:var(--muted);font-size:var(--text-sm);line-height:1.85}
.feature-step>[aria-selected="true"]+.feature-detail{display:block}
.feature-canvas{position:absolute;right:0;top:0;bottom:0;width:60%;min-height:420px;overflow:hidden;overflow:clip;border-radius:var(--r-xl);background:var(--panel-2);display:flex;align-items:center;justify-content:center;padding:48px}
.feature-canvas::before{content:"";position:absolute;inset:0 22% 35% 0;background:linear-gradient(135deg,var(--magenta),var(--violet));clip-path:polygon(0 0,65% 0,100% 55%,45% 100%,0 80%)}
.feature-canvas::after{content:"";position:absolute;right:-25%;top:24%;width:80%;aspect-ratio:1;border-radius:var(--r-round);background:linear-gradient(140deg,var(--accent-2),var(--accent))}
.feature-window{position:relative;z-index:1;width:100%;padding:28px;border-radius:var(--r-xl);background:var(--panel);box-shadow:var(--shadow-2),0 0 0 1px rgba(var(--white-rgb),.8)}
.feature-window h3{margin-bottom:24px}
.feature-window .slot{margin-top:12px}
.feature-window p{margin-top:16px;font-size:var(--text-sm);color:var(--muted)}
.blog-hero{position:relative;overflow-x:clip;padding:40px;border-radius:var(--r-xl);background:var(--accent-soft)}
.blog-hero::after{content:"VB";position:absolute;right:30px;top:30px;display:grid;place-items:center;width:70px;height:70px;border:3px double var(--accent);border-radius:var(--r-round);color:var(--accent);font-family:var(--font-mono);font-weight:var(--weight-bold);transform:rotate(-11deg)}
.blog-hero h1{font-size:40px;max-width:calc(100% - 100px)}
.preview-section{padding-top:56px;padding-bottom:56px}
.preview-section>h2{margin-bottom:28px}
.swatch-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}
.swatch{padding:10px;border:1px solid var(--border);border-radius:var(--r-md);background:var(--panel);min-width:0}
.swatch-color{height:64px;border-radius:var(--r-sm);border:1px solid var(--border);margin-bottom:8px}
.swatch code{background:none;font-size:12px;padding:0}
.sw-bg{background:var(--bg)}.sw-panel{background:var(--panel)}.sw-panel2{background:var(--panel-2)}.sw-border{background:var(--border)}.sw-accent{background:var(--accent)}.sw-accent2{background:var(--accent-2)}.sw-dark{background:var(--accent-dark)}.sw-soft{background:var(--accent-soft)}.sw-soft2{background:var(--accent-soft-2)}.sw-line{background:var(--accent-line)}.sw-text{background:var(--text)}.sw-muted{background:var(--muted)}.sw-success{background:var(--success)}.sw-warn{background:var(--warn)}.sw-error{background:var(--error)}.sw-magenta{background:var(--magenta)}.sw-violet{background:var(--violet)}.sw-white{background:var(--on-dark)}.sw-red{background:var(--flag-red)}.sw-blue{background:var(--flag-blue)}.sw-navy{background:var(--flag-navy)}
.type-sample{display:grid;gap:20px}
.type-display{font-family:var(--font-display);font-size:52px;line-height:1.1;font-weight:var(--weight-display);color:var(--accent-dark)}
@media(max-width:1320px){
  .hero-main{grid-template-columns:minmax(0,500px) minmax(0,1fr);gap:32px}
  .hero-title{font-size:52px}
}
@media(max-width:1180px){
  .hero-main{grid-template-columns:minmax(0,1fr);gap:64px;padding-top:56px}
  .hero-copy{max-width:640px}
  .hero-stage{width:724px;max-width:100%;margin:0 auto}
}
@media(max-width:768px){
  .hero-main{padding-top:36px;gap:40px}
  .hero-title{font-size:36px;margin-top:18px}
  .cta-stack,.or-line{width:100%}
  .hero-stage{height:auto;width:100%;padding-top:28px}
  .stage-ghost,.stage-tri,.float,.float-badge{display:none}
  .stage-arc{width:180px;max-width:100%;height:180px;left:auto;right:-36px;top:-20px}
  .win{position:relative;left:auto;top:auto;width:100%;height:auto}
  .win-bar{padding-inline:18px}
  .win-title{font-size:19px}
  .win-body{height:auto;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"plan line" "region region"}
  .pane-plan{grid-area:plan}
  .pane-line{grid-area:line}
  .pane-region{grid-area:region;border-left:0;border-top:1px solid var(--border)}
  .pane+.pane.pane-region{border-left:0}
  .pane{padding:18px 12px}
  .pk-value{font-size:13px}
  .slot{font-size:11px}
  .platforms{gap:10px 24px}
  .platforms li{font-size:14px}
  .peek h2{font-size:26px}
  .feature-tabs{min-height:0}
  .feature-tabs [role="tablist"]{width:100%;padding-right:0}
  .feature-canvas{position:relative;inset:auto;width:100%;min-height:250px;padding:24px;margin-bottom:20px}
  .feature-window{padding:20px}
  .feature-step>[role="tab"]{font-size:18px}
  .swatch-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .blog-hero{padding:24px}
  .blog-hero::after{display:none}
  .blog-hero h1{max-width:100%;font-size:32px}
  .type-display{font-size:36px}
}
@media(max-width:640px){
  .hero-stage{max-width:100%}
  .stage-arc{max-width:100%}
  .swatch-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .promo-block{padding:24px}
  .plan-card{padding:24px}
}