:root {
  --hom-ink: #161c2d;
  --hom-white: #ffffff;
  --hom-pink: #ef4493;
  --hom-orange: #ff8500;
  --hom-indigo: #382594;
  --hom-grey: #474747;
  --hom-lilac: #ece8f8;
  --hom-magenta: #9b0d9b;
  --hom-indigo-deep: #1a0a7a;
  --hom-navy: #0c0628;
  --hom-trail-active: #4a2594;
  --hom-header-h: 4.75rem;
  --backdrop-night: 0;
  --hom-ease: cubic-bezier(0.22, 1, 0.36, 1);
  --hom-radius: 16px;
  --hom-pill: 999px;
  --hom-container: 80rem;
  --hom-section: 100px;
  --hom-heading-lh: 1.08;
  --hom-h2-lh: 1.12;
  --hom-wrap-inset: 2.5rem;
  --hom-wrap-inset-md: 3rem;
  --hom-hero-pad-y: 3.5rem;
  --hom-hero-pad-left: 6rem;
  --hom-hero-pad-right-extra: 4rem;
  --hom-logo-bar-pad-y: 1.25rem;
  --hom-logo-bar-pad-y-md: 1.5rem;
  --hom-logo-bar-pad-x-md: 3rem;
  --hom-hero-gradient: radial-gradient(ellipse at top right, rgba(239, 68, 147, 0.78) 0%, rgba(239, 68, 147, 0) 52%),
    radial-gradient(ellipse at bottom left, rgba(26, 10, 122, 0.95) 0%, rgba(26, 10, 122, 0) 48%), linear-gradient(90deg, #2f11c7 0%, #2f11c7 100%);
  --hom-gradient-purple: linear-gradient(105.74deg, #f3effb 17.4%, #cfc3ee 53.03%, #f3effb 84.78%);
  --hom-logo-strip: linear-gradient(180deg, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0.03));
  --hom-shadow-card: 0px 8px 24px 0px rgba(22, 28, 45, 0.05);
}

html.hom-v2,
body.hom-v2 {
  overflow-x: clip;
  background: var(--hom-white);
  color: var(--hom-grey);
  font-family: var(--hom-font-body, Inter, sans-serif);
  font-weight: var(--hom-body-weight, 400);
  font-style: var(--hom-body-style, normal);
  letter-spacing: var(--hom-body-tracking, 0em);
  scroll-behavior: smooth;
  scroll-padding-top: 6rem;
}

body.hom-v2 {
  margin: 0;
}

.editor-styles-wrapper {
  background: var(--hom-white);
  color: var(--hom-grey);
  font-family: var(--hom-font-body, Inter, sans-serif);
}

:is(body.hom-v2, .editor-styles-wrapper) h1 {
  font-family: var(--hom-font-h1, 'DM Sans', sans-serif);
  color: var(--hom-ink);
}

:is(body.hom-v2, .editor-styles-wrapper) h2 {
  font-family: var(--hom-font-h2, 'DM Sans', sans-serif);
  color: var(--hom-ink);
}

:is(body.hom-v2, .editor-styles-wrapper) h3 {
  font-family: var(--hom-font-h3, 'DM Sans', sans-serif);
  color: var(--hom-ink);
}

:is(body.hom-v2, .editor-styles-wrapper) .hom-v2-hero h1,
:is(body.hom-v2, .editor-styles-wrapper) .hom-v2-hero h2,
:is(body.hom-v2, .editor-styles-wrapper) .hom-v2-hero .wp-block-heading,
:is(body.hom-v2, .editor-styles-wrapper) .hom-v2-hero__kicker,
:is(body.hom-v2, .editor-styles-wrapper) .hom-v2-hero__title {
  color: var(--hom-white);
}

.hom-v2-page {
  position: relative;
  min-height: 100vh;
}

/*
 * Gutenberg puts justify-content / flex-wrap on a unique .wp-container-* class, and display:flex
 * on .is-layout-flex in theme global styles. Landing pages often never get that second rule
 * (classic theme, or global styles skipped), so a "center" group stays display:block and the
 * button stays left. Restore the layout primitives here.
 */
:is(body.hom-v2, .editor-styles-wrapper) .is-layout-flex,
:is(body.hom-v2, .editor-styles-wrapper) .wp-block-group-is-layout-flex,
:is(body.hom-v2, .editor-styles-wrapper) .wp-block-buttons-is-layout-flex {
  display: flex;
}

:is(body.hom-v2, .editor-styles-wrapper) .is-layout-grid,
:is(body.hom-v2, .editor-styles-wrapper) .wp-block-group-is-layout-grid {
  display: grid;
}

:is(body.hom-v2, .editor-styles-wrapper) .is-content-justification-left,
:is(body.hom-v2, .editor-styles-wrapper) .is-content-justification-start {
  justify-content: flex-start;
}

:is(body.hom-v2, .editor-styles-wrapper) .is-content-justification-center {
  justify-content: center;
}

:is(body.hom-v2, .editor-styles-wrapper) .is-content-justification-right,
:is(body.hom-v2, .editor-styles-wrapper) .is-content-justification-end {
  justify-content: flex-end;
}

:is(body.hom-v2, .editor-styles-wrapper) .is-content-justification-space-between {
  justify-content: space-between;
}

:is(body.hom-v2, .editor-styles-wrapper) .is-layout-flex > .wp-block-group__inner-container,
:is(body.hom-v2, .editor-styles-wrapper) .is-layout-flex > .wp-block-buttons__inner-container {
  display: contents;
}

.hom-v2-backdrop {
  position: fixed;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background: var(--hom-gradient-purple);
  opacity: var(--backdrop-night, 0);
  transition: opacity 0.12s linear;
}

.hom-v2-page__inner {
  position: relative;
  z-index: 1;
}

.hom-v2-wrap {
  width: min(100% - (var(--hom-wrap-inset) * 2), var(--hom-container));
  margin-inline: auto;
}

@media (min-width: 768px) {
  :root {
    --hom-wrap-inset: var(--hom-wrap-inset-md, 3rem);
  }
}

.hom-v2-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
  border-radius: var(--hom-pill);
  padding: 0.75rem 2rem;
  font-family: 'DM Sans', sans-serif;
  font-size: 1.25rem;
  line-height: 1.3;
  font-weight: 600;
  text-decoration: none;
  background: var(--hom-orange);
  color: var(--hom-white);
  transition: opacity 0.9s var(--hom-ease);
}

.hom-v2-btn:hover {
  opacity: 0.9;
  color: var(--hom-white);
}

@media (min-width: 768px) {
  .hom-v2-btn {
    padding: 1.25rem 2.5rem;
    font-size: 1.5rem;
    line-height: 1.75rem;
  }
}

.hom-v2-chip {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 1.125rem;
  line-height: 1.5rem;
  letter-spacing: 0.4px;
  font-weight: 600;
  text-transform: uppercase;
  text-decoration: none;
  color: var(--hom-indigo);
  transition: color 0.9s var(--hom-ease);
}

.hom-v2-chip:hover {
  color: var(--hom-pink);
  text-decoration: underline;
}

.hom-v2-chip--button {
  border: 1px solid rgba(22, 28, 45, 0.1);
  background: var(--hom-white);
  border-radius: var(--hom-pill);
  padding: 0.75rem 1.25rem;
  box-shadow: 0 1px 2px rgba(22, 28, 45, 0.06);
}

.hom-v2-chip--button:hover {
  border-color: var(--hom-pink);
  text-decoration: none;
}

.hom-v2-section {
  padding-block: var(--hom-section);
}

.hom-v2-h2 {
  margin: 0;
  font-family: var(--hom-font-h2, 'DM Sans', sans-serif);
  font-size: var(--hom-h2-size-sm, 2.25rem);
  font-weight: var(--hom-h2-weight, 600);
  font-style: var(--hom-h2-style, normal);
  line-height: var(--hom-h2-lh-sm, var(--hom-h2-lh, 1.12));
  letter-spacing: var(--hom-h2-tracking, 0em);
  color: var(--hom-ink);
}

.hom-v2-eyebrow {
  margin: 0 0 0.75rem;
  font-family: 'DM Sans', sans-serif;
  font-size: 0.875rem;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--hom-grey);
}

@media (min-width: 768px) {
  .hom-v2-h2 {
    font-size: var(--hom-h2-size, 3.5rem);
    line-height: var(--hom-h2-lh, 1.12);
  }
}

:is(body.hom-v2, .editor-styles-wrapper) .hom-v2-page.alignfull {
  width: 100vw;
  max-width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
}

:is(body.hom-v2, .editor-styles-wrapper) .hom-lp-header {
  --hom-header-h: 4.75rem;
  width: 100%;
  max-width: none;
  background-color: #2f11c7;
  background-image: var(--hom-hero-gradient);
  background-repeat: no-repeat;
  /*
   * The header is sticky (frozen on screen once scrolled) and the hero scrolls normally beneath
   * it, sharing the same gradient. With the default `background-attachment: scroll`, each box's
   * background is glued to that box, so as the hero moves and the header doesn't, the shared
   * gradient drifts out of alignment: it looks like the colour is "moving" past the header. Fixed
   * attachment paints both from the same viewport-anchored image instead, so the seam never shifts.
   */
  background-attachment: fixed;
  background-size: 100% 100svh;
  background-position: 0 0;
  color: var(--hom-white);
  box-shadow: none;
}

:is(body.hom-v2, .editor-styles-wrapper) .hom-lp-header .hom-lp-header__inner {
  width: 100%;
  max-width: none;
  margin-inline: 0;
  padding-inline: 1.5rem;
  display: flex;
  align-items: center;
  gap: 1rem;
}

@media (min-width: 768px) {
  :is(body.hom-v2, .editor-styles-wrapper) .hom-lp-header .hom-lp-header__inner {
    padding-inline: 3rem;
  }
}

@media (min-width: 1100px) {
  :is(body.hom-v2, .editor-styles-wrapper) .hom-lp-header .hom-lp-header__inner {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
  }

  :is(body.hom-v2, .editor-styles-wrapper) .hom-lp-header__toggle {
    display: none;
  }

  :is(body.hom-v2, .editor-styles-wrapper) .hom-lp-header__nav {
    display: flex;
    position: relative;
    top: auto;
    left: auto;
    right: auto;
    flex-direction: row;
    align-items: center;
    justify-self: center;
    justify-content: center;
    flex: none;
    width: auto;
    max-width: 100%;
    max-height: none;
    overflow: visible;
    background: transparent;
    border: 0;
    box-shadow: none;
    padding: 0;
  }

  :is(body.hom-v2, .editor-styles-wrapper) .hom-lp-header__menu {
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    gap: 0.15rem 0.55rem;
  }

  :is(body.hom-v2, .editor-styles-wrapper) .hom-lp-header__top-link,
  :is(body.hom-v2, .editor-styles-wrapper) .hom-lp-header__trigger {
    width: auto;
    justify-content: center;
    white-space: nowrap;
    padding: 0.55rem 0.4rem;
    font-size: 0.88rem;
  }

  :is(body.hom-v2, .editor-styles-wrapper) .hom-lp-header__cta--desktop {
    display: inline-flex;
  }

  :is(body.hom-v2, .editor-styles-wrapper) .hom-lp-header__cta--mobile {
    display: none;
  }

  :is(body.hom-v2, .editor-styles-wrapper) .hom-lp-header__panel-wrap {
    position: absolute;
    top: 100%;
    padding-top: 0.5rem;
    margin: 0;
  }

  :is(body.hom-v2, .editor-styles-wrapper) .hom-lp-header__item.is-open > .hom-lp-header__panel-wrap,
  :is(body.hom-v2, .editor-styles-wrapper) .hom-lp-header__item--has-panel:hover > .hom-lp-header__panel-wrap,
  :is(body.hom-v2, .editor-styles-wrapper) .hom-lp-header__item--has-panel:focus-within > .hom-lp-header__panel-wrap {
    display: block;
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
  }
}

:is(body.hom-v2, .editor-styles-wrapper) .hom-lp-header__brand {
  justify-self: start;
}

@media (max-width: 1099.98px) {
  :is(body.hom-v2, .editor-styles-wrapper) .hom-lp-header__nav {
    left: 0;
    right: 0;
    width: 100%;
    max-width: none;
    justify-self: stretch;
  }

  /*
   * The open mobile menu is a full-screen takeover, not a dropdown: a solid background the exact
   * height of the remaining viewport, so nothing behind it (page content that scrolled while the
   * menu was open) shows through the gap below a short menu.
   */
  :is(body.hom-v2, .editor-styles-wrapper) .hom-lp-header.is-nav-open .hom-lp-header__nav {
    height: calc(100vh - var(--hom-header-h, 4.75rem));
    height: calc(100dvh - var(--hom-header-h, 4.75rem));
  }

  :is(body.hom-v2, .editor-styles-wrapper) .hom-lp-header__nav-inner,
  :is(body.hom-v2, .editor-styles-wrapper) .hom-lp-header__menu {
    justify-content: flex-start;
  }

  :is(body.hom-v2, .editor-styles-wrapper) .hom-lp-header__nav-inner {
    /* Without this the base desktop rule's `flex: 1 1 auto` stretches nav-inner to fill the whole
       open panel, pushing the CTA below it down to the bottom instead of right after the menu. */
    flex: none;
    display: block;
    width: 100%;
  }

  :is(body.hom-v2, .editor-styles-wrapper) .hom-lp-header__menu,
  :is(body.hom-v2, .editor-styles-wrapper) .hom-lp-header__item,
  :is(body.hom-v2, .editor-styles-wrapper) .hom-lp-header__top-link,
  :is(body.hom-v2, .editor-styles-wrapper) .hom-lp-header__trigger {
    width: 100%;
  }
}

@media (min-width: 1100px) {
  :is(body.hom-v2, .editor-styles-wrapper) .hom-lp-header__nav-inner {
    display: flex;
    justify-content: center;
  }

  :is(body.hom-v2, .editor-styles-wrapper) .hom-lp-header__menu {
    justify-content: center;
  }
}

:is(body.hom-v2, .editor-styles-wrapper) .hom-lp-header__cta--desktop {
  justify-self: end;
}

:is(body.hom-v2, .editor-styles-wrapper) .hom-lp-header.is-scrolled,
:is(body.hom-v2, .editor-styles-wrapper) .hom-lp-header.is-nav-open {
  background: var(--hom-white);
  color: var(--hom-ink);
  box-shadow: var(--hom-shadow-card);
}

:is(body.hom-v2, .editor-styles-wrapper) .hom-lp-header:not(.is-scrolled):not(.is-nav-open) .hom-lp-header__logo--color {
  display: none;
}

:is(body.hom-v2, .editor-styles-wrapper) .hom-lp-header:not(.is-scrolled):not(.is-nav-open) .hom-lp-header__logo--on-dark {
  display: block;
}

:is(body.hom-v2, .editor-styles-wrapper) .hom-lp-header.is-scrolled .hom-lp-header__logo--on-dark,
:is(body.hom-v2, .editor-styles-wrapper) .hom-lp-header.is-nav-open .hom-lp-header__logo--on-dark {
  display: none;
}

