:root{color-scheme:light;--ink:#183f36;--muted:#64756c;--line:#d9dfd5;--paper:#f8f9f3;--olive:#788354}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.65 system-ui,sans-serif}header,main,footer{max-width:1040px;margin:auto;padding:24px}header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}a{color:inherit;text-underline-offset:4px}.brand{display:flex;gap:15px;text-decoration:none;font:700 40px Georgia,serif}.brand span{font:700 18px/1.4 system-ui,sans-serif}.brand small{font-weight:400}.badge,.eyebrow{font-size:12px;font-weight:750;letter-spacing:.13em}.badge{background:#e4ead8;padding:8px 12px;border-radius:30px}.intro{padding:48px 0 24px}h1{font:clamp(40px,6vw,68px)/1.08 Georgia,serif;letter-spacing:-.035em;margin:18px 0}h1 em{color:var(--olive)}h2{font:34px/1.2 Georgia,serif;margin:10px 0 20px}.lede{font-size:21px;max-width:700px}p{max-width:780px}.note{color:var(--muted);font-size:14px}nav{display:flex;flex-wrap:wrap;gap:12px;padding:20px 0}nav a{border:1px solid var(--line);border-radius:30px;padding:9px 16px;text-decoration:none}section:not(.intro){padding:40px 0;border-top:1px solid var(--line);scroll-margin-top:20px}.cards{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:22px}.card{background:white;border:1px solid var(--line);border-radius:18px;padding:26px}.card.best{border:2px solid var(--olive);background:#f0f3e7}.card h3{font-size:18px;margin:0}.price{font:40px Georgia,serif;margin:10px 0}.unit{display:block;font-size:25px;font-weight:700}.tag{font-size:12px;text-transform:uppercase;letter-spacing:.06em}.budget{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);border:1px solid var(--line);border-radius:14px;overflow:hidden}.budget div{background:white;padding:18px}.budget dd{font-size:25px;font-weight:700;margin:0}.budget dt{font-size:14px}.form-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:18px}label{display:block;font-weight:600;font-size:14px}select,input,button{font:inherit;color:inherit;padding:12px;border:1px solid #9aaa9c;border-radius:8px;background:white;max-width:100%}input,select{display:block;margin-top:8px;width:100%}#sample{max-width:480px}output{display:block;background:#e9efdf;font-size:25px;font-weight:700;padding:20px;border-radius:12px;margin-top:20px}aside{background:var(--ink);color:white;padding:32px;border-radius:18px;margin:28px 0}.recovery{border:1px solid var(--line);padding:20px;border-radius:12px}summary{cursor:pointer;font-weight:650}footer{font-size:13px;color:var(--muted);padding-bottom:50px}.skip{position:absolute;top:-100px}.skip:focus{top:8px;background:white;padding:10px;z-index:2}:focus-visible{outline:3px solid #b99b45;outline-offset:4px}button{cursor:pointer;background:var(--ink);color:white}button:disabled{opacity:.6;cursor:default}@media(max-width:600px){header,main,footer{padding:18px}.cards,.form-grid,.budget{grid-template-columns:1fr}.intro{padding-top:28px}h2{font-size:29px}.badge{font-size:10px}.card{padding:22px}aside{padding:24px}}