/* own:18 formport: homepage lead-form CSS, copied verbatim from live index.html 5bc6fab5 */
/* homepage main <style>: #lead-gate rules */
#lead-gate .sp-addr{position:absolute;left:0;right:0;top:calc(100% - 2px);z-index:20;background:#fff;border:1.5px solid #E6DFD1;border-radius:12px;box-shadow:0 18px 40px -18px rgba(20,32,43,.45);overflow:hidden}
#lead-gate .sp-addr[hidden]{display:none}
#lead-gate .sp-addr ul{list-style:none;margin:0;padding:4px 0;max-height:260px;overflow-y:auto}
#lead-gate .sp-addr li{display:flex;flex-direction:column;gap:1px;padding:10px 14px;min-height:44px;justify-content:center;cursor:pointer;line-height:1.35}
#lead-gate .sp-addr li[aria-selected="true"],#lead-gate .sp-addr li:hover{background:#FBF8F2}
#lead-gate .sp-addr .sp-am{display:block;font-size:15px;font-weight:600;color:#14202B}
#lead-gate .sp-addr .sp-as{display:block;font-size:13px;color:#4A5B6C}
#lead-gate .sp-addr-attr{padding:6px 14px 8px;text-align:right;font:500 12px/1.2 Roboto,Arial,sans-serif;color:#5E5E5E;border-top:1px solid #F0EBE1}
#lead-gate .sp-addr-box{position:relative}
#lead-gate form.sp-addr-auto .sp-addr-row{display:none}
#lead-gate .sp-addr-sum{display:flex;flex-wrap:wrap;align-items:center;gap:0 10px;margin:6px 0 0;font-size:14px;line-height:1.4}
#lead-gate .sp-addr-sum-t{font-weight:600}
#lead-gate #solar-form-card .sp-addr-warn .sp-addr-sum-t{color:#B42318 !important}
#lead-gate .sp-addr-sum[hidden],#lead-gate .sp-addr-link[hidden]{display:none}
#lead-gate .sp-addr-link{background:none;border:0;margin:0;padding:6px 2px;min-height:32px;font:600 14px/1.3 'Inter',sans-serif;color:#14202B;text-decoration:underline;text-underline-offset:2px;cursor:pointer}
#lead-gate .sp-addr-link:focus-visible{outline:2px solid #B5841F;outline-offset:2px;border-radius:4px}
#lead-gate .sp-addr-man{display:block;margin-top:2px}
/* <style id="lead-gate-base-scoped"> */

