/* Homepage scale aligned with the minimalist About page. */
.home-minimal { --container: 1080px; font-size: .9rem; }
.home-minimal .brand { gap: 12px; }
.home-minimal .brand__mark { width: 56px; height: 56px; flex-basis: 56px; }
.home-minimal .brand__text strong { font-size: 1.05rem; font-weight: 500; line-height: 1.45; }
.home-minimal .brand__text small { max-width: 330px; font-size: .7rem; line-height: 1.6; }
.home-minimal .nav-links { gap: 12px; }
.home-minimal .nav-links a { font-size: .82rem; font-weight: 400; }
.home-minimal .section-kicker { margin: 0 0 14px; font-size: .72rem; font-weight: 500; letter-spacing: .1em; }
.home-minimal h2 { font-size: clamp(1.2rem, 2vw, 1.45rem); font-weight: 500; line-height: 1.5; letter-spacing: -.015em; }
.home-minimal h3 { font-size: 1rem; font-weight: 500; line-height: 1.5; letter-spacing: normal; }
.home-minimal p { font-weight: 400; font-size: .9rem; line-height: 1.85; text-align: left; }
.home-minimal .button,
.home-minimal .about-tabs__link,
.home-minimal .about-panel__cta,
.home-minimal .about-tabs__tab { min-height: 44px; padding: 0 18px; border-radius: 8px; font-size: .82rem; font-weight: 500; }
.home-minimal .button--primary { background: #a7d94b; box-shadow: none; }
.home-minimal .hero { min-height: auto; padding: 20px 24px 0; }
.home-minimal .hero__content { grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr); gap: 36px; padding: 56px 0 64px; }
.home-minimal .hero__copy h1 { font-size: clamp(1.75rem, 3.2vw, 2.25rem); line-height: 1.3; font-weight: 500; letter-spacing: -.025em; white-space: normal; }
.home-minimal .hero__subtitle { font-size: .94rem; font-weight: 400; line-height: 1.8; white-space: normal; margin-top: 16px; }
.home-minimal .hero__lead { margin-top: 14px; font-size: .9rem; line-height: 1.85; font-weight: 400; }
.home-minimal .hero__meta { margin-top: 22px; grid-template-columns: minmax(0, 1fr); }
.home-minimal .hero__meta-card { padding: 14px 16px; border-radius: 8px; }
.home-minimal .hero__meta-label { font-size: .7rem; font-weight: 500; }
.home-minimal .hero__meta-card strong { font-size: .82rem; font-weight: 400; }
.home-minimal .hero__actions { margin-top: 22px; gap: 10px; }
.home-minimal .hero__visual { min-height: 300px; }
.home-minimal .hero__circle { box-shadow: 0 8px 20px rgba(9,22,18,.18); }
.home-minimal .hero__circle--one { top: 0; right: 12px; width: 132px; height: 132px; }
.home-minimal .hero__circle--two { top: 86px; right: 156px; width: 116px; height: 116px; }
.home-minimal .hero__circle--three { top: 154px; right: 8px; width: 146px; height: 146px; }
.home-minimal .hero__wave { display: none; }