:is(body.hom-v2, .editor-styles-wrapper) .hom-lp-header.is-scrolled .hom-lp-header__logo--color,
:is(body.hom-v2, .editor-styles-wrapper) .hom-lp-header.is-nav-open .hom-lp-header__logo--color {
  display: block;
}

:is(body.hom-v2, .editor-styles-wrapper) .hom-lp-header:not(.is-scrolled):not(.is-nav-open) .hom-lp-header__top-link,
:is(body.hom-v2, .editor-styles-wrapper) .hom-lp-header:not(.is-scrolled):not(.is-nav-open) .hom-lp-header__trigger,
:is(body.hom-v2, .editor-styles-wrapper) .hom-lp-header:not(.is-scrolled):not(.is-nav-open) .hom-lp-header__toggle {
  color: var(--hom-white);
}

:is(body.hom-v2, .editor-styles-wrapper) .hom-lp-header__cta {
  background: var(--hom-orange);
  color: var(--hom-white);
  border-radius: var(--hom-pill);
  border: 0;
}

.hom-v2-hero {
  --hom-reel-col: min(36rem, 42vw);
  position: relative;
  /*
   * .hom-v2-hero__mobile-reels/__rail/__burst use z-index to layer inside the hero. `position:
   * relative` alone doesn't contain a z-index (it only does that combined with a z-index of its
   * own), so without `isolate` those layers compare directly against the WHOLE page's stacking
   * order and can paint over a later section if the two ever occupy the same screen space.
   */
  isolation: isolate;
  display: flex;
  flex-direction: column;
  min-height: calc(100svh - var(--hom-header-h));
  background-color: #2f11c7;
  background-image: var(--hom-hero-gradient);
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: 100% 100svh;
  background-position: 0 0;
  color: var(--hom-white);
}

@media (min-width: 1024px) {
  .hom-v2-hero {
    height: calc(100svh - var(--hom-header-h) - 5rem);
    max-height: calc(100svh - var(--hom-header-h) - 5rem);
    min-height: 0;
    overflow: hidden;
  }
}

.hom-v2-hero__rail {
  pointer-events: none;
  position: absolute;
  inset: 0 0 6rem 0;
  display: none;
  overflow: hidden;
}

@media (min-width: 1024px) {
  .hom-v2-hero__rail {
    display: block;
  }
}

.hom-v2-hero__rail-mask {
  position: absolute;
  inset: 0 0 0 auto;
  width: var(--hom-reel-col);
  opacity: 0;
  visibility: hidden;
  mask-image: linear-gradient(180deg, transparent, black 12%, black 88%, transparent);
  transition: opacity 0.9s var(--hom-ease), visibility 0.9s var(--hom-ease);
}

.hom-v2-hero.is-reel-in .hom-v2-hero__rail-mask {
  opacity: 1;
  visibility: visible;
}

.hom-v2-hero__rail-track {
  display: flex;
  flex-direction: column;
}

.hom-v2-hero.is-reel-settled .hom-v2-hero__rail-track {
  animation: hom-v2-reel-up 28s linear infinite;
}

.hom-v2-hero__burst {
  pointer-events: none;
  position: absolute;
  inset: 0 0 6rem 0;
  z-index: 2;
  display: none;
  overflow: hidden;
}

@media (min-width: 1024px) {
  .hom-v2-hero__burst {
    display: block;
  }
}

.hom-v2-hero__copy {
  container-type: size;
  position: relative;
  z-index: 10;
  display: flex;
  flex: 1;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  box-sizing: border-box;
  padding: var(--hom-hero-pad-y, 3.5rem) var(--hom-wrap-inset);
}

@media (min-width: 1024px) {
  .hom-v2-hero__copy {
    min-height: 0;
    overflow: hidden;
    padding-left: var(--hom-hero-pad-left, 6rem);
    padding-right: calc(var(--hom-reel-col) + var(--hom-hero-pad-right-extra, 4rem));
  }
}

.hom-v2-hero__copy > :is(h1, h2, h3):first-child {
  margin-top: 0;
}

.hom-v2-hero__kicker {
  margin: 0;
  max-width: 36rem;
  font-family: var(--hom-font-h1, 'DM Sans', sans-serif);
  font-weight: 600;
  font-style: normal;
  color: var(--hom-white);
  font-size: 1.125rem;
  line-height: 1.35;
  letter-spacing: 0;
}

.hom-v2-hero__title {
  margin: 0.5rem 0 0;
  max-width: 100%;
  font-family: var(--hom-font-h1, 'DM Sans', sans-serif);
  font-weight: var(--hom-h1-weight, 700);
  font-style: var(--hom-h1-style, normal);
  color: var(--hom-white);
  font-size: var(--hom-h1-size-sm, 4rem);
  line-height: var(--hom-h1-lh-sm, var(--hom-heading-lh, 1.08));
  letter-spacing: var(--hom-h1-tracking, 0em);
  overflow-wrap: break-word;
}

.hom-v2-hero__lede,
.hom-v2-hero .hom-v2-hero__copy > p {
  margin: 1rem 0 0;
  max-width: 42rem;
  font-size: clamp(1rem, min(1.6vw, 2.4vh), 1.75rem);
  line-height: 1.4;
  color: rgba(255, 255, 255, 0.8);
}

@supports (container-type: size) {
  .hom-v2-hero__copy .hom-v2-hero__title,
  .hom-v2-hero__copy h1 {
    max-width: 100%;
  }

  .hom-v2-hero__copy .hom-v2-hero__lede,
  .hom-v2-hero__copy > p {
    font-size: clamp(1rem, min(3cqi, 3.2cqh), 1.75rem);
  }
}

@media (max-width: 1023.98px) {
  .hom-v2-hero__copy {
    container-type: normal;
    padding-left: var(--hom-wrap-inset);
    padding-right: var(--hom-wrap-inset);
  }

  /*
   * The Elementor header (template 23501) overlaps the hero here: margin-bottom -72px at
   * <=1024px and -64px at <=767px. Our own header stays in the flow, so only add the overlap
   * back when it is the one on the page.
   */
  body.hom-v2:not(:has(header.hom-lp-header)) .hom-v2-hero__copy {
    padding-top: calc(72px + 3.5rem);
  }

  .hom-v2-hero__lede,
  .hom-v2-hero__copy > p {
    max-width: 100%;
    font-size: clamp(1rem, 0.75rem + 1.6vw, 1.35rem);
    line-height: 1.35;
  }
}

.hom-v2-hero__actions,
.hom-v2-hero .wp-block-buttons {
  margin-top: 1rem;
}

@media (min-width: 768px) {
  .hom-v2-hero__kicker {
    font-size: 1.35rem;
    max-width: 42rem;
  }

  .hom-v2-hero__title {
    margin-top: 0.75rem;
    font-size: var(--hom-h1-size, 5.25rem);
    line-height: var(--hom-h1-lh, var(--hom-heading-lh, 1.08));
  }

  .hom-v2-hero__lede,
  .hom-v2-hero__copy > p {
    margin-top: 1.5rem;
  }

  .hom-v2-hero__actions,
  .hom-v2-hero .wp-block-buttons {
    margin-top: 1.5rem;
  }
}

.hom-v2-hero .wp-block-button__link,
.hom-v2-hero .hom-v2-btn {
  background: var(--hom-orange) !important;
  color: var(--hom-white) !important;
  border-radius: var(--hom-pill) !important;
  padding: 0.75rem 2rem;
  font-family: 'DM Sans', sans-serif;
  font-weight: 600;
}

.hom-v2-hero__logos {
  position: relative;
  z-index: 10;
  flex-shrink: 0;
  overflow: hidden;
  border-top: 1px solid rgba(255, 255, 255, 0.2);
  background: var(--hom-logo-strip);
  box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.12);
  padding: var(--hom-logo-bar-pad-y, 1.25rem) var(--hom-wrap-inset);
}

@media (min-width: 768px) {
  .hom-v2-hero__logos {
    padding: var(--hom-logo-bar-pad-y-md, 1.5rem) var(--hom-logo-bar-pad-x-md, 3rem);
  }
}

.hom-v2-hero__logos-row {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.85rem;
}

@media (min-width: 1024px) {
  .hom-v2-hero__logos-row {
    flex-direction: row;
    gap: 1.5rem;
  }
}

.hom-v2-hero__logos-lead {
  margin: 0;
  font-weight: 700;
  font-size: 1.125rem;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--hom-white);
  text-align: center;
}

@media (min-width: 1024px) {
  .hom-v2-hero__logos-lead {
    text-align: left;
    flex-shrink: 0;
  }
}

.hom-v2-marquee {
  min-width: 0;
  width: 100%;
  overflow: hidden;
  mask-image: linear-gradient(90deg, transparent, black 8%, black 92%, transparent);
}

.hom-v2-marquee__track {
  display: flex;
  flex-wrap: nowrap;
  width: max-content;
  align-items: center;
  gap: 2.5rem;
  padding-right: 2.5rem;
  animation: hom-v2-marquee 28s linear infinite;
}

.hom-v2-marquee a {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  width: 7.5rem;
  height: 3.25rem;
  opacity: 0.9;
}

.hom-v2-marquee img {
  display: block;
  height: 2.75rem;
  width: 7.5rem;
  max-width: 100%;
  object-fit: contain;
}

.hom-v2-marquee img[data-logo='mindful-chef'],
.hom-v2-marquee img[data-logo='apple-music'] {
  filter: brightness(0) invert(1);
}

.hom-v2-marquee img[data-logo='cetaphil'] {
  mix-blend-mode: screen;
}

@media (min-width: 1024px) {
  .hom-v2-marquee a {
    width: 8.5rem;
    height: 3.5rem;
  }

  .hom-v2-marquee img {
    height: 3.25rem;
    width: 8.5rem;
  }
}

.hom-v2-hero__logos-mobile {
  display: flex;
  width: 100%;
  flex-direction: column;
  gap: 0.75rem;
}

.hom-v2-hero__logos-desktop {
  display: none;
  min-width: 0;
  flex: 1;
}

@media (min-width: 1024px) {
  .hom-v2-hero__logos-mobile {
    display: none;
  }

  .hom-v2-hero__logos-desktop {
    display: block;
  }
}

.hom-v2-hero__mobile-reels {
  position: relative;
  z-index: 10;
  flex-shrink: 0;
  overflow: hidden;
  opacity: 0;
  transition: opacity 0.9s var(--hom-ease);
}

.hom-v2-hero.is-reel-in .hom-v2-hero__mobile-reels {
  opacity: 1;
}

@media (min-width: 1024px) {
  .hom-v2-hero__mobile-reels {
    display: none;
  }
}

.hom-v2-hero__mobile-track {
  display: flex;
  width: max-content;
}

.hom-v2-hero.is-reel-settled .hom-v2-hero__mobile-track {
  animation: hom-v2-marquee 32s linear infinite;
}

.hom-v2-reel,
.hom-v2-hero [data-reel-card] {
  margin: 0;
  aspect-ratio: 3 / 4;
  width: 100%;
  overflow: hidden;
  background: rgba(255, 255, 255, 0.1);
}

.hom-v2-hero__mobile-reels figure {
  margin: 0;
  aspect-ratio: 3 / 4;
  height: 35svh;
  flex-shrink: 0;
  overflow: hidden;
}

.hom-v2-reel img,
.hom-v2-reel video,
.hom-v2-hero [data-reel-card] img,
.hom-v2-hero [data-reel-card] video,
.hom-v2-hero__mobile-reels img,
.hom-v2-hero__mobile-reels video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.hom-v2-burst-card {
  position: absolute;
  width: min(22vw, 13.125rem);
  aspect-ratio: 3 / 4;
  overflow: hidden;
  background: #111;
  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.35);
  pointer-events: none;
  will-change: left, top, width, transform, opacity;
}

.hom-v2-burst-card img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.hom-v2-mission {
  position: relative;
}

.hom-v2-mission:not(.is-reduced) {
  height: 220vh;
}

.hom-v2-mission__sticky {
  display: flex;
  align-items: center;
}

.hom-v2-mission:not(.is-reduced) .hom-v2-mission__sticky {
  position: sticky;
  top: var(--hom-header-h);
  height: calc(100svh - var(--hom-header-h));
}

.hom-v2-mission.is-reduced .hom-v2-mission__sticky {
  position: relative;
  min-height: calc(100svh - var(--hom-header-h));
  padding-block: var(--hom-section);
}

.hom-v2-mission__stage {
  position: relative;
  width: 100%;
  text-align: center;
}

.hom-v2-mission:not(.is-reduced) .hom-v2-mission__stage {
  min-height: 28rem;
}

@media (min-width: 768px) {
  .hom-v2-mission:not(.is-reduced) .hom-v2-mission__stage {
    min-height: 32rem;
  }
}

.hom-v2-mission__scene {
  will-change: transform, opacity;
  padding-inline: 8px;
  box-sizing: border-box;
}

.hom-v2-mission:not(.is-reduced) .hom-v2-mission__scene {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.hom-v2-mission.is-reduced .hom-v2-mission__scene {
  position: relative;
}

.hom-v2-mission.is-reduced .hom-v2-mission__scene + .hom-v2-mission__scene {
  margin-top: 4rem;
}

.hom-v2-mission__heading {
  margin: 0 auto;
  max-width: 72rem;
  font-family: var(--hom-font-h2, 'DM Sans', sans-serif);
  /* --hom-mission-* / --hom-proof-* are per-block overrides from the Mission block sidebar. */
  font-size: var(--hom-mission-heading-sm, var(--hom-h2-size-sm, 2.25rem));
  font-weight: var(--hom-h2-weight, 600);
  font-style: var(--hom-h2-style, normal);
  line-height: var(--hom-h2-lh-sm, var(--hom-h2-lh, 1.12));
  letter-spacing: var(--hom-h2-tracking, 0em);
  color: var(--hom-ink);
}

body.hom-v2 mark,
.hom-v2-page mark,
.editor-styles-wrapper .hom-v2-page mark {
  padding: 0;
  font: inherit;
  letter-spacing: inherit;
  background-color: transparent;
}

@media (min-width: 768px) {
  .hom-v2-mission__heading {
    font-size: var(--hom-mission-heading, var(--hom-h2-size, 3.5rem));
    line-height: var(--hom-h2-lh, 1.12);
  }
}

/* Desktop: the pinned scene is centered, so a tall heading can sit against the photo strip.
   Keep a fixed gap above and below it. */
@media (min-width: 1024px) {
  .hom-v2-mission:not(.is-reduced) .hom-v2-mission__scene {
    box-sizing: border-box;
    padding-block: 4.5rem;
  }
}

/* Tablet and phone: the pinned, centered scene is taller than the screen once this heading wraps,
   and the top of it paints over the hero photos. Lay the section out in normal flow instead, with
   the gap above the heading built in, whether or not the kit script has switched modes. */
@media (max-width: 1023.98px) {
  .hom-v2-mission:not(.is-reduced) {
    height: auto;
  }

  .hom-v2-mission:not(.is-reduced) .hom-v2-mission__sticky,
  .hom-v2-mission.is-reduced .hom-v2-mission__sticky {
    position: relative;
    top: auto;
    height: auto;
    min-height: 0;
    padding-top: max(5rem, var(--hom-section));
    padding-bottom: 3rem;
  }

  .hom-v2-mission:not(.is-reduced) .hom-v2-mission__scene,
  .hom-v2-mission.is-reduced .hom-v2-mission__scene {
    position: relative;
    inset: auto;
    transform: none !important;
    opacity: 1 !important;
  }
}

.hom-v2-mission__accent,
.hom-v2-mission__accent .hom-v2-count {
  display: inline;
  color: var(--hom-orange);
  font-size: inherit;
  font-weight: 800;
  line-height: inherit;
  white-space: nowrap;
}

.hom-v2-proofs {
  position: relative;
  display: grid;
  width: 100%;
  box-sizing: border-box;
  grid-template-columns: repeat(var(--hom-proof-cols-sm, 2), minmax(0, 1fr));
  gap: 2rem;
  margin-top: 3.5rem;
  padding-inline: 0.75rem;
}

@media (min-width: 768px) {
  .hom-v2-proofs {
    grid-template-columns: repeat(var(--hom-proof-cols, 4), minmax(0, 1fr));
    padding-inline: 1.5rem;
  }
}

.hom-v2-proof {
  position: relative;
  z-index: 1;
  padding: 0.75rem 0.25rem;
  /* The stat number is capped to its column (cqi) so it never spills over the next one. */
  container-type: inline-size;
}

.hom-v2-proof__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 3.25rem;
  height: 3.25rem;
  margin-bottom: 0.85rem;
  padding: 0;
  line-height: 0;
  border-radius: 1rem;
  background: var(--hom-lilac);
  color: var(--hom-indigo);
}

