.hero{grid-template-columns:1.08fr .92fr;padding-right:max(24px,calc((100vw - 1180px)/2))}
.hero-planner{padding:78px 0 60px 55px;border-left:1px solid var(--line)}
.hero-planner h2{font-size:30px;line-height:1.25;margin:0 0 27px}
.hero-planner fieldset{border:0;padding:0;margin:0 0 20px}
.hero-planner legend{font-size:12px;font-weight:700;margin-bottom:8px}
.option-row{display:flex;flex-wrap:wrap;gap:7px}
.option-row label{position:relative}
.option-row input{position:absolute;opacity:0;pointer-events:none}
.option-row span{display:block;min-height:38px;padding:8px 11px;border:1px solid #b9c6bf;background:transparent;font-size:12px;cursor:pointer}
.option-row input:checked+span{background:var(--deep);border-color:var(--deep);color:#fff}
.option-row input:focus-visible+span{outline:2px solid var(--gold);outline-offset:2px}
.planner-result{min-height:126px;margin-top:27px;padding:19px 21px;border-top:3px solid var(--gold);background:#fff}
.planner-result small,.planner-result strong{display:block}
.planner-result small{color:var(--green);font-size:10px;font-weight:800}
.planner-result strong{font-size:18px;margin:4px 0}
.planner-result p{margin:0;color:var(--muted);font-size:13px}
.planner-link{display:inline-block;margin-top:15px;color:var(--green);font-weight:700;font-size:13px}
.custom-volume{display:block;margin-top:9px;color:var(--muted);font-size:11px}
.custom-volume input{display:block;width:100%;margin-top:4px;padding:9px 10px;border:1px solid #b9c6bf;background:#fff;font:inherit}
.custom-volume input:disabled{opacity:.55;background:#edf1ef}
.budget-button{width:100%;padding:11px;border:0;background:var(--green);color:#fff;font:inherit;font-weight:700;cursor:pointer}
.budget-button:hover{background:var(--deep)}
.budget-result{margin-top:16px}
@media(max-width:900px){.hero{grid-template-columns:1fr;padding:0 24px}.hero-copy{padding:55px 0}.hero-planner{padding:45px 0 55px;border-left:0;border-top:1px solid var(--line)}}
@media(max-width:520px){.option-row span{padding:8px 9px}}