.treatment-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:7px; }
.treatment-grid a { min-height:108px; border:1px solid var(--line); border-radius:8px; text-align:center; padding:8px 5px; background:#fff; box-shadow:var(--shadow); }
.treatment-grid img { width:47px; height:47px; }
.treatment-grid strong { display:block; font-size:9.4px; line-height:1.18; margin:3px 0; }
.treatment-grid span { font-size:8.4px; color:var(--teal); font-weight:800; }
@media(min-width:700px) { .treatment-grid { grid-template-columns:repeat(3,1fr); } }
@media(min-width:900px) { .treatment-grid { grid-template-columns:repeat(6,1fr); gap:8px; } }
@media(min-width:900px) { .treatment-grid a { min-height:105px; } }
@media(min-width:900px) { .treatment-grid img { width:48px; height:48px; } }
@media(min-width:900px) { .treatment-grid strong { font-size:9.5px; } }
.treat-hero-copy { padding:30px 0 20px 18px; z-index:2; }
.hero-trust { display:grid; grid-template-columns:repeat(2,1fr); gap:8px 10px; }
.hero-trust span { display:flex; align-items:center; gap:6px; color:#314A91; font-size:12px; }
.hero-trust img { width:22px; height:22px; }
.progress-section { position:sticky; top:0; z-index:60; background:#fff; padding:14px 14px 10px; border-bottom:1px solid #EDF2F6; }
.progress-line { height:3px; background:#DDE6EF; position:absolute; left:10%; right:10%; top:30px; z-index:0; border-radius:3px; overflow:hidden; }
.progress-line span { display:block; height:100%; width:0; background:var(--teal); transition:.3s; }
.steps { display:grid; grid-template-columns:repeat(5,1fr); gap:4px; position:relative; z-index:1; }
.step-indicator { border:0; background:none; text-align:center; color:#5665A1; padding:0; }
.step-indicator span { width:30px; height:30px; margin:auto; border-radius:50%; display:grid; place-items:center; border:1.5px solid #B8C9E8; background:#fff; color:#6A79AE; font-size:12px; font-weight:800; transition:.2s; }
.step-indicator b { display:none; font-size:11px; margin-top:6px; }
.step-indicator.active span, .step-indicator.completed span { background:var(--teal); border-color:var(--teal); color:#fff; }
.step-indicator.active b { color:var(--teal); }
.form-layout { padding:14px 14px 12px; display:grid; gap:12px; }
.form-step { display:none; padding:20px 16px; }
.form-step.active { display:block; }
.step-title { display:flex; align-items:flex-start; gap:10px; margin-bottom:18px; }
.step-title img { width:42px; height:42px; }
.step-title h2 { font-size:22px; margin:0 0 4px; color:#1F1BA8; }
.step-title p { font-size:13px; color:#5366B8; margin:0; line-height:1.4; }
.field-grid { display:grid; gap:12px; margin-bottom:14px; }
.field-grid.two, .field-grid.three { grid-template-columns:1fr; }
.error, .group-error { display:block; color:#B83A50; font-size:12px; min-height:14px; margin-top:4px; }
.choice-fieldset, .inline-radio-group { border:0; padding:0; margin:0 0 14px; }
.choice-grid { display:grid; gap:8px; }
.choice-grid.four { grid-template-columns:repeat(2,1fr); }
.choice-grid.three { grid-template-columns:1fr; }
.choice-card { min-height:56px; border:1px solid #D6E0ED; border-radius:7px; display:flex; align-items:center; justify-content:center; gap:8px; color:#28389B; background:#fff; font-size:13px; font-weight:700; position:relative; cursor:pointer; transition:border-color .2s, background .2s; }
.choice-card input, .icon-choice input { position:absolute; opacity:0; pointer-events:none; }
.choice-card:has(input:checked), .icon-choice:has(input:checked) { border-color:var(--teal); background:#F1FBFA; box-shadow:0 0 0 2px rgba(0,160,153,.2); }
.choice-card img { width:34px; height:34px; }
.choice-card>span { font-size:20px; color:#0A9FC6; }
.option-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:8px; margin-bottom:6px; }
.icon-choice { min-height:110px; border:1px solid #DBE4EF; border-radius:8px; background:#fff; text-align:center; padding:10px 6px; position:relative; display:flex; flex-direction:column; align-items:center; justify-content:center; cursor:pointer; transition:border-color .2s, background .2s; }
.icon-choice img { width:48px; height:48px; }
.icon-choice span { font-size:12px; line-height:1.25; font-weight:700; color:#263777; margin-top:5px; }
.inline-radio-group { border:1px solid #E2E9F2; border-radius:8px; }
.inline-radio-group { padding:12px!important; }
.inline-radio-group label { display:inline-flex; align-items:center; gap:6px; margin-right:14px; font-size:13px; color:#36497B; }
.inline-radio-group input { width:auto; min-height:auto; }
.block-radio { margin-top:2px!important; }
.conditional-panel { margin:-2px 0 14px; padding:12px; border-radius:8px; background:#F7FAFC; }
.conditional-panel p { font-size:13px; font-weight:700; margin:0 0 8px; color:#273878; }
.pill-checks { display:flex; flex-wrap:wrap; gap:6px; }
.pill-checks label { border:1px solid #D7E2ED; border-radius:16px; padding:7px 11px; font-size:12px; color:#334678; background:#fff; cursor:pointer; transition:border-color .2s, background .2s; }
.pill-checks label:has(input:checked) { border-color:var(--teal); background:#F1FBFA; }
.pill-checks input { width:auto; min-height:auto; }
.textarea-label { display:block; margin-bottom:14px; }
.upload-panel { border:1px solid #D9E5EF; border-radius:9px; background:#F9FCFD; padding:14px; margin-bottom:14px; }
.upload-heading { display:flex; gap:10px; align-items:flex-start; margin-bottom:12px; }
.upload-heading img { width:40px; height:40px; }
.upload-heading h3 { font-size:15px; margin:0 0 4px; }
.upload-heading p { font-size:12px; line-height:1.45; color:var(--text); margin:0; }
.dropzone { min-height:130px; border:1.5px dashed #99C7D1; border-radius:9px; background:#fff; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; cursor:pointer; padding:12px; transition:background .2s, border-color .2s; }
.dropzone input { display:none; }
.dropzone img { width:46px; height:46px; }
.dropzone strong { font-size:13px; margin-top:4px; }
.dropzone span { font-size:12px; color:var(--text); margin-top:3px; }
.file-list { display:grid; gap:6px; margin-top:10px; }
.check-row { display:flex; align-items:flex-start; gap:8px; margin-top:10px; font-size:13px; color:#344678; }
.check-row input { width:auto; min-height:auto; margin-top:3px; }
.check-row span { display:inline; margin:0; font-size:13px; font-weight:500; color:#344678; }
.phone-wrap { display:grid; grid-template-columns:130px 1fr; gap:8px; }
.phone-wrap select { padding:0 8px; }
.consent-box { border-radius:8px; background:#F7FAFC; padding:12px; margin:14px 0; }
.consent-box a { font-size:13px; color:var(--teal); font-weight:800; display:inline-block; margin-top:6px; }
.medical-disclaimer { display:grid; grid-template-columns:44px 1fr; gap:10px; align-items:center; padding:12px; border-radius:8px; background:#EEF8FB; margin-bottom:14px; }
.medical-disclaimer img { width:42px; height:42px; }
.medical-disclaimer p { font-size:13px; line-height:1.5; color:#3E527F; margin:0; }
.form-actions { display:grid; grid-template-columns:1fr 1fr; gap:8px; justify-content: center; }
.form-actions.single { grid-template-columns:1fr; }
.secondary { border:1px solid #CAD8E7; background:#fff; color:#405287; }
.privacy-card { border-radius:10px; background:linear-gradient(135deg,#EDF9FB,#EFF8FA); padding:18px; box-shadow:var(--shadow); }
.privacy-title { display:flex; gap:10px; align-items:flex-start; }
.privacy-title img { width:48px; height:48px; }
.privacy-title h2 { font-size:18px; line-height:1.2; margin:6px 0 0; color:#19259F; }
.privacy-card>p { font-size:13px; line-height:1.55; color:#385095; margin:14px 0; }
.privacy-card ul { list-style:none; margin:0; padding:0; display:grid; gap:10px; }
.privacy-card li { display:flex; align-items:center; gap:8px; font-size:12.5px; line-height:1.4; color:#334687; }
.privacy-card li img { width:24px; height:24px; }
.privacy-note { margin-top:26px; text-align:center; color:#0AA2D2; font-style:italic; font-size:15px; line-height:1.4; transform:rotate(-6deg); }
.quote-block { display:grid; grid-template-columns:100px 1fr; gap:10px; align-items:center; padding:12px; }
.quote-block img { width:86px; height:86px; object-fit:cover; border-radius:50%; border:6px solid #fff; }
.quote-block blockquote { font-size:13px; line-height:1.5; color:#4E60AB; margin:0 0 6px; }
.quote-block span { font-size:12px; color:#344892; }
.metric { border-top:1px solid #DBE6EF; padding:12px; text-align:center; }
.metric img { width:44px; height:44px; margin:0 auto; }
.metric strong { display:block; font-size:13px; margin-top:4px; }
.metric span { display:block; font-size:11px; line-height:1.4; color:var(--text); margin-top:3px; }
.help-bar { margin:0 14px 14px; border:1px solid #E2E8F0; border-radius:9px; padding:12px; display:grid; gap:12px; }
.help-copy { display:flex; align-items:center; gap:10px; }
.help-copy img { width:44px; height:44px; }
.help-copy h2 { font-size:16px; margin:0 0 3px; }
.help-copy p { font-size:13px; color:var(--text); margin:0; line-height:1.4; }
.help-actions { display:grid; grid-template-columns:1fr 1fr; gap:8px; }
.help-actions .btn { min-height:44px; }
.help-actions img { width:26px; height:26px; }
.email-btn { border:1px solid var(--teal); color:#14528A; background:#fff; }
.success-screen { margin:18px 14px; padding:24px 18px; border:1px solid #DDE8EF; border-radius:10px; background:linear-gradient(135deg,#F0FBFA,#F6F4FF); text-align:center; }
.success-icon img { width:80px; height:80px; margin:0 auto; }
.success-screen h2 { font-size:24px; margin:10px 0 8px; color:#1B249F; }
.success-screen>p { font-size:13px; line-height:1.55; color:var(--text); max-width:600px; margin:0 auto 16px; }
.success-steps { display:grid; grid-template-columns:1fr; gap:8px; text-align:left; }
.success-steps article { border:1px solid #E1E8F0; border-radius:8px; background:#fff; padding:10px; display:grid; grid-template-columns:34px 1fr; align-items:center; gap:10px; }
.success-steps span { width:32px; height:32px; border-radius:50%; display:grid; place-items:center; background:var(--teal); color:#fff; font-size:12px; font-weight:800; }
.success-steps h3 { font-size:13px; margin:0; line-height:1.35; }
.success-actions { display:grid; gap:8px; margin-top:14px; }
.trust-strip { margin:0 14px 14px; border-radius:9px; background:linear-gradient(90deg,#EFFBFD,#F3F9FC); display:grid; grid-template-columns:1fr; overflow:hidden; }
@media(min-width:700px) { .choice-grid.four { grid-template-columns:repeat(4,1fr); } }
@media(min-width:700px) { .choice-grid.three { grid-template-columns:repeat(3,1fr); } }
@media(min-width:700px) { .option-grid { grid-template-columns:repeat(3,1fr); } }
@media(min-width:700px) { .treatment-grid { grid-template-columns:repeat(3,1fr); } }
@media(min-width:900px) { .treat-hero-copy { padding:30px 28px 24px 58px; } .hero-trust { display:flex; gap:18px; } .hero-trust span { font-size:13px; } .hero-trust img { width:24px; height:24px; } }
@media(min-width:900px) { .progress-section { position:static; padding:13px 38px 12px; } .progress-line { left:10%; right:10%; top:28px; } .step-indicator span { width:36px; height:36px; font-size:13px; } .step-indicator b { display:block; font-size:12px; } .form-layout { grid-template-columns:minmax(0,2.45fr) minmax(260px,.9fr); gap:16px; padding:16px 38px 14px; align-items:start; } .form-step { padding:22px 26px; } .step-title img { width:48px; height:48px; } .step-title h2 { font-size:26px; } .step-title p { font-size:14px; } .field-grid.two { grid-template-columns:repeat(2,1fr); } .field-grid.three { grid-template-columns:repeat(3,1fr); } .choice-card { min-height:60px; font-size:13px; } .option-grid { grid-template-columns:repeat(5,1fr); } .treatment-grid { grid-template-columns:repeat(3,1fr); } .icon-choice img { width:52px; height:52px; } .icon-choice span { font-size:12.5px; } .icon-choice { min-height:120px; } .form-actions { max-width:600px; margin:auto; } .form-actions.single { max-width:none; } .privacy-card { position:sticky; top:20px; padding:22px; } .privacy-title img { width:58px; height:58px; } .privacy-title h2 { font-size:20px; } .privacy-card>p { font-size:13.5px; } .privacy-card li { font-size:13px; } .privacy-note { font-size:17px; } .quote-block { grid-template-columns:114px 1fr; padding:12px; } .quote-block img { width:96px; height:96px; } .quote-block blockquote { font-size:13px; } .metric { border-top:0; border-left:1px solid #DCE7F0; display:flex; flex-direction:column; align-items:center; justify-content:center; } .metric img { width:48px; height:48px; } .metric strong { font-size:13px; } .metric span { font-size:11px; } .help-bar { margin:0 38px 14px; grid-template-columns:1.25fr .75fr; align-items:center; padding:14px 20px; } .help-copy h2 { font-size:17px; } .help-copy p { font-size:13px; } .success-screen { margin:20px 38px; padding:30px; } .success-screen h2 { font-size:28px; } .success-screen>p { font-size:14px; } .success-steps { grid-template-columns:repeat(5,1fr); text-align:center; } .success-steps article { grid-template-columns:1fr; justify-items:center; min-height:105px; } .success-steps h3 { font-size:13px; } .success-actions { grid-template-columns:1fr 1fr; max-width:540px; margin:18px auto 0; } .trust-strip { margin:0 38px 14px; grid-template-columns:1.6fr repeat(3,.75fr); } }
@media(min-width:1200px) { .treat-hero-copy { padding-left:64px; } .progress-section, .form-layout { padding-left:48px; padding-right:48px; } .trust-strip, .help-bar, .success-screen { margin-left:48px; margin-right:48px; } }