:root{font-family:system-ui,-apple-system,"Segoe UI",sans-serif;color:#233342;background:#f0f4f7;line-height:1.55}*{box-sizing:border-box}body{margin:0}main{max-width:1080px;margin:auto;padding:48px 24px}header{max-width:780px;margin-bottom:32px}.eyebrow{font-size:.74rem;letter-spacing:.13em;font-weight:750;color:#397e83}h1{font-size:clamp(2rem,5vw,3.2rem);line-height:1.15;margin:12px 0 18px;letter-spacing:-.04em}h2{font-size:1.2rem;margin:0 0 18px}p{margin:12px 0}section{background:white;border:1px solid #dce5ec;border-radius:16px;padding:26px;margin:18px 0}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}label{display:flex;flex-direction:column;font-weight:600;font-size:.88rem}input,select{font:inherit;color:inherit;width:100%;margin-top:8px;padding:12px;border:1px solid #b9c9d4;border-radius:8px;background:#fff}input:focus,select:focus{outline:3px solid #b0dddd;border-color:#287d83}small,.hint{color:#5e707e;font-weight:400;font-size:.84rem}small{min-height:1.4em;margin-top:4px}.hint{margin:0 0 18px}.grid+.hint{margin:16px 0 0}summary{cursor:pointer;font-weight:700}details[open]>summary{margin-bottom:20px}.result{background:#123b45;color:#fff;border:0}.result .eyebrow{color:#a2dbd6}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin:20px 0}.metrics strong{font-size:2.3rem;display:block;letter-spacing:-.03em}.metrics span{font-size:.86rem;color:#c4dedf}.result p{font-size:.85rem;color:#d4e5e6}.notice{padding:16px;border-radius:8px;background:#fff1cc;color:#614710;margin:14px 0}.error{background:#ffe9e7;color:#922f29}.actions{display:flex;align-items:center;gap:24px;margin:28px 0}button{border:0;background:#176b73;color:#fff;font:inherit;font-weight:700;padding:16px 24px;border-radius:10px;cursor:pointer}button:hover{background:#10535a}a{color:#176b73}footer{font-size:.8rem;color:#697b89;margin-top:32px}@media(max-width:720px){main{padding:28px 16px}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.metrics{grid-template-columns:1fr}.actions{align-items:stretch;flex-direction:column}section{padding:20px}}@media(max-width:460px){.grid{grid-template-columns:1fr}}