:root{--bg:#f6f4ed;--ink:#303b33;--muted:#697367;--line:#dbdfd2;--green:#405e46}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.55 system-ui,sans-serif}header,footer{padding:24px 5%;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);gap:20px}a{color:inherit;text-decoration:none}.brand{font-size:26px;font-weight:650;letter-spacing:-1px}.brand small{font-size:10px;letter-spacing:2px;margin-left:12px;color:var(--muted)}main{max-width:1550px;margin:auto;padding:0 5%}.hero{display:grid;grid-template-columns:1.2fr 1fr;gap:50px;padding:70px 0 60px;align-items:center}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:650;color:var(--muted)}h1{font:500 clamp(38px,4vw,64px)/1.06 Georgia,serif;letter-spacing:-2px;margin:22px 0}h2{font:500 34px/1.2 Georgia,serif;margin:8px 0 16px}h3{font-size:18px;font-weight:550}h3 span{font-size:12px;color:var(--muted);margin-right:10px}.lead{font-size:17px;max-width:530px;color:var(--muted);margin-bottom:26px}.contour{color:#80916f;background:#e5e9dc;border-radius:40% 40% 10px 10px;transform:rotate(-4deg);overflow:hidden}.contour svg{width:100%;display:block}.button,.secondary{border:0;padding:15px 18px;border-radius:5px;background:var(--green);color:white;font:600 14px system-ui;cursor:pointer;display:inline-block;text-align:center}.button:hover{background:#304c36}.button:disabled{background:#d7dcce;color:#626d5e;cursor:not-allowed}.small,.hint{font-size:12px;color:var(--muted)}.hint{line-height:1.6}.section-heading{border-top:1px solid var(--line);padding-top:35px;margin-bottom:28px}.section-heading>p:last-child{color:var(--muted)}.layout{display:grid;grid-template-columns:280px minmax(280px,1fr) 280px;gap:22px;align-items:start}.panel{padding:22px;background:#fffdf7;border:1px solid var(--line);border-radius:8px}.panel h3:first-child{margin-top:0}.panel label{display:block;font-size:12px;font-weight:600;margin:15px 0 7px}input,select{width:100%;padding:11px 8px;border:1px solid #cdd3c5;border-radius:4px;background:white;color:var(--ink);font:inherit;min-width:0}input[type=range]{padding:0;accent-color:var(--green)}.pair{display:grid;grid-template-columns:1fr 1fr;gap:10px}.range-labels,.quote-line{display:flex;justify-content:space-between;gap:12px}.range-labels{font-size:11px;color:var(--muted)}output{display:block;font-weight:400;color:var(--muted)}.panel .button{width:100%;margin-top:14px}.preview-panel iframe{width:100%;height:600px;border:1px solid var(--line);border-radius:8px;background:#efeee5}.quote-line{padding:15px 0;border-bottom:1px solid var(--line);font-size:14px}.quote-line strong{white-space:nowrap}.total{font-size:17px;margin-top:14px;border-top:1px solid var(--line)}.notice{font-size:12px;background:#eef0e6;padding:12px;border-radius:4px}.expect{display:grid;grid-template-columns:1.2fr 1fr 1fr 1fr;gap:30px;margin:70px 0 50px;border-top:1px solid var(--line);padding-top:35px}.expect p{color:var(--muted);font-size:14px}footer{border-top:1px solid var(--line);font-size:12px}dialog{border:1px solid var(--line);border-radius:12px;max-width:520px;width:calc(100% - 32px);padding:32px;background:var(--bg);color:var(--ink)}dialog::backdrop{background:#20302180}.close{float:right;border:0;background:none;font-size:26px;cursor:pointer}pre{white-space:pre-wrap;font:14px/1.8 system-ui;background:#fffdf7;padding:20px;border:1px solid var(--line)}dialog .button,dialog .secondary{width:100%;margin:6px 0}.secondary{background:#e2e7d9;color:var(--ink)}:focus-visible{outline:3px solid #9baf75;outline-offset:3px}@media(max-width:1100px){.layout{grid-template-columns:290px 1fr}.quote{grid-column:1/-1}.expect{grid-template-columns:1fr 1fr}.preview-panel iframe{height:650px}}@media(max-width:650px){header{padding:18px 5%}header>a:last-child{font-size:12px}.brand small{display:block;margin:0}.hero{grid-template-columns:1fr;padding:40px 0;gap:22px}.contour{display:none}.layout{grid-template-columns:1fr}.preview-panel{grid-row:2}.preview-panel iframe{height:410px}.expect{grid-template-columns:1fr;gap:12px}.quote{grid-column:auto}h1{letter-spacing:-1px}footer{flex-wrap:wrap}}