:root{--ink:#0e1726;--muted:#5f6f86;--blue:#155eef;--sky:#eaf2ff;--green:#12b981;--dark:#07111f;--card:#ffffff;--line:#e6edf7;--orange:#ff8a3d}
*{box-sizing:border-box}body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;color:var(--ink);background:#f7faff;line-height:1.7}a{text-decoration:none;color:inherit}.container{width:min(1180px,92%);margin:auto}.topbar{background:#07111f;color:#d9e6ff;padding:8px 0;font-size:14px}.topbar .container{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.navbar{background:rgba(255,255,255,.94);backdrop-filter:blur(12px);position:sticky;top:0;z-index:50;border-bottom:1px solid var(--line)}.navwrap{display:flex;justify-content:space-between;align-items:center;padding:16px 0}.logo{font-size:27px;font-weight:900;letter-spacing:-1px;color:var(--blue)}.logo span{color:var(--orange)}.menu{display:flex;gap:28px;font-weight:700;color:#31445c}.menu a:hover{color:var(--blue)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:13px 22px;border-radius:999px;background:var(--blue);color:#fff;font-weight:800;box-shadow:0 12px 28px rgba(21,94,239,.22)}.btn.light{background:#fff;color:var(--blue);box-shadow:none}.btn.dark{background:#07111f}.hero{position:relative;overflow:hidden;background:radial-gradient(circle at 15% 20%,#d8e8ff 0,#f7faff 33%,#fff 70%);padding:86px 0 50px}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:46px;align-items:center}.eyebrow{display:inline-block;background:#e7f8f1;color:#07815d;border:1px solid #b8ecd9;border-radius:999px;padding:8px 14px;font-weight:800;font-size:14px}.hero h1{font-size:60px;line-height:1.05;margin:18px 0 20px;letter-spacing:-2.4px}.hero p{font-size:19px;color:var(--muted);max-width:670px}.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}.dashboard{background:#fff;border:1px solid var(--line);border-radius:34px;padding:22px;box-shadow:0 30px 80px rgba(10,34,71,.16);transform:rotate(1deg)}.dash-top{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:16px}.dots{display:flex;gap:7px}.dots i{width:11px;height:11px;border-radius:50%;background:#d4def0}.metric-row{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:18px}.metric{border:1px solid var(--line);border-radius:22px;padding:18px;background:#fbfdff}.metric b{font-size:30px;color:var(--blue)}.chart{height:190px;border-radius:26px;background:linear-gradient(135deg,#155eef,#08a4ff);margin-top:18px;padding:22px;color:#fff;display:flex;flex-direction:column;justify-content:space-between}.bars{display:flex;align-items:end;gap:10px;height:90px}.bars i{flex:1;background:rgba(255,255,255,.6);border-radius:8px}.bars i:nth-child(1){height:30%}.bars i:nth-child(2){height:55%}.bars i:nth-child(3){height:45%}.bars i:nth-child(4){height:75%}.bars i:nth-child(5){height:60%}.bars i:nth-child(6){height:90%}.section{padding:76px 0}.section.white{background:#fff}.section.dark{background:#07111f;color:#fff}.title{max-width:820px;margin:0 auto 36px;text-align:center}.title h2{font-size:42px;line-height:1.15;margin:0 0 12px;letter-spacing:-1.5px}.title p{color:var(--muted);font-size:18px}.dark .title p,.dark p{color:#b9c7dc}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:26px}.card{background:#fff;border:1px solid var(--line);border-radius:28px;padding:28px;box-shadow:0 16px 45px rgba(20,50,90,.07)}.card h3{margin:0 0 10px;font-size:24px}.icon{width:52px;height:52px;border-radius:18px;background:var(--sky);display:flex;align-items:center;justify-content:center;font-size:25px;margin-bottom:16px}.split{display:grid;grid-template-columns:.9fr 1.1fr;gap:42px;align-items:center}.blob{background:linear-gradient(135deg,#07111f,#155eef);border-radius:36px;padding:34px;color:#fff;box-shadow:0 25px 70px rgba(21,94,239,.2)}.check{display:grid;gap:13px}.check div{background:#fff;border:1px solid var(--line);padding:15px 17px;border-radius:18px;font-weight:750}.dark .card{background:#101d31;border-color:#1f3554;color:#fff}.steps{counter-reset:s;display:grid;gap:18px}.step{background:#fff;border:1px solid var(--line);border-radius:24px;padding:24px;display:grid;grid-template-columns:60px 1fr;gap:18px}.step:before{counter-increment:s;content:counter(s);width:48px;height:48px;border-radius:50%;background:var(--blue);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:900}.faq{max-width:900px;margin:auto}.faq details{background:#fff;border:1px solid var(--line);border-radius:18px;margin:14px 0;padding:18px 22px}.faq summary{cursor:pointer;font-weight:850;font-size:18px}.cta{background:linear-gradient(135deg,#155eef,#07111f);border-radius:34px;color:#fff;padding:48px;display:flex;align-items:center;justify-content:space-between;gap:30px;flex-wrap:wrap}.footer{background:#07111f;color:#c9d8ef;padding:54px 0 20px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1.2fr;gap:30px}.footer h3,.footer h4{color:#fff}.footer a{display:block;margin:9px 0;color:#c9d8ef}.copy{border-top:1px solid #1b2b43;margin-top:35px;padding-top:18px;text-align:center;color:#9db0cc}.page-hero{padding:70px 0;background:linear-gradient(135deg,#eaf2ff,#fff)}.page-hero h1{font-size:50px;margin:0}.form{background:#fff;border:1px solid var(--line);border-radius:28px;padding:28px;box-shadow:0 18px 45px rgba(20,50,90,.08)}input,textarea,select{width:100%;padding:14px 16px;border:1px solid #dbe5f3;border-radius:14px;margin:9px 0 16px;font:inherit}textarea{min-height:130px}.mini{color:var(--muted);font-size:15px}@media(max-width:900px){.hero-grid,.split,.grid-3,.grid-2,.footer-grid{grid-template-columns:1fr}.hero h1{font-size:42px}.menu{gap:12px;flex-wrap:wrap}.navwrap{align-items:flex-start;gap:14px;flex-direction:column}.cta{padding:30px}.section{padding:52px 0}}