/* Final home hero: selected Light Air background with restrained gold accents. */
:root {
  --fm-action-start: #0c8a5a;
  --fm-action-end: #0f9f6f;
  --fm-action-hover: #11bb7f;
  --fm-ink: #091c14;
}

body.home-light-air {
  --green: var(--fm-action-end);
  --fm-green: var(--fm-action-end);
}

body.home-light-air .hero {
  border-top: 1px solid rgba(0, 120, 68, .08);
}

body.home-light-air .eyebrow {
  box-shadow: 0 11px 25px rgba(6, 71, 42, .075), inset 0 1px 0 rgba(255,255,255,.92);
}

body.home-light-air .copy h1 span {
  color: #fff;
}

body.home-light-air.mascot-five .copy h1 {
  font-weight: 750;
  letter-spacing: -.04em;
  line-height: 1.01;
}

body.home-light-air .login,
body.home-light-air .primary,
body.home-light-air .calc-button {
  background: linear-gradient(135deg,var(--fm-action-start) 0%,var(--fm-action-end) 100%);
  box-shadow: 0 14px 30px rgba(10, 78, 53, .34);
}

body.home-light-air .login:hover,
body.home-light-air .primary:hover,
body.home-light-air .calc-button:hover {
  background: linear-gradient(135deg,var(--fm-action-end) 0%,var(--fm-action-hover) 100%);
  box-shadow: 0 16px 33px rgba(9, 82, 56, .38);
}

body.home-light-air .login {
  border: 1px solid rgba(255,255,255,.10);
  color: #fff;
}

/* One action language for the Laravel hero and all React sections below it. */
body.home-light-air #root a[class*="bg-[#22c55e]"],
body.home-light-air #root button[class*="bg-[#22c55e]"],
body.home-light-air #root [class*="bg-[#22c55e]"][role="button"] {
  border-color: rgba(255,255,255,.13) !important;
  background: linear-gradient(135deg,var(--fm-action-start) 0%,var(--fm-action-end) 100%) !important;
  box-shadow: 0 14px 30px rgba(10,78,53,.24) !important;
  color: #fff !important;
}

body.home-light-air #root a[class*="bg-[#22c55e]"]:hover,
body.home-light-air #root button[class*="bg-[#22c55e]"]:hover {
  background: linear-gradient(135deg,var(--fm-action-end) 0%,var(--fm-action-hover) 100%) !important;
  box-shadow: 0 17px 34px rgba(9,82,56,.30) !important;
  transform: translateY(-2px);
}

body.home-light-air #root [class*="bg-[#22c55e]/10"] {
  background: rgba(12,138,90,.10) !important;
}

body.home-light-air #root div[class*="w-12 h-12"][class*="bg-[#22c55e]"] {
  background: linear-gradient(135deg,var(--fm-action-start) 0%,var(--fm-action-end) 100%) !important;
  box-shadow: 0 9px 20px rgba(10,78,53,.16);
}

body.home-light-air #root footer div[class*="w-8 h-8"][class*="bg-[#22c55e]"] {
  background: linear-gradient(135deg,var(--fm-action-start) 0%,var(--fm-action-end) 100%) !important;
}

body.home-light-air #root button[class*="fixed"][class*="bg-[#00b760]"] {
  background: linear-gradient(135deg,var(--fm-action-start) 0%,var(--fm-action-end) 100%) !important;
  box-shadow: 0 14px 30px rgba(10,78,53,.28) !important;
}

body.home-light-air #root a[class*="bg-[#00B760]"],
body.home-light-air #root button[class*="bg-[#00B760]"],
body.home-light-air #root a[class*="bg-[#00b760]"],
body.home-light-air #root button[class*="bg-[#00b760]"] {
  background: linear-gradient(135deg,var(--fm-action-start) 0%,var(--fm-action-end) 100%) !important;
  box-shadow: 0 14px 30px rgba(10,78,53,.25) !important;
  color: #fff !important;
}

body.home-light-air #root a[class*="bg-[#00B760]"]:hover,
body.home-light-air #root button[class*="bg-[#00B760]"]:hover,
body.home-light-air #root a[class*="bg-[#00b760]"]:hover,
body.home-light-air #root button[class*="bg-[#00b760]"]:hover {
  background: linear-gradient(135deg,var(--fm-action-end) 0%,var(--fm-action-hover) 100%) !important;
  box-shadow: 0 17px 34px rgba(9,82,56,.30) !important;
}

body.home-light-air #root [class*="text-[#22c55e]"][class*="font-bold"],
body.home-light-air #root article [class*="font-bold"][class*="text-[#22c55e]"],
body.home-light-air .payment strong,
body.home-light-air .field-label b {
  color: var(--fm-ink) !important;
  font-weight: 800 !important;
}

body.home-light-air .trust-item:nth-child(2) {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  border-color: #d5e7dd;
  background: rgba(255,255,255,.78);
  box-shadow: 0 10px 24px rgba(7,50,30,.055), inset 0 1px 0 rgba(255,255,255,.94);
}

body.home-light-air .trust-item:nth-child(2) strong em {
  color: var(--fm-green);
}

body.home-light-air.bg-deep-air .trust-item:nth-child(2) {
  border-color: rgba(211,255,231,.18);
  background: rgba(255,255,255,.075);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.06), 0 12px 27px rgba(0,26,15,.10);
}

body.home-light-air.bg-deep-air .trust-item:nth-child(2) strong em {
  color: #31e58b;
}

body.home-light-air .trust-item:nth-child(2) > * {
  position: relative;
  z-index: 2;
}

body.home-light-air .trust-item:nth-child(2)::after {
  position: absolute;
  z-index: 1;
  top: -65%;
  left: -34%;
  width: 18%;
  height: 230%;
  background: linear-gradient(90deg,transparent,rgba(255,211,82,.48),transparent);
  transform: rotate(17deg);
  content: '';
  pointer-events: none;
}

