*{box-sizing:border-box}body{margin:0;background:#0f1f14;color:#eefaf2;font:17px/1.7 system-ui,sans-serif}a{color:#83e9a7;text-underline-offset:4px}header,main,footer{max-width:850px;margin:auto;padding:24px}header{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap;border-bottom:1px solid #35513e}nav{display:flex;gap:20px;flex-wrap:wrap}h1{font-size:clamp(2rem,6vw,3.5rem);line-height:1.13;letter-spacing:-.04em}h2{line-height:1.3;margin-top:2rem}p,li{color:#d0dfd4}li{margin-bottom:10px}.eyebrow{color:#83e9a7;font-size:.85rem;text-transform:uppercase;letter-spacing:.12em}.card,.calculator{background:#172d1e;border:1px solid #35513e;border-radius:18px;padding:24px;margin:24px 0}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}label{display:block}input{display:block;width:100%;margin-top:6px;border-radius:8px;padding:12px;background:#09170e;color:white;border:1px solid #63806c;font:inherit}output{display:block;margin-top:20px;font-size:1.1rem;color:#a5f3bf}small{color:#bdcebf}footer{border-top:1px solid #35513e;font-size:.9rem}button,.button{display:inline-block;background:#83e9a7;color:#0f1f14;border-radius:9px;padding:10px 16px;font-weight:700;text-decoration:none}a:focus-visible,input:focus-visible{outline:3px solid #facc15;outline-offset:4px}@media(max-width:520px){.grid{grid-template-columns:1fr}header,main,footer{padding:20px}.card,.calculator{padding:18px}}