:root{
  --navy:#061f38;--deep:#092d4e;--blue:#0057b8;--red:#d0043c;--ink:#071526;--muted:#5b6f85;
  --soft:#f3f8ff;--line:#d9e7f6;--card:#ffffff;--shadow:0 24px 70px rgba(6,31,56,.12);
  --radius:28px;--max:1220px;
}
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:#fff;line-height:1.65}
a{color:inherit;text-decoration:none} img{max-width:100%;display:block}
.topline{background:#fff;border-bottom:1px solid var(--line);font-size:14px;color:#314a64}
.topline .inner{max-width:var(--max);margin:auto;display:flex;justify-content:space-between;gap:20px;padding:12px 24px}
.header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.96);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.navbar{max-width:var(--max);margin:auto;display:flex;align-items:center;gap:28px;padding:18px 24px}
.logo{display:flex;align-items:center;gap:12px;min-width:238px}
.logo-mark{width:52px;height:52px;border-radius:18px;background:#fff;border:1px solid var(--line);display:grid;place-items:center;box-shadow:0 10px 30px rgba(0,0,0,.06)}
.logo-mark b{font-size:30px;color:var(--red)}
.logo-title strong{display:block;font-size:23px;letter-spacing:.02em}.logo-title span{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.menu{display:flex;align-items:center;gap:8px;justify-content:flex-start;flex:1}
.menu a{padding:12px 15px;border-radius:999px;font-weight:800;font-size:14px;color:#24384d}
.menu a:hover,.menu a.active{background:#eaf4ff;color:var(--blue)}
.cta{background:var(--red);color:#fff!important;border-radius:999px;padding:13px 18px!important;box-shadow:0 10px 24px rgba(208,4,60,.22)}
.hamb{display:none;border:0;background:var(--navy);color:#fff;border-radius:12px;padding:10px 12px;font-size:20px}
.mobile{display:none}
.hero{background:linear-gradient(135deg,#eff8ff 0%,#fff 72%);border-bottom:1px solid var(--line)}
.container{max-width:var(--max);margin:auto;padding:0 24px}
.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:54px;align-items:center;padding:82px 24px}
.crumb{font-weight:900;text-transform:uppercase;letter-spacing:.12em;color:var(--blue);font-size:13px;margin-bottom:22px}
.pill{display:inline-flex;padding:9px 18px;border-radius:999px;background:#eaf4ff;border:1px solid #c7def6;color:var(--blue);font-weight:900;text-transform:uppercase;letter-spacing:.15em;font-size:12px}
h1{font-size:72px;line-height:.98;letter-spacing:-.055em;margin:28px 0 24px;max-width:780px}
.lead{font-size:20px;color:#36506a;max-width:720px;margin-bottom:26px}
.btns{display:flex;gap:14px;flex-wrap:wrap;margin-top:26px}.btn{display:inline-flex;padding:15px 20px;border-radius:999px;font-weight:900;border:1px solid var(--line)}
.btn.primary{background:var(--navy);color:#fff;border-color:var(--navy)}.btn.line{background:#fff;color:var(--navy)}
.hero-card{background:#fff;border:1px solid var(--line);border-radius:38px;padding:22px;box-shadow:var(--shadow)}
.hero-card img{border-radius:28px}
.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:24px}
.stat{background:#fff;border:1px solid var(--line);border-radius:22px;padding:18px}.stat b{font-size:26px;color:var(--blue);display:block}.stat span{font-size:13px;color:var(--muted);font-weight:700}
.section{padding:86px 0}.section.soft{background:var(--soft);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.section-head{max-width:850px;margin-bottom:36px}.section-head span{color:var(--blue);font-weight:900;letter-spacing:.14em;text-transform:uppercase;font-size:13px}.section-head h2{font-size:44px;line-height:1.08;margin:12px 0}.section-head p{font-size:18px;color:var(--muted)}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.grid2{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:28px;box-shadow:0 18px 45px rgba(6,31,56,.07)}
.card img{border-radius:22px;margin-bottom:20px}.card h3{font-size:25px;line-height:1.18;margin:0 0 12px}.card p{color:#4b6279;margin:0 0 18px}.card a{font-weight:900;color:var(--blue)}
.video-box{background:#fff;border:1px solid var(--line);border-radius:36px;padding:28px;display:grid;grid-template-columns:1.1fr .9fr;gap:28px;align-items:center;box-shadow:var(--shadow)}
.video-placeholder{aspect-ratio:16/9;border-radius:26px;background:linear-gradient(135deg,#061f38,#0057b8);color:#fff;display:grid;place-items:center;text-align:center;padding:30px}.play{width:74px;height:74px;border-radius:50%;display:grid;place-items:center;background:#fff;color:var(--red);font-size:28px;margin:0 auto 14px}
.steps{counter-reset:step}.step{position:relative;padding-left:88px}.step:before{counter-increment:step;content:"0" counter(step);position:absolute;left:28px;top:28px;color:var(--red);font-weight:900;font-size:22px}
.faq details{background:#fff;border:1px solid var(--line);border-radius:22px;padding:20px 24px;margin-bottom:14px}.faq summary{font-weight:900;cursor:pointer}.faq p{color:#536980}
.footer{background:var(--navy);color:#dcecff;padding:58px 0 24px}.footer a{display:block;color:#dcecff;margin:8px 0}.footer h4{color:#fff}.footer .copy{border-top:1px solid rgba(255,255,255,.14);margin-top:30px;padding-top:22px;color:#9bb3c8}
.float-cta{position:fixed;right:22px;bottom:22px;background:#12a84a;color:#fff;padding:14px 18px;border-radius:999px;font-weight:900;z-index:60;box-shadow:0 18px 45px rgba(0,0,0,.18)}
.table{width:100%;border-collapse:separate;border-spacing:0;background:#fff;border:1px solid var(--line);border-radius:22px;overflow:hidden}.table th,.table td{text-align:left;padding:16px;border-bottom:1px solid var(--line);vertical-align:top}.table th{background:#eaf4ff;color:var(--navy)}.table tr:last-child td{border-bottom:0}
.article{max-width:920px;margin:auto}.article h1{font-size:58px}.article h2{font-size:32px;line-height:1.2;margin-top:38px}.article p,.article li{font-size:18px;color:#405870}.article-hero{border-radius:30px;margin:26px 0;border:1px solid var(--line)}
@media(max-width:980px){.menu{display:none}.hamb{display:block;margin-left:auto}.navbar{gap:12px}.mobile.open{display:grid;gap:6px;padding:0 24px 20px}.mobile a{padding:14px;border-radius:14px;background:#f2f7fd;font-weight:800}.hero-grid,.video-box,.grid2,.grid3,.grid4{grid-template-columns:1fr}h1{font-size:48px}.section-head h2{font-size:34px}.topline .inner{display:block}.float-cta{left:16px;right:16px;text-align:center}}