@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Manrope:wght@600;700;800&display=swap');
:root{--bg:#050816;--panel:#0b1224;--panel2:#101a31;--text:#f7f9ff;--muted:#94a3bd;--line:rgba(255,255,255,.1);--p:#7c5cff;--s:#21d4fd;--gold:#d6b36a;--max:1240px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 80% 0%,rgba(124,92,255,.16),transparent 32%),radial-gradient(circle at 10% 30%,rgba(33,212,253,.09),transparent 30%),var(--bg);color:var(--text);font-family:Inter,Arial,sans-serif;line-height:1.7}body:before{content:'';position:fixed;inset:0;pointer-events:none;opacity:.12;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:60px 60px;mask-image:linear-gradient(to bottom,#000,transparent 80%)}a{color:inherit;text-decoration:none}.container{width:min(calc(100% - 40px),var(--max));margin:auto}.nav{position:fixed;top:0;left:0;right:0;z-index:100;background:rgba(5,8,22,.72);backdrop-filter:blur(22px);border-bottom:1px solid var(--line)}.nav-inner{height:82px;display:flex;align-items:center;justify-content:space-between}.brand{font:800 25px Manrope;letter-spacing:-1px}.brand span{color:var(--gold)}.links{display:flex;align-items:center;gap:22px;font-size:13px;color:#cbd5e1}.links a:hover{color:white}.nav-cta,.btn-primary{padding:11px 17px;border-radius:12px;background:linear-gradient(135deg,var(--p),#4f46e5);box-shadow:0 12px 30px rgba(124,92,255,.24);font-weight:700;color:white}.hero{padding:170px 0 90px;min-height:780px;display:flex;align-items:center}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:70px;align-items:center}.eyebrow,.badge{display:inline-flex;border:1px solid rgba(214,179,106,.28);background:rgba(214,179,106,.08);color:#e6c982;border-radius:999px;padding:7px 12px;font-size:11px;font-weight:800;letter-spacing:1.6px;text-transform:uppercase}.hero h1{font:800 clamp(50px,7vw,88px)/1.02 Manrope;letter-spacing:-4px;margin:22px 0}.gradient{background:linear-gradient(90deg,#fff 15%,#a98cff 55%,#57dcff);-webkit-background-clip:text;color:transparent}.hero p{max-width:700px;color:var(--muted);font-size:18px}.actions{display:flex;gap:14px;margin-top:28px}.btn{display:inline-flex;padding:12px 18px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.04);font-weight:700}.scene{height:460px;position:relative;display:grid;place-items:center;perspective:1000px}.orb{width:240px;height:240px;border-radius:50%;background:radial-gradient(circle at 35% 25%,#fff 0,#b69cff 7%,#7658ff 25%,#171c4a 67%,#060817 100%);box-shadow:0 0 90px rgba(124,92,255,.6),inset -35px -30px 70px #000;animation:float 6s ease-in-out infinite}.ring{position:absolute;width:380px;height:150px;border:1px solid rgba(86,221,255,.6);border-radius:50%;transform:rotateX(65deg) rotateZ(-20deg);box-shadow:0 0 30px rgba(33,212,253,.18);animation:spin 12s linear infinite}.ring.r2{width:320px;height:120px;border-color:rgba(214,179,106,.5);transform:rotateX(70deg) rotateZ(35deg);animation-direction:reverse}.cube{position:absolute;width:80px;height:80px;border:1px solid rgba(255,255,255,.4);transform:translate(125px,-110px) rotate(35deg) skew(-8deg);box-shadow:0 0 40px rgba(33,212,253,.2);animation:cube 7s ease-in-out infinite}.section{padding:100px 0}.section-head{max-width:780px;margin-bottom:40px}.section-head h2{font:800 clamp(34px,5vw,58px)/1.08 Manrope;letter-spacing:-2px;margin:12px 0}.muted{color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card,.glass,.project,.product,.team-card{background:linear-gradient(145deg,rgba(255,255,255,.07),rgba(255,255,255,.025));border:1px solid var(--line);border-radius:24px;padding:28px;backdrop-filter:blur(18px);box-shadow:0 25px 70px rgba(0,0,0,.18)}.card{min-height:250px}.card:hover,.product:hover,.project:hover,.team-card:hover{transform:translateY(-7px);border-color:rgba(124,92,255,.5);transition:.35s}.icon{width:48px;height:48px;display:grid;place-items:center;border-radius:15px;background:linear-gradient(135deg,rgba(124,92,255,.25),rgba(33,212,253,.12));color:#bcaeff;font-size:20px}.card h3,.product h3,.project h3,.team-card h3{font:700 22px Manrope;margin:22px 0 8px}.split{display:grid;grid-template-columns:1fr 1fr;gap:20px}.products,.projects,.team{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.product,.project{min-height:280px}.product .tag,.project .tag{color:#aeb8d0;font-size:11px;letter-spacing:1.2px;text-transform:uppercase}.project{position:relative;overflow:hidden}.project:after{content:'';position:absolute;inset:auto -30% -60% 20%;height:170px;background:radial-gradient(circle,rgba(33,212,253,.22),transparent 60%)}.team-card{text-align:center}.avatar{width:86px;height:86px;margin:auto;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#7c5cff,#21d4fd);font:800 24px Manrope}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.stat{padding:25px;border:1px solid var(--line);border-radius:20px;background:rgba(255,255,255,.035)}.stat strong{display:block;font:800 36px Manrope}.contact-list{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.contact-item{padding:20px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.035)}footer{border-top:1px solid var(--line);padding:30px 0;color:#71809a;font-size:13px}.mobile-toggle{display:none}@keyframes float{50%{transform:translateY(-20px) scale(1.03)}}@keyframes spin{to{transform:rotateX(65deg) rotateZ(340deg)}}@keyframes cube{50%{transform:translate(125px,-130px) rotate(210deg)}}.reveal{opacity:0;transform:translateY(20px);transition:.8s ease}.reveal.show{opacity:1;transform:none}@media(max-width:900px){.links{display:none}.mobile-toggle{display:block}.hero-grid,.split{grid-template-columns:1fr}.hero{padding-top:130px}.grid,.products,.projects,.team{grid-template-columns:1fr 1fr}.stats{grid-template-columns:1fr 1fr}.contact-list{grid-template-columns:1fr}.scene{height:340px}}@media(max-width:560px){.grid,.products,.projects,.team{grid-template-columns:1fr}.hero h1{letter-spacing:-2px}.scene{transform:scale(.8)}}