:root{--bg:#02060b;--panel:#050b13;--cyan:#12c9ff;--blue:#087cff;--text:#f4f8ff;--muted:#8995a5;--line:rgba(38,164,255,.18);--max:1180px}
*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:Inter,Arial,sans-serif;overflow-x:hidden}
a{text-decoration:none;color:inherit}.container{width:min(var(--max),calc(100% - 42px));margin:auto}.noise{position:fixed;inset:0;pointer-events:none;z-index:100;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
.header{position:fixed;top:0;left:0;width:100%;z-index:50;background:rgba(2,6,11,.78);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.06)}
.nav{height:82px;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{display:flex;align-items:center;gap:20px;font:700 25px Orbitron,sans-serif;letter-spacing:-1px}.brand img{width:51px;height:51px;object-fit:contain;filter:drop-shadow(0 0 9px rgba(18,201,255,.25))}.brand>span span{color:var(--cyan)}
.nav-links{display:flex;align-items:center;gap:34px;font-size:14px;color:#d3dae3}.nav-links a{position:relative;padding:31px 0;transition:.25s}.nav-links a:hover,.nav-links .active{color:var(--cyan)}.nav-links .active:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background:var(--cyan);box-shadow:0 0 12px var(--cyan)}
.header-cta{padding:11px 20px;border:1px solid var(--cyan);border-radius:24px;font-size:13px;box-shadow:0 0 18px rgba(18,201,255,.08);transition:.25s}.header-cta:hover{background:rgba(18,201,255,.1);box-shadow:0 0 25px rgba(18,201,255,.2)}
.menu-toggle{display:none;background:none;border:0}.menu-toggle i{display:block;width:25px;height:2px;background:#fff;margin:5px}

.hero{position:relative;min-height:790px;padding-top:82px;display:flex;align-items:center;overflow:hidden;border-bottom:1px solid rgba(255,255,255,.05)}
.circuit-bg{position:absolute;inset:0;background-image:linear-gradient(90deg,rgba(0,121,255,.05) 1px,transparent 1px),linear-gradient(rgba(0,121,255,.04) 1px,transparent 1px);background-size:75px 75px;mask-image:linear-gradient(90deg,#000,transparent 95%)}
.circuit-bg:after{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 9% 36%,rgba(0,163,255,.8) 0 2px,transparent 3px),radial-gradient(circle at 37% 74%,rgba(0,163,255,.65) 0 2px,transparent 3px),radial-gradient(circle at 72% 25%,rgba(0,163,255,.55) 0 2px,transparent 3px);background-size:370px 290px}
.hero-glow{position:absolute;width:700px;height:700px;right:-90px;top:40px;background:radial-gradient(circle,rgba(0,126,255,.18),transparent 67%);filter:blur(20px)}
.hero-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:35px;position:relative;z-index:2}.eyebrow,.section-title>span,.about-heading>span,.contact-box>div>span{font-size:11px;letter-spacing:2px;font-weight:700;color:var(--cyan)}
.eyebrow{display:flex;align-items:center;gap:10px;margin-bottom:24px}.eyebrow b{width:30px;height:1px;background:var(--cyan);box-shadow:0 0 10px var(--cyan)}
.hero h1{font-size:clamp(45px,5vw,68px);line-height:1.06;letter-spacing:-3px;font-weight:800}.hero h1 em{font-style:normal;color:var(--cyan);text-shadow:0 0 25px rgba(18,201,255,.12)}.title-line{height:2px;width:70px;background:var(--cyan);margin:26px 0;box-shadow:0 0 12px var(--cyan)}
.hero-copy>p{color:#929eac;line-height:1.75;max-width:570px;font-size:14px}.hero-buttons{display:flex;gap:15px;flex-wrap:wrap;margin-top:30px}.button{padding:14px 20px;border-radius:6px;font-size:13px;font-weight:600;transition:.25s}.button.primary{background:linear-gradient(135deg,#0c8cff,#075dff);box-shadow:0 0 25px rgba(0,116,255,.22)}.button.secondary{border:1px solid rgba(18,201,255,.55)}.button:hover{transform:translateY(-2px);box-shadow:0 0 30px rgba(18,150,255,.25)}
.trust{display:flex;gap:30px;margin-top:55px}.trust div{display:flex;align-items:center;gap:10px}.trust strong{font-size:26px;color:var(--cyan);font-weight:400}.trust span{font-size:10px;line-height:1.5;color:#b5bfcb}
.hero-logo{position:relative;display:grid;place-items:center;min-height:550px}.hero-logo img{width:min(570px,100%);height:auto;object-fit:contain;filter:drop-shadow(0 0 25px rgba(0,145,255,.34));animation:float 6s ease-in-out infinite}.logo-halo{position:absolute;width:460px;height:460px;border-radius:50%;background:radial-gradient(circle,rgba(0,140,255,.13),transparent 64%);filter:blur(15px)}

.section{padding:100px 0}.section-title{text-align:center;margin-bottom:42px}.section-title h2{font-size:38px;margin-top:9px;letter-spacing:-1.5px}.section-title h2 b{color:#fff}
.services{background:linear-gradient(180deg,rgba(2,6,11,0),rgba(3,12,22,.55),rgba(2,6,11,0))}
.service-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:14px}.service-card{min-height:235px;padding:24px 17px;border:1px solid rgba(83,151,214,.17);background:linear-gradient(145deg,rgba(7,16,27,.95),rgba(3,8,14,.95));border-radius:9px;text-align:center;transition:.3s;position:relative;overflow:hidden}.service-card:before{content:"";position:absolute;inset:-100%;background:radial-gradient(circle,rgba(0,159,255,.12),transparent 30%);opacity:0;transition:.4s}.service-card:hover{transform:translateY(-7px);border-color:rgba(18,201,255,.5);box-shadow:0 15px 40px rgba(0,110,255,.1)}.service-card:hover:before{opacity:1}.icon{position:relative;display:grid;place-items:center;width:57px;height:57px;margin:0 auto 20px;color:#08aaff;font-size:30px;border:1px solid rgba(0,166,255,.35);box-shadow:0 0 20px rgba(0,141,255,.12);background:rgba(0,133,255,.04);border-radius:7px}.service-card h3{position:relative;font-size:13px;margin-bottom:11px}.service-card p{position:relative;color:#8591a0;font-size:11px;line-height:1.65}

.about{border-top:1px solid rgba(255,255,255,.04);border-bottom:1px solid rgba(255,255,255,.04)}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.about-heading h2{font-size:45px;line-height:1.1;letter-spacing:-2px;margin-top:12px}.about-heading h2 b{color:var(--cyan)}.about-text{border-left:1px solid var(--cyan);padding-left:35px}.about-text p{color:#8995a4;line-height:1.85;font-size:14px;margin-bottom:18px}.text-link{display:inline-block;color:var(--cyan);font-size:12px;margin-top:8px}.text-link b{margin-left:12px}
.diff-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.diff{padding:30px;border:1px solid rgba(255,255,255,.07);background:#050b12;min-height:185px;transition:.25s}.diff:hover{border-color:rgba(18,201,255,.35);transform:translateY(-4px)}.diff>b{color:var(--cyan);font:12px Orbitron}.diff h3{margin:30px 0 10px;font-size:16px}.diff p{font-size:12px;color:#7f8b9a;line-height:1.65}
.contact-box{display:grid;grid-template-columns:1.2fr .8fr;gap:50px;align-items:center;border:1px solid rgba(18,201,255,.22);padding:50px;background:radial-gradient(circle at 0 0,rgba(0,137,255,.12),transparent 45%),#050c14}.contact-box h2{font-size:43px;line-height:1.1;letter-spacing:-2px;margin-top:12px}.contact-box h2 b{color:var(--cyan)}.contact-box p{color:#8b97a5;line-height:1.7;font-size:13px;margin-top:17px}.contact-links{display:grid;gap:12px}.contact-links a{padding:18px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.015);transition:.25s}.contact-links a:hover{border-color:rgba(18,201,255,.4);transform:translateX(4px)}.contact-links small{display:block;color:#5f6e7f;font-size:9px;letter-spacing:1.5px;margin-bottom:6px}.contact-links strong{font-size:14px}
footer{border-top:1px solid rgba(255,255,255,.06);padding:28px 0;color:#667383;font-size:11px}.footer-inner{display:flex;justify-content:space-between;align-items:center}.footer-inner .brand img{width:39px;height:39px}.footer-inner .brand{font-size:19px}.footer-inner>a:last-child:hover{color:var(--cyan)}
.reveal{opacity:0;transform:translateY(20px);transition:.8s ease}.reveal.visible{opacity:1;transform:none}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}@media(max-width:1050px){.service-grid{grid-template-columns:repeat(4,1fr)}.nav-links{gap:18px}.header-cta{padding:10px 14px}}@media(max-width:800px){.nav-links,.header-cta{display:none}.menu-toggle{display:block}.nav-links.open{display:flex;position:absolute;top:82px;left:20px;right:20px;padding:20px;flex-direction:column;background:rgba(3,8,14,.98);border:1px solid rgba(18,201,255,.2)}.nav-links.open a{padding:10px}.hero{padding:135px 0 70px}.hero-grid{grid-template-columns:1fr}.hero-logo{min-height:380px;order:-1}.hero-logo img{width:min(420px,88vw)}.logo-halo{width:320px;height:320px}.service-grid{grid-template-columns:repeat(2,1fr)}.about-grid,.contact-box{grid-template-columns:1fr}.diff-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:520px){.container{width:calc(100% - 28px)}.hero h1{font-size:43px}.trust{gap:14px;justify-content:space-between}.trust span{font-size:8px}.hero-logo{min-height:300px}.service-grid,.diff-grid{grid-template-columns:1fr}.section{padding:75px 0}.section-title h2,.about-heading h2,.contact-box h2{font-size:32px}.contact-box{padding:30px 22px}.footer-inner{flex-direction:column;gap:18px;text-align:center}}