.hom-v2-proof__icon svg {
  display: block;
  width: 1.5rem;
  height: 1.5rem;
  flex: 0 0 auto;
  margin: 0;
}

.hom-v2-proof__value {
  display: block;
  font-family: 'DM Sans', sans-serif;
  /* Phones: the mobile slider, else the desktop slider, else 2.25rem; always capped to the column. */
  font-size: min(var(--hom-proof-value-sm, var(--hom-proof-value, 2.25rem)), 28cqi);
  font-weight: 800;
  color: var(--hom-ink);
  white-space: nowrap;
}

/* The sizes (desktop slider or the defaults) are maximums: on narrower screens the number shrinks
   with its column (28cqi fits "2,000+", which is 3.4em wide), so four columns never overflow at 768–1279px. */
@media (min-width: 768px) {
  .hom-v2-proof__value {
    font-size: min(var(--hom-proof-value, var(--hom-proof-value-sm, 2.25rem)), 28cqi);
  }
}

@media (min-width: 1024px) {
  .hom-v2-proof__value {
    font-size: min(var(--hom-proof-value, 3.75rem), 28cqi);
  }
}

@media (min-width: 1280px) {
  .hom-v2-proof__value {
    font-size: min(var(--hom-proof-value, 4.5rem), 28cqi);
  }
}

.hom-v2-proof__label {
  margin: 0.5rem 0 0;
  /* Phones follow the desktop label slider when the mobile one is empty (at most 1.125rem). */
  font-size: var(--hom-proof-label-sm, min(var(--hom-proof-label, 1rem), 1.125rem));
  line-height: 1.35;
  color: var(--hom-grey);
}

@media (min-width: 768px) {
  .hom-v2-proof__label {
    font-size: var(--hom-proof-label, 1.25rem);
  }
}

.hom-v2-seo {
  margin: 0 auto;
  max-width: 72rem;
  font-family: 'DM Sans', sans-serif;
  font-size: var(--hom-mission-seo, 2.25rem);
  font-weight: 600;
  line-height: 1.25;
  color: var(--hom-ink);
}

.hom-v2-seo__accent {
  color: var(--hom-orange);
}

.hom-v2-platforms {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 2rem;
  margin-top: 2rem;
}

.hom-v2-platforms__heading {
  margin: 2.5rem 0 0;
  text-align: center;
  font-family: 'DM Sans', sans-serif;
  font-size: 1.125rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--hom-ink);
}

.hom-v2-platforms a {
  position: relative;
  opacity: 0.8;
  transition: opacity 0.2s ease;
}

.hom-v2-platforms a:hover {
  opacity: 1;
}

@media (hover: hover) {
  .hom-v2-platforms a {
    cursor: none;
  }
}

.hom-v2-platforms img {
  width: 2.5rem;
  height: 2.5rem;
}

.hom-v2-ticker {
  overflow: hidden;
  background: var(--hom-hero-gradient);
  padding-block: 1rem;
  color: var(--hom-white);
}

.hom-v2-ticker__row {
  overflow: hidden;
  padding-block: 1rem;
}

.hom-v2-ticker__track {
  display: flex;
  width: max-content;
  will-change: transform;
}

.hom-v2-ticker__rail {
  display: flex;
  flex-shrink: 0;
}

.hom-v2-ticker__text {
  margin: 0;
  padding-right: 2rem;
  font-family: 'DM Sans', sans-serif;
  font-size: 2.25rem;
  font-weight: 700;
  line-height: 1;
  letter-spacing: -0.03em;
}

@media (min-width: 768px) {
  .hom-v2-ticker__text {
    font-size: 3rem;
  }
}

@media (min-width: 1024px) {
  .hom-v2-ticker__text {
    font-size: 3.75rem;
  }
}

.hom-v2-ticker__text.is-italic {
  font-weight: 400;
  font-style: italic;
  color: var(--hom-pink);
}

.hom-v2-services__head,
.hom-v2-cases__head,
.hom-v2-blog__head,
.hom-v2-testimonials__head {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  margin-bottom: 2.5rem;
}

@media (min-width: 768px) {
  .hom-v2-services__head,
  .hom-v2-cases__head,
  .hom-v2-blog__head {
    flex-direction: row;
    align-items: flex-end;
    justify-content: space-between;
  }

  .hom-v2-testimonials__head {
    flex-direction: row;
    align-items: flex-end;
    justify-content: space-between;
  }

  .hom-v2-services__cta--mobile,
  .hom-v2-cases__cta--mobile,
  .hom-v2-blog__cta--mobile {
    display: none;
  }
}

.hom-v2-services__cta--desktop,
.hom-v2-cases__cta--desktop,
.hom-v2-blog__cta--desktop {
  display: none;
  flex-shrink: 0;
}

@media (max-width: 767.98px) {
  .hom-v2-services__cta--mobile,
  .hom-v2-cases__cta--mobile,
  .hom-v2-blog__cta--mobile {
    width: 100%;
  }

  .hom-v2-services__cta--mobile .hom-v2-btn,
  .hom-v2-cases__cta--mobile .hom-v2-chip,
  .hom-v2-blog__cta--mobile .hom-v2-chip {
    display: flex;
    width: 100%;
    justify-content: center;
    box-sizing: border-box;
  }
}

@media (min-width: 768px) {
  .hom-v2-services__cta--desktop,
  .hom-v2-cases__cta--desktop,
  .hom-v2-blog__cta--desktop {
    display: block;
  }
}

.hom-v2-services__grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1.5rem;
  align-items: stretch;
}

@media (min-width: 768px) {
  .hom-v2-services__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 1024px) {
  .hom-v2-services__grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

.hom-v2-card {
  position: relative;
  display: flex;
  height: 100%;
  flex-direction: column;
  overflow: hidden;
  border-radius: var(--hom-radius);
  background: var(--hom-white);
  box-shadow: var(--hom-shadow-card);
  text-decoration: none;
  color: inherit;
  transition: transform 0.3s var(--hom-ease), box-shadow 0.3s var(--hom-ease), border-color 0.3s var(--hom-ease);
}

.hom-v2-card:hover {
  transform: translateY(-0.5rem);
  box-shadow: 0 12px 32px rgba(22, 28, 45, 0.12);
}

.hom-v2-card__media {
  overflow: hidden;
  background: var(--hom-navy);
}

.hom-v2-card__media img,
.hom-v2-card__media video {
  width: 100%;
  aspect-ratio: 16 / 9;
  object-fit: cover;
}

.hom-v2-card__body {
  display: flex;
  flex: 1;
  flex-direction: column;
  padding: 1.5rem;
}

.hom-v2-card__kicker {
  display: flex;
  align-items: center;
  gap: 0.65rem;
}

.hom-v2-card__title {
  margin: 0.5rem 0 0;
  font-family: var(--hom-font-h3, 'DM Sans', sans-serif);
  font-size: var(--hom-h3-size-sm, 1.5rem);
  font-weight: var(--hom-h3-weight, 600);
  font-style: var(--hom-h3-style, normal);
  line-height: var(--hom-h3-lh-sm, 1.2);
  letter-spacing: var(--hom-h3-tracking, 0em);
  color: var(--hom-ink);
}

@media (min-width: 768px) {
  .hom-v2-card__title {
    font-size: var(--hom-h3-size, 1.88rem);
    line-height: var(--hom-h3-lh, 1.2);
  }
}

.hom-v2-card__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 3rem;
  height: 3rem;
  flex-shrink: 0;
  border-radius: 0.875rem;
  background: var(--hom-lilac);
  color: var(--hom-indigo);
}

.hom-v2-card__icon svg {
  display: block;
  width: 1.4rem;
  height: 1.4rem;
}

/* Editor only: the glyph is a mask so it follows the tile's text colour. */
.hom-v2-icon-glyph {
  display: block;
  width: 1.4rem;
  height: 1.4rem;
  background: currentColor;
  -webkit-mask: center / contain no-repeat;
  mask: center / contain no-repeat;
}

.hom-v2-proof__icon .hom-v2-icon-glyph {
  width: 1.5rem;
  height: 1.5rem;
}

.hom-v2-services .hom-v2-card .hom-v2-chip::after {
  content: '';
  position: absolute;
  inset: 0;
}

.hom-v2-services .hom-v2-card:hover .hom-v2-chip {
  color: var(--hom-pink);
  text-decoration: underline;
}

.hom-v2-card__text {
  margin: 0.75rem 0 0;
  font-family: var(--hom-font-body, 'DM Sans', sans-serif);
  font-size: var(--hom-body-size-sm, 1.13rem);
  font-weight: var(--hom-body-weight, 400);
  font-style: var(--hom-body-style, normal);
  line-height: var(--hom-body-lh-sm, 1.7);
  letter-spacing: var(--hom-body-tracking, 0em);
  color: var(--hom-grey);
}

@media (min-width: 768px) {
  .hom-v2-card__text {
    font-size: var(--hom-body-size, 1.13rem);
    line-height: var(--hom-body-lh, 1.7);
  }
}

.hom-v2-card .hom-v2-chip {
  margin-top: auto;
  padding-top: 1.25rem;
}

.hom-v2-founder {
  padding-block: var(--hom-section);
}

.hom-v2-founder__panel {
  position: relative;
  overflow: hidden;
  background: transparent;
  justify-items: center;
}

.hom-v2-founder__grid {
  display: grid;
  align-items: center;
  gap: 2rem;
  padding: 3rem 1.5rem;
}

@media (min-width: 768px) {
  .hom-v2-founder__grid {
    grid-template-columns: minmax(0, 24rem) 1fr;
    gap: 3.5rem;
    padding-inline: 3rem;
  }
}

@media (min-width: 1024px) {
  .hom-v2-founder__grid {
    padding-inline: 5rem;
  }
}

.hom-v2-founder__grid img {
  width: 100%;
  max-width: 24rem;
  justify-self: center;
  aspect-ratio: 1;
  object-fit: cover;
  background: transparent;
}

@media (min-width: 768px) {
  .hom-v2-founder__grid img {
    max-width: none;
  }
}

.hom-v2-founder__copy {
  display: flex;
  max-width: 48rem;
  flex-direction: column;
  justify-content: center;
}

.hom-v2-founder__kicker {
  margin: 0 0 1rem;
  letter-spacing: 0;
  text-transform: none;
  color: var(--hom-ink);
}

.hom-v2-founder__copy blockquote,
.hom-v2-founder__quote {
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  font-family: var(--hom-font-accent, 'DM Sans', sans-serif);
  font-size: 1.5rem;
  font-weight: var(--hom-accent-weight, 400);
  font-style: var(--hom-accent-style, italic) !important;
  letter-spacing: var(--hom-accent-tracking, 0em);
  line-height: 1.35;
}

/* Forced over the theme's blockquote colour, unless the editor picked a text colour for the quote. */
.hom-v2-founder__copy blockquote:not(.has-text-color),
.hom-v2-founder__quote:not(.has-text-color) {
  color: var(--hom-ink) !important;
}

.hom-v2-founder__copy blockquote::before {
  content: '“';
}

.hom-v2-founder__copy blockquote::after {
  content: '”';
}

@media (min-width: 768px) {
  .hom-v2-founder__copy blockquote {
    font-size: 1.875rem;
  }
}

@media (min-width: 1024px) {
  .hom-v2-founder__copy blockquote {
    font-size: 2.25rem;
  }
}

.hom-v2-founder__name {
  margin: 1.5rem 0 0;
  font-family: 'DM Sans', sans-serif;
  font-size: 1.75rem;
  font-weight: 700;
  color: var(--hom-ink);
}

@media (min-width: 768px) {
  .hom-v2-founder__name {
    font-size: 2rem;
  }
}

.hom-v2-founder__note {
  margin: 0.25rem 0 0;
  font-size: 1.3125rem;
  color: var(--hom-grey);
}

.hom-v2-founder__role {
  margin: 0;
  font-size: 1.3125rem;
  font-weight: 600;
  color: var(--hom-indigo);
}

.hom-v2-nav {
  display: flex;
  gap: 0.5rem;
}

.hom-v2-nav button,
.hom-v2-cases__pager button {
  display: flex;
  width: 3rem;
  height: 3rem;
  align-items: center;
  justify-content: center;
  border-radius: var(--hom-pill);
  border: 1px solid rgba(22, 28, 45, 0.1);
  background: var(--hom-white);
  color: var(--hom-ink);
  cursor: pointer;
}

.hom-v2-testimonials {
  --hom-quote-w: min(22rem, calc(100vw - 3rem));
  --hom-quote-h: 26rem;
}

.hom-v2-testimonials__stage {
  position: relative;
  display: flex;
  min-height: 30rem;
  align-items: center;
  justify-content: center;
  overflow: visible;
}

.hom-v2-quote,
.hom-v2-quote.is-active {
  box-sizing: border-box;
  flex: 0 0 var(--hom-quote-w);
  width: var(--hom-quote-w);
  min-width: var(--hom-quote-w);
  max-width: var(--hom-quote-w);
  height: var(--hom-quote-h);
  border-radius: var(--hom-radius);
  border: 2px solid transparent !important;
  background: var(--hom-white) !important;
  color: var(--hom-ink) !important;
  padding: 0 !important;
  font-size: inherit !important;
  box-shadow: var(--hom-shadow-card);
  transition: transform 0.9s var(--hom-ease), filter 0.9s var(--hom-ease), opacity 0.9s var(--hom-ease);
}

