:root{--navy:#07172d;--blue:#127be8;--light:#f5f8fd;--ink:#14233b;--muted:#607087}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Arial,sans-serif;color:var(--ink);background:white}a{text-decoration:none;color:inherit}.top{height:82px;padding:0 max(5%,calc((100vw - 1180px)/2));display:flex;justify-content:space-between;align-items:center;background:#08182d;color:white;gap:20px}.brand{font-size:21px;font-weight:650;white-space:nowrap;letter-spacing:-.6px}.brand strong{color:#5eb3ff}.brandmark{display:inline-grid;place-items:center;width:36px;height:36px;border:2px solid #45a4ff;border-radius:9px;margin-right:8px;font-weight:800;color:white}.brandmark span{color:#42a4ff}nav{display:flex;gap:28px}nav a{font-size:14px;color:#dce8f6}nav a:hover{color:#60b5ff}.hero{min-height:550px;background:radial-gradient(circle at 78% 40%,#173d70 0%,transparent 40%),linear-gradient(120deg,#07182e,#0a2446);color:white;display:flex;align-items:center;justify-content:space-between;padding:72px max(5%,calc((100vw - 1180px)/2));overflow:hidden;gap:40px}.hero-inner{max-width:690px;position:relative;z-index:2}.eyebrow{color:#43a7ff;font-size:12px;font-weight:800;letter-spacing:2px;margin-bottom:18px}.hero h1{font-size:clamp(37px,5vw,62px);line-height:1.1;letter-spacing:-2px;margin:0 0 25px}.hero h1 em{font-style:normal;color:#4ab1ff}.hero p{color:#c2d2e6;font-size:18px;line-height:1.7;max-width:590px}.actions{display:flex;gap:13px;flex-wrap:wrap;margin-top:34px}.btn{padding:15px 24px;background:var(--blue);color:white;border-radius:6px;font-size:14px;font-weight:700}.btn.outline{background:transparent;border:1px solid #87a8cc}.graphic{width:300px;min-width:230px;height:310px;position:relative;display:grid;place-items:center}.orb{position:absolute;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,#1b85dc66,transparent 70%);filter:blur(10px)}.rack{position:relative;width:220px;padding:25px;background:linear-gradient(120deg,#122c4a,#050d1c);border:2px solid #28639d;border-radius:12px;box-shadow:0 20px 60px #0008}.rack i{display:block;height:43px;border:1px solid #345a7f;background:linear-gradient(90deg,#152a40,#0a1525);border-radius:5px;margin:10px 0;position:relative}.rack i:before{content:'';position:absolute;top:16px;left:15px;width:10px;height:10px;border-radius:50%;background:#36d7a2;box-shadow:23px 0 #1e8eff,46px 0 #1e8eff}.section{padding:88px max(5%,calc((100vw - 1180px)/2))}.section-head{max-width:680px;margin-bottom:35px}h2{font-size:clamp(29px,3.5vw,41px);letter-spacing:-1.2px;margin:0 0 16px}.section-head p,.about p,.contact p{line-height:1.8;color:var(--muted)}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.card{padding:29px 24px;border:1px solid #e2eaf3;border-radius:12px;box-shadow:0 8px 25px #132f5209}.symbol{font-size:35px;color:var(--blue)}.card h3{font-size:18px;margin:18px 0 10px}.card p{font-size:14px;line-height:1.8;color:var(--muted);margin:0}.about{display:grid;grid-template-columns:1fr 1fr;gap:70px;background:var(--light)}.about p{margin:0}.contact{text-align:center;background:#0b2342;color:white;padding:88px 20px}.contact h2{max-width:720px;margin:0 auto 20px}.contact p{color:#c7d8e9;max-width:650px;margin:0 auto 15px}.contact .contact-note{font-size:13px;color:#8db4d9}footer{display:flex;justify-content:space-between;gap:15px;padding:28px 5%;font-size:12px;color:#65768a}@media(max-width:900px){.cards{grid-template-columns:repeat(2,1fr)}.graphic{display:none}.hero{min-height:480px}.about{gap:30px}}@media(max-width:600px){.top{height:auto;min-height:76px;padding:18px 5%;flex-wrap:wrap}.brand{font-size:17px}nav{gap:20px}.hero{padding:65px 5%}.hero h1{letter-spacing:-1px}.cards{grid-template-columns:1fr}.section{padding:65px 5%}.about{grid-template-columns:1fr}footer{flex-direction:column}}