.fit-hero,.fit-form,.fit-result{background:#fff;border:1px solid var(--line);border-radius:16px;padding:1.25rem}.fit-hero{margin:0 7% 1rem}.fit-hero h2,.fit-heading h3,.fit-result h3{color:var(--navy);font:700 30px/1 var(--display);margin:.15rem 0;text-transform:uppercase}.fit-hero p,.fit-heading p,.fit-result p{color:var(--muted);margin:.4rem 0}.fit-layout{align-items:start;display:grid;gap:1rem;grid-template-columns:minmax(0,2fr) minmax(260px,1fr);margin:0 7% 3rem}.fit-heading,.fit-actions{align-items:center;display:flex;gap:1rem;justify-content:space-between}.fit-grid{display:grid;gap:.8rem;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:1rem}.fit-grid label{display:grid;gap:.35rem}.fit-grid label>span{color:var(--muted);font-size:.72rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.fit-grid input,.fit-grid select{border:1px solid var(--line);border-radius:8px;padding:.65rem}.fit-actions{margin-top:1rem}.fit-actions p{color:#a43333;margin:0}.fit-actions .button{margin-left:auto}.fit-result{position:sticky;top:1rem}.fit-result h3{font-size:44px}.fit-result #fit-breakdown{border-top:1px solid var(--line);margin-top:1rem;padding-top:.65rem}.fit-result #fit-breakdown div{display:flex;gap:.5rem;justify-content:space-between;padding:.4rem 0}.fit-result #fit-breakdown span{text-transform:capitalize}.fit-result #fit-breakdown strong{font-size:.82rem;text-align:right}@media(max-width:850px){.fit-layout{grid-template-columns:1fr}.fit-result{position:static}}@media(max-width:650px){.fit-hero,.fit-layout{margin-left:24px;margin-right:24px}.fit-grid{grid-template-columns:1fr}.fit-heading{align-items:flex-start;flex-direction:column}}
