:root{
  --table-min:720px;
  --platform-icon-size:42px;
  --preview-swatch-height:88px;
  --terminal-banner-size:11px;
}
.tab-shell{min-width:0}
.tab-list{display:flex;align-items:center;gap:5px;max-width:100%;padding:5px;border:1px solid var(--color-border);border-radius:var(--radius-s);background:var(--color-panel);overflow-x:auto;-webkit-overflow-scrolling:touch}
.tab-list [role="tab"]{flex:0 0 auto;min-height:38px;padding:7px 15px;border:0;border-radius:var(--radius-xs);background:transparent;color:var(--color-muted);font-family:var(--font-mono);font-size:.8rem;cursor:pointer}
.tab-list [role="tab"]:hover{color:var(--color-text)}
.tab-list [role="tab"][aria-selected="true"]{background:var(--color-panel-raised);color:var(--color-accent);box-shadow:inset 0 0 0 1px var(--color-border)}
.tab-panel{padding-top:24px}
.tab-panel[hidden]{display:none}
.toc-tabs{position:sticky;top:12px;z-index:60;display:flex;gap:6px;max-width:100%;margin-bottom:36px;padding:6px;border:1px solid var(--color-border);border-radius:var(--radius-s);background:var(--color-panel);overflow-x:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-inline:contain}
.toc-tabs a{display:inline-flex;align-items:center;flex:0 0 auto;min-height:36px;padding:6px 12px;border-radius:var(--radius-xs);color:var(--color-muted);font-family:var(--font-mono);font-size:.75rem;white-space:nowrap}
.toc-tabs a:hover{color:var(--color-text)}
.toc-tabs a.is-current,.toc-tabs a[aria-current="location"]{background:var(--color-panel-raised);color:var(--color-accent)}
.toc-sticky-host{position:sticky;top:12px;z-index:60}
.toc-sticky-host>.toc-tabs{position:relative;top:auto}
.faq-list{border-top:1px solid var(--color-border)}
.faq-item{border-bottom:1px solid var(--color-border)}
.faq-item summary{position:relative;display:flex;align-items:center;min-height:62px;padding:14px 42px 14px 0;color:var(--color-text);font-weight:650;cursor:pointer;list-style:none}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary::after{content:"+";position:absolute;right:8px;display:grid;place-items:center;width:28px;height:28px;border:1px solid var(--color-border);border-radius:50%;color:var(--color-accent);font-family:var(--font-mono);transition:transform var(--transition-fast)}
.faq-item[open] summary::after{transform:rotate(45deg)}
.faq-answer{max-width:820px;padding:0 42px 20px 0;color:var(--color-muted)}
.pricing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.price-card{position:relative;display:flex;min-width:0;min-height:100%;flex-direction:column;padding:26px;background:var(--color-panel);border:1px solid var(--color-border);border-radius:var(--radius-m)}
.price-card.is-featured{border-color:var(--color-accent-dark);background:var(--color-panel-raised);box-shadow:0 0 0 1px var(--color-accent-soft),var(--shadow-panel)}
.price-ribbon{position:absolute;top:14px;right:14px;padding:3px 8px;border-radius:var(--radius-pill);background:var(--color-accent);color:var(--color-bg);font-family:var(--font-mono);font-size:.68rem;font-weight:700}
.price-name{margin-bottom:16px;font-family:var(--font-mono);font-size:.8rem;color:var(--color-muted)}
.price-value{display:flex;align-items:baseline;gap:4px;margin-bottom:8px;color:var(--color-text)}
.price-currency{font-size:1rem}
.price-number{font-family:var(--font-display);font-size:2.65rem;line-height:1;font-weight:850;font-variant-numeric:tabular-nums}
.price-cycle{color:var(--color-muted);font-size:.8rem}
.price-traffic{margin-bottom:20px;color:var(--color-accent);font-family:var(--font-mono);font-size:.78rem}
.price-features{display:grid;gap:9px;margin:0 0 24px;padding:0;list-style:none;color:var(--color-muted);font-size:.88rem}
.price-features li::before{content:"+ ";color:var(--color-accent);font-family:var(--font-mono)}
.price-card .btn{width:100%;margin-top:auto}
.table-scroll{width:100%;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-inline:contain;border:1px solid var(--color-border);border-radius:var(--radius-s)}
.data-table{width:100%;min-width:var(--table-min);background:var(--color-panel)}
.data-table th,.data-table td{padding:13px 16px;border-bottom:1px solid var(--color-border);text-align:left;font-size:.84rem}
.data-table th{background:var(--color-panel-raised);color:var(--color-text);font-family:var(--font-mono);font-size:.74rem;font-weight:650;white-space:nowrap}
.data-table td:first-child{color:var(--color-text);font-weight:600}
.data-table tbody tr:last-child td{border-bottom:0}
.data-table tbody tr:hover{background:var(--color-panel-raised)}
.table-group td{background:var(--color-panel-raised);color:var(--color-accent)!important;font-family:var(--font-mono);font-size:.72rem;font-weight:600}
.table-status{display:inline-flex;align-items:center;gap:7px;color:var(--color-text)}
.table-status::before{content:"";width:7px;height:7px;flex:0 0 auto;border-radius:50%;background:var(--color-success);box-shadow:0 0 8px var(--color-accent-glow)}
.prose>.data-table{display:block;max-width:100%;min-width:0;overflow-x:auto;-webkit-overflow-scrolling:touch}
.platform-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.platform-card{display:flex;min-width:0;flex-direction:column;align-items:flex-start;padding:20px;border:1px solid var(--color-border);border-radius:var(--radius-m);background:var(--color-panel)}
.platform-icon{display:grid;place-items:center;width:var(--platform-icon-size);height:var(--platform-icon-size);margin-bottom:18px;border:1px solid var(--color-border);border-radius:var(--radius-s);background:var(--color-panel-raised);color:var(--color-accent);overflow:hidden}
.platform-icon svg{width:22px;height:22px}
.platform-name{margin-bottom:5px;color:var(--color-text);font-weight:700}
.platform-note{margin-bottom:18px;color:var(--color-muted);font-size:.8rem}
.platform-card .btn{width:100%;margin-top:auto;padding-inline:12px}
.article-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.article-card{display:flex;min-width:0;flex-direction:column;padding:22px;border:1px solid var(--color-border);border-radius:var(--radius-m);background:var(--color-panel);transition:transform var(--transition-fast),border-color var(--transition-fast)}
.article-card:hover{transform:translateY(-3px);border-color:var(--color-dim)}
.article-meta{display:flex;flex-wrap:wrap;align-items:center;gap:9px;margin-bottom:14px;color:var(--color-dim);font-family:var(--font-mono);font-size:.7rem}
.article-title{margin-bottom:10px;font-size:1.08rem;line-height:1.4}
.article-summary{margin-bottom:18px;color:var(--color-muted);font-size:.86rem}
.article-link{margin-top:auto;color:var(--color-accent);font-family:var(--font-mono);font-size:.78rem}
.callout{position:relative;margin:24px 0;padding:18px 20px 18px 24px;border:1px solid var(--color-border);border-left:3px solid var(--color-accent);border-radius:0 var(--radius-s) var(--radius-s) 0;background:var(--color-panel)}
.callout-title{margin-bottom:5px;color:var(--color-text);font-family:var(--font-mono);font-size:.78rem}
.callout p:last-child{margin-bottom:0}
.article-promo{display:grid;grid-template-columns:1fr auto;align-items:center;gap:28px;margin-top:56px;padding:28px;border:1px solid var(--color-accent-dark);border-radius:var(--radius-m);background:var(--color-panel);box-shadow:0 0 30px var(--color-accent-soft)}
.article-promo-brand{margin-bottom:6px;color:var(--color-accent);font-family:var(--font-mono);font-size:.75rem}
.article-promo-title{margin-bottom:8px;font-size:1.35rem}
.article-promo-copy{margin-bottom:0;font-size:.9rem}
.manual-browser{display:grid;grid-template-columns:220px minmax(0,1fr);border:1px solid var(--color-border);border-radius:var(--radius-m);background:var(--color-panel);overflow:hidden}
.manual-index{display:flex;flex-direction:column;padding:12px;border-right:1px solid var(--color-border);background:var(--color-bg)}
.manual-index [role="tab"]{display:flex;align-items:center;min-height:43px;padding:8px 10px;border:0;border-radius:var(--radius-xs);background:transparent;color:var(--color-muted);font-family:var(--font-mono);font-size:.78rem;text-align:left;cursor:pointer}
.manual-index [role="tab"][aria-selected="true"]{background:var(--color-panel-raised);color:var(--color-accent)}
.manual-index [role="tab"][aria-selected="true"]::before{content:"> ";color:var(--color-accent)}
.manual-detail{min-width:0;padding:30px}
.manual-label{margin-bottom:18px;color:var(--color-accent);font-family:var(--font-mono);font-size:.72rem}
.manual-detail p:last-child{margin-bottom:0}
.hero-preview{position:relative;display:flex;align-items:center;min-height:calc(100svh - var(--header-height));padding-top:48px;padding-bottom:40px;overflow-x:clip}
.hero-preview-grid{display:grid;grid-template-columns:1.02fr .98fr;align-items:center;gap:72px;width:100%}
.hero-copy{position:relative;z-index:2;min-width:0}
.hero-tag{display:inline-flex;align-items:center;gap:8px;margin-bottom:26px;padding:5px 12px;border:1px solid var(--color-border);border-radius:var(--radius-pill);background:var(--color-panel);color:var(--color-muted);font-family:var(--font-mono);font-size:12px}
.hero-tag-mark{color:var(--color-accent);text-shadow:0 0 8px var(--color-accent-glow)}
.hero-title{margin-bottom:22px;font-size:66px}
.hero-title-number{color:var(--color-accent);font-family:var(--font-mono);font-weight:800;text-shadow:0 0 22px var(--color-accent-glow)}
.hero-subtitle{max-width:520px;margin-bottom:30px;color:var(--color-muted);font-size:16px;line-height:1.75}
.hero-actions{display:flex;align-items:center;gap:14px;margin-bottom:26px}
.hero-actions .btn{padding:13px 32px}
.trust-row{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:30px}
.trust-row .fact-chip::before{content:"+ ";color:var(--color-accent)}
.platform-strip{display:flex;align-items:center;gap:22px;padding-top:20px;border-top:1px solid var(--color-border);margin-bottom:16px}
.platform-strip-item{display:inline-flex;align-items:center;gap:7px;flex:0 0 auto;color:var(--color-muted);font-size:12.5px}
.platform-strip-item svg{width:16px;height:16px;flex:0 0 auto}
.flag-strip{display:flex;align-items:center;gap:18px}
.flag-item{display:inline-flex;align-items:center;gap:7px;flex:0 0 auto;color:var(--color-muted);font-size:12.5px}
.flag-svg{border-radius:3px;outline:1px solid var(--color-edge);outline-offset:-1px;overflow:hidden}
.flag-red{fill:var(--color-flag-red)}
.flag-blue{fill:var(--color-flag-blue)}
.flag-navy{fill:var(--color-flag-navy)}
.flag-white{fill:var(--color-flag-white)}
.hero-visual{position:relative;z-index:1;min-width:0}
.terminal-window{overflow:hidden;border:1px solid var(--color-edge);border-radius:var(--radius-m);background:var(--color-panel)}
.terminal-bar{display:flex;align-items:center;height:40px;padding-inline:14px;border-bottom:1px solid var(--color-border);background:var(--color-panel-raised)}
.terminal-dots{display:flex;gap:7px}
.terminal-dot{width:11px;height:11px;flex:0 0 auto;border-radius:50%;background:var(--color-dot)}
.terminal-dot:nth-child(2){background:var(--color-dot-mid)}
.terminal-dot:nth-child(3){background:var(--color-dot-high)}
.terminal-tab{margin-left:auto;padding:3px 12px;border:1px solid var(--color-border);border-radius:var(--radius-s);background:var(--color-panel);color:var(--color-muted);font-family:var(--font-mono);font-size:11.5px}
.terminal-body{padding:24px 26px 26px;color:var(--color-muted);font-family:var(--font-mono);font-size:13px;line-height:1.75}
.terminal-body pre{margin:0;padding:0;border:0;border-radius:0;background:transparent;white-space:pre;overflow:hidden}
.terminal-command{color:var(--color-muted)}
.terminal-dim{color:var(--color-dim)}
.terminal-ok,.terminal-prompt{color:var(--color-accent);text-shadow:0 0 10px var(--color-accent-soft)}
.terminal-text{color:var(--color-text)}
.terminal-banner{display:block;margin:14px 0 14px 8px;color:var(--color-dim);font-size:var(--terminal-banner-size);line-height:1.5}
.terminal-cursor{display:inline-block;width:8px;height:15px;background:var(--color-accent);box-shadow:0 0 10px var(--color-accent-glow);vertical-align:-2px}
.preview-main{overflow-x:clip}
.preview-section{padding-top:88px;padding-bottom:88px;border-top:1px solid var(--color-border)}
.preview-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:34px}
.preview-heading h2{margin-bottom:0}
.preview-heading p{max-width:520px;margin-bottom:0}
.preview-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.preview-grid-two{grid-template-columns:repeat(2,minmax(0,1fr))}
.swatch-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.swatch{overflow:hidden;border:1px solid var(--color-border);border-radius:var(--radius-s);background:var(--color-panel)}
.swatch-color{height:var(--preview-swatch-height)}
.swatch-bg{background:var(--color-bg)}
.swatch-panel{background:var(--color-panel)}
.swatch-raised{background:var(--color-panel-raised)}
.swatch-border{background:var(--color-border)}
.swatch-accent{background:var(--color-accent)}
.swatch-accent-dark{background:var(--color-accent-dark)}
.swatch-text{background:var(--color-text)}
.swatch-muted{background:var(--color-muted)}
.swatch-info{padding:10px 12px;color:var(--color-muted);font-family:var(--font-mono);font-size:.7rem}
.type-sample{padding:24px;border-top:1px solid var(--color-border)}
.type-sample:first-child{border-top:0}
.type-label{margin-bottom:10px;color:var(--color-accent);font-family:var(--font-mono);font-size:.7rem}
.type-display{margin-bottom:0;font-size:52px;line-height:1.1;font-weight:900}
.type-body{margin-bottom:0}
.button-demo{display:flex;flex-wrap:wrap;gap:12px}
.status-demo{display:flex;flex-wrap:wrap;gap:8px}
.preview-footer{margin-top:0}
@media (max-width:1080px){
  .hero-preview{min-height:auto;padding-top:56px}
  .hero-preview-grid{grid-template-columns:1fr;gap:48px}
  .hero-title{font-size:40px}
  .platform-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .article-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:768px){
  .pricing-grid,.preview-grid,.preview-grid-two{grid-template-columns:1fr}
  .platform-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .article-grid{grid-template-columns:1fr}
  .manual-browser{grid-template-columns:1fr;overflow:visible}
  .manual-index{flex-direction:row;border-right:0;border-bottom:1px solid var(--color-border);overflow-x:auto;-webkit-overflow-scrolling:touch}
  .manual-index [role="tab"]{flex:0 0 auto}
  .article-promo{grid-template-columns:1fr}
  .article-promo .btn{width:100%}
  .platform-strip,.flag-strip{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:4px}
  .hero-actions{align-items:stretch;flex-direction:column}
  .hero-actions .btn{width:100%}
  .preview-heading{align-items:flex-start;flex-direction:column}
  .swatch-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .toc-tabs{top:8px}
}
@media (max-width:420px){
  .platform-grid{grid-template-columns:1fr}
  .terminal-body{padding:18px 16px;font-size:11px}
  .terminal-banner{font-size:8px;margin-left:0}
}