/* live base rules (src/live-root-20261023.html main stylesheet) re-scoped to #lead-gate */
#lead-gate{--sunpol-black:#000000;--sunpol-near-black:#14202B;--sunpol-white:#FFFFFF;--sunpol-light-gray:#FBF8F2;--sunpol-blue:#B5841F;--sunpol-dark-gray:#4A5B6C;--sunpol-mid-gray:#4A5B6C;--sunpol-green:#B5841F;--ease-out:cubic-bezier(0.16,1,0.3,1);font-family:'Inter',"Inter Fallback",sans-serif;line-height:1.75;color:var(--sunpol-near-black)}
#lead-gate p{margin:1em 0}
#lead-gate button{padding:1px 6px;font-size:13.3333px;line-height:normal;color:#14202B}
#lead-gate h1,#lead-gate h2,#lead-gate h3,#lead-gate h4{font-family:'Inter',sans-serif !important;font-weight:700;margin:0;letter-spacing:-0.3px}
#lead-gate h3{font-size:1.125rem;line-height:1.2;text-transform:uppercase;letter-spacing:0.2px}
#lead-gate a{color:var(--sunpol-blue);text-decoration:none}
#lead-gate .btn-primary{box-shadow:0 8px 24px rgba(150,108,22,0.28),0 2px 6px rgba(20,32,43,0.12)}
#lead-gate .field{margin-bottom:18px;position:relative}
#lead-gate .field label{display:block;font-size:13px;font-weight:600;color:var(--sunpol-near-black) !important;margin-bottom:6px;letter-spacing:0.1px}
#lead-gate .field input,#lead-gate .field select,#lead-gate .field textarea{width:100%;padding:14px 16px;border:1.5px solid #E5E5E5;border-radius:10px;font-family:'Inter',sans-serif;font-size:16px;color:var(--sunpol-near-black);background:var(--sunpol-white);transition:border-color 0.2s,box-shadow 0.2s;-webkit-appearance:none;appearance:none}
#lead-gate .field input:focus,#lead-gate .field select:focus,#lead-gate .field textarea:focus{outline:none;border-color:var(--sunpol-blue);box-shadow:0 0 0 4px rgba(201,150,43,0.3)}
#lead-gate .name-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
#lead-gate .form-error{color:#B42318 !important;font-size:13px;margin-top:8px;display:none}
#lead-gate .field.error input,#lead-gate .field.error select{border-color:#B42318}
#lead-gate .field.error .form-error{display:block}
#lead-gate .field.valid input,#lead-gate .field.valid select{border-color:var(--sunpol-green)}
#lead-gate .form-success{display:none;text-align:center;padding:24px 0}
#lead-gate .form-success.active{display:block}
#lead-gate .form-success-icon{width:64px;height:64px;background:#FBF8F2;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;color:var(--sunpol-green)}
#lead-gate .form-success h3{color:var(--sunpol-near-black) !important;font-size:22px;text-transform:none;margin-bottom:12px}
#lead-gate .form-success p{color:var(--sunpol-dark-gray) !important;font-size:15px;max-width:380px;margin:0 auto}
@media (max-width:600px){#lead-gate .name-grid{grid-template-columns:1fr}#lead-gate .field{margin-bottom:12px}#lead-gate .field label{font-size:12px;margin-bottom:4px}}

/* <style id="ma-leadform-scoped-css"> */

/* === MA lead-form CSS, scoped to #solar-form-card === */
#solar-form-card {

 --sunpol-black: #000000;
 --sunpol-near-black: #1D1D1F;
 --sunpol-white: #FFFFFF;
 --sunpol-light-gray: #F5F5F7;
 --sunpol-blue: #0066CC;
 --sunpol-dark-gray: #555555;
 --sunpol-mid-gray: #A6A6A6;
 --sunpol-green: #34C759;
 --ease-out: cubic-bezier(0.16, 1, 0.3, 1);

}
#solar-form-card {
 background: var(--sunpol-white);
 border-radius: 20px;
 padding: clamp(28px, 5vw, 44px);
 box-shadow: 0 20px 60px rgba(0, 0, 0, 0.08), 0 1px 3px rgba(0, 0, 0, 0.04);
 width: 100%;
 position: relative;
}
#solar-form-card .form-progress {
 height: 4px;
 background: var(--sunpol-light-gray);
 border-radius: 100px;
 overflow: hidden;
 margin-bottom: 28px;
}
#solar-form-card .form-progress-fill {
 height: 100%;
 background: var(--sunpol-blue);
 width: 0%;
 transition: width 0.5s var(--ease-out);
 border-radius: 100px;
}
#solar-form-card .form-step-label {
 font-size: 12px;
 color: var(--sunpol-mid-gray);
 letter-spacing: 1px;
 text-transform: uppercase;
 font-weight: 700;
 margin-bottom: 8px;
}
#solar-form-card .form-step {
 display: none;
 animation: stepIn 0.35s var(--ease-out);
}
#solar-form-card .form-step.active { display: block; }
@keyframes stepIn {
 from { opacity: 0; transform: translateY(6px); }
 to { opacity: 1; transform: translateY(0); }
}
#solar-form-card .form-step h3 {
 color: var(--sunpol-near-black);
 font-size: 20px;
 font-weight: 700;
 text-transform: none;
 letter-spacing: -0.2px;
 line-height: 1.25;
 margin: 0 0 6px;
}
#solar-form-card .form-step .step-desc {
 color: var(--sunpol-dark-gray);
 font-size: 14px;
 margin: 0 0 22px;
 line-height: 1.5;
}
#solar-form-card .option-grid {
 display: flex;
 flex-direction: column;
 gap: 10px;
}
#solar-form-card .option-chip {
 width: 100%;
 padding: 16px 18px;
 border: 1.5px solid #E5E5E5;
 border-radius: 12px;
 background: var(--sunpol-white);
 font-family: 'Inter', sans-serif;
 font-size: 16px;
 font-weight: 500;
 color: var(--sunpol-near-black);
 cursor: pointer;
 transition: border-color 0.2s, background 0.2s, color 0.2s;
 text-align: left;
 line-height: 1.3;
 min-height: 52px;
 display: flex;
 align-items: center;
}
#solar-form-card .option-chip:hover {
 border-color: var(--sunpol-blue);
}
#solar-form-card .option-chip.selected {
 background: var(--sunpol-blue);
 color: var(--sunpol-white);
 border-color: var(--sunpol-blue);
}
#solar-form-card .field { margin-bottom: 16px; position: relative; }
#solar-form-card .field:last-child { margin-bottom: 0; }
#solar-form-card .field label {
 display: block;
 font-size: 13px;
 font-weight: 600;
 color: var(--sunpol-near-black);
 margin-bottom: 6px;
 letter-spacing: 0.1px;
}
#solar-form-card .field input, #solar-form-card .field select, #solar-form-card .field textarea {
 width: 100%;
 padding: 16px 18px;
 border: 1.5px solid #E5E5E5;
 border-radius: 12px;
 font-family: 'Inter', sans-serif;
 font-size: 16px;
 color: var(--sunpol-near-black);
 background: var(--sunpol-white);
 transition: border-color 0.2s, box-shadow 0.2s;
 -webkit-appearance: none;
 appearance: none;
}
#solar-form-card .field input:focus, #solar-form-card .field select:focus, #solar-form-card .field textarea:focus {
 outline: none;
 border-color: var(--sunpol-blue);
 box-shadow: 0 0 0 4px rgba(0, 102, 204, 0.12);
}
#solar-form-card .field-required-mark { color: var(--sunpol-blue); margin-left: 2px; }
#solar-form-card .field.error input, #solar-form-card .field.error select { border-color: #B42318; }
#solar-form-card .field.error .form-error { display: block; }
#solar-form-card .form-error {
 color: #B42318;
 font-size: 13px;
 margin-top: 6px;
 display: none;
}
#solar-form-card .field-valid-icon {
 position: absolute;
 right: 14px;
 top: 38px;
 width: 18px;
 height: 18px;
 color: var(--sunpol-green);
 opacity: 0;
 transition: opacity 0.3s;
 pointer-events: none;
}
#solar-form-card .field.valid .field-valid-icon { opacity: 1; }
#solar-form-card .field.valid input { border-color: var(--sunpol-green); }
#solar-form-card .field.valid select { border-color: var(--sunpol-green); }
#solar-form-card .email-suggest {
 font-size: 12px;
 margin-top: 6px;
 color: var(--sunpol-blue);
 cursor: pointer;
 display: none;
}
#solar-form-card .email-suggest:hover { text-decoration: underline; }
#solar-form-card .email-suggest.show { display: block; }
#solar-form-card .address-grid {
 display: grid;
 grid-template-columns: 1.4fr 1fr 0.8fr;
 gap: 10px;
}
#solar-form-card .address-grid .field { margin-bottom: 0; }
#solar-form-card .name-grid {
 display: grid;
 grid-template-columns: 1fr 1fr;
 gap: 10px;
}
#solar-form-card .checkbox-group { display: flex; flex-direction: column; gap: 10px; }
#solar-form-card .checkbox-row {
 display: flex;
 align-items: flex-start;
 gap: 12px;
 padding: 14px 16px;
 border: 1.5px solid #E5E5E5;
 border-radius: 10px;
 cursor: pointer;
 transition: border-color 0.2s, background 0.2s;
}
#solar-form-card .checkbox-row:hover { border-color: var(--sunpol-blue); }
#solar-form-card .checkbox-row input[type="checkbox"] {
 width: 18px; height: 18px;
 margin: 2px 0 0;
 accent-color: var(--sunpol-blue);
 flex-shrink: 0;
}
#solar-form-card .checkbox-row .cb-label {
 font-size: 14px;
 color: var(--sunpol-near-black);
 font-weight: 600;
 line-height: 1.4;
}
#solar-form-card .checkbox-row .cb-desc {
 display: block;
 font-size: 13px;
 color: var(--sunpol-dark-gray);
 font-weight: 400;
 margin-top: 2px;
}
#solar-form-card .schedule-section .consult-label {
 font-size: 13px;
 font-weight: 600;
 color: var(--sunpol-near-black);
 margin: 0 0 10px;
}
#solar-form-card .form-nav {
 display: flex;
 justify-content: space-between;
 align-items: center;
 margin-top: 28px;
 gap: 12px;
}
#solar-form-card .form-nav button {
 border-radius: 100px;
 padding: 16px 28px;
 font-weight: 700;
 font-size: 16px;
 letter-spacing: 0.2px;
 border: none;
 transition: background 0.3s, transform 0.3s, color 0.3s;
 min-height: 52px;
}
#solar-form-card .btn-back {
 background: transparent;
 color: var(--sunpol-dark-gray);
 padding: 16px 20px;
}
#solar-form-card .btn-back:hover { color: var(--sunpol-near-black); }
#solar-form-card .btn-back:disabled { opacity: 0; pointer-events: none; width: 0; padding: 0; overflow: hidden; flex-shrink: 1; }
#solar-form-card .btn-back:disabled + .btn-next { margin: 0 auto; }
#solar-form-card .btn-next, #solar-form-card .btn-submit {
 background: var(--sunpol-blue);
 color: var(--sunpol-white);
 padding: 16px 36px;
 margin-left: auto;
}
#solar-form-card .btn-next:hover, #solar-form-card .btn-submit:hover { background: #0055AA; transform: translateY(-1px); }
#solar-form-card .form-success {
 display: none;
 text-align: center;
 padding: 24px 0;
}
#solar-form-card .form-success.active { display: block; }
#solar-form-card .form-success-icon {
 width: 64px; height: 64px;
 background: rgba(52, 199, 89, 0.12);
 border-radius: 50%;
 display: flex; align-items: center; justify-content: center;
 margin: 0 auto 20px;
 color: var(--sunpol-green);
}
#solar-form-card .form-success h3 {
 color: var(--sunpol-near-black);
 font-size: 22px;
 font-weight: 700;
 text-transform: none;
 margin: 0 0 12px;
}
#solar-form-card .form-success p {
 color: var(--sunpol-dark-gray);
 font-size: 15px;
 max-width: 380px;
 margin: 0 auto;
 line-height: 1.6;
}
@media (max-width: 520px) {
#solar-form-card { padding: 28px 20px; border-radius: 16px; }
#solar-form-card .address-grid { grid-template-columns: 1fr; }
#solar-form-card .name-grid { grid-template-columns: 1fr; gap: 12px; }
#solar-form-card .option-chip {
 padding: 18px 16px;
 min-height: 56px;
 }
