:root{color-scheme:dark;--bg:#05070b;--surface:#0c1019;--text:#f5f7fb;--muted:#a0aabc;--line:#222c3b;--accent:#67d7ff;--accent2:#8998ff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;line-height:1.55;overflow-x:hidden}a{color:inherit;text-decoration:none}.container{max-width:1190px;margin:auto;padding-left:28px;padding-right:28px}.ambient{position:absolute;pointer-events:none;filter:blur(85px);opacity:.23;border-radius:100%;z-index:-1}.ambient-a{width:530px;height:440px;background:#1255ac;top:95px;left:-240px}.ambient-b{width:430px;height:470px;background:#423aab;top:185px;right:-260px}.site-header{height:96px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.07)}.brand{display:flex;gap:12px;align-items:center;font-size:26px;font-weight:850;letter-spacing:-1px}.brand svg{width:36px;height:36px}.site-header nav{display:flex;align-items:center;gap:32px;font-size:14px;color:#cdd4e3}.site-header nav a:hover,.text-link:hover{color:var(--accent)}.nav-contact{border:1px solid #4d6277;border-radius:50px;padding:10px 19px}.hero{padding-top:105px;text-align:center}.eyebrow,.overline,.service-index{font-size:11px;font-weight:800;letter-spacing:2.1px;color:var(--accent)}.eyebrow{display:inline-flex;align-items:center;gap:10px;border:1px solid #283e54;background:#09131c;border-radius:100px;padding:9px 17px}.status-dot{display:inline-block;width:7px;height:7px;flex-shrink:0;background:#52efb3;border-radius:50%;box-shadow:0 0 14px #52efb3}.hero h1{font-size:clamp(43px,6vw,78px);line-height:1.08;letter-spacing:-3.8px;margin:28px auto 24px;font-weight:800}.gradient-text{background:linear-gradient(96deg,#fff 8%,#8bcfff 57%,#9291ff 100%);background-clip:text;-webkit-background-clip:text;color:transparent}.hero-text{color:var(--muted);max-width:640px;margin:0 auto;font-size:18px}.hero-actions{display:flex;justify-content:center;gap:14px;margin:34px auto 70px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:23px;min-height:54px;border-radius:10px;padding:13px 23px;font-weight:750;font-size:14px;transition:transform .2s,background .2s}.btn:hover{transform:translateY(-2px)}.btn-primary{background:#e7f6ff;color:#0b1822}.btn-primary:hover{background:#bfeaff}.btn-outline{border:1px solid #384354;color:#e7edf8;background:rgba(255,255,255,.025)}.brand-panel{border:1px solid #293447;border-radius:20px;overflow:hidden;background:#000;box-shadow:0 25px 100px rgba(4,16,41,.5);max-width:980px;margin:auto}.brand-panel img{display:block;width:100%;height:auto}.panel-bottom{display:flex;justify-content:space-between;align-items:center;padding:16px 22px;border-top:1px solid #222;color:#9ba9bc;font-size:10px;font-weight:800;letter-spacing:1.6px}.panel-bottom span span{margin-right:8px}.services{padding-top:120px;padding-bottom:115px}.section-head{display:flex;justify-content:space-between;align-items:end;gap:55px;margin-bottom:33px}.section-head h2,.about h2,.contact h2{font-size:clamp(32px,4.2vw,54px);line-height:1.12;letter-spacing:-2px;margin:10px 0}.section-head>p{max-width:410px;color:var(--muted);margin:0 0 9px}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.service-card{border:1px solid var(--line);background:linear-gradient(145deg,#111823,#090d15);border-radius:15px;padding:27px 22px 33px;min-height:305px}.service-icon{display:grid;place-items:center;font-size:29px;width:52px;height:52px;border-radius:13px;background:#15283a;color:#93d9fc;margin-bottom:35px}.service-index{font-size:9px;color:#84a5bd}.service-card h3{font-size:20px;line-height:1.28;letter-spacing:-.5px;margin:12px 0}.service-card p,.about-grid p,.contact-card p{font-size:15px;color:var(--muted)}.about{padding-bottom:110px}.about-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:75px;border-top:1px solid var(--line);padding-top:75px}.about-grid>div:last-child{align-self:center}.about-grid p{font-size:17px;max-width:440px}.text-link{display:inline-flex;gap:15px;margin-top:17px;border-bottom:1px solid #58718b;padding-bottom:8px;font-weight:700}.contact{padding-bottom:80px}.contact-card{background:radial-gradient(ellipse at 90% 30%,#1a3155,#111723 60%,#10141e);border:1px solid #2d3d55;border-radius:22px;padding:54px 60px;display:flex;align-items:center;justify-content:space-between;gap:25px}.contact-card h2{margin-bottom:18px}.contact-side{display:flex;align-items:center;flex-direction:column;gap:18px}.phone{font-weight:750;font-size:19px}.footer{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-bottom:32px;padding-top:18px;color:#8895a6;border-top:1px solid #1c2430;font-size:12px}.footer-brand{color:white;font-size:16px;font-weight:800}.footer-brand span{color:#8190a4;font-weight:500;font-size:12px}.footer>div:last-child{display:flex;gap:26px}.floating-contact{position:fixed;right:25px;bottom:24px;width:56px;height:56px;display:grid;place-items:center;border-radius:50%;background:#24cf75;color:white;box-shadow:0 10px 30px #0008;z-index:5}.floating-contact svg{width:31px;height:31px}@media(max-width:950px){.service-grid{grid-template-columns:repeat(2,1fr)}.section-head{align-items:start}.contact-card{padding:40px}.brand-panel{max-width:100%}}@media(max-width:650px){.container{padding-left:19px;padding-right:19px}.site-header{height:76px}.brand{font-size:20px}.brand svg{width:29px;height:29px}.site-header nav{gap:9px}.site-header nav>a:not(.nav-contact){display:none}.nav-contact{padding:8px 12px;font-size:12px}.hero{padding-top:68px}.hero h1{letter-spacing:-2px}.hero-text{font-size:16px}.hero-actions{margin-bottom:42px}.btn{width:100%}.hero-actions .btn{width:auto;flex:1 1 230px}.panel-bottom{padding:12px;font-size:8px}.services{padding:88px 19px}.section-head{display:block}.section-head>p{margin:18px 0 26px}.service-grid{grid-template-columns:1fr}.service-card{min-height:240px}.service-icon{margin-bottom:20px}.about-grid{grid-template-columns:1fr;gap:15px;padding-top:55px}.about{padding-bottom:80px}.contact-card{display:block;padding:36px 25px}.contact-side{align-items:stretch;margin-top:25px}.footer{align-items:flex-start;flex-direction:column}.footer>div:last-child{flex-wrap:wrap}.floating-contact{right:16px;bottom:16px}}
