.hero {
  border-radius: 30px;
  background: var(--air-gradient-panel, linear-gradient(186deg, #1C207E 4.74%, #151858 95.23%)); /* DS-TRUTH dark panel (was purple --Drk-Gradient) */
  padding:100px 32px;
  container-type: inline-size;
  container-name: hero;
}
.hero.hero--img.hero--img-bottom {
  padding:100px 32px 0;
}
.hero__wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 32px; /* homepage copy->CTA measurement (was 60) */
}
.hero.hero--img.hero--img-bottom .hero__wrapper {
  padding-bottom:100px;
}
.hero__content {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.hero__eyebrow {
  color: var(--air-pear, #D6DD21);
}
.hero__title {
  color: var(--White, #FFF);   
  margin-bottom:0;
}
.hero__copy {
  color: var(--White, #FFF);
}
.hero__inner {
  display: flex;
  align-items: center;
  max-width: var(--inner-container-width, 1024px);
  margin:0 auto;
}
.hero--img .hero__inner .hero__wrapper,
.hero--img .hero__inner .hero__image-container {
  min-width:50%;
  flex-basis:50%;
}
.hero.hero--img.hero--img-bottom .hero__image-container {
  align-self:flex-end;
}
@media (max-width:1024px) {
  .hero__inner {
    flex-direction: column;
    gap:2rem;
  }
  .hero.hero--img.hero--img-bottom .hero__image-container {
    align-self:center;
  }
  .hero.hero--img.hero--img-bottom .hero__wrapper {
    padding-bottom:32px;
  }
}
@media (max-width:768px) {
  .hero {
      padding:64px 32px;
  }
  .hero.hero--img.hero--img-bottom {
    padding:64px 32px 0;
  }
  .hero.hero--img.hero--img-bottom .hero__wrapper {
    padding-bottom:32px;
  }
}
/**/
.hero__blocks {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 2rem;
    color:#fff;
    width: 100%;
}
.hero__blocks__block {
    border-left: 2px solid var(--air-pear, #D6DD21); /* solid pear divider (fade/gradient borders retired, DS-TRUTH) */
    padding-left: 10%;
    display: flex;
    flex-direction: column;
    gap: .5rem;
}
.hero__block__eyebrow {
    color: var(--air-pear, #D6DD21);
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 1.2px;
    text-transform: uppercase;
}
.hero__block__subtext {
    font-size: 14px;
    font-weight: 400;
}
@container hero (max-width:500px) {
  .hero__blocks {
      grid-template-columns: repeat(1, 1fr);
  }
  .hero__blocks__block {
      border-left:none;
      border-top: 2px solid var(--air-pear, #D6DD21);
      padding-top: 1.5rem;
      padding-left:0;
  }
}
/* image corner radius control (default 0 = unchanged) */
.hero__image-container img{border-radius:var(--hero-img-radius,0);}
/* ===== layout + image-position options (additive, 2026-08-31) ===== */
/* column splits (default 50-50 keeps legacy rule) */
.hero--img.hero--split-40-60 .hero__inner .hero__wrapper{min-width:40%;flex-basis:40%;}
.hero--img.hero--split-40-60 .hero__inner .hero__image-container{min-width:60%;flex-basis:60%;}
.hero--img.hero--split-60-40 .hero__inner .hero__wrapper{min-width:60%;flex-basis:60%;}
.hero--img.hero--split-60-40 .hero__inner .hero__image-container{min-width:40%;flex-basis:40%;}
/* breakout: image escapes the 1024px inner and runs to the panel's edge */
.hero--pos-breakout,
.hero--pos-breakout-bottom{overflow:hidden;padding-right:0;}
.hero--img .hero__inner{gap:2rem;}
.hero--pos-breakout .hero__inner,
.hero--pos-breakout-bottom .hero__inner{max-width:none;padding-left:max(32px,calc((100% - var(--inner-container-width,1024px)) / 2));}
.hero--pos-breakout .hero__image-container,
.hero--pos-breakout-bottom .hero__image-container{align-self:stretch;display:flex;align-items:center;}
.hero--pos-breakout .hero__image-container,
.hero--pos-breakout-bottom .hero__image-container{position:relative;min-height:100%;}
.hero--pos-breakout .hero__image-container img,
.hero--pos-breakout-bottom .hero__image-container img{position:absolute;inset:0;width:100% !important;height:100% !important;max-width:none !important;object-fit:cover;display:block;border-radius:var(--hero-img-radius,16px) 0 0 var(--hero-img-radius,16px);} /* !important: the image field emits inline max-width/height:auto */
/* breakout + flush bottom: image sits on the panel floor; text column keeps
   its breathing room so the CTA never rides the panel edge */
.hero--pos-breakout-bottom{padding-bottom:0;}
.hero--pos-breakout-bottom .hero__wrapper{padding-bottom:100px;}
@media (max-width:768px){.hero--pos-breakout-bottom .hero__wrapper{padding-bottom:32px;}}
.hero--pos-breakout-bottom .hero__image-container{align-items:flex-end;}
.hero--pos-breakout-bottom .hero__image-container img{border-radius:var(--hero-img-radius,16px) 0 0 0;object-position:top;}
@media (max-width:1024px){
  .hero--pos-breakout,.hero--pos-breakout-bottom{padding-right:32px;}
  .hero--pos-breakout .hero__inner,.hero--pos-breakout-bottom .hero__inner{padding-left:0;max-width:var(--inner-container-width,1024px);}
  .hero--pos-breakout .hero__image-container img,.hero--pos-breakout-bottom .hero__image-container img{border-radius:var(--hero-img-radius,16px);}
}

/* ===== right-column content selector + on-dark secondary CTA (additive, 2026-09-02) =====
   style.media.type = image (default, legacy render above) | form | html | none.
   Everything below is scoped to .hero--media-form / .hero--media-html / .hero--media-none
   or to the optional secondary CTA, so the default render is untouched. */
/* secondary CTA: outline pill on the dark panel (no fill, no arrow glyph) */
.hero__cta--pair{display:flex;flex-wrap:wrap;align-items:center;gap:12px;}
.hero .hero__cta .airbtn--secondary{background-image:none;background-color:transparent;border:1.372px solid rgba(255,255,255,.45);color:#fff;}
.hero .hero__cta .airbtn--secondary::before{display:none;}
.hero .hero__cta .airbtn--secondary:hover,
.hero .hero__cta .airbtn--secondary:focus{background-color:rgba(255,255,255,.08);border-color:#fff;color:#fff;background-position:0 0;}
/* none: text column runs the full inner width */
.hero--media-none .hero__wrapper{width:100%;flex-basis:100%;}
/* form / html: same column splits as the image (gap absorbed inside the split so nothing overflows) */
.hero--media-form .hero__inner,
.hero--media-html .hero__inner{gap:2rem;align-items:center;}
.hero--media-form .hero__wrapper,
.hero--media-html .hero__wrapper{flex:0 0 calc(50% - 1rem);min-width:0;}
.hero--media-form .hero__media,
.hero--media-html .hero__media{flex:0 0 calc(50% - 1rem);min-width:0;}
.hero--split-40-60.hero--media-form .hero__wrapper,
.hero--split-40-60.hero--media-html .hero__wrapper{flex-basis:calc(40% - 1rem);}
.hero--split-40-60.hero--media-form .hero__media,
.hero--split-40-60.hero--media-html .hero__media{flex-basis:calc(60% - 1rem);}
.hero--split-60-40.hero--media-form .hero__wrapper,
.hero--split-60-40.hero--media-html .hero__wrapper{flex-basis:calc(60% - 1rem);}
.hero--split-60-40.hero--media-form .hero__media,
.hero--split-60-40.hero--media-html .hero__media{flex-basis:calc(40% - 1rem);}
/* html: no chrome — embeds/custom markup just fill the column */
.hero__media--html{color:#fff;}
.hero__media--html > *{max-width:100%;}
.hero__media--html iframe,
.hero__media--html img,
.hero__media--html video{max-width:100%;display:block;}
/* form: floating white card (homepage card language: 24px radius, no border, DS shadow;
   a deeper lift is added because the DS shadow is tuned for light ground) */
.hero__formcard{background:#fff;color:var(--air-navy,#151858);border-radius:24px;padding:32px 28px;box-shadow:0 12px 34px rgba(21,23,86,.08),0 24px 64px rgba(8,10,52,.35);box-sizing:border-box;}
.hero__form-title{font-size:22px;font-weight:600;line-height:1.25;letter-spacing:-.02em;color:var(--air-navy,#151858);margin:0 0 18px;}
.hero__form-placeholder{padding:20px;border:1px dashed #B5B5EA;border-radius:10px;text-align:center;color:var(--air-navy-soft,#3C3F7E);}
/* legacy .hs-form renderer */
.hero__formcard .form-title{display:none;}
.hero__formcard .hs-richtext:empty{display:none;}
.hero__formcard form{background:transparent;}
.hero__formcard .hs-form fieldset{max-width:none !important;}
.hero__formcard .hs-form-field{margin-bottom:14px;}
.hero__formcard .hs-form-field>label{display:block;font-size:13px;font-weight:600;color:var(--air-navy-soft,#3C3F7E);margin-bottom:6px;font-family:"Plus Jakarta Sans",sans-serif;}
.hero__formcard .hs-form-required{color:#E4573D;margin-left:2px;}
.hero__formcard .hs-input{width:100% !important;box-sizing:border-box;height:auto;padding:12px 14px;border:1px solid #B5B5EA;border-radius:10px;background:#fff;color:var(--air-navy,#151858);font-family:"Plus Jakarta Sans",sans-serif;font-size:14.5px;line-height:1.4;}
.hero__formcard .hs-input::placeholder{color:#9CA0C9;}
.hero__formcard .hs-input:focus{outline:2px solid var(--air-blue,#396CE3);outline-offset:0;border-color:var(--air-blue,#396CE3);}
.hero__formcard textarea.hs-input{min-height:96px;resize:vertical;}
.hero__formcard .hs-input[type=checkbox],
.hero__formcard .hs-input[type=radio]{width:auto !important;height:auto;}
.hero__formcard fieldset.form-columns-2 .hs-form-field:first-child{padding-right:6px;}
.hero__formcard fieldset.form-columns-2 .hs-form-field:last-child{padding-left:6px;}
.hero__formcard ul.hs-error-msgs{list-style:none;margin:6px 0 0;padding:0;}
.hero__formcard ul.hs-error-msgs label{color:#C0392B;font-size:12px;font-weight:600;}
.hero__formcard .legal-consent-container,
.hero__formcard .legal-consent-container .hs-richtext,
.hero__formcard .legal-consent-container .hs-form-booleancheckbox-display>span{color:var(--air-copy,#575755);font-size:12.5px;line-height:1.5;}
.hero__formcard .hs-submit .actions{margin:0;padding:0;}
/* submit = the theme's lime .airbtn look, full width */
.hero__formcard .hs-button{width:100% !important;box-sizing:border-box;border-radius:30px;border:1.372px solid var(--air-green,#89C33F);background-image:var(--air-gradient-lime,linear-gradient(0deg,#89C33F 0%,#D6DD21 100%));background-color:#D6DD21;background-repeat:no-repeat;padding:13px 20px;color:var(--air-navy,#151858);font-family:"Plus Jakarta Sans",sans-serif;font-size:15px;font-weight:500;line-height:1;letter-spacing:-.45px;cursor:pointer;text-shadow:none;box-shadow:none;height:auto;margin-top:6px;transition:all .35s ease-in;}
.hero__formcard .hs-button:hover,
.hero__formcard .hs-button:focus{color:var(--air-navy,#151858);background-position:0 50px;}
.hero__formcard .submitted-message{background:transparent !important;color:var(--air-navy,#151858);font-size:15px;line-height:1.6;padding:8px 0;}
.hero__formcard .submitted-message p{color:var(--air-copy,#575755);margin:0 0 8px;}
/* new (hsfc-*) renderer — injects its own light styles, so !important wins */
.hero__formcard .hs-form-html,
.hero__formcard .hs-form-html *{font-family:"Plus Jakarta Sans",sans-serif !important;}
.hero__formcard .hs-form-html form,
.hero__formcard [data-hsfc-id=Renderer],
.hero__formcard [data-hsfc-id=Renderer] .hsfc-Form,
.hero__formcard [data-hsfc-id=Renderer] .hsfc-Step,
.hero__formcard [data-hsfc-id=Renderer] .hsfc-Step__Content{background:transparent !important;padding:0 !important;box-shadow:none !important;}
.hero__formcard [data-hsfc-id=Renderer] .hsfc-Row{margin-bottom:12px;}
.hero__formcard .hs-form-html label,
.hero__formcard .hs-form-html label *{background:transparent !important;color:var(--air-navy-soft,#3C3F7E) !important;font-size:13px !important;font-weight:600 !important;}
.hero__formcard .hs-form-html label [class*="Required"]{color:#E4573D !important;}
.hero__formcard .hs-form-html input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]),
.hero__formcard .hs-form-html select,
.hero__formcard .hs-form-html [role=combobox],
.hero__formcard .hs-form-html textarea,
.hero__formcard [data-hsfc-id=Renderer] .hsfc-TextInput,
.hero__formcard [data-hsfc-id=Renderer] .hsfc-TextareaInput,
.hero__formcard [data-hsfc-id=Renderer] .hsfc-PhoneInput input{background:#fff !important;border:1px solid #B5B5EA !important;border-radius:10px !important;color:var(--air-navy,#151858) !important;font-size:14.5px !important;padding:12px 14px !important;box-shadow:none !important;width:100%;box-sizing:border-box;}
.hero__formcard .hs-form-html [class*="Dropdown"]:not(select):not(input):not(button):not([role=combobox]):not(option):not([role=listbox]):not([class*="Option"]):not([class*="Menu"]),
.hero__formcard .hs-form-html [class*="Phone"]:not(select):not(input):not(button){background:transparent !important;border:none !important;padding:0 !important;box-shadow:none !important;}
.hero__formcard .hs-form-html textarea{min-height:96px;resize:vertical;}
.hero__formcard .hs-form-html [class*="Error"],
.hero__formcard .hs-form-html [class*="Error"] *{background:transparent !important;color:#C0392B !important;font-size:12px !important;}
.hero__formcard .hs-form-html [class*="Consent"],
.hero__formcard .hs-form-html [class*="Consent"] *,
.hero__formcard .hsfc-RichText,
.hero__formcard .hsfc-RichText *{background:transparent !important;color:var(--air-copy,#575755) !important;font-size:12.5px !important;line-height:1.5 !important;}
.hero__formcard [data-hsfc-id=Renderer] .hsfc-Button,
.hero__formcard .hsfc-NavigationRow button,
.hero__formcard .hs-form-html button[type=submit]{width:100% !important;border-radius:30px !important;border:1.372px solid var(--air-green,#89C33F) !important;background-image:var(--air-gradient-lime,linear-gradient(0deg,#89C33F 0%,#D6DD21 100%)) !important;background-color:#D6DD21 !important;background-repeat:no-repeat !important;padding:13px 20px !important;color:var(--air-navy,#151858) !important;font-size:15px !important;font-weight:500 !important;line-height:1 !important;letter-spacing:-.45px !important;cursor:pointer;box-shadow:none !important;text-shadow:none !important;transition:all .35s ease-in !important;}
.hero__formcard [data-hsfc-id=Renderer] .hsfc-Button:hover,
.hero__formcard .hs-form-html button[type=submit]:hover{background-position:0 50px !important;}
.hero__formcard .hs-form-html [class*="Phone"] button{width:auto !important;background:#fff !important;background-image:none !important;border:1px solid #B5B5EA !important;border-radius:10px !important;color:var(--air-navy,#151858) !important;font-size:14px !important;font-weight:400 !important;padding:11px 12px !important;margin-right:8px;}
.hero__formcard .hs-form-html [class*="ThankYou"],
.hero__formcard .hs-form-html [class*="ThankYou"] *{background:transparent !important;color:var(--air-navy,#151858) !important;}
/* stacking (<=1024px the inner already goes column; media + text take the full width) */
@media (max-width:1024px){
  .hero--media-form .hero__wrapper,
  .hero--media-html .hero__wrapper,
  .hero--media-form .hero__media,
  .hero--media-html .hero__media{flex-basis:auto;width:100%;}
}
@media (max-width:768px){
  .hero__formcard{padding:28px 22px;border-radius:20px;}
  .hero__formcard fieldset.form-columns-2 .hs-form-field{padding-left:0;padding-right:0;}
}