:root{--color-text:#23332c;--color-bg:#f7f8f2;--color-primary:#294d38;--color-primary-dark:#1e3c2b;--color-on-primary:white;--color-accent:#8cb668;--color-accent-soft:#d3e6ba;--color-focus:#709253;--color-emphasis:#38563e;--color-secondary:#496954;--color-surface:white;--color-surface-muted:#edf2e8;--color-tint:#e5eee1;--color-card:#ffffffc4;--color-border:#e1e8dc;--color-divider:#d7e2d2;--color-field-border:#768f75;--color-error:#96332c;--color-water:#48717d;--color-water-bg:#e4f1f1;--color-energy:#806938;--color-energy-bg:#f7efd9;--color-carbon:#866254;--color-carbon-bg:#f8ebe4;font-family:var(--font-body);color:var(--color-text);background-color:var(--color-bg);font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}a{color:inherit}.site-header,main,footer{max-width:1280px;margin:auto}.site-header{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;padding:1.8125rem 5%;display:flex}.brand{letter-spacing:.13em;align-items:center;gap:10px;font-size:.875rem;font-weight:800;text-decoration:none;display:flex}.brand-mark{background-color:var(--color-accent-soft);width:31px;height:31px;color:var(--color-emphasis);border-radius:50%;place-items:center;font-size:1.375rem;display:grid}.header-link{font-size:.875rem;font-weight:600;text-decoration:none}.header-link span{margin-left:.375rem}main{padding:0 5%}.hero{text-align:center;padding:4.6875rem 0 3.5rem}.eyebrow,.section-number{letter-spacing:.16em;color:var(--color-primary);font-size:.875rem;font-weight:800}.eyebrow{justify-content:center;align-items:center;gap:8px;display:flex}.status-dot{background-color:var(--color-accent);border-radius:50%;width:7px;height:7px}h1,h2,p{margin-top:0}h1{font-family:var(--font-heading);letter-spacing:-.05em;margin:1.375rem 0 1rem;font-size:clamp(2.75rem,6vw,4.6875rem);font-weight:400;line-height:1.03}em{color:var(--color-emphasis);font-weight:400}.hero p{color:var(--color-primary);max-width:430px;margin:auto;font-size:.9375rem;line-height:1.7}.calculator-layout{grid-template-columns:minmax(280px,.82fr) minmax(0,1.5fr);align-items:stretch;gap:22px;display:grid}.calculator-layout:has(.results[hidden]){grid-template-columns:minmax(0,560px);justify-content:center}.input-panel,.results,.period-results{border:1px solid var(--color-border);border-radius:16px;padding:2rem}.input-panel{background-color:var(--color-surface)}.results{background-color:var(--color-surface-muted);scroll-margin-top:1.25rem;animation:.4s ease-out reveal-results}.results[hidden],.period-results[hidden]{display:none}@keyframes reveal-results{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}h2{font-family:var(--font-heading);letter-spacing:-.035em;margin:.875rem 0 .5625rem;font-size:1.75rem;font-weight:400}.intro,.results-intro{color:var(--color-primary);font-size:.875rem;line-height:1.6}.intro{margin-bottom:1.9375rem}label{margin:1.375rem 0 .5625rem;font-size:.875rem;font-weight:700;display:block}select,input,button{font:inherit}select,input{width:100%;color:var(--color-text);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;padding:.8125rem;font-size:.875rem}input{border-color:var(--color-field-border)}input::placeholder{color:var(--color-primary);opacity:1}select{appearance:none;cursor:pointer;color:var(--color-primary-dark);background-color:var(--color-surface-muted);border-color:var(--color-field-border);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='m4 6 4 4 4-4' stroke='%23294d38' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:2.25rem;font-weight:600}select:hover{background-color:var(--color-tint);border-color:var(--color-secondary)}.amount-row{grid-template-columns:minmax(0,1fr) 135px;gap:8px;display:grid}.field-help{color:var(--color-primary);margin:.5rem 0 0;font-size:.875rem;line-height:1.5}button{width:100%;color:var(--color-on-primary);background-color:var(--color-primary);cursor:pointer;border:0;border-radius:8px;justify-content:space-between;align-items:center;margin-top:1.6875rem;padding:.9375rem 1.0625rem;font-size:.875rem;font-weight:700;display:flex}button:hover{background-color:var(--color-primary-dark)}:focus-visible{outline:3px solid var(--color-focus);outline-offset:3px}.error{color:var(--color-error);margin:.75rem 0 0;font-size:.875rem;line-height:1.5}[aria-invalid=true]{border-color:var(--color-error)}.privacy-note{color:var(--color-primary);margin-top:1.5rem;font-size:.875rem}.privacy-note span{color:var(--color-secondary);vertical-align:middle;margin-right:.3125rem;font-size:1rem}.results-heading{justify-content:space-between;align-items:start;gap:10px;display:flex}.period-badge{border:1px solid var(--color-divider);color:var(--color-primary);white-space:nowrap;letter-spacing:.08em;border-radius:100px;padding:.4375rem .625rem;font-size:.875rem;font-weight:800}.results-intro{margin-bottom:1.3125rem;font-size:.9375rem}.result-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.result-card{background-color:var(--color-card);border-radius:11px;min-height:166px;padding:1.25rem}.card-top{color:var(--color-primary);letter-spacing:.12em;justify-content:space-between;align-items:center;font-size:.875rem;font-weight:800;display:flex}.icon{width:31px;height:31px;color:var(--color-secondary);background-color:var(--color-tint);border-radius:50%;place-items:center;font-size:1.25rem;display:grid}.water .icon{color:var(--color-water);background-color:var(--color-water-bg)}.energy .icon{color:var(--color-energy);background-color:var(--color-energy-bg)}.carbon .icon{color:var(--color-carbon);background-color:var(--color-carbon-bg)}.metric{flex-wrap:wrap;align-items:baseline;gap:7px;margin:1.0625rem 0 .5rem;display:flex}.metric strong{font-family:var(--font-heading);letter-spacing:-.04em;overflow-wrap:anywhere;font-size:clamp(2.125rem,4vw,2.875rem);font-weight:400}.metric span{color:var(--color-primary);font-size:.875rem}.result-card p{color:var(--color-primary);margin:0;font-size:.875rem;line-height:1.5}.result-card p b{color:var(--color-primary)}small{font-size:inherit}.estimate-note{color:var(--color-primary);margin:1.25rem 0 0;font-size:.875rem}.estimate-note span{color:var(--color-secondary);margin-right:.3125rem}.period-results{background-color:var(--color-surface-muted);margin-top:1.375rem;animation:.4s ease-out reveal-results}.period-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.period-card{background-color:var(--color-card);border-radius:11px;min-width:0;padding:1.25rem}.period-card h3{font-family:var(--font-heading);margin:0 0 .5rem;font-size:1.5rem;font-weight:400}.period-card p,.period-card dl{color:var(--color-primary);font-size:.875rem;line-height:1.5}.period-card p{margin:0 0 1rem}.period-card dl{margin:0}.period-card dl div{border-top:1px solid var(--color-divider);justify-content:space-between;gap:12px;padding:.5rem 0;display:flex}.period-card dd{text-align:right;overflow-wrap:anywhere;margin:0}.period-card dd span{font-weight:700}.methodology{padding:5.375rem 0 4.75rem}.methodology summary{cursor:pointer;justify-content:space-between;align-items:center;gap:16px;list-style:none;display:flex}.methodology summary::-webkit-details-marker{display:none}.methodology summary:after{content:"+";color:var(--color-secondary);font-size:1.875rem}.methodology[open] summary:after{content:"−"}.methodology h2{font-size:1.9375rem;line-height:1.18}.method-copy{max-width:720px;margin-top:1.5rem}.method-copy p{color:var(--color-primary);font-size:.875rem;line-height:1.8}.sources{flex-wrap:wrap;align-items:center;gap:12px 18px;margin-top:1.4375rem;font-size:.875rem;display:flex}.sources span{color:var(--color-primary);letter-spacing:.1em;font-size:.875rem;font-weight:800}.sources a{color:var(--color-primary);text-underline-offset:3px}footer{border-top:1px solid var(--color-border);color:var(--color-primary);justify-content:space-between;gap:15px;padding:1.5rem 5% 2rem;font-size:.875rem;display:flex}footer span:first-child{letter-spacing:.11em;font-weight:800}@media (width<=740px){.hero{padding:3.4375rem 0 2.5rem}.calculator-layout{grid-template-columns:1fr}.input-panel,.results,.period-results{padding:1.5rem}.period-grid{grid-template-columns:1fr}.methodology{padding:3.75rem 0}}@media (width<=400px){.result-grid{grid-template-columns:1fr}.result-card{min-height:145px}footer{flex-direction:column}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.results,.period-results{animation:none}}@media (forced-colors:active){select{appearance:auto;background-image:none}}
