*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;background:#02050c;color:#f7fbff;overflow-x:hidden}
body:before{content:"";position:fixed;inset:0;z-index:-10;background:radial-gradient(circle at 70% 10%,rgba(21,143,255,.18),transparent 28%),radial-gradient(circle at 15% 70%,rgba(0,220,205,.09),transparent 24%),linear-gradient(180deg,#02050c,#050b19 50%,#02050c)}
#particles{position:fixed;inset:0;z-index:-8;pointer-events:none}
.grid{position:fixed;inset:0;z-index:-9;pointer-events:none;background-image:linear-gradient(rgba(93,198,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(93,198,255,.035) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(to bottom,#000,transparent 82%)}
a{color:inherit;text-decoration:none}
nav{position:fixed;top:16px;left:50%;transform:translateX(-50%);z-index:50;width:min(1180px,92%);height:68px;border:1px solid rgba(255,255,255,.11);border-radius:21px;background:rgba(3,8,18,.58);backdrop-filter:blur(22px);display:flex;align-items:center;justify-content:space-between;padding:0 18px;box-shadow:0 18px 70px rgba(0,0,0,.32)}
.nav-logo{height:48px;width:140px;object-fit:contain;object-position:left center}
.nav-links{display:flex;gap:27px;color:#9eacc3;font-size:12px;font-weight:700}.nav-links a:hover,.nav-links a.active{color:#fff}
.nav-cta{padding:11px 15px;border:1px solid rgba(51,217,255,.35);background:rgba(22,194,255,.08);border-radius:12px;font-size:11px;font-weight:800}
#stage{position:fixed;inset:0;z-index:-5;pointer-events:none;display:grid;place-items:center;perspective:1200px;overflow:hidden}
.floating-logo{position:absolute;width:min(560px,55vw);opacity:.075;filter:drop-shadow(0 0 45px rgba(18,211,255,.45));transform-style:preserve-3d;will-change:transform}
.depth-layer{position:absolute;inset:0;display:grid;place-items:center;transform-style:preserve-3d}
.depth-layer img{width:min(560px,55vw);opacity:.018;filter:blur(1px)}
.ring{position:absolute;border:1px solid rgba(47,213,255,.12);border-radius:50%;width:min(720px,75vw);height:min(250px,28vw);transform:rotateX(68deg) rotateZ(-15deg);animation:orbit 18s linear infinite}
.ring.r2{width:min(900px,95vw);height:min(330px,35vw);border-color:rgba(52,101,255,.08);animation-duration:26s;transform:rotateX(67deg) rotateZ(35deg)}
.ring.r3{width:min(520px,58vw);height:min(190px,22vw);border-color:rgba(48,226,205,.09);animation-duration:12s;transform:rotateX(70deg) rotateZ(82deg)}
main{position:relative;z-index:1}
.hero{min-height:100vh;padding:140px 6vw 90px;display:grid;align-items:center}.container{width:min(1180px,100%);margin:auto}
.hero-layout{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:30px}
.kicker{display:inline-flex;align-items:center;gap:8px;color:#54e3ff;text-transform:uppercase;letter-spacing:.19em;font-size:10px;font-weight:800}.kicker:before{content:"";width:7px;height:7px;border-radius:50%;background:#54e3ff;box-shadow:0 0 18px #54e3ff}
h1{font-size:clamp(52px,7.2vw,98px);line-height:.9;letter-spacing:-.065em;margin:25px 0}.grad{background:linear-gradient(105deg,#fff,#7beeff 45%,#3979ff);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero-copy{color:#8d9db7;font-size:17px;line-height:1.85;max-width:670px}
.buttons{display:flex;gap:12px;margin-top:31px;flex-wrap:wrap}.btn{padding:15px 19px;border-radius:13px;border:1px solid rgba(255,255,255,.12);font-size:12px;font-weight:800;transition:.3s}.btn:hover{transform:translateY(-4px);border-color:rgba(56,217,255,.45)}.btn.primary{background:linear-gradient(105deg,#19caff,#3c77ff);color:#03101b;border:0;box-shadow:0 18px 50px rgba(24,170,255,.22)}
.hero-card{height:480px;display:grid;place-items:center;position:relative;transform-style:preserve-3d}.orb{width:300px;height:300px;border-radius:50%;background:radial-gradient(circle at 30% 23%,#a6f8ff 0 2%,#39dfff 8%,#1b79ff 30%,#092c8d 50%,#040a25 76%);box-shadow:inset -45px -35px 80px rgba(0,0,0,.68),inset 18px 14px 30px rgba(255,255,255,.16),0 0 110px rgba(22,185,255,.25);animation:float 6s ease-in-out infinite;position:relative;transform-style:preserve-3d}.orb:before{content:"";position:absolute;inset:-30px;border:1px solid rgba(55,220,255,.36);border-radius:50%;transform:rotateX(66deg) rotateZ(20deg);animation:spin 10s linear infinite}.orb:after{content:"G";position:absolute;inset:0;display:grid;place-items:center;color:#fff;font-size:155px;font-weight:900;font-style:italic;text-shadow:0 0 35px rgba(74,227,255,.6);transform:translateX(-8px)}
.holo{position:absolute;padding:12px 15px;border:1px solid rgba(255,255,255,.10);border-radius:13px;background:rgba(2,10,23,.62);backdrop-filter:blur(15px);font-size:10px;color:#8fa2bf}.holo b{display:block;color:#fff;font-size:12px;margin-bottom:4px}.h1c{top:10%;right:0}.h2c{bottom:14%;left:0}.h3c{bottom:3%;right:7%}
section{padding:125px 6vw}.section-head{max-width:1180px;margin:auto}.section-title{font-size:clamp(38px,5.4vw,68px);line-height:.98;letter-spacing:-.055em;margin:15px 0 20px}.section-copy{color:#8799b3;max-width:730px;line-height:1.85;font-size:15px}
.cards{width:min(1180px,100%);margin:48px auto 0;display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.card{min-height:270px;padding:29px;border-radius:25px;border:1px solid rgba(255,255,255,.09);background:linear-gradient(145deg,rgba(255,255,255,.065),rgba(255,255,255,.018));box-shadow:0 28px 90px rgba(0,0,0,.18);transform-style:preserve-3d;transition:transform .25s,border-color .25s}.card:hover{border-color:rgba(55,217,255,.35)}.num{color:#48ddff;font-size:10px;font-weight:800;letter-spacing:.16em}.card h3{font-size:21px;margin:58px 0 12px}.card p{color:#8192ad;font-size:13px;line-height:1.75}.card-icon{font-size:28px;position:absolute;right:27px;top:25px;opacity:.65}
.split{width:min(1180px,100%);margin:45px auto 0;display:grid;grid-template-columns:1fr 1fr;gap:18px}.panel{padding:36px;border-radius:26px;border:1px solid rgba(255,255,255,.09);background:linear-gradient(145deg,rgba(255,255,255,.065),rgba(255,255,255,.018));box-shadow:0 25px 80px rgba(0,0,0,.16);min-height:320px}.metrics{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-top:30px}.metric{padding:21px;border-radius:17px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.025)}.metric strong{font-size:33px}.metric span{display:block;color:#71839e;font-size:11px;margin-top:6px}
.timeline{width:min(1180px,100%);margin:50px auto 0;display:grid;grid-template-columns:repeat(4,1fr)}.step{padding:26px 22px;border-top:1px solid rgba(60,220,255,.35);position:relative}.step:before{content:"";position:absolute;top:-5px;left:20px;width:9px;height:9px;border-radius:50%;background:#42ddff;box-shadow:0 0 18px #42ddff}.step b{font-size:10px;letter-spacing:.15em;color:#4de0ff}.step h3{margin:15px 0 9px}.step p{color:#7e90aa;font-size:12px;line-height:1.7}
.cta{width:min(1180px,100%);margin:auto;border-radius:30px;padding:55px;display:grid;grid-template-columns:1.1fr .9fr;gap:40px;border:1px solid rgba(255,255,255,.10);background:radial-gradient(circle at 80% 15%,rgba(32,184,255,.17),transparent 36%),linear-gradient(145deg,rgba(255,255,255,.07),rgba(255,255,255,.025));box-shadow:0 30px 100px rgba(0,0,0,.2)}address{font-style:normal;color:#b4c3d7;line-height:1.9;font-size:13px}address strong{display:block;color:#fff;font-size:15px;margin-bottom:8px}
footer{border-top:1px solid rgba(255,255,255,.07);padding:30px 6vw;color:#66768f;font-size:10px}.footer{width:min(1180px,100%);margin:auto;display:flex;justify-content:space-between;align-items:center}.footer img{height:38px;width:120px;object-fit:contain}
.reveal{opacity:0;transform:translateY(28px);transition:opacity .8s ease,transform .8s ease}.reveal.show{opacity:1;transform:none}
.page-hero{padding:180px 6vw 110px;min-height:68vh;display:flex;align-items:end}.page-hero .container{width:min(1180px,100%)}.page-hero h1{max-width:900px}
@keyframes float{50%{transform:translateY(-18px) rotateY(8deg)}}@keyframes spin{to{transform:rotateX(66deg) rotateZ(380deg)}}@keyframes orbit{to{transform:rotateX(68deg) rotateZ(360deg)}}
@media(max-width:900px){.nav-links{display:none}.hero-layout,.split,.cta{grid-template-columns:1fr}.hero-card{height:450px;order:-1}.cards{grid-template-columns:1fr 1fr}.timeline{grid-template-columns:1fr 1fr}.floating-logo,.depth-layer img{width:80vw}}
@media(max-width:600px){nav{top:9px}.nav-cta{display:none}.nav-logo{width:125px}.hero{padding-top:110px}.hero-card{height:360px}.orb{width:225px;height:225px}.orb:after{font-size:115px}section{padding:90px 5vw}.cards,.timeline{grid-template-columns:1fr}.cta{padding:30px}.page-hero{padding:145px 5vw 80px}.holo{transform:scale(.86)}}