.intro{max-width:780px;color:var(--muted);font-size:1.02rem;line-height:1.7}
.calc-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:1rem;margin:1.5rem 0}
.field{margin-bottom:1rem}
.field label{display:block;font-weight:800;margin-bottom:.35rem}
.field input,.field select{width:100%;padding:.65rem .75rem;border:1px solid var(--border);border-radius:10px;background:#fff;color:inherit}
.field small{display:block;color:var(--muted);font-size:.74rem;margin-top:.3rem}
.suffix{display:flex;align-items:center;border:1px solid var(--border);border-radius:10px;background:#fff;overflow:hidden}
.suffix input{border:0;border-radius:0}
.suffix span{padding:0 .8rem;color:var(--muted);font-weight:800}
.result-card{background:linear-gradient(135deg,#eaf4ef,#fff)}
.result-kicker{display:block;color:var(--muted);font-size:.75rem;text-transform:uppercase;font-weight:800;letter-spacing:.06em}
.result-card>strong{display:block;font-size:clamp(2.4rem,7vw,4rem);color:var(--accent-dark);margin:.25rem 0 1rem}
.lines{border-top:1px solid var(--border)}
.lines>div{display:flex;justify-content:space-between;gap:1rem;padding:.7rem 0;border-bottom:1px solid var(--border)}
.result-card p{color:var(--muted);font-size:.78rem}
.note-box{padding:1rem 1.1rem;border:1px solid #ead9a5;border-radius:14px;background:#fff7dc;line-height:1.6}
.cta-card{display:grid;grid-template-columns:1fr auto;gap:1rem;align-items:center;margin:2.5rem 0;padding:1.2rem;border:1px solid var(--border);border-radius:18px;background:#fff}
.cta-card h3{margin-bottom:.25rem}
.cta-card p{margin:0;color:var(--muted);max-width:720px}
.related-tools{color:var(--muted);font-size:.86rem}
@media(max-width:760px){.calc-layout,.cta-card{grid-template-columns:1fr}}