/* V2.7 — independent refinement of the Claude V2.6 snapshot. */
.accent{color:var(--accent)}
/* Paired capability diagrams share one anatomy and equal visual weight. */
.core-major{display:grid;grid-template-rows:1fr 224px;gap:32px;padding:36px;min-width:0}
.core-major h3{font-size:clamp(30px,2.8vw,42px);line-height:1.15;margin:26px 0 20px}
.core-major p{font-size:15px;line-height:1.8;margin:0;max-width:490px}
.cap-visual{display:flex;flex-direction:column;min-width:0;border-top:1px solid var(--line);padding-top:20px}
.cap-diagram-label{font-size:10px;color:var(--muted)}
.cap-stages{display:grid;grid-template-columns:1fr 20px 1fr 20px 1fr;align-items:center;flex:1;gap:7px}
.cap-stages>div{display:flex;flex-direction:column;gap:6px;padding:16px 0}
.cap-stages span{font-size:9px;color:var(--muted);letter-spacing:.04em;white-space:nowrap}
.cap-stages b{font-size:30px;font-weight:500;letter-spacing:-.04em}
.cap-stages small{font-size:12px;color:#adb4ad}
.cap-stages i,.cap-bill-result i{font-style:normal;color:#667066}
.cap-stages .compute-stage b,.cap-stages .compute-stage span{color:var(--accent)}
.cap-foot{display:flex;justify-content:space-between;gap:12px;color:#a9b2a9;font-size:12px;line-height:1.5;padding-top:12px}
.cap-foot .mono{font-size:9px;color:#737e73;align-self:center}
.cap-bill-result{display:grid;grid-template-columns:1fr 24px 1fr;gap:10px;align-items:center;margin:20px 0 13px}
.cap-bill-result>div{display:flex;flex-direction:column;gap:4px}
.cap-bill-result b{font-size:38px;font-weight:500;line-height:1.1;letter-spacing:-.05em;font-variant-numeric:tabular-nums}
.cap-bill-result b small{font-size:14px;letter-spacing:0;color:var(--muted);font-weight:400}
.cap-bill-result span{font-size:12px;color:#a9b2a9}
.billing-ruler{position:relative;height:38px;margin-top:auto}
.billing-ticks{height:10px;background:repeating-linear-gradient(90deg,rgba(255,255,255,.18) 0 1px,transparent 1px 2.7777%);border-top:1px solid var(--line)}
.billing-used{position:absolute;top:0;left:0;width:16.6667%;height:10px;background:rgba(94,199,67,.24);border-top:2px solid var(--accent)}
.billing-ruler>span{position:absolute;top:17px;font-size:9px;font-family:Menlo,monospace;color:var(--muted)}
.billing-ruler>span:nth-last-child(2){left:16.6667%;transform:translateX(-50%);color:var(--accent)}
.billing-ruler>span:last-child{right:0}
/* An open explanatory column beside one console, with only useful rules. */
#hot-swap{padding-top:84px;padding-bottom:96px}
.hot-section{border:0;grid-template-columns:.9fr 1.1fr;gap:64px;align-items:center}
.hot-copy,.hot-demo{border:0;min-height:0;padding:0}
.hot-copy{padding-right:12px}
.hot-copy h3{font-size:clamp(34px,3.4vw,48px);line-height:1.13;margin:36px 0 24px}
.hot-copy p{font-size:16px;line-height:1.8}
.demo-hint{font-size:10px;margin-top:40px;line-height:1.7}
.switch-row{border:0;margin-top:18px}
.switch-line{padding:16px 0;border-bottom:0;gap:20px;font-size:13px}
.switch-line:first-child{color:var(--muted)}
.switch-line:first-child .mono{font-size:10px;color:var(--accent);white-space:nowrap}
.switch{width:56px;height:30px}
.switch:after{height:22px;width:22px}
.switch.on:after{left:29px}
.demo-screen{position:relative;height:auto;padding:26px 30px;background:#0b0f0c;border-color:rgba(255,255,255,.19);box-shadow:0 20px 80px rgba(0,0,0,.2);transition:border-color .35s}
.demo-screen:before,.demo-screen:after{content:"";position:absolute;width:7px;height:7px;border-color:#687668;pointer-events:none}
.demo-screen:before{left:-1px;top:-1px;border-left:1px solid;border-top:1px solid}
.demo-screen:after{right:-1px;bottom:-1px;border-right:1px solid;border-bottom:1px solid}
.demo-screen[data-state="running"]{border-color:rgba(94,199,67,.4)}
.demo-head{font-size:10px;padding-bottom:20px;gap:12px}
#modeLabel{color:var(--accent)}
.demo-flow{display:flex;justify-content:space-between;gap:6px;border:0;padding:22px 0 0;font-size:11px;letter-spacing:0}
.demo-flow span{border:0;padding:0 0 8px;position:relative;white-space:nowrap}
.demo-flow span.active{border:0;background:none;color:var(--accent)}
.demo-flow span:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform .25s}
.demo-flow span.active:after{transform:scaleX(1)}
.demo-flow i{padding-bottom:8px;font-size:10px}
.demo-node{border:0;padding:24px 0 22px}
.demo-node .row{gap:8px;flex-wrap:wrap;margin-bottom:8px}
.demo-node h4{font-size:24px;letter-spacing:-.025em}
#gpuPill{font-size:11px;color:var(--muted)}
.instance-meta{font-size:11px;color:var(--muted)}
.instance-hardware{padding-bottom:24px}
.hardware-label{color:#727e72;font-size:9px}
.resource-values{display:flex;align-items:baseline;gap:24px;margin-top:10px;font-size:12px;color:#b0b9b0}
.resource-values b{font-size:23px;font-weight:500;color:#e0e7e0}
.environment-line{font-size:11px;color:#8d998d;margin-top:12px;display:flex;gap:7px;align-items:center}
.environment-line i{height:4px;width:4px;background:var(--accent)}
.gpu-connection{height:34px;position:relative;width:1px;background:#354035;margin:12px 0 0 23px}
.gpu-connection i{position:absolute;bottom:-3px;left:-4px;color:#5c6a5c;font-style:normal;font-size:13px}
.gpu-connection span{position:absolute;width:1px;height:12px;background:var(--accent);opacity:0}
.gpu-slot{display:flex;align-items:center;gap:15px;padding:14px 0 0;color:#687668;transition:color .3s}
.gpu-chip-mark{display:grid;place-items:center;font-family:Menlo,monospace;font-size:10px;width:48px;height:40px;border:1px solid #3d483d;position:relative;transition:background .3s,border-color .3s}
.gpu-chip-mark:before,.gpu-chip-mark:after{content:"";position:absolute;top:5px;bottom:5px;width:4px;background:repeating-linear-gradient(0deg,transparent 0 3px,#3d483d 3px 4px,transparent 4px 7px)}
.gpu-chip-mark:before{left:-4px}.gpu-chip-mark:after{right:-4px}
.gpu-slot>div{display:flex;flex-direction:column;gap:3px}
.gpu-slot b{font-size:19px;letter-spacing:-.02em;font-weight:500}
#gpuLine{font-size:11px}
.gpu-slot-status{margin-left:auto;font-size:9px}
.demo-screen[data-state="running"] .gpu-slot{color:var(--accent)}
.demo-screen[data-state="running"] .gpu-chip-mark{background:var(--accent-soft);border-color:var(--accent)}
.demo-screen[data-state="running"] .gpu-connection span{opacity:1;animation:attach-signal 1.2s linear infinite}
@keyframes attach-signal{from{transform:translateY(0)}to{transform:translateY(22px)}}
.task-progress{height:2px;background:#263026;overflow:hidden}
#taskProgress{height:100%;width:0;background:var(--accent)}
.demo-billing{display:grid;grid-template-columns:1.2fr 1fr;gap:20px;padding:23px 0 18px;align-items:start}
.task-total,.task-duration{display:flex;flex-direction:column;gap:9px;min-width:0}
.demo-billing span{font-size:12px;color:#a6b1a6}
.task-total b{font-size:clamp(40px,4vw,58px);font-weight:500;line-height:1.1;letter-spacing:-.05em;color:var(--accent);font-variant-numeric:tabular-nums}
.task-duration{padding-top:2px}
.task-duration b{font-family:Menlo,monospace;font-size:25px;font-weight:400;line-height:1.5;letter-spacing:-.05em;font-variant-numeric:tabular-nums}
.task-duration .time-target{font-size:10px;color:#737f73;margin-top:-8px;font-family:Menlo,monospace}
.demo-rates{display:flex;flex-wrap:wrap;gap:8px 24px;font-size:11px;color:#8d998d}
.demo-rates b{font-weight:400;color:#c1cbc1;margin-left:5px;white-space:nowrap}
.demo-bottom{margin-top:27px;display:flex;gap:12px;align-items:center;justify-content:space-between;color:#8d998d;font-size:11px}
#resetDemo{border:0;background:none;color:#a6b2a6;font-size:11px;padding:6px 0;cursor:pointer;white-space:nowrap}
#resetDemo:hover{color:var(--accent)}
.demo-note{font-size:10px;line-height:1.7;color:#778477;margin-top:8px;max-width:470px}
/* The same circuit motif connects the hero with the platform diagram. */
.hero-art-plane:before,.hero-art-plane:after{display:none}
.compute-circuit{width:100%;height:100%;overflow:visible}
.circuit-traces{stroke:#54714d;stroke-width:1;opacity:.55}
.circuit-points{stroke:#6a8862;fill:#10190e}
.circuit-hub{stroke:var(--accent);fill:#111e0e;stroke-width:1}
.circuit-hub path{stroke-opacity:.3}
.circuit-labels{fill:#87a27e;font:9px Menlo,monospace;letter-spacing:1px}
.circuit-labels text:nth-child(2){fill:var(--accent);font-size:16px;letter-spacing:3px}
.signal-paths{stroke:var(--accent);stroke-width:1.5;stroke-dasharray:34 720;stroke-dashoffset:754;filter:drop-shadow(0 0 4px rgba(94,199,67,.45));animation:signal-flow 8s linear infinite}
.signal-paths path:nth-child(2){opacity:.5}
.signal-nodes{fill:var(--accent);animation:node-response 4s ease-in-out infinite}
@keyframes signal-flow{to{stroke-dashoffset:0}}
@keyframes node-response{0%,100%{opacity:.4}50%{opacity:1}}
.hero-art-plane{background-size:38px 38px,38px 38px,auto}
.hero-art{width:48%;right:-2%;opacity:.85}
.platform-network{grid-template-columns:1fr 1.35fr 1fr}
.platform-col.center{padding:30px 22px;background:radial-gradient(ellipse at 50% 45%,rgba(94,199,67,.075),transparent 70%);align-items:stretch;text-align:center;justify-content:center}
.platform-col.center .platform-eyebrow{font-size:9px;letter-spacing:.055em}
.network-map{margin:12px 0 0;position:relative}
.network-map svg{display:block;width:100%;height:auto}
.network-routes{stroke:#465b41;stroke-width:1}
.network-signals{stroke:var(--accent);stroke-width:1.5;stroke-dasharray:28 600;stroke-dashoffset:628}
.in .network-signals{animation:network-connect 2.5s ease-out 1 both}
@keyframes network-connect{to{stroke-dashoffset:0}}
.network-endpoints{stroke:#65835b;fill:#10170e}
.network-hub{stroke:var(--accent);fill:#101a0d}
.network-map text{fill:#d4e7ce;font:17px Menlo,monospace;letter-spacing:1px}
.network-map-captions{display:flex;justify-content:space-between;font-size:8px;letter-spacing:.04em;color:#83977c;margin-top:-14px}
.network-map-captions span:nth-child(2){color:var(--accent)}
.platform-col.center h3{margin:34px 0 14px;font-size:34px;line-height:1.15}
.network-caption{font-size:12px;color:#9eaf97;margin:0}
.gpu-card{position:relative}
.gpu-card:before{content:"";position:absolute;top:-1px;left:-1px;width:36px;height:1px;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform .3s}
.gpu-card:hover:before,.gpu-card:focus-visible:before{transform:scaleX(1)}
.scenario .n{font-size:32px;line-height:1;letter-spacing:-.05em;color:#657960}
.scenario:first-child .n{color:var(--accent)}
.scenario{transition:background .3s}
.scenario:hover{background:rgba(94,199,67,.025)}
@media(min-width:981px){.core-major>div:first-child{min-height:224px}}
@media(max-width:1100px){
.hot-section{gap:34px;grid-template-columns:.85fr 1.15fr}
.demo-screen{padding:24px}
.cap-foot .mono{font-size:8px}
.platform-col{padding:28px}
}
@media(max-width:980px){
.core-major{grid-template-rows:auto 224px;padding:32px;gap:28px}
.hot-section{grid-template-columns:1fr;gap:36px}
.hot-copy{padding:0;display:grid;grid-template-columns:1fr 1fr;column-gap:40px;align-items:start}
.hot-copy>div:first-child,.hot-copy h3,.hot-copy p{grid-column:1}
.hot-copy h3{margin:24px 0 12px}
.hot-copy p{margin:0}
.hot-copy .demo-hint{grid-column:2;grid-row:2;margin:24px 0 0}
.hot-copy .switch-row{grid-column:2;grid-row:3;margin:0}
.demo-screen{padding:28px 34px}
.demo-billing{grid-template-columns:1fr 1fr}
.platform-network{grid-template-columns:1fr}
.platform-col.center{border:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.network-map{max-width:480px;width:100%;margin:12px auto 0}
.hero-art{opacity:.22}
}
@media(max-width:640px){
.core-major{padding:24px;gap:25px;grid-template-rows:auto 218px}
.core-major h3{font-size:clamp(24px,7.7vw,30px)}
.core-major p{font-size:14px}
.cap-stages{gap:3px;grid-template-columns:1fr 14px 1fr 14px 1fr}
.cap-stages b{font-size:clamp(20px,6.4vw,25px);white-space:nowrap}
.cap-stages span{font-size:7px}
.cap-stages small{font-size:11px}
.cap-foot{font-size:10px;gap:6px}
.cap-foot .mono{font-size:7px;letter-spacing:.02em}
.cap-bill-result b{font-size:34px}
.cap-diagram-label{font-size:9px;letter-spacing:.04em}
#hot-swap{padding-top:56px;padding-bottom:62px}
.hot-copy{display:block}
.hot-copy h3{font-size:34px}
.hot-copy .demo-hint{margin-top:28px}
.hot-copy .switch-row{margin-top:12px}
.demo-screen{padding:20px}
.demo-head{font-size:8px;letter-spacing:.06em}
.demo-flow{font-size:10px;gap:4px}
.demo-flow i{transform:none;font-size:8px}
.demo-node h4{font-size:22px}
.demo-node{padding:20px 0}
.resource-values{gap:20px}
.gpu-slot{gap:12px}
.gpu-slot-status{font-size:8px;letter-spacing:0}
.demo-billing{grid-template-columns:1fr 1fr;gap:12px}
.task-total b{font-size:42px}
.task-duration b{font-size:22px}
.demo-billing span{font-size:11px}
.demo-rates{gap:7px;font-size:10px;flex-direction:column}
.demo-bottom{font-size:10px;margin-top:20px}
#resetDemo{font-size:10px}
.scenario .n{font-size:26px}
.network-map-captions{font-size:8px}
}
@media(prefers-reduced-motion:reduce){
.signal-paths,.signal-nodes,.network-signals,.in .network-signals,.demo-screen[data-state="running"] .gpu-connection span{animation:none;stroke-dasharray:none}
.demo-screen,.gpu-chip-mark,.gpu-slot,.demo-flow span:after,.gpu-card:before,.scenario{transition:none}
}
.motion-paused .signal-paths,.motion-paused .signal-nodes,.motion-paused .network-signals,.motion-paused .gpu-connection span{animation-play-state:paused!important}

.hero .lede{text-wrap:pretty}

.hero .lede>span{display:block}

/* V2.8 — compact metrics, quieter console, responsive team section, routing board. */
.hero .kicker{font-family:"SFMono-Regular",Menlo,Consolas,monospace;font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:#9ca69a;display:block}
.hero-kpis{width:100%;max-width:600px;margin-top:34px}
.hero-kpis .mini{min-height:0;padding:12px 16px}
.hero-kpis .mini>small:first-child{font-size:9px;line-height:1.3;display:block}
.hero-kpis .mini b{font-size:28px;line-height:1.15;margin-top:10px}
.hero-kpis .mini b small{font-size:11px}
.hero-kpis .mini>small:last-child{font-size:11px;line-height:1.4;margin-top:5px}
.hero-main{padding-bottom:40px}
.hero h1{margin-top:56px}
/* Keep the English console header and four stages; remove duplicate descriptions. */
.demo-screen{padding:26px 30px}
.instance-hardware{padding:30px 0 28px}
.resource-values{margin:0;gap:26px}
.storage-retained{margin-left:auto;font-size:11px;color:#98a793}
.gpu-connection{height:27px;margin-top:16px}
.gpu-slot{padding-top:14px;gap:16px}
#gpuPill{margin-left:auto;font-size:11px;color:inherit}
.demo-billing{padding:25px 0 22px;align-items:center}
.task-duration{padding:0}
.task-duration b{line-height:1.15}
.demo-footer{display:flex;align-items:center;justify-content:space-between;gap:15px;padding-top:3px}
.demo-rates{gap:7px 20px;font-size:11px}
#resetDemo{font-size:11px;padding:7px 0;color:#87967f}
/* Balanced columns, semantic heading lines and a single primary CTA. */
.org-grid{grid-template-columns:1fr 1fr;align-items:center}
.org-copy,.org-stack{padding:36px;min-width:0}
.org-copy{border:0}
.org-stack{border-left:1px solid var(--line)}
.org-copy h3{font-size:clamp(30px,2.75vw,42px);line-height:1.15;margin:30px 0 20px;letter-spacing:-.05em}
.org-title-line{display:block;white-space:nowrap}
.org-copy p{font-size:15px;line-height:1.8;margin:0;max-width:460px;text-wrap:pretty}
.org-actions{flex-wrap:nowrap;align-items:center;gap:24px;margin-top:26px}
.org-actions .btn{min-width:0;white-space:nowrap;gap:24px;padding:0 18px}
.org-contact{display:inline-flex;align-items:center;gap:15px;white-space:nowrap;font-size:13px;color:#bdc8b7;transition:color .2s}
.org-contact span{color:var(--accent);transition:transform .2s}
.org-contact:hover{color:var(--accent)}
.org-contact:hover span{transform:translateX(4px)}
.org-stack .stack{gap:0}
.org-stack .stack-row{grid-template-columns:28px minmax(0,1fr);gap:5px 12px;padding:16px 0}
.org-stack .stack-row:first-child{padding-top:0}
.org-stack .stack-row:last-child{padding-bottom:0}
.org-stack .stack-row strong{font-size:15px;font-weight:500}
.org-stack .stack-row>span:last-child{grid-column:2;font-size:12px}
/* A routed, layered compute fabric. The board responds; its frame stays still. */
.platform-network{grid-template-columns:1fr 1.65fr 1fr}
.platform-col{padding:30px;min-width:0}
.platform-col.center{padding:30px 14px;background:radial-gradient(ellipse at 50% 45%,rgba(94,199,67,.06),transparent 70%)}
.platform-col.center h3{font-size:30px;margin:25px 0 12px}
.platform-col.center .platform-eyebrow{font-size:9px;letter-spacing:.04em}
.routing-map{margin:25px -3px 0;max-width:none;perspective:900px;isolation:isolate;touch-action:pan-y}
.network-board{position:relative;--nx:0;--ny:0;transform:rotateX(calc(var(--ny)*-3deg)) rotateY(calc(var(--nx)*4deg));transition:transform .45s cubic-bezier(.2,.7,.3,1);transform-style:preserve-3d;will-change:transform}
.routing-map svg{display:block;width:100%;height:auto;overflow:visible}
.routing-traces .route-base{stroke:#607e53;stroke-width:1;transition:stroke .3s,opacity .3s}
.routing-traces .route-signal{stroke:var(--accent);stroke-width:1.5;stroke-dasharray:24 700;stroke-dashoffset:724;opacity:0}
.routing-path{transition:opacity .3s}
.routing-map[data-active]:not([data-active="none"]) .routing-path{opacity:.18}
.routing-map .routing-path.is-active{opacity:1!important}
.routing-map .routing-path.is-active .route-base{stroke:#82b86c}
.routing-map .routing-path.is-active .route-signal{opacity:1;animation:route-travel 2.4s linear infinite}
.routing-map.intro-play .route-signal{opacity:.8;animation:route-travel 3s ease-out 1 both}
@keyframes route-travel{from{stroke-dashoffset:724}to{stroke-dashoffset:0}}
.routing-junctions{fill:#789369}
.hub-assembly{transform:translate(calc(var(--nx)*3px),calc(var(--ny)*3px));transition:transform .45s cubic-bezier(.2,.7,.3,1)}
.hub-shadow{fill:#0a1008;stroke:#2c3d23;transform:translate(4px,2px)}
.hub-underlay{fill:#111c0c;stroke:#486339}
.hub-face{fill:#101a0d;stroke:#719e5b;stroke-width:1.2;transition:stroke .3s,filter .3s}
.hub-inset{stroke:#304b25;stroke-width:1}
.hub-pins{stroke:#719e5b;stroke-width:1}
.routing-map svg .hub-label{font:17px Menlo,monospace;letter-spacing:.9px;fill:#e0edda}
.routing-map svg .hub-sublabel{font:6px Menlo,monospace;letter-spacing:1.1px;fill:#90b17e}
.routing-map .board-annotations text{font:7px Menlo,monospace;letter-spacing:.6px;fill:#778d6b}
.routing-map[data-active]:not([data-active="none"]) .hub-face{stroke:#8ed974;filter:drop-shadow(0 0 8px rgba(94,199,67,.13))}
.routing-node{position:absolute;left:var(--node-x);top:var(--node-y);transform:translate(-50%,-50%);width:44px;height:44px;padding:0;border:0;background:none;color:#7a956b;cursor:pointer;display:grid;place-items:center;z-index:2;touch-action:pan-y}
.node-chip{display:flex;flex-direction:column;justify-content:center;gap:3px;width:24px;height:24px;border:1px solid #688458;background:#10170d;padding:5px;transition:border-color .25s,background .25s,box-shadow .25s;position:relative}
.node-chip:before,.node-chip:after{content:"";position:absolute;width:3px;height:13px;top:4px;background:repeating-linear-gradient(0deg,#506744 0 1px,transparent 1px 4px)}
.node-chip:before{left:-4px}.node-chip:after{right:-4px}
.node-chip i{display:block;height:1px;background:#688458;transition:background .25s}
.node-label{position:absolute;left:50%;top:-5px;transform:translate(-50%,-100%);font-size:7px;letter-spacing:.04em;white-space:nowrap;pointer-events:none}
.routing-node:nth-last-child(-n+3) .node-label{top:auto;bottom:-5px;transform:translate(-50%,100%)}
.routing-node:hover,.routing-node[aria-pressed="true"],.routing-node:focus-visible{color:#a9d194}
.routing-node[aria-pressed="true"] .node-chip{border-color:var(--accent);background:#15280e;box-shadow:0 0 18px rgba(94,199,67,.13)}
.routing-node[aria-pressed="true"] .node-chip i{background:var(--accent)}
.routing-node:focus-visible{outline:1px solid var(--accent);outline-offset:0}
.routing-map .network-map-captions{margin:18px 12px 0;font-size:8px;color:#7b8b73}
.routing-map .network-map-captions span:nth-child(2){color:#9ab58b}
.motion-paused .route-signal{animation-play-state:paused!important}
@media(max-width:1179px){
.org-grid{grid-template-columns:1fr}
.org-copy{display:grid;grid-template-columns:1fr 1fr;gap:0 36px;padding:32px;border:0}
.org-copy>div:first-child,.org-copy h3{grid-column:1}
.org-copy h3{font-size:34px;margin:26px 0 0}
.org-copy p{grid-column:2;grid-row:1/3;align-self:start;font-size:14px}
.org-copy .org-actions{grid-column:2;grid-row:3;margin-top:20px}
.org-stack{border-left:0;border-top:1px solid var(--line);padding:24px 32px}
.org-stack .stack-row{grid-template-columns:28px minmax(0,1fr) minmax(0,1fr);align-items:center;gap:12px;padding:15px 0}
.org-stack .stack-row>span:last-child{grid-column:3}
.platform-col{padding:26px}
.platform-col.center{padding-left:12px;padding-right:12px}
.platform-col h3{font-size:28px}
.platform-row{flex-wrap:wrap;gap:3px 12px}
}
@media(max-width:980px){
.hero-kpis{max-width:600px}
.platform-network{grid-template-columns:1fr}
.platform-col.center{padding:30px 26px}
.routing-map{max-width:540px;margin:22px auto 0;width:100%}
.demo-screen{padding:26px 30px}
.org-copy h3{font-size:clamp(26px,3.8vw,34px)}
}
@media(max-width:700px){
.org-copy{display:block;padding:26px}
.org-copy h3{font-size:clamp(25px,5.2vw,34px);margin:26px 0 20px}
.org-copy .org-actions{margin-top:24px;gap:22px}
.org-stack{padding:26px}
.org-stack .stack-row{grid-template-columns:28px minmax(0,1fr);gap:5px 12px}
.org-stack .stack-row>span:last-child{grid-column:2}
}
@media(max-width:640px){
.hero .kicker{font-size:9px;letter-spacing:.08em}
.hero-kpis{margin-top:30px}
.hero-kpis .mini{padding:12px}
.hero-kpis .mini b{font-size:25px}
.hero-kpis .mini b small{font-size:10px}
.hero-kpis .mini>small:last-child{font-size:10px}
.hero-kpis .mini>small:first-child{font-size:8px}
.demo-screen{padding:20px}
.demo-head{font-size:8px}
.instance-hardware{padding:26px 0}
.resource-values{gap:16px;font-size:11px}
.storage-retained{font-size:10px}
.gpu-slot{gap:12px}
.gpu-slot b{font-size:18px}
#gpuPill{font-size:10px}
.demo-footer{gap:10px;align-items:end}
.demo-rates{font-size:10px;gap:7px;flex-direction:column}
.demo-billing{padding:22px 0}
#resetDemo{font-size:10px;padding:0 0 2px}
.org-actions .btn{padding:0 14px;gap:18px;font-size:12px}
.org-contact{gap:10px;font-size:12px}
.platform-col.center{padding:26px 14px}
.platform-col.center .platform-eyebrow{font-size:8px}
.node-label{font-size:6px}
.node-chip{width:20px;height:20px;padding:4px;gap:2px}
.node-chip:before,.node-chip:after{height:10px}
.routing-map .network-map-captions{font-size:7px;margin-top:22px}
}
@media(prefers-reduced-motion:reduce){
.network-board,.hub-assembly{transform:none!important;transition:none;will-change:auto}
.routing-map .route-signal{animation:none!important;stroke-dasharray:none;opacity:0!important}
.routing-path,.route-base,.node-chip,.node-chip i,.hub-face,.org-contact,.org-contact span{transition:none}
}

/* V2.9 — a shared hardware axis, English row labels and editorial scenario cards. */
.instance-hardware{padding:27px 0}
.persistent-resources{display:flex;align-items:center;gap:16px;min-width:0}
.instance-hardware .gpu-chip-mark{width:44px;height:44px;flex:0 0 44px}
.cpu-chip-mark{color:#b8cbb0;border-color:#53664b;background:rgba(94,199,67,.025)}
.resource-values{flex:1;min-width:0;display:flex;align-items:baseline;justify-content:space-between;gap:12px}
.resource-values>span{white-space:nowrap}
.resource-values b{font-size:22px}
.storage-retained{margin-left:0}
.gpu-slot{padding:0;gap:16px;min-height:44px}
.gpu-connection{height:32px;width:16px;margin:0 0 0 14px;background:none;position:relative}
.gpu-connection svg{display:block;width:16px;height:32px;overflow:visible}
.connection-path{stroke:#53674b;stroke-width:1;stroke-linecap:square;stroke-linejoin:miter}
.connection-signal{stroke:var(--accent);stroke-width:1.5;stroke-dasharray:7 40;stroke-dashoffset:47;opacity:0}
.demo-screen[data-state="running"] .connection-path{stroke:#78a663}
.demo-screen[data-state="running"] .connection-signal{opacity:1;animation:connection-travel 1.4s linear infinite}
@keyframes connection-travel{to{stroke-dashoffset:0}}
#gpuPill{padding-left:10px;white-space:nowrap}
/* Pair each service with a subdued, right-aligned English label. */
.org-stack .stack-row{grid-template-columns:28px minmax(0,1fr) auto;column-gap:12px;align-items:center}
.org-stack .stack-row>span:first-child{grid-column:1;grid-row:1;align-self:baseline}
.org-stack .stack-row strong{grid-column:2;grid-row:1}
.org-stack .stack-row .stack-description{grid-column:2;grid-row:2;font-size:12px;color:var(--muted)}
.org-stack .stack-row>span.stack-english{grid-column:3;grid-row:1/3;justify-self:end;align-self:center;color:#66795e;font-size:17px;font-weight:400;letter-spacing:.06em;line-height:1;transition:color .25s}
.org-stack .stack-row:hover .stack-english{color:#94ad87}
/* Reference: large title, quiet oversized number, body copy, anchored tags. */
.scenarios{grid-template-columns:repeat(2,minmax(0,1fr))}
.scenario{position:relative;isolation:isolate;display:flex;min-width:0;min-height:360px;padding:30px;overflow:hidden;background:rgba(14,23,11,.16)}
.scenario .n,.scenario:first-child .n{position:absolute;z-index:-1;right:22px;top:14px;font-size:140px;line-height:1;font-weight:600;letter-spacing:-.085em;color:rgba(94,199,67,.09);pointer-events:none;user-select:none;transition:color .35s}
.scenario:hover .n{color:rgba(94,199,67,.14)}
.scenario-content{display:flex;flex:1;flex-direction:column;align-items:flex-start;min-width:0}
.scenario h3{font-size:clamp(26px,2.25vw,34px);line-height:1.25;letter-spacing:-.035em;font-weight:550;margin:0 0 16px;max-width:calc(100% - 42px);text-wrap:pretty}
.scenario .en{font-size:10px;line-height:1.5;letter-spacing:.075em;color:#8e998a}
.scenario p{font-size:15px;line-height:1.8;color:#aeb8a9;max-width:95%;margin:36px 0 38px;text-wrap:pretty}
.scenario .tags{margin-top:auto;gap:8px;padding-top:0}
.scenario .tags span{font-size:11px;line-height:1.3;padding:7px 10px;color:#bcc6b7;border-color:rgba(255,255,255,.14)}
@media(max-width:1179px) and (min-width:701px){
.org-stack .stack-row{grid-template-columns:28px minmax(0,1fr) minmax(0,1.1fr) auto;column-gap:16px}
.org-stack .stack-row .stack-description{grid-column:3;grid-row:1}
.org-stack .stack-row>span.stack-english{grid-column:4;grid-row:1;font-size:15px}
}
@media(max-width:980px){
.scenarios{grid-template-columns:minmax(0,1fr)}
.scenario{min-height:340px;padding:30px}
.scenario h3{font-size:32px}
.scenario .n,.scenario:first-child .n{font-size:156px;right:24px}
.scenario p{max-width:88%}
}
@media(max-width:700px){
.org-stack .stack-row{grid-template-columns:22px minmax(0,1fr) auto;column-gap:10px}
.org-stack .stack-row .stack-description{grid-column:2;grid-row:2;font-size:11px;line-height:1.6}
.org-stack .stack-row>span.stack-english{grid-column:3;grid-row:1/3;font-size:11px;letter-spacing:.04em}
.org-stack .stack-row strong{font-size:14px}
}
@media(max-width:640px){
.instance-hardware{padding:24px 0}
.persistent-resources,.gpu-slot{gap:12px}
.resource-values{gap:8px;font-size:10px;flex-wrap:wrap;justify-content:flex-start;column-gap:16px;row-gap:2px}
.resource-values b{font-size:18px}
.storage-retained{width:100%;font-size:10px}
.scenario{padding:24px;min-height:345px}
.scenario .n,.scenario:first-child .n{font-size:112px;right:16px;top:16px}
.scenario h3{font-size:26px;line-height:1.3;margin-bottom:12px;max-width:calc(100% - 24px)}
.scenario .en{font-size:9px;letter-spacing:.035em}
.scenario p{max-width:100%;font-size:14px;line-height:1.8;margin:30px 0 34px}
.scenario .tags{gap:6px}
.scenario .tags span{font-size:10px;padding:6px 8px}
}
@media(max-width:360px){
.org-stack .stack-row>span.stack-english{font-size:9px;letter-spacing:.02em}
.org-stack .stack-row strong{font-size:13px}
.scenario h3{font-size:24px}
.scenario .n,.scenario:first-child .n{font-size:98px}
}
@media(prefers-reduced-motion:reduce){
.demo-screen[data-state="running"] .connection-signal{animation:none;opacity:0}
.scenario .n,.org-stack .stack-row>span.stack-english{transition:none}
}
.motion-paused .connection-signal{animation-play-state:paused!important}

/* V2.10 — instance console, elapsed-time billing, consistent English metadata. */
.demo-screen{padding:27px 30px 20px;background:#0b100c;transition:border-color .4s,box-shadow .4s}
.demo-screen[data-state="running"]{box-shadow:0 0 55px rgba(94,199,67,.035) inset;border-color:rgba(94,199,67,.42)}
.demo-head{border-bottom:0;padding-bottom:0;font-size:9px;letter-spacing:.065em}
.demo-flow{padding-top:25px}
.console-resource{padding:26px 0 0}
.console-resource-title{display:flex;align-items:center;justify-content:space-between;gap:20px}
.console-resource-title h4{margin:0;font-size:34px;font-weight:500;letter-spacing:-.045em;line-height:1.2}
.console-resource-title #gpuPill{margin:0;padding:6px 9px;background:rgba(255,255,255,.035);font-size:10px;color:#8e9d87;transition:background .3s,color .3s;white-space:nowrap}
.demo-screen[data-state="running"] #gpuPill{color:#b4dca1;background:rgba(94,199,67,.085)}
.console-specs{display:flex;flex-wrap:wrap;gap:7px 19px;font-size:9px;letter-spacing:.04em;color:#788772;margin-top:14px}
.console-specs b{font-weight:400;color:#bdc9b7;margin-left:4px}
.compute-monitor{margin:30px 0 23px}
.compute-trace{display:flex;align-items:end;gap:4px;height:64px;position:relative;overflow:hidden;background:repeating-linear-gradient(0deg,transparent 0 15px,rgba(112,140,97,.07) 15px 16px)}
.compute-trace>i{height:3px;flex:1;min-width:0;background:#33442c;transform-origin:bottom;transition:height .4s,background .4s;position:relative}
.compute-trace>i:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0 3px,#0b100c 3px 4px);opacity:.65}
.demo-screen[data-state="running"] .compute-trace>i{height:var(--peak);background:#5ec743;animation:compute-rhythm 1.9s ease-in-out infinite;animation-delay:var(--delay)}
@keyframes compute-rhythm{0%,100%{transform:scaleY(.4);opacity:.45}35%{transform:scaleY(.9);opacity:.85}65%{transform:scaleY(.65);opacity:.65}80%{transform:scaleY(1);opacity:1}}
.trace-scan{position:absolute;top:0;bottom:0;left:0;width:14%;background:linear-gradient(90deg,transparent,rgba(129,222,97,.075));border-right:1px solid rgba(142,211,111,.25);opacity:0;pointer-events:none}
.demo-screen[data-state="running"] .trace-scan{opacity:1;animation:compute-sweep 4.2s linear infinite}
@keyframes compute-sweep{from{left:-14%}to{left:100%}}
.compute-caption{display:flex;justify-content:space-between;align-items:center;margin-top:10px;font-size:8px;letter-spacing:.08em;color:#798a71}
.trace-ticks{font-size:10px;color:#4f6347;letter-spacing:8px;line-height:1}
.console-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:32px;row-gap:25px;padding-top:24px;border-top:1px solid var(--line)}
.console-stat{min-width:0}
.console-stat>span{display:block;font-size:11px;color:#98a592;letter-spacing:.025em}
.console-stat>b{display:block;margin-top:9px;font-size:24px;line-height:1.2;font-weight:450;letter-spacing:-.035em;font-variant-numeric:tabular-nums}
.console-stat>b small{font-size:11px;color:#889780;font-weight:400;letter-spacing:0;margin-left:5px;white-space:nowrap}
.console-stat.primary-stat>b{font-size:clamp(26px,2.45vw,38px);font-family:"SFMono-Regular",Menlo,Consolas,monospace;letter-spacing:-.065em;color:#c9d4c3;transition:color .3s;white-space:nowrap}
.demo-screen[data-state="running"] .primary-stat>b{color:var(--accent)}
.demo-screen[data-state="paused"] .primary-stat>b{color:#b5cda8}
.console-bottom{display:flex;justify-content:flex-end;margin-top:13px}
.console-bottom #resetDemo{font-size:10px;color:#7d8e74}
/* English stays on the title baseline, with muted metadata styling. */
.org-stack .stack-row{grid-template-columns:28px minmax(0,1fr) auto;gap:5px 12px;align-items:baseline}
.org-stack .stack-row>span.stack-english{grid-column:3;grid-row:1;align-self:baseline;justify-self:end;font-size:10px;line-height:1.5;letter-spacing:.06em;color:var(--muted);white-space:nowrap}
.org-stack .stack-row:hover>span.stack-english{color:var(--muted)}
.org-stack .stack-row .stack-description{grid-column:2/-1;grid-row:2;line-height:1.6}
@media(max-width:980px){
.console-stat.primary-stat>b{font-size:34px}
}
@media(max-width:700px){
.org-stack .stack-row{grid-template-columns:22px minmax(0,1fr) auto;column-gap:10px}
.org-stack .stack-row>span.stack-english{font-size:9px;letter-spacing:.025em}
}
@media(max-width:640px){
.demo-screen{padding:22px 20px 16px}
.demo-head{font-size:8px;letter-spacing:.025em}
.demo-flow{padding-top:22px}
.console-resource{padding-top:22px}
.console-resource-title{gap:10px}
.console-resource-title h4{font-size:29px}
.console-resource-title #gpuPill{font-size:9px;padding:5px 7px}
.console-specs{gap:6px 13px;font-size:8px;line-height:1.6}
.compute-monitor{margin:25px 0 21px}
.compute-trace{height:55px;gap:3px}
.console-stats{column-gap:18px;row-gap:23px;padding-top:23px}
.console-stat>span{font-size:10px}
.console-stat.primary-stat>b{font-size:clamp(20px,5.6vw,30px);letter-spacing:-.055em}
.console-stat>b{font-size:22px}
.console-stat>b small{font-size:10px}
}
@media(max-width:480px){
.org-stack .stack-row{grid-template-columns:22px minmax(0,1fr);row-gap:6px}
.org-stack .stack-row>span.stack-english{grid-column:2;grid-row:2;justify-self:start;font-size:9px}
.org-stack .stack-row .stack-description{grid-column:2;grid-row:3}
}
@media(prefers-reduced-motion:reduce){
.demo-screen[data-state="running"] .compute-trace>i{animation:none;transform:none;opacity:.8}
.demo-screen[data-state="running"] .trace-scan{animation:none;opacity:0}
.compute-trace>i,.console-stat.primary-stat>b{transition:none}
}
.motion-paused .compute-trace>i,.motion-paused .trace-scan{animation-play-state:paused!important}

/* V2.11 — supplied identity, one navigation system and a structured contact footer. */
.logo{min-width:0;gap:14px;flex-shrink:0}
.logo img{width:168px;height:42px;object-fit:contain;filter:none;opacity:1}
.nav{gap:28px}
.navlinks{gap:26px;align-items:center}
.navlinks a{white-space:nowrap;font-size:13px;transition:color .2s}
.navlinks a:hover{color:var(--accent)}
.logo .tag{font-size:9px}
.navcta{padding-left:24px;margin-left:0}
.footer{display:block;margin-top:84px;padding:44px 0 0;max-width:none;width:100%;border-top:1px solid var(--line)}
.footer-main{display:grid;grid-template-columns:minmax(200px,1fr) minmax(270px,1fr) auto;gap:54px;align-items:start;padding-bottom:42px}
.footer-identity{min-width:0}
.footer-logo{display:inline-flex}
.footer-logo img{display:block;width:180px;height:45px;object-fit:contain}
.footer-identity p{font-size:13px;color:#a5afa0;margin:18px 0 24px}
.footer-email{display:inline-flex;align-items:center;gap:16px;font-size:12px;letter-spacing:.015em;color:#c3ccbe}
.footer-email span{color:var(--accent)}
.footer-email:hover{color:var(--accent)}
.footer-directory{display:grid;grid-template-columns:1fr 1fr;gap:32px}
.footer-group{gap:13px}
.footer-group b,.footer-connect-title{font-size:9px;letter-spacing:.075em;color:#9aa692;font-weight:400;line-height:1.5;margin-bottom:11px}
.footer-group a{font-size:13px;color:#c0cab9;line-height:1.5;white-space:nowrap}
.footer-group a:hover{color:var(--accent)}
.footer-connect-title{margin-bottom:18px}
.footer-qr-grid{display:grid;grid-template-columns:repeat(2,128px);gap:26px}
.footer-qr{display:flex;flex-direction:column;align-items:flex-start;min-width:0}
.footer-qr img{display:block;width:128px;height:128px;object-fit:contain;background:#fff;outline:1px solid rgba(255,255,255,.2);outline-offset:0;transition:outline-color .2s}
.footer-qr:hover img{outline-color:var(--accent)}
.footer-qr b{font-size:12px;font-weight:400;color:#d1d9cb;margin-top:13px}
.footer-qr>span{font-size:10px;color:#8d9a85;margin-top:5px}
.footer-qr:hover>span{color:var(--accent)}
.footer-bottom{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:36px;border-top:1px solid rgba(255,255,255,.075);padding:22px 0 0;font-size:11px;color:#8c9885}
.footer-bottom>.mono{font-size:9px;letter-spacing:.075em}
.footer-top{display:inline-flex;align-items:center;gap:16px;font-size:9px;color:#afbea5}
.footer-top span{color:var(--accent);font-size:15px}
@media(max-width:1179px){
.logo .tag{display:none}
.nav{gap:24px}
.navlinks{gap:23px}
.footer-main{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:38px 48px}
.footer-connect{grid-column:2;grid-row:1/3;justify-self:end}
.footer-directory{grid-column:1;max-width:350px;width:100%;gap:30px}
.footer-identity p{margin-bottom:17px}
.footer-bottom{gap:24px}
}
@media(max-width:980px){
.logo img{width:156px;height:39px}
.nav{gap:16px}
.navcta{padding-left:20px}
.footer-main{gap:34px}
}
@media(max-width:640px){
.logo img{width:132px;height:33px}
.nav{gap:12px}
.navcta{padding-left:10px;font-size:11px}
.footer{margin-top:58px;padding-top:30px}
.footer-main{grid-template-columns:1fr;gap:32px;padding-bottom:30px}
.footer-connect{grid-column:1;grid-row:auto;justify-self:start;width:100%}
.footer-directory{grid-column:1;max-width:none;gap:24px}
.footer-logo img{width:168px;height:42px}
.footer-identity p{margin:14px 0 16px}
.footer-group{gap:12px}
.footer-group b,.footer-connect-title{font-size:9px}
.footer-qr-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;max-width:330px}
.footer-qr img{width:min(128px,100%);height:auto;aspect-ratio:1}
.footer-qr b{font-size:12px}
.footer-bottom{grid-template-columns:1fr auto;gap:16px 12px;padding-top:20px;font-size:10px}
.footer-bottom>span:first-child{grid-column:1/-1}
.footer-bottom>.mono{font-size:8px}
.footer-top{font-size:8px}
}
@media(max-width:360px){
.logo img{width:120px;height:30px}
.nav{gap:10px}
.footer-qr-grid{gap:20px}
}

/* V2.12 — contribution navigation, verified contacts and document destinations. */
.footer-documents{display:flex;justify-content:space-between;align-items:baseline;gap:20px;margin-top:18px;font-size:10px;color:#85927e;line-height:1.6}
.footer-document-links{display:flex;flex-wrap:wrap;gap:12px 22px}
.footer-documents a:hover{color:#c1cbb9}
.footer-icp{white-space:nowrap}
.legal-page{display:flex;flex-direction:column}
.legal-header{display:flex;align-items:center;justify-content:space-between;padding:28px 0;border-bottom:1px solid var(--line);gap:20px}
.legal-back{font-size:11px;color:#b6c2ae}
.legal-main{flex:1;padding-top:100px;padding-bottom:120px}
.legal-code{font-size:10px;color:var(--muted);line-height:1.8}
.legal-main h1{font-size:clamp(38px,5vw,70px);line-height:1.15;letter-spacing:-.035em;font-weight:500;margin:34px 0 28px}
.legal-pending{color:#9da995;font-size:16px}
.legal-footer{padding:24px 0 32px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;font-size:11px;color:var(--muted)}
@media(max-width:640px){
.footer-documents{flex-direction:column;gap:14px;font-size:10px;margin-top:20px}
.footer-document-links{gap:12px 20px}
.legal-header{padding:22px 0}
.legal-main{padding-top:70px;padding-bottom:90px}
.legal-footer{flex-direction:column;gap:12px;font-size:10px}
}

/* V2.13 — semantic headings preserve the original resource-card typography. */
h3.gpu-name{font-weight:500}
.pool-card h3.gpu-name{font-weight:480}