:root{color-scheme:light;--ink:#192d2a;--muted:#4f625d;--line:#d8e1dc;--paper:#f5f7f1;--green:#18594a;--lime:#dfebba;--white:#fff;font-family:Inter,system-ui,sans-serif}
*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--paper);line-height:1.55}a{color:var(--green)}button,input,select{font:inherit}button,summary{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #377e65;outline-offset:3px}[hidden]{display:none!important}
.wrap{width:min(1180px,calc(100% - 40px));margin:auto}.site-header{background:#fff;border-bottom:1px solid var(--line)}.bar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-block:18px}.bar a{font-weight:650;text-decoration:none}.brand{display:flex;align-items:center;gap:10px;color:var(--ink);line-height:1.2}.logo{background:var(--green);color:#fff;border-radius:9px;padding:6px 10px;font-size:21px}.hero{padding:53px 0 30px}.hero h1{font-size:clamp(2.45rem,7vw,5.1rem);line-height:1;letter-spacing:-.07em;margin:0 0 14px}.hero p{max-width:620px;color:var(--muted);font-size:1.12rem;margin:0}
.layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,320px);gap:24px;align-items:start}.card,.guide,.ad-panel{background:#fff;border:1px solid var(--line);border-radius:18px}.card,.guide{padding:clamp(18px,4vw,32px)}h2{font-size:1.55rem;letter-spacing:-.045em;margin:0 0 14px}.modes{display:flex;gap:7px;flex-wrap:wrap}.modes button{background:#fff;border:1px solid var(--line);border-radius:8px;padding:7px 13px;color:var(--ink);font-weight:650}.modes button[aria-pressed=true]{background:var(--lime);border-color:#b9cd80}.hint,small{color:var(--muted)}.fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.fields label{display:grid;align-content:start;gap:5px;font-weight:650}.fields small{font-weight:400}input,select{width:100%;min-width:0;min-height:44px;padding:8px 10px;border:1px solid #aebeb5;border-radius:8px;background:#fff;color:var(--ink)}details{margin-top:18px}summary{font-weight:700;color:var(--green)}.pricing{margin-top:12px}.calculate{background:var(--green);color:#fff;font-weight:750;border:0;border-radius:9px;padding:11px 20px;margin-top:19px}.results{background:#eaf1d8;border-radius:12px;margin-top:18px;padding:16px}.results h3{margin:0}.results ul{padding-left:20px;margin:7px 0 0}#error:empty{display:none}#error{color:#a01e18}.ad-panel{padding:15px;min-width:0;background:#edf1e9;text-align:center}.ad-panel p{font-size:.76rem;color:var(--muted);margin:0 0 10px}#ad-slot{min-height:280px}.guide{margin-top:24px}.guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.guide h3{margin:8px 0}.guide p{margin:0 0 12px}.privacy{margin-bottom:34px}footer{border-top:1px solid var(--line);background:#fff}
@media(max-width:780px){.layout{grid-template-columns:1fr}.ad-panel{grid-row:2}.hero{padding-top:33px}.guide-grid{grid-template-columns:1fr;gap:0}}@media(max-width:420px){.wrap{width:calc(100% - 24px)}.fields{grid-template-columns:1fr}.bar{font-size:.88rem}}