.tab-set{min-width:0}
.tab-list{display:flex;max-width:100%;gap:6px;padding:6px;overflow-x:auto;background:var(--color-panel-alt);border:1px solid var(--color-border);border-radius:var(--radius-md);-webkit-overflow-scrolling:touch}
.tab-list [role="tab"]{min-width:96px;min-height:42px;padding:8px 17px;border:1px solid transparent;border-radius:var(--radius-sm);background:transparent;color:var(--color-muted);font-weight:750;white-space:nowrap;cursor:pointer}
.tab-list [role="tab"][aria-selected="true"]{background:var(--color-panel);border-color:var(--color-border);color:var(--color-accent-dark);box-shadow:var(--shadow-soft)}
[role="tabpanel"][hidden]{display:none}
.tab-panel{padding-top:28px}
.toc-tabs{position:sticky;top:calc(var(--header-height) + 12px);z-index:35;display:flex;max-width:100%;gap:8px;margin-bottom:38px;padding:7px;overflow-x:auto;background:var(--color-panel);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-soft);-webkit-overflow-scrolling:touch;scrollbar-width:thin}
.toc-tabs a{display:inline-flex;min-height:40px;align-items:center;padding:8px 14px;border-radius:var(--radius-sm);color:var(--color-muted);font-size:14px;white-space:nowrap}
.toc-tabs a:hover,.toc-tabs a.is-active,.toc-tabs a[aria-current="true"]{background:var(--color-panel-alt);color:var(--color-accent-dark);font-weight:750}
.faq-list{border-top:1px solid var(--color-border)}
.faq-item{border-bottom:1px solid var(--color-border)}
.faq-item summary{position:relative;min-height:58px;padding:18px 44px 18px 4px;font-weight:750;cursor:pointer;list-style:none}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary::after{content:"+";position:absolute;top:50%;right:8px;display:grid;width:28px;height:28px;place-items:center;transform:translateY(-50%);border:1px solid var(--color-border);border-radius:50%;color:var(--color-accent-dark);font-size:19px}
.faq-item[open] summary::after{content:"−"}
.faq-answer{padding:0 44px 22px 4px;color:var(--color-muted)}
.pricing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;align-items:stretch}
.plan-card{position:relative;display:flex;min-width:0;flex-direction:column;padding:28px;background:var(--color-panel);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-soft)}
.plan-card.featured{border:2px solid var(--color-accent);box-shadow:var(--shadow-card)}
.plan-badge{position:absolute;top:0;right:20px;transform:translateY(-50%);background:var(--color-accent);border-color:var(--color-accent);color:var(--color-panel)}
.plan-kicker{color:var(--color-accent);font:700 12px/1.4 var(--font-mono);letter-spacing:.1em}
.plan-title{margin-top:9px;font-size:25px}
.plan-price{margin-top:18px;font-family:var(--font-display);font-size:42px;font-weight:900;line-height:1}
.plan-price small{color:var(--color-muted);font-size:14px;font-weight:600}
.plan-note{min-height:52px;margin-top:12px;color:var(--color-muted);font-size:14px}
.plan-features{margin:22px 0 26px}
.plan-features li{position:relative;padding:8px 0 8px 24px;border-top:1px solid var(--color-border);font-size:14px}
.plan-features li::before{content:"";position:absolute;top:16px;left:3px;width:8px;height:8px;border-radius:50%;background:var(--color-success)}
.plan-card .btn{margin-top:auto}
.table-scroll{max-width:100%;overflow-x:auto;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-panel);-webkit-overflow-scrolling:touch}
.data-table,.server-table,.comparison-table{width:100%;min-width:700px;border-collapse:collapse;background:var(--color-panel)}
.data-table th,.data-table td,.server-table th,.server-table td,.comparison-table th,.comparison-table td{padding:15px 18px;border-bottom:1px solid var(--color-border);text-align:left;vertical-align:middle}
.data-table th,.server-table th,.comparison-table th{background:var(--color-panel-alt);color:var(--color-text);font:750 12px/1.4 var(--font-mono);letter-spacing:.05em}
.data-table td:first-child,.server-table td:first-child,.comparison-table td:first-child{color:var(--color-text);font-weight:700}
.data-table tr:last-child td,.server-table tr:last-child td,.comparison-table tr:last-child td{border-bottom:0}
.server-group td{background:var(--color-panel-alt);color:var(--color-accent-dark);font:750 12px/1.4 var(--font-mono);letter-spacing:.08em}
.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:16px}
.platform-card{display:flex;min-width:0;flex-direction:column;align-items:flex-start;padding:22px;background:var(--color-panel);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-soft)}
.platform-icon{display:grid;width:44px;height:44px;flex:0 0 auto;place-items:center;border-radius:var(--radius-sm);background:var(--color-panel-alt);color:var(--color-accent)}
.platform-icon svg{width:24px;height:24px}
.platform-card h3{margin-top:16px;font-size:19px}
.platform-card p{margin:8px 0 18px;color:var(--color-muted);font-size:13px}
.platform-card .btn{margin-top:auto}
.article-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.article-card{display:flex;min-width:0;flex-direction:column;padding:24px;background:var(--color-panel);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-soft);transition:transform var(--transition-fast),box-shadow var(--transition-fast)}
.article-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-card)}
.article-meta{display:flex;flex-wrap:wrap;align-items:center;gap:10px;color:var(--color-muted);font:12px/1.5 var(--font-mono)}
.article-card h3{margin-top:15px;font-size:21px}
.article-card p{margin-top:12px;color:var(--color-muted);font-size:14px}
.article-link{display:inline-flex;min-height:32px;align-items:center;margin-top:auto;padding-top:18px;color:var(--color-accent-dark);font-weight:750}
.callout{position:relative;padding:22px 24px 22px 30px;background:var(--color-panel-alt);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text)}
.callout::before{content:"";position:absolute;top:18px;bottom:18px;left:12px;width:3px;border-radius:var(--radius-pill);background:var(--color-accent)}
.callout-title{margin-bottom:6px;color:var(--color-accent-dark);font:750 12px/1.4 var(--font-mono);letter-spacing:.08em}
.promo-block{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:26px;margin-top:54px;padding:32px;overflow:hidden;background:var(--color-text);border-radius:var(--radius-lg);color:var(--color-panel);box-shadow:var(--shadow-card)}
.promo-block::after{content:"";position:absolute;width:280px;height:280px;right:-80px;bottom:-180px;border-radius:50%;background:var(--color-glow-blue);pointer-events:none}
.promo-copy{position:relative;z-index:1}
.promo-brand{font:800 13px/1.4 var(--font-mono);letter-spacing:.12em}
.promo-block h2{margin-top:7px;color:var(--color-panel);font-size:clamp(25px,3vw,36px)}
.promo-block p{margin-top:9px;color:var(--color-border)}
.promo-block .btn{position:relative;z-index:1}
.hero{position:relative;display:flex;min-height:calc(100svh - 148px);align-items:center;overflow-x:clip}
.hero::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(46% 34% at 50% 0%,var(--color-hero-atmo),transparent 72%)}
.hero-inner{position:relative;z-index:2;width:100%;padding-top:44px;padding-bottom:34px;text-align:center}
.hero-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 16px;background:var(--color-panel);border:1px solid var(--color-border);border-radius:var(--radius-pill);box-shadow:var(--shadow-soft);color:var(--color-accent-dark);font:12px/1.4 var(--font-mono);letter-spacing:.12em}
.hero-badge .status-dot{animation:dot-pulse 2.6s ease-in-out infinite}
.hero-title{max-width:20em;margin:20px auto 0}
.hero-separator{padding-inline:.08em;color:var(--color-border);font-weight:800}
.hero-actions{display:flex;justify-content:center;gap:14px;margin-top:28px}
.hero-copy{max-width:42em;margin:20px auto 0;color:var(--color-muted)}
.trust-line{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;margin-top:16px;color:var(--color-muted);font-size:14px}
.trust-line span{display:inline-flex;align-items:center}
.trust-line span+span::before{content:"·";margin-inline:12px;color:var(--color-border);font-weight:800}
.chips-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px 25px;margin-top:20px}
.chips-row+.chips-row{margin-top:12px}
.icon-chip,.flag-chip{display:inline-flex;min-height:28px;align-items:center;gap:7px;color:var(--color-muted);font-size:13px}
.icon-chip svg{width:18px;height:18px;flex:0 0 auto;color:var(--color-accent)}
.flag-chip svg{width:24px;height:16px;flex:0 0 auto;border:1px solid var(--color-border);border-radius:3px;overflow:hidden}
.flag-white{fill:var(--color-white)}
.flag-red{fill:var(--color-flag-red)}
.flag-blue{fill:var(--color-flag-blue)}
.flag-navy{fill:var(--color-flag-navy)}
.flag-red-stroke{fill:none;stroke:var(--color-flag-red)}
.flag-white-stroke{fill:none;stroke:var(--color-white)}
.route-card{position:relative;max-width:1176px;margin:30px auto 0;overflow:hidden;background:var(--color-panel);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);text-align:left}
.route-glow{position:absolute;inset:0;pointer-events:none;background:radial-gradient(38% 62% at 16% 46%,var(--color-glow-blue),transparent 74%),radial-gradient(34% 58% at 52% 62%,var(--color-glow-cyan),transparent 76%),radial-gradient(36% 60% at 86% 40%,var(--color-glow-violet),transparent 74%);filter:blur(14px)}
.route-head{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 24px 0;color:var(--color-muted);font:11.5px/1.4 var(--font-mono);letter-spacing:.1em}
.route-head strong{display:flex;align-items:center;gap:9px;color:var(--color-accent-dark)}
.route-map{position:relative;z-index:2;width:100%;height:auto}
.route-main{fill:none;stroke:var(--color-accent);stroke-width:2.5}
.route-branch{fill:none;stroke:var(--color-border);stroke-width:1.3}
.route-halo{fill:none;stroke:var(--color-halo);stroke-width:1.5;transform-box:fill-box;transform-origin:center;animation:route-breathe 4.4s ease-in-out infinite alternate}
.route-ring{fill:var(--color-panel);stroke:var(--color-accent);stroke-width:1.6}
.route-core{fill:var(--color-accent-dark)}
.route-label{fill:var(--color-muted);font:11px var(--font-mono);letter-spacing:.04em}
.route-label-title{fill:var(--color-accent-dark);font-weight:800}
.route-flow{fill:var(--color-accent);filter:drop-shadow(0 0 5px var(--color-dot-glow));animation:route-flow 11s linear infinite}
.route-flow.flow-b{animation-delay:-3.7s}
.route-flow.flow-c{animation-delay:-7.4s}
.orbit-visual{position:relative;width:min(100%,720px);height:320px;margin:30px auto 0;overflow:hidden;background:var(--color-panel);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card)}
.orbit-glow{position:absolute;inset:20% 25%;border-radius:50%;background:var(--color-glow-blue);filter:blur(28px)}
.orbit-ring{position:absolute;inset:38px 86px;border:1px solid var(--color-border);border-radius:50%;animation:orbit-turn 24s linear infinite}
.orbit-ring.inner{inset:82px 150px;animation-direction:reverse;animation-duration:18s}
.orbit-core{position:absolute;top:50%;left:50%;display:grid;width:92px;height:92px;place-items:center;transform:translate(-50%,-50%);border:1px solid var(--color-accent);border-radius:50%;background:var(--color-panel);box-shadow:0 0 34px var(--color-halo)}
.orbit-core img{width:48px;height:48px}
.orbit-node{position:absolute;display:grid;min-width:76px;min-height:34px;place-items:center;padding:5px 9px;background:var(--color-panel);border:1px solid var(--color-border);border-radius:var(--radius-pill);color:var(--color-accent-dark);font:11px/1.3 var(--font-mono)}
.orbit-node.n1{top:24px;left:50%;transform:translateX(-50%)}
.orbit-node.n2{top:92px;right:30px}
.orbit-node.n3{right:94px;bottom:27px}
.orbit-node.n4{bottom:27px;left:94px}
.orbit-node.n5{top:92px;left:30px}
.preview-main{padding-bottom:96px}
.preview-section{padding-top:76px;padding-bottom:20px}
.preview-title{margin-bottom:28px;font-size:34px}
.swatch-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
.swatch{min-width:0;overflow:hidden;background:var(--color-panel);border:1px solid var(--color-border);border-radius:var(--radius-md)}
.swatch-color{height:84px}
.swatch-meta{padding:12px;font:11px/1.55 var(--font-mono);overflow-wrap:anywhere}
.swatch-bg{background:var(--color-bg)}
.swatch-panel{background:var(--color-panel)}
.swatch-panel-alt{background:var(--color-panel-alt)}
.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-success{background:var(--color-success)}
.swatch-warning{background:var(--color-warning)}
.type-sample{padding:28px;background:var(--color-panel);border:1px solid var(--color-border);border-radius:var(--radius-md)}
.type-sample>*+*{margin-top:20px}
.preview-actions{display:flex;flex-wrap:wrap;gap:14px}
.preview-footer{margin-top:80px}
@keyframes dot-pulse{50%{opacity:.35}}
@keyframes route-breathe{from{transform:scale(.88);opacity:.85}to{transform:scale(1.24);opacity:.28}}
@keyframes route-flow{0%{transform:translateX(-20px);opacity:0}5%,95%{opacity:1}100%{transform:translateX(1190px);opacity:0}}
@keyframes orbit-turn{to{transform:rotate(360deg)}}
@media (max-width:960px){
  .pricing-grid,.article-grid{grid-template-columns:1fr 1fr}
  .platform-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .swatch-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:768px){
  .hero{min-height:auto}
  .hero-actions{flex-direction:column;align-items:stretch;max-width:360px;margin-inline:auto}
  .route-head{align-items:flex-start;flex-direction:column;gap:5px}
  .orbit-visual{height:280px}
  .orbit-ring{inset:38px 44px}
  .orbit-ring.inner{inset:82px 95px}
  .promo-block{grid-template-columns:1fr}
}
@media (max-width:640px){
  .pricing-grid,.article-grid,.platform-grid{grid-template-columns:1fr}
  .swatch-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .trust-line{gap:5px 12px}
  .trust-line span+span::before{display:none}
  .route-map{min-width:720px}
  .route-card{overflow-x:auto}
  .orbit-node.n2{right:8px}
  .orbit-node.n5{left:8px}
}
@media (prefers-reduced-motion:reduce){
  .hero-badge .status-dot,.route-halo,.route-flow,.orbit-ring{animation:none}
}