@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Space+Mono:wght@400;700&display=swap');

:root{--bg:#03050a;--panel:#080d16;--panel2:#0b1320;--line:#17243a;--blue:#147dff;--blue2:#0061d8;--text:#edf4ff;--muted:#8c9bb2;--glow:rgba(20,125,255,.28)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,sans-serif;line-height:1.6}.wallpaper{position:fixed;inset:0;z-index:-2;background:radial-gradient(circle at 80% 10%,rgba(0,96,220,.2),transparent 30%),radial-gradient(circle at 15% 65%,rgba(0,55,140,.16),transparent 30%),linear-gradient(180deg,#02040a,#03050a 55%,#020409)}.wallpaper:after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:50px 50px;mask-image:linear-gradient(to bottom,black,transparent 75%)}
.container{width:min(1120px,calc(100% - 40px));margin:auto}.site-header{position:sticky;top:0;z-index:10;background:rgba(3,5,10,.78);backdrop-filter:blur(16px);border-bottom:1px solid rgba(35,58,91,.6)}.nav-wrap{min-height:76px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:12px;color:var(--text);text-decoration:none}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border:1px solid #1d73d5;background:#061b35;border-radius:10px;color:#5eaaff;font:700 12px "Space Mono";box-shadow:0 0 24px rgba(20,125,255,.16)}.brand strong,.brand small{display:block}.brand small{font-size:10px;color:var(--muted);margin-top:1px}.nav{display:flex;gap:8px}.nav a{color:var(--muted);padding:9px 13px;border-radius:8px;text-decoration:none;font-size:14px}.nav a:hover,.nav a.active{color:#fff;background:#0b1a2d}.nav a.active{box-shadow:inset 0 0 0 1px #173b67}.menu-toggle{display:none;background:none;border:0;color:#fff;font-size:24px}
.hero{min-height:650px;display:grid;grid-template-columns:1.1fr .9fr;gap:70px;align-items:center}.eyebrow{font:700 11px "Space Mono";letter-spacing:.18em;color:#4e9fff;margin:0 0 16px}.hero h1,.page-hero h1{font-size:clamp(48px,7vw,82px);line-height:.98;letter-spacing:-.055em;margin:0 0 25px}.hero h1 span,.page-hero h1 span{color:#3e9aff}.lead{color:var(--muted);font-size:18px;max-width:650px}.narrow{max-width:680px}.actions{display:flex;gap:12px;margin-top:30px}.button{display:inline-block;border-radius:9px;padding:12px 18px;font-weight:700;font-size:14px;text-decoration:none;border:1px solid transparent;cursor:pointer}.primary{background:var(--blue);color:#fff;box-shadow:0 8px 30px rgba(20,125,255,.2)}.primary:hover{background:#3591ff}.ghost{border-color:#203450;color:#dbe8f8;background:rgba(8,13,22,.7)}.server-card,.panel,.feature-card,.service-card{background:linear-gradient(145deg,rgba(10,17,29,.94),rgba(5,9,16,.94));border:1px solid var(--line);box-shadow:0 20px 60px rgba(0,0,0,.25)}.server-card{border-radius:18px;overflow:hidden}.server-top{padding:14px 18px;border-bottom:1px solid var(--line);font:700 10px "Space Mono";color:#6d829e;display:flex;gap:10px;align-items:center}.server-top .mono{margin-left:auto;color:#36506e}.status-dot{width:7px;height:7px;border-radius:50%;background:#37b5ff;box-shadow:0 0 12px #147dff}.server-visual{height:310px;position:relative;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle,#0c3b70 0,#07192d 30%,transparent 65%)}.blue-orb{width:190px;height:190px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#4bb4ff,#0861c9 35%,#021b3d 68%,transparent 70%);filter:blur(1px);box-shadow:0 0 80px #075ab7}.server-rack{position:absolute;z-index:2;width:170px;padding:12px;border:1px solid #356a9e;border-radius:8px;background:linear-gradient(#101c2c,#050a11);box-shadow:0 20px 40px #000}.server-rack span{display:block;height:25px;margin:6px 0;border:1px solid #203c5b;background:#071322;position:relative}.server-rack span:after{content:"";position:absolute;right:8px;top:9px;width:5px;height:5px;border-radius:50%;background:#1595ff;box-shadow:-12px 0 #1a4c76}.server-stats{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}.server-stats div{padding:16px;border-right:1px solid var(--line)}.server-stats div:last-child{border:0}.server-stats small,.server-stats strong{display:block}.server-stats small{font:9px "Space Mono";color:#647892}.server-stats strong{font-size:11px;margin-top:4px;color:#b9d8ff}
.section{padding:80px 0}.section-heading{margin-bottom:30px}.section-heading h2,.panel h2{font-size:40px;letter-spacing:-.04em;margin:0}.card-grid{display:grid;gap:16px}.card-grid.three{grid-template-columns:repeat(3,1fr)}.feature-card{display:block;color:inherit;text-decoration:none;border-radius:14px;padding:28px;transition:.25s}.feature-card:hover{transform:translateY(-5px);border-color:#214c7d;box-shadow:0 18px 50px rgba(0,60,150,.16)}.icon{font-size:25px;color:#4ba4ff}.feature-card h3{margin:20px 0 8px}.feature-card p,.panel p{color:var(--muted)}.page-hero{padding:105px 0 50px}.page-hero h1{font-size:clamp(48px,7vw,78px)}.split{display:grid;grid-template-columns:1.25fr .75fr;gap:50px}.panel{border-radius:14px;padding:32px}.spec-list{border-top:1px solid var(--line)}.spec-list div{display:flex;justify-content:space-between;padding:17px 0;border-bottom:1px solid var(--line);gap:20px}.spec-list span{color:var(--muted)}.spec-list strong{font-family:"Space Mono";font-size:12px}.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.gallery-item{margin:0;aspect-ratio:1.15;border-radius:14px;overflow:hidden;border:1px solid var(--line);position:relative;background:#07101c}.gallery-item img{width:100%;height:100%;object-fit:cover;opacity:.72;transition:.35s}.gallery-item:hover img{opacity:1;transform:scale(1.04)}.gallery-item:after{content:"";position:absolute;inset:35% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.9))}.gallery-item figcaption{position:absolute;z-index:2;bottom:18px;left:20px}.gallery-item figcaption span,.pill{display:block;font:9px "Space Mono";color:#5ca8ff;text-transform:uppercase;letter-spacing:.12em}.gallery-item figcaption strong{display:block;margin-top:4px}.service-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.service-card{padding:24px;display:grid;grid-template-columns:40px 1fr 20px;gap:15px;border-radius:13px}.service-number{font:700 12px "Space Mono";color:#37648e}.service-card h3{margin:0 0 5px}.service-card p{color:var(--muted);margin:0 0 12px;font-size:14px}.pill{display:inline-block;border:1px solid #163d66;border-radius:20px;padding:5px 8px}.arrow{color:#4b9eff}.contact-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:18px}.contact-form label{display:block;color:#b7c5d8;font-size:13px;margin-bottom:18px}.contact-form input,.contact-form textarea{display:block;width:100%;margin-top:7px;padding:12px;border:1px solid #1a2c43;border-radius:8px;background:#050a12;color:#fff;font:inherit;outline:none}.contact-form input:focus,.contact-form textarea:focus{border-color:#237dd4;box-shadow:0 0 0 3px rgba(20,125,255,.1)}.success{padding:12px;margin-bottom:18px;border:1px solid #145d83;background:#062033;color:#8dceff;border-radius:8px;font-size:13px}.contact-note{margin-top:25px;border-left:2px solid #1d80e8;padding-left:15px}.contact-note strong,.contact-note span{display:block}.contact-note span{color:var(--muted);font-size:13px;margin-top:3px}.site-footer{border-top:1px solid var(--line);margin-top:30px;padding:45px 0 25px;background:#020409}.footer-grid{display:flex;justify-content:space-between;gap:30px}.footer-grid p{color:var(--muted);font-size:13px}.footer-links{display:flex;gap:18px;align-items:center}.footer-links a{color:#7f91aa;text-decoration:none;font-size:13px}.copyright{border-top:1px solid #0d1624;margin-top:30px;padding-top:18px;color:#51627a;font:10px "Space Mono"}
code{font-family:"Space Mono";font-size:.85em;color:#70b7ff}@media(max-width:800px){.nav{display:none;position:absolute;top:76px;left:20px;right:20px;flex-direction:column;background:#070d17;border:1px solid var(--line);padding:10px;border-radius:10px}.nav.open{display:flex}.menu-toggle{display:block}.hero{grid-template-columns:1fr;gap:35px;padding:70px 0}.card-grid.three,.gallery-grid,.service-grid,.split,.contact-layout{grid-template-columns:1fr}.page-hero{padding-top:70px}.footer-grid{flex-direction:column}.footer-links{flex-wrap:wrap}}