body.home-light-air .payment {
  position: relative;
  overflow: hidden;
}

body.home-light-air .payment::before {
  position: absolute;
  top: 0;
  left: 21%;
  width: 58%;
  height: 2px;
  border-radius: 0 0 999px 999px;
  background: linear-gradient(90deg, transparent, rgba(244,181,26,.72), transparent);
  content: '';
}

body.home-light-air .payment::after {
  position: absolute;
  z-index: 0;
  top: -65%;
  left: -42%;
  width: 24%;
  height: 230%;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,.72), rgba(255,218,111,.32), transparent);
  transform: rotate(16deg);
  content: '';
  opacity: 0;
  pointer-events: none;
}

body.home-light-air .payment > * {
  position: relative;
  z-index: 1;
}

body.home-light-air .primary,
body.home-light-air .calc-button {
  position: relative;
  overflow: hidden;
  isolation: isolate;
}

body.home-light-air .primary::after,
body.home-light-air .calc-button::after {
  position: absolute;
  z-index: -1;
  top: -70%;
  left: -34%;
  width: 22%;
  height: 240%;
  background: linear-gradient(90deg, transparent, rgba(255,220,105,.34), transparent);
  transform: rotate(18deg);
  content: '';
  transition: left .58s ease;
}

body.home-light-air .primary:hover::after,
body.home-light-air .calc-button:hover::after {
  left: 112%;
}

body.home-light-air .bottom-bar {
  background:
    linear-gradient(90deg, rgba(255,255,255,.44), transparent 27%, transparent 73%, rgba(255,255,255,.30)),
    linear-gradient(180deg,#f1fbf5 0%,#e3f4e9 100%);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.86), 0 -14px 38px rgba(5,52,31,.10);
}

body.home-light-air .bottom-bar span:first-child {
  border-color: rgba(226, 176, 55, .30);
  background: linear-gradient(112deg,#fff 0 46%,#fffaf0 53%,#fff 61% 100%);
  box-shadow: 0 13px 30px rgba(7,50,30,.075), inset 3px 0 0 rgba(242,181,29,.62), inset 0 1px 0 #fff;
}

body.home-light-air .bottom-bar span:first-child::before {
  border-color: rgba(224,158,12,.16);
  background: linear-gradient(145deg,#fff4cb,#f4dfa0);
  box-shadow: 0 7px 15px rgba(115,82,10,.09);
  color: #9d6b00;
}

body.home-light-air .bottom-bar span:first-child::after {
  color: rgba(206,145,10,.16);
}

@media (prefers-reduced-motion: no-preference) {
  body.home-light-air .trust-item:nth-child(2) {
    animation: home-trust-cycle 8s 1s ease-in-out infinite;
  }
  body.home-light-air .trust-item:nth-child(2)::after {
    animation: home-trust-glint 8s 1s ease-in-out infinite;
  }
  body.home-light-air .payment::after {
    animation: home-payment-glint 7s 1.4s ease-in-out infinite;
  }
}

@keyframes home-trust-cycle {
  0%, 5%, 12%, 19%, 100% { transform:scale(1); }
  8% { transform:scale(1.035); }
  15% { transform:scale(1.018); }
}

@keyframes home-trust-glint {
  0%, 21% { left:-34%;opacity:0; }
  24% { opacity:.82; }
  35% { left:116%;opacity:.66; }
  38%, 100% { left:116%;opacity:0; }
}

@keyframes home-payment-glint {
  0%, 54% { left:-42%;opacity:0; }
  57% { opacity:.8; }
  68% { left:122%;opacity:.55; }
  71%, 100% { left:122%;opacity:0; }
}

/* Unified pictogram system: one rounded mint SVG family across the page. */
body.home-light-air #how-it-works .grid.md\:grid-cols-4 > div > div:first-child {
  width: 80px !important;
  height: 80px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background-color: transparent !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: 80px 80px !important;
  box-shadow: none !important;
  color: transparent !important;
  transition: transform .25s ease, filter .25s ease !important;
}

body.home-light-air #how-it-works .grid.md\:grid-cols-4 > div:nth-child(1) > div:first-child { background-image: url('/assets/icon-trust.svg') !important; }
body.home-light-air #how-it-works .grid.md\:grid-cols-4 > div:nth-child(2) > div:first-child { background-image: url('/assets/icon-documents.svg') !important; }
body.home-light-air #how-it-works .grid.md\:grid-cols-4 > div:nth-child(3) > div:first-child { background-image: url('/assets/icon-speed.svg') !important; }
body.home-light-air #how-it-works .grid.md\:grid-cols-4 > div:nth-child(4) > div:first-child { background-image: url('/assets/icon-payment.svg') !important; }
body.home-light-air #how-it-works .grid.md\:grid-cols-4 > div > div:first-child svg { opacity: 0 !important; }
body.home-light-air #how-it-works .grid.md\:grid-cols-4 > div:hover > div:first-child { filter: drop-shadow(0 10px 15px rgba(7,75,43,.13)); transform: translateY(-3px); }

body.home-light-air #about img[src*="/assets/icon-"] {
  width: 84px !important;
  height: 84px !important;
  max-width: 84px !important;
  object-fit: contain;
}

body.home-light-air .car-icon {
  border: 0;
  background: url('/assets/icon-vehicle.svg') center / contain no-repeat !important;
  box-shadow: none;
}
body.home-light-air .car-icon svg { opacity: 0; }

@media (max-width: 640px) {
  body.home-light-air #about img[src*="/assets/icon-"] {
    width: 72px !important;
    height: 72px !important;
    max-width: 72px !important;
  }
}
