:root{--bg:#020711;--panel:#071424cc;--panel2:#0a1d32;--line:#1b4d77;--blue:#27a8ff;--blue2:#82d3ff;--text:#eef8ff;--muted:#91a9bd;--ok:#37e0a1}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 50% 0,#0a2440 0,#030a15 35%,#01040a 80%);color:var(--text);font-family:Segoe UI,Arial,sans-serif;min-height:100vh;overflow-x:hidden}
body:before{content:"";position:fixed;inset:0;background-image:linear-gradient(#0a3c6222 1px,transparent 1px),linear-gradient(90deg,#0a3c6222 1px,transparent 1px);background-size:54px 54px;mask-image:linear-gradient(to bottom,#000,transparent 78%);pointer-events:none;z-index:-3}
#network-canvas{position:fixed;inset:0;width:100%;height:100%;z-index:-2;opacity:.38}.ambient{position:fixed;width:38rem;height:38rem;border-radius:50%;filter:blur(110px);opacity:.12;z-index:-4}.ambient-a{background:#008cff;left:-18rem;top:10rem}.ambient-b{background:#00b7ff;right:-20rem;top:30rem}
a{color:inherit}.topbar{height:82px;padding:0 clamp(22px,5vw,86px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #1b456b77;background:#020914d9;backdrop-filter:blur(18px);position:sticky;top:0;z-index:50}.brand{display:flex;align-items:center;gap:12px;text-decoration:none}.brand span:last-child{display:flex;flex-direction:column}.brand strong{letter-spacing:.22em}.brand small{font-size:9px;color:var(--muted);letter-spacing:.22em}.mini-shield{width:38px;height:44px;display:grid;place-items:center;font-weight:900;background:linear-gradient(145deg,#1fb2ff,#063b67);clip-path:polygon(50% 0,94% 18%,88% 74%,50% 100%,12% 74%,6% 18%);box-shadow:0 0 25px #1da9ff88}.topbar nav{display:flex;gap:26px}.topbar nav a{text-decoration:none;color:#b8c9d7;font-size:12px;letter-spacing:.08em;text-transform:uppercase}.topbar nav a:hover{color:white}.nav-toggle{display:none;background:transparent;color:white;border:1px solid #245680;padding:10px}
.hero{min-height:calc(100vh - 82px);display:grid;place-items:center;padding:58px clamp(20px,5vw,80px) 42px;text-align:center}.hero-stage{width:min(39vw,430px);height:min(39vw,430px);min-width:280px;min-height:280px;position:relative;display:grid;place-items:center;perspective:900px}.orbit{position:absolute;border:1px solid #35b8ff88;border-radius:50%;box-shadow:0 0 25px #18aaff33,inset 0 0 20px #18aaff22}.orbit:after{content:"";position:absolute;width:8px;height:8px;background:#83dcff;border-radius:50%;box-shadow:0 0 16px #44c5ff;top:4%;left:45%}.orbit-one{inset:5%;transform:rotateX(66deg) rotateZ(12deg);animation:spin1 12s linear infinite}.orbit-two{inset:13%;transform:rotateY(66deg) rotateZ(35deg);animation:spin2 9s linear infinite reverse}.orbit-three{inset:21%;transform:rotateX(70deg) rotateY(20deg);animation:spin1 16s linear infinite reverse}
.shield-shell{width:43%;height:53%;position:relative;filter:drop-shadow(0 0 22px #22aaff88);animation:float 4s ease-in-out infinite}.shield-glow{position:absolute;inset:-28%;background:radial-gradient(circle,#27aaff55,transparent 65%);animation:pulse 2.4s ease-in-out infinite}.shield-face{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(145deg,#0f5890,#04162c 55%,#0b86d1);clip-path:polygon(50% 0,94% 17%,88% 73%,50% 100%,12% 73%,6% 17%);border:1px solid #72d2ff}.shield-face:before{content:"";position:absolute;inset:5px;background:linear-gradient(145deg,#071529,#0d3154);clip-path:inherit}.shield-face>*{position:relative}.shield-n{font-size:clamp(48px,6vw,88px);line-height:.8;font-weight:900;color:#dff6ff;text-shadow:0 0 20px #1dafff}.shield-name{font-size:13px;letter-spacing:.28em;margin-top:15px}.shield-sub{font-size:7px;letter-spacing:.34em;color:#75cfff;margin-top:5px}
.hero-copy{max-width:990px;margin-top:-22px}.eyebrow{font-size:11px;letter-spacing:.36em;color:var(--blue2);font-weight:700}.hero h1,.page-hero h1{font-size:clamp(40px,6vw,82px);line-height:.96;margin:16px 0 20px;letter-spacing:-.045em}.hero h1 span,.page-hero h1 span{color:#54bfff}.power-words{display:flex;justify-content:center;flex-wrap:wrap;gap:12px 24px;margin:20px 0}.power-words b{font-size:clamp(14px,1.6vw,22px);letter-spacing:.16em;animation:wordGlow 4s ease-in-out infinite}.power-words b:nth-child(2){animation-delay:.5s;color:#63c8ff}.power-words b:nth-child(3){animation-delay:1s}.power-words b:nth-child(4){animation-delay:1.5s;color:#63c8ff}.tagline{letter-spacing:.35em;font-size:12px;color:#8dcaee}.intro,.page-copy{max-width:760px;margin:20px auto;color:#a7bdcd;line-height:1.8;font-size:16px}
.portal-row{width:min(1180px,100%);display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin-top:36px}.portal-row a{padding:18px 12px;border:1px solid #1b4d77;background:linear-gradient(180deg,#0b2135cc,#06111fcc);text-decoration:none;transition:.25s;position:relative;overflow:hidden}.portal-row a:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 20%,#5ac6ff22 50%,transparent 80%);transform:translateX(-130%);transition:.5s}.portal-row a:hover{transform:translateY(-5px);border-color:#56c5ff;box-shadow:0 14px 35px #0008,0 0 20px #1caaff22}.portal-row a:hover:before{transform:translateX(130%)}.portal-row span{display:block;font-size:12px;letter-spacing:.12em;font-weight:800}.portal-row small{display:block;color:#7894aa;margin-top:7px;font-size:10px}
.section{padding:100px clamp(22px,7vw,110px);max-width:1500px;margin:auto}.section h2{font-size:clamp(32px,4vw,58px);max-width:940px;line-height:1.04;margin:14px 0 42px;letter-spacing:-.035em}.card-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.service-card,.info-card{background:linear-gradient(145deg,#0a1d31dd,#050e19dd);border:1px solid #174568;padding:30px;min-height:285px;transition:.28s;position:relative;overflow:hidden}.service-card:hover,.info-card:hover{transform:translateY(-7px);border-color:#45baff;box-shadow:0 18px 45px #0008}.service-card>span{color:#42baff;font-size:11px;letter-spacing:.2em}.service-card h3,.info-card h3{font-size:24px;margin:50px 0 14px}.service-card p,.info-card p,.split p{color:#8fa8bb;line-height:1.7}.service-card a,.text-link{color:#73ccff;text-decoration:none;font-size:13px;font-weight:700}.split{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;border-top:1px solid #164363;border-bottom:1px solid #164363}.split h2{margin-bottom:0}.status-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.status-grid div{border:1px solid #174568;background:#071522cc;padding:22px;display:flex;align-items:center;gap:12px}.status-grid i{width:9px;height:9px;background:var(--ok);border-radius:50%;box-shadow:0 0 12px var(--ok)}.status-grid span{flex:1}.status-grid b{font-size:10px;color:#8cf2c8;letter-spacing:.14em}.status-note{color:#718b9f;font-size:12px;margin-top:16px}.industry-strip{display:flex;flex-wrap:wrap;gap:10px}.industry-strip span{padding:16px 20px;border:1px solid #174568;background:#06111d;color:#a6bfd1}
.footer{display:flex;justify-content:space-between;gap:30px;padding:42px clamp(22px,7vw,110px);border-top:1px solid #174568;background:#02070d}.footer strong{letter-spacing:.14em}.footer p{color:#718b9f;font-size:12px}.inner-page{min-height:80vh}.page-hero{padding:130px clamp(22px,7vw,110px) 50px;max-width:1250px}.page-hero h1{max-width:1000px}.button{display:inline-block;text-decoration:none;padding:15px 22px;border:1px solid #2e8bc4;font-size:12px;letter-spacing:.12em}.button.primary{background:#0b75b7}.page-grid{padding:20px clamp(22px,7vw,110px) 110px;max-width:1500px;margin:auto}.page-grid .info-card{min-height:220px}.page-grid .info-card h3{margin-top:25px}.reveal{opacity:0;transform:translateY(20px);transition:opacity .8s,transform .8s}.reveal.visible{opacity:1;transform:none}
@keyframes spin1{to{transform:rotateX(66deg) rotateZ(372deg)}}@keyframes spin2{to{transform:rotateY(66deg) rotateZ(395deg)}}@keyframes float{50%{transform:translateY(-10px)}}@keyframes pulse{50%{opacity:.45;transform:scale(1.12)}}@keyframes wordGlow{50%{text-shadow:0 0 18px #32b6ff;color:#dff7ff}}
@media(max-width:1000px){.topbar nav{display:none;position:absolute;top:82px;left:0;right:0;background:#030a14;padding:25px;flex-direction:column}.topbar nav.open{display:flex}.nav-toggle{display:block}.portal-row{grid-template-columns:repeat(3,1fr)}.card-grid{grid-template-columns:repeat(2,1fr)}.status-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:650px){.hero{padding-top:25px}.hero-stage{min-width:235px;min-height:235px}.hero-copy{margin-top:-5px}.portal-row{grid-template-columns:repeat(2,1fr)}.card-grid,.status-grid,.split{grid-template-columns:1fr}.split{gap:20px}.section{padding:70px 22px}.footer{flex-direction:column}.topbar{padding:0 18px}.brand strong{font-size:13px}.page-hero{padding-top:90px}}

/* NEXUS Website 2.0 — NEXT2000 Quantum Orbit */
.quantum-orbit{position:absolute;inset:1%;border-radius:50%;pointer-events:none;filter:drop-shadow(0 0 18px #27a8ff55);transition:filter .35s ease}
.quantum-orbit:before,.quantum-orbit:after{content:"";position:absolute;border-radius:50%;inset:8%;border:1px solid #42bdff55;box-shadow:inset 0 0 28px #27a8ff1f,0 0 30px #27a8ff24;animation:quantumBreath 3.8s ease-in-out infinite}
.quantum-orbit:after{inset:16%;border-color:#9be1ff33;animation-delay:-1.8s}
.energy-track{position:absolute;border-radius:50%;inset:4%;background:conic-gradient(from 0deg,transparent 0 12%,#42bdff 18%,transparent 25% 48%,#d9f6ff 53%,transparent 59% 78%,#0d7fc8 86%,transparent 94%);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 calc(100% - 2px));mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 calc(100% - 2px));filter:drop-shadow(0 0 8px #27a8ff);animation:energyFlow 7s linear infinite}
.energy-track.track-b{inset:12%;opacity:.72;animation-duration:10s;animation-direction:reverse;transform:rotate(37deg)}
.energy-node,.energy-spark{position:absolute;border-radius:50%;background:#dff8ff;box-shadow:0 0 7px #fff,0 0 20px #27a8ff,0 0 38px #27a8ff}
.energy-node{width:8px;height:8px}.node-a{top:12%;left:26%;animation:nodePulse 2.2s ease-in-out infinite}.node-b{right:11%;bottom:28%;animation:nodePulse 2.2s ease-in-out -1.1s infinite}
.energy-spark{width:3px;height:3px}.spark-a{top:30%;right:4%;animation:sparkFlicker 1.7s steps(2,end) infinite}.spark-b{bottom:9%;left:36%;animation:sparkFlicker 1.4s steps(2,end) -.6s infinite}
.hero-stage:hover .quantum-orbit{filter:drop-shadow(0 0 26px #27a8ffaa) brightness(1.16)}

/* Product family */
.product-family{padding-top:86px}.section-heading-row{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(260px,.6fr);gap:55px;align-items:end}.section-heading-row h2{margin-bottom:0}.section-lead{color:var(--muted);line-height:1.75;margin:0 0 8px}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:46px}.product-card{--product:#27a8ff;--product-rgb:39,168,255;position:relative;min-height:360px;padding:28px;border:1px solid rgba(var(--product-rgb),.34);background:linear-gradient(145deg,rgba(var(--product-rgb),.11),#050d18e8 42%,#030914f0);overflow:hidden;transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease;outline:none}.product-card:before{content:"";position:absolute;width:240px;height:240px;border-radius:50%;right:-120px;top:-130px;background:radial-gradient(circle,rgba(var(--product-rgb),.21),transparent 68%);transition:transform .4s ease}.product-card:hover,.product-card:focus-visible{transform:translateY(-7px);border-color:var(--product);box-shadow:0 20px 48px #0009,0 0 30px rgba(var(--product-rgb),.15)}.product-card:hover:before,.product-card:focus-visible:before{transform:scale(1.25)}
.product-emblem{width:92px;height:92px;position:relative;display:grid;place-items:center;margin-bottom:40px}.product-ring{position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 30deg,transparent 0 12%,var(--product) 18%,transparent 27% 52%,rgba(var(--product-rgb),.3) 61%,transparent 70% 88%,var(--product) 94%,transparent);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 calc(100% - 2px));mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 calc(100% - 2px));filter:drop-shadow(0 0 7px var(--product));animation:productFlow 6.5s linear infinite}.product-ring:after{content:"";position:absolute;width:7px;height:7px;border-radius:50%;background:#fff;top:4px;left:50%;box-shadow:0 0 12px var(--product),0 0 24px var(--product)}.product-core{width:56px;height:64px;display:grid;place-items:center;clip-path:polygon(50% 0,94% 18%,88% 74%,50% 100%,12% 74%,6% 18%);background:linear-gradient(145deg,rgba(var(--product-rgb),.78),#06101d 60%);border:1px solid var(--product);font-weight:900;font-size:20px;color:#fff;text-shadow:0 0 12px var(--product);box-shadow:0 0 25px rgba(var(--product-rgb),.22)}.product-kicker{font-size:10px;letter-spacing:.23em;color:var(--product);font-weight:800}.product-card h3{font-size:26px;margin:12px 0 14px}.product-card>p:not(.product-kicker){color:#91a9bd;line-height:1.7}.product-card>a{position:absolute;left:28px;bottom:27px;text-decoration:none;color:var(--product);font-size:12px;font-weight:800;letter-spacing:.08em}.product-card>a span{display:inline-block;transition:transform .2s}.product-card:hover>a span{transform:translateX(4px)}
.nexus-blue{--product:#27a8ff;--product-rgb:39,168,255}.nds-green{--product:#36dda0;--product-rgb:54,221,160}.deadbolt-red{--product:#ff4057;--product-rgb:255,64,87}.dnsbolt-violet{--product:#a56cff;--product-rgb:165,108,255}.hub-amber{--product:#ffad2f;--product-rgb:255,173,47}.ai-cyan{--product:#dffcff;--product-rgb:223,252,255}
@keyframes energyFlow{to{transform:rotate(360deg)}}@keyframes productFlow{to{transform:rotate(360deg)}}@keyframes quantumBreath{50%{opacity:.45;transform:scale(1.025)}}@keyframes nodePulse{50%{transform:scale(1.65);opacity:.65}}@keyframes sparkFlicker{50%{opacity:.18;transform:scale(.5)}}
@media(max-width:1000px){.product-grid{grid-template-columns:repeat(2,1fr)}.section-heading-row{grid-template-columns:1fr;gap:8px}.section-lead{max-width:720px}}
@media(max-width:650px){.product-grid{grid-template-columns:1fr}.product-card{min-height:335px}.product-family{padding-top:60px}.quantum-orbit{inset:-1%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.energy-track,.product-ring,.quantum-orbit:before,.quantum-orbit:after,.energy-node,.energy-spark,.shield-shell,.shield-glow,.power-words b{animation:none!important}.reveal{opacity:1;transform:none;transition:none}}