.tab-shell{max-width:100%}
.tab-list{display:inline-flex;max-width:100%;gap:5px;padding:5px;border:1px solid var(--color-border);border-radius:var(--radius-pill);background:var(--color-panel);overflow-x:auto;-webkit-overflow-scrolling:touch}
.tab-list [role="tab"]{min-width:90px;min-height:42px;padding:8px 18px;border:0;border-radius:var(--radius-pill);background:transparent;color:var(--color-muted);cursor:pointer;white-space:nowrap}
.tab-list [role="tab"][aria-selected="true"]{background:var(--color-accent);color:var(--color-bg);font-weight:650}
[role="tabpanel"][hidden]{display:none}
.tab-panel{padding-top:24px}
.toc-tabs{position:sticky;top:10px;z-index:20;display:flex;max-width:100%;gap:8px;margin-bottom:40px;padding:8px;overflow-x:auto;border:1px solid var(--color-border);border-radius:var(--radius-pill);background:var(--color-panel);box-shadow:var(--shadow-mid);-webkit-overflow-scrolling:touch;scrollbar-width:thin}
.toc-tabs a{display:inline-flex;min-height:36px;align-items:center;padding:6px 14px;border-radius:var(--radius-pill);color:var(--color-muted);font-size:13px;white-space:nowrap}
.toc-tabs a.is-current{background:var(--color-panel-raised);color:var(--color-accent);font-weight:650}
body:has(.toc-tabs) section[id]{scroll-margin-top:112px}
.faq-list{display:grid;gap:12px}
.faq-item{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-panel);box-shadow:var(--shadow-inset)}
.faq-item summary{position:relative;min-height:58px;padding:17px 52px 17px 20px;cursor:pointer;color:var(--color-text);font-weight:600;list-style:none}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary::after{position:absolute;top:16px;right:18px;width:26px;height:26px;border:1px solid var(--color-border);border-radius:50%;content:"+";color:var(--color-accent);font-size:19px;line-height:23px;text-align:center;transition:transform var(--transition-fast)}
.faq-item[open] summary::after{transform:rotate(45deg)}
.faq-answer{padding:0 20px 18px}
.pricing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.plan-card{position:relative;display:flex;min-height:100%;flex-direction:column;padding:30px;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-panel);box-shadow:var(--shadow-mid),var(--shadow-inset);transform-style:preserve-3d}
.plan-card.is-featured{border-color:var(--color-accent);background:var(--color-panel-raised);box-shadow:var(--shadow-deep),0 0 32px var(--color-accent-faint)}
.plan-ribbon{position:absolute;top:16px;right:16px;padding:5px 10px;border-radius:var(--radius-pill);background:var(--color-accent);color:var(--color-bg);font-size:11px;font-weight:700}
.plan-name{margin-bottom:8px;font-size:20px}
.plan-period{color:var(--color-muted);font-size:13px}
.plan-price{margin:22px 0 4px;font-family:var(--font-display);font-size:42px;line-height:1;color:var(--color-text)}
.plan-meta{margin-bottom:22px;color:var(--color-muted);font-family:var(--font-mono);font-size:12px}
.plan-list{display:grid;gap:9px;margin-bottom:26px;padding:0;list-style:none}
.plan-list li{display:flex;gap:9px;color:var(--color-muted)}
.plan-list li::before{content:"✓";flex-shrink:0;color:var(--color-success)}
.plan-card .btn{margin-top:auto}
.table-scroll{width:100%;max-width:100%;overflow-x:auto;border:1px solid var(--color-border);border-radius:var(--radius-md);-webkit-overflow-scrolling:touch}
.data-table,.location-table,.compare-table{width:100%;min-width:720px;border-collapse:collapse;background:var(--color-panel)}
.data-table th,.data-table td,.location-table th,.location-table td,.compare-table th,.compare-table td{padding:15px 18px;border-bottom:1px solid var(--color-border);text-align:left}
.data-table th,.location-table th,.compare-table th{background:var(--color-panel-raised);color:var(--color-text);font-size:12px;letter-spacing:.04em}
.data-table td,.location-table td,.compare-table td{color:var(--color-muted)}
.data-table tr:last-child td,.location-table tr:last-child td,.compare-table tr:last-child td{border-bottom:0}
.location-group td{background:var(--color-bg);color:var(--color-accent);font-family:var(--font-mono);font-size:12px;font-weight:700}
.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:14px}
.platform-card{display:flex;min-height:180px;flex-direction:column;align-items:flex-start;padding:22px;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-panel);box-shadow:var(--shadow-mid),var(--shadow-inset)}
.platform-icon{display:grid;width:42px;height:42px;flex-shrink:0;place-items:center;margin-bottom:18px;border-radius:12px;background:var(--color-panel-raised);color:var(--color-accent)}
.platform-icon svg{width:24px;height:24px}
.platform-name{margin-bottom:14px;font-weight:650}
.platform-card .btn{width:100%;margin-top:auto;padding-inline:12px}
.article-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.article-card{display:flex;min-height:100%;flex-direction:column;padding:24px;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-panel);box-shadow:var(--shadow-mid),var(--shadow-inset);transition:transform var(--transition-fast),border-color var(--transition-fast)}
.article-card:hover{transform:translateY(-4px);border-color:var(--color-accent)}
.article-meta{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:16px;color:var(--color-muted);font-family:var(--font-mono);font-size:11px}
.article-card h3{font-size:20px}
.article-card p{margin-bottom:20px}
.article-link{margin-top:auto;color:var(--color-accent);font-weight:650}
.callout{position:relative;margin:28px 0;padding:22px 24px 22px 28px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-panel)}
.callout::before{position:absolute;top:18px;bottom:18px;left:0;width:4px;border-radius:var(--radius-pill);background:var(--color-accent);content:""}
.callout-title{margin-bottom:6px;color:var(--color-text);font-weight:700}
.promo-block{display:grid;grid-template-columns:1fr auto;align-items:center;gap:28px;margin-top:52px;padding:clamp(26px,5vw,48px);border:1px solid var(--color-border);border-radius:var(--radius-xl);background:radial-gradient(480px 230px at 100% 0,var(--color-accent-faint),transparent 70%),var(--color-panel-raised);box-shadow:var(--shadow-deep),var(--shadow-inset)}
.promo-block h2{margin-bottom:10px;font-size:clamp(28px,4vw,44px)}
.fact-band{display:flex;flex-wrap:wrap;gap:12px}
.fact-pill{display:inline-flex;align-items:center;gap:9px;padding:8px 16px;border:1px solid var(--color-border);border-radius:var(--radius-pill);background:var(--color-panel);box-shadow:var(--shadow-mid),var(--shadow-inset);font-family:var(--font-mono);font-size:12px}
.fact-key{color:var(--color-accent);font-size:10px;font-weight:700;letter-spacing:.1em}
.feature-browser{display:grid;grid-template-columns:minmax(220px,.72fr) minmax(0,1.55fr);gap:24px}
.feature-list{display:grid;gap:8px}
.feature-tab{position:relative;width:100%;min-height:56px;padding:12px 18px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-panel);color:var(--color-muted);cursor:pointer;text-align:left}
.feature-tab.is-active{border-color:var(--color-border-strong);background:var(--color-panel-raised);color:var(--color-text)}
.feature-tab.is-active::before{position:absolute;top:14px;bottom:14px;left:-1px;width:4px;border-radius:var(--radius-pill);background:var(--color-accent);content:""}
.feature-detail{min-height:390px;padding:clamp(26px,5vw,52px);border:1px solid var(--color-border);border-radius:var(--radius-xl);background:var(--color-panel);box-shadow:var(--shadow-deep),var(--shadow-inset)}
.hero-demo{position:relative;padding-top:42px;padding-bottom:34px;overflow-x:clip}
.hero-layout{display:grid;grid-template-columns:minmax(0,.82fr) minmax(520px,1.18fr);gap:46px;align-items:center}
.hero-copy h1{max-width:590px;margin:20px 0 24px;font-size:clamp(52px,5vw,68px);font-weight:400}
.hero-copy .hero-summary{max-width:520px;margin-bottom:22px;font-size:16px}
.hero-copy .button-row{margin-bottom:22px}
.trust-row{display:flex;flex-wrap:wrap;gap:8px 20px;padding:0;list-style:none;color:var(--color-muted);font-size:13px}
.trust-row li{display:flex;align-items:center;gap:7px}
.trust-row li::before{content:"✓";flex-shrink:0;color:var(--color-success);font-weight:700}
.hero-visual{position:relative;min-height:510px;padding:18px;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-panel);box-shadow:var(--shadow-deep),var(--shadow-mid),var(--shadow-inset);overflow:hidden}
.hero-visual::before{position:absolute;inset:25% 4%;border-radius:50%;background:var(--color-accent-faint);filter:blur(32px);content:""}
.visual-caption{position:relative;z-index:2;display:flex;justify-content:space-between;gap:14px;color:var(--color-muted);font-size:12px}
.visual-caption code{letter-spacing:.07em}
.converge-stage{position:relative;height:430px;margin-top:8px}
.device-stack{position:absolute;top:34px;bottom:32px;left:0;z-index:3;display:flex;width:142px;flex-direction:column;justify-content:space-between}
.device-chip{display:flex;height:44px;align-items:center;gap:10px;padding:8px 12px;border:1px solid var(--color-border);border-radius:12px;background:var(--color-panel-raised);box-shadow:var(--shadow-mid);font-size:12px}
.device-chip svg{width:21px;height:21px;flex-shrink:0;color:var(--color-muted)}
.flow-svg{position:absolute;inset:0;width:100%;height:100%}
.flow-branch{fill:none;stroke:var(--color-border-strong);stroke-width:1.5}
.flow-glow{fill:none;stroke:var(--color-accent);stroke-width:10;stroke-linecap:round;opacity:.22}
.flow-main{fill:none;stroke:var(--color-accent);stroke-width:3;stroke-linecap:round}
.flow-dot{fill:var(--color-accent);filter:drop-shadow(0 0 5px var(--color-accent))}
.flag-route{position:absolute;right:0;bottom:135px;left:43%;z-index:4;display:flex;justify-content:space-between;gap:5px}
.flag-node{display:flex;min-width:0;flex-direction:column;align-items:center;gap:7px;color:var(--color-muted);font-size:10px}
.flag-node svg{width:30px;height:30px;flex-shrink:0;border:1px solid var(--color-border-strong);border-radius:50%}
.platform-strip,.flag-strip{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
.platform-mark,.flag-mark{display:inline-flex;min-height:32px;align-items:center;gap:7px;padding:5px 10px;border:1px solid var(--color-border);border-radius:var(--radius-pill);background:var(--color-panel);color:var(--color-muted);font-size:11px}
.platform-mark svg{width:18px;height:18px;flex-shrink:0}
.flag-mark svg{width:24px;height:16px;flex-shrink:0;border-radius:4px}
.draw-line{vector-effect:non-scaling-stroke}
.preview-main{overflow-x:clip}
.preview-section{padding-top:82px;padding-bottom:82px;border-top:1px solid var(--color-border)}
.preview-heading{max-width:760px;margin-bottom:34px}
.preview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.preview-stack{display:grid;gap:20px}
.swatch-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
.swatch{overflow:hidden;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-panel)}
.swatch-color{height:80px}
.swatch-info{padding:12px;font-family:var(--font-mono);font-size:10px;color:var(--color-muted)}
.swatch-bg{background:var(--color-bg)}
.swatch-panel{background:var(--color-panel)}
.swatch-raised{background:var(--color-panel-raised)}
.swatch-accent{background:var(--color-accent)}
.swatch-success{background:var(--color-success)}
.swatch-warning{background:var(--color-warning)}
.swatch-error{background:var(--color-error)}
.swatch-text{background:var(--color-text)}
.swatch-muted{background:var(--color-muted)}
.swatch-border{background:var(--color-border)}
.type-display{font-family:var(--font-display);font-size:clamp(36px,6vw,68px);line-height:1.12}
.type-body{max-width:700px;font-size:18px;color:var(--color-muted)}
.type-mono{font-family:var(--font-mono);color:var(--color-accent)}
.static-head{border-bottom:1px solid var(--color-border)}
.preview-footer{margin-top:0}
.flag-red{fill:var(--flag-red)}
.flag-white{fill:var(--flag-white)}
.flag-blue{fill:var(--flag-blue)}
.flag-gold{fill:var(--flag-gold)}
.flag-black{fill:var(--flag-black)}
.flag-line-white{fill:none;stroke:var(--flag-white);stroke-width:6}
.flag-line-red{fill:none;stroke:var(--flag-red);stroke-width:3}
@media(max-width:1000px){
  .hero-layout{grid-template-columns:1fr;gap:34px}
  .hero-visual{max-width:700px;width:100%;margin-inline:auto}
  .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,.feature-browser,.preview-grid{grid-template-columns:1fr}
  .feature-detail{min-height:0}
  .platform-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .promo-block{grid-template-columns:1fr}
  .hero-copy h1{font-size:clamp(28px,9vw,40px)}
  .hero-visual{min-height:440px}
  .converge-stage{height:355px}
  .device-stack{width:118px}
  .device-chip{height:39px;padding:6px 8px;font-size:10px}
  .device-chip svg{width:17px;height:17px}
  .flag-route{left:41%;bottom:108px}
  .flag-node span{display:none}
  .swatch-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:560px){
  .article-grid,.platform-grid{grid-template-columns:1fr}
  .platform-card{min-height:150px}
  .hero-visual{min-height:390px;padding:12px}
  .converge-stage{height:315px}
  .device-stack{top:24px;bottom:20px;width:100px}
  .device-chip{height:36px}
  .device-chip span{font-size:9px}
  .flag-route{left:38%;bottom:94px}
  .flag-node svg{width:23px;height:23px}
  .visual-caption code{display:none}
  .swatch-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}