#solar-form-card .field input, #solar-form-card .field select {
 padding: 16px;
 }
#solar-form-card .btn-next, #solar-form-card .btn-submit {
 padding: 18px 32px;
 min-height: 56px;
 flex: 1;
 }
#solar-form-card .btn-back {
 flex-shrink: 0;
 }
}
#solar-form-card .booking-section {
 display: none;
 animation: stepIn 0.35s var(--ease-out);
}
#solar-form-card .booking-section.active { display: block; }
#solar-form-card .booking-header {
 background: linear-gradient(135deg, #003D99 0%, #0066CC 100%);
 padding: 16px 24px;
 text-align: center;
 border-radius: 14px 14px 0 0;
 margin: -44px -44px 24px;
}
@media (max-width: 520px) {
#solar-form-card .booking-header { margin: -28px -20px 20px; padding: 14px 20px; border-radius: 12px 12px 0 0; }
}
#solar-form-card .booking-header p {
 margin: 0;
 font-size: 13px;
 font-weight: 700;
 text-transform: uppercase;
 letter-spacing: 1.5px;
 color: rgba(255,255,255,0.85);
}
#solar-form-card .bk-step-label {
 font-size: 12px;
 color: var(--sunpol-mid-gray);
 letter-spacing: 1px;
 text-transform: uppercase;
 font-weight: 700;
 margin: 0 0 4px;
}
#solar-form-card .bk-step-title {
 font-size: 18px;
 font-weight: 700;
 color: var(--sunpol-near-black);
 margin: 0 0 16px;
 line-height: 1.3;
}
#solar-form-card .bk-subtitle {
 font-size: 14px;
 color: var(--sunpol-dark-gray);
 margin: 0 0 16px;
}
#solar-form-card #bk-cal-nav {
 display: flex;
 align-items: center;
 justify-content: space-between;
 margin-bottom: 12px;
}
#solar-form-card #bk-cal-nav button {
 background: none;
 border: 1px solid #E5E5E5;
 border-radius: 8px;
 width: 36px;
 height: 36px;
 cursor: pointer;
 font-size: 16px;
 color: #555;
 display: flex;
 align-items: center;
 justify-content: center;
}
#solar-form-card #bk-cal-month {
 font-size: 15px;
 font-weight: 700;
 color: var(--sunpol-near-black);
}
#solar-form-card .bk-cal-headers {
 display: grid;
 grid-template-columns: repeat(7, 1fr);
 gap: 4px;
 text-align: center;
 margin-bottom: 4px;
}
#solar-form-card .bk-cal-headers span {
 font-size: 11px;
 font-weight: 700;
 color: var(--sunpol-mid-gray);
 padding: 4px 0;
}
#solar-form-card #bk-cal-grid {
 display: grid;
 grid-template-columns: repeat(7, 1fr);
 gap: 4px;
}
#solar-form-card .bk-cal-day {
 width: 100%;
 aspect-ratio: 1;
 border: none;
 border-radius: 10px;
 background: none;
 font-family: 'Inter', sans-serif;
 font-size: 14px;
 font-weight: 600;
 color: var(--sunpol-near-black);
 cursor: pointer;
 transition: background 0.2s, color 0.2s;
}
#solar-form-card .bk-cal-day:hover:not(:disabled) { background: #F0F0F2; }
#solar-form-card .bk-cal-day:disabled { color: #D0D0D0; cursor: default; }
#solar-form-card .bk-cal-day.today { border: 2px solid var(--sunpol-blue); }
#solar-form-card .bk-cal-day.selected { background: var(--sunpol-blue); color: #fff; }
#solar-form-card .bk-time-chip {
 padding: 12px 20px;
 border: 1.5px solid #E5E5E5;
 border-radius: 100px;
 background: var(--sunpol-white);
 font-family: 'Inter', sans-serif;
 font-size: 14px;
 font-weight: 600;
 color: var(--sunpol-near-black);
 cursor: pointer;
 transition: all 0.2s;
 min-width: 100px;
 text-align: center;
}
#solar-form-card .bk-time-chip:hover { border-color: var(--sunpol-blue); }
#solar-form-card .bk-time-chip.selected { background: var(--sunpol-blue); color: #fff; border-color: var(--sunpol-blue); }
#solar-form-card .bk-quick-picks-label {
 display: flex;
 align-items: center;
 gap: 6px;
 font-size: 11px;
 font-weight: 700;
 color: var(--sunpol-blue);
 text-transform: uppercase;
 letter-spacing: 0.8px;
 margin: 0 0 8px;
}
#solar-form-card .bk-quick-picks {
 display: grid;
 grid-template-columns: repeat(2, 1fr);
 gap: 8px;
 margin: 0 0 14px;
}
@media (min-width: 520px) {
#solar-form-card .bk-quick-picks { grid-template-columns: repeat(4, 1fr); }
}
#solar-form-card .bk-quick-pick-chip {
 display: flex;
 flex-direction: column;
 align-items: center;
 gap: 2px;
 padding: 12px 10px;
 border: 1.5px solid #E5E5E5;
 border-radius: 14px;
 background: var(--sunpol-white);
 cursor: pointer;
 font-family: 'Inter', sans-serif;
 transition: border-color 0.2s, background 0.2s, transform 0.1s;
}
#solar-form-card .bk-quick-pick-chip:hover { border-color: var(--sunpol-blue); background: rgba(0,102,204,0.04); }
#solar-form-card .bk-quick-pick-chip:active { transform: scale(0.98); }
#solar-form-card .bk-quick-pick-chip .bk-qp-day {
 font-size: 11px;
 font-weight: 700;
 color: var(--sunpol-mid-gray);
 text-transform: uppercase;
 letter-spacing: 0.6px;
}
#solar-form-card .bk-quick-pick-chip .bk-qp-time {
 font-size: 16px;
 font-weight: 700;
 color: var(--sunpol-near-black);
 line-height: 1.1;
}
#solar-form-card .bk-quick-picks-empty {
 font-size: 13px;
 color: #777;
 margin: 0 0 10px;
}
#solar-form-card .bk-cal-toggle { margin-top: 4px; }
#solar-form-card .bk-cal-toggle > summary {
 cursor: pointer;
 padding: 11px 14px;
 background: #F5F5F7;
 border-radius: 10px;
 font-size: 13px;
 font-weight: 600;
 color: var(--sunpol-near-black);
 list-style: none;
 user-select: none;
 display: flex;
 align-items: center;
 justify-content: space-between;
 transition: background 0.15s;
}
#solar-form-card .bk-cal-toggle > summary:hover { background: #ECECEF; }
#solar-form-card .bk-cal-toggle > summary::-webkit-details-marker { display: none; }
#solar-form-card .bk-cal-toggle > summary::after {
 content: '\25BE';
 font-size: 12px;
 color: var(--sunpol-mid-gray);
 transition: transform 0.2s;
}
#solar-form-card .bk-cal-toggle[open] > summary::after { transform: rotate(180deg); }
#solar-form-card .bk-cal-wrap { padding-top: 14px; }
#solar-form-card .bk-time-group { margin-bottom: 14px; }
#solar-form-card .bk-time-group:last-child { margin-bottom: 0; }
#solar-form-card .bk-time-group-label {
 font-size: 11px;
 font-weight: 700;
 color: var(--sunpol-mid-gray);
 text-transform: uppercase;
 letter-spacing: 0.8px;
 margin: 0 0 8px;
}
#solar-form-card .bk-time-group-slots {
 display: flex;
 flex-wrap: wrap;
 gap: 8px;
}
#solar-form-card .bk-field input:focus, #solar-form-card .bk-field select:focus {
 outline: none;
 border-color: var(--sunpol-blue);
 box-shadow: 0 0 0 4px rgba(0, 102, 204, 0.12);
}
#solar-form-card .bk-back-link {
 background: none;
 border: none;
 color: var(--sunpol-dark-gray);
 font-size: 14px;
 font-weight: 600;
 cursor: pointer;
 margin-top: 16px;
 padding: 8px 0;
 font-family: 'Inter', sans-serif;
}
#solar-form-card .bk-submit-btn {
 flex: 1;
 padding: 16px 28px;
 background: var(--sunpol-blue);
 color: #fff;
 border: none;
 border-radius: 100px;
 font-family: 'Inter', sans-serif;
 font-size: 16px;
 font-weight: 700;
 cursor: pointer;
 min-height: 52px;
 transition: background 0.3s;
}
#solar-form-card .bk-submit-btn:hover { background: #0055AA; }
@keyframes bkspin { to { transform: rotate(360deg); } }
#solar-form-card .bk-loading-overlay {
 display: none;
 position: absolute;
 inset: 0;
 background: rgba(255,255,255,0.85);
 z-index: 10;
 align-items: center;
 justify-content: center;
}
#solar-form-card .bk-spinner {
 width: 40px;
 height: 40px;
 border: 3px solid #E5E5E5;
 border-top-color: var(--sunpol-blue);
 border-radius: 50%;
 animation: bkspin 0.8s linear infinite;
 margin: 0 auto 12px;
}
#solar-form-card .bk-benefit-pills {
 display: flex;
 flex-wrap: wrap;
 justify-content: center;
 gap: 8px;
 margin-top: 20px;
}
#solar-form-card .bk-benefit-pill {
 display: inline-flex;
 align-items: center;
 gap: 6px;
 padding: 6px 14px;
 background: rgba(52,199,89,0.08);
 border: 1px solid rgba(52,199,89,0.2);
 border-radius: 100px;
 font-size: 13px;
 font-weight: 600;
 color: var(--sunpol-near-black);
}
@media (max-width: 520px) {
#solar-form-card .bk-field input, #solar-form-card .bk-field select { padding: 14px !important; }
#solar-form-card .bk-confirm-grid-addr { grid-template-columns: 1fr !important; }
#solar-form-card .bk-confirm-grid-name { grid-template-columns: 1fr !important; }
}
#solar-form-card-2 {
 margin-top: 12px;
 }