.hom-v2-quote.is-active {
  position: relative;
  z-index: 10;
  border-color: var(--hom-pink) !important;
}

.hom-v2-quote:not(.is-active) {
  position: absolute;
}

.hom-v2-quote.is-hidden {
  pointer-events: none;
  opacity: 0;
}

.hom-v2-quote__inner {
  position: relative;
  display: flex;
  box-sizing: border-box;
  height: 100%;
  min-height: 0;
  flex-direction: column;
  gap: 1rem;
  border-radius: var(--hom-radius);
  background: var(--hom-white);
  padding: 1.5rem;
}

@media (min-width: 768px) {
  .hom-v2-quote__inner {
    padding: 2rem;
  }
}

.hom-v2-quote__mark {
  position: absolute;
  top: 1rem;
  right: 1rem;
  width: 2.5rem;
  height: 2.5rem;
  z-index: 1;
  pointer-events: none;
}

.hom-v2-quote__person {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding-right: 2.75rem;
}

.hom-v2-quote__person img {
  width: 3rem;
  height: 3rem;
  flex-shrink: 0;
  border-radius: var(--hom-pill);
  object-fit: cover;
}

.hom-v2-quote__meta {
  min-width: 0;
  flex: 1;
}

.hom-v2-quote__person strong {
  display: -webkit-box;
  overflow: hidden;
  padding-right: 0;
  font-family: 'DM Sans', sans-serif;
  font-size: 1.25rem;
  color: var(--hom-ink);
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}

.hom-v2-quote__person span {
  display: -webkit-box;
  margin-top: 0.2rem;
  overflow: hidden;
  font-size: 1rem;
  line-height: 1.4;
  color: var(--hom-grey);
  overflow-wrap: break-word;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.hom-v2-quote__text {
  display: -webkit-box;
  flex: 1 1 auto;
  min-height: 0;
  margin: 0;
  overflow: hidden;
  font-family: var(--hom-font-accent, 'DM Sans', sans-serif);
  font-size: var(--hom-accent-size-sm, 1.13rem);
  font-weight: var(--hom-accent-weight, 400);
  font-style: var(--hom-accent-style, italic);
  line-height: var(--hom-accent-lh-sm, 1.6);
  letter-spacing: var(--hom-accent-tracking, 0em);
  color: var(--hom-ink) !important;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 8;
}

@media (min-width: 768px) {
  .hom-v2-quote__text {
    font-size: var(--hom-accent-size, 1.25rem);
    line-height: var(--hom-accent-lh, 1.6);
  }
}

.hom-v2-quote__link {
  flex-shrink: 0;
  margin-top: auto;
  font-weight: 600;
  color: var(--hom-indigo);
  text-decoration: none;
}

.hom-v2-quote__link[hidden] {
  display: block !important;
  visibility: hidden;
  pointer-events: none;
}

.hom-v2-quote__link:hover {
  color: var(--hom-pink);
  text-decoration: underline;
}

.hom-v2-banner {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1.5rem;
  margin-top: 2.5rem;
  border-radius: var(--hom-radius);
  background: var(--hom-hero-gradient);
  padding: 2rem;
}

.hom-v2-banner-section {
  padding-block: calc(var(--hom-section) / 2);
}

.hom-v2-banner-section .hom-v2-banner {
  margin-top: 0;
}

@media (min-width: 768px) {
  .hom-v2-banner {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding: 2.5rem 3rem;
  }
}

.hom-v2-banner p {
  margin: 0;
  max-width: 42rem;
  font-family: 'DM Sans', sans-serif;
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 1.35;
  color: var(--hom-white);
}

@media (min-width: 768px) {
  .hom-v2-banner p {
    font-size: 1.875rem;
  }
}

.hom-v2-press__heading {
  margin: 0 0 2.75rem;
  text-align: center;
  font-family: 'DM Sans', sans-serif;
  font-size: clamp(1.15rem, 2vw, 1.4rem);
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--hom-grey);
}

@media (max-width: 767.98px) {
  .hom-v2-press__heading {
    margin-bottom: 2rem;
  }
}

.hom-v2-press__slider {
  overflow: hidden;
  mask-image: linear-gradient(90deg, transparent, black 6%, black 94%, transparent);
}

.hom-v2-press__track {
  display: flex;
  width: max-content;
  flex-wrap: nowrap;
  align-items: center;
  gap: 2.5rem;
  padding-right: 2.5rem;
  animation: hom-v2-marquee 32s linear infinite;
}

@media (max-width: 767.98px) {
  .hom-v2-press__track {
    gap: 3rem;
    padding-right: 3rem;
  }
}

.hom-v2-press__item {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  width: 8.5rem;
  height: 3rem;
}

.hom-v2-press__item img {
  display: block;
  width: 100%;
  height: auto;
  max-width: 8.5rem;
  max-height: 2.75rem;
  object-fit: contain;
  filter: grayscale(1);
  mix-blend-mode: multiply;
  opacity: 0.9;
  transition: opacity 0.2s ease, filter 0.2s ease;
}

.hom-v2-press__item[data-press='usa-today'] img {
  object-fit: contain;
  object-position: 50% 50%;
  clip-path: none;
  transform: none;
}

@media (min-width: 768px) {
  .hom-v2-press__item {
    width: 12rem;
    height: 3.5rem;
  }

  .hom-v2-press__item img {
    max-width: 12rem;
    max-height: 3.25rem;
  }

  .hom-v2-press__item[data-press='usa-today'] img {
    clip-path: inset(3% 0 3% 6%);
    transform: scale(1.06);
  }
}

.hom-v2-press__item[data-press='business-of-apps'] img {
  filter: none;
  mix-blend-mode: screen;
}

.hom-v2-press__item:hover img {
  filter: none;
  mix-blend-mode: normal;
  opacity: 1;
}

.hom-v2-press__item[data-press='business-of-apps']:hover img {
  filter: none;
  mix-blend-mode: screen;
}

.hom-v2-press__slider:hover .hom-v2-press__track {
  animation-play-state: paused;
}

.hom-v2-cases,
.hom-v2-blog,
.hom-v2-faq {
  color: var(--hom-ink);
}

.hom-v2-cases__grid,
.hom-v2-blog__grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1.5rem;
  align-items: stretch;
}

@media (min-width: 640px) {
  .hom-v2-cases__grid,
  .hom-v2-blog__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 1024px) {
  .hom-v2-cases__grid,
  .hom-v2-blog__grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

.hom-v2-cases__grid [data-case-card][hidden] {
  display: none !important;
}

.hom-v2-case {
  border: 2px solid transparent;
}

@media (hover: hover) {
  .hom-v2-case {
    cursor: none;
  }
}

.hom-v2-case:hover {
  border-color: var(--hom-pink);
}

.hom-v2-cases .hom-v2-h2 {
  max-width: 22ch;
}

.hom-v2-cases__intro {
  margin: 1rem 0 0;
  max-width: 38rem;
  font-size: 1.125rem;
  line-height: 1.5;
  color: var(--hom-grey);
}

.hom-v2-cases .hom-v2-chip--button {
  padding: 1rem 1.75rem;
  font-size: 1.25rem;
}

.hom-v2-cases__filters {
  display: flex;
  flex-wrap: wrap;
  gap: 0.65rem;
  margin: 0 0 1.75rem;
}

.hom-v2-cases__filter {
  border: 1px solid rgba(22, 28, 45, 0.16);
  border-radius: var(--hom-pill);
  background: rgba(255, 255, 255, 0.78);
  padding: 0.45rem 1rem;
  font-family: 'DM Sans', sans-serif;
  font-size: 0.95rem;
  font-weight: 600;
  color: var(--hom-grey);
  cursor: pointer;
}

.hom-v2-cases__filter.is-active,
.hom-v2-cases__filter:hover {
  background: var(--hom-indigo);
  border-color: var(--hom-indigo);
  color: var(--hom-white);
}

.hom-v2-case__industry {
  margin: 0 0 0.45rem;
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--hom-indigo);
}

.hom-v2-case .hom-v2-card__media img {
  aspect-ratio: 16 / 10;
  object-fit: cover;
  object-position: top center;
  transition: transform 0.3s var(--hom-ease);
}

.hom-v2-case:hover .hom-v2-card__media img {
  transform: scale(1.05);
}

.hom-v2-case .hom-v2-card__body {
  padding: 1.25rem;
}

.hom-v2-case h3 {
  margin: 0;
  font-size: 1.75rem;
  font-weight: 600;
}

@media (min-width: 768px) {
  .hom-v2-case h3 {
    font-size: 2.25rem;
  }
}

.hom-v2-case .hom-v2-chip {
  margin-top: auto;
  padding-top: 1.5rem;
  font-size: 1.25rem;
}

.hom-v2-case .hom-v2-card__text {
  margin-top: 0.25rem;
}

.hom-v2-cases__pager {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  margin-top: 2rem;
}

/* "View all" button under the cards (all screen sizes; the head copy is desktop-only). */
.hom-v2-cases__cta--bottom {
  display: flex;
  justify-content: center;
  margin-top: 2rem;
}

@media (max-width: 767.98px) {
  .hom-v2-cases__cta--bottom .hom-v2-btn {
    width: 100%;
    white-space: normal;
    text-align: center;
  }
}

.hom-v2-dots {
  display: flex;
  gap: 0.5rem;
}

.hom-v2-dots button {
  width: 0.625rem;
  height: 0.625rem;
  padding: 0;
  border: 0;
  border-radius: var(--hom-pill);
  background: rgba(22, 28, 45, 0.2);
  cursor: pointer;
}

.hom-v2-dots button.is-active {
  background: var(--hom-indigo);
}

.hom-v2-blog-card {
  border-radius: 8px;
}

.hom-v2-blog-card .hom-v2-card__media img {
  aspect-ratio: 16 / 10;
  transition: transform 0.3s var(--hom-ease);
}

.hom-v2-blog-card:hover .hom-v2-card__media img {
  transform: scale(1.05);
}

.hom-v2-blog-card h3 {
  margin: 0;
  font-size: clamp(1.1rem, 0.9rem + 1.1vw, 1.5rem);
  font-weight: 600;
}

.hom-v2-blog-card h3 a {
  display: block;
  min-height: 3.75em;
  color: var(--hom-ink);
  text-decoration: none;
}

.hom-v2-blog-card:hover h3 a {
  color: var(--hom-indigo);
}

.hom-v2-faq__mobile {
  display: block;
}

.hom-v2-faq__desktop {
  display: none;
}

@media (min-width: 1024px) {
  .hom-v2-faq__mobile {
    display: none;
  }

  .hom-v2-faq__desktop {
    display: block;
  }
}

.hom-v2-faq__list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.hom-v2-faq__item {
  overflow: hidden;
  border-radius: var(--hom-radius);
  background: var(--hom-white);
  box-shadow: var(--hom-shadow-card);
}

.hom-v2-faq__item button {
  display: flex;
  width: 100%;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
  padding: 1rem 1.25rem;
  border: 0;
  background: transparent;
  text-align: left;
  font-family: 'DM Sans', sans-serif;
  font-size: 1.125rem;
  font-weight: 600;
  color: var(--hom-ink);
  cursor: pointer;
}

.hom-v2-faq__item button span {
  flex-shrink: 0;
  color: var(--hom-magenta);
}

.hom-v2-faq__answer {
  margin: 0;
  border-top: 2px solid var(--hom-magenta);
  background: rgba(236, 232, 248, 0.4);
  padding: 1rem 1.25rem;
  font-size: 1.125rem;
  line-height: 1.7;
  color: var(--hom-ink);
}

.hom-v2-faq__split {
  display: grid;
  overflow: hidden;
  border-radius: var(--hom-radius);
  background: var(--hom-white);
  box-shadow: var(--hom-shadow-card);
}

@media (min-width: 1024px) {
  .hom-v2-faq__split {
    grid-template-columns: 1fr 1fr;
  }
}

.hom-v2-faq__qs {
  padding: 1.5rem;
}

@media (min-width: 768px) {
  .hom-v2-faq__qs {
    padding: 2rem;
  }
}

.hom-v2-faq__qs h3,
.hom-v2-faq__as h3 {
  margin: 0 0 1.25rem;
  font-family: 'DM Sans', sans-serif;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.2;
  color: var(--hom-ink);
}

.hom-v2-faq__qs ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.hom-v2-faq__qs li button {
  width: 100%;
  border: 0;
  border-radius: var(--hom-radius);
  padding: 0.75rem 1rem;
  background: transparent;
  text-align: left;
  font-family: 'DM Sans', sans-serif;
  font-size: 1.125rem;
  font-weight: 600;
  color: var(--hom-grey);
  cursor: pointer;
}

@media (min-width: 768px) {
  .hom-v2-faq__qs li button {
    font-size: 1.25rem;
  }
}

.hom-v2-faq__qs li button.is-active {
  background: var(--hom-lilac);
  color: var(--hom-ink);
}

.hom-v2-faq__qs li button:hover {
  background: rgba(236, 232, 248, 0.5);
  color: var(--hom-ink);
}

.hom-v2-faq__as {
  border-top: 4px solid var(--hom-magenta);
  background: rgba(236, 232, 248, 0.4);
  padding: 1.5rem;
}

@media (min-width: 768px) {
  .hom-v2-faq__as {
    border-top: 0;
    border-left: 4px solid var(--hom-magenta);
    padding: 2.5rem;
  }
}

.hom-v2-faq__as .hom-v2-faq__current {
  margin: 0;
  font-size: 1.25rem;
  line-height: 1.7;
  color: var(--hom-ink);
}

.hom-v2-contact {
  background: var(--hom-hero-gradient);
  padding-block: var(--hom-section);
  color: var(--hom-white);
}

.hom-v2-contact .hom-v2-wrap {
  display: grid;
  align-items: center;
  justify-items: stretch;
  gap: 3rem;
  min-width: 0;
}

@media (min-width: 1024px) {
  .hom-v2-contact .hom-v2-wrap {
    grid-template-columns: 1fr 1fr;
  }
}

.hom-v2-contact__logo {
  height: 3rem;
  width: auto;
}

.hom-v2-contact__text {
  margin: 2rem 0 0;
  max-width: 42rem;
  font-family: 'DM Sans', sans-serif;
  font-size: 1.875rem;
  line-height: 1.35;
}

@media (min-width: 768px) {
  .hom-v2-contact__text {
    font-size: 2.25rem;
  }
}

.hom-v2-contact__cta {
  margin-top: 2rem;
}

.hom-v2-news {
  box-sizing: border-box;
  /* One-column layout (< 1024px): left-aligned under the text. Two columns: right column, flush right. */
  margin-inline: 0 auto;
  width: 100%;
  max-width: min(24rem, 100%);
  min-width: 0;
  border: 4px solid transparent;
  border-radius: var(--hom-radius);
  background: var(--hom-white);
  padding: 1.25rem;
  text-align: center;
  color: var(--hom-ink);
  transition: border-color 0.2s ease;
}

.hom-v2-news:hover,
.hom-v2-news:focus-within {
  border-color: var(--hom-pink);
}

