:root{--bg:#07111f;--bg2:#0b1b31;--card:#0a1628b8;--line:#ffffff17;--soft:#ffffffb3;--text:#f4f8ff;--brand:#17c0ff;--brand2:#00e0a4;--accent:#8ea2ff;--danger:#ff6b6b;--shadow:0 20px 60px #00000059;--radius:24px;--max:1200px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--text);background:radial-gradient(circle at 20% 20%,#17c0ff1f,#0000 25%),radial-gradient(circle at 80% 10%,#00e0a41a,#0000 20%),radial-gradient(circle at 50% 70%,#8ea2ff1a,#0000 25%),linear-gradient(#06101d 0%,#07111f 35%,#09192c 100%);margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;overflow-x:hidden}body.menu-open{overflow:hidden}.grid-bg:before{content:"";pointer-events:none;z-index:-1;background-image:linear-gradient(#ffffff0b 1px,#0000 1px),linear-gradient(90deg,#ffffff0b 1px,#0000 1px);background-size:40px 40px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#ffffffbf,#0000 90%);mask-image:linear-gradient(#ffffffbf,#0000 90%)}.container{width:min(var(--max), calc(100% - 32px));margin:auto}.topbar{z-index:1000;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#040a12d1;position:sticky;top:0}.topbar.is-scrolled{background:#040a12f0;box-shadow:0 14px 36px #00000047}.topbar:before,.topbar:after,.topbar .container:before,.topbar .container:after,.nav:before,.nav:after{content:none!important;display:none!important}.nav{justify-content:space-between;align-items:center;gap:16px;min-height:78px;display:flex}.logo{color:#fff;align-items:center;gap:12px;min-width:0;text-decoration:none;display:flex}.logo-mark{background:linear-gradient(135deg,#17c0ff38,#00e0a42e),#ffffff08;border:1px solid #ffffff1f;border-radius:16px;flex:none;place-items:center;width:48px;height:48px;display:grid;position:relative;overflow:hidden;box-shadow:0 10px 25px #17c0ff1f}.logo-mark:before,.logo-mark:after{content:"";border:2px solid #17c0ff73;border-radius:50%;position:absolute}.logo-mark:before{width:28px;height:28px}.logo-mark:after{border-color:#00e0a4e6;width:14px;height:14px}.logo-text{flex-direction:column;min-width:0;line-height:1;display:flex}.logo-text strong{letter-spacing:.14em;white-space:nowrap;font-size:1.1rem;font-weight:800}.logo-text span{color:var(--soft);letter-spacing:.25em;white-space:nowrap;margin-top:4px;font-size:.73rem}.menu{align-items:center;gap:8px;display:flex}.menu a{color:#eaf4ff;white-space:nowrap;border:1px solid #0000;border-radius:999px;padding:12px 16px;font-size:.96rem;text-decoration:none;transition:all .25s}.menu a:hover,.menu a.active{border-color:var(--line);background:#ffffff0d;transform:translateY(-1px)}.menu a.cta{background:linear-gradient(135deg,#17c0ff2e,#00e0a429);border-color:#17c0ff3d;box-shadow:0 12px 30px #00000040}.burger{border:1px solid var(--line);color:#fff;cursor:pointer;background:#ffffff0a;border-radius:14px;flex:none;width:50px;height:50px;display:none}.burger span,.burger span:before,.burger span:after{background:#fff;width:20px;height:2px;margin:auto;transition:all .25s;display:block;position:relative}.burger span:before,.burger span:after{content:"";position:absolute;left:0}.burger span:before{top:-6px}.burger span:after{top:6px}.burger.is-open span{background:0 0}.burger.is-open span:before{top:0;transform:rotate(45deg)}.burger.is-open span:after{top:0;transform:rotate(-45deg)}.mobile-panel{padding:0 0 18px;display:none}.mobile-panel.open{display:block}.mobile-links{gap:10px;padding-top:8px;display:grid}.mobile-links a{color:#fff;border:1px solid var(--line);background:#ffffff0a;border-radius:16px;padding:14px 16px;text-decoration:none}section{padding:88px 0}.reveal{opacity:1;transform:none}.hero{align-items:center;min-height:calc(100vh - 78px);padding:48px 0 72px;display:grid}.hero:before,.hero:after,.hero-wrap:before,.hero-wrap:after{content:none!important;display:none!important}.hero-wrap{grid-template-columns:1.15fr .85fr;align-items:center;gap:36px;display:grid}.eyebrow{color:#d9f7ff;background:#17c0ff14;border:1px solid #17c0ff33;border-radius:999px;align-items:center;gap:10px;margin-bottom:18px;padding:10px 14px;font-size:.9rem;display:inline-flex}.eyebrow:before{content:"";background:linear-gradient(135deg, var(--brand), var(--brand2));border-radius:50%;flex:none;width:10px;height:10px;box-shadow:0 0 0 8px #17c0ff1a}h1{letter-spacing:-.04em;max-width:750px;margin:0;font-size:clamp(2.5rem,6vw,5rem);line-height:.96}.grad{background:linear-gradient(90deg,#fff 0%,#bdefff 30%,#8ef1d5 70%,#c7d0ff 100%);color:#0000;-webkit-background-clip:text;background-clip:text}.hero p{color:var(--soft);max-width:650px;margin:20px 0 28px;font-size:1.08rem;line-height:1.8}.hero-actions,.card-actions{flex-wrap:wrap;gap:14px;display:flex}.btn{color:#fff;border:1px solid var(--line);border-radius:16px;justify-content:center;align-items:center;gap:10px;padding:15px 22px;font-weight:700;text-decoration:none;transition:all .25s;display:inline-flex}.btn:hover{transform:translateY(-2px)}.btn.primary{background:linear-gradient(135deg,#17c0ff38,#00e0a433);border-color:#17c0ff3d;box-shadow:0 18px 40px #17c0ff1f}.btn.ghost{background:#ffffff0a}.hero-card{min-height:520px;box-shadow:var(--shadow);isolation:isolate;background:linear-gradient(#08122226,#0812228c),radial-gradient(circle at 50% 15%,#17c0ff33,#0000 30%),radial-gradient(circle at 50% 90%,#00e0a41f,#0000 25%),linear-gradient(135deg,#0b1e35,#07111f 60%,#0e213a);border:1px solid #ffffff14;border-radius:32px;place-items:center;display:grid;position:relative;overflow:hidden}.hero-card:before{content:"";pointer-events:none;border:1px solid #ffffff14;border-radius:24px;position:absolute;inset:20px}.scanner{pointer-events:none;background:linear-gradient(#0000 0%,#17c0ff14 48%,#0000 52% 100%) 0 0/100% 180px;animation:5s linear infinite scan;position:absolute;inset:0}@keyframes scan{0%{transform:translateY(-30%)}to{transform:translateY(30%)}}.guard-silhouette{aspect-ratio:3/4.2;filter:drop-shadow(0 25px 50px #0006);width:min(92%,420px);position:relative}.guard-silhouette:before{content:"";clip-path:polygon(48% 2%,61% 8%,67% 20%,72% 24%,73% 31%,70% 37%,67% 41%,66% 54%,77% 82%,65% 97%,34% 97%,23% 82%,34% 54%,33% 41%,30% 37%,27% 31%,28% 24%,33% 20%,39% 8%);opacity:.92;background:linear-gradient(#fffffff2,#b7e1ffeb 40%,#53b4ffdb 70%,#091c3bf2 100%);position:absolute;inset:0;box-shadow:0 0 80px #17c0ff40}.guard-silhouette:after{content:"";mix-blend-mode:screen;opacity:.85;filter:blur(.4px);background:radial-gradient(circle at 50% 16%,#ffffffd9,#0000 12%),radial-gradient(circle at 50% 22%,#00e0a459,#0000 15%),repeating-linear-gradient(#17c0ff3d,#17c0ff3d 2px,#0000 2px 18px);border-radius:26px;position:absolute;inset:8% 14% 18%}.hud{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:var(--shadow);z-index:2;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:18px;max-width:210px;padding:14px 16px;position:absolute}.hud small{color:#a8c5df;margin-bottom:6px;display:block}.hud strong{font-size:1rem;display:block}.hud.one{top:26px;left:20px}.hud.two{top:80px;right:18px}.hud.three{bottom:28px;left:18px}.section-title{margin-bottom:24px}.section-title .tag{color:#cdeeff;letter-spacing:.16em;text-transform:uppercase;margin-bottom:12px;font-size:.82rem;display:inline-block}.section-title h2{letter-spacing:-.03em;margin:0;font-size:clamp(2rem,4vw,3.2rem)}.section-title p{color:var(--soft);max-width:760px;margin:14px 0 0;line-height:1.8}.about-grid,.services-grid,.contact-grid,.intranet-grid{gap:22px;display:grid}.about-grid{grid-template-columns:1.1fr .9fr}.services-grid{grid-template-columns:repeat(3,1fr)}.contact-grid{grid-template-columns:.95fr 1.05fr}.intranet-grid{grid-template-columns:.95fr 1.05fr;align-items:center}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:28px}.feature-list{gap:16px;margin-top:12px;display:grid}.feature,.contact-item{border:1px solid var(--line);background:#ffffff08;border-radius:20px;padding:18px}.feature h3,.service h3,.contact-item h3,.intranet-copy h3{margin:0 0 10px;font-size:1.08rem}.feature p,.service p,.card p,.contact-item p{color:var(--soft);margin:0;line-height:1.75}.stats{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.stat{border:1px solid var(--line);background:#ffffff0a;border-radius:22px;padding:22px}.stat strong{margin-bottom:8px;font-size:2rem;display:block}.stat span{color:var(--soft);line-height:1.6}.service{position:relative;overflow:hidden}.service:before{content:"";pointer-events:none;background:radial-gradient(circle,#17c0ff2e,#0000 70%);width:120px;height:120px;position:absolute;inset:auto -40px -40px auto}.icon{background:linear-gradient(135deg,#17c0ff2e,#00e0a429);border:1px solid #17c0ff2e;border-radius:18px;place-items:center;width:54px;height:54px;margin-bottom:16px;font-size:1.25rem;display:grid}.intranet-copy p{color:var(--soft);line-height:1.8}.card-actions{margin-top:22px}.monitor{background:linear-gradient(#0812220d,#0812228c),linear-gradient(135deg,#10233e,#0a172b 65%,#0c1d34);min-height:420px;position:relative;overflow:hidden}.monitor:before{content:"";pointer-events:none;border:1px solid #ffffff14;border-radius:26px;position:absolute;inset:18px}.screen{z-index:1;grid-template-rows:auto 1fr;min-height:100%;display:grid;position:relative}.screen-head{justify-content:space-between;align-items:center;gap:12px;padding:22px;display:flex}.brand-mini{letter-spacing:.15em;font-size:1rem;font-weight:800}.window-dots{gap:8px;display:flex}.window-dots span{background:#ffffff47;border-radius:50%;width:10px;height:10px}.screen-body{grid-template-columns:220px 1fr;gap:18px;padding:0 22px 22px;display:grid}.side-mini,.content-mini{background:#ffffff08;border:1px solid #ffffff14;border-radius:22px;padding:16px}.side-mini .mi{background:#ffffff0a;border-radius:14px;margin-bottom:10px;padding:12px}.content-hero{text-align:center;background:radial-gradient(circle at 50% 30%,#17c0ff38,#0000 22%),linear-gradient(135deg,#0f2641,#112f52 55%,#0d2037);border:1px solid #ffffff14;border-radius:20px;place-items:center;min-height:220px;padding:24px;display:grid}.content-hero strong{font-size:1.6rem}.mini-cards{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:14px;display:grid}.mini-cards span{background:#ffffff0b;border:1px solid #ffffff13;border-radius:16px;min-height:58px}.contact-item{margin-bottom:14px}.contact-item:last-child{margin-bottom:0}.contact-form{gap:14px;display:grid}.contact-form input,.contact-form textarea{color:#fff;border:none;border:1px solid var(--line);width:100%;font:inherit;background:#ffffff0d;border-radius:16px;outline:none;padding:16px 18px}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#ffffff85}.contact-form textarea{resize:vertical;min-height:150px}.contact-form button{cursor:pointer;color:#fff;font:inherit;background:linear-gradient(135deg,#17c0ff47,#00e0a433);border:1px solid #17c0ff38;border-radius:16px;padding:16px 20px;font-weight:700}footer{border-top:1px solid var(--line);color:#b8cae0;padding:28px 0 42px}.foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px;display:flex}@media (width<=980px){.menu{display:none}.burger{place-items:center;display:grid}.hero-wrap,.about-grid,.services-grid,.contact-grid,.intranet-grid{grid-template-columns:1fr}.hero-card{min-height:480px}.screen-body{grid-template-columns:1fr}}@media (width<=640px){.container{width:min(var(--max), calc(100% - 20px))}.logo-text strong{letter-spacing:.1em;font-size:.86rem}.logo-text span{letter-spacing:.18em;font-size:.62rem}section{padding:72px 0}.hero{padding:26px 0 54px}h1{font-size:clamp(2.3rem,13vw,3.6rem)}.hero-actions,.card-actions{flex-direction:column}.btn{justify-content:center;width:100%}.stats,.services-grid,.mini-cards{grid-template-columns:1fr}.card{padding:22px}.hud{max-width:none;margin:10px 14px;position:relative;inset:auto!important}.hero-card{padding:16px;display:block}.guard-silhouette{margin:18px auto}.foot{flex-direction:column;align-items:flex-start}}