:root{--n:#07101f;--n2:#0f172a;--b:#2563eb;--g:#fbbf24;--w:#f8fafc;--m:#a9b7ca;--l:#263650;--ok:#22c55e}*{box-sizing:border-box;scroll-behavior:smooth}body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;background:var(--n);color:var(--w)}a{text-decoration:none;color:inherit}.wrap{width:min(1180px,92%);margin:auto}.nav{position:sticky;top:0;z-index:10;background:#07101fee;border-bottom:1px solid #20304a;backdrop-filter:blur(14px)}.navin{height:82px;display:flex;align-items:center;justify-content:space-between}.logo{width:245px;height:72px;object-fit:contain;background:#fff;border-radius:12px;padding:3px}.menu{display:flex;gap:24px;align-items:center;color:#cbd5e1;font-size:14px}.menu a:hover{color:var(--g)}.btn{display:inline-flex;padding:14px 21px;border-radius:12px;background:linear-gradient(135deg,var(--g),#f59e0b);color:#111827;font-weight:800}.btn.blue{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:white}.btn.line{background:transparent;border:1px solid #52637b;color:white}.hero{padding:90px 0 75px;background:radial-gradient(circle at 82% 18%,#1d4ed844,transparent 34%),radial-gradient(circle at 12% 10%,#fbbf2415,transparent 28%)}.hero-grid,.split{display:grid;grid-template-columns:1.08fr .92fr;gap:55px;align-items:center}.tag{display:inline-block;padding:8px 12px;border-radius:99px;background:#14213a;border:1px solid #2c4164;color:var(--g);font-size:13px;font-weight:800}.hero h1{font-size:clamp(42px,6vw,72px);line-height:1.03;margin:22px 0}.hero h1 span,.yellow{color:var(--g)}.lead{font-size:19px;line-height:1.7;color:var(--m)}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.mock{background:linear-gradient(145deg,#14213a,#0b1425);border:1px solid #30405a;border-radius:24px;padding:19px;box-shadow:0 35px 80px #0008}.metrics{display:grid;grid-template-columns:1fr 1fr;gap:12px}.metric{padding:21px;border-radius:15px;background:#0c172a;border:1px solid #263550}.metric strong{display:block;font-size:30px;color:var(--g);margin:8px 0}.task{margin-top:12px;padding:14px;border-radius:12px;background:#111f36;display:flex;gap:12px;align-items:center}.check{width:28px;height:28px;border-radius:50%;background:var(--ok);display:grid;place-items:center}.bar{padding:24px 0;text-align:center;color:#8290a4;border-block:1px solid #1e2b41}.section{padding:90px 0}.alt{background:#0a1425}.title{text-align:center;max-width:780px;margin:0 auto 48px}.title span{color:var(--g);font-weight:800;font-size:13px;letter-spacing:1.5px}.title h2{font-size:clamp(30px,4vw,47px);margin:12px 0}.title p,.copy{color:var(--m);font-size:17px;line-height:1.75}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.card{padding:27px;border-radius:18px;background:linear-gradient(160deg,#111e33,#0c1627);border:1px solid var(--l)}.icon{width:50px;height:50px;border-radius:14px;display:grid;place-items:center;background:#1c3560;color:var(--g);font-size:25px}.card h3{font-size:20px;margin:19px 0 10px}.card p{color:var(--m);line-height:1.65;margin:0}.flow{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;counter-reset:s}.step{padding:27px 22px;background:#0d192d;border:1px solid #293a55;border-radius:18px}.step:before{counter-increment:s;content:counter(s);display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--g);color:#101827;font-weight:900}.step p{color:var(--m);line-height:1.6}.list{display:grid;gap:12px}.list div{padding:15px 17px;background:#101d32;border:1px solid #273852;border-radius:12px}.list b{color:var(--g);margin-right:9px}.cta{padding:75px 0}.ctabox{text-align:center;padding:60px 25px;border-radius:26px;background:linear-gradient(135deg,#1d4ed8,#0f2c67)}.ctabox h2{font-size:40px;margin:0 0 12px}.foot{padding:35px 0;border-top:1px solid #26344a;color:#8290a4}.footin{display:flex;justify-content:space-between;align-items:center}.foot img{width:210px;height:70px;object-fit:contain;background:#fff;border-radius:12px;padding:3px}@media(max-width:900px){.menu a:not(.btn){display:none}.hero-grid,.split{grid-template-columns:1fr}.cards{grid-template-columns:1fr 1fr}.flow{grid-template-columns:1fr 1fr}}@media(max-width:600px){.cards,.flow,.metrics{grid-template-columns:1fr}.logo{width:185px}.hero{padding-top:55px}.footin{flex-direction:column}.ctabox h2{font-size:30px}}