:root{--bg:#03111e;--bg2:#071d30;--cyan:#17c8ff;--blue:#0987ff;--text:#f4fbff;--muted:#9fb6c8;--glass:rgba(8,37,61,.56);--line:rgba(86,209,255,.27)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 85% 15%,#08365c 0,transparent 28%),var(--bg);color:var(--text);font-family:Inter,system-ui,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}h1,h2,h3{font-family:"Space Grotesk",sans-serif;margin-top:0}.glass{background:linear-gradient(135deg,rgba(20,64,94,.64),rgba(4,19,34,.48));border:1px solid rgba(100,211,255,.23);box-shadow:0 18px 55px rgba(0,0,0,.22),inset 0 1px rgba(255,255,255,.08);backdrop-filter:blur(18px)}.site-header{position:fixed;z-index:30;top:16px;left:50%;transform:translateX(-50%);width:min(94%,1500px);height:72px;border-radius:22px;display:flex;align-items:center;padding:0 18px;gap:28px}.brand{display:flex;align-items:center;gap:11px;font-size:20px;font-weight:800;white-space:nowrap}.brand>span:last-child>span{color:var(--cyan)}.brand small{display:block;font-size:7px;letter-spacing:1.1px;color:#94aec0}.brand-mark{width:39px;height:39px;border-radius:11px;display:grid;place-items:center;font:bold 24px Space Grotesk;background:linear-gradient(145deg,#21d9ff,#087cf4);box-shadow:0 0 28px #08bffc77}.site-header nav{margin-left:auto;display:flex;gap:26px;font-size:14px}.site-header nav a{color:#cae0ed;transition:.25s}.site-header nav a:hover{color:white;text-shadow:0 0 18px var(--cyan)}.btn{border:0;display:inline-flex;align-items:center;justify-content:center;gap:10px;background:linear-gradient(120deg,#0b8eff,#13d5ff);color:white;font-weight:800;border-radius:14px;padding:15px 24px;box-shadow:0 8px 30px rgba(3,169,255,.35),inset 0 1px rgba(255,255,255,.4);transition:.28s;cursor:pointer}.btn:hover{transform:translateY(-3px);box-shadow:0 13px 42px rgba(3,190,255,.5)}.btn.small{padding:11px 18px;border-radius:12px;font-size:13px}.btn.ghost{background:rgba(4,28,48,.45);border:1px solid rgba(61,203,255,.45);box-shadow:none}.nav-toggle{display:none;background:none;color:white;border:0;font-size:24px}.hero{position:relative;height:100vh;min-height:720px;display:flex;align-items:center;overflow:hidden}.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(1.08) contrast(1.03)}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,13,25,.93) 0%,rgba(3,20,34,.75) 36%,rgba(3,18,32,.18) 70%,rgba(2,13,25,.38)),linear-gradient(0deg,rgba(2,14,25,.95) 0%,transparent 26%)}.hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(30,190,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(30,190,255,.04) 1px,transparent 1px);background-size:55px 55px;mask-image:linear-gradient(to right,black,transparent 70%);animation:gridMove 12s linear infinite}.hero-copy{position:relative;z-index:3;width:min(700px,86vw);margin-left:max(6vw,40px);margin-top:56px}.eyebrow{display:inline-flex;color:#66ddff;font-size:12px;font-weight:800;letter-spacing:1.6px;border:1px solid rgba(65,204,255,.4);background:rgba(5,57,83,.42);padding:8px 12px;border-radius:999px;margin-bottom:20px}.hero h1,.contact-title h1{font-size:clamp(48px,6vw,88px);line-height:.98;letter-spacing:-3px;margin-bottom:22px}.hero h1 em,.contact-title h1 em{font-style:normal;color:var(--cyan);text-shadow:0 0 32px rgba(22,200,255,.28)}.hero p{font-size:18px;line-height:1.7;color:#c5d6e2;max-width:640px}.actions{display:flex;gap:14px;margin-top:30px}.actions.center{justify-content:center}.hero-mini{display:flex;gap:10px;flex-wrap:wrap;margin-top:34px}.hero-mini span{font-size:12px;padding:9px 12px;border:1px solid var(--line);background:rgba(7,30,49,.58);border-radius:12px;backdrop-filter:blur(10px)}.scroll-hint{position:absolute;bottom:25px;right:40px;z-index:3;color:#a7bdcc;font-size:12px;display:flex;align-items:center;gap:10px}.scroll-hint span{width:42px;height:42px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;animation:bob 1.8s infinite}.orb{position:absolute;border-radius:50%;filter:blur(45px);opacity:.28;pointer-events:none}.orb-a{width:260px;height:260px;background:#06bfff;right:12%;top:18%;animation:float 7s ease-in-out infinite}.orb-b{width:180px;height:180px;background:#1b6cff;right:35%;bottom:10%;animation:float 9s ease-in-out infinite reverse}.brands{padding:34px 7%;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#061827;display:flex;align-items:center;gap:45px}.brands>span{font-weight:700;color:#91a8b8}.brand-row{display:flex;justify-content:space-around;gap:50px;flex:1;font-size:24px;color:#dcebf4}.section{padding:110px 7%;max-width:1500px;margin:auto}.intro,.split{display:grid;grid-template-columns:1fr 1.05fr;align-items:center;gap:70px}.section-copy h2,.section-heading h2,.cta h2,.contact-form h2,.quick-help h2{font-size:clamp(34px,4vw,58px);letter-spacing:-2px;margin-bottom:18px}.section-copy p,.section-heading p{color:var(--muted);line-height:1.75;font-size:16px}.section-copy ul{padding:0;list-style:none;color:#d8e8f2;line-height:2.2}.section-copy li:before{content:'✓';color:var(--cyan);margin-right:12px}.visual-card{position:relative;border-radius:28px;overflow:hidden;border:1px solid var(--line);box-shadow:0 35px 80px rgba(0,0,0,.38);transform-style:preserve-3d}.visual-card img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover}.floating-tag{position:absolute;right:20px;bottom:20px;padding:13px 18px;background:rgba(3,23,40,.65);border:1px solid rgba(104,218,255,.42);border-radius:15px;backdrop-filter:blur(15px);font-size:12px}.floating-tag b{display:block;color:#4cf4bf;margin-top:4px}.services{max-width:none;background:linear-gradient(180deg,#041522,#062039,#041522)}.section-heading{text-align:center;max-width:720px;margin:0 auto 52px}.card-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;max-width:1500px;margin:auto}.card-grid.three{grid-template-columns:repeat(3,1fr)}.service-card,.review{padding:30px;border-radius:22px;background:linear-gradient(150deg,rgba(18,62,92,.56),rgba(5,24,42,.82));border:1px solid var(--line);box-shadow:inset 0 1px rgba(255,255,255,.05);transform-style:preserve-3d;min-height:260px}.service-card i{font-style:normal;font-size:32px;display:inline-grid;place-items:center;width:58px;height:58px;border-radius:16px;background:#0b86c52b;border:1px solid #2ccfff55;box-shadow:0 0 25px #00bfff22}.service-card h3{font-size:21px;margin-top:27px}.service-card p,.review p{color:var(--muted);line-height:1.7;font-size:14px}.service-card a{color:#53d7ff;font-weight:700;font-size:13px}.motion-band{overflow:hidden;border-block:1px solid var(--line);background:#082037;padding:17px 0}.marquee{width:max-content;display:flex;animation:marquee 24s linear infinite;color:#6fe3ff;font:800 15px Space Grotesk;letter-spacing:1.5px}.marquee span{padding-right:20px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:35px}.stats div{padding:18px;border:1px solid var(--line);border-radius:16px;background:rgba(6,33,54,.55)}.stats b{display:block;font-size:22px;color:#72e6ff}.stats span{font-size:11px;color:var(--muted)}.review span{color:#ffce42}.review footer{color:#71dbff;margin-top:22px;font-weight:700}.cta{text-align:center;padding:100px 7%;background:radial-gradient(circle at 50% 100%,#075783 0,transparent 44%),#041522;border-top:1px solid var(--line)}.cta p{color:var(--muted)}.footer{padding:35px 7%;border-top:1px solid var(--line);display:grid;grid-template-columns:auto 1fr auto;gap:40px;align-items:center;color:#839aab;font-size:12px}.footer>div:nth-child(2){display:flex;gap:24px;justify-content:center;color:#bfe7f5}.cursor-glow{width:320px;height:320px;position:fixed;z-index:999;pointer-events:none;border-radius:50%;background:radial-gradient(circle,rgba(0,195,255,.12),transparent 66%);transform:translate(-50%,-50%);mix-blend-mode:screen}.reveal{opacity:0;transform:translateY(35px);transition:opacity .85s ease,transform .85s cubic-bezier(.2,.7,.2,1)}.reveal.show{opacity:1;transform:none}
/* contact */.contact-page{padding-top:0}.contact-hero{height:640px;position:relative;overflow:hidden}.contact-hero>img{width:100%;height:100%;object-fit:cover}.contact-hero .hero-shade{background:linear-gradient(90deg,rgba(2,12,23,.95),rgba(3,18,33,.45) 55%,rgba(3,18,33,.12))}.contact-title{position:absolute;left:7%;top:190px;z-index:3;max-width:600px}.contact-title p{font-size:18px;color:#c5d7e2;line-height:1.7}.contact-strip{max-width:1500px;margin:-54px auto 0;position:relative;z-index:5;display:grid;grid-template-columns:repeat(4,1fr);gap:16px;padding:0 4%}.contact-strip>a{display:flex;align-items:center;gap:14px;padding:22px;border-radius:18px;background:linear-gradient(145deg,rgba(11,56,85,.9),rgba(3,25,45,.88));border:1px solid #32cfff55;box-shadow:0 12px 35px rgba(0,0,0,.3);backdrop-filter:blur(15px)}.contact-strip i{font-style:normal;font-size:25px;color:#62e0ff}.contact-strip b{display:block;margin-bottom:5px}.contact-strip span{font-size:12px;color:#81dfff}.contact-layout{display:grid;grid-template-columns:1.3fr .7fr;gap:25px}.contact-form,.quick-help{border-radius:24px;padding:32px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.contact-form label{font-size:12px;color:#bfced8;display:block;margin-bottom:16px}.contact-form input,.contact-form select,.contact-form textarea{width:100%;margin-top:8px;border:1px solid rgba(80,192,238,.28);background:rgba(2,24,42,.7);color:white;padding:14px;border-radius:12px;outline:none}.form-note{font-size:11px;color:#748e9f}.quick-help>a{display:flex;gap:14px;align-items:center;border-bottom:1px solid rgba(80,192,238,.16);padding:17px 4px;color:#71ddff}.quick-help>a span{flex:1;color:white}.quick-help small{display:block;color:#7892a3;margin-top:4px}.support-box{margin-top:25px;padding:20px;border-radius:18px;background:#073151;display:flex;align-items:center;justify-content:space-between;gap:12px}
@keyframes marquee{to{transform:translateX(-50%)}}@keyframes gridMove{to{background-position:55px 55px}}@keyframes bob{50%{transform:translateY(7px)}}@keyframes float{50%{transform:translateY(22px) translateX(-18px)}}
@media(max-width:980px){.site-header{top:8px;height:62px}.site-header nav{position:absolute;top:70px;left:0;right:0;padding:16px;display:none;flex-direction:column;background:#061a2a;border:1px solid var(--line);border-radius:18px}.site-header nav.open{display:flex}.nav-toggle{display:block;margin-left:auto}.site-header>.btn{display:none}.hero{min-height:760px}.hero-copy{margin-left:6vw;margin-top:70px}.hero h1{font-size:54px}.intro,.split,.contact-layout{grid-template-columns:1fr}.card-grid{grid-template-columns:repeat(2,1fr)}.brands{overflow:auto}.brand-row{min-width:720px}.contact-strip{grid-template-columns:1fr 1fr;margin-top:-35px}.footer{grid-template-columns:1fr;text-align:center}.footer .brand,.footer>div:nth-child(2){justify-content:center}}@media(max-width:600px){.site-header{width:96%;padding:0 12px}.brand{font-size:15px}.brand-mark{width:32px;height:32px}.brand small{display:none}.hero{height:100svh;min-height:680px}.hero-video{object-position:66% center}.hero-shade{background:linear-gradient(90deg,rgba(2,13,25,.97),rgba(2,13,25,.72) 74%,rgba(2,13,25,.55))}.hero-copy{margin:80px 20px 0;width:auto}.hero h1,.contact-title h1{font-size:43px;letter-spacing:-2px}.hero p{font-size:15px}.actions{flex-wrap:wrap}.hero-mini{display:none}.scroll-hint{right:20px}.section{padding:78px 20px}.card-grid,.card-grid.three,.stats,.form-grid,.contact-strip{grid-template-columns:1fr}.brands{padding-inline:20px}.contact-hero{height:600px}.contact-title{left:20px;right:20px;top:175px}.contact-strip{padding:0 20px;margin-top:-70px}.support-box{flex-direction:column;align-items:flex-start}.cursor-glow{display:none}}
/* extra service pages */
.hero-video{will-change:transform;transform:translateZ(0);backface-visibility:hidden}
.product-hero{min-height:760px;position:relative;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:50px;padding:130px 7% 70px;overflow:hidden;background:radial-gradient(circle at 72% 45%,rgba(18,175,255,.24),transparent 28%),linear-gradient(135deg,#020d18,#062640 58%,#03111e)}
.product-hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(39,192,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(39,192,255,.055) 1px,transparent 1px);background-size:52px 52px;animation:gridMove 18s linear infinite;mask-image:linear-gradient(to bottom,rgba(0,0,0,.6),transparent 85%)}
.product-glow{position:absolute;width:520px;height:520px;right:10%;top:17%;border-radius:50%;background:radial-gradient(circle,rgba(17,201,255,.24),rgba(9,98,255,.08) 42%,transparent 68%);filter:blur(4px);animation:pulseGlow 4s ease-in-out infinite}
.product-copy{position:relative;z-index:3;max-width:700px}.product-copy h1{font-size:clamp(48px,6vw,84px);line-height:.98;letter-spacing:-3px;margin-bottom:22px}.product-copy h1 em{font-style:normal;color:var(--cyan);text-shadow:0 0 30px rgba(23,200,255,.35)}.product-copy p{font-size:18px;line-height:1.7;color:#c5d6e2;max-width:650px}
.security-orbit,.windows-scene{position:relative;z-index:2;width:min(500px,42vw);aspect-ratio:1;margin:auto;border-radius:50%;border:1px solid rgba(76,214,255,.25);background:radial-gradient(circle,rgba(9,90,142,.48),rgba(2,17,31,.22) 62%,transparent 63%);box-shadow:0 0 80px rgba(0,170,255,.18),inset 0 0 80px rgba(0,195,255,.08);animation:float 7s ease-in-out infinite}
.security-orbit:before,.security-orbit:after,.windows-scene:before,.windows-scene:after{content:"";position:absolute;inset:10%;border:1px solid rgba(43,201,255,.27);border-radius:50%;animation:spin 16s linear infinite}.security-orbit:after,.windows-scene:after{inset:22%;animation-direction:reverse;animation-duration:11s}
.shield-core{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);width:145px;height:165px;display:grid;place-items:center;font-size:70px;font-weight:900;color:white;background:linear-gradient(145deg,#13c8ff,#0757ff);clip-path:polygon(50% 0,92% 17%,84% 70%,50% 100%,16% 70%,8% 17%);filter:drop-shadow(0 0 28px rgba(0,204,255,.7))}
.orbit-chip,.float-ui{position:absolute;padding:13px 16px;border:1px solid rgba(102,226,255,.55);background:rgba(5,31,52,.7);backdrop-filter:blur(12px);border-radius:14px;box-shadow:0 0 30px rgba(0,179,255,.2);font:700 11px Space Grotesk;color:#aeefff;letter-spacing:1px}.o1{left:2%;top:20%}.o2{right:0;top:28%}.o3{left:4%;bottom:20%}.o4{right:4%;bottom:16%}
.security-panel{padding:55px;text-align:center;border:1px solid var(--line);border-radius:30px;background:radial-gradient(circle at 50% 15%,rgba(0,188,255,.18),transparent 40%),rgba(5,28,48,.66);box-shadow:0 35px 80px rgba(0,0,0,.35)}.scan-ring{width:220px;height:220px;border-radius:50%;margin:0 auto 24px;display:grid;place-items:center;background:conic-gradient(#1ed5ff 0 356deg,rgba(255,255,255,.09) 356deg);box-shadow:0 0 55px rgba(0,197,255,.3);position:relative;animation:pulseGlow 3s ease-in-out infinite}.scan-ring:after{content:"";position:absolute;inset:12px;background:#061a2a;border-radius:50%}.scan-ring span{z-index:2;font:800 52px Space Grotesk}.notice{margin-top:24px;padding:16px 18px;border-left:3px solid var(--cyan);background:rgba(5,40,64,.55);color:#a9c1d1;font-size:12px;line-height:1.6;border-radius:9px}
.window-logo{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);width:190px;height:190px;display:grid;grid-template-columns:1fr 1fr;gap:8px;filter:drop-shadow(0 0 30px rgba(31,201,255,.6))}.window-logo span{background:linear-gradient(135deg,#20d7ff,#0a7aff);border:1px solid rgba(255,255,255,.35)}.ui1{left:-4%;top:17%}.ui2{right:-8%;top:34%}.ui3{left:5%;bottom:10%}.float-ui b{color:#4cf4bf}
.visual-console{position:relative;min-height:400px;padding:70px 38px 38px;border-radius:28px;border:1px solid var(--line);background:linear-gradient(145deg,rgba(3,23,40,.95),rgba(6,49,79,.75));box-shadow:0 35px 80px rgba(0,0,0,.4);overflow:hidden}.console-top{position:absolute;top:0;left:0;right:0;height:44px;background:rgba(255,255,255,.04);display:flex;align-items:center;gap:8px;padding:0 18px}.console-top span{width:10px;height:10px;border-radius:50%;background:#36d9ff}.visual-console p{font:600 17px/2 Space Grotesk;color:#9ec8da}.visual-console b{color:#4cf4bf}.console-pulse{position:absolute;width:280px;height:280px;border-radius:50%;right:-80px;bottom:-100px;background:radial-gradient(circle,rgba(0,200,255,.22),transparent 70%);animation:pulseGlow 2.8s ease-in-out infinite}
@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulseGlow{50%{transform:scale(1.06);opacity:.78}}
@media(max-width:980px){.product-hero{grid-template-columns:1fr;padding-top:120px;text-align:center}.product-copy{margin:auto}.product-copy .actions{justify-content:center}.security-orbit,.windows-scene{width:min(520px,78vw)}}
@media(max-width:600px){.product-hero{min-height:900px;padding:110px 20px 60px}.product-copy h1{font-size:45px}.product-copy p{font-size:15px}.security-orbit,.windows-scene{width:82vw}.shield-core{width:110px;height:130px;font-size:52px}.orbit-chip,.float-ui{font-size:9px;padding:9px 10px}.window-logo{width:135px;height:135px}.security-panel{padding:35px 20px}.scan-ring{width:170px;height:170px}}