@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--bg:#f5f7fb;--ink:#14263a;--muted:#68798a;--line:#e2e9f1;--navy:#0f273c;--teal:#0cae9a;--mint:#d6f9ef;--white:#fff}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans',system-ui,sans-serif;line-height:1.55}h1,h2,h3{font-family:Manrope,system-ui,sans-serif;line-height:1.2;letter-spacing:-.035em}a{color:inherit;text-decoration:none}a:hover{color:#008d7e}.wrap{max-width:1140px;margin:auto;padding:0 24px}.top{background:var(--navy);color:white}.nav{height:78px;display:flex;justify-content:space-between;align-items:center;gap:20px}.brand{font:800 25px Manrope,sans-serif;letter-spacing:-1px;color:white}.brand span{color:#38d8bd}.navlinks{display:flex;gap:26px;align-items:center;font-weight:600;font-size:14px}.navlinks a:hover{color:#54e1ce}.pill{background:#1d3a50;border:1px solid #3b5667;padding:9px 14px;border-radius:30px}.hero{background:var(--navy);color:white;padding:76px 0 85px;position:relative;overflow:hidden}.hero::after{content:'';width:430px;height:430px;background:radial-gradient(circle,#116e6e70,transparent 68%);position:absolute;right:-80px;top:-80px;pointer-events:none}.eyebrow{display:inline-block;color:#7ff4dc;background:#1b4450;padding:7px 14px;border-radius:28px;letter-spacing:.08em;font-weight:700;font-size:12px;text-transform:uppercase}.hero h1{font-size:clamp(38px,5vw,64px);max-width:800px;margin:22px 0}.hero p{font-size:19px;max-width:670px;color:#c3d2db}.btn{display:inline-flex;padding:14px 22px;border-radius:12px;background:var(--teal);color:#042924;font-weight:800;border:0;cursor:pointer;font-size:15px;transition:.15s}.btn:hover{background:#25dfc6;color:#052d29}.secondary{background:#fff;color:var(--navy);border:1px solid var(--line)}.section{padding:55px 0}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:15px;margin-bottom:23px}.section h2{font-size:29px;margin:0 0 8px}.small-muted{color:var(--muted);font-size:14px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.toolcard,.panel,.article,.notice{background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 10px 28px #17334b09}.toolcard{padding:25px;min-height:219px;display:flex;flex-direction:column;transition:transform .15s}.toolcard:hover{transform:translateY(-3px);border-color:#9cded2}.toolcard .symbol{width:45px;height:45px;background:var(--mint);border-radius:12px;display:grid;place-items:center;font-size:23px}.toolcard h3{font-size:18px;margin:19px 0 8px}.toolcard p{font-size:14px;color:var(--muted);margin:0 0 12px}.toolcard .arrow{margin-top:auto;color:#007e73;font-weight:800;font-size:13px}.hero-mini{background:var(--navy);color:white;padding:47px 0 55px}.crumb{font-size:13px;color:#91b7bd;margin-bottom:16px}.hero-mini h1{font-size:clamp(32px,4vw,46px);margin:0 0 12px}.hero-mini p{color:#c4d5e0;max-width:720px}.layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(245px,.9fr);gap:26px;align-items:start}.panel{padding:30px}.panel h2{font-size:23px;margin:0 0 8px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px;margin:25px 0}.field label{display:block;font-size:13px;font-weight:700;margin-bottom:7px;color:#415264}.field input,.field select{width:100%;padding:13px 12px;font-size:16px;border:1px solid #cddbe4;border-radius:10px;background:white;color:var(--ink)}.field input:focus,.field select:focus{outline:2px solid #82ded0}.result{margin-top:22px;background:#edf9f5;border:1px solid #b6e8d9;border-radius:14px;padding:22px}.result-label{font-size:13px;font-weight:700;color:#42736d}.result strong{display:block;font:800 clamp(29px,4vw,42px) Manrope,sans-serif;margin:5px 0;color:#087f72}.result-detail{display:grid;gap:8px;margin-top:14px;padding-top:13px;border-top:1px solid #c3e7da}.result-detail div{display:flex;justify-content:space-between;gap:12px;font-size:14px}.aside{padding:24px}.aside h3{margin-top:0}.aside a{display:block;border-top:1px solid var(--line);padding:12px 0;color:#257e76;font-weight:700;font-size:14px}.article{padding:33px;margin-top:25px}.article h2{font-size:24px}.article p,.article li{color:#536678}.article ul{padding-left:20px}.notice{padding:22px;margin-top:18px;font-size:14px;color:#607285}.ad-placeholder{margin-top:18px;border:1px dashed #bdcbd8;border-radius:14px;background:#f9fbfd;padding:28px;text-align:center;color:#91a0af;font-size:12px}.footer{background:#10283c;color:#c1d1da;padding:36px 0;margin-top:50px;font-size:13px}.footergrid{display:flex;justify-content:space-between;flex-wrap:wrap;gap:15px}.footer a{color:#dde8ed;margin-left:15px}.cookie{position:fixed;bottom:20px;left:20px;right:20px;z-index:20;background:white;box-shadow:0 10px 50px #092d3650;border:1px solid var(--line);padding:20px;max-width:740px;margin:auto;border-radius:16px;display:none}.cookie.show{display:block}.cookie p{font-size:13px;color:#516374;margin:6px 0 14px}.cookie .actions{display:flex;gap:10px;flex-wrap:wrap}.cookie button{padding:11px 18px;border-radius:9px;border:1px solid #baccd4;background:#fff;font-weight:700;cursor:pointer}.cookie .accept{background:#079c89;color:white;border-color:#079c89}@media(max-width:800px){.grid{grid-template-columns:repeat(2,1fr)}.layout{grid-template-columns:1fr}.navlinks{gap:12px}.hero{padding:55px 0}}@media(max-width:550px){.grid,.form-grid{grid-template-columns:1fr}.nav{height:70px}.navlinks{font-size:12px}.navlinks .pill{display:none}.panel,.article{padding:20px}.hero h1{font-size:39px}.footer a{margin:0 12px 0 0}}