/* Homepage-only hero composition. */
.homepage-hero { padding-block: clamp(1.5rem, 3vw, 2.5rem); background: radial-gradient(ellipse at 85% 20%, color-mix(in srgb, var(--color-primary) 8%, var(--color-surface)), transparent 55%), var(--color-surface); }
.homepage-hero::after { display: none; }
.homepage-hero > .container > .row { display: grid; grid-template-columns: minmax(0, 1.45fr) minmax(0, 1fr); gap: clamp(1.5rem, 4vw, 3.5rem); margin: 0; }
.homepage-hero > .container > .row > div { width: auto; min-width: 0; margin: 0; padding: 0; }
.homepage-hero .display-title { max-width: none; margin-bottom: 0; font-size: clamp(2.35rem, 3.7vw, 3.1rem); line-height: 1.08; text-wrap: balance; }
.homepage-hero .hero-copy { max-width: 36rem; margin-top: 0.75rem !important; font-size: 1.05rem; line-height: 1.55; }
.homepage-hero .vehicle-check-form { max-width: none; margin-top: 1.25rem !important; padding: 1rem; border: 1px solid var(--color-border); border-radius: 1rem; background: var(--color-surface); box-shadow: 0 8px 24px color-mix(in srgb, var(--color-dark) 6%, transparent); }
.homepage-hero .vehicle-check-form .form-label { margin-bottom: 0.5rem; font-size: 0.8rem; letter-spacing: 0.045em; }
.homepage-hero .vehicle-check-form__controls { padding: 0; border: 0; border-radius: 0; box-shadow: none; gap: 0.65rem; }
.homepage-hero .vehicle-check-form__input-wrap { min-width: 0; }
.homepage-hero .registration-input { min-height: 3.75rem; width: 100%; }
.homepage-hero .vehicle-check-form__submit { min-width: 9.5rem; min-height: 3.75rem; }
.homepage-hero #registration-hint { font-size: 0.8rem; line-height: 1.45; }
.homepage-hero .vehicle-check-form__status:empty { margin-top: 0 !important; }
.homepage-hero .hero-assurance { margin-top: 0.65rem !important; font-size: 0.82rem; }
.homepage-hero .hero-benefits { max-width: none; margin: 0; padding: 1.5rem; border: 1px solid var(--color-border); border-radius: 1.25rem; background: linear-gradient(135deg, var(--color-dark), var(--color-dark)); box-shadow: 0 12px 28px color-mix(in srgb, var(--color-dark) 12%, transparent); }
.homepage-hero .hero-benefits__heading { gap: 0.7rem; margin-bottom: 0.65rem; }
.homepage-hero .hero-benefits__line { width: 1.4rem; }
.homepage-hero .hero-benefits h2 { color: var(--color-surface); font-size: 1.18rem; line-height: 1.35; }
.homepage-hero .hero-benefit { grid-template-columns: 2.25rem minmax(0, 1fr); gap: 0.8rem; padding-block: 0.9rem; border-color: color-mix(in srgb, var(--color-border) 20%, var(--color-dark)); }
.homepage-hero .hero-benefit:last-child { padding-bottom: 0; }
.homepage-hero .hero-benefit__number { display: grid; place-items: center; align-self: start; height: 2.25rem; border: 1px solid color-mix(in srgb, var(--color-primary) 45%, var(--color-dark)); border-radius: 0.65rem; background: color-mix(in srgb, var(--color-primary) 20%, var(--color-dark)); color: var(--color-surface); letter-spacing: 0.04em; }
.homepage-hero .hero-benefit h3 { color: var(--color-surface); font-size: 1rem; }
.homepage-hero .hero-benefit p { color: var(--color-border); font-size: 0.86rem; line-height: 1.5; }
@media (max-width: 991.98px) {
    .homepage-hero > .container > .row { grid-template-columns: minmax(0, 1fr); gap: 1.25rem; }
    .homepage-hero .hero-copy { max-width: none; }
    .homepage-hero .hero-benefits { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0 1rem; padding: 1.25rem; }
    .homepage-hero .hero-benefits__heading { grid-column: 1 / -1; }
    .homepage-hero .hero-benefit { grid-template-columns: 1fr; gap: 0.6rem; border: 0; padding: 0.5rem 0 0; }
}
@media (min-width: 576px) and (max-width: 767.98px) {
    .homepage-hero .vehicle-check-form__controls { grid-template-columns: minmax(0, 1fr) auto; }
}
@media (max-width: 575.98px) {
    .homepage-hero { padding-block: 1.25rem; }
    .homepage-hero .display-title { font-size: clamp(2rem, 7vw, 2.4rem); }
    .homepage-hero .hero-copy { font-size: 1rem; }
    .homepage-hero .vehicle-check-form { padding: 0.85rem; margin-top: 1rem !important; }
    .homepage-hero .vehicle-check-form__controls { grid-template-columns: minmax(0, 1fr); }
    .homepage-hero .hero-benefits { display: block; padding: 1.15rem; }
    .homepage-hero .hero-benefit { grid-template-columns: 2.25rem minmax(0, 1fr); gap: 0.75rem; padding-block: 0.8rem; border-bottom: 1px solid color-mix(in srgb, var(--color-border) 20%, var(--color-dark)); }
    .homepage-hero .hero-benefit:last-child { border: 0; padding-bottom: 0; }
}