*{box-sizing:border-box}html{scroll-padding-top:104px}body{color:#1f2937;background:#fbf8f2;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}a{color:#0f766e}header{z-index:5;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fbf8f2f0;border-bottom:1px solid #eadfce;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 5vw;display:flex;position:sticky;top:0}.logo{color:#14524b;align-items:center;gap:.45rem;font-weight:800;text-decoration:none;display:inline-flex}.logo-mark{background:#e8f3ef;border-radius:999px;place-items:center;width:2rem;height:2rem;display:inline-grid}nav{flex-wrap:wrap;gap:1rem;display:flex}nav a{color:#374151;text-decoration:none}main{max-width:1240px;margin:auto}.hero{grid-template-columns:1.25fr .75fr;align-items:center;gap:2rem;padding:5rem 5vw 3rem;display:grid}.eyebrow{color:#0f766e;font-weight:700}.hero h1{margin:.4rem 0;font-size:clamp(2.4rem,5vw,4rem);line-height:1.05}.lead{font-size:1.35rem;line-height:1.45}.button,button{color:#0f766e;cursor:pointer;background:#fff;border:1px solid #0f766e;border-radius:999px;padding:.75rem 1rem;font-weight:700;text-decoration:none;display:inline-block}.primary,button.primary{color:#fff;background:#0f766e}.button:focus,button:focus,input:focus,select:focus,summary:focus{outline-offset:2px;outline:3px solid #f59e0b}button:disabled{opacity:.5;cursor:not-allowed}.trust{flex-wrap:wrap;gap:.75rem;margin-top:1rem;display:flex}.trust span,.chips button.selected{color:#0f766e;background:#e8f3ef;border-radius:999px;padding:.45rem .7rem;font-weight:700}.example,.step,.result,.content article,.static,footer,.content{background:#fff;border:1px solid #eadfce;border-radius:24px;padding:1.5rem;box-shadow:0 8px 24px #1f29370f}.cat-card{position:relative;overflow:hidden}.cat-card:after{content:"";z-index:0;background:#e8f3ef;border-radius:999px;width:9rem;height:9rem;position:absolute;bottom:-2rem;right:-2rem}.cat-card>*{z-index:1;position:relative}.cat-bowl{margin-bottom:.75rem;font-size:3rem}.calculator{grid-template-columns:minmax(0,1.5fr) minmax(320px,.8fr);align-items:start;gap:1.5rem;padding:2rem 5vw;display:grid}.calc-form,.result{min-width:0}.result{position:sticky;top:104px}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.field{gap:.35rem;font-weight:700;display:grid}.field input,.field select{min-height:44px;font:inherit;border:1px solid #d1d5db;border-radius:12px;padding:.7rem}.field small,.muted{color:#6b7280;font-weight:400}.step-indicator{grid-template-columns:repeat(4,minmax(0,1fr));gap:.7rem;margin:1rem 0;padding:0;list-style:none;display:grid}.step-indicator li{background:#f2faf7;border:1px solid #d8eee9;border-radius:16px;align-items:center;gap:.55rem;padding:.7rem;font-size:.92rem;display:flex}.step-indicator b{color:#fff;background:#0f766e;border-radius:999px;place-items:center;width:1.8rem;height:1.8rem;display:grid}.required-chip{color:#0f766e;vertical-align:middle;background:#e8f3ef;border-radius:999px;margin-left:.35rem;padding:.2rem .5rem;font-size:.72rem}.check{align-items:flex-start;gap:.6rem;margin-top:1rem;display:flex}.check input{margin-top:.25rem}.check span{gap:.15rem;display:grid}.check small{color:#6b7280;font-weight:400}.step{margin:1rem 0;scroll-margin-top:104px}.ratio{grid-template-columns:auto 1fr auto;align-items:center;gap:.75rem;display:grid}.chips{flex-wrap:wrap;gap:.5rem;margin:1rem 0;display:flex}.actions{flex-wrap:wrap;gap:.75rem;margin-top:1rem;display:flex}.metric{background:#e8f3ef;border-radius:18px;margin:1rem 0;padding:1rem}.metric b{color:#0f766e;font-size:2rem;display:block}.cards{grid-template-columns:repeat(2,1fr);gap:.75rem;display:grid}.cards div{background:#fbf8f2;border-radius:16px;padding:1rem}.cards b{margin-top:.35rem;display:block}.alert{background:#eef8f5;border-left:5px solid #0f766e;border-radius:16px;margin:.8rem 0;padding:1rem}.alert.caution{background:#fff8eb;border-left-color:#f59e0b}.alert.strong{background:#fff1f0;border-left-color:#b42318}.content{margin:1.25rem 5vw}.info-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.safety{border-color:#f59e0b}details{border-top:1px solid #eadfce;margin:.75rem 0;padding-top:.75rem}summary{cursor:pointer;font-weight:800}footer{margin:2rem 5vw}.static{max-width:760px;margin:4rem auto}@media (width<=860px){header{flex-direction:column;align-items:flex-start}.hero,.calculator{grid-template-columns:1fr;padding:2.5rem 1rem}.grid,.cards,.info-grid,.step-indicator{grid-template-columns:1fr}.result{position:static}.content,footer{margin:1rem}.hero h1{font-size:2.5rem}.button,button{text-align:center;width:100%}.ratio{grid-template-columns:1fr}.trust{display:grid}.example{display:none}}@media print{header,.hero,.content,footer .muted{display:none}.calculator{display:block}.calc-form{display:none}.result{box-shadow:none;border:0;position:static}.actions{display:none}}