@media (min-width: 768px) {
  .hom-v2-news {
    padding: 1.5rem;
  }
}

@media (min-width: 1024px) {
  .hom-v2-news {
    margin-left: auto;
    margin-right: 0;
  }
}

.hom-v2-news__title {
  margin: 0;
  font-family: 'DM Sans', sans-serif;
  font-size: 2.5rem;
  line-height: 2.875rem;
  font-weight: 600;
}

.hom-v2-news__env {
  display: block;
  margin: 1rem auto 0;
  height: 5.5rem;
  width: auto;
}

.hom-v2-news__text {
  margin: 0.75rem 0 0;
  font-size: 1rem;
  color: var(--hom-grey);
}

.hom-v2-news__form {
  display: flex;
  min-height: 3rem;
  align-items: center;
  gap: 0.25rem;
  margin-top: 1.25rem;
  border-radius: var(--hom-pill);
  background: #eceff4;
  padding: 0.25rem;
  min-width: 0;
}

@media (max-width: 420px) {
  .hom-v2-news__form {
    flex-wrap: wrap;
    border-radius: 1.25rem;
  }

  .hom-v2-news__form input,
  .hom-v2-news__form button {
    width: 100%;
  }
}

.hom-v2-news__form input {
  min-height: 2.5rem;
  min-width: 0;
  flex: 1;
  border: 0;
  border-radius: var(--hom-pill);
  background: transparent;
  padding: 0 1rem;
  font-family: Inter, sans-serif;
  font-size: 1rem;
  color: var(--hom-ink);
  outline: none;
}

.hom-v2-news__form button {
  flex-shrink: 0;
  border: 0;
  border-radius: var(--hom-pill);
  background: var(--hom-orange);
  color: var(--hom-white);
  padding: 0.625rem 1.5rem;
  font-family: 'DM Sans', sans-serif;
  font-size: 1rem;
  font-weight: 700;
  cursor: pointer;
}

.hom-v2-news__thanks {
  margin: 1.25rem 0 0;
  font-family: 'DM Sans', sans-serif;
  font-size: 1.5rem;
  font-weight: 600;
  color: var(--hom-indigo);
  animation: hom-v2-reveal-up 0.7s var(--hom-ease) both;
}

.hom-v2-follow {
  pointer-events: none;
  position: fixed;
  z-index: 90;
  display: none;
  width: 3.5rem;
  height: 3.5rem;
  align-items: center;
  justify-content: center;
  border-radius: var(--hom-pill);
  background: var(--hom-ink);
  padding: 0.375rem;
  text-align: center;
  font-family: 'DM Sans', sans-serif;
  font-size: 0.65rem;
  font-weight: 700;
  line-height: 1.15;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--hom-white);
  box-shadow: 0 12px 32px rgba(22, 28, 45, 0.2);
  transform: translate(-50%, -50%);
}

@media (hover: hover) {
  .hom-v2-follow.is-on {
    display: flex;
  }
}

.hom-v2-preview {
  position: fixed;
  z-index: 80;
  width: var(--hom-preview-w, 20rem);
  height: var(--hom-preview-h, 20rem);
  overflow: hidden;
  border: 2px solid var(--hom-pink);
  border-radius: var(--hom-radius);
  background: var(--hom-white);
  text-decoration: none;
  box-shadow: 0 16px 40px rgba(22, 28, 45, 0.18);
}

/*
 * The card is sized in JS from the image's ratio and the space under the icon, so the whole image
 * is visible; contain covers the moment before the script has measured it.
 */
.hom-v2-preview img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.hom-v2-reveal {
  opacity: 0;
  transform: translate3d(0, 1.1em, 0);
  filter: blur(4px);
  transition: opacity 0.85s var(--hom-ease), transform 0.85s var(--hom-ease), filter 0.85s var(--hom-ease);
}

.hom-v2-reveal.is-left {
  transform: translate3d(-3.5rem, 0, 0);
}

.hom-v2-reveal.is-right {
  transform: translate3d(3.5rem, 0, 0);
}

.hom-v2-reveal.is-bottom {
  transform: translate3d(0, 4rem, 0);
}

.hom-v2-reveal.is-inview {
  opacity: 1;
  transform: none;
  filter: none;
}

.stat-trail-icon {
  position: absolute;
  z-index: 5;
  display: block;
  pointer-events: none;
  transform: translate(-50%, -50%) scale(0.6);
  opacity: 0;
  animation: hom-v2-trail-icon 1.4s ease forwards;
}

.stat-trail-icon img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.hom-v2-founder__panel img {
  clip-path: inset(110% 0 0 0);
  transform: scale(1.18);
  filter: blur(16px);
  transition: clip-path 1.4s var(--hom-ease), transform 1.4s var(--hom-ease), filter 1.4s var(--hom-ease);
}

.hom-v2-founder__panel.is-inview img {
  clip-path: circle(42% at 50% 50%);
  transform: none;
  filter: none;
}

.hom-v2-founder__copy > * {
  opacity: 0;
  transform: translate3d(2.5rem, 0, 0);
  filter: blur(8px);
  transition: opacity 0.9s var(--hom-ease), transform 0.9s var(--hom-ease), filter 0.9s var(--hom-ease);
}

.hom-v2-founder__panel.is-inview .hom-v2-founder__copy > *:nth-child(1) {
  transition-delay: 0.35s;
}
.hom-v2-founder__panel.is-inview .hom-v2-founder__copy > *:nth-child(2) {
  transition-delay: 0.5s;
}
.hom-v2-founder__panel.is-inview .hom-v2-founder__copy > *:nth-child(3) {
  transition-delay: 0.62s;
}
.hom-v2-founder__panel.is-inview .hom-v2-founder__copy > *:nth-child(4) {
  transition-delay: 0.74s;
}
.hom-v2-founder__panel.is-inview .hom-v2-founder__copy > *:nth-child(5) {
  transition-delay: 0.86s;
}

.hom-v2-founder__panel.is-inview .hom-v2-founder__copy > * {
  opacity: 1;
  transform: none;
  filter: none;
}

.hom-v2-count .hom-v2-count__suffix {
  display: inline-block;
  transform-origin: bottom left;
  animation: hom-v2-count-bang 0.55s var(--hom-ease) both;
}

@keyframes hom-v2-marquee {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-50%);
  }
}

@keyframes hom-v2-reel-up {
  from {
    transform: translateY(0);
  }
  to {
    transform: translateY(-50%);
  }
}

