@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#eef6f8;--muted:#91a4ad;--bg:#071019;--panel:#0b1822;--line:rgba(175,215,225,.15);--cyan:#50e6ff;--lime:#b8ff69;--coral:#ff715d;--cream:#e8e5db;--max:1220px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans',sans-serif;line-height:1.55}body:before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 70% 0,rgba(80,230,255,.09),transparent 32%),linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:auto,48px 48px,48px 48px}.skip{position:fixed;left:1rem;top:-5rem;z-index:50;background:white;color:#111;padding:.8rem 1rem}.skip:focus{top:1rem}.topbar{height:84px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:2rem;padding:0 max(24px,calc((100vw - var(--max))/2));position:sticky;top:0;z-index:20;background:rgba(7,16,25,.88);backdrop-filter:blur(18px)}.brand{display:flex;align-items:center;gap:.6rem;color:var(--ink);text-decoration:none;font:800 1.05rem Manrope,sans-serif;letter-spacing:.08em}.brand-mark{width:38px;height:38px;display:grid;place-items:center;border:1px solid var(--cyan);color:var(--cyan);font-size:.75rem;clip-path:polygon(15% 0,100% 0,100% 85%,85% 100%,0 100%,0 15%)}.brand small{color:var(--cyan);font-size:.58em;margin-left:.15rem}.topbar nav{display:flex;gap:2rem;margin-left:auto}.topbar nav a,footer a{color:var(--muted);text-decoration:none;font-size:.86rem}.topbar nav a:hover,footer a:hover{color:white}.section{max-width:var(--max);margin:auto;padding:7rem 24px}.hero{min-height:750px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:5rem;padding-top:5rem}.eyebrow{font:700 .72rem Manrope,sans-serif;letter-spacing:.18em;text-transform:uppercase;color:var(--cyan)}.live-dot{display:inline-block;width:7px;height:7px;background:var(--lime);border-radius:50%;box-shadow:0 0 14px var(--lime);margin-right:.65rem}h1,h2,h3{font-family:Manrope,sans-serif;margin:0;line-height:.98;letter-spacing:-.055em}h1{font-size:clamp(3.5rem,7vw,6.9rem)}h2{font-size:clamp(2.7rem,5vw,5.2rem)}h3{font-size:2rem}h1 em,h2 em{color:var(--cyan);font-style:normal}.lede{font-size:1.18rem;color:#a7b8bf;max-width:640px;margin:2rem 0}.actions{display:flex;gap:1.5rem;align-items:center}.button{border:0;background:var(--cyan);color:#031017;text-decoration:none;padding:1rem 1.35rem;font-weight:800;font-family:Manrope;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.button:hover{background:white}.button-small{padding:.65rem 1rem;font-size:.75rem}.text-link,.card-link{color:white;background:none;border:0;text-decoration:none;font:700 .8rem Manrope;letter-spacing:.08em;text-transform:uppercase;cursor:pointer}.text-link span{color:var(--cyan);margin-left:.5rem}.network-orbit{position:relative;aspect-ratio:1;border-radius:50%;display:grid;place-items:center}.network-orbit:before{content:"";position:absolute;inset:12%;background:radial-gradient(circle,rgba(80,230,255,.12),transparent 55%);border-radius:50%}.orbit-ring{position:absolute;border:1px solid var(--line);border-radius:50%}.orbit-one{inset:13%}.orbit-two{inset:29%;border-style:dashed;animation:spin 35s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.hub-node{z-index:2;width:145px;height:145px;border:1px solid var(--cyan);background:#091822;display:flex;flex-direction:column;justify-content:center;align-items:center;box-shadow:0 0 70px rgba(80,230,255,.14);clip-path:polygon(12% 0,100% 0,100% 88%,88% 100%,0 100%,0 12%)}.hub-node strong{font:800 1.45rem Manrope}.hub-node span{color:var(--cyan);font-size:.55rem;letter-spacing:.22em}.site-node{position:absolute;text-decoration:none;color:white;background:#0a1720;border:1px solid var(--line);padding:1rem 1.2rem;min-width:155px}.site-node strong,.site-node span{display:block}.site-node strong{font:700 1rem Manrope}.site-node span{font-size:.68rem;color:var(--muted)}.site-node:after{content:"";position:absolute;width:7px;height:7px;border-radius:50%;top:50%;background:var(--cyan);box-shadow:0 0 12px var(--cyan)}.site-node.byd{left:0;top:23%}.site-node.byd:after{right:-4px;background:var(--coral)}.site-node.xpeng{right:0;top:28%}.site-node.xpeng:after{left:-4px}.site-node.mg{bottom:3%;left:5%}.site-node.mg:after{top:-4px;left:50%;background:var(--lime)}.site-node.deal{bottom:3%;right:5%}.site-node.deal:after{top:-4px;left:50%;background:var(--lime)}.signal-strip{border-block:1px solid var(--line);display:flex;justify-content:center;gap:5rem;padding:1rem;color:#8ba0a9;font-size:.7rem;text-transform:uppercase;letter-spacing:.13em}.signal-strip span:before{content:"+";color:var(--cyan);margin-right:.6rem}.block{border-bottom:1px solid var(--line)}.section-heading{display:grid;grid-template-columns:1.4fr .6fr;gap:4rem;align-items:end;margin:2rem 0 4rem}.section-heading p{color:var(--muted);font-size:1.05rem}.site-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}.site-card{position:relative;padding:2.5rem;background:var(--panel);min-height:490px;display:flex;flex-direction:column}.site-card:before{content:"";position:absolute;left:0;top:0;right:0;height:3px;background:var(--accent)}.site-card.coral{--accent:var(--coral)}.site-card.cyan{--accent:var(--cyan)}.site-card.lime{--accent:var(--lime)}.site-card>p:first-of-type{font-size:.68rem;letter-spacing:.15em;color:var(--accent);margin-top:3rem}.site-card>p{color:var(--muted)}.site-card ul{padding:0;list-style:none;margin:1.5rem 0}.site-card li{padding:.55rem 0;border-bottom:1px solid var(--line);font-size:.83rem}.site-card li:before{content:"↳";color:var(--accent);margin-right:.7rem}.card-index{position:absolute;right:2rem;top:2rem;color:#53646c;font:700 .8rem Manrope}.card-link{margin-top:auto;text-align:left;color:var(--accent);padding:0}.contrast{max-width:none;padding-inline:max(24px,calc((100vw - var(--max))/2));background:#0a151e}.placement-stage{display:grid;grid-template-columns:1.4fr .6fr;gap:4rem}.device-frame{border:1px solid #344750;padding:1.2rem;background:#071018;box-shadow:0 35px 80px rgba(0,0,0,.25)}.device-top{display:flex;gap:.4rem;padding-bottom:1rem}.device-top i{width:6px;height:6px;background:#465760;border-radius:50%}.mock-nav{height:42px;border:1px solid var(--line);margin-bottom:1rem}.mock-slot{border:1px solid var(--cyan);background:rgba(80,230,255,.06);display:grid;place-items:center;color:var(--cyan);font-weight:700}.mock-slot span,.mock-slot small{display:block}.mock-slot small{font-weight:400;color:#6b929f}.mock-slot.premium{height:145px}.mock-content{display:grid;grid-template-columns:1fr 210px;gap:1rem;margin:1rem 0}.mock-content>div{padding:1rem 0}.mock-content b{display:block;height:8px;background:#1d2b34;margin-bottom:1rem}.mock-content b:nth-child(2){width:80%}.mock-content b:nth-child(3){width:60%}.mock-slot.standard{height:180px;border-color:var(--lime);color:var(--lime)}.mock-slot.article{height:95px;border-color:var(--coral);color:var(--coral)}.placement-list{display:flex;flex-direction:column;gap:.75rem}.placement-item{background:#0e1d27;border:1px solid var(--line);padding:1.1rem 1.2rem;cursor:pointer}.placement-item:hover,.placement-item.active{border-color:var(--cyan)}.placement-item strong,.placement-item span{display:block}.placement-item strong{font:700 .9rem Manrope}.placement-item span{font-size:.75rem;color:var(--muted)}.planner-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.planner fieldset,.select-label{border:1px solid var(--line);padding:1.5rem;background:var(--panel)}.planner legend{font:700 .8rem Manrope;color:var(--cyan);padding:0 .5rem}.planner label{display:block;margin:.7rem 0;color:#b6c3c8}.planner input{accent-color:var(--cyan);margin-right:.5rem}.select-label{font:700 .8rem Manrope}.select-label select{display:block;width:100%;margin-top:1rem;background:#071019;color:white;border:1px solid #344650;padding:.85rem}.campaign-output{grid-column:1/-1;background:var(--cream);color:#071019;padding:2rem;display:grid;grid-template-columns:1fr auto;gap:.5rem;align-items:center}.campaign-output p{grid-column:1/-1;font-size:.65rem;letter-spacing:.15em}.campaign-output strong{font:800 clamp(1.4rem,3vw,2.5rem) Manrope}.campaign-output span{grid-column:1;color:#526068}.campaign-output .button{grid-column:2;grid-row:2/4}.route-bars{display:flex;gap:.4rem}.route-bars i{height:4px;width:60px;background:#1a3039}.route-bars i:first-child{background:#0aa5bb}.standard-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}.standard-grid article{background:var(--panel);padding:2rem}.standard-grid span{color:var(--cyan);font-size:.7rem}.standard-grid h3{font-size:1.15rem;letter-spacing:-.03em;margin:1.3rem 0}.standard-grid p{color:var(--muted);font-size:.85rem}.contact{text-align:center;padding-block:9rem}.contact .button{margin-top:2.5rem}footer{border-top:1px solid var(--line);padding:3rem max(24px,calc((100vw - var(--max))/2));display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:2rem;color:var(--muted)}footer nav{display:flex;gap:1.4rem}footer>small{grid-column:1/-1;border-top:1px solid var(--line);padding-top:1.2rem}dialog{background:#0b1822;color:white;border:1px solid var(--cyan);padding:3rem;max-width:520px}dialog::backdrop{background:rgba(1,7,12,.78);backdrop-filter:blur(8px)}.dialog-close{position:absolute;right:1rem;top:1rem;background:none;border:0;color:white;font-size:1.5rem;cursor:pointer}
@media(max-width:900px){.topbar nav{display:none}.topbar .button{margin-left:auto}.hero{grid-template-columns:1fr;min-height:auto}.network-orbit{max-width:600px;width:100%;margin:auto}.section-heading,.placement-stage{grid-template-columns:1fr}.site-grid{grid-template-columns:1fr}.site-card{min-height:390px}.standard-grid{grid-template-columns:1fr 1fr}.signal-strip{gap:1rem;flex-wrap:wrap}.planner-grid{grid-template-columns:1fr}.campaign-output{display:block}.campaign-output>*{margin:.8rem 0}.campaign-output .button{width:100%}footer{grid-template-columns:1fr}footer nav{flex-wrap:wrap}}
@media(max-width:600px){.topbar{height:70px}.topbar>.button{display:none}.section{padding:5rem 18px}.hero{padding-top:3rem;gap:2rem}.network-orbit{aspect-ratio:1.1}.hub-node{width:105px;height:105px}.site-node{min-width:120px;padding:.7rem}.site-node span{display:none}.site-node.deal{left:25%}.site-node.byd{left:-4%}.site-node.xpeng{right:-4%}.standard-grid{grid-template-columns:1fr}.mock-content{grid-template-columns:1fr}.mock-slot.standard{height:90px}.signal-strip{justify-content:flex-start;padding-inline:18px}.actions{align-items:flex-start;flex-direction:column}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.orbit-two{animation:none}}