#solar-form-card-2 .form-step h3 {
 font-size: 19px;
 }
#solar-form-card-2 .option-chip {
 padding: 16px 18px;
 font-size: 16px;
 border-radius: 12px;
 min-height: 52px;
 display: flex;
 align-items: center;
 }
#solar-form-card-2 .option-grid {
 gap: 10px;
 }
#solar-form-card-2 .field input, #solar-form-card-2 .field select {
 padding: 16px 18px;
 font-size: 16px;
 border-radius: 12px;
 }
#solar-form-card-2 .form-nav {
 margin-top: 28px;
 }
#solar-form-card-2 .btn-next, #solar-form-card-2 .btn-submit {
 padding: 16px 36px;
 font-size: 16px;
 border-radius: 100px;
 min-height: 52px;
 }
#solar-form-card-2 .btn-back {
 padding: 16px 20px;
 font-size: 14px;
 }
@media (max-width: 520px) {
#solar-form-card-2 {
 padding: 28px 20px;
 border-radius: 16px;
 }
#solar-form-card-2 .form-step h3 {
 font-size: 18px;
 }
#solar-form-card-2 .option-chip {
 padding: 18px 16px;
 font-size: 16px;
 min-height: 56px;
 }
#solar-form-card-2 .field input, #solar-form-card-2 .field select {
 padding: 16px;
 font-size: 16px;
 }
