:root{--g:#1f7a5c;--bg:#f7faf8;--t:#1c2b25}*{box-sizing:border-box}body{margin:0;font:17px/1.65 system-ui,Segoe UI,Arial,sans-serif;color:var(--t);background:var(--bg)}.w{max-width:960px;margin:auto;padding:0 18px}header{background:#fff;border-bottom:1px solid #dde7e1}header .w{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;padding:12px 18px}.logo{font-weight:700;font-size:1.15rem;color:var(--g);text-decoration:none}nav a{margin-left:16px;color:var(--t);text-decoration:none;font-weight:500}a{color:var(--g)}h1{font-size:2rem;line-height:1.2;margin:28px 0 8px}h2{margin-top:32px}.lead{font-size:1.1rem;color:#3d5249}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px;margin:16px 0}.card{background:#fff;border:1px solid #dde7e1;border-radius:12px;padding:16px;text-decoration:none;color:var(--t)}.card b{display:block;color:var(--g);margin-bottom:4px}.card span{font-size:.92rem}.calc{display:grid;grid-template-columns:1.3fr 1fr;gap:18px;background:#fff;border:1px solid #dde7e1;border-radius:12px;padding:18px;margin:18px 0}.in label{display:flex;align-items:center;gap:8px;margin:8px 0}.in small{color:#6b7d74;margin-left:auto}.in input,.in select{width:110px;padding:6px;border:1px solid #b8c9c0;border-radius:6px;font:inherit}.out{background:var(--g);color:#fff;border-radius:10px;padding:16px;align-self:start}.out p{margin:6px 0}.out b{font-size:1.6rem}.note{font-size:.9rem;color:#5b6d64}footer{margin-top:48px;border-top:1px solid #dde7e1;background:#fff;font-size:.88rem;color:#5b6d64;padding:6px 0}@media(max-width:700px){.calc{grid-template-columns:1fr}}.hero{width:100%;max-width:420px;height:auto;display:block;margin:14px 0;border-radius:14px}.pair{display:flex;flex-wrap:wrap;gap:14px}.pair .hero{max-width:300px}.in select{width:auto;max-width:190px}.out p{margin:8px 0}ul{padding-left:22px}table{width:100%;border-collapse:collapse;margin:14px 0}th,td{border:1px solid #dde7e1;padding:8px;text-align:left;background:#fff}th{background:#e3f2ea}:root{--g:#d9480f;--t:#1f2a44;--bg:#fff7ee;--teal:#0f766e;--sun:#ffd166}
body{background:var(--bg);font-family:"Nunito","Trebuchet MS",system-ui,sans-serif}
header{background:linear-gradient(90deg,#d9480f,#b93a0b);border:0;box-shadow:0 4px 0 var(--sun)}
.logo{color:#fff;font-size:1.35rem;font-weight:800}
nav a{color:#fff;background:rgba(255,255,255,.18);padding:6px 13px;border-radius:999px;margin-left:8px;font-weight:700}
nav a:hover{background:#fff;color:var(--g)}
h1{font-weight:800;color:var(--t)}h2{color:var(--teal);font-weight:800}li::marker{color:var(--g)}
.lead{font-size:1.15rem;color:#3c4766}
.herob{background:linear-gradient(135deg,#ffe3c2,#d8f3ea);border-radius:28px;padding:26px 20px;margin:22px 0;text-align:center;box-shadow:0 6px 0 rgba(31,42,68,.08)}
.herob h1{font-size:2.3rem;margin:6px 0}
.btn{display:inline-block;background:var(--g);color:#fff;padding:11px 22px;border-radius:999px;font-weight:800;text-decoration:none;margin:6px}.btn.alt{background:var(--teal)}.btn:hover{transform:translateY(-2px)}
.card{border:0;border-top:7px solid var(--g);border-radius:20px;box-shadow:0 6px 0 rgba(31,42,68,.08);transition:transform .15s}
.card:hover{transform:translateY(-4px) rotate(-.6deg)}.card:nth-child(3n+2){border-top-color:var(--teal)}.card:nth-child(3n){border-top-color:#f4a300}.card b{color:var(--t);font-size:1.05rem}
.calc{border:3px solid var(--sun);border-radius:24px}.out{background:linear-gradient(135deg,var(--teal),#115e59);border-radius:20px}.out b{color:var(--sun)}
.in input,.in select{border:2px solid #e5d3bf;border-radius:10px}
th{background:var(--sun);color:var(--t)}
.note{background:#d8f3ea;border-left:6px solid var(--teal);padding:10px 14px;border-radius:12px;color:var(--t)}
.hero{border:4px solid #fff;box-shadow:0 8px 0 rgba(31,42,68,.1)}
footer{background:var(--t);color:#e8ecf5;border:0}footer a{color:var(--sun)}figure{margin:20px 0}figure img{max-width:100%;height:auto;border-radius:16px;border:4px solid #fff;box-shadow:0 6px 0 rgba(31,42,68,.1)}figcaption{font-size:.9rem;color:#5b6d64;text-align:center;margin-top:6px}img.hero{width:100%;max-width:100%;max-height:440px;object-fit:cover}