.planner-callout{max-width:1230px;margin:2rem auto 0;padding:1.5rem 2rem;display:flex;align-items:center;justify-content:space-between;gap:2rem;background:#f47e65;border-radius:22px;color:#402530}.planner-callout h2{font-size:clamp(1.5rem,3vw,2.2rem);margin:.2rem 0}.planner-callout p:last-child{margin:0}.planner-callout .eyebrow{color:#713b46}.planner-callout .button{white-space:nowrap}.planner-form{display:grid;gap:1.25rem;margin:2rem 0}.planner-form fieldset{border:1px solid #c7e5eb;border-radius:15px;background:white;padding:1.25rem;display:grid;gap:.9rem}.planner-form legend{font-size:1.15rem;font-weight:800;padding:0 .4rem}.planner-form label{display:block;font-weight:650}.planner-form input[type=number],.planner-form select{display:block;width:100%;max-width:250px;padding:.6rem;font:inherit;border:1px solid #8fb9c5;border-radius:8px}.planner-form input[type=checkbox]{width:1.1rem;height:1.1rem;vertical-align:middle;accent-color:#066b9f}.planner-form .button{justify-self:start}.planner-result{padding:1.2rem 1.4rem;border-radius:12px;background:#dff4f4;border-left:5px solid #15b8b0;font-weight:700}.planner-result[hidden]{display:none}@media(max-width:850px){.planner-callout{margin:0;border-radius:0;align-items:flex-start;flex-direction:column}}@media(max-width:570px){.topbar{flex-wrap:wrap}.topbar nav{width:100%;justify-content:space-between}.planner-callout{padding:1.4rem}}