@keyframes hom-v2-reveal-up {
  from {
    opacity: 0;
    transform: translateY(40px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes hom-v2-count-bang {
  0% {
    opacity: 0;
    transform: scale(0.35) translateY(0.4em);
  }
  58% {
    opacity: 1;
    transform: scale(1.28) translateY(-0.06em);
  }
  100% {
    opacity: 1;
    transform: scale(1) translateY(0);
  }
}

@keyframes hom-v2-trail-icon {
  0% {
    opacity: 0;
    transform: translate(-50%, -50%) scale(0.6);
  }
  22% {
    opacity: 0.95;
    transform: translate(-50%, -50%) scale(1);
  }
  100% {
    opacity: 0;
    transform: translate(-50%, -50%) scale(0.75);
  }
}

.editor-styles-wrapper .hom-v2-mission:not(.is-reduced) {
  height: auto;
}

.editor-styles-wrapper .hom-v2-mission__sticky {
  position: relative;
  height: auto;
  min-height: 0;
  padding-block: 3rem;
}

.editor-styles-wrapper .hom-v2-mission__scene {
  position: relative !important;
  opacity: 1 !important;
  transform: none !important;
  pointer-events: auto !important;
}

.editor-styles-wrapper .hom-v2-hero {
  min-height: 28rem;
  height: auto;
  max-height: none;
  overflow: visible;
}

/*
 * The hero copy is a size container (container-type: size) because the live hero has a fixed
 * height and the lede scales with it. Size containment makes the box ignore its own content, so
 * with the auto-height editor hero above it collapses and the headline spills over the logo bar
 * and the next section. In the editor the box must grow with the text instead, which also means
 * the container-query lede size has to fall back to the viewport-based one.
 */
.editor-styles-wrapper .hom-v2-hero__copy {
  min-height: 0;
}

.editor-styles-wrapper .hom-v2-hero__lede,
.editor-styles-wrapper .hom-v2-hero__copy > p {
  font-size: clamp(1rem, min(1.6vw, 2.4vh), 1.75rem);
}

.editor-styles-wrapper .hom-v2-reveal,
.editor-styles-wrapper .hom-v2-founder__panel img,
.editor-styles-wrapper .hom-v2-founder__copy > * {
  opacity: 1;
  transform: none;
  filter: none;
  clip-path: none;
}

@media (prefers-reduced-motion: reduce) {
  html.hom-v2 {
    scroll-behavior: auto;
  }

  .hom-v2-marquee__track,
  .hom-v2-press__track,
  .hom-v2-hero.is-reel-settled .hom-v2-hero__rail-track,
  .hom-v2-hero.is-reel-settled .hom-v2-hero__mobile-track,
  .hom-v2-news__thanks,
  .hom-v2-count .hom-v2-count__suffix {
    animation: none !important;
  }

  .hom-v2-reveal,
  .hom-v2-founder__panel img,
  .hom-v2-founder__copy > *,
  .hom-v2-burst-card,
  .stat-trail-icon {
    opacity: 1;
    transform: none;
    filter: none;
    clip-path: none;
    transition: none;
    animation: none !important;
  }
}

/* ==========================================================================
   Client feedback round: fluid hero headline, menu spacing, mobile fixes, sticky CTA
   ========================================================================== */

/*
 * The hero headline never uses a fixed size: the admin size is the maximum, and the headline
 * shrinks with the screen (phones, tablets) or with the copy box (desktop, where the hero has a
 * fixed height) so it, the lede and the button always fit above the logo bar.
 */
.hom-v2-hero__title {
  font-size: min(var(--hom-h1-size-sm, 2.5rem), 8.2vw);
}

/* Space between the kicker and the main headline (also for headings without the slot classes).
   A margin set in the block's Dimensions panel is inline and wins. */
.hom-v2-hero__copy > :is(h1, h2, h3, p) + :is(h1, h2, h3) {
  margin-top: 1rem;
}

/* Main hero headline line height (client feedback; was the theme's 1.7). An editor line height is inline and wins. */
.hom-v2-hero__copy > :is(h1, h2, h3) + :is(h1, h2, h3),
.hom-v2-hero__copy > .hom-v2-hero__title {
  line-height: 1.3;
}

/*
 * Desktop hero (>=1024px) = one fixed 1440x750 design (90rem x 46.875rem), scaled down to the window
 * width with `zoom` and never up: an inline script in the hero render (hom_landing_render_hero_v2)
 * sets --hom-hero-zoom = min(window width, 1440px) / 90rem on <html> before the hero paints, and
 * --hom-hero-w so the gradient still spans the full window above 1440px (the content keeps its
 * 1440 size there). The window HEIGHT plays no part: a short window just scrolls, like the old
 * Elementor homepage. Rules only apply once the script has run (html[style*=...]), so the block
 * editor canvas keeps the normal fluid hero.
 */
@media (min-width: 1024px) {
  html[style*='--hom-hero-zoom'] .hom-v2-hero {
    --hom-reel-col: 36rem;
    zoom: var(--hom-hero-zoom, 1);
    width: var(--hom-hero-w, 90rem);
    max-width: none;
    height: 46.875rem;
    max-height: none;
    min-height: 0;
    margin-left: 0;
    margin-right: 0;
    /* The gradient is fixed to the window (it lines up with the sticky header's copy); zoom also
       shrinks a fixed background, so size it back to exactly one window or a band of flat colour
       shows below it and moves while scrolling. */
    background-size: calc(100vw / var(--hom-hero-zoom, 1)) calc(100svh / var(--hom-hero-zoom, 1));
  }

  html[style*='--hom-hero-zoom'] .hom-v2-burst-card {
    width: 13.125rem;
  }

  /* Above 1440px only the background widens: the copy and the reel rail stay in the centred
     1440 (90rem) design box, so text and reels keep their 1440 size. */
  html[style*='--hom-hero-zoom'] .hom-v2-hero__copy {
    max-width: 90rem;
    margin-left: auto;
    margin-right: auto;
  }

  html[style*='--hom-hero-zoom'] .hom-v2-hero__rail {
    left: max(0px, calc(50% - 45rem));
    right: max(0px, calc(50% - 45rem));
  }
}

@media (min-width: 768px) {
  .hom-v2-hero__copy > :is(h1, h2, h3, p) + :is(h1, h2, h3) {
    margin-top: 1.25rem;
  }
}

@media (min-width: 768px) {
  .hom-v2-hero__title {
    font-size: min(var(--hom-h1-size, 5.25rem), 7.6vw);
  }
}

@media (min-width: 1024px) {
  .hom-v2-hero__copy {
    justify-content: flex-start;
    padding-top: 7.5rem;
  }

  .hom-v2-hero .hom-v2-hero__copy > .hom-v2-hero__kicker:first-child,
  .hom-v2-hero .hom-v2-hero__copy > .hom-v2-hero__title:first-child,
  .hom-v2-hero__copy > :is(h1, h2, h3):first-child {
    margin-top: 0;
  }

  .hom-v2-hero .hom-v2-hero__copy .hom-v2-hero__lede,
  .hom-v2-hero .hom-v2-hero__copy > p {
    margin-top: 1.5rem;
  }

  .hom-v2-hero .hom-v2-hero__actions,
  .hom-v2-hero .wp-block-buttons {
    margin-top: 1.5rem;
    margin-bottom: auto;
    padding-top: 0;
  }

  @supports (container-type: size) {
    .hom-v2-hero__copy .hom-v2-hero__title {
      font-size: max(1.65rem, min(var(--hom-h1-size, 5.25rem), 8.4cqi, calc((100cqh - 11rem) / 4.4)));
    }

    .hom-v2-hero__copy .hom-v2-hero__lede,
    .hom-v2-hero__copy > p {
      font-size: clamp(0.95rem, min(2.6cqi, 2.4cqh), 1.35rem);
    }
  }
}

/* Header menu: more air between items on wide screens, still one row at 1100px. */
@media (min-width: 1100px) {
  :is(body.hom-v2, .editor-styles-wrapper) .hom-lp-header__menu {
    gap: 0.15rem clamp(0.5rem, 1.1vw, 1.6rem);
  }

  :is(body.hom-v2, .editor-styles-wrapper) .hom-lp-header__top-link,
  :is(body.hom-v2, .editor-styles-wrapper) .hom-lp-header__trigger {
    padding: 0.55rem clamp(0.35rem, 0.7vw, 0.9rem);
  }
}

/* Mobile menu: larger links and a scrollbar that stays visible. */
@media (max-width: 1099.98px) {
  :is(body.hom-v2, .editor-styles-wrapper) .hom-lp-header__nav {
    max-height: calc(100vh - var(--hom-header-h, 4.75rem));
    max-height: calc(100dvh - var(--hom-header-h, 4.75rem));
    overflow-y: scroll;
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: thin;
    scrollbar-color: var(--hom-indigo, #3b1fa3) #ece7f7;
  }

  :is(body.hom-v2, .editor-styles-wrapper) .hom-lp-header__nav::-webkit-scrollbar {
    width: 8px;
  }

  :is(body.hom-v2, .editor-styles-wrapper) .hom-lp-header__nav::-webkit-scrollbar-track {
    background: #ece7f7;
    border-radius: 8px;
  }

  :is(body.hom-v2, .editor-styles-wrapper) .hom-lp-header__nav::-webkit-scrollbar-thumb {
    background: var(--hom-indigo, #3b1fa3);
    border-radius: 8px;
  }

  :is(body.hom-v2, .editor-styles-wrapper) .hom-lp-header__top-link,
  :is(body.hom-v2, .editor-styles-wrapper) .hom-lp-header__trigger {
    font-size: 1.13rem;
  }
}

/* Mission "SEO" paragraph: fixed 36px overflowed phones. */
@media (max-width: 767.98px) {
  .hom-v2-seo {
    font-size: var(--hom-mission-seo-sm, clamp(1.25rem, 5.6vw, 1.75rem));
    line-height: 1.3;
    overflow-wrap: break-word;
  }
}

/* Press slider and logo marquee: pause on hover only where hover exists, and let fingers drag. */
.hom-v2-press__slider:hover .hom-v2-press__track {
  animation-play-state: running;
}

@media (hover: hover) {
  .hom-v2-press__slider:hover .hom-v2-press__track {
    animation-play-state: paused;
  }
}

.hom-v2-press__slider.is-draggable,
.hom-v2-marquee.is-draggable {
  overflow-x: auto;
  overflow-y: hidden;
  scrollbar-width: none;
  touch-action: pan-x pan-y;
  cursor: grab;
}

.hom-v2-press__slider.is-draggable::-webkit-scrollbar,
.hom-v2-marquee.is-draggable::-webkit-scrollbar {
  display: none;
}

.hom-v2-press__slider.is-dragging,
.hom-v2-marquee.is-dragging {
  cursor: grabbing;
  user-select: none;
}

.hom-v2-press__slider.is-draggable .hom-v2-press__track,
.hom-v2-marquee.is-draggable .hom-v2-marquee__track {
  animation: none;
}

/* "We've helped 500+ brands" banner: stay inside the container and wrap on phones. */
@media (max-width: 767.98px) {
  .hom-v2-banner {
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
    align-items: center;
    padding: 1.75rem 1.25rem;
    text-align: center;
  }

  .hom-v2-banner p {
    max-width: 100%;
    overflow-wrap: break-word;
  }

  .hom-v2-banner .hom-v2-btn,
  .hom-v2-banner a {
    box-sizing: border-box;
    max-width: 100%;
    white-space: normal;
    text-align: center;
    font-size: 1.25rem;
    padding: 1rem 1.5rem;
  }
}

/* Case-study industry chips: wrap instead of overflowing when a client adds industries. */
.hom-v2-cases__filterbar {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin: 0 0 1.75rem;
}

.hom-v2-cases__filter-nav {
  display: flex;
  flex: 0 0 auto;
  width: 2.5rem;
  height: 2.5rem;
  align-items: center;
  justify-content: center;
  border-radius: var(--hom-pill);
  border: 1px solid rgba(22, 28, 45, 0.1);
  background: var(--hom-white);
  color: var(--hom-ink);
  cursor: pointer;
}

.hom-v2-cases__filter-nav:disabled {
  opacity: 0.35;
  cursor: default;
}

.hom-v2-cases__filters {
  flex: 1;
  min-width: 0;
  margin: 0;
  flex-wrap: nowrap;
  overflow-x: auto;
  overflow-y: hidden;
  scrollbar-width: none;
  -webkit-overflow-scrolling: touch;
  cursor: grab;
  mask-image: linear-gradient(90deg, transparent, #000 1.5rem, #000 calc(100% - 1.5rem), transparent);
  padding-inline: 1.5rem;
  margin-inline: -1.5rem;
}

.hom-v2-cases__filters::-webkit-scrollbar {
  display: none;
}

.hom-v2-cases__filters.is-dragging {
  cursor: grabbing;
  user-select: none;
}

.hom-v2-cases__filter {
  flex: 0 0 auto;
  white-space: nowrap;
}

.hom-v2-cases__grid {
  touch-action: pan-y;
}

/* Sticky "Get In Touch": phones only. */
.hom-v2-sticky-cta {
  display: none;
}

@media (max-width: 767.98px) {
  body.hom-v2 .hom-v2-sticky-cta {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 70;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    padding: 0.85rem 1rem calc(1.4rem + env(safe-area-inset-bottom, 0px));
    background: var(--hom-orange);
    box-shadow: 0 -6px 20px rgba(12, 6, 40, 0.2);
    color: var(--hom-white);
    font-family: 'DM Sans', sans-serif;
    font-size: 1.3rem;
    font-weight: 700;
    line-height: 1.2;
    text-decoration: none;
    transition: transform 0.3s var(--hom-ease, ease);
  }

  body.hom-v2 .hom-v2-sticky-cta.is-hidden,
  body.hom-v2:has(.hom-lp-header.is-nav-open) .hom-v2-sticky-cta {
    transform: translateY(110%);
  }

  body.hom-v2:has(.hom-v2-sticky-cta) {
    padding-bottom: 3.5rem;
  }
}

/* Short phones (iPhone SE etc.): the hero's own copy is tall enough that the brand-logos row can
   load partly behind the sticky "Get In Touch" bar. Trimming the hero's internal spacing here
   pulls the logos row fully into view (or fully below the fold) instead of half-covered. */
@media (max-width: 767.98px) {
  body.hom-v2:not(:has(header.hom-lp-header)) .hom-v2-hero__copy {
    padding-top: calc(64px + 2.5rem);
  }
}

@media (max-width: 767.98px) and (max-height: 700px) {
  .hom-v2-hero__copy {
    padding-top: 1.5rem;
    padding-bottom: 1.25rem;
  }

  body.hom-v2:not(:has(header.hom-lp-header)) .hom-v2-hero__copy {
    padding-top: calc(64px + 1.25rem);
  }

  .hom-v2-hero__lede,
  .hom-v2-hero__copy > p {
    margin-top: 0.65rem;
  }

  .hom-v2-hero__actions,
  .hom-v2-hero .wp-block-buttons {
    margin-top: 0.75rem;
  }

  .hom-v2-hero__logos {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
  }
}

.hom-v2-platforms__cta {
  margin-top: 2rem;
  text-align: center;
}

/* Case-study brand: a highlighted pill on the card image, so the brand reads first. */
.hom-v2-case .hom-v2-card__media {
  position: relative;
}

.hom-v2-case .hom-v2-case__brand {
  position: absolute;
  left: 0.85rem;
  bottom: 0.85rem;
  z-index: 1;
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  max-width: calc(100% - 1.7rem);
  box-sizing: border-box;
  margin: 0;
  padding: 0.45rem 0.95rem 0.45rem 0.75rem;
  border-radius: var(--hom-pill);
  background: var(--hom-white);
  box-shadow: 0 6px 18px rgba(12, 6, 40, 0.22);
  font-family: 'DM Sans', sans-serif;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.2;
  color: var(--hom-indigo);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.hom-v2-case .hom-v2-case__brand::before {
  content: '';
  flex: 0 0 auto;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  background: var(--hom-pink);
}

/* Industries */
.hom-v2-industries__head {
  margin-bottom: 2rem;
}

/* Option 2: stacked icon cards — 3 columns on phones, 6 on desktop. */
.hom-v2-industries__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.55rem;
}

@media (min-width: 1024px) {
  .hom-v2-industries__grid {
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 0.75rem;
  }
}

.hom-v2-industry {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.55rem;
  box-sizing: border-box;
  min-height: 6.25rem;
  padding: 0.9rem 0.45rem 0.75rem;
  border: 1px solid rgba(56, 37, 148, 0.08);
  border-radius: var(--hom-radius, 1rem);
  background: #f4f1fb;
  background: color-mix(in srgb, var(--hom-lilac) 55%, #fff);
  box-shadow: none;
  color: var(--hom-ink);
  text-align: center;
  text-decoration: none;
  transition: transform 0.2s var(--hom-ease, ease), box-shadow 0.2s var(--hom-ease, ease), color 0.2s ease, border-color 0.2s ease, background 0.2s ease;
}

.hom-v2-industry:hover,
.hom-v2-industry:focus-visible {
  transform: translateY(-2px);
  border-color: var(--hom-indigo);
  background: var(--hom-white);
  box-shadow: 0 8px 20px rgba(22, 28, 45, 0.1);
  color: var(--hom-indigo);
}

.hom-v2-industry__icon {
  display: flex;
  flex: 0 0 2.5rem;
  width: 2.5rem;
  height: 2.5rem;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: var(--hom-white);
  color: var(--hom-indigo);
}

.hom-v2-industry__icon svg,
.hom-v2-industry__icon .hom-v2-icon-glyph {
  display: block;
  width: 1.15rem;
  height: 1.15rem;
}

.hom-v2-industry__title {
  min-width: 0;
  font-family: 'DM Sans', sans-serif;
  font-size: 0.82rem;
  font-weight: 600;
  line-height: 1.25;
  text-wrap: balance;
}

.hom-v2-industry__arrow {
  display: none;
}

@media (min-width: 1024px) {
  .hom-v2-industry {
    min-height: 7.25rem;
    padding: 1.1rem 0.6rem 0.9rem;
    gap: 0.65rem;
  }

  .hom-v2-industry__title {
    font-size: 0.9rem;
  }
}

/*
 * Large screens (MacBook Pro "More space", external monitors): the layout is built in rem, so above
 * 1440px the root size grows with the viewport and every section scales together, instead of the
 * hero filling the screen while the content below stays a narrow 1280px column. 1440px wide gives
 * 16px. The height term only bites on very wide, short windows (ultrawide monitors), so they don't
 * scale past what their height can show; 8K screens at 1x keep scaling instead of stopping at 2x.
 */
@media (min-width: 1441px) {
  html:has(> body.hom-v2),
  html.hom-v2 {
    font-size: clamp(100%, 1.1111vw, 200%);
  }

  .hom-v2-wrap {
    width: min(100% - (var(--hom-wrap-inset) * 2), max(var(--hom-container), 70vw));
  }

  :is(body.hom-v2, .editor-styles-wrapper) .hom-lp-header__logo {
    height: 2.5rem;
    max-width: 15rem;
  }
}

/* The mission stage spans the full width; keep the stat row inside the content column so it lines
   up with the sections below instead of spreading edge to edge on wide screens. */
.hom-v2-proofs {
  max-width: var(--hom-container);
  margin-inline: auto;
}

/* (0.42.0) The short-window and 1024-1439px hero tweaks that used to be here are gone: the desktop
   hero is now one fixed design scaled to the window width (see "Desktop hero" above). */

/* Static dot grid behind the transparent sections (hom_landing_v2_parallax_layer). Fixed to the
   viewport, between the lilac backdrop and the content; opaque sections cover it. */
.hom-v2-dotgrid {
  position: fixed;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background-image: radial-gradient(rgba(22, 28, 45, 0.13) 1px, transparent 1.6px);
  background-size: 28px 28px;
}

/* 1100-1279px: the desktop menu is on one row but only just; at the default spacing it ran wider
   than its grid column and slid under the logo and the CTA. Tighter spacing/size in this band. */
@media (min-width: 1100px) and (max-width: 1279.98px) {
  :is(body.hom-v2, .editor-styles-wrapper) .hom-lp-header .hom-lp-header__inner {
    gap: 0.75rem;
  }

  :is(body.hom-v2, .editor-styles-wrapper) .hom-lp-header__menu {
    gap: 0.15rem 0.2rem;
  }

  :is(body.hom-v2, .editor-styles-wrapper) .hom-lp-header__top-link,
  :is(body.hom-v2, .editor-styles-wrapper) .hom-lp-header__trigger {
    padding: 0.5rem 0.3rem;
    font-size: 0.84rem;
  }
}
/* Below the desktop nav breakpoint the logo must shrink so the hamburger stays on screen. */
@media (max-width: 1099.98px) {
  :is(body.hom-v2, .editor-styles-wrapper) .hom-lp-header .hom-lp-header__inner {
    min-width: 0;
  }

  :is(body.hom-v2, .editor-styles-wrapper) .hom-lp-header__brand {
    flex: 1 1 auto;
    min-width: 0;
  }

  :is(body.hom-v2, .editor-styles-wrapper) .hom-lp-header__logo {
    max-width: min(240px, 100%);
    height: auto;
    max-height: 40px;
  }

  :is(body.hom-v2, .editor-styles-wrapper) .hom-lp-header__toggle {
    display: inline-flex;
    flex: 0 0 auto;
    margin-left: auto;
    z-index: 2;
  }
}

@media (max-width: 359.98px) {
  :is(body.hom-v2, .editor-styles-wrapper) .hom-lp-header .hom-lp-header__inner {
    padding-inline: 0.75rem;
    gap: 0.4rem;
  }

  :is(body.hom-v2, .editor-styles-wrapper) .hom-lp-header__logo {
    max-height: 32px;
  }

  .hom-v2-hero__copy {
    padding: 1rem 0.75rem 0.75rem;
  }

  .hom-v2-hero__mobile-reels figure {
    height: 22svh;
  }

  .hom-v2-hero__actions,
  .hom-v2-hero .wp-block-buttons {
    margin-top: 0.65rem;
  }
}

/* ==========================================================================
   Section "Sizes & columns" overrides (block sidebar -> CSS variables on the section).
   Each rule only matches when its variable is present in the section's inline style, so an
   untouched slider leaves the responsive defaults above alone. The trailing colon in the
   selector keeps "--x:" from matching "--x-sm:". Registry: hom_landing_v2_section_size_fields().
   ========================================================================== */
[style*='--hom-card-text:'] .hom-v2-card__text {
  font-size: var(--hom-card-text);
}

[style*='--hom-case-brand:'] .hom-v2-case .hom-v2-case__brand {
  font-size: var(--hom-case-brand);
}

[style*='--hom-faq-q:'] .hom-v2-faq__qs li button,
[style*='--hom-faq-q:'] .hom-v2-faq__item button,
[style*='--hom-faq-q:'] .hom-v2-faq-item-edit__q {
  font-size: var(--hom-faq-q);
}

[style*='--hom-faq-a:'] .hom-v2-faq__answer,
[style*='--hom-faq-a:'] .hom-v2-faq__current,
[style*='--hom-faq-a:'] .hom-v2-faq-item-edit__a {
  font-size: var(--hom-faq-a);
}

@media (max-width: 639px) {
  [style*='--hom-industry-size-sm:'] .hom-v2-industry__title {
    font-size: var(--hom-industry-size-sm);
  }
}

@media (min-width: 640px) {
  [style*='--hom-industry-size:'] .hom-v2-industry__title {
    font-size: var(--hom-industry-size);
  }
}

@media (max-width: 767px) {
  [style*='--hom-ticker-size-sm:'] .hom-v2-ticker__text {
    font-size: var(--hom-ticker-size-sm);
  }

  [style*='--hom-case-kpi-sm:'] .hom-v2-case h3 {
    font-size: var(--hom-case-kpi-sm);
  }

  [style*='--hom-services-cols-sm:'] .hom-v2-services__grid {
    grid-template-columns: repeat(var(--hom-services-cols-sm), minmax(0, 1fr));
  }

  [style*='--hom-card-title-sm:'] .hom-v2-card__title {
    font-size: var(--hom-card-title-sm);
  }

  [style*='--hom-blog-title-sm:'] .hom-v2-blog-card h3 {
    font-size: var(--hom-blog-title-sm);
  }
}

@media (min-width: 768px) {
  [style*='--hom-ticker-size:'] .hom-v2-ticker__text {
    font-size: var(--hom-ticker-size);
  }

  [style*='--hom-case-kpi:'] .hom-v2-case h3 {
    font-size: var(--hom-case-kpi);
  }

  [style*='--hom-card-title:'] .hom-v2-card__title {
    font-size: var(--hom-card-title);
  }

  [style*='--hom-blog-title:'] .hom-v2-blog-card h3 {
    font-size: var(--hom-blog-title);
  }
}

@media (min-width: 1024px) {
  [style*='--hom-services-cols:'] .hom-v2-services__grid {
    grid-template-columns: repeat(var(--hom-services-cols), minmax(0, 1fr));
  }

  [style*='--hom-cases-cols:'] .hom-v2-cases__grid {
    grid-template-columns: repeat(var(--hom-cases-cols), minmax(0, 1fr));
  }

  [style*='--hom-blog-cols:'] .hom-v2-blog__grid {
    grid-template-columns: repeat(var(--hom-blog-cols), minmax(0, 1fr));
  }
}

/* =================================================================================================
   Site header = the houseofmarketers.com header (Elementor header template 23501, measured
   2026-11-02): Inter 13px/500 links, pink "Get in touch" (6px radius, hover #2400da), 87px bar
   (72px tablet, 64px phone), #2f11c7 panels (8px radius, 24px padding), "See all ..." pink button
   bottom right, white bar with #2400da links once scrolled. At the top of the page our bar keeps the
   hero gradient (it reads as their transparent bar over the hero). Mega panels span the header
   (max 1398px, centred); the Insights dropdown is a 480px panel at the right.
   ============================================================================================== */
:is(body.hom-v2, .editor-styles-wrapper) .hom-lp-header {
  --hom-nav-pink: #ef4493;
  --hom-nav-pink-hover: #2400da;
  --hom-nav-panel: #2f11c7;
  --hom-nav-light: #f0f6ff;
  --hom-nav-scrolled-link: #2400da;
  font-family: Inter, var(--hom-font-body), sans-serif;
}

:is(body.hom-v2, .editor-styles-wrapper) .hom-lp-header .hom-lp-header__top-link,
:is(body.hom-v2, .editor-styles-wrapper) .hom-lp-header .hom-lp-header__trigger,
:is(body.hom-v2, .editor-styles-wrapper) .hom-lp-header .hom-lp-header__menu-link,
:is(body.hom-v2, .editor-styles-wrapper) .hom-lp-header .hom-lp-header__mega-heading,
:is(body.hom-v2, .editor-styles-wrapper) .hom-lp-header .hom-lp-header__more,
:is(body.hom-v2, .editor-styles-wrapper) .hom-lp-header .hom-lp-header__cta,
:is(body.hom-v2, .editor-styles-wrapper) .hom-lp-header .hom-lp-header__menu-link-label,
:is(body.hom-v2, .editor-styles-wrapper) .hom-lp-header .hom-lp-header__menu-link-desc {
  font-family: Inter, var(--hom-font-body), sans-serif;
}

:is(body.hom-v2, .editor-styles-wrapper) .hom-lp-header .hom-lp-header__cta {
  background: var(--hom-nav-pink);
  color: #fff !important;
  border-radius: 0.375rem;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.25rem;
  padding: 0.625rem 1.25rem;
  box-shadow: none;
  transition: background-color 0.2s ease;
}

:is(body.hom-v2, .editor-styles-wrapper) .hom-lp-header .hom-lp-header__cta:hover,
:is(body.hom-v2, .editor-styles-wrapper) .hom-lp-header .hom-lp-header__cta:focus-visible {
  background: var(--hom-nav-pink-hover);
}

/* Panels (shared by desktop and the mobile menu). */
:is(body.hom-v2, .editor-styles-wrapper) .hom-lp-header .hom-lp-header__panel {
  background: var(--hom-nav-panel);
  border: 0;
  color: var(--hom-nav-light);
}

:is(body.hom-v2, .editor-styles-wrapper) .hom-lp-header .hom-lp-header__submenu-list {
  gap: 0;
}

:is(body.hom-v2, .editor-styles-wrapper) .hom-lp-header .hom-lp-header__panel .hom-lp-header__menu-link {
  border-radius: 0;
  background: transparent;
  color: var(--hom-nav-light);
  transform: none;
}

:is(body.hom-v2, .editor-styles-wrapper) .hom-lp-header .hom-lp-header__panel .hom-lp-header__menu-link:hover,
:is(body.hom-v2, .editor-styles-wrapper) .hom-lp-header .hom-lp-header__panel .hom-lp-header__menu-link:focus-visible {
  background: transparent;
  color: var(--hom-nav-pink);
  transform: none;
}

:is(body.hom-v2, .editor-styles-wrapper) .hom-lp-header .hom-lp-header__menu-link-label {
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1.75rem;
}

:is(body.hom-v2, .editor-styles-wrapper) .hom-lp-header .hom-lp-header__menu-link-desc {
  color: rgba(255, 255, 255, 0.7);
}

:is(body.hom-v2, .editor-styles-wrapper) .hom-lp-header .hom-lp-header__mega-heading {
  display: block;
  margin: 0 0 0.25rem;
  padding: 0.25rem 1rem 0.5rem;
  color: #fff;
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1.75rem;
  letter-spacing: 0;
  text-transform: none;
  text-decoration: none;
}

:is(body.hom-v2, .editor-styles-wrapper) .hom-lp-header a.hom-lp-header__mega-heading:hover,
:is(body.hom-v2, .editor-styles-wrapper) .hom-lp-header a.hom-lp-header__mega-heading:focus-visible {
  color: var(--hom-nav-pink);
}

/* Links inside a group (Services): smaller, regular weight, 80% white. */
:is(body.hom-v2, .editor-styles-wrapper) .hom-lp-header .hom-lp-header__mega-col--group .hom-lp-header__menu-link-label {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5rem;
}

:is(body.hom-v2, .editor-styles-wrapper) .hom-lp-header .hom-lp-header__mega-col--group .hom-lp-header__menu-link:not(:hover):not(:focus-visible) {
  color: rgba(255, 255, 255, 0.8);
}

:is(body.hom-v2, .editor-styles-wrapper) .hom-lp-header .hom-lp-header__more-row {
  display: flex;
  justify-content: flex-end;
  padding-top: 1.5rem;
}

:is(body.hom-v2, .editor-styles-wrapper) .hom-lp-header .hom-lp-header__more {
  display: inline-flex;
  align-items: center;
  padding: 0.625rem 1.25rem;
  border-radius: 0.375rem;
  background: var(--hom-nav-pink);
  color: #fff;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.25rem;
  text-decoration: none;
  transition: background-color 0.2s ease;
}

:is(body.hom-v2, .editor-styles-wrapper) .hom-lp-header .hom-lp-header__more:hover,
:is(body.hom-v2, .editor-styles-wrapper) .hom-lp-header .hom-lp-header__more:focus-visible {
  background: var(--hom-nav-pink-hover);
  color: #fff;
}

/* Scrolled: white bar, #2400da links (pink on hover). */
:is(body.hom-v2, .editor-styles-wrapper) .hom-lp-header.is-scrolled {
  background: #fff;
  box-shadow: 0 1px 0 rgba(22, 28, 45, 0.08);
}

:is(body.hom-v2, .editor-styles-wrapper) .hom-lp-header.is-scrolled .hom-lp-header__menu > .hom-lp-header__item > .hom-lp-header__top-link,
:is(body.hom-v2, .editor-styles-wrapper) .hom-lp-header.is-scrolled .hom-lp-header__menu > .hom-lp-header__item > .hom-lp-header__trigger,
:is(body.hom-v2, .editor-styles-wrapper) .hom-lp-header.is-scrolled .hom-lp-header__toggle {
  color: var(--hom-nav-scrolled-link);
}

@media (min-width: 1100px) {
  :is(body.hom-v2, .editor-styles-wrapper) .hom-lp-header.hom-lp-header .hom-lp-header__inner {
    min-height: 5.4375rem;
    padding: 0 2rem;
    gap: 1.5rem;
    grid-template-columns: auto minmax(0, 1fr) auto;
  }

  :is(body.hom-v2, .editor-styles-wrapper) .hom-lp-header.hom-lp-header .hom-lp-header__logo {
    width: 14.9375rem;
    max-width: none;
    height: auto;
    max-height: none;
  }

  /* Menu aligned to the right, next to the button; items fill the bar's height so the pointer can
     travel from a menu item straight into its panel without leaving the hover area. */
  :is(body.hom-v2, .editor-styles-wrapper) .hom-lp-header.hom-lp-header .hom-lp-header__nav {
    position: static;
    justify-self: end;
    align-self: stretch;
  }

  :is(body.hom-v2, .editor-styles-wrapper) .hom-lp-header.hom-lp-header .hom-lp-header__nav-inner,
  :is(body.hom-v2, .editor-styles-wrapper) .hom-lp-header.hom-lp-header .hom-lp-header__menu {
    height: 100%;
    align-items: stretch;
    justify-content: flex-end;
    gap: 0;
  }

  :is(body.hom-v2, .editor-styles-wrapper) .hom-lp-header .hom-lp-header__item {
    position: static;
    display: flex;
    align-items: center;
  }

  :is(body.hom-v2, .editor-styles-wrapper) .hom-lp-header.hom-lp-header .hom-lp-header__top-link,
  :is(body.hom-v2, .editor-styles-wrapper) .hom-lp-header.hom-lp-header .hom-lp-header__trigger {
    padding: 0.625rem 1.25rem;
    font-size: 0.8125rem;
    font-weight: 500;
    line-height: 1.25rem;
  }

  :is(body.hom-v2, .editor-styles-wrapper) .hom-lp-header.hom-lp-header .hom-lp-header__menu .hom-lp-header__top-link:hover,
  :is(body.hom-v2, .editor-styles-wrapper) .hom-lp-header.hom-lp-header .hom-lp-header__menu .hom-lp-header__top-link:focus-visible,
  :is(body.hom-v2, .editor-styles-wrapper) .hom-lp-header.hom-lp-header .hom-lp-header__item--has-panel:is(:hover, :focus-within, .is-open) > .hom-lp-header__trigger {
    color: var(--hom-nav-pink);
  }

  :is(body.hom-v2, .editor-styles-wrapper) .hom-lp-header .hom-lp-header__panel-wrap,
  :is(body.hom-v2, .editor-styles-wrapper) .hom-lp-header .hom-lp-header__item--mega > .hom-lp-header__panel-wrap {
    top: 100%;
    left: 0;
    right: 0;
    margin-inline: auto;
    padding-top: 1px;
    width: min(87.375rem, 100% - 2.625rem);
    transform: none;
  }

  :is(body.hom-v2, .editor-styles-wrapper) .hom-lp-header .hom-lp-header__item--dropdown > .hom-lp-header__panel-wrap {
    left: auto;
    right: max(1.3125rem, (100% - 87.375rem) / 2);
    margin-inline: 0;
    width: 30rem;
  }

  :is(body.hom-v2, .editor-styles-wrapper) .hom-lp-header .hom-lp-header__panel {
    padding: 1.5rem;
    border-radius: 0.5rem;
    max-width: none;
    min-width: 0;
  }

  /* Same colour as the hero behind it, so a shadow separates the panel. */
  :is(body.hom-v2, .editor-styles-wrapper) .hom-lp-header.hom-lp-header .hom-lp-header__item .hom-lp-header__panel {
    box-shadow: 0 1.5rem 3rem rgba(12, 6, 60, 0.35);
  }

  :is(body.hom-v2, .editor-styles-wrapper) .hom-lp-header .hom-lp-header__panel .hom-lp-header__menu-link {
    padding: 0.5rem 1rem;
  }

  :is(body.hom-v2, .editor-styles-wrapper) .hom-lp-header .hom-lp-header__mega-grid {
    grid-template-columns: repeat(var(--hom-mega-cols, 3), minmax(0, 1fr));
    gap: 0 3rem;
  }

  /* One list (Industries): its links flow in three columns, row by row. */
  :is(body.hom-v2, .editor-styles-wrapper) .hom-lp-header .hom-lp-header__mega-grid--single .hom-lp-header__submenu-list {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  :is(body.hom-v2, .editor-styles-wrapper) .hom-lp-header .hom-lp-header__mega-col--group .hom-lp-header__menu-link {
    padding-block: 0.25rem;
  }
}

/* Below the desktop breakpoint: burger bar (72px tablet, 64px phone) and a full-width purple menu. */
@media (max-width: 1099.98px) {
  :is(body.hom-v2, .editor-styles-wrapper) .hom-lp-header.hom-lp-header .hom-lp-header__inner {
    min-height: 4.5rem;
    padding: 1rem 2rem;
  }

  :is(body.hom-v2, .editor-styles-wrapper) .hom-lp-header.hom-lp-header .hom-lp-header__logo {
    width: 12rem;
    max-width: 100%;
    height: auto;
    max-height: none;
  }

  /* Opening the menu at the top of the page keeps the bar as it is (gradient, white logo). */
  :is(body.hom-v2, .editor-styles-wrapper) .hom-lp-header.is-nav-open:not(.is-scrolled) {
    background-color: #2f11c7;
    background-image: var(--hom-hero-gradient);
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: 100% 100svh;
    background-position: 0 0;
    box-shadow: none;
  }

  :is(body.hom-v2, .editor-styles-wrapper) .hom-lp-header.is-nav-open:not(.is-scrolled) .hom-lp-header__logo--on-dark {
    display: block;
  }

  :is(body.hom-v2, .editor-styles-wrapper) .hom-lp-header.is-nav-open:not(.is-scrolled) .hom-lp-header__logo--color {
    display: none;
  }

  :is(body.hom-v2, .editor-styles-wrapper) .hom-lp-header.is-nav-open:not(.is-scrolled) .hom-lp-header__toggle {
    color: #fff;
  }

  :is(body.hom-v2, .editor-styles-wrapper) .hom-lp-header.hom-lp-header .hom-lp-header__nav {
    background: var(--hom-nav-panel);
    border: 0;
    box-shadow: none;
    padding: 0.5rem 0 1.5rem;
    scrollbar-color: rgba(255, 255, 255, 0.5) var(--hom-nav-panel);
  }

  :is(body.hom-v2, .editor-styles-wrapper) .hom-lp-header .hom-lp-header__nav::-webkit-scrollbar-track {
    background: var(--hom-nav-panel);
  }

  :is(body.hom-v2, .editor-styles-wrapper) .hom-lp-header .hom-lp-header__nav::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, 0.5);
  }

  :is(body.hom-v2, .editor-styles-wrapper) .hom-lp-header.hom-lp-header .hom-lp-header__nav .hom-lp-header__top-link,
  :is(body.hom-v2, .editor-styles-wrapper) .hom-lp-header.hom-lp-header .hom-lp-header__nav .hom-lp-header__trigger {
    color: var(--hom-nav-light);
    font-size: 1.125rem;
    font-weight: 600;
    line-height: 1.75rem;
    padding: 0.875rem 2rem;
  }

  :is(body.hom-v2, .editor-styles-wrapper) .hom-lp-header.hom-lp-header .hom-lp-header__nav .hom-lp-header__top-link:hover,
  :is(body.hom-v2, .editor-styles-wrapper) .hom-lp-header.hom-lp-header .hom-lp-header__nav .hom-lp-header__trigger:hover,
  :is(body.hom-v2, .editor-styles-wrapper) .hom-lp-header.hom-lp-header .hom-lp-header__item.is-open > .hom-lp-header__trigger {
    color: var(--hom-nav-pink);
  }

  :is(body.hom-v2, .editor-styles-wrapper) .hom-lp-header.hom-lp-header .hom-lp-header__panel {
    background: transparent;
    padding: 0 0 0.75rem;
  }

  :is(body.hom-v2, .editor-styles-wrapper) .hom-lp-header .hom-lp-header__mega-grid {
    gap: 0.5rem;
  }

  :is(body.hom-v2, .editor-styles-wrapper) .hom-lp-header .hom-lp-header__panel .hom-lp-header__menu-link {
    padding: 0.5rem 2rem 0.5rem 3rem;
  }

  :is(body.hom-v2, .editor-styles-wrapper) .hom-lp-header .hom-lp-header__panel .hom-lp-header__menu-link-label {
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5rem;
  }

  :is(body.hom-v2, .editor-styles-wrapper) .hom-lp-header .hom-lp-header__panel .hom-lp-header__menu-link:not(:hover):not(:focus-visible) {
    color: rgba(255, 255, 255, 0.8);
  }

  :is(body.hom-v2, .editor-styles-wrapper) .hom-lp-header .hom-lp-header__mega-heading {
    padding: 0.5rem 2rem 0.25rem 3rem;
    margin: 0;
  }

  :is(body.hom-v2, .editor-styles-wrapper) .hom-lp-header .hom-lp-header__more-row {
    justify-content: flex-start;
    padding: 0.5rem 2rem 0 3rem;
  }

  :is(body.hom-v2, .editor-styles-wrapper) .hom-lp-header .hom-lp-header__more {
    padding: 0;
    background: transparent;
    color: #fff;
    font-size: 1rem;
    line-height: 1.5rem;
  }

  :is(body.hom-v2, .editor-styles-wrapper) .hom-lp-header .hom-lp-header__more::after {
    content: "\2192";
    margin-inline-start: 0.3em;
  }

  :is(body.hom-v2, .editor-styles-wrapper) .hom-lp-header .hom-lp-header__more:hover,
  :is(body.hom-v2, .editor-styles-wrapper) .hom-lp-header .hom-lp-header__more:focus-visible {
    background: transparent;
    text-decoration: underline;
    text-underline-offset: 4px;
  }

  :is(body.hom-v2, .editor-styles-wrapper) .hom-lp-header.hom-lp-header .hom-lp-header__cta--mobile {
    margin: 1rem 2rem 0;
    padding: 0.875rem 1.25rem;
    font-size: 1rem;
  }
}

@media (max-width: 767.98px) {
  :is(body.hom-v2, .editor-styles-wrapper) .hom-lp-header.hom-lp-header .hom-lp-header__inner {
    min-height: 4rem;
    padding: 0.75rem 1.5rem;
  }

  :is(body.hom-v2, .editor-styles-wrapper) .hom-lp-header.hom-lp-header .hom-lp-header__logo {
    width: 9.4375rem;
  }

  :is(body.hom-v2, .editor-styles-wrapper) .hom-lp-header.hom-lp-header .hom-lp-header__nav .hom-lp-header__top-link,
  :is(body.hom-v2, .editor-styles-wrapper) .hom-lp-header.hom-lp-header .hom-lp-header__nav .hom-lp-header__trigger {
    padding-inline: 1.5rem;
  }

  :is(body.hom-v2, .editor-styles-wrapper) .hom-lp-header .hom-lp-header__panel .hom-lp-header__menu-link,
  :is(body.hom-v2, .editor-styles-wrapper) .hom-lp-header .hom-lp-header__mega-heading,
  :is(body.hom-v2, .editor-styles-wrapper) .hom-lp-header .hom-lp-header__more-row {
    padding-left: 2.5rem;
    padding-right: 1.5rem;
  }

  :is(body.hom-v2, .editor-styles-wrapper) .hom-lp-header.hom-lp-header .hom-lp-header__cta--mobile {
    margin-inline: 1.5rem;
  }
}

/*
 * (0.44.0) Site footer, matched to the houseofmarketers.com Elementor footer (template 26265):
 * 4 columns (1.1fr 1fr 1fr 1.1fr) on desktop, 2 at <=1024px, 1 at <=767px where Services and
 * Industries fold into accordions (kit JS adds .is-js; without it they stay open).
 */
:root {
  --hom-footer-bg: #250e8d;
  --hom-footer-ink: #f0f6ff;
  --hom-footer-line: rgba(240, 246, 255, 0.16);
}

:is(body.hom-v2, .editor-styles-wrapper) .hom-v2-footer {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  gap: 3rem;
  box-sizing: border-box;
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 4.5rem 2rem 2rem;
  background: var(--hom-footer-bg);
  color: var(--hom-footer-ink);
  font-family: Inter, var(--hom-font-body), sans-serif;
  font-size: 0.9375rem;
  font-weight: 400;
  line-height: 1.5rem;
  letter-spacing: 0;
  text-align: left;
}

:is(body.hom-v2, .editor-styles-wrapper) .hom-v2-footer * {
  box-sizing: border-box;
}

:is(body.hom-v2, .editor-styles-wrapper) .hom-v2-footer :is(p, ul) {
  margin: 0;
  padding: 0;
  list-style: none;
}

:is(body.hom-v2, .editor-styles-wrapper) .hom-v2-footer a {
  color: var(--hom-footer-ink);
  text-decoration: none;
  transition: color 0.3s, opacity 0.3s;
}

:is(body.hom-v2, .editor-styles-wrapper) .hom-v2-footer a:hover {
  color: var(--hom-pink);
}

:is(body.hom-v2, .editor-styles-wrapper) .hom-v2-footer a:focus-visible,
:is(body.hom-v2, .editor-styles-wrapper) .hom-v2-footer button:focus-visible {
  outline: 2px solid var(--hom-white);
  outline-offset: 2px;
  transition: none;
}

:is(body.hom-v2, .editor-styles-wrapper) .hom-v2-footer svg {
  display: block;
  width: 1em;
  height: 1em;
  fill: currentColor;
}

:is(body.hom-v2, .editor-styles-wrapper) .hom-v2-footer__grid {
  display: grid;
  grid-template-columns: 1.1fr 1fr 1fr 1.1fr;
  gap: 3rem;
}

:is(body.hom-v2, .editor-styles-wrapper) .hom-v2-footer__col {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  min-width: 0;
}

:is(body.hom-v2, .editor-styles-wrapper) .hom-v2-footer__col--acc {
  display: block;
}

:is(body.hom-v2, .editor-styles-wrapper) .hom-v2-footer__title {
  display: block;
  margin: 0;
  color: var(--hom-footer-ink);
  font-size: 0.8125rem;
  font-weight: 600;
  line-height: 1.25rem;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  opacity: 0.7;
}

:is(body.hom-v2, .editor-styles-wrapper) .hom-v2-footer a.hom-v2-footer__title:hover,
:is(body.hom-v2, .editor-styles-wrapper) .hom-v2-footer a.hom-v2-footer__title:focus-visible {
  color: var(--hom-pink);
  opacity: 1;
}

:is(body.hom-v2, .editor-styles-wrapper) .hom-v2-footer__head {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0.875rem;
}

:is(body.hom-v2, .editor-styles-wrapper) .hom-v2-footer__toggle {
  display: none;
}

:is(body.hom-v2, .editor-styles-wrapper) .hom-v2-footer__about a {
  color: var(--hom-pink);
}

:is(body.hom-v2, .editor-styles-wrapper) .hom-v2-footer__about a:hover,
:is(body.hom-v2, .editor-styles-wrapper) .hom-v2-footer__about a:focus-visible {
  color: var(--hom-white);
  text-decoration: underline;
}

:is(body.hom-v2, .editor-styles-wrapper) .hom-v2-footer__badges {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 1rem;
}

:is(body.hom-v2, .editor-styles-wrapper) .hom-v2-footer__badge {
  display: block;
  width: 7.5rem;
}

:is(body.hom-v2, .editor-styles-wrapper) .hom-v2-footer__badge img {
  display: block;
  width: 100%;
  max-width: none;
  height: auto;
  margin: 0;
  border-radius: 0;
}

:is(body.hom-v2, .editor-styles-wrapper) .hom-v2-footer__links a,
:is(body.hom-v2, .editor-styles-wrapper) .hom-v2-footer__group-title,
:is(body.hom-v2, .editor-styles-wrapper) .hom-v2-footer__more {
  display: block;
  padding: 0.125rem 0;
  line-height: 1.5rem;
}

:is(body.hom-v2, .editor-styles-wrapper) .hom-v2-footer .hom-v2-footer__group-title,
:is(body.hom-v2, .editor-styles-wrapper) .hom-v2-footer .hom-v2-footer__more {
  color: var(--hom-white);
  font-weight: 600;
}

:is(body.hom-v2, .editor-styles-wrapper) .hom-v2-footer a.hom-v2-footer__group-title:hover,
:is(body.hom-v2, .editor-styles-wrapper) .hom-v2-footer .hom-v2-footer__more:hover {
  color: var(--hom-pink);
}

:is(body.hom-v2, .editor-styles-wrapper) .hom-v2-footer__group + .hom-v2-footer__group {
  margin-top: 0.75rem;
}

:is(body.hom-v2, .editor-styles-wrapper) .hom-v2-footer__more {
  margin-top: 0.875rem;
}

:is(body.hom-v2, .editor-styles-wrapper) .hom-v2-footer__more::after {
  content: '→';
  content: '→' / '';
  margin-inline-start: 0.3em;
}

:is(body.hom-v2, .editor-styles-wrapper) .hom-v2-footer__contact li + li {
  margin-top: 0.75rem;
}

:is(body.hom-v2, .editor-styles-wrapper) .hom-v2-footer__contact :is(li, a) {
  display: flex;
  align-items: center;
}

:is(body.hom-v2, .editor-styles-wrapper) .hom-v2-footer__icon {
  display: flex;
  flex: 0 0 auto;
  justify-content: center;
  width: 1.40625rem;
  margin-inline-end: 0.75rem;
  font-size: 1.125rem;
  transition: color 0.3s;
}

:is(body.hom-v2, .editor-styles-wrapper) .hom-v2-footer__contact-text {
  padding-inline-start: 0.3125rem;
  overflow-wrap: anywhere;
  transition: color 0.3s;
}

:is(body.hom-v2, .editor-styles-wrapper) .hom-v2-footer__contact li:hover :is(.hom-v2-footer__icon, .hom-v2-footer__contact-text) {
  color: var(--hom-pink);
}

:is(body.hom-v2, .editor-styles-wrapper) .hom-v2-footer__social {
  display: flex;
  gap: 1rem;
  font-size: 1.25rem;
}

:is(body.hom-v2, .editor-styles-wrapper) .hom-v2-footer__bottom {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding-top: 1.5rem;
  border-top: 1px solid var(--hom-footer-line);
  font-size: 0.875rem;
  line-height: 1.25rem;
}

:is(body.hom-v2, .editor-styles-wrapper) .hom-v2-footer__legal {
  display: flex;
  flex-wrap: wrap;
  column-gap: 1.5rem;
}

@media (max-width: 1024px) {
  :is(body.hom-v2, .editor-styles-wrapper) .hom-v2-footer {
    padding-top: 4rem;
  }

  :is(body.hom-v2, .editor-styles-wrapper) .hom-v2-footer__grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 767px) {
  :is(body.hom-v2, .editor-styles-wrapper) .hom-v2-footer {
    gap: 2rem;
    padding: 3rem 1.5rem 1.5rem;
  }

  :is(body.hom-v2, .editor-styles-wrapper) .hom-v2-footer__grid {
    grid-template-columns: 1fr;
    gap: 0;
  }

  :is(body.hom-v2, .editor-styles-wrapper) .hom-v2-footer__col--brand {
    padding-bottom: 2rem;
  }

  :is(body.hom-v2, .editor-styles-wrapper) .hom-v2-footer__col--company {
    padding-top: 2rem;
  }

  :is(body.hom-v2, .editor-styles-wrapper) .hom-v2-footer__col--acc {
    border-bottom: 1px solid var(--hom-footer-line);
  }

  :is(body.hom-v2, .editor-styles-wrapper) .hom-v2-footer__col--brand + .hom-v2-footer__col--acc {
    border-top: 1px solid var(--hom-footer-line);
  }

  :is(body.hom-v2, .editor-styles-wrapper) .hom-v2-footer__head {
    margin-bottom: 0;
    padding: 0.875rem 0;
  }

  :is(body.hom-v2, .editor-styles-wrapper) .hom-v2-footer.is-js .hom-v2-footer__toggle {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: 0;
    border: 0;
    background: none;
    color: var(--hom-footer-ink);
    font-size: 0.875rem;
    cursor: pointer;
    opacity: 0.7;
  }

  :is(body.hom-v2, .editor-styles-wrapper) .hom-v2-footer__toggle svg {
    transition: transform 0.2s;
  }

  :is(body.hom-v2, .editor-styles-wrapper) .hom-v2-footer__col.is-open .hom-v2-footer__toggle svg {
    transform: rotate(180deg);
  }

  :is(body.hom-v2, .editor-styles-wrapper) .hom-v2-footer__panel {
    padding: 0.5rem 0 1rem;
  }

  :is(body.hom-v2, .editor-styles-wrapper) .hom-v2-footer.is-js .hom-v2-footer__col:not(.is-open) .hom-v2-footer__panel {
    display: none;
  }

  :is(body.hom-v2, .editor-styles-wrapper) .hom-v2-footer__bottom {
    flex-direction: column;
    align-items: flex-start;
  }
}

/*
 * Site (Elementor Pro theme builder) header/footer: shown when the page has no HoM header/footer
 * block. When the block is there, hide the site's copy in case the template still targets the page.
 */
body.hom-v2:has(.hom-lp-header) .elementor-location-header,
body.hom-v2:has(.hom-v2-footer) .elementor-location-footer {
  display: none !important;
}

body.hom-v2 .elementor-location-header {
  position: relative;
  z-index: 40;
}