@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=DM+Mono:wght@400;500&display=swap";:root{--bg:#f7f7f4;--card:#fff;--ink:#171a17;--muted:#68706a;--line:#dfe2dc;--green:#176b4b;--green-soft:#e5f3ec;--orange:#f06432;--orange-soft:#fff0e8}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:15px DM Sans,system-ui,sans-serif}.app{min-height:100vh}header{height:68px;padding:0 max(24px,calc((100vw - 1240px)/2));display:flex;align-items:center;border-bottom:1px solid var(--line);background:#fff;position:sticky;top:0;z-index:10}.brand{color:var(--ink);font-size:18px;font-weight:700;text-decoration:none}.brand span{color:var(--orange);font-size:15px;margin-right:7px}header>p{margin:auto;color:var(--muted);font-size:12px}button{font:600 13px DM Sans;cursor:pointer}.text-button{border:0;background:none;padding:10px 14px;color:var(--muted)}.share{border:0;background:var(--ink);color:#fff;border-radius:8px;padding:10px 15px}.hero{max-width:1240px;margin:auto;padding:70px 24px 42px;text-align:center}.eyebrow{color:var(--green);font:500 11px DM Mono;letter-spacing:.1em}.hero h1{font-size:52px;line-height:1.04;letter-spacing:-.045em;margin:14px 0}.hero p{color:var(--muted);font-size:17px;line-height:1.6;max-width:690px;margin:0 auto}.planner{max-width:1240px;margin:0 auto 70px;padding:0 24px;display:grid;grid-template-columns:minmax(0,1fr) 470px;gap:24px;align-items:start}.questions,.recommendation{background:var(--card);border:1px solid var(--line);border-radius:16px;box-shadow:0 8px 30px #1b2b2110}.questions{padding:28px}.panel-heading,.result-title{display:flex;align-items:center;gap:13px;padding-bottom:22px;border-bottom:1px solid var(--line)}.panel-heading>span,.result-title>span{width:32px;height:32px;display:grid;place-items:center;background:var(--ink);color:#fff;border-radius:50%;font:500 12px DM Mono;flex:none}.panel-heading h2,.panel-heading p{margin:0}.panel-heading h2{font-size:19px}.panel-heading p{color:var(--muted);font-size:12px;margin-top:4px}.control{display:block;padding:24px 0;border-bottom:1px solid var(--line)}.control-copy{display:flex;justify-content:space-between;gap:20px;align-items:start}.control-copy b,.control-copy small{display:block}.control-copy b{font-size:14px}.control-copy small{color:var(--muted);font-size:12px;margin-top:4px}.control output{font:600 14px DM Mono;background:var(--orange-soft);color:#b43d15;border-radius:7px;padding:7px 9px;white-space:nowrap}input[type=range]{--fill:50%;width:100%;height:6px;margin:20px 0 6px;appearance:none;border-radius:9px;background:linear-gradient(to right,var(--orange) 0,var(--orange) var(--fill),#e6e8e3 var(--fill),#e6e8e3 100%);cursor:pointer}input[type=range]::-webkit-slider-thumb{appearance:none;width:20px;height:20px;border:4px solid #fff;border-radius:50%;background:var(--orange);box-shadow:0 0 0 1px #c94f24,0 2px 6px #0002}input[type=range]::-moz-range-thumb{width:12px;height:12px;border:4px solid #fff;border-radius:50%;background:var(--orange);box-shadow:0 0 0 1px #c94f24}.range-labels{display:flex;justify-content:space-between;color:#929890;font:10px DM Mono}.advanced-toggle{width:100%;display:flex;justify-content:space-between;border:0;background:none;color:var(--green);padding:20px 0 3px}.advanced-toggle b{font-size:18px}.advanced{border-top:1px dashed var(--line);margin-top:14px}.availability{display:flex;justify-content:space-between;gap:20px;align-items:center;padding-top:24px}.availability b,.availability small{display:block}.availability small{color:var(--muted);font-size:12px;margin-top:4px}.availability select{border:1px solid var(--line);border-radius:8px;background:#fff;padding:10px}.recommendation{padding:28px;position:sticky;top:92px}.result-title{position:relative}.result-title>span{background:var(--green)}.result-title p,.result-title h2{margin:0}.result-title p{color:var(--muted);font:500 9px DM Mono;letter-spacing:.08em}.result-title h2{font-size:19px;margin-top:4px}.result-title>i{margin-left:auto;border-radius:20px;padding:6px 9px;font-style:normal;font-size:10px;background:var(--green-soft);color:var(--green)}.plain-answer{text-align:center;padding:28px 12px 24px;border-bottom:1px solid var(--line)}.plain-answer p{margin:0;color:var(--muted)}.plain-answer>strong{display:block;font:500 42px DM Mono;letter-spacing:-.05em;margin:8px 0;color:var(--green)}.plain-answer strong small{font:500 13px DM Sans;letter-spacing:0;color:var(--muted)}.plain-answer>span{font-size:11px;color:var(--muted)}.build-list{padding:22px 0 14px}.build-list h3,.advice h3{font-size:12px;margin:0 0 13px}.build-item{display:flex;gap:12px;align-items:center;padding:10px 0}.build-item i{width:34px;height:34px;border-radius:8px;background:var(--green-soft);color:var(--green);display:grid;place-items:center;font-style:normal}.build-item strong,.build-item span{display:block}.build-item strong{font-size:13px}.build-item span{color:var(--muted);font-size:11px;margin-top:2px}.cost{background:var(--ink);color:#fff;border-radius:11px;padding:17px}.cost>div{display:flex;justify-content:space-between;align-items:center}.cost span{font-size:11px}.cost strong{font:500 24px DM Mono}.cost strong small{font:400 10px DM Sans;color:#aab0ab}.cost p{margin:8px 0 0;color:#aeb3af;font-size:10px;line-height:1.4}details{border-bottom:1px solid var(--line)}summary{padding:18px 0;color:var(--green);font-size:12px;cursor:pointer}.math{padding-bottom:12px}.math p{display:flex;justify-content:space-between;margin:0;padding:8px 0;color:var(--muted);font-size:11px}.math b{color:var(--ink);font-family:DM Mono}.advice{padding-top:20px}.advice p{display:flex;gap:9px;color:var(--muted);font-size:11px;line-height:1.5;margin:9px 0}.advice p span{color:var(--orange);font-weight:700}footer{max-width:1240px;margin:auto;border-top:1px solid var(--line);padding:25px 24px;display:flex;justify-content:space-between;color:var(--muted);font-size:11px}footer a{color:var(--green);text-decoration:none}@media(max-width:950px){.planner{grid-template-columns:1fr}.recommendation{position:static}.hero{padding-top:50px}.hero h1{font-size:43px}}@media(max-width:600px){header{padding:0 16px}header>p,.text-button{display:none}.hero{padding:40px 18px 28px}.hero h1{font-size:35px}.hero p{font-size:14px}.planner{padding:0 14px}.questions,.recommendation{padding:20px;border-radius:12px}.control-copy{display:block}.control output{display:inline-block;margin-top:10px}.availability{display:block}.availability select{width:100%;margin-top:12px}.plain-answer>strong{font-size:34px}footer{display:grid;gap:9px;text-align:center}}