:root{color-scheme:light;--ink:#142638;--muted:#516172;--forest:#176a5e;--lime:#bcf3d9;--coral:#ffcecd;--edge:#dbe7e5;--pale:#f6fbfa;--paper:#fff;--shadow:0 8px 30px rgba(22,66,68,.08)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--pale);font:16px/1.65 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}a{color:var(--forest)}a:hover{text-decoration-thickness:2px}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #f18b5e;outline-offset:3px}.container{width:min(1140px,calc(100% - 36px));margin:0 auto}.skip{position:absolute;left:-10000px;top:10px;padding:8px;background:white;z-index:200}.skip:focus{left:10px}.site-header{background:#fff;border-bottom:1px solid var(--edge);position:sticky;top:0;z-index:30}.site-top{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:75px}.brand{font-weight:900;color:var(--ink);text-decoration:none;font-size:clamp(23px,3vw,29px);letter-spacing:-1.5px;white-space:nowrap}.brand span{color:var(--forest)}.top-nav{display:flex;gap:18px;flex-wrap:wrap;align-items:center}.top-nav a{text-decoration:none;color:var(--ink);font-weight:650;font-size:14px}.top-nav a:hover{color:var(--forest)}
.hero{background:linear-gradient(115deg,#d9f5e8,#f5fafa 62%,#ffe9e8);border-bottom:1px solid var(--edge);padding:75px 0 70px}.hero-inner{display:grid;grid-template-columns:1.2fr .8fr;gap:44px;align-items:center}.eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:2px;font-weight:850;color:var(--forest)}h1,h2,h3{line-height:1.18;letter-spacing:-.5px}h1{font-size:clamp(40px,6vw,67px);margin:12px 0 16px}h2{font-size:clamp(26px,3.2vw,35px);margin:12px 0 18px}h3{font-size:21px;margin:0 0 12px}.lead{font-size:18px;color:#355368;max-width:650px}.muted{color:var(--muted)}.hero-illustration{background:#fff;border:1px solid #c3e4d7;border-radius:28px;box-shadow:var(--shadow);padding:26px;transform:rotate(2deg)}.hero-illustration .mock-header{font-size:13px;font-weight:750;color:var(--forest);display:flex;justify-content:space-between}.hero-illustration .mock-numbers{font-size:clamp(38px,6vw,63px);font-weight:900;letter-spacing:-2px;margin:18px 0;color:var(--ink)}.mock-progress{height:13px;border-radius:20px;background:#e6f2ed;overflow:hidden}.mock-progress div{height:100%;width:65%;background:var(--forest);border-radius:20px}.section{padding:54px 0}.section-soft{background:#eef6f3;border-top:1px solid var(--edge);border-bottom:1px solid var(--edge)}.section-title{display:flex;align-items:end;justify-content:space-between;gap:18px;flex-wrap:wrap;margin-bottom:22px}.section-title p{max-width:670px}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.card{display:flex;flex-direction:column;background:var(--paper);border:1px solid var(--edge);box-shadow:var(--shadow);border-radius:20px;overflow:hidden;text-decoration:none;color:var(--ink);transition:transform .15s,box-shadow .15s}.card:hover{transform:translateY(-3px);box-shadow:0 12px 32px #105a4f1b}.card-top{padding:22px;min-height:98px;background:linear-gradient(115deg,#def4e8,#fff0ee);display:flex;justify-content:space-between;align-items:center}.icon-bubble{font-size:40px;line-height:1}.card-body{padding:22px;flex:1}.card-body p{color:var(--muted);margin:0 0 19px}.pill{font-size:11px;font-weight:800;letter-spacing:1px;text-transform:uppercase;color:var(--forest);background:#e2f6ea;border-radius:50px;padding:6px 10px}.arrow{font-weight:850;color:var(--forest)}.button{border:0;display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--forest);color:white!important;text-decoration:none;padding:13px 22px;font-weight:800;border-radius:11px;cursor:pointer}.button:hover{background:#11564e}.button-light{background:white;color:var(--forest)!important;border:1px solid var(--edge)}.tool-head{padding:45px 0 25px}.breadcrumbs{font-size:13px;color:var(--muted);margin-bottom:14px}.breadcrumbs a{color:var(--forest)}.tool-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:26px;align-items:start;padding-bottom:50px}.panel{background:white;border:1px solid var(--edge);box-shadow:var(--shadow);border-radius:18px;padding:28px}.panel p:first-child{margin-top:0}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.field{display:flex;flex-direction:column;gap:7px}.field label{font-size:14px;font-weight:760}.field input,.field select{font:inherit;width:100%;border:1px solid #b6c9c6;border-radius:10px;padding:12px;background:#fcfffe;color:var(--ink)}.field small{font-size:12px;color:var(--muted)}.result{margin-top:24px;background:#e5f7ee;border:1px solid #a8dbbf;border-radius:14px;padding:20px}.result .number{font-size:clamp(24px,4vw,36px);font-weight:880;color:#126251;line-height:1.28;overflow-wrap:anywhere}.result p{margin:6px 0 0;color:#2e665b}.result.error{background:#fff0ec;border-color:#edb7aa}.result.error .number{color:#a6422d}.sidebar{background:#fff;border:1px solid var(--edge);border-radius:18px;padding:24px}.sidebar ul{padding-left:21px}.sidebar li{margin:10px 0}.article{background:#fff;border:1px solid var(--edge);border-radius:18px;padding:clamp(22px,5vw,46px);max-width:880px;margin:20px auto 64px}.article h1{font-size:clamp(32px,4.5vw,50px)}.article h2{font-size:28px;margin-top:37px}.article h3{margin-top:27px}.article p,.article li{color:#33485a;line-height:1.83}.article li{margin-bottom:8px}.article blockquote{border-left:4px solid var(--forest);padding:6px 18px;background:#f0f8f5;margin:22px 0}.example{background:#ebf7f2;border:1px solid #cde6d9;border-radius:12px;padding:18px;margin:22px 0}.example strong{color:#156658}.related{margin:35px 0 0;border-top:1px solid var(--edge);padding-top:18px}.related a{display:inline-block;margin:5px 12px 5px 0}.note{padding:18px;border-radius:14px;border-left:4px solid var(--forest);background:#e9f6ef;color:#244c43;margin-top:22px}.ad-slot{border:1px dashed #bfd6d1;text-align:center;background:#f3f8f6;border-radius:12px;padding:18px;color:#6b7d7a;font-size:12px;margin:25px 0}.footer{background:#102e32;color:#d5e9e4;padding:44px 0 22px}.footer a{color:#dcf4e9}.footer-cols{display:grid;grid-template-columns:1.7fr 1fr 1fr;gap:24px}.footer ul{padding:0;list-style:none}.footer li{margin-bottom:9px}.footer small{color:#b0cbc5}.footer-bottom{margin-top:20px;border-top:1px solid #35585a;padding-top:20px;font-size:13px}.stats{display:flex;gap:12px;flex-wrap:wrap;margin-top:25px}.stat{font-size:13px;font-weight:800;background:#fff9;border:1px solid #9fcbba;padding:9px 14px;border-radius:50px}.badge-small{font-size:12px;font-weight:700;color:#226b5a}.reading-time{font-size:13px;color:var(--muted)}.list-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.line-card{display:block;text-decoration:none;color:var(--ink);background:white;padding:22px;border:1px solid var(--edge);border-radius:15px}.line-card:hover{border-color:var(--forest)}
@media(max-width:860px){.hero-inner,.tool-layout{grid-template-columns:1fr}.hero-illustration{max-width:420px}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sidebar{order:2}.footer-cols{grid-template-columns:1fr 1fr}}@media(max-width:600px){.top-nav{gap:12px}.site-top{align-items:flex-start;flex-direction:column;padding:12px 0}.top-nav a{font-size:13px}.hero{padding:40px 0}.grid,.list-cards,.form-grid,.footer-cols{grid-template-columns:1fr}.panel{padding:20px}.section{padding:38px 0}.hero-illustration{display:none}}