*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#05070b;color:#f5f8fc;font-family:Inter,Arial,sans-serif}a{text-decoration:none;color:inherit}header{height:78px;position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:0 6%;background:rgba(5,7,11,.88);backdrop-filter:blur(14px);border-bottom:1px solid #142033}.logo{font-size:28px;font-weight:800;letter-spacing:-1.8px}.logo b{color:#1680ff}nav{display:flex;gap:34px;color:#a8b4c5;font-size:14px}nav a:hover{color:white}.phone{padding:9px 15px;border:1px solid #245182;border-radius:9px;font-size:13px}.hero{min-height:680px;padding:90px 6%;display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:70px;background:radial-gradient(circle at 82% 48%,#0a2850 0,transparent 32%)}.tag{color:#328cff;font-weight:800;font-size:11px;letter-spacing:3px;margin-bottom:18px}.hero h1{font-size:clamp(48px,6vw,78px);line-height:1.01;letter-spacing:-4px;margin:0 0 25px}.hero h1 span,h2 span{color:#2785ff}.hero p{color:#9caabd;font-size:18px;max-width:610px;line-height:1.8}.buttons{display:flex;gap:12px;margin:30px 0}.btn{display:inline-block;padding:13px 21px;border-radius:10px;background:#1678ff;font-weight:800;font-size:13px;box-shadow:0 12px 35px #0066ff33}.outline{background:transparent;border:1px solid #2a425f;box-shadow:none}.features{display:flex;flex-wrap:wrap;gap:22px;color:#7e8da2;font-size:12px}.visual{height:420px;border:1px solid #16385f;border-radius:28px;background:linear-gradient(145deg,#0a1421,#05070b);position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;box-shadow:0 30px 100px #006cff1a}.ring{position:absolute;border:1px solid #1c5da1;border-radius:50%;opacity:.35}.r1{width:360px;height:360px}.r2{width:270px;height:270px}.r3{width:180px;height:180px}.big-logo{font-size:82px;font-weight:800;letter-spacing:-7px;z-index:2}.big-logo b{color:#1680ff}.big-logo small{font-size:30px;letter-spacing:-2px}.online{position:absolute;bottom:28px;left:30px;font-size:11px;letter-spacing:2px;color:#d9e5f5}.online i{display:inline-block;width:7px;height:7px;background:#1bd278;border-radius:50%;box-shadow:0 0 12px #1bd278;margin-right:8px}.section{padding:105px 6%;max-width:1250px;margin:auto}.heading{margin-bottom:45px}h2{font-size:clamp(35px,4vw,53px);line-height:1.08;letter-spacing:-2.5px;margin:0}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.grid article{background:#0a0f17;border:1px solid #17263a;border-radius:17px;padding:30px;min-height:190px;transition:.25s}.grid article:hover{border-color:#2868a9;transform:translateY(-4px)}.num{font-size:12px;color:#2785ff;font-weight:800;margin-bottom:24px}.grid h3{margin:0 0 10px;font-size:18px}.grid p,.about p,.contact-banner p{color:#8997aa;font-size:14px;line-height:1.8}.about{display:grid;grid-template-columns:1fr 1fr;gap:100px;border-top:1px solid #111d2b}.about-box{padding-top:10px}.right{padding-top:70px}.names{margin-top:35px;display:flex;gap:13px;align-items:center;font-size:25px}.names b{color:#2785ff}.contact-banner{margin:0 6% 20px;padding:50px 6%;border:1px solid #1d4878;border-radius:24px;background:radial-gradient(circle at 80% 50%,#0b2b58,transparent 45%),#08101a;display:flex;align-items:center;justify-content:space-between;gap:30px}.contact-banner h2{margin:0}.contact-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.contact-grid a{background:#090e16;border:1px solid #17273b;border-radius:14px;padding:25px}.contact-grid small{display:block;color:#64748a;font-size:10px;letter-spacing:2px;margin-bottom:8px}.contact-grid strong{font-size:14px}footer{padding:28px 6%;border-top:1px solid #111d2b;color:#69788d;display:flex;justify-content:space-between;align-items:center;font-size:12px}footer .logo{color:white;font-size:22px}@media(max-width:800px){header{padding:0 5%}nav{display:none}.phone{font-size:11px}.hero{padding:65px 5%;grid-template-columns:1fr;gap:45px}.visual{height:310px}.section{padding:75px 5%}.grid,.contact-grid,.about{grid-template-columns:1fr}.right{padding-top:0}.contact-banner{margin:0 5% 10px;display:block;padding:40px}.contact-banner .btn{margin-top:20px}footer{flex-direction:column;gap:12px}}