.tabs{min-width:0}
[role="tablist"]{display:flex;flex-wrap:wrap;gap:8px;padding:6px;border:1px solid var(--c-border);border-radius:var(--r-md);background:var(--c-groove);width:fit-content;max-width:100%;margin-bottom:28px}
[role="tab"]{display:inline-flex;align-items:center;justify-content:center;min-height:44px;gap:10px;padding:10px 18px;border:1px solid var(--mask-off);border-radius:var(--r-sm);background:var(--mask-off);color:var(--c-muted);font-family:var(--f-body);font-size:15px;font-weight:500}
[role="tab"]:hover{color:var(--c-ink)}
[role="tab"][aria-selected="true"]{background:var(--c-panel);color:var(--c-ink);border-color:var(--c-border);box-shadow:var(--sh-panel)}
[role="tabpanel"]{min-width:0}
.feature-console{display:grid;grid-template-columns:minmax(0,.28fr) minmax(0,.72fr);gap:48px}
.feature-console>*{min-width:0}
.feature-rail[role="tablist"]{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:8px;background:none;border:0;padding:0;width:auto;box-shadow:none}
.feature-rail [role="tab"]{justify-content:flex-start;text-align:left;padding:12px 0;border:0;background:none;box-shadow:none}
.feature-rail [role="tab"]::before{content:"";width:7px;height:7px;flex-shrink:0;border-radius:var(--r-dot);background:var(--mask-off)}
.feature-rail [role="tab"][aria-selected="true"]{background:none;border:0;box-shadow:none}
.feature-rail [role="tab"][aria-selected="true"]::before{background:var(--c-accent)}
.feature-statement{font-size:clamp(28px,3.2vw,44px);font-weight:400;line-height:1.4;letter-spacing:-.02em;color:var(--c-muted);margin-bottom:56px}
.feature-statement strong{font-weight:500}
.annotated-slot{position:relative;min-width:0;padding:56px 24px 24px;background:var(--c-groove);border:1px solid var(--c-border);border-radius:var(--r-lg);overflow-x:clip}
.annotated-slot::before{content:"";position:absolute;inset:0 0 auto;height:80px;pointer-events:none;background:radial-gradient(circle,var(--a-accent-35) 1px,var(--mask-off) 1.5px) 0 0/6px 6px;mask-image:linear-gradient(90deg,var(--mask-on),var(--mask-off))}
.window-notes{display:flex;flex-wrap:wrap;gap:16px 36px;margin-bottom:24px;font-family:var(--f-mono);font-size:12px;position:relative}
.window-notes span{position:relative}
.window-notes span::after{content:"";position:absolute;width:1px;height:24px;top:100%;left:0;background:var(--c-border)}
.client-window{position:relative;min-width:0;background:var(--c-panel);border:1px solid var(--c-border);border-radius:var(--r-md);box-shadow:var(--sh-panel);overflow:hidden}
.window-chrome{display:flex;align-items:center;gap:6px;min-height:38px;padding:8px 14px;border-bottom:1px solid var(--c-border);font-family:var(--f-mono);font-size:12px;color:var(--c-muted)}
.window-caption{margin-left:auto}
.window-content{display:grid;grid-template-columns:minmax(120px,.3fr) minmax(0,.7fr)}
.window-regions{list-style:none;margin:0;padding:16px;border-right:1px solid var(--c-border);color:var(--c-muted);font-size:14px}
.window-regions li{padding:8px;border-radius:var(--r-sm)}
.window-regions .is-current{background:var(--c-groove);color:var(--c-ink)}
.window-copy{padding:24px;min-width:0;color:var(--c-muted)}
.window-copy p+p{margin-top:16px}
.toc-tabs{position:sticky;top:var(--toc-offset);z-index:20;display:flex;gap:8px;max-width:100%;overflow-x:auto;padding:10px;margin-top:24px;margin-bottom:32px;background:var(--c-panel);border:1px solid var(--c-border);border-radius:var(--r-md);box-shadow:var(--sh-panel);overscroll-behavior-x:contain;scrollbar-width:thin}
.toc-tabs a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;flex-shrink:0;padding:8px 16px;border-radius:var(--r-pill);color:var(--c-muted);font-size:14px;white-space:nowrap}
.toc-tabs a:hover{background:var(--c-groove);color:var(--c-ink)}
.toc-tabs a.is-current{background:var(--c-ink);color:var(--c-panel)}
.toc-tabs.is-flow{position:static}
body:has(.toc-tabs) section[id]{scroll-margin-top:var(--toc-landing)}
.faq-list{border-top:1px solid var(--c-border)}
.faq-item{border-bottom:1px solid var(--c-border);padding-block:8px}
.faq-item summary{position:relative;padding:16px 40px 16px 0;min-height:56px;cursor:pointer;list-style:none;font-size:18px;font-weight:500;color:var(--c-ink)}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary::after{content:"+";position:absolute;right:4px;top:14px;display:grid;place-items:center;width:28px;height:28px;border:1px solid var(--c-border);border-radius:var(--r-sm);font-family:var(--f-mono);font-size:18px;color:var(--c-accent-dark);background:var(--c-panel)}
.faq-item[open] summary::after{content:"−"}
.faq-answer{max-width:820px;color:var(--c-muted);padding-bottom:20px}
.faq-answer p+p{margin-top:16px}
.plan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-items:stretch}
.plan-card{position:relative;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:20px;padding:28px;background:var(--c-panel);border:1px solid var(--c-border);border-radius:var(--r-md);box-shadow:var(--sh-panel)}
.plan-card.is-current{border-color:var(--c-accent-dark);box-shadow:inset 0 0 0 1px var(--c-accent-dark),var(--sh-panel)}
.plan-card h3{margin:0}
.plan-card .btn{margin-top:auto}
.plan-price{font-family:var(--f-display);font-size:44px;font-weight:400;line-height:1.2;color:var(--c-ink);font-variant-numeric:tabular-nums}
.plan-price small{font-family:var(--f-body);font-size:14px;font-weight:400;color:var(--c-muted);margin-left:8px}
.plan-facts{margin:0;padding-left:20px;color:var(--c-muted);font-size:15px}
.plan-facts li+li{margin-top:10px}
.plan-badge{display:inline-flex;align-items:center;min-height:28px;padding:4px 10px;border-radius:var(--r-pill);background:var(--c-accent-dark);color:var(--c-white);font-size:12px;font-weight:500}
.plan-note{color:var(--c-muted);font-size:14px}
.badge,.tag{display:inline-flex;align-items:center;gap:6px;min-height:26px;max-width:100%;padding:3px 10px;border:1px solid var(--c-border);border-radius:var(--r-pill);background:var(--c-groove);color:var(--c-ink);font-family:var(--f-mono);font-size:12px;overflow-wrap:anywhere;white-space:normal}
.badge-success{background:var(--a-accent-10);border-color:var(--a-accent-35);color:var(--c-accent-dark)}
.badge-warn{color:var(--c-ink);border-color:var(--c-warn)}
.badge-error{color:var(--c-error);border-color:var(--c-error)}
.table-scroll{width:100%;min-width:0;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid var(--c-border);border-radius:var(--r-md);background:var(--c-panel);box-shadow:var(--sh-panel)}
.data-table,.route-table,.compare-table{width:100%;min-width:640px;border-collapse:collapse;text-align:left;font-size:14px}
.data-table th,.route-table th,.compare-table th,.table-scroll th{font-weight:600;color:var(--c-ink);background:var(--c-groove);white-space:nowrap}
.data-table th,.data-table td,.route-table th,.route-table td,.compare-table th,.compare-table td{padding:16px 20px;border-bottom:1px solid var(--c-border);word-break:keep-all}
.data-table td,.route-table td,.compare-table td{color:var(--c-muted)}
.data-table td:first-child,.route-table td:first-child,.compare-table td:first-child{color:var(--c-ink);font-weight:500}
.data-table tr:last-child td,.route-table tr:last-child td,.compare-table tr:last-child td{border-bottom:0}
.route-table .region-row th{background:var(--c-panel);color:var(--c-accent-dark);font-family:var(--f-mono);font-size:12px;letter-spacing:.03em}
.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;flex-direction:column;align-items:flex-start;gap:20px;padding:24px 20px;border:1px solid var(--c-border);border-radius:var(--r-md);background:var(--c-panel);box-shadow:var(--sh-panel)}
.platform-card svg{display:block;width:28px;height:28px;fill:currentColor;color:var(--c-muted)}
.platform-card h3{font-family:var(--f-display);font-size:18px;margin:0}
.platform-card .btn{font-size:13px;padding:8px 14px;min-height:44px}
.platform-card p{font-size:14px;color:var(--c-muted)}
.article-card{position:relative;display:flex;flex-direction:column;align-items:flex-start;min-width:0;padding:28px;background:var(--c-panel);border:1px solid var(--c-border);border-radius:var(--r-md);box-shadow:var(--sh-panel);gap:16px}
.article-meta{display:flex;align-items:center;flex-wrap:wrap;gap:12px;color:var(--c-muted);font-family:var(--f-mono);font-size:12px}
.article-card h3{font-size:23px;line-height:1.4;margin:0}
.article-card p{color:var(--c-muted)}
.article-card .text-link{margin-top:auto}
.article-stamp{position:relative;overflow-x:clip;background:var(--c-panel);border:1px solid var(--c-border);border-radius:var(--r-md);padding:40px 140px 40px 32px}
.article-stamp::after{content:"DJ";position:absolute;right:24px;top:24px;width:76px;height:76px;display:grid;place-items:center;transform:rotate(-10deg);border:4px double var(--c-accent-dark);border-radius:var(--r-dot);color:var(--c-accent-dark);font-family:var(--f-mono);font-size:24px}
.callout{margin:24px 0;padding:20px 24px;background:var(--c-panel);border:1px solid var(--c-border);border-left:3px solid var(--c-accent);border-radius:var(--r-sm);color:var(--c-muted);box-shadow:var(--sh-panel)}
.callout strong{display:block;margin-bottom:8px}
.promo-block{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:40px;padding:32px;background:var(--c-groove);border:1px solid var(--c-border);border-radius:var(--r-lg);box-shadow:var(--sh-panel)}
.promo-copy{min-width:0}
.promo-brand{font-family:var(--f-display);font-size:22px;font-weight:600;margin-bottom:8px}
.promo-block p{color:var(--c-muted)}
.promo-block .btn{flex-shrink:0;white-space:nowrap}
.ticker{overflow:hidden;max-width:100%;min-width:0;border-block:1px solid var(--c-border);padding-block:18px}
.ticker-track{display:flex;width:max-content;max-width:none}
.ticker-group{display:flex;align-items:center;gap:40px;padding-right:40px;flex-shrink:0;font-family:var(--f-mono);font-size:14px;color:var(--c-muted)}
.ticker-group span{white-space:nowrap}
.preview-section{padding-top:64px;padding-bottom:64px;border-top:1px solid var(--c-border)}
.preview-heading{font-size:28px;margin-bottom:24px}
.preview-row{display:flex;flex-wrap:wrap;align-items:center;gap:16px}
.swatch-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px}
.swatch{overflow:hidden;background:var(--c-panel);border:1px solid var(--c-border);border-radius:var(--r-sm)}
.swatch-color{height:64px;border-bottom:1px solid var(--c-border)}
.swatch code{display:block;padding:10px 12px;font-size:12px;color:var(--c-ink)}
.sw-bg{background:var(--c-bg)}
.sw-top{background:var(--c-bg-top)}
.sw-bottom{background:var(--c-bg-bottom)}
.sw-panel{background:var(--c-panel)}
.sw-groove{background:var(--c-groove)}
.sw-border{background:var(--c-border)}
.sw-accent{background:var(--c-accent)}
.sw-accent-dark{background:var(--c-accent-dark)}
.sw-signal{background:var(--c-signal)}
.sw-signal-soft{background:var(--c-signal-soft)}
.sw-ink{background:var(--c-ink)}
.sw-ink-2{background:var(--c-ink-2)}
.sw-ink-3{background:var(--c-ink-3)}
.sw-muted{background:var(--c-muted)}
.sw-success{background:var(--c-success)}
.sw-warn{background:var(--c-warn)}
.sw-error{background:var(--c-error)}
.sw-white{background:var(--c-white)}
.sw-term-fg{background:var(--c-term-fg)}
.sw-term-dim{background:var(--c-term-dim)}
.sw-term-ok{background:var(--c-term-ok)}
.sw-flag-red{background:var(--flag-red)}
.sw-flag-navy{background:var(--flag-navy)}
.sw-flag-black{background:var(--flag-black)}
.sw-flag-gold{background:var(--flag-gold)}
.type-display{font-family:var(--f-display);font-weight:400;font-size:clamp(28px,4vw,52px);line-height:1.2;letter-spacing:-.02em}
.preview-symbols{position:absolute;width:0;height:0;overflow:hidden;pointer-events:none}
@media(max-width:1100px){
  .platform-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:768px){
  .feature-console{grid-template-columns:minmax(0,1fr);gap:24px}
  .feature-rail[role="tablist"]{flex-direction:row;flex-wrap:nowrap;overflow-x:auto;width:100%;margin-bottom:0;gap:8px;padding-bottom:8px}
  .feature-rail [role="tab"]{flex-shrink:0;padding:10px 14px;background:var(--c-groove);border-radius:var(--r-pill);white-space:nowrap}
  .feature-rail [role="tab"][aria-selected="true"]{background:var(--c-panel);box-shadow:inset 0 0 0 1px var(--c-border)}
  .feature-statement{font-size:28px;margin-bottom:28px}
  .plan-grid{grid-template-columns:minmax(0,1fr)}
  .platform-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .promo-block{align-items:flex-start;flex-direction:column}
  .window-content{grid-template-columns:minmax(0,1fr)}
  .window-regions{display:flex;flex-wrap:wrap;gap:4px;border-right:0;border-bottom:1px solid var(--c-border)}
}
@media(max-width:640px){
  .annotated-slot{padding:32px 12px 12px;max-width:100%}
  .window-notes{gap:12px;font-size:11px}
  .window-copy{padding:20px}
  .platform-card{padding:20px 14px}
  .platform-card .btn{font-size:12px;padding-inline:10px}
  .article-card,.plan-card,.promo-block{padding:24px}
  .article-stamp{padding:28px 24px}
  .article-stamp::after{display:none}
  .type-display{font-size:30px}
}
@media(prefers-reduced-motion:reduce){
  .ticker-track{width:auto;transform:none!important}
  .ticker-group{flex-wrap:wrap;gap:16px;padding-right:0;max-width:100%}
  .ticker-group[data-ticker-copy]{display:none}
}