:root{color-scheme:light;--ink:#15372e;--dark:#10392e;--lime:#d9f579;--paper:#f5f7ee;--line:#dce4d7}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.5 system-ui,sans-serif}header,main,footer{max-width:1180px;margin:auto;padding:22px 32px}header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:12px}.brand{font-weight:850;letter-spacing:.12em;font-size:.82rem}.brand b{display:inline-grid;place-items:center;background:var(--dark);color:var(--lime);border-radius:10px;width:32px;height:32px;font-size:1.2rem;margin-right:7px}.badge{font-size:.76rem;border:1px solid var(--line);border-radius:20px;padding:5px 10px}.hero{padding:36px 0 26px}.hero small{letter-spacing:.18em;font-weight:800;color:#42694b}h1{font-size:clamp(3.1rem,8vw,6.4rem);line-height:.92;letter-spacing:-.082em;margin:14px 0 18px}h1 em{font-style:normal;color:#3d7047}.hero p{max-width:520px;margin:0;color:#48645b}nav{display:flex;gap:8px;margin:6px 0 18px;flex-wrap:wrap}button{font:inherit;font-weight:700;cursor:pointer;border:1px solid var(--line);border-radius:11px;padding:10px 15px;background:white;color:inherit}button[aria-pressed=true]{background:var(--dark);color:white}.layout{display:grid;grid-template-columns:1.1fr 1fr;gap:18px;align-items:start}.panel,.results{border:1px solid var(--line);border-radius:20px;padding:22px;background:white;min-width:0}h2{margin:0 0 14px;letter-spacing:-.04em}h3{margin:8px 0}.fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}label{display:grid;gap:4px;font-size:.82rem;font-weight:700}input,select{width:100%;min-width:0;border:1px solid #b9c9bc;padding:8px;border-radius:8px;color:inherit;background:white;font:inherit}input[type=checkbox]{width:auto;justify-self:start}summary{cursor:pointer;font-weight:750}details{border-top:1px solid var(--line);margin-top:16px;padding-top:12px}details>div{margin-top:10px}.results{background:var(--dark);color:#f6fff1}.result{padding:12px 0;border-top:1px solid #ffffff32}.total{color:var(--lime);font-size:clamp(1.8rem,4vw,2.85rem);font-weight:850;letter-spacing:-.06em;overflow-wrap:anywhere}.metrics{display:flex;gap:18px;margin:8px 0 12px;flex-wrap:wrap}.metrics b{display:block;font-size:1.35rem}.note,.metrics span,footer{font-size:.83rem}.results .note{color:#c4d7c9}.row{display:flex;justify-content:space-between;gap:10px;border-bottom:1px solid #ffffff22;padding:5px 0;font-size:.88rem}.level{margin-top:12px}.product{padding:8px 0;border-bottom:1px solid var(--line)}.product .fields{grid-template-columns:repeat(4,minmax(0,1fr))}.results details{border-color:#ffffff32}.scroll{max-height:370px;overflow:auto}footer{color:#48645b}@media(max-width:760px){header,main,footer{padding-left:16px;padding-right:16px}.layout{grid-template-columns:1fr}.panel,.results{padding:16px}.product .fields{grid-template-columns:repeat(2,minmax(0,1fr))}}