#solar-form-card-2 .btn-next, #solar-form-card-2 .btn-submit {
 padding: 18px 32px;
 font-size: 16px;
 min-height: 56px;
 width: auto;
 flex: 1;
 }
#solar-form-card-2 .btn-back {
 flex-shrink: 0;
 }
#solar-form-card-2 .name-grid {
 grid-template-columns: 1fr;
 gap: 12px;
 }
}
/* === END MA scoped CSS === */

/* <style id="ma-leadform-color-override"> */

/* Host page has .dark-section !important color rules on a parent. Re-assert MA's intended colors with #id specificity. */
#solar-form-card,
#solar-form-card h1, #solar-form-card h2, #solar-form-card h3, #solar-form-card h4,
#solar-form-card p, #solar-form-card label, #solar-form-card span,
#solar-form-card a, #solar-form-card li, #solar-form-card strong,
#solar-form-card .step-desc, #solar-form-card .bk-subtitle,
#solar-form-card .bk-step-title, #solar-form-card .bk-step-label,
#solar-form-card .form-step-label, #solar-form-card .form-step-indicator,
#solar-form-card .cb-label, #solar-form-card .cb-desc {
 color: #1D1D1F !important;
}
#solar-form-card .field-required-mark { color: #14202B !important; }
#solar-form-card .form-error { color: #B42318 !important; }
#solar-form-card .bk-step-label,
#solar-form-card .bk-quick-picks-label,
#solar-form-card .bk-time-group-label,
#solar-form-card .form-step-label,
#solar-form-card .form-step-indicator { color: #7A7A7E !important; }
#solar-form-card .bk-quick-picks-label { color: #0066CC !important; }
#solar-form-card .step-desc,
#solar-form-card .bk-subtitle { color: #555 !important; }
#solar-form-card .cb-desc { color: #6E6E73 !important; }

