body{margin:0;font-family:system-ui,Arial,sans-serif;background:#f7f8f1;color:#122018;line-height:1.6}nav,section{max-width:1080px;margin:auto;padding:24px}nav{display:flex;align-items:center;gap:18px;border-bottom:1px solid #dfe8d8;position:sticky;top:0;background:#f7f8f1e8;backdrop-filter:blur(10px)}a{color:#245c3f;font-weight:800}.hero{display:grid;grid-template-columns:1.2fr .8fr;gap:24px;align-items:center;padding-top:70px}.hero h1{font-size:clamp(42px,7vw,78px);line-height:.94;letter-spacing:-.06em}.hero p{font-size:20px;color:#5f6e64}.btn{display:inline-block;background:#245c3f;color:white;text-decoration:none;border-radius:999px;padding:14px 18px}aside,form{background:white;border:1px solid #dfe8d8;border-radius:24px;padding:24px;box-shadow:0 18px 50px #12201810}.hero aside b{font-size:clamp(42px,6vw,68px)}.tool{display:grid;grid-template-columns:1fr .7fr;gap:18px}form{display:grid;grid-template-columns:1fr 1fr;gap:12px}label{display:grid;font-weight:800}input{border:1px solid #dfe8d8;border-radius:12px;padding:10px;font:inherit}button{border:1px solid #dfe8d8;background:white;border-radius:999px;padding:9px 12px;font-weight:800}.result{background:#245c3f;color:white}.result p{display:flex;justify-content:space-between;border-bottom:1px solid #ffffff33}.result b{font-size:28px}@media(max-width:800px){.hero,.tool,form{grid-template-columns:1fr}}