.marketing-hero { position: relative; height: clamp(740px, 82vh, 840px); overflow: hidden; isolation: isolate; background: #f7fbff; }
.marketing-hero__slide { z-index: 0; }
.marketing-hero__media { position: absolute; inset: 0; overflow: hidden; }
.marketing-hero__media img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; transform: scale(1.015); transition: transform 8s ease; }
.marketing-hero__slide.is-active .marketing-hero__media img { transform: scale(1.055); }
.marketing-hero__media::after { position: absolute; inset: 0; content: ''; background: linear-gradient(90deg, rgba(255,255,255,.94) 0%, rgba(250,253,255,.82) 30%, rgba(247,251,255,.18) 56%, transparent 72%); }
.marketing-hero__content { position: relative; z-index: 1; display: flex; align-items: center; height: 100%; padding-block: 2.5rem 7.5rem; }
.marketing-hero__copy { width: min(52%, 620px); }
.marketing-eyebrow { display: inline-flex; align-items: center; gap: .6rem; margin: 0 0 1rem; color: #0678e8; font-size: .75rem; font-weight: 800; letter-spacing: .13em; text-transform: uppercase; }
.marketing-eyebrow::before { width: 1.4rem; height: 3px; content: ''; background: #ff8219; border-radius: 99px; }
.marketing-hero h1, .marketing-hero h2 { max-width: 620px; margin: 0; color: #101b38; font-size: clamp(2.9rem, 4vw, 4.6rem); font-weight: 800; line-height: 1.06; letter-spacing: -.048em; text-wrap: balance; }
.marketing-hero h1 span, .marketing-hero h2 span { color: #087cf1; }
.marketing-hero__lead { max-width: 540px; margin: 1.4rem 0 0; color: #465670; font-size: clamp(1rem, 1.4vw, 1.16rem); line-height: 1.6; }
.marketing-hero__actions { display: flex; flex-wrap: wrap; align-items: center; gap: 1.2rem; margin-top: 1.9rem; }
.marketing-hero__actions .site-button { min-height: 3.35rem; padding: .85rem 1.5rem; }
.marketing-text-link { color: #086fe0; font-weight: 700; text-decoration: underline; text-underline-offset: .28rem; }
.marketing-text-link:hover { color: #064eaa; }
.marketing-hero__reassurance { display: flex; flex-wrap: wrap; align-items: center; gap: .4rem; margin: 1.3rem 0 0; color: #64758a; font-size: .78rem; }
.marketing-hero__reassurance i { color: #238f69; }
.marketing-hero__controls { position: absolute; right: 0; bottom: 1.6rem; left: 0; z-index: 5; display: flex; align-items: center; gap: .75rem; }
.marketing-hero__controls > span { margin: 0 .3rem; color: #526a88; font-size: .75rem; font-weight: 700; }
.marketing-hero__controls > button { display: grid; place-items: center; width: 2.4rem; height: 2.4rem; border: 1px solid #cfdfef; border-radius: 50%; color: #31587f; background: rgba(255,255,255,.9); }
.marketing-hero__controls > button:hover { color: #fff; background: #087cf1; border-color: #087cf1; }
.marketing-hero__dots { display: flex; align-items: center; gap: .38rem; }
.marketing-hero__dots button { width: 2rem; height: .35rem; padding: 0; border: 0; border-radius: 9px; background: #b7cde4; transition: background .2s, width .2s; }
.marketing-hero__dots button[aria-pressed=true] { width: 3rem; background: #087cf1; }
.marketing-proof { scroll-margin-top: 6rem; background: #076deb; color: #fff; }
.marketing-proof__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); min-height: 110px; align-items: center; }
.marketing-proof__grid > div { display: flex; align-items: center; gap: 1rem; min-height: 60px; padding: .5rem 1.25rem; border-right: 1px solid rgba(255,255,255,.4); }
.marketing-proof__grid > div:first-child { padding-left: 0; }
.marketing-proof__grid > div:last-child { border-right: 0; padding-right: 0; }
.marketing-proof i { font-size: 1.7rem; }
.marketing-proof strong { font-size: clamp(.85rem, 1.25vw, 1.08rem); line-height: 1.25; }
.marketing-features, .marketing-how { padding: clamp(4rem, 7vw, 7rem) 0; }
.marketing-features { scroll-margin-top: 5rem; background: #fff; }
.marketing-features__grid { display: grid; grid-template-columns: .85fr 1.15fr; align-items: start; gap: clamp(2rem, 5vw, 5rem); }
.marketing-features__intro h2, .marketing-how h2, .marketing-final h2 { color: #121e3c; font-size: clamp(2.5rem, 4vw, 4.1rem); font-weight: 800; line-height: 1.08; letter-spacing: -.045em; }
.marketing-features__intro > p:not(.marketing-eyebrow) { max-width: 520px; color: #516078; line-height: 1.65; }
.marketing-features__photo { overflow: hidden; max-width: 480px; height: 220px; margin-top: 2rem; border-radius: 18px; }
.marketing-features__photo img { width: 100%; height: 100%; object-fit: cover; object-position: 70% 43%; }
.marketing-feature-cards { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; }
.marketing-feature-cards article { padding: 1.5rem; border: 1px solid #e5edf7; border-radius: 16px; background: #fff; box-shadow: 0 12px 35px rgba(17,55,102,.07); }
.marketing-feature-cards article > span { display: grid; place-items: center; width: 3rem; height: 3rem; margin-bottom: 1rem; border-radius: 12px; background: #eaf4ff; color: #087cf1; font-size: 1.45rem; }
.marketing-feature-cards h3 { margin: 0 0 .5rem; color: #152344; font-size: 1.18rem; font-weight: 800; line-height: 1.28; }
.marketing-feature-cards p { margin: 0; color: #56647a; font-size: .86rem; line-height: 1.55; }
.marketing-how { scroll-margin-top: 5rem; background: #f4f9ff; }
.marketing-how header { max-width: 720px; margin-bottom: 2rem; }
.marketing-how__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; }
.marketing-how__grid article { position: relative; min-height: 245px; padding: 1.5rem; border: 1px solid #dde9f7; border-radius: 16px; background: #fff; }
.marketing-how__grid article > span { display: inline-grid; place-items: center; width: 2rem; height: 2rem; border-radius: 50%; background: #ff8219; color: #fff; font-size: .75rem; font-weight: 800; }
.marketing-how__grid article > i { display: block; margin: 1rem 0 .7rem; color: #087cf1; font-size: 2rem; }
.marketing-how__grid h3 { margin: 0 0 .4rem; color: #152344; font-size: 1.2rem; font-weight: 800; }
.marketing-how__grid p { margin: 0; color: #56647a; font-size: .86rem; }
.marketing-final { padding: clamp(3rem, 5vw, 5rem) 0; background: #101e3b; }
.marketing-final__inner { display: flex; align-items: center; justify-content: space-between; gap: 2.5rem; }
.marketing-final .marketing-eyebrow { color: #80c4ff; }
.marketing-final h2 { max-width: 760px; margin: 0 0 .45rem; color: #fff; font-size: clamp(2rem, 3.4vw, 3.3rem); }
.marketing-final p:not(.marketing-eyebrow) { margin: 0; color: #c2d5e9; }
.marketing-final__action { display: grid; justify-items: center; flex: 0 0 auto; gap: .7rem; }
.marketing-final__action .site-button { min-height: 3.4rem; padding-inline: 1.5rem; white-space: nowrap; }
.marketing-final__action small { color: #b7cbe0; font-size: .72rem; }
.site-footer--marketing { padding: 3.4rem 0 1.2rem; color: #53647a; background: #fff; }
.site-footer--marketing .site-footer__grid { display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(0, .75fr) minmax(0, .85fr) minmax(0, 1.05fr); gap: clamp(1.6rem, 3.4vw, 3.4rem); }
.site-footer--marketing .site-footer__identity img { display: block; width: 126px; height: auto; margin-bottom: 1rem; }
.site-footer--marketing .site-footer__identity p { max-width: 300px; margin: 0 0 .75rem; font-size: .88rem; line-height: 1.5; }
.site-footer--marketing a { color: #405674; font-size: .82rem; }
.site-footer--marketing a:hover { color: #087cf1; }
.site-footer--marketing .site-footer__identity a { color: #087cf1; font-weight: 700; }
.site-footer--marketing .site-footer__menu { display: grid; align-content: start; justify-items: start; gap: .8rem; }
.site-footer--marketing .site-footer__menu strong { margin-bottom: .2rem; color: #172543; font-size: .84rem; }
.site-footer--marketing .site-footer__bottom { margin-top: 2.7rem; padding-top: 1.1rem; border-color: #e2ebf5; color: #7b8ba2; font-size: .73rem; }
.about-brand-hero { padding: clamp(3.5rem, 6vw, 6rem) 0; background: linear-gradient(125deg, #f5faff, #fff); }
.about-brand-hero__grid { display: grid; grid-template-columns: .95fr 1.05fr; align-items: center; gap: clamp(2rem, 5vw, 5rem); }
.about-brand-hero h1 { max-width: 680px; margin: 0 0 1.2rem; color: #101e3b; font-size: clamp(3rem, 5vw, 5rem); line-height: 1.05; letter-spacing: -.05em; }
.about-brand-hero p:not(.marketing-eyebrow) { max-width: 570px; margin-bottom: 1.7rem; color: #52647a; font-size: 1.03rem; }
.about-brand-hero img { width: 100%; height: clamp(350px, 34vw, 500px); object-fit: cover; object-position: 68% center; border-radius: 24px; box-shadow: 0 25px 60px rgba(28,66,114,.12); }
.about-brand-values { padding: clamp(4rem, 7vw, 6rem) 0; }
.about-brand-values__intro { max-width: 700px; margin-bottom: 2rem; }
.about-brand-values h2, .about-brand-story h2 { margin: 0; color: #101e3b; font-size: clamp(2.5rem, 4vw, 4rem); line-height: 1.1; letter-spacing: -.04em; }
.about-brand-values__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem; }
.about-brand-values article { padding: 1.8rem; border: 1px solid #e1eaf4; border-radius: 18px; background: #fff; box-shadow: 0 10px 35px rgba(28,66,114,.06); }
.about-brand-values article i { display: grid; place-items: center; width: 3rem; height: 3rem; margin-bottom: 1.1rem; border-radius: 12px; background: #eaf4ff; color: #087cf1; font-size: 1.5rem; }
.about-brand-values h3 { color: #132441; font-size: 1.18rem; font-weight: 800; }
.about-brand-values article p { margin: .6rem 0 0; color: #56677d; font-size: .88rem; }
.about-brand-story { padding: clamp(4rem, 7vw, 6rem) 0; background: #f4f9ff; }
.about-brand-story__grid { display: grid; grid-template-columns: 1fr 1fr; align-items: center; gap: clamp(2rem, 6vw, 6rem); }
.about-brand-story img { width: 100%; height: 430px; object-fit: cover; object-position: 68% center; border-radius: 22px; }
.about-brand-story p:not(.marketing-eyebrow) { color: #53647c; }
.about-brand-story ul { display: grid; gap: .55rem; margin: 1.3rem 0; padding: 0; list-style: none; color: #182e4c; font-weight: 700; }
.about-brand-story li i { margin-right: .5rem; color: #087cf1; }
@media (max-width: 1020px) { .marketing-hero__copy { width: min(59%, 650px); } .marketing-features__grid { grid-template-columns: 1fr; } .marketing-features__photo { display: none; } }
@media (max-width: 720px) {
  .marketing-hero { height: 850px; }
  .marketing-hero__media { inset: 0 0 auto; height: 240px; }
  .marketing-hero__media img { object-position: 70% center; }
  .marketing-hero__media::after { background: linear-gradient(180deg, transparent 20%, rgba(247,251,255,.18) 55%, #f7fbff 100%); }
  .marketing-hero__content { align-items: flex-end; padding-block: 2rem 6.5rem; }
  .marketing-hero__copy { width: 100%; }
  .marketing-hero h1, .marketing-hero h2 { font-size: clamp(2.45rem, 9vw, 3.5rem); }
  .marketing-hero__lead { margin-top: 1rem; font-size: .92rem; }
  .marketing-hero__actions { margin-top: 1.35rem; }
  .marketing-hero__controls { bottom: 1.35rem; }
  .marketing-proof__grid { grid-template-columns: 1fr; padding-block: .7rem; }
  .marketing-proof__grid > div { min-height: 62px; padding: .4rem 0; border-right: 0; border-bottom: 1px solid rgba(255,255,255,.28); }
  .marketing-proof__grid > div:last-child { border-bottom: 0; }
  .marketing-feature-cards { grid-template-columns: 1fr; }
  .marketing-how__grid { grid-template-columns: 1fr; }
  .marketing-how__grid article { min-height: 0; }
  .marketing-final__inner { display: grid; gap: 1.5rem; }
  .marketing-final__action { justify-items: start; }
  .site-footer--marketing .site-footer__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 2rem 1rem; }
  .site-footer--marketing .site-footer__identity { grid-column: 1 / -1; }
  .about-brand-hero__grid, .about-brand-values__grid, .about-brand-story__grid { grid-template-columns: 1fr; }
  .about-brand-hero img { height: 300px; }
  .about-brand-story img { height: 290px; }
}