.home-minimal .about-tabs,
.home-minimal .support-section,
.home-minimal .partners-section,
.home-minimal .certificates-section,
.home-minimal .why-section,
.home-minimal .closing-cta { min-height: auto; display: block; padding: 52px 24px; }
.home-minimal .about-tabs { background: #f6f4ee; }

.home-minimal .about-tabs__heading-row { align-items: start; gap: 24px; }
.home-minimal .about-tabs__heading-row h2 { max-width: 650px; }
.home-minimal .about-tabs__intro { max-width: 700px; margin-top: 14px; }
.home-minimal .about-tabs__layout { grid-template-columns: minmax(0, 240px) minmax(0, 1fr); gap: 32px; align-items: center; margin-top: 28px; }
.home-minimal .about-tabs__visual { min-height: 280px; padding-top: 0; }
.home-minimal .about-tabs__visual img,
.home-minimal .about-tabs__visual img[data-visual-id] { height: auto; max-height: 300px; }
.home-minimal .about-tabs__content { min-height: 0; gap: 16px; }
.home-minimal .about-tabs__nav { gap: 8px; }
.home-minimal .about-tabs__panels { min-height: 0; padding: 22px; background: #fffdf7; box-shadow: none; border: 1px solid #dce3d8; }
.home-minimal .about-panel__details { gap: 18px; }
.home-minimal .about-panel__detail { padding-left: 22px; }
.home-minimal .about-panel__detail::before { width: 8px; height: 8px; box-shadow: none; }
.home-minimal .about-panel__detail h3 { margin-bottom: 8px; }
.home-minimal .support-hero { padding: 0; grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr); gap: 36px; }
.home-minimal .support-hero__visual { min-height: 200px; }
.home-minimal .support-hero__visual img { width: 100%; max-height: 260px; }
.home-minimal .support-hero__copy h2 { max-width: 620px; }
.home-minimal .support-stats { margin-top: 24px; gap: 16px; grid-template-columns: repeat(3, minmax(0,1fr)); }
.home-minimal .support-stat { padding: 20px; box-shadow: none; }
.home-minimal .support-stat__value { font-size: 1.75rem; font-weight: 500; line-height: 1.3; }
.home-minimal .support-stat__label { font-size: .85rem; font-weight: 500; margin-top: 6px; }
.home-minimal .support-stat p { font-size: .82rem; margin-top: 10px; }
.home-minimal .support-fleet { gap: 12px; margin-top: 16px; }
.home-minimal .support-fleet__card { padding: 16px 12px; box-shadow: none; }
.home-minimal .support-fleet__count { font-size: 1.15rem; font-weight: 500; }
.home-minimal .support-fleet__card h3 { font-size: .8rem; margin-top: 10px; }
.home-minimal .partners-section__header { max-width: 720px; margin-bottom: 28px; }
.home-minimal .partners-group { margin-top: 28px; }
.home-minimal .partners-group__head { margin-bottom: 16px; }
.home-minimal .partners-group__head h3 { font-size: 1rem; }
.home-minimal .partners-group__head p { max-width: 720px; font-size: .85rem; }
.home-minimal .partners-grid { gap: 12px; }
.home-minimal .partner-card { min-height: 110px; border: 1px solid #dce3d8; box-shadow: none; }
.home-minimal .partner-card__placeholder,
.home-minimal .partner-card__overlay span { font-size: .8rem; font-weight: 400; }
.home-minimal .certificates-section__inner { max-width: 1080px; }
.home-minimal .certificates-section__intro { max-width: 700px; margin-bottom: 28px; }
.home-minimal .certificates-section__model { display: none; }
.home-minimal .certificates-section::before,
.home-minimal .certificates-section::after { display: none; }
.home-minimal .certificates-grid { gap: 20px; }
.home-minimal .certificate-card__media { min-height: 0; aspect-ratio: 1 / 1.414; padding: 12px; }
.home-minimal .certificate-card__media span { font-size: .9rem; font-weight: 500; }
.home-minimal .certificate-card__image { max-height: 100%; }
.home-minimal .certificate-card__eyebrow { font-size: .7rem; font-weight: 500; }
.home-minimal .certificate-card__body h3 { font-size: .95rem; }
.home-minimal .certificate-card__body p:last-child { font-size: .82rem; }
.home-minimal .why-section { background: #f6f4ee; }
.home-minimal .why-section::before { display: none; }
.home-minimal .why-section__header { max-width: 720px; margin-bottom: 28px; }
.home-minimal .why-section__layout { grid-template-columns: minmax(0,1fr) minmax(0,1.4fr); gap: 36px; align-items: start; }
.home-minimal .why-section__story { grid-template-rows: auto; gap: 22px; }
.home-minimal .why-grid { grid-auto-rows: auto; gap: 22px; }
.home-minimal .why-story-card,
.home-minimal .why-card { height: auto; padding: 18px 0 0; border-top: 1px solid #d6ded3; border-radius: 0; background: transparent; box-shadow: none; }
.home-minimal .why-story-card--accent h3 { color: #17392e; }
.home-minimal .why-story-card--accent p:last-child { color: #53645a; }
.home-minimal .why-story-card__eyebrow,
.home-minimal .why-card__number { min-width: 0; min-height: 0; padding: 0; margin: 0 0 10px; background: transparent; color: #47644f; font-size: .7rem; font-weight: 500; }
.home-minimal .why-story-card h3,
.home-minimal .why-card h3 { font-size: 1rem; }
.home-minimal .why-story-card p:last-child,
.home-minimal .why-card p { font-size: .85rem; }
.home-minimal .closing-cta__inner { grid-template-columns: minmax(0,1.5fr) minmax(0,1fr); gap: 40px; }
.home-minimal .closing-cta__actions { gap: 10px; margin-top: 22px; }
.home-minimal .closing-cta__panel { padding: 0 0 0 28px; border: 0; border-left: 1px solid rgba(255,255,255,.2); border-radius: 0; background: transparent; box-shadow: none; backdrop-filter: none; }
.home-minimal .closing-cta__badge,
.home-minimal .closing-cta__item { padding: 12px 0; background: transparent; }
.home-minimal .closing-cta__badge strong { font-size: 1.05rem; font-weight: 500; }
.home-minimal .closing-cta__info { margin-top: 6px; gap: 0; }
.home-minimal .closing-cta__item strong { font-size: .85rem; font-weight: 400; }
.home-minimal .closing-cta__item small,
.home-minimal .closing-cta__badge span { font-size: .7rem; font-weight: 500; }
.home-minimal .site-footer__inner { padding-top: 36px; padding-bottom: 32px; }
.home-minimal .site-footer p,
.home-minimal .site-footer a { font-size: .8rem; font-weight: 400; }
.home-minimal .site-footer h3 { font-size: .87rem; font-weight: 500; }
.home-minimal .site-footer__brand img { max-width: 120px; }
.home-minimal .site-footer__bottom p { max-width: 1128px; font-size: .73rem; }
.home-minimal a:focus-visible,
.home-minimal button:focus-visible { outline: 2px solid #a7d94b; outline-offset: 4px; }
@media (max-width: 1080px) {
  .home-minimal .hero__content { grid-template-columns: minmax(0,1.4fr) minmax(0,1fr); }
  .home-minimal .why-section__layout { grid-template-columns: 1fr; }
  .home-minimal .why-section__story { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (max-width: 820px) {
  .home-minimal .navbar { flex-wrap: wrap; align-items: center; gap: 12px; }
  .home-minimal .nav-toggle { margin-top: 0; }
  .home-minimal .nav-links { gap: 8px; }
  .home-minimal .hero { padding: 18px 20px 0; }
  .home-minimal .hero__content { grid-template-columns: 1fr; padding: 36px 0 48px; gap: 28px; }
  .home-minimal .hero__visual { width: min(100%,320px); min-height: 300px; justify-self: center; }
  .home-minimal .about-tabs,
  .home-minimal .support-section,
  .home-minimal .partners-section,
  .home-minimal .certificates-section,
  .home-minimal .why-section,
  .home-minimal .closing-cta { padding: 36px 20px; }
  .home-minimal .about-tabs__heading-row { flex-direction: column; gap: 16px; }
  .home-minimal .about-tabs__layout { grid-template-columns: 1fr; gap: 22px; }
  .home-minimal .about-tabs__visual { min-height: 0; max-width: 200px; width: 100%; justify-self: center; }
  .home-minimal .about-tabs__visual img,
  .home-minimal .about-tabs__visual img[data-visual-id] { max-height: 220px; }
  .home-minimal .support-hero { grid-template-columns: 1fr; gap: 20px; }
  .home-minimal .support-hero__visual img { max-width: 360px; max-height: 220px; }
  .home-minimal .support-stats { grid-template-columns: 1fr; }
  .home-minimal .support-fleet { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .home-minimal .certificates-grid { grid-template-columns: 1fr; max-width: 420px; margin: 0 auto; gap: 28px; }
  .home-minimal .closing-cta__inner { grid-template-columns: 1fr; gap: 28px; }
  .home-minimal .closing-cta__panel { border-left: 0; border-top: 1px solid rgba(255,255,255,.2); padding: 16px 0 0; }
}
@media (max-width: 480px) {
  .home-minimal .brand { max-width: calc(100% - 40px); gap: 10px; }
  .home-minimal .brand__mark { width: 44px; height: 44px; flex-basis: 44px; }
  .home-minimal .brand__text strong { font-size: .85rem; }
  .home-minimal .brand__text small { font-size: .62rem; }
  .home-minimal .hero__copy h1 { font-size: 1.75rem; }
  .home-minimal .why-section__story,
  .home-minimal .why-grid { grid-template-columns: 1fr; }
  .home-minimal .about-tabs__panels { padding: 18px; }
}
/* Keep text and uploaded certificates compact under the original component rules. */
.home-minimal .support-hero__copy p:not(.section-kicker),
.home-minimal .partners-section__header p:last-child,
.home-minimal .partners-group__head p,
.home-minimal .certificates-section__intro p:not(.section-kicker),
.home-minimal .why-section__header p:last-child,
.home-minimal .closing-cta__copy p:last-of-type,
.home-minimal .about-panel__detail p { font-size: .9rem; font-weight: 400; line-height: 1.85; text-align: left; }
.home-minimal .certificate-card__image { position: absolute; inset: 12px; width: calc(100% - 24px); height: calc(100% - 24px); }

/* Tablet homepage: keep the hero in two columns and show the full menu. */
@media (min-width: 601px) and (max-width: 1080px) {
  .home-minimal .navbar { flex-wrap: wrap; align-items: center; gap: 18px; }
  .home-minimal .nav-toggle { display: none; }
  .home-minimal .nav-links,
  .home-minimal .nav-links.is-open { display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; justify-content: flex-start; width: 100%; gap: 8px 14px; padding-top: 0; }
  .home-minimal .nav-links a { padding: 8px 4px; white-space: nowrap; font-size: .8rem; }
  .home-minimal .hero__content { grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr); align-items: center; gap: 24px; padding: 40px 0 48px; }
  .home-minimal .hero__copy { order: 0; grid-column: 1; grid-row: 1; min-width: 0; }
  .home-minimal .hero__visual { order: 0; grid-column: 2; grid-row: 1; width: min(100%, 300px); height: auto; min-height: 0; aspect-ratio: 1; justify-self: end; }
  .home-minimal .hero__circle { height: auto; aspect-ratio: 1; }
  .home-minimal .hero__circle--one { top: 0; right: 4%; width: 44%; }
  .home-minimal .hero__circle--two { top: 29%; right: auto; left: 0; width: 39%; }
  .home-minimal .hero__circle--three { top: 52%; right: 3%; width: 49%; }
  .home-minimal .hero__copy h1 { font-size: clamp(1.5rem, 3.2vw, 2.1rem); }
}
/* Phone homepage focuses on the content. */
@media (max-width: 600px) {
  .home-minimal .hero__visual,
  .home-minimal .about-tabs__visual,
  .home-minimal .support-hero__visual { display: none; }
  .home-minimal .hero__content,
  .home-minimal .about-tabs__layout,
  .home-minimal .support-hero { grid-template-columns: minmax(0, 1fr); }
}

/* Two logo columns for both homepage groups on phones. */
@media (max-width: 600px) {
  .home-minimal .partners-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
  .home-minimal .partners-group--partner .partners-grid .partner-card { grid-column: auto; }
  .home-minimal .partner-card { min-width: 0; }
  .home-minimal .partner-card__placeholder,
  .home-minimal .partner-card__overlay span { overflow-wrap: anywhere; }
}
/* Fill the phone hero and keep the truck on the left in view. */
@media (max-width: 600px) {
  .home-minimal .hero {
    background-color: #173e31;
    background-image: linear-gradient(180deg, rgba(23,62,49,.82) 0%, rgba(23,62,49,.82) 50%, rgba(23,62,49,.9) 100%), url("../image/bg_cover.png");
    background-size: 100% 100%, cover;
    background-position: center, left center;
    background-repeat: no-repeat;
  }
  .home-minimal .hero__bg-overlay { background: rgba(7,19,15,.12); }
}
.home-minimal .partners-group--partner .partners-grid .partner-card { grid-column: auto; }
@media (min-width: 1081px) { .home-minimal .partners-group--partner .partners-grid { grid-template-columns: repeat(3,minmax(0,1fr)); } }