.nav{position:fixed;top:18px;left:50%;transform:translateX(-50%);width:min(calc(100% - 28px),1220px);z-index:50;background:rgba(3,8,20,.65);border:1px solid rgba(255,255,255,.08);border-radius:18px;backdrop-filter:blur(18px);box-shadow:0 14px 60px rgba(0,0,0,.26)}.nav-inner{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:10px 16px 10px 20px}.brand{display:flex;align-items:center;min-width:180px}.brand img{width:170px;height:auto}.nav-links{display:flex;align-items:center;gap:30px;color:#bac5dc;font-size:.92rem}.nav-links a{transition:color .25s ease,transform .25s ease}.nav-links a:hover{color:#fff;transform:translateY(-2px)}.nav-cta{padding:12px 18px}.hero{min-height:100vh;display:flex;align-items:center;padding:145px 0 70px;isolation:isolate}.hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:50px;align-items:center}.hero-copy{position:relative;z-index:2}.hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:34px}.hero-meta{display:flex;flex-wrap:wrap;gap:18px 28px;margin-top:48px;color:#c8d4ec;font-size:.9rem}.hero-meta span{display:flex;align-items:center;gap:9px}.dot{width:8px;height:8px;border-radius:50%;background:#00c2ff;box-shadow:0 0 18px #00c2ff}.orbital{position:relative;min-height:560px;display:grid;place-items:center;perspective:1000px}.orbital:before,.orbital:after{content:"";position:absolute;border-radius:50%;border:1px solid rgba(80,140,255,.22);animation:spin 14s linear infinite}.orbital:before{width:500px;height:260px;transform:rotate(-17deg);box-shadow:0 0 80px rgba(47,124,255,.08)}.orbital:after{width:400px;height:400px;border-color:rgba(111,77,255,.18);animation-duration:20s;animation-direction:reverse}.logo-core{width:min(92%,540px);padding:28px;background:radial-gradient(circle at center,rgba(24,72,180,.34),rgba(3,8,20,.35) 58%,transparent 72%);filter:drop-shadow(0 0 28px rgba(47,124,255,.35));animation:float 5s ease-in-out infinite;z-index:2;transform:translate(var(--pointer-x,0),var(--pointer-y,0))}.particle{position:absolute;width:6px;height:6px;border-radius:50%;background:#65a3ff;box-shadow:0 0 18px #65a3ff;animation:pulse 2.7s ease-in-out infinite}.p1{top:18%;left:20%}.p2{top:30%;right:12%;animation-delay:.8s}.p3{bottom:22%;left:12%;animation-delay:1.2s}.p4{bottom:12%;right:24%;animation-delay:1.7s}.glow{position:absolute;border-radius:50%;filter:blur(100px);opacity:.25;pointer-events:none;z-index:-1}.glow-one{width:430px;height:430px;background:#155dff;right:-140px;top:10%}.glow-two{width:320px;height:320px;background:#6547ff;left:-120px;bottom:10%}
.section-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:54px}.section-head p{max-width:470px;color:var(--muted);line-height:1.7}.services-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.card{border:1px solid var(--border);background:linear-gradient(180deg,rgba(19,42,86,.5),rgba(5,14,31,.68)),var(--panel);border-radius:var(--radius);box-shadow:0 24px 90px rgba(0,53,170,.18);backdrop-filter:blur(14px);transition:transform .35s ease,border-color .35s ease}.card:hover{transform:translateY(-10px);border-color:var(--hover)}.service-card{min-height:320px;padding:28px;position:relative;overflow:hidden}.icon{width:52px;height:52px;display:grid;place-items:center;border-radius:16px;background:linear-gradient(145deg,rgba(50,126,255,.28),rgba(111,77,255,.18));border:1px solid rgba(104,161,255,.28);font-size:1.4rem;margin-bottom:62px}.service-card h3{font-size:1.28rem}.service-card p,.project-content p,.cta-box p{color:var(--muted);line-height:1.7;margin-top:14px}.arrow{position:absolute;right:26px;bottom:26px;color:#86adff;font-size:1.4rem}.project-list{display:grid;gap:24px}.project{display:grid;grid-template-columns:1fr 1fr;overflow:hidden}.project-reverse{grid-template-columns:1fr 1fr}.project-reverse .project-visual{order:2}.project-visual{min-height:370px;padding:42px;display:grid;place-items:center;background:radial-gradient(circle,rgba(47,124,255,.24),transparent 60%)}.mockup{width:100%;padding:18px;border:1px solid rgba(130,177,255,.3);border-radius:16px;background:rgba(4,12,29,.78);box-shadow:0 22px 50px rgba(0,0,0,.3);transform:rotate(-4deg)}.mockup-purple{background:rgba(23,12,56,.8);transform:rotate(4deg)}.mock-top{display:flex;gap:6px;margin-bottom:14px}.mock-top span{width:7px;height:7px;border-radius:50%;background:#5e94ff}.mock-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:12px}.mock-panel{min-height:140px;border-radius:10px;background:linear-gradient(135deg,rgba(52,125,255,.65),rgba(37,50,126,.2))}.mock-stack{display:grid;gap:12px}.mock-stack .mock-panel{min-height:64px}.project-content{padding:52px 48px}.project-type{color:#76a5ff;text-transform:uppercase;letter-spacing:.12em;font-size:.75rem;font-weight:700}.project-content h3{font-size:clamp(1.7rem,3vw,2.5rem);margin-top:16px}.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:26px}.chip{padding:8px 12px;border:1px solid rgba(116,162,255,.24);border-radius:999px;color:#b7caff;font-size:.8rem}.tech-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.tech{min-height:100px;display:flex;align-items:center;gap:14px;padding:22px;font-weight:700}.tech strong{color:#78a8ff;font-size:1.2rem}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.metrics{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.metric{padding:26px;min-height:150px;display:flex;flex-direction:column;justify-content:space-between}.metric strong{font:700 3rem "Space Grotesk";color:#8ab7ff}.metric span{color:var(--muted)}.cta-box{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:52px}.cta-box h2{font-size:clamp(2rem,4vw,3.5rem)}footer{padding:70px 0 28px;border-top:1px solid rgba(110,150,220,.12)}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:50px}.footer-brand img{width:180px}.footer-brand p{max-width:280px;color:var(--muted);line-height:1.7;margin-top:18px}.footer-col{display:flex;flex-direction:column;gap:14px}.footer-col strong{margin-bottom:8px}.footer-col a{color:var(--muted)}.footer-col a:hover{color:#fff}.copyright{display:flex;justify-content:space-between;gap:20px;color:#637397;font-size:.8rem;margin-top:70px;padding-top:22px;border-top:1px solid rgba(110,150,220,.12)}.reveal{opacity:0;transform:translateY(28px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}@keyframes float{50%{transform:translate(var(--pointer-x,0),calc(var(--pointer-y,0) - 12px))}}@keyframes spin{to{rotate:360deg}}@keyframes pulse{50%{scale:1.8;opacity:.4}}