/* Last-loaded, scoped styles for the original two-step vehicle enquiry.
   Visibility and validation are owned by native HTML and the step controller. */
.hero.hero-vehicle{padding:28px 0 40px;background:var(--white,#fff)}
.hero-vehicle .hero-grid{grid-template-columns:minmax(0,1fr);align-items:start;gap:24px}
.hero-vehicle .hero-copy{min-width:0;padding-top:0}
.hero-vehicle .hero-copy h1{max-width:16ch;margin-bottom:16px;font-size:clamp(2.25rem,9.5vw,2.5rem);line-height:1.09;letter-spacing:-.04em}
.hero-vehicle .hero-copy .eyebrow{margin-bottom:12px}
.hero-vehicle .hero-copy .lead{max-width:49ch;margin:0;font-size:1rem;line-height:1.75}
.hero-vehicle .hero-actions{margin-top:18px}
.hero-vehicle .hero-actions .btn{width:auto;min-height:44px;padding:11px 18px}

.vehicle-form-card.form-card{width:100%;min-width:0;max-width:560px;justify-self:stretch;margin:0;padding:20px;border:1px solid var(--line,#002d3e30);border-radius:8px;background:var(--white,#fff);color:var(--navy,#002d3e);box-shadow:none;scroll-margin-top:calc(var(--header-height,76px) + 16px)}
.vehicle-form-card .form-progress-label{margin:0 0 6px;color:var(--teal,var(--navy,#002d3e));font:600 .6875rem/1.45 var(--body,Inter,sans-serif);letter-spacing:.015em}
.vehicle-progress{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0 0 14px;padding:0;list-style:none}
.vehicle-progress>li{min-width:0;margin:0;padding:5px 0 0;border-top:3px solid var(--line,#002d3e30);color:var(--muted,#002d3e);font:500 .6875rem/1.45 var(--body,Inter,sans-serif)}
.vehicle-progress>li[aria-current=step],.vehicle-progress>li[aria-current=true],.vehicle-progress>li.is-active{border-top-color:var(--turquoise,#00abbd);color:var(--navy,#002d3e)}
.vehicle-progress>li.is-complete{border-top-color:var(--navy,#002d3e);color:var(--navy,#002d3e)}
.vehicle-form-card form{min-width:0;margin:0}
.vehicle-form-card [data-vehicle-step]{min-width:0}
.vehicle-form-card [data-vehicle-step] h2{max-width:none;margin:0 0 12px;color:var(--navy,#002d3e);font:500 1.375rem/1.25 var(--heading,Outfit,sans-serif);letter-spacing:-.025em}
.vehicle-form-card [data-vehicle-step]>p{margin:0 0 12px;color:var(--muted,#002d3e);font-size:.75rem;line-height:1.55}
.vehicle-form-card .field{gap:5px;margin-bottom:12px;min-width:0}
.vehicle-form-card .field label{color:var(--navy,#002d3e);font-size:.75rem;font-weight:600;line-height:1.4}
.vehicle-form-card .field :is(input,select,textarea){width:100%;min-width:0;min-height:44px;padding:8px 10px;border:1px solid color-mix(in srgb,var(--navy,#002d3e) 55%,var(--white,#fff));border-radius:8px;background:var(--white,#fff);color:var(--navy,#002d3e);font-size:16px;line-height:1.5}
.vehicle-form-card .field textarea{min-height:72px;resize:vertical}
.vehicle-form-card .field :is(input,select,textarea)[aria-invalid=true]{border:2px solid var(--navy,#002d3e);padding:7px 9px}
.vehicle-form-card .field :is(input,select,textarea):focus-visible{outline:3px solid var(--navy,#002d3e);outline-offset:3px}
.vehicle-form-card .field :is(small,.small){color:var(--muted,#002d3e);font-size:.6875rem;line-height:1.5}
.vehicle-field-row{display:grid;grid-template-columns:minmax(0,1fr);gap:0 12px;min-width:0}

fieldset.vehicle-coverages{display:block;min-width:0;margin:0 0 12px;padding:0;border:0}
.vehicle-radio-set{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.vehicle-coverages legend{margin:0 0 6px;padding:0;color:var(--navy,#002d3e);font-size:.75rem;font-weight:600;line-height:1.4}
.vehicle-choice{display:flex;align-items:center;gap:8px;min-width:0;min-height:44px;margin:0;padding:9px 10px;border:1px solid color-mix(in srgb,var(--navy,#002d3e) 55%,var(--white,#fff));border-radius:8px;background:var(--white,#fff);color:var(--navy,#002d3e);font-size:.75rem;font-weight:500;line-height:1.4;cursor:pointer}
.vehicle-choice input[type=radio]{display:block;flex:0 0 18px;width:18px;height:18px;min-height:18px;margin:0;padding:0;accent-color:var(--navy,#002d3e);cursor:pointer}
.vehicle-choice>span{min-width:0}
.vehicle-choice:has(input:checked){border-color:var(--navy,#002d3e);background:var(--soft,#fff);box-shadow:inset 0 0 0 1px var(--navy,#002d3e)}
.vehicle-choice:focus-within{outline:2px solid var(--navy,#002d3e);outline-offset:3px}

.vehicle-form-actions{display:flex;align-items:stretch;gap:10px;min-width:0;margin-top:4px}
.vehicle-form-actions .btn{width:auto;min-width:0;min-height:44px;padding:10px 16px;border-radius:8px;font-size:.8125rem;line-height:1.45}
.vehicle-form-actions .btn-primary{flex:1}
.vehicle-form-actions .btn-secondary{flex:0 0 auto;min-width:88px}
.vehicle-form-actions>.btn:only-child{width:100%}
.vehicle-privacy,.vehicle-privacy>label{display:flex;align-items:flex-start;gap:10px;min-width:0;color:var(--muted,#002d3e);font-size:.75rem;font-weight:400;line-height:1.6;cursor:pointer}
.vehicle-privacy{margin:12px 0 14px}
.vehicle-privacy input[type=checkbox]{display:block;flex:0 0 18px;width:18px;height:18px;min-height:18px;margin:3px 0 0;padding:0;accent-color:var(--navy,#002d3e);cursor:pointer}
.vehicle-privacy span{min-width:0}
.vehicle-privacy a{color:var(--teal,var(--navy,#002d3e));text-decoration:underline}
.vehicle-form-card .form-note{margin:12px 0 0;color:var(--muted,#002d3e);font-size:.6875rem;line-height:1.6}
.vehicle-form-card .form-status:not(:empty),.vehicle-form-error:not(:empty){margin:12px 0;padding:10px 12px;border:1px solid var(--navy,#002d3e);border-radius:8px;background:var(--soft,#fff);color:var(--navy,#002d3e);font-size:.8125rem;line-height:1.6}
.vehicle-success:not(:empty){padding:16px 0;color:var(--navy,#002d3e);font-size:.9375rem;line-height:1.75}
.vehicle-form-card :is(button,a,input,select,textarea):focus-visible{outline-color:var(--navy,#002d3e)}

@media(min-width:600px){
  .vehicle-field-row{grid-template-columns:repeat(2,minmax(0,1fr))}
  .vehicle-form-card.form-card{padding:24px}
}
@media(min-width:900px){
  .hero.hero-vehicle{padding-block:24px 48px}
  .hero-vehicle .hero-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;align-items:start}
  .hero-vehicle .hero-copy{padding-top:24px}
  .hero-vehicle .hero-copy h1{font-size:clamp(3rem,5vw,3.75rem);line-height:1.08}
  .hero-vehicle .vehicle-form-card{justify-self:end}
}
@media(min-width:1080px){
  .hero-vehicle .hero-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px}
  .hero-vehicle .hero-copy{padding-top:28px}
  .hero-vehicle .hero-copy h1{font-size:clamp(3.5rem,4.8vw,4rem)}
}
@media(max-width:359px){
  .hero.hero-vehicle{padding-top:24px}
  .hero-vehicle .hero-grid{gap:20px}
  .vehicle-form-card.form-card{padding:16px}
  .vehicle-choice{gap:6px;padding-inline:8px}
  .vehicle-form-actions .btn{padding-inline:12px}
}
/* The comparison scope is stated plainly beside the main call to action. */
.hero-vehicle .hero-trust{margin:0 0 12px;font-size:.9375rem;font-weight:600;line-height:1.6;color:var(--navy)}
.hero-vehicle .hero-trust::before{content:'✓';margin-right:8px;color:var(--teal)}