:root{--green:#1f3d2b;--cream:#f7f3ea;--gold:#c19a3d;--ink:#22271f;--soft:#5a655c;--card:#ffffff;--line:#e3ddd0}
*{box-sizing:border-box}body{margin:0;font-family:Georgia,'Times New Roman',serif;color:var(--ink);background:var(--cream);line-height:1.6}
header{background:var(--green);color:#fff;padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center}
header a{color:#fff;text-decoration:none}
.logo{font-size:1.4rem;letter-spacing:.02em}.logo b{color:var(--gold)}
nav a{margin-left:1.4rem;font-family:system-ui,sans-serif;font-size:.95rem}
.hero{max-width:900px;margin:3rem auto;text-align:center;padding:0 1.5rem}
.hero h1{font-size:2.6rem;line-height:1.2;margin:.5rem 0}
.hero p{font-size:1.15rem;color:var(--soft)}
.tag{display:inline-block;background:var(--gold);color:#fff;font-family:system-ui,sans-serif;font-size:.8rem;letter-spacing:.12em;text-transform:uppercase;padding:.3rem .8rem;border-radius:99px}
.cta{display:inline-block;background:var(--green);color:#fff;padding:.8rem 1.6rem;border-radius:6px;text-decoration:none;font-family:system-ui,sans-serif;margin-top:1rem}
.grid{max-width:1000px;margin:2rem auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;padding:0 1.5rem}
.card{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:1.2rem}
.card h3{margin:.2rem 0}.card p{color:var(--soft);font-family:system-ui,sans-serif;font-size:.95rem}
.calc{max-width:640px;margin:2.5rem auto;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:2rem}
.calc label{font-family:system-ui,sans-serif;font-weight:600}
.calc input[type=number]{width:100%;padding:.7rem;font-size:1.1rem;margin:.4rem 0 1rem;border:1px solid var(--line);border-radius:6px}
.tabs button{padding:.5rem 1.2rem;border:1px solid var(--line);background:#fff;border-radius:6px;cursor:pointer;font-size:1rem}
.tabs button.active{background:var(--green);color:#fff}
.result{margin-top:1.2rem;background:var(--cream);border-radius:8px;padding:1rem 1.4rem}
.result .total{font-size:1.6rem;color:var(--green)}
.small{font-size:.85rem;color:var(--soft);font-family:system-ui,sans-serif}
footer{text-align:center;padding:2rem;color:var(--soft);font-family:system-ui,sans-serif;font-size:.9rem}