:root{
  --v4-cyan:#67e8f9;--v4-blue:#6ea8ff;--v4-violet:#a78bfa;--v4-pink:#f472b6;--v4-lime:#b8ff6a;--v4-gold:#f6c96b;
  --v4-deep:#03050a;--v4-glass:rgba(8,13,24,.72);--v4-line:rgba(151,208,255,.22);
  --v4-pointer-x:50vw;--v4-pointer-y:30vh;--v4-scroll:0;
}
html{background:#05070d}
body::after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(520px circle at var(--v4-pointer-x) var(--v4-pointer-y),rgba(103,232,249,.075),transparent 58%),linear-gradient(180deg,transparent,rgba(110,168,255,.025));mix-blend-mode:screen}
.statusbar .pulse{animation:v4-status-pulse 2.2s ease-in-out infinite}
@keyframes v4-status-pulse{0%,100%{box-shadow:0 0 0 0 rgba(184,255,106,.35),0 0 14px var(--v4-lime)}50%{box-shadow:0 0 0 8px rgba(184,255,106,0),0 0 26px var(--v4-lime)}}
.v4-scene{position:relative;isolation:isolate;perspective:1400px;transform-style:preserve-3d}
.v4-scene::before{content:"";position:absolute;inset:-20%;z-index:-2;background:conic-gradient(from calc(var(--v4-scroll)*1deg),rgba(103,232,249,.09),transparent 18%,rgba(167,139,250,.085) 38%,transparent 58%,rgba(244,114,182,.07) 78%,transparent);filter:blur(55px);animation:v4-aurora 18s linear infinite}
@keyframes v4-aurora{to{transform:rotate(360deg) scale(1.06)}}
.v4-tilt{--rx:0deg;--ry:0deg;--tz:0px;transform:perspective(1200px) rotateX(var(--rx)) rotateY(var(--ry)) translateZ(var(--tz));transform-style:preserve-3d;transition:transform .18s ease,border-color .25s ease,box-shadow .25s ease;will-change:transform}
.v4-tilt:hover{--tz:8px;border-color:rgba(103,232,249,.38)!important;box-shadow:0 35px 90px rgba(0,0,0,.48),0 0 42px rgba(103,232,249,.08)}
.card.v4-depth{transform-style:preserve-3d;box-shadow:0 18px 50px rgba(0,0,0,.24),inset 0 1px rgba(255,255,255,.03)}
.card.v4-depth>*{position:relative;transform:translateZ(14px)}
.v4-live-shell{padding:24px 0 96px;overflow:hidden}
.v4-live-head{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);align-items:end;gap:34px;margin-bottom:34px}
.v4-live-head h2{font:700 clamp(44px,6vw,84px)/.91 var(--display);letter-spacing:-.066em;margin:13px 0 16px;max-width:900px}
.v4-live-head p{color:#99a6bc;max-width:620px;font-size:16px}
.v4-badge-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
.v4-live-badge{display:inline-flex;align-items:center;gap:7px;padding:8px 11px;border:1px solid var(--v4-line);border-radius:999px;background:rgba(255,255,255,.025);font:500 9px var(--mono);letter-spacing:.07em;text-transform:uppercase;color:#b8c7df}
.v4-live-badge i{width:7px;height:7px;border-radius:50%;background:var(--v4-cyan);box-shadow:0 0 14px var(--v4-cyan);animation:v4-status-pulse 2s infinite}
.v4-command-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,.55fr);gap:18px}
.v4-dual-stage{position:relative;min-height:580px;border:1px solid rgba(103,232,249,.25);border-radius:34px;padding:24px;overflow:hidden;background:radial-gradient(circle at 15% 20%,rgba(103,232,249,.13),transparent 34%),radial-gradient(circle at 85% 30%,rgba(167,139,250,.12),transparent 33%),linear-gradient(145deg,rgba(15,22,39,.96),rgba(4,7,13,.98));box-shadow:inset 0 1px rgba(255,255,255,.05),0 45px 120px rgba(0,0,0,.5)}
.v4-dual-stage::before{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 34%,rgba(255,255,255,.055) 48%,transparent 61%);transform:translateX(-120%);animation:v4-sheen 7s ease-in-out infinite}
@keyframes v4-sheen{0%,58%{transform:translateX(-120%)}78%,100%{transform:translateX(120%)}}
.v4-stage-top{position:relative;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:12px}
.v4-stage-label{font:500 9px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--v4-cyan)}
.v4-stage-controls{display:flex;gap:8px}.v4-stage-controls button{border:1px solid var(--v4-line);background:rgba(255,255,255,.03);color:#d5dded;border-radius:999px;padding:8px 11px;font:600 9px var(--mono);cursor:pointer}.v4-stage-controls button:hover{background:rgba(103,232,249,.1);color:white}
.v4-dual-canvas{position:relative;z-index:3;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(240px,.75fr);gap:22px;align-items:center;min-height:455px;margin-top:20px;transform-style:preserve-3d}
.v4-ad-slot{position:relative;overflow:hidden;border:1px solid rgba(155,204,255,.27);background:linear-gradient(145deg,rgba(15,22,39,.98),rgba(7,11,21,.94));box-shadow:0 34px 80px rgba(0,0,0,.45),inset 0 1px rgba(255,255,255,.04);transform-style:preserve-3d}
.v4-ad-slot::after{content:"";position:absolute;inset:-60%;background:conic-gradient(from 90deg,transparent,rgba(103,232,249,.13),transparent 32%,rgba(244,114,182,.1),transparent 62%);animation:v4-rotate 14s linear infinite;z-index:0}
@keyframes v4-rotate{to{transform:rotate(360deg)}}
.v4-ad-slot>*{position:relative;z-index:2}
.v4-ad-slot--wide{min-height:245px;border-radius:28px;padding:26px;transform:rotateY(7deg) translateZ(32px)}
.v4-ad-slot--rect{min-height:330px;border-radius:28px;padding:24px;transform:rotateY(-8deg) translateZ(54px)}
.v4-ad-slot:hover{box-shadow:0 48px 100px rgba(0,0,0,.54),0 0 70px rgba(103,232,249,.1)}
.v4-ad-disclosure{display:inline-flex;align-items:center;gap:7px;border:1px solid rgba(246,201,107,.25);border-radius:999px;background:rgba(246,201,107,.07);padding:7px 9px;color:var(--v4-gold);font:500 8px var(--mono);letter-spacing:.09em;text-transform:uppercase}
.v4-ad-slot h3{font:700 clamp(28px,3vw,48px)/.96 var(--display);letter-spacing:-.055em;margin:22px 0 12px;max-width:620px}
.v4-ad-slot--rect h3{font-size:clamp(25px,2.2vw,38px)}
.v4-ad-slot p{color:#9eabc0;max-width:600px;font-size:13px}
.v4-ad-spec{display:flex;flex-wrap:wrap;gap:7px;margin:20px 0}.v4-ad-spec span{padding:7px 9px;border-radius:999px;background:rgba(103,232,249,.055);border:1px solid rgba(103,232,249,.16);color:#b8c9df;font:500 8px var(--mono);text-transform:uppercase}
.v4-ad-cta{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:0 15px;border-radius:999px;background:linear-gradient(135deg,var(--v4-cyan),#a9f5ff);color:#071019;text-decoration:none;font-size:11px;font-weight:800}.v4-ad-cta[aria-disabled="true"]{opacity:.45;pointer-events:none}
.v4-ad-depth-tag{position:absolute!important;right:17px;bottom:14px;z-index:4!important;font:500 8px var(--mono);color:#586881;letter-spacing:.1em;text-transform:uppercase;transform:translateZ(50px)}
.v4-orbit{position:absolute;inset:15% 10%;border:1px solid rgba(103,232,249,.15);border-radius:50%;pointer-events:none;animation:v4-orbit 12s linear infinite;transform:rotateX(70deg) translateZ(-30px)}
.v4-orbit::before,.v4-orbit::after{content:"";position:absolute;width:9px;height:9px;border-radius:50%;background:var(--v4-cyan);box-shadow:0 0 20px var(--v4-cyan)}.v4-orbit::before{left:8%;top:17%}.v4-orbit::after{right:10%;bottom:18%;background:var(--v4-pink);box-shadow:0 0 20px var(--v4-pink)}
@keyframes v4-orbit{to{transform:rotateX(70deg) rotateZ(360deg) translateZ(-30px)}}
.v4-beam{position:absolute;left:50%;top:15%;bottom:10%;width:1px;background:linear-gradient(transparent,var(--v4-cyan),var(--v4-violet),transparent);opacity:.42;filter:drop-shadow(0 0 10px var(--v4-cyan));animation:v4-beam 3.6s ease-in-out infinite}
@keyframes v4-beam{50%{transform:scaleY(.7);opacity:.9}}
.v4-telemetry{display:grid;gap:12px;align-content:start}
.v4-telemetry-card{position:relative;padding:20px;border:1px solid rgba(145,180,230,.16);border-radius:24px;background:linear-gradient(145deg,rgba(16,23,39,.92),rgba(7,10,18,.9));overflow:hidden;min-height:122px}.v4-telemetry-card::before{content:"";position:absolute;inset:auto -30% -55% 30%;height:120px;background:radial-gradient(ellipse,rgba(103,232,249,.16),transparent 70%);filter:blur(10px)}
.v4-telemetry-card small{display:block;color:#68778f;font:500 8px var(--mono);letter-spacing:.1em;text-transform:uppercase}.v4-telemetry-card strong{display:block;margin-top:12px;font:700 38px/1 var(--display);letter-spacing:-.055em}.v4-telemetry-card p{margin:9px 0 0;color:#8e9bb0;font-size:11px}.v4-sparkline{display:flex;align-items:flex-end;gap:3px;height:34px;margin-top:13px}.v4-sparkline i{flex:1;min-width:3px;border-radius:5px 5px 1px 1px;background:linear-gradient(var(--v4-cyan),rgba(103,232,249,.1));animation:v4-bars 2.2s ease-in-out infinite}.v4-sparkline i:nth-child(2n){animation-delay:-.5s}.v4-sparkline i:nth-child(3n){animation-delay:-1.1s}@keyframes v4-bars{0%,100%{height:22%}50%{height:95%}}
.v4-scenario-shell{padding:28px 0 96px}.v4-scenario-grid{display:grid;grid-template-columns:290px minmax(0,1fr);gap:18px}.v4-scenario-list{display:grid;gap:8px;align-self:start;position:sticky;top:100px}.v4-scenario-button{border:1px solid rgba(145,180,230,.16);border-radius:16px;background:rgba(255,255,255,.025);color:#a9b5c8;text-align:left;padding:14px;cursor:pointer;transition:.2s}.v4-scenario-button:hover,.v4-scenario-button.active{border-color:rgba(103,232,249,.42);background:rgba(103,232,249,.07);color:white;transform:translateX(4px)}.v4-scenario-button b{display:block;font:650 15px var(--display)}.v4-scenario-button small{display:block;margin-top:5px;color:#6f7f98;font:500 8px var(--mono);text-transform:uppercase}.v4-scenario-panel{min-height:470px;border:1px solid rgba(145,180,230,.19);border-radius:30px;padding:28px;background:radial-gradient(circle at 75% 15%,rgba(167,139,250,.13),transparent 34%),linear-gradient(145deg,rgba(14,20,35,.92),rgba(5,8,14,.96));box-shadow:0 35px 100px rgba(0,0,0,.37)}.v4-scenario-panel h3{font:700 clamp(36px,4vw,58px)/.94 var(--display);letter-spacing:-.055em;margin:12px 0}.v4-format-pills{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0}.v4-format-pills span{border:1px solid rgba(167,139,250,.25);border-radius:999px;padding:7px 10px;background:rgba(167,139,250,.07);font:500 9px var(--mono);color:#d1c8ff}.v4-flow{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-top:25px}.v4-flow div{min-height:112px;border:1px solid rgba(145,180,230,.14);border-radius:15px;padding:12px;background:rgba(255,255,255,.02)}.v4-flow small{font:500 8px var(--mono);color:var(--v4-cyan)}.v4-flow b{display:block;margin-top:22px;font-size:12px}.v4-flow p{margin:6px 0 0;font-size:9px;color:#758299}
.v4-river{overflow:hidden;border-block:1px solid rgba(145,180,230,.13);background:linear-gradient(90deg,rgba(103,232,249,.025),rgba(167,139,250,.03),rgba(244,114,182,.025));padding:18px 0}.v4-river-track{display:flex;gap:11px;width:max-content;animation:v4-river 48s linear infinite}.v4-river:hover .v4-river-track{animation-play-state:paused}.v4-inventory-chip{display:flex;align-items:center;gap:12px;min-width:270px;padding:12px 14px;border:1px solid rgba(145,180,230,.15);border-radius:15px;background:rgba(6,10,18,.85)}.v4-inventory-chip i{width:10px;height:10px;border-radius:50%;background:var(--v4-cyan);box-shadow:0 0 14px var(--v4-cyan)}.v4-inventory-chip b{display:block;font-size:11px}.v4-inventory-chip small{display:block;color:#6f7e94;font:500 8px var(--mono);text-transform:uppercase}@keyframes v4-river{to{transform:translateX(-50%)}}
.v4-route{padding:80px 0 100px}.v4-route-hero{padding:72px 0 38px}.v4-route-hero h1{font:700 clamp(50px,7vw,92px)/.89 var(--display);letter-spacing:-.07em;margin:18px 0}.v4-route-hero p{max-width:790px;color:#a3aec1;font-size:18px}.v4-route-tools{display:flex;gap:9px;flex-wrap:wrap;margin-top:23px}
.v4-route-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.v4-route-card{position:relative;min-height:260px;border:1px solid rgba(145,180,230,.16);border-radius:24px;padding:22px;background:linear-gradient(145deg,rgba(15,21,36,.9),rgba(7,10,17,.9));overflow:hidden}.v4-route-card::after{content:"";position:absolute;right:-55px;top:-55px;width:150px;height:150px;border-radius:50%;background:radial-gradient(circle,rgba(103,232,249,.12),transparent 70%)}.v4-route-card h3{font:650 24px/1.05 var(--display);letter-spacing:-.045em;margin:12px 0}.v4-route-card p{color:#8f9bae;font-size:12px}.v4-route-card a{position:relative;z-index:2;display:inline-flex;margin-top:13px;color:var(--v4-cyan);font:600 10px var(--mono);text-decoration:none}.v4-route-card a:hover{text-decoration:underline}.v4-route-meta{display:flex;gap:6px;flex-wrap:wrap;margin-top:14px}.v4-route-meta span{padding:6px 8px;border-radius:999px;border:1px solid rgba(145,180,230,.14);font:500 8px var(--mono);color:#8290a7}
.v4-article{max-width:930px}.v4-article h2{font:700 clamp(32px,4vw,52px)/.96 var(--display);letter-spacing:-.05em;margin:48px 0 16px}.v4-article p,.v4-article li{color:#a6b0c0;font-size:15px}.v4-article ul{padding-left:20px}.v4-article .v4-data-box{border:1px solid rgba(103,232,249,.2);border-radius:20px;padding:18px;background:rgba(103,232,249,.04);margin:22px 0}.v4-article .v4-data-box strong{color:white}.v4-code{position:relative;border:1px solid rgba(145,180,230,.18);border-radius:18px;background:#020408;overflow:auto;margin:16px 0}.v4-code pre{margin:0;padding:18px;color:#b9c8df;font:400 11px/1.75 var(--mono)}
.v4-searchbox{width:100%;max-width:520px;border:1px solid rgba(145,180,230,.2);border-radius:999px;background:#080c14;color:white;padding:13px 17px;outline:none}.v4-searchbox:focus{border-color:var(--v4-cyan);box-shadow:0 0 0 4px rgba(103,232,249,.06)}
.v4-portal{display:grid;grid-template-columns:340px minmax(0,1fr);gap:18px}.v4-portal-sidebar{position:sticky;top:100px;align-self:start}.v4-panel{border:1px solid rgba(145,180,230,.17);border-radius:25px;background:linear-gradient(145deg,rgba(15,21,36,.92),rgba(6,9,16,.94));padding:22px}.v4-field{display:grid;gap:6px;margin:13px 0}.v4-field label{font:500 8px var(--mono);color:#7f8da2;text-transform:uppercase;letter-spacing:.09em}.v4-field input,.v4-field textarea,.v4-field select{width:100%;border:1px solid rgba(145,180,230,.18);border-radius:13px;background:#05080f;color:white;padding:11px;outline:none}.v4-field textarea{min-height:105px;resize:vertical}.v4-field input:focus,.v4-field textarea:focus,.v4-field select:focus{border-color:var(--v4-cyan)}.v4-console{min-height:330px;max-height:580px;overflow:auto;white-space:pre-wrap;border:1px solid rgba(105,239,181,.15);border-radius:16px;background:#020507;padding:15px;color:#b9e8d5;font:400 10px/1.7 var(--mono)}.v4-action-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.v4-danger{border-color:rgba(255,121,111,.25)!important;color:#ff9e97!important}
.v4-api-strip{margin:24px 0;padding:20px;border:1px solid rgba(103,232,249,.2);border-radius:22px;background:linear-gradient(110deg,rgba(103,232,249,.06),rgba(167,139,250,.05),transparent)}.v4-api-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.v4-api-metrics div{padding:13px;border:1px solid rgba(145,180,230,.13);border-radius:14px;background:rgba(0,0,0,.18)}.v4-api-metrics b{display:block;font:700 24px var(--display)}.v4-api-metrics small{color:#708097;font:500 8px var(--mono);text-transform:uppercase}
.hero .orbital{transform-style:preserve-3d;perspective:1100px}.hero .orbital__core{animation:v4-core-breathe 4.6s ease-in-out infinite;box-shadow:inset 0 0 70px rgba(103,232,249,.1),0 0 110px rgba(103,232,249,.11),0 32px 80px rgba(0,0,0,.35)}@keyframes v4-core-breathe{50%{transform:translateZ(20px) scale(1.035);box-shadow:inset 0 0 90px rgba(167,139,250,.12),0 0 145px rgba(103,232,249,.16),0 40px 90px rgba(0,0,0,.4)}}
.hero .node{animation:v4-node-float 6.5s ease-in-out infinite}.hero .node:nth-of-type(2n){animation-delay:-2.4s}.hero .node:nth-of-type(3n){animation-delay:-4.1s}@keyframes v4-node-float{50%{transform:translate3d(0,-8px,18px)}}
.button--primary,.button--gradient{position:relative;overflow:hidden}.button--primary::after,.button--gradient::after{content:"";position:absolute;inset:-1px;background:linear-gradient(110deg,transparent 25%,rgba(255,255,255,.34),transparent 65%);transform:translateX(-130%);transition:.55s}.button--primary:hover::after,.button--gradient:hover::after{transform:translateX(130%)}
@media(max-width:1040px){.v4-live-head,.v4-command-grid{grid-template-columns:1fr}.v4-telemetry{grid-template-columns:repeat(4,1fr)}.v4-telemetry-card{min-height:110px}.v4-route-grid{grid-template-columns:repeat(2,1fr)}.v4-portal{grid-template-columns:1fr}.v4-portal-sidebar{position:static}.v4-api-metrics{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){body::after{display:none}.v4-live-shell{padding-top:8px}.v4-live-head h2,.v4-route-hero h1{font-size:48px}.v4-dual-stage{min-height:680px;padding:17px;border-radius:24px}.v4-dual-canvas{grid-template-columns:1fr;min-height:590px;gap:14px}.v4-ad-slot--wide,.v4-ad-slot--rect{transform:none;min-height:250px}.v4-ad-slot h3,.v4-ad-slot--rect h3{font-size:30px}.v4-telemetry{grid-template-columns:repeat(2,1fr)}.v4-scenario-grid{grid-template-columns:1fr}.v4-scenario-list{position:static;display:flex;overflow:auto}.v4-scenario-button{min-width:220px}.v4-flow{grid-template-columns:1fr 1fr}.v4-route-grid{grid-template-columns:1fr}.v4-route{padding-top:48px}.v4-api-metrics{grid-template-columns:1fr 1fr}.v4-tilt{transform:none!important}.v4-river-track{animation-duration:70s}}
@media(prefers-reduced-motion:reduce){.v4-scene::before,.v4-dual-stage::before,.v4-ad-slot::after,.v4-orbit,.v4-river-track,.v4-sparkline i,.hero .orbital__core,.hero .node,.statusbar .pulse{animation:none!important}.v4-tilt{transform:none!important;transition:none!important}}