.site-lead { --lead-ink: #171940; --lead-muted: #616777; --lead-indigo: #353779; --lead-orange: #cc690b; --lead-line: #dce0e8; color: var(--lead-ink); background: #f4f6f9; padding: clamp(44px, 7vw, 90px) 0 clamp(54px, 7vw, 100px); }
.site-lead .site-lead__wrap { width: min(780px, calc(100% - 40px)); margin-inline: auto; }
.site-lead .site-lead__intro { max-width: 680px; margin-bottom: 30px; }
.site-lead .site-lead__eyebrow { color: var(--lead-indigo); font-size: 11px; font-weight: 750; letter-spacing: .12em; text-transform: uppercase; line-height: 1.5; margin: 0 0 14px; }
.site-lead h1 { font-size: clamp(39px, 6vw, 64px); line-height: 1.08; letter-spacing: -.055em; }
.site-lead h1 em { color: var(--lead-orange); }
.site-lead .site-lead__intro > p:last-child { color: var(--lead-muted); font-size: 17px; max-width: 54ch; line-height: 1.7; margin-top: 22px; }
.site-lead .site-lead__notice { border: 1px solid #e3c8a9; border-left: 4px solid var(--lead-orange); background: #fff7ed; border-radius: 10px; padding: 17px 20px; font-size: 14px; line-height: 1.65; margin-bottom: 22px; }
.site-lead .site-lead__notice strong { display: block; color: #8c490a; }
.site-lead .site-lead__notice.is-active { background: #eef0fa; border-color: #cfd4ed; border-left-color: var(--lead-indigo); }
.site-lead .site-lead__context { padding: 24px 28px; background: var(--lead-indigo); color: #fff; border-radius: 15px; margin-bottom: 22px; }
.site-lead .site-lead__context .site-lead__eyebrow { color: #e5d9cf; margin-bottom: 9px; }
.site-lead .site-lead__context h2 { font-size: clamp(23px, 4vw, 30px); line-height: 1.25; letter-spacing: -.035em; margin-bottom: 9px; }
.site-lead .site-lead__context p:not(.site-lead__eyebrow) { font-size: 14px; line-height: 1.65; color: #e4e6f2; }
.site-lead .site-lead__context .site-lead__context-details { padding-top: 12px; margin-top: 12px; border-top: 1px solid #ffffff38; }
.site-lead .site-lead__context .site-lead__hint { margin-top: 12px; color: #fff; }
.site-lead .site-lead__form { position: relative; background: #fff; border: 1px solid var(--lead-line); border-radius: 15px; padding: clamp(22px, 4vw, 36px); box-shadow: 0 12px 30px #24265006; }
.site-lead .site-lead__guidance { font-size: 13px; color: var(--lead-muted); margin-bottom: 26px; }
.site-lead fieldset { border: 0; border-bottom: 1px solid var(--lead-line); padding: 0 0 27px; margin: 0 0 28px; min-width: 0; }
.site-lead legend { display: block; padding: 0 0 19px; font-family: Manrope, sans-serif; font-size: 19px; font-weight: 750; letter-spacing: -.025em; width: 100%; line-height: 1.5; }
.site-lead legend > span { color: var(--lead-orange); font-size: 12px; display: inline-block; margin-right: 10px; letter-spacing: .02em; vertical-align: middle; }
.site-lead legend > small { font-family: 'DM Sans', sans-serif; font-size: 12px; font-weight: 500; color: var(--lead-muted); letter-spacing: 0; margin-left: 5px; white-space: nowrap; }
.site-lead .site-lead__field { margin-bottom: 20px; }
.site-lead .site-lead__field:last-child { margin-bottom: 0; }
.site-lead .site-lead__field > label { display: block; font-size: 14px; font-weight: 650; margin-bottom: 8px; line-height: 1.55; }
.site-lead .site-lead__optional { font-size: 12px; font-weight: 400; color: var(--lead-muted); margin-left: 4px; }
.site-lead .site-lead__field > input, .site-lead .site-lead__field > select { display: block; width: 100%; min-height: 53px; padding: 13px 14px; background: #fff; border: 1px solid #b9c0ce; border-radius: 8px; color: var(--lead-ink); font-size: 16px; line-height: 1.45; max-width: 100%; }
.site-lead .site-lead__field > select { padding-right: 32px; }
.site-lead input::placeholder { color: #707786; opacity: 1; }
.site-lead .site-lead__state > input { background: #f3f5f8; border-color: var(--lead-line); color: var(--lead-muted); }
.site-lead .site-lead__hint { font-size: 12px; line-height: 1.65; color: var(--lead-muted); margin-top: 7px; }
.site-lead .site-lead__error { font-size: 13px; color: #a32929; font-weight: 550; line-height: 1.6; margin-top: 7px; }
.site-lead [aria-invalid="true"] { border-color: #b73d3d !important; background: #fffafa !important; }
.site-lead .site-lead__technical-note { margin: -10px 0 25px; }
.site-lead .site-lead__grounding { padding: 16px; border-radius: 8px; background: #f0f2f9; font-size: 13px; line-height: 1.65; color: #45496a; }
.site-lead .site-lead__grounding strong { display: block; color: var(--lead-indigo); margin-bottom: 3px; }
.site-lead .site-lead__honeypot { position: absolute; left: -10000px; top: 0; height: 1px; width: 1px; overflow: hidden; }
.site-lead .site-lead__consent { margin-bottom: 24px; }
.site-lead .site-lead__consent label { display: flex; align-items: flex-start; gap: 12px; font-size: 14px; line-height: 1.65; cursor: pointer; }
.site-lead .site-lead__consent input { width: 22px; height: 22px; flex: 0 0 22px; margin: 2px 0 0; accent-color: var(--lead-indigo); border-radius: 4px; }
.site-lead .site-lead__consent a, .site-lead .site-lead__privacy a, .site-lead .site-lead__notice a { text-decoration: underline; text-underline-offset: 3px; font-weight: 600; }
.site-lead .site-lead__submit { display: flex; width: 100%; background: var(--lead-indigo); font-size: 16px; border-radius: 9px; min-height: 57px; gap: 18px; }
.site-lead .site-lead__submit:disabled { opacity: .65; cursor: wait; transform: none; box-shadow: none; }
.site-lead .site-lead__submit > #lead-submit-label { font-size: 16px; line-height: 1.4; }
.site-lead .site-lead__after-submit { color: var(--lead-muted); font-size: 12px; line-height: 1.7; text-align: center; max-width: 49ch; margin: 14px auto 0; }
.site-lead .site-lead__status { border: 1px solid #cbd0e8; border-left: 4px solid var(--lead-indigo); border-radius: 10px; padding: 19px 20px; background: #eef0fa; margin-bottom: 22px; font-size: 15px; line-height: 1.65; overflow-wrap: anywhere; }
.site-lead .site-lead__status[data-tone="error"] { background: #fff5f3; border-color: #e5b7b3; border-left-color: #a32929; color: #822727; }
.site-lead .site-lead__status[data-tone="success"] { background: #edf6f3; border-color: #b8d6ca; border-left-color: #25664f; color: #225640; }
.site-lead .site-lead__privacy { margin-top: 28px; padding: 0 6px; color: var(--lead-muted); scroll-margin-top: 124px; }
.site-lead .site-lead__privacy h2 { font-size: 18px; letter-spacing: -.025em; line-height: 1.4; margin-bottom: 11px; color: var(--lead-ink); }
.site-lead .site-lead__privacy p { font-size: 13px; line-height: 1.75; margin-bottom: 10px; }
.site-lead .site-lead__privacy small { display: block; font-size: 11px; line-height: 1.65; margin-top: 16px; }
.site-lead :focus-visible { outline: 3px solid #e6a263; outline-offset: 4px; }
.site-lead #site-lead-form, .site-lead #lead-status { scroll-margin-top: 124px; }
@media (max-width: 520px) {
  .site-lead .site-lead__wrap { width: calc(100% - 32px); }
  .site-lead .site-lead__form { padding: 24px 19px; }
  .site-lead .site-lead__context { padding: 23px 21px; }
  .site-lead legend { font-size: 18px; }
  .site-lead .site-lead__intro > p:last-child { font-size: 16px; }
  .site-lead .site-lead__notice { padding: 15px 17px; }
}

.charger-choice { margin-bottom: 24px; }
.charger-choice__property { margin-top: 22px; }
.charger-choice__title { color: var(--lead-ink); font-size: 17px; font-weight: 750; line-height: 1.4; }
.charger-choice__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; margin-top: 16px; }
.charger-choice__card { display: block; position: relative; min-width: 0; cursor: pointer; }
.charger-choice__card > input { position: absolute; top: 14px; right: 14px; width: 22px; height: 22px; opacity: 0; }
.charger-choice__surface { display: flex; flex-direction: column; height: 100%; position: relative; overflow: hidden; border: 2px solid #dce0e8; border-radius: 20px; background: #f7f8fa; transition: border-color .18s ease, box-shadow .18s ease; }
.charger-choice__surface > img { display: block; width: 100%; aspect-ratio: 1; height: auto; object-fit: contain; background: #f2f3f5; }
.charger-choice__surface { pointer-events: none; }
.charger-choice__copy { display: block; padding: 17px 17px 20px; }
.charger-choice__copy strong { display: block; font-size: 17px; line-height: 1.35; color: #171940; letter-spacing: -.025em; }
.charger-choice__copy small { display: block; margin-top: 7px; font-size: 12px; line-height: 1.5; color: #616777; }
.charger-choice__check { position: absolute; right: 12px; top: 12px; display: grid; place-items: center; width: 26px; height: 26px; border-radius: 50%; background: #353779; color: #fff; font-size: 15px; opacity: 0; }
.charger-choice__card:hover .charger-choice__surface { border-color: #9296b8; }
.charger-choice__card > input:checked + .charger-choice__surface { border-color: #353779; box-shadow: 0 0 0 3px #3537791a; background: #f0f0fa; }
.charger-choice__card > input:checked + .charger-choice__surface .charger-choice__check { opacity: 1; }
.charger-choice__card > input:focus-visible + .charger-choice__surface { outline: 3px solid #e6a263; outline-offset: 4px; }
.charger-choice__caption { font-size: 11px; line-height: 1.5; color: #717686; margin-top: 12px; }
.charger-choice__portable-note { font-size: 13px; line-height: 1.65; padding: 17px; border-radius: 12px; background: #fff4e5; border: 1px solid #e8bd7c; color: #6f4208; margin-top: 18px; }
.charger-choice__portable-note strong { display: block; margin-bottom: 4px; }
@media (max-width: 520px) {
  .charger-choice__grid { gap: 10px; }
  .charger-choice__surface { border-radius: 15px; }
  .charger-choice__copy { padding: 13px 11px 16px; }
  .charger-choice__copy strong { font-size: 15px; }
  .charger-choice__copy small { font-size: 11px; }
}
@media (prefers-reduced-motion: reduce) { .charger-choice__surface { transition: none; } }