@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&display=swap');
:root{--navy:#10283a;--ink:#172e3d;--muted:#617481;--teal:#087d80;--line:#dfe8eb;--bg:#f5f8f8;--white:#fff}*{box-sizing:border-box}body{margin:0;font-family:'DM Sans',Arial,sans-serif;color:var(--ink);background:#fff;line-height:1.65}a{color:inherit;text-decoration:none}.container{max-width:1160px;margin:auto;padding:0 26px}.top{background:#0e2638;color:#dbe7e9;font-size:12px;padding:7px 0}.top .container{display:flex;justify-content:space-between}.nav{border-bottom:1px solid var(--line);background:white;position:sticky;top:0;z-index:10}.nav .container{display:flex;align-items:center;justify-content:space-between;min-height:76px;gap:22px}.logo{display:flex;align-items:center;gap:11px;font-weight:700;font-size:20px;color:var(--navy)}.mark{width:36px;height:36px;background:var(--teal);border-radius:10px;display:grid;place-items:center;color:white;font-size:21px}.logo small{display:block;font-weight:500;font-size:11px;letter-spacing:.07em;color:#6b7f88;line-height:1}.links{display:flex;align-items:center;gap:28px;font-size:14px;font-weight:600}.links a:hover,.links a.active{color:var(--teal)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 20px;border-radius:7px;background:var(--teal);color:white;font-weight:700;font-size:14px;border:1px solid var(--teal);cursor:pointer}.btn:hover{background:#076a6c}.btn.alt{background:white;color:var(--navy);border-color:#c8d6da}.btn.alt:hover{background:#f3f7f8}.hero{background:linear-gradient(115deg,#f0f6f5 0%,#f8faf9 55%,#e8f0ef 100%);padding:80px 0 84px}.hero .container{display:grid;grid-template-columns:1.12fr .88fr;gap:70px;align-items:center}.eyebrow{text-transform:uppercase;letter-spacing:.13em;color:var(--teal);font-size:12px;font-weight:700;margin-bottom:16px}h1{font-size:clamp(34px,4vw,53px);line-height:1.15;letter-spacing:-.035em;margin:0 0 24px;color:var(--navy);font-weight:700}h2{font-size:clamp(25px,2.5vw,34px);line-height:1.25;letter-spacing:-.025em;color:var(--navy);margin:0 0 15px}h3{font-size:19px;line-height:1.35;color:var(--navy);margin:0 0 10px}p{margin:0 0 18px}.lead{font-size:18px;color:#4c6470;max-width:600px}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.trust{display:flex;gap:22px;flex-wrap:wrap;margin-top:35px;font-size:12px;color:#55707a}.trust span:before{content:'✓';color:var(--teal);font-weight:700;margin-right:7px}.visual{background:var(--navy);border-radius:17px;min-height:350px;padding:28px;color:white;position:relative;box-shadow:0 18px 45px #10283a18;overflow:hidden}.visual:before{content:'';position:absolute;width:280px;height:280px;border:1px solid #ffffff1e;border-radius:50%;right:-90px;top:-90px;box-shadow:0 0 0 45px #ffffff08,0 0 0 90px #ffffff06}.visual-head{position:relative;display:flex;justify-content:space-between;font-size:12px;color:#a5c2c7;margin-bottom:25px}.pill{background:#1c4553;padding:6px 10px;border-radius:100px;color:#a9e0d9}.vcard{position:relative;background:#fff;color:var(--navy);padding:16px 17px;border-radius:10px;display:flex;gap:12px;align-items:center;margin:11px 0;box-shadow:0 5px 14px #00000010}.vicon{width:40px;height:40px;border-radius:9px;background:#e8f5f2;display:grid;place-items:center;font-size:20px}.vcard strong{font-size:14px}.vcard small{display:block;color:#6b7e86;font-size:11px}.section{padding:75px 0}.section.light{background:var(--bg)}.section-head{max-width:720px;margin-bottom:35px}.section-head p{color:var(--muted)}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{border:1px solid var(--line);border-radius:12px;background:#fff;padding:28px;display:flex;flex-direction:column;min-height:290px;transition:transform .2s,box-shadow .2s}.card:hover{transform:translateY(-3px);box-shadow:0 12px 28px #0e263810}.card .ico{height:48px;width:48px;background:#e8f4f2;color:var(--teal);border-radius:10px;display:grid;place-items:center;font-size:25px;margin-bottom:22px}.card p{color:var(--muted);font-size:14px}.card .more{margin-top:auto;color:var(--teal);font-size:14px;font-weight:700}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.step{border-top:2px solid #c9d9d9;padding-top:20px}.step .num{color:var(--teal);font-weight:700;font-size:13px}.step p{font-size:14px;color:var(--muted)}.band{background:var(--navy);color:white;padding:55px 0}.band .container{display:flex;justify-content:space-between;gap:35px;align-items:center}.band h2{color:white}.band p{color:#b9cbd1;margin:0}.band .btn{background:#fff;color:var(--navy);border-color:#fff;white-space:nowrap}.footer{background:#0b202f;color:#b2c4ca;padding:42px 0 25px;font-size:13px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:35px}.footer strong{color:white}.footer a{display:block;margin:8px 0}.footer a:hover{color:white}.footnote{border-top:1px solid #ffffff20;margin-top:35px;padding-top:18px;font-size:11px}.pagehero{background:#f0f6f5;padding:67px 0}.pagehero .container{max-width:1160px}.pagehero p{max-width:690px}.two{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:start}.bullets{padding:0;list-style:none}.bullets li{padding:12px 0;border-bottom:1px solid var(--line)}.bullets li:before{content:'✓';font-weight:700;color:var(--teal);margin-right:12px}.panel{background:var(--bg);padding:28px;border-radius:12px}.panel h3{margin-bottom:18px}.panel a{display:block;padding:12px 0;border-bottom:1px solid var(--line);color:var(--teal);font-weight:600;font-size:14px}.panel a:last-child{border:0}.note{font-size:12px;color:var(--muted)}.mobile-toggle{display:none;border:1px solid var(--line);background:white;border-radius:6px;padding:8px 12px;font-size:20px}@media(max-width:820px){.hero .container,.two{grid-template-columns:1fr;gap:32px}.hero{padding:50px 0}.cards,.steps{grid-template-columns:1fr}.visual{min-height:310px}.band .container{display:block}.band .btn{margin-top:24px}.footer-grid{grid-template-columns:1fr 1fr}.mobile-toggle{display:block}.links{display:none;position:absolute;top:76px;left:0;right:0;background:white;padding:20px 26px;flex-direction:column;align-items:flex-start;border-bottom:1px solid var(--line)}.links.open{display:flex}}@media(max-width:500px){.container{padding:0 19px}.footer-grid{grid-template-columns:1fr}.hero{padding:40px 0}.section{padding:52px 0}.trust{gap:10px}.visual{padding:18px}}