/* EVHubUK v2 — premium commercial identity */
:root{--ink:#0d1930;--muted:#59657a;--bg:#f3f0e8;--panel:#fbfaf6;--line:rgba(13,25,48,.14);--cyan:#ff5a36;--lime:#a7e637;--coral:#7557ff;--cream:#e9ff61}
body{background:var(--bg);color:var(--ink)}
body:before{background:radial-gradient(circle at 76% 7%,rgba(255,90,54,.17),transparent 22%),radial-gradient(circle at 30% 44%,rgba(167,230,55,.13),transparent 25%),linear-gradient(rgba(13,25,48,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(13,25,48,.035) 1px,transparent 1px);background-size:auto,auto,64px 64px,64px 64px}
.topbar{background:rgba(243,240,232,.88);border-color:rgba(13,25,48,.12);box-shadow:0 8px 40px rgba(13,25,48,.04)}
.brand{color:var(--ink)}.brand-mark{border:0;background:var(--ink);color:#fff;clip-path:none;border-radius:50% 50% 45% 55%/55% 45% 55% 45%;box-shadow:inset -8px -8px 14px rgba(255,255,255,.13),0 8px 18px rgba(13,25,48,.12)}.brand small{color:var(--cyan)}
.topbar nav a,footer a{color:#697486}.topbar nav a:hover,footer a:hover{color:var(--cyan)}
.button{background:var(--ink);color:white;border-radius:100px;box-shadow:0 8px 22px rgba(13,25,48,.14);transition:transform .25s,background .25s,box-shadow .25s}.button:hover{background:var(--cyan);color:white;transform:translateY(-2px);box-shadow:0 14px 30px rgba(255,90,54,.22)}
.eyebrow{color:var(--cyan)}.live-dot{background:var(--lime);box-shadow:0 0 0 5px rgba(167,230,55,.2)}
h1,h2,h3{letter-spacing:-.065em}.hero{min-height:800px;perspective:1400px}.hero h1{color:var(--ink)}h1 em,h2 em{color:var(--cyan)}.lede{color:var(--muted)}.text-link,.card-link{color:var(--ink)}.text-link span{color:var(--cyan)}
.network-orbit{--rx:0deg;--ry:0deg;transform:rotateX(var(--rx)) rotateY(var(--ry));transform-style:preserve-3d;transition:transform .18s ease;filter:drop-shadow(0 38px 35px rgba(13,25,48,.12))}.network-orbit:before{background:radial-gradient(circle,rgba(255,255,255,.95),rgba(255,90,54,.08) 45%,transparent 68%);transform:translateZ(-40px)}.orbit-ring{border-color:rgba(13,25,48,.19)}.orbit-two{border-color:rgba(255,90,54,.4)}
.hub-node{background:linear-gradient(145deg,#fff 4%,#e9e4d9 76%);color:var(--ink);border:0;border-radius:32% 68% 55% 45%/42% 42% 58% 58%;clip-path:none;transform:translateZ(80px) rotate(-5deg);box-shadow:inset 12px 12px 20px rgba(255,255,255,.9),inset -15px -15px 25px rgba(13,25,48,.1),0 28px 40px rgba(13,25,48,.18)}.hub-node span{color:var(--cyan)}
.site-node{color:var(--ink);background:rgba(255,255,255,.86);border:1px solid rgba(13,25,48,.12);border-radius:18px;box-shadow:0 18px 36px rgba(13,25,48,.12);backdrop-filter:blur(18px)}.site-node span{color:var(--muted)}.site-node.byd{transform:translateZ(42px) rotate(-3deg)}.site-node.xpeng{transform:translateZ(62px) rotate(3deg)}.site-node.deal{transform:translateZ(48px) rotate(-2deg)}
.signal-strip{background:var(--ink);color:#c7ced9;border:0}.signal-strip span:before{color:var(--lime)}
.block{border-color:var(--line)}.section-heading p{color:var(--muted)}
.site-grid{gap:1.3rem;background:transparent;border:0;perspective:1400px}.site-card{--rx:0deg;--ry:0deg;--mx:50%;--my:50%;background:var(--panel);color:var(--ink);border:1px solid rgba(13,25,48,.1);border-radius:26px;box-shadow:0 18px 40px rgba(13,25,48,.07);transform:rotateX(var(--rx)) rotateY(var(--ry));transform-style:preserve-3d;transition:transform .18s ease,box-shadow .25s}.site-card:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(circle at var(--mx) var(--my),rgba(255,255,255,.85),transparent 33%);opacity:.52}.site-card:hover{box-shadow:0 28px 55px rgba(13,25,48,.14)}.site-card:before{left:2rem;right:auto;top:0;width:72px;height:5px;border-radius:0 0 10px 10px}.site-card>*{position:relative;z-index:2;transform:translateZ(18px)}.site-card>p{color:var(--muted)}.site-card li{border-color:var(--line)}.card-index{color:#a2a9b4}.card-link{color:var(--accent)}
.contrast{background:#fffdf7;color:var(--ink);border-block:1px solid var(--line)}.placement-stage{perspective:1400px}.device-scene{position:relative;padding:1rem 0 3rem;transform-style:preserve-3d}.device-shadow{position:absolute;left:10%;right:4%;bottom:0;height:46px;background:rgba(13,25,48,.22);filter:blur(24px);border-radius:50%;transform:rotate(-3deg)}.device-frame{--rx:0deg;--ry:0deg;background:#fff;color:var(--ink);border:10px solid #16233a;border-radius:28px;box-shadow:18px 24px 0 #ff5a36,34px 42px 60px rgba(13,25,48,.22);transform:rotateX(var(--rx)) rotateY(var(--ry)) rotateZ(-2deg);transform-style:preserve-3d;transition:transform .18s ease}.mock-nav,.mock-slot{border-radius:10px}.mock-nav{border-color:var(--line)}.mock-slot{border:0;background:#f0ece3;color:var(--ink)}.mock-slot.premium{background:linear-gradient(135deg,var(--cream),#cfff77)}.mock-slot.standard{background:#eeeaff;color:#4f32db}.mock-slot.article{background:#ffe3d9;color:#c42f11}.mock-content b{background:#e6e2d9}
.placement-list{gap:.7rem}.placement-item{background:transparent;color:var(--ink);border:0;border-bottom:1px solid var(--line);text-align:left;border-radius:0;transition:padding .2s,background .2s}.placement-item:hover,.placement-item.active{border-color:var(--cyan);background:#fff;padding-left:1.7rem}.placement-item span{color:var(--muted)}
.planner fieldset,.select-label{background:#fff;border-color:var(--line);border-radius:18px}.planner legend{color:var(--cyan)}.planner label{color:var(--muted)}.select-label select{background:#f3f0e8;color:var(--ink);border-color:var(--line);border-radius:12px}.campaign-output{background:var(--ink);color:white;border-radius:25px;box-shadow:0 25px 50px rgba(13,25,48,.18)}.campaign-output span{color:#abb5c6}.campaign-output .button{background:var(--cream);color:var(--ink)}.route-bars i{background:#48556b}.route-bars i:first-child{background:var(--lime)}
.standard-grid{gap:1rem;background:transparent;border:0}.standard-grid article{background:white;border:1px solid var(--line);border-radius:20px;box-shadow:0 12px 26px rgba(13,25,48,.05)}.standard-grid span{color:var(--cyan)}.standard-grid p{color:var(--muted)}
.contact{max-width:none;background:var(--cream);color:var(--ink)}.contact .eyebrow{color:#586700}.contact h2 em{color:var(--ink)}footer{background:var(--ink);color:#aeb7c5;border:0}footer .brand{color:white}footer>small{border-color:rgba(255,255,255,.12)}
dialog{background:#fff;color:var(--ink);border:0;border-radius:24px;box-shadow:0 35px 90px rgba(13,25,48,.28)}.dialog-close{color:var(--ink)}
@media(max-width:900px){.site-grid{gap:1rem}.device-frame{transform:rotateX(var(--rx)) rotateY(var(--ry));box-shadow:10px 14px 0 #ff5a36,22px 28px 44px rgba(13,25,48,.18)}}
@media(max-width:600px){.hero{min-height:auto}.network-orbit{filter:none}.site-card{transform:none}.device-frame{border-width:7px;box-shadow:7px 9px 0 #ff5a36,14px 20px 35px rgba(13,25,48,.15)}.signal-strip{background:var(--ink)}}
@media(prefers-reduced-motion:reduce){[data-tilt]{transform:none!important;transition:none!important}.button{transition:none}}

/* EVHubUK animated network signature */
.network-lines{position:absolute;inset:2%;width:96%;height:96%;overflow:visible;transform:translateZ(-15px);filter:drop-shadow(0 0 7px rgba(255,90,54,.28));pointer-events:none}.network-lines path{fill:none;stroke:rgba(255,90,54,.42);stroke-width:1.5;stroke-dasharray:7 10;animation:network-flow 13s linear infinite}.network-lines circle{fill:#fff;stroke:var(--cyan);stroke-width:3;animation:node-breathe 2.8s ease-in-out infinite}.orbit-panel{position:absolute;z-index:4;padding:.8rem .9rem;border:1px solid rgba(13,25,48,.12);border-radius:14px;background:rgba(255,255,255,.82);box-shadow:0 18px 38px rgba(13,25,48,.14);backdrop-filter:blur(16px);pointer-events:none;transform-style:preserve-3d}.orbit-panel span,.orbit-panel strong{display:block}.orbit-panel>span{font:700 .62rem Manrope;line-height:1.35;letter-spacing:.1em;color:#667288}.orbit-panel>strong{font:800 .92rem Manrope;line-height:1.3;margin-top:.3rem}.panel-analytics{width:178px;left:1%;bottom:13%;animation:panel-float-a 6.5s ease-in-out infinite}.panel-campaign{width:168px;right:-1%;bottom:11%;animation:panel-float-b 7.4s ease-in-out infinite}.panel-status{top:7%;left:35%;display:flex;align-items:center;gap:.55rem;animation:panel-float-c 5.8s ease-in-out infinite}.panel-status span{font-size:.68rem;letter-spacing:.03em;color:#4f5b70}.panel-status i{width:7px;height:7px;border-radius:50%;background:var(--lime);box-shadow:0 0 12px var(--lime)}.mini-chart{height:35px;display:flex;align-items:flex-end;gap:5px;margin-top:.45rem}.mini-chart i{display:block;width:12px;border-radius:3px 3px 0 0;background:linear-gradient(var(--cyan),#ffb29f)}.mini-chart i:nth-child(1){height:28%}.mini-chart i:nth-child(2){height:48%}.mini-chart i:nth-child(3){height:40%}.mini-chart i:nth-child(4){height:78%}.mini-chart i:nth-child(5){height:95%}.panel-campaign b{display:block;height:5px;margin-top:.7rem;border-radius:8px;background:#e2ded4;overflow:hidden}.panel-campaign b i{display:block;width:72%;height:100%;background:var(--lime);animation:signal-load 4s ease-in-out infinite}.data-pulse{position:absolute;width:9px;height:9px;border-radius:50%;background:white;border:2px solid var(--cyan);box-shadow:0 0 14px var(--cyan);z-index:3;pointer-events:none}.pulse-one{animation:pulse-route-one 8s linear infinite}.pulse-two{animation:pulse-route-two 10s linear infinite 1s}.pulse-three{animation:pulse-route-three 9s linear infinite 2s}@keyframes network-flow{to{stroke-dashoffset:-68}}@keyframes node-breathe{50%{r:10;opacity:.65}}@keyframes panel-float-a{50%{transform:translate3d(8px,-14px,58px) rotate(-2deg)}}@keyframes panel-float-b{50%{transform:translate3d(-7px,12px,72px) rotate(2deg)}}@keyframes panel-float-c{50%{transform:translate3d(3px,-10px,85px)}}@keyframes signal-load{50%{width:94%}}@keyframes pulse-route-one{0%{left:14%;top:31%}50%{left:49%;top:48%}100%{left:14%;top:31%}}@keyframes pulse-route-two{0%{left:84%;top:33%}50%{left:49%;top:48%}100%{left:84%;top:33%}}@keyframes pulse-route-three{0%{left:49%;top:48%}50%{left:29%;top:80%}100%{left:49%;top:48%}}
@media(max-width:600px){.orbit-panel{padding:.62rem .7rem}.orbit-panel>span{font-size:.54rem}.orbit-panel>strong{font-size:.72rem}.panel-analytics{width:142px;left:0;bottom:2%}.panel-campaign{width:136px;right:0;bottom:2%}.panel-status{top:1%;left:27%}.panel-status span{font-size:.59rem}.mini-chart{height:24px}.network-lines{inset:5%;width:90%;height:90%}}
@media(prefers-reduced-motion:reduce){.network-lines path,.network-lines circle,.orbit-panel,.data-pulse,.panel-campaign b i{animation:none!important}.data-pulse{display:none}}
.reveal-ready{opacity:0;transform:translateY(30px);transition:opacity .75s ease var(--reveal-delay,0ms),transform .75s cubic-bezier(.2,.8,.2,1) var(--reveal-delay,0ms)}.reveal-ready.revealed{opacity:1;transform:translateY(0)}.site-card.reveal-ready{transform:translateY(34px) rotateX(var(--rx)) rotateY(var(--ry))}.site-card.reveal-ready.revealed{transform:translateY(0) rotateX(var(--rx)) rotateY(var(--ry))}@media(prefers-reduced-motion:reduce){.reveal-ready{opacity:1;transform:none!important;transition:none!important}}
/* Always-visible visitor navigation on phones: no JavaScript dependency. */
@media(max-width:600px){.topbar{height:auto;min-height:112px;display:flex;flex-wrap:wrap;align-content:center;gap:8px 14px;padding:10px 18px 0}.topbar .brand{min-height:52px}.topbar nav{display:flex;order:3;width:calc(100% + 36px);margin:0 -18px!important;padding:0 12px;gap:4px;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:none;border-top:1px solid rgba(13,25,48,.1);background:rgba(255,255,255,.58)}.topbar nav::-webkit-scrollbar{display:none}.topbar nav a{flex:1 0 auto;min-width:max-content;padding:11px 10px;text-align:center;color:#4f5c70;font:700 .74rem Manrope}.topbar nav a[aria-current="page"]{color:var(--ink);box-shadow:inset 0 -3px 0 var(--cyan)}.topbar>.button{display:none}}

.network-orbit{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto auto 150px auto auto;gap:22px 24px;aspect-ratio:auto;border-radius:0;transform:none!important;transform-style:flat;padding:12px 0;filter:none}.network-orbit .site-node,.network-orbit .orbit-panel,.network-orbit .hub-node{position:relative;inset:auto;width:auto;min-width:0;transform:none!important;animation:none!important;z-index:2}.network-orbit .site-node{padding:16px;align-self:stretch}.network-orbit .site-node span{display:block;font-size:12px;line-height:1.45;margin-top:5px}.network-orbit .panel-status{grid-column:1/-1;grid-row:1;justify-self:center;max-width:100%}.network-orbit .byd{grid-column:1;grid-row:2}.network-orbit .xpeng{grid-column:2;grid-row:2}.network-orbit .hub-node{grid-column:1/-1;grid-row:3;justify-self:center;width:145px;height:145px}.network-orbit .mg{grid-column:1;grid-row:4}.network-orbit .deal{grid-column:2;grid-row:4}.network-orbit .panel-analytics{grid-column:1;grid-row:5}.network-orbit .panel-campaign{grid-column:2;grid-row:5}.network-orbit .orbit-one{inset:13% 8% 24%}.network-orbit .orbit-two{inset:27% 25% 38%}.network-orbit .network-lines,.network-orbit .data-pulse{display:none}@media(max-width:600px){.network-orbit{gap:16px 12px;grid-template-rows:auto auto 120px auto auto}.network-orbit .site-node{padding:13px 11px}.network-orbit .hub-node{width:115px;height:115px}.network-orbit .orbit-panel{padding:12px 10px}.network-orbit .orbit-panel>strong{font-size:13px}.network-orbit .panel-status span{font-size:11px}}