/* <style id="lead-modal-overlay"> */

/* Modal overlay (matches /solar-savings-calculator/ lead gate) */
#lead-gate{position:fixed;inset:0;z-index:1100;display:none;align-items:center;justify-content:center;background:rgba(0,0,0,.7);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);padding:20px}
#lead-gate.open{display:flex}
#lead-gate .btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--sunpol-blue);color:#fff !important;border:none;border-radius:100px;padding:16px 34px;min-height:54px;font-family:'Inter',sans-serif;font-weight:700;font-size:16px;line-height:1.1;cursor:pointer;transition:background-color .25s var(--ease-out),transform .25s var(--ease-out)}
#lead-gate .btn-primary:hover{background:#0055AA;transform:translateY(-1px)}
#lead-gate .btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:transparent;color:var(--sunpol-dark-gray);border:1.5px solid #E5E5E5;border-radius:100px;padding:14px 26px;min-height:50px;font-family:'Inter',sans-serif;font-weight:600;font-size:15px;line-height:1.1;cursor:pointer;transition:background-color .25s var(--ease-out),border-color .25s var(--ease-out)}
#lead-gate .btn-secondary:hover{background:#F5F5F7;border-color:#D5D5D5}
#lead-gate #solar-form-card{width:min(540px,100%);max-height:calc(100dvh - 40px);overflow-y:auto}
#lead-gate #solar-form-card.booking-open{width:min(760px,100%)}
#lead-gate .close-x{position:absolute;top:14px;right:18px;background:none;border:none;color:var(--sunpol-mid-gray);font-size:26px;line-height:1;cursor:pointer;z-index:5}
#lead-gate .logo-modal{height:20px;width:auto;margin:0 auto 12px;display:block}
#lead-gate .eyebrow{color:var(--sunpol-blue) !important;font-size:12px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;display:block;text-align:center;margin:0 0 6px}
#lead-gate .consent-copy{font-size:11.5px;line-height:1.5;color:#999 !important;margin:4px 0 12px}
#lead-gate .lead-error{color:#B42318;font-size:12.5px;min-height:16px;margin:4px 0 6px}
@media (max-width:560px){#lead-gate{align-items:flex-start;overflow-y:auto;padding:calc(10px + env(safe-area-inset-top)) 12px calc(10px + env(safe-area-inset-bottom))}#lead-gate #solar-form-card{max-height:none}}

/* <style id="lead-gate-build-overrides"> */

/* page-level .btn-primary shimmer/hover-shadow must not reach the modal button */
#lead-gate .btn-primary::after{content:none}
#lead-gate .btn-primary:hover{box-shadow:0 8px 24px rgba(150,108,22,0.32),0 2px 6px rgba(20,32,43,0.12)}
/* a11y: live consent text is #999 at 11.5px (2.85:1). Same words; raised to #555 (7.46:1) */
#lead-gate .consent-copy{color:#555 !important;font-size:12.5px}
#lead-gate .pixel-notice{margin:12px 0 0;text-align:center}
#lead-gate .pixel-notice a{color:#1D1D1F !important;text-decoration:underline;text-underline-offset:2px}
/* v13: ink backdrop at 45%, white card, gold buttons with ink labels, ink/secondary text, gold-hi borders/focus/progress;
   no blue fills, no green; ONE error red for error text/borders only (v14); live markup + JS verbatim */
#lead-gate{background:rgba(20,32,43,.45)}
#lead-gate .btn-primary{background:#C9962B}
html #lead-gate .btn-primary{color:#14202B !important}
#lead-gate .btn-primary:hover{background:#B5841F;box-shadow:0 8px 24px rgba(150,108,22,0.32),0 2px 6px rgba(20,32,43,0.12)}
#lead-gate #solar-form-card{--sunpol-near-black:#14202B;--sunpol-dark-gray:#4A5B6C;--sunpol-mid-gray:#4A5B6C;--sunpol-blue:#B5841F;--sunpol-green:#B5841F;--sunpol-light-gray:#FBF8F2}
#lead-gate #solar-form-card,#lead-gate #solar-form-card h1,#lead-gate #solar-form-card h2,#lead-gate #solar-form-card h3,#lead-gate #solar-form-card h4,#lead-gate #solar-form-card p,#lead-gate #solar-form-card label,#lead-gate #solar-form-card span,#lead-gate #solar-form-card a,#lead-gate #solar-form-card li,#lead-gate #solar-form-card strong,#lead-gate #solar-form-card .step-desc,#lead-gate #solar-form-card .bk-subtitle,#lead-gate #solar-form-card .bk-step-title,#lead-gate #solar-form-card .bk-step-label,#lead-gate #solar-form-card .form-step-label,#lead-gate #solar-form-card .form-step-indicator,#lead-gate #solar-form-card .cb-label,#lead-gate #solar-form-card .cb-desc{color:#14202B !important}
#lead-gate #solar-form-card .field-required-mark{color:#14202B !important}
#lead-gate #solar-form-card .form-error,#lead-gate .lead-error,#lead-gate #bk-error{color:#B42318 !important}
#lead-gate #solar-form-card .form-error,#lead-gate .lead-error,#lead-gate #bk-error{font-weight:600}
#lead-gate .field.error input,#lead-gate .field.error select,#lead-gate #solar-form-card .field.error input,#lead-gate #solar-form-card .field.error select{border-color:#B42318}
#lead-gate #solar-form-card .bk-step-label,#lead-gate #solar-form-card .bk-time-group-label,#lead-gate #solar-form-card .form-step-label,#lead-gate #solar-form-card .form-step-indicator,#lead-gate #solar-form-card .step-desc,#lead-gate #solar-form-card .bk-subtitle,#lead-gate #solar-form-card .cb-desc,#lead-gate #solar-form-card .bk-quick-picks-label,#lead-gate .eyebrow{color:#4A5B6C !important}
#lead-gate .consent-copy{color:#4A5B6C !important}
#lead-gate a{color:#14202B}
#lead-gate .pixel-notice a,#lead-gate .consent-copy a{color:#14202B !important;text-decoration:underline}
#lead-gate .pixel-notice a:hover,#lead-gate .consent-copy a:hover{color:#0066CC !important}
#lead-gate #solar-form-card .option-chip.selected,#lead-gate #solar-form-card .btn-next,#lead-gate #solar-form-card .btn-submit,#lead-gate #solar-form-card .bk-submit-btn,#lead-gate #solar-form-card .bk-cal-day.selected,#lead-gate #solar-form-card .bk-time-chip.selected{background:#C9962B;border-color:#C9962B;color:#14202B !important}
#lead-gate #solar-form-card .btn-next:hover,#lead-gate #solar-form-card .btn-submit:hover,#lead-gate #solar-form-card .bk-submit-btn:hover{background:#B5841F}
#lead-gate #solar-form-card .booking-header{background:#FBF8F2;border-bottom:1px solid #E6DFD1}
#lead-gate #solar-form-card .booking-header p{color:#14202B !important}
#lead-gate #solar-form-card .email-suggest{color:#14202B}
#lead-gate #solar-form-card .bk-quick-pick-chip:hover{background:#FBF8F2}
#lead-gate .form-success-icon,#lead-gate #solar-form-card .form-success-icon{background:#FBF8F2;color:#B5841F}
#lead-gate #solar-form-card .bk-benefit-pill{background:#FBF8F2;border-color:#E6DFD1}
#lead-gate #booking-widget>div[style*="0,102,204"]{background:#FBF8F2 !important;border-color:#E6DFD1 !important}
#lead-gate #booking-widget>div[style*="0,102,204"] span{color:#14202B !important}
#lead-gate #booking-widget>div[style*="0,102,204"] svg{stroke:#14202B}
#lead-gate .field input:focus,#lead-gate .field select:focus,#lead-gate .field textarea:focus,#lead-gate #solar-form-card .field input:focus,#lead-gate #solar-form-card .field select:focus,#lead-gate #solar-form-card .field textarea:focus,#lead-gate #solar-form-card .bk-field input:focus,#lead-gate #solar-form-card .bk-field select:focus{border-color:#14202B;box-shadow:0 0 0 4px rgba(201,150,43,.3)}
/* the live submit-failure alert is created by the (verbatim) lead JS with an inline pink/red cssText -> the one error red */
#sp-submit-alert{background:#FFFFFF !important;color:#B42318 !important;border:1px solid #B42318}

/* ---- formport parity layer: homepage values re-asserted over brand-2026 !important rules ---- */
/* inside @layer b26 on purpose: the design CSS declares its !important rules in layer b26, and a layered !important
   beats any unlayered one; joining the same layer lets the higher specificity below decide. */
@layer b26{
html body #lead-gate:not(#_fp) #solar-form-card.sp-v22{--sunpol-black:#000000!important;--sunpol-near-black:#14202B!important;--sunpol-white:#FFFFFF!important;--sunpol-light-gray:#FBF8F2!important;--sunpol-blue:#B5841F!important;--sunpol-dark-gray:#4A5B6C!important;--sunpol-mid-gray:#4A5B6C!important;--sunpol-green:#B5841F!important}
html body #lead-gate:not(#_fp){background:rgba(20,32,43,.5)!important}
html body #lead-gate:not(#_fp) #solar-form-card.sp-v22{border-radius:28px!important;box-shadow:0 50px 100px -40px rgba(20,32,43,.55),0 0 0 1px rgba(20,32,43,.05)!important}
@media (max-width:560px){html body #lead-gate:not(#_fp) #solar-form-card.sp-v22{border-radius:24px!important}}
html body #lead-gate:not(#_fp) #solar-form-card.sp-v22 .close-x{color:#14202B!important}
html body #lead-gate:not(#_fp) #solar-form-card.sp-v22 #lead-form-wrap>p{color:#4A5B6C!important;line-height:1.55!important}
html body #lead-gate:not(#_fp) #solar-form-card.sp-v22 #lead-form-wrap>.eyebrow{font-size:12px!important;font-weight:700!important;letter-spacing:.14em!important;line-height:1.5!important;text-transform:uppercase!important}
html body #lead-gate:not(#_fp) #solar-form-card.sp-v22 .sp-q3-head p{color:#4A5B6C!important;line-height:1.5!important}
html body #lead-gate:not(#_fp) #solar-form-card.sp-v22[data-sp-q="3"]:not(.sp-bk) .sp-q3-head p{line-height:1.3!important}
html body #lead-gate:not(#_fp) #solar-form-card.sp-v22[data-sp-q="3"]:not(.sp-bk):has(#solar-form:not(.sp-addr-auto)) .sp-q3-head p{line-height:1.25!important}
html body #lead-gate:not(#_fp) #solar-form-card.sp-v22 .consent-copy{line-height:1.55!important}
html body #lead-gate:not(#_fp) #solar-form-card.sp-v22[data-sp-q="3"]:not(.sp-bk) .consent-copy{line-height:1.32!important}
html body #lead-gate:not(#_fp) #solar-form-card.sp-v22[data-sp-q="3"]:not(.sp-bk):has(#solar-form:not(.sp-addr-auto)) .consent-copy{line-height:1.28!important}
html body #lead-gate:not(#_fp) #solar-form-card.sp-v22 .sp-steps li{color:#4A5B6C!important}
html body #lead-gate:not(#_fp) #solar-form-card.sp-v22 .sp-steps li.sp-on{color:#14202B!important}
html body #lead-gate:not(#_fp) #solar-form-card.sp-v22 #lead-title{font-size:clamp(28px,6.8vw,34px)!important;font-weight:800!important;line-height:1.08!important;letter-spacing:-.035em!important}
html body #lead-gate:not(#_fp) #solar-form-card.sp-v22.sp-bk #lead-title{font-size:clamp(24px,5.6vw,28px)!important}
html body #lead-gate:not(#_fp) #solar-form-card.sp-v22 #lead-title .sp-mk{font-size:inherit!important;font-weight:inherit!important;line-height:inherit!important;letter-spacing:inherit!important}
html body #lead-gate:not(#_fp) #solar-form-card.sp-v22 .sp-q3-h{font-weight:800!important;letter-spacing:-.025em!important}
html body #lead-gate:not(#_fp) #solar-form-card.sp-v22 .bk-step-title{font-size:21px!important;font-weight:800!important;line-height:1.2!important;letter-spacing:-.025em!important}
html body #lead-gate:not(#_fp) #solar-form-card.sp-v22 .field input,html body #lead-gate:not(#_fp) #solar-form-card.sp-v22 .field select{border:1.5px solid #9E917A!important;border-radius:14px!important}
html body #lead-gate:not(#_fp) #solar-form-card.sp-v22 .field input:hover,html body #lead-gate:not(#_fp) #solar-form-card.sp-v22 .field select:hover{border-color:#6F6552!important}
html body #lead-gate:not(#_fp) #solar-form-card.sp-v22 .field input:focus,html body #lead-gate:not(#_fp) #solar-form-card.sp-v22 .field select:focus{border-color:#14202B!important}
html body #lead-gate:not(#_fp) #solar-form-card.sp-v22 .field.valid input,html body #lead-gate:not(#_fp) #solar-form-card.sp-v22 .field.valid select{border-color:#9E917A!important}
html body #lead-gate:not(#_fp) #solar-form-card.sp-v22 .field.error input,html body #lead-gate:not(#_fp) #solar-form-card.sp-v22 .field.error select{border-color:#B42318!important}
html body #lead-gate:not(#_fp) #solar-form-card.sp-v22 .field select,html body #lead-gate:not(#_fp) #solar-form-card.sp-v22 #bk-booking-form .bk-field select{background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 9l6 6 6-6' fill='none' stroke='%2314202B' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right 14px center/16px!important}
html body #lead-gate:not(#_fp) #solar-form-card.sp-v22 #lead-submit{border:0!important;box-shadow:0 14px 34px -14px rgba(150,108,22,.6)!important}
html body #lead-gate:not(#_fp) #solar-form-card.sp-v22 #lead-submit:hover{box-shadow:0 20px 40px -16px rgba(150,108,22,.65)!important}
html body #lead-gate:not(#_fp) #solar-form-card.sp-v22 .bk-quick-pick-chip{background:#FBF8F2!important;border:1.5px solid #E6DFD1!important}
html body #lead-gate:not(#_fp) #solar-form-card.sp-v22 .bk-quick-pick-chip:hover{background:#fff!important;border-color:#14202B!important}
html body #lead-gate:not(#_fp) #solar-form-card.sp-v22 #booking-widget>div[style*="0,102,204"]{background:#FBF8F2!important;border-color:#E6DFD1!important}
html body #lead-gate:not(#_fp) #solar-form-card.sp-v22 .bk-benefit-pill{background:none!important;border:0!important}
html body #lead-gate:not(#_fp) #solar-form-card.sp-v22 #bk-cal-nav button{color:#14202B!important;border:1.5px solid #E6DFD1!important}
html body #lead-gate:not(#_fp) #solar-form-card.sp-v22 .bk-cal-toggle>summary{background:#fff!important;border:1.5px solid #E6DFD1!important}
html body #lead-gate:not(#_fp) #solar-form-card.sp-v22 .bk-cal-toggle>summary:hover{background:#FBF8F2!important;border-color:#14202B!important}
html body #lead-gate:not(#_fp) #solar-form-card.sp-v22 .bk-time-chip{background:#FBF8F2!important;border:1.5px solid #E6DFD1!important;color:#14202B!important}
html body #lead-gate:not(#_fp) #solar-form-card.sp-v22 .bk-time-chip:hover{background:#fff!important;border-color:#14202B!important}
html body #lead-gate:not(#_fp) #solar-form-card.sp-v22 .bk-cal-day.selected,html body #lead-gate:not(#_fp) #solar-form-card.sp-v22 .bk-time-chip.selected{background:#14202B!important;border-color:#14202B!important;color:#fff!important}
}