
:root{--bg:#020a12;--panel:#06131f;--line:#16334a;--text:#f5f8fb;--muted:#9aaabb;--blue:#098cff}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Arial,sans-serif}
body:before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 70% 10%,#063f6b55,transparent 30%),linear-gradient(#0000 95%,#0b284033 100%);z-index:-1}
header{height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 6vw;border-bottom:1px solid #ffffff0d;position:sticky;top:0;background:#020a12df;backdrop-filter:blur(16px);z-index:10}
.brand{display:flex;gap:12px;align-items:center;color:white;text-decoration:none;font-size:24px;letter-spacing:2px}.mark{display:grid;place-items:center;width:38px;height:44px;color:#10a4ff;font-size:35px;font-weight:900;font-style:italic;text-shadow:0 0 18px #008cff}
nav{display:flex;gap:30px}nav a{color:#c7d1dc;text-decoration:none;font-size:12px;text-transform:uppercase;letter-spacing:1.4px}
.hero{min-height:670px;display:grid;grid-template-columns:47% 53%;border-bottom:1px solid var(--line)}.hero-copy{padding:105px 4vw 70px 6vw}.eyebrow{font-size:12px;letter-spacing:3px;color:#2da8ff;font-weight:700;margin-bottom:20px}
h1{font-size:clamp(48px,5.3vw,82px);line-height:.98;margin:0 0 30px;letter-spacing:-3px}h1 span{color:#0d94ff}.hero p,.rd p,.cta p{color:var(--muted);line-height:1.75;max-width:650px;font-size:17px}
.actions{display:flex;gap:14px;margin-top:35px}.btn{display:inline-block;background:linear-gradient(90deg,#006dff,#15a9ff);padding:16px 26px;border-radius:9px;color:#fff;text-decoration:none;text-transform:uppercase;font-weight:700;font-size:12px;letter-spacing:1px;box-shadow:0 0 30px #008cff33}.ghost{background:transparent;border:1px solid #547086;box-shadow:none}
.rack{position:relative;overflow:hidden;background:linear-gradient(120deg,#030b12,#061827 55%,#02070c)}.servergrid{position:absolute;inset:8% 5%;display:grid;grid-template-columns:repeat(5,1fr);gap:13px;perspective:800px}.servergrid i{border:1px solid #12629b;background:repeating-linear-gradient(0deg,#03101a 0 7px,#087ed8 8px,#03101a 10px);box-shadow:inset 0 0 25px #008cff33,0 0 12px #008cff22}.bigS{position:absolute;right:12%;top:32%;font-size:170px;font-weight:900;font-style:italic;color:#0d91ff;text-shadow:0 0 50px #008cff}.glow{position:absolute;width:500px;height:500px;background:#0077ff22;filter:blur(80px);right:0;top:20%}
.services{display:grid;grid-template-columns:repeat(5,1fr);padding:35px 5vw;background:#030d16;border-bottom:1px solid var(--line)}.services div{text-align:center;padding:10px 20px;border-right:1px solid #1d3446}.services div:last-child{border:0}.services strong{font-size:35px;color:#139cff}.services h3{font-size:14px;margin:12px 0 5px}.services p{font-size:10px;color:#8496a7;text-transform:uppercase;letter-spacing:1.5px}
.statement{padding:95px 6vw;display:grid;grid-template-columns:1.2fr 1fr;gap:70px}.statement h2,.rd h2,.cta h2{font-size:clamp(38px,4vw,64px);line-height:1.08;margin:0}.metrics{display:grid;grid-template-columns:repeat(3,1fr);align-items:center}.metrics span{color:#8295a6;text-transform:uppercase;font-size:10px;letter-spacing:1px}.metrics b{display:block;color:#fff;font-size:25px;text-transform:none;margin-bottom:8px}
.rd{padding:90px 6vw;display:grid;grid-template-columns:1.5fr 1fr;gap:8vw;background:linear-gradient(120deg,#061727,#07111a);border-block:1px solid #0b5790}.rd h2 span{color:#159cff}.rd h3{font-size:31px;font-weight:400;margin:10px 0 25px}.research-card{display:grid;align-content:center;gap:9px;border:1px solid #14517c;background:#04101bcc;padding:45px;box-shadow:0 0 80px #0077ff16}.research-card b{color:#1ba1ff;font-size:20px;margin-top:16px}.research-card span{color:#a9b6c2}
.tech{padding:55px 6vw;background:#eef3f7;color:#08111a}.tech .eyebrow{color:#637c91}.logos{display:flex;justify-content:space-between;gap:25px;flex-wrap:wrap;font-weight:700}
.cta{padding:110px 6vw;background:radial-gradient(circle at 80% 50%,#07548b44,transparent 30%)}.cta .btn{margin-top:25px}
footer{display:flex;justify-content:space-between;align-items:center;padding:40px 6vw;border-top:1px solid var(--line);color:#7e91a3;font-size:12px}
@media(max-width:850px){nav{display:none}.hero{grid-template-columns:1fr}.rack{min-height:430px}.services{grid-template-columns:1fr 1fr}.services div{border-bottom:1px solid #1d3446}.statement,.rd{grid-template-columns:1fr}.metrics{gap:20px}.logos{justify-content:flex-start}.hero-copy{padding-top:70px}footer{align-items:flex-start;gap:20px;flex-direction:column}}
