/* Homepage restoration layer.
   The original V4 page composition is visible again. The compact reference
   composition stays dormant, except for its approved creator cards on phones. */

.mobile-pixel-home,
.mobile-pixel-footer,
.mph-creators-zone {
  display: none !important;
}

body.home-page.v4-page > .v4-home-main,
body.home-page.v4-page > .site-footer {
  display: block !important;
}

body.home-page.v4-page .v4-photo-wheel,
body.home-page.v4-page #heroPhotoWheel,
body.home-page.v4-page #heroPhotoTrack,
body.home-page.v4-page #heroPhotoRow {
  display: none !important;
}

body.home-page.v4-page .v4-service-card .v4-service-reference-media {
  height: auto !important;
  aspect-ratio: 1 / 1 !important;
  background: transparent !important;
}

body.home-page.v4-page .v4-service-card .v4-service-reference-media > img {
  object-fit: contain !important;
}

body.home-page.v4-page .v4-benefit-intro .v4-split-visual {
  width: 100% !important;
  max-width: 448px !important;
  height: auto !important;
  max-height: none !important;
  aspect-ratio: 1122 / 1402 !important;
  justify-self: center !important;
  background: #fff !important;
}

body.home-page.v4-page .v4-benefit-intro .v4-split-visual > img {
  object-fit: contain !important;
}

/* The photo wheel no longer reserves any hero space. */
html body.home-page.v4-page #top.v4-home-hero.lm-hero {
  box-sizing: border-box !important;
  display: flex !important;
  align-items: center !important;
  width: 100% !important;
  height: auto !important;
  min-height: 680px !important;
  max-height: none !important;
  padding: 138px 0 112px !important;
  overflow: hidden !important;
}

html body.home-page.v4-page #top > .v4-hero-shell.container {
  position: relative !important;
  inset: auto !important;
  width: min(980px, calc(100% - 48px)) !important;
  min-height: 0 !important;
  margin: 0 auto !important;
  padding: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  z-index: 8 !important;
}

html body.home-page.v4-page #top .v4-hero-copy {
  width: min(850px, 92vw) !important;
  margin: 0 auto !important;
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
}

html body.home-page.v4-page #top .v4-eyebrow {
  margin: 0 0 20px !important;
  font-size: .78rem !important;
  line-height: 1.35 !important;
}

html body.home-page.v4-page #top .v4-hero-copy h1 {
  margin: 0 !important;
  font-size: clamp(3rem, 5.45vw, 5.15rem) !important;
  line-height: .98 !important;
  letter-spacing: -.055em !important;
}

html body.home-page.v4-page #top .v4-hero-copy > p {
  max-width: 650px !important;
  margin: 22px auto 0 !important;
  font-size: .97rem !important;
  line-height: 1.95 !important;
}

html body.home-page.v4-page #top .v4-hero-actions {
  display: flex !important;
  justify-content: center !important;
  gap: 10px !important;
  margin-top: 25px !important;
}

html body.home-page.v4-page #top .v4-hero-actions .v4-btn {
  min-height: 48px !important;
  padding: 10px 24px !important;
  font-size: .86rem !important;
}

@media (max-width: 620px) {
  html,
  body.home-page.v4-page {
    height: auto !important;
    min-height: 100% !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
  }

  /* Preserve the approved mobile header shown in the supplied reference. */
  body.home-page.v4-page .site-header.service-header,
  body.home-page.v4-page .site-header.service-header.is-scrolled {
    position: absolute !important;
    inset: 0 0 auto !important;
    width: 100% !important;
    height: 58px !important;
    min-height: 58px !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    transform: none !important;
    opacity: 1 !important;
    z-index: 100 !important;
  }

  body.home-page.v4-page .site-header.service-header .header-inner,
  body.home-page.v4-page .site-header.service-header.is-scrolled .header-inner {
    direction: rtl !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    width: calc(100% - 24px) !important;
    max-width: none !important;
    height: 58px !important;
    min-height: 58px !important;
    margin: 0 auto !important;
    padding: 8px 0 !important;
    gap: 5px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }

  body.home-page.v4-page .site-header .desktop-nav,
  body.home-page.v4-page .site-header .theme-toggle {
    display: none !important;
  }

  body.home-page.v4-page .site-header .brand {
    order: 1 !important;
    flex: 0 0 auto !important;
    width: auto !important;
    max-width: none !important;
    margin: 0 4px 0 auto !important;
    padding: 0 !important;
  }

  body.home-page.v4-page .site-header .site-logo {
    display: block !important;
    width: auto !important;
    max-width: none !important;
    line-height: 0 !important;
  }

  body.home-page.v4-page .site-header .site-logo-image,
  body.home-page.v4-page .site-header.service-header .site-logo-image {
    width: 74px !important;
    max-width: 74px !important;
    height: 23px !important;
    object-fit: contain !important;
    filter: brightness(0) invert(1) !important;
  }

  body.home-page.v4-page .site-header .logo-light,
  html[data-theme="dark"] body.home-page.v4-page .site-header .logo-light {
    display: block !important;
  }

  body.home-page.v4-page .site-header .logo-dark,
  html[data-theme="dark"] body.home-page.v4-page .site-header .logo-dark {
    display: none !important;
  }

  body.home-page.v4-page .site-header .service-account {
    order: 2 !important;
    display: flex !important;
    flex: 0 0 auto !important;
    margin: 0 !important;
    gap: 5px !important;
  }

  body.home-page.v4-page .site-header .service-account .button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 0 !important;
    min-height: 0 !important;
    height: 36px !important;
    padding: 0 !important;
    border-radius: 999px !important;
    font-size: 9px !important;
    line-height: 1 !important;
    font-weight: 800 !important;
    box-shadow: none !important;
  }

  body.home-page.v4-page .site-header .service-account .button-ghost {
    width: 45px !important;
    color: #fff !important;
    background: rgba(4, 8, 31, .28) !important;
    border: 1px solid rgba(255, 255, 255, .13) !important;
  }

  body.home-page.v4-page .site-header .service-account .button-primary {
    width: 53px !important;
    color: #111426 !important;
    background: #fbfaf9 !important;
    border: 1px solid rgba(255, 255, 255, .86) !important;
  }

  body.home-page.v4-page .site-header .favorites-trigger {
    order: 3 !important;
    display: grid !important;
  }

  body.home-page.v4-page .site-header .menu-toggle {
    order: 4 !important;
    display: grid !important;
  }

  body.home-page.v4-page .site-header .favorites-trigger,
  body.home-page.v4-page .site-header .menu-toggle {
    place-items: center !important;
    flex: 0 0 35px !important;
    width: 35px !important;
    min-width: 35px !important;
    height: 35px !important;
    min-height: 35px !important;
    padding: 0 !important;
    color: #fff !important;
    background: rgba(4, 8, 31, .22) !important;
    border: 1px solid rgba(255, 255, 255, .14) !important;
    border-radius: 50% !important;
    box-shadow: none !important;
  }

  body.home-page.v4-page .site-header .favorites-trigger svg,
  body.home-page.v4-page .site-header .menu-toggle svg {
    width: 17px !important;
    height: 17px !important;
  }

  html body.home-page.v4-page #top.v4-home-hero.lm-hero {
    min-height: 560px !important;
    height: auto !important;
    padding: 116px 0 82px !important;
  }

  html body.home-page.v4-page #top > .v4-hero-shell.container {
    width: calc(100% - 28px) !important;
  }

  html body.home-page.v4-page #top .v4-hero-copy {
    width: min(100%, 430px) !important;
  }

  html body.home-page.v4-page #top .v4-eyebrow {
    min-height: 27px !important;
    margin-bottom: 18px !important;
    padding: 6px 10px !important;
    font-size: .68rem !important;
  }

  html body.home-page.v4-page #top .v4-hero-copy h1 {
    font-size: clamp(2.55rem, 12.2vw, 3.25rem) !important;
    line-height: 1.04 !important;
    letter-spacing: -.05em !important;
  }

  html body.home-page.v4-page #top .v4-hero-copy > p {
    max-width: 360px !important;
    margin-top: 20px !important;
    font-size: .88rem !important;
    line-height: 1.9 !important;
  }

  html body.home-page.v4-page #top .v4-hero-actions {
    display: flex !important;
    margin-top: 24px !important;
  }

  html body.home-page.v4-page #top .v4-hero-actions .v4-btn {
    min-width: 154px !important;
    min-height: 46px !important;
    padding: 9px 20px !important;
    font-size: .8rem !important;
  }

  /* Keep the current approved creator boxes in the restored page flow. */
  body.home-page.v4-page .v4-creators {
    display: none !important;
  }

  body.home-page.v4-page .mph-creators-zone.restored-mobile-creators {
    display: block !important;
    box-sizing: border-box;
    width: 100%;
    height: auto;
    padding: 26px 14px 32px;
    background: #fff;
  }

  .restored-mobile-creators,
  .restored-mobile-creators * {
    box-sizing: border-box;
  }

  .restored-mobile-creators .mph-creators-card {
    width: 100%;
    height: auto;
    padding: 14px;
    border: 1px solid rgba(49, 54, 101, .06);
    border-radius: 20px;
    background: rgba(249, 249, 253, .98);
    box-shadow: 0 14px 34px rgba(35, 41, 91, .11);
  }

  .restored-mobile-creators .mph-tabs {
    direction: rtl;
    display: grid;
    grid-template-columns: 1fr 1fr;
    width: 100%;
    height: 48px;
    margin: 0 0 14px;
    padding: 5px;
    border: 1px solid rgba(37, 43, 91, .08);
    border-radius: 12px;
    background: #f1f2f8;
  }

  .restored-mobile-creators .mph-tabs a {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 0 !important;
    border-radius: 8px;
    color: #565d7c;
    font-size: 11.5px;
    font-weight: 800;
  }

  .restored-mobile-creators .mph-tabs a.is-active {
    background: #fff;
    color: #272b4d;
    box-shadow: 0 1px 5px rgba(28, 33, 76, .08);
  }

  .restored-mobile-creators .mph-profile-list {
    display: grid;
    gap: 12px;
  }

  .restored-mobile-creators .mph-profile {
    direction: ltr;
    display: grid;
    grid-template-columns: 88px minmax(0, 1fr);
    grid-template-rows: 58px minmax(0, 1fr);
    column-gap: 10px;
    align-items: stretch;
    width: 100%;
    height: 156px;
    overflow: hidden;
    padding: 9px;
    border: 1px solid rgba(44, 49, 95, .055);
    border-radius: 15px;
    background: #fff;
    box-shadow: 0 7px 20px rgba(31, 37, 81, .08);
  }

  .restored-mobile-creators .mph-avatar {
    grid-column: 1;
    grid-row: 1 / -1;
    align-self: center;
    width: 82px;
    height: 133px;
    overflow: hidden;
    border-radius: 12px;
  }

  .restored-mobile-creators .mph-avatar img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .restored-mobile-creators .mph-identity {
    direction: rtl;
    grid-column: 2;
    grid-row: 1;
    align-self: stretch;
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-width: 0;
    padding: 1px 6px 0 2px;
    text-align: right;
  }

  .restored-mobile-creators .mph-name {
    display: flex;
    align-items: center;
    gap: 4px;
    margin: 0 0 3px;
    color: #20233e;
    font-size: 12.5px;
    font-weight: 950;
    line-height: 1.35;
    white-space: nowrap;
  }

  .restored-mobile-creators .mph-verified {
    display: inline-grid;
    place-items: center;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background: #5165ed;
    color: #fff;
    font-size: 8px;
    line-height: 1;
  }

  .restored-mobile-creators .mph-category {
    margin: 0;
    color: #69708a;
    font-size: 10.5px;
    line-height: 1.55;
    white-space: nowrap;
  }

  .restored-mobile-creators .mph-rating {
    display: flex;
    align-items: center;
    gap: 4px;
    margin-top: 4px;
    color: #485075;
    font-size: 10.5px;
    font-weight: 800;
  }

  .restored-mobile-creators .mph-rating-score {
    direction: ltr;
    font-family: Arial, sans-serif;
  }

  .restored-mobile-creators .mph-stars {
    direction: ltr;
    display: inline-flex;
    align-items: center;
    gap: 1px;
    white-space: nowrap;
  }

  .restored-mobile-creators .mph-stars i {
    color: #f5b500;
    font-style: normal;
    font-size: 9.5px;
    line-height: 1;
  }

  .restored-mobile-creators .mph-stars i.is-empty {
    color: #c4c7d5;
  }

  .restored-mobile-creators .mph-profile-side {
    direction: rtl;
    grid-column: 2;
    grid-row: 2;
    display: grid;
    grid-template-rows: minmax(44px, 1fr) 36px;
    align-self: stretch;
    min-width: 0;
    padding: 0 4px 0 2px;
  }

  .restored-mobile-creators .mph-metrics {
    direction: ltr;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    align-items: center;
    text-align: center;
  }

  .restored-mobile-creators .mph-metric {
    min-width: 0;
    padding-inline: 2px;
  }

  .restored-mobile-creators .mph-metric strong {
    display: block;
    color: #1a1d38;
    font: 900 12px/1.2 Arial, sans-serif;
    white-space: nowrap;
  }

  .restored-mobile-creators .mph-metric span {
    display: block;
    margin-top: 3px;
    color: #69708d;
    font-size: 9.5px;
    font-weight: 650;
    line-height: 1.35;
    white-space: normal;
    overflow-wrap: anywhere;
  }

  .restored-mobile-creators .mph-actions {
    direction: ltr;
    display: grid;
    grid-template-columns: 37px minmax(0, 1fr);
    align-items: center;
    gap: 7px;
  }

  .restored-mobile-creators .mph-heart {
    display: grid;
    place-items: center;
    width: 36px;
    height: 36px;
    min-height: 0 !important;
    padding: 0;
    border: 1px solid rgba(48, 53, 96, .10);
    border-radius: 50%;
    background: #fff;
    color: #596080;
  }

  .restored-mobile-creators .mph-heart svg {
    width: 16px;
    height: 16px;
  }

  .restored-mobile-creators .mph-view {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 36px;
    min-height: 0 !important;
    border-radius: 9px;
    background: linear-gradient(90deg, #5039de, #623fe3);
    color: #fff;
    font-size: 10.5px;
    font-weight: 850;
    box-shadow: 0 5px 12px rgba(81, 57, 222, .22);
  }
}

/* Exact mobile hero: the supplied reference is the pixel source of truth. */
@media (max-width: 620px) {
  html body.home-page.v4-page #top.v4-home-hero.lm-hero {
    box-sizing: border-box !important;
    display: block !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    aspect-ratio: 1080 / 1206 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    background-color: #090a1f !important;
    background-image:
      linear-gradient(180deg, #08091f 0%, #090a22 100%),
      url("../assets/images/mobile-hero-reference-exact.webp?v=20260824opt1") !important;
    background-position: center top !important;
    background-repeat: no-repeat !important;
    background-size: 100% 10.9%, 100% 100% !important;
  }

  html body.home-page.v4-page #top.v4-home-hero::before,
  html body.home-page.v4-page #top.v4-home-hero::after,
  html body.home-page.v4-page #top .v4-hero-aurora,
  html body.home-page.v4-page #top .v4-mobile-trust-stage {
    display: none !important;
  }

  html body.home-page.v4-page #top > .v4-hero-shell.container {
    position: absolute !important;
    inset: 0 !important;
    z-index: 9 !important;
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    pointer-events: none !important;
  }

  html body.home-page.v4-page #top .v4-hero-copy {
    position: relative !important;
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    pointer-events: none !important;
  }

  html body.home-page.v4-page #top .v4-eyebrow,
  html body.home-page.v4-page #top .v4-hero-copy h1,
  html body.home-page.v4-page #top .v4-hero-copy > p {
    visibility: visible !important;
    opacity: 0 !important;
  }

  html body.home-page.v4-page #top .v4-hero-actions {
    position: absolute !important;
    top: 52.49% !important;
    left: 32.59% !important;
    z-index: 12 !important;
    display: block !important;
    visibility: visible !important;
    width: 34.91% !important;
    height: 8.04% !important;
    margin: 0 !important;
    padding: 0 !important;
    pointer-events: auto !important;
  }

  html body.home-page.v4-page #top .v4-hero-actions .v4-btn {
    display: block !important;
    visibility: visible !important;
    width: 100% !important;
    min-width: 0 !important;
    height: 100% !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    opacity: 0 !important;
    pointer-events: auto !important;
  }

  html body.home-page.v4-page #top .v4-mobile-trust-metrics {
    right: 7.52% !important;
    bottom: 1.9% !important;
    width: 84.81% !important;
    height: 18.41% !important;
    padding: clamp(8px,2.55vw,10px) 5px clamp(6px,1.8vw,7px) !important;
    background: linear-gradient(105deg,rgb(38,28,91),rgb(49,31,104)) !important;
    border-color: rgba(255,255,255,.12) !important;
    border-radius: clamp(18px,5.64vw,22px) !important;
    box-shadow: 0 13px 30px rgba(7,6,31,.2),inset 0 1px 0 rgba(255,255,255,.035) !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }

  html body.home-page.v4-page .site-header.service-header .header-inner,
  html body.home-page.v4-page .site-header.service-header.is-scrolled .header-inner {
    background: rgb(7,9,31) !important;
  }
}

/* Reference-matched trust hero: desktop keeps the existing composition. */
body.home-page.v4-page .v4-mobile-trust-stage,
body.home-page.v4-page .v4-mobile-trust-metrics,
body.home-page.v4-page .v4-hero-cta-arrow {
  display: none;
}

body.home-page.v4-page .unified-auth-button {
  direction: ltr;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 7px;
}

body.home-page.v4-page .unified-auth-icon {
  display: grid;
  place-items: center;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: rgba(255,255,255,.12);
}

body.home-page.v4-page .unified-auth-icon svg { width: 17px; height: 17px; }

@media (max-width: 620px) {
  html body.home-page.v4-page .site-header.service-header,
  html body.home-page.v4-page .site-header.service-header.is-scrolled {
    position: absolute !important;
    inset: 0 0 auto !important;
    width: 100% !important;
    height: 46px !important;
    min-height: 46px !important;
    padding: 0 7px !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    z-index: 100 !important;
  }

  html body.home-page.v4-page .site-header.service-header .header-inner,
  html body.home-page.v4-page .site-header.service-header.is-scrolled .header-inner {
    direction: rtl !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    width: 100% !important;
    max-width: 500px !important;
    height: 44px !important;
    min-height: 44px !important;
    margin: 0 auto !important;
    padding: 4px 11px !important;
    gap: 0 !important;
    background: rgba(7,9,31,.58) !important;
    border: 1px solid rgba(255,255,255,.075) !important;
    border-top: 0 !important;
    border-radius: 0 0 24px 24px !important;
    box-shadow: 0 10px 30px rgba(2,4,20,.15) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
  }

  html body.home-page.v4-page .site-header .brand {
    order: 1 !important;
    flex: 0 0 auto !important;
    margin: 0 0 0 auto !important;
  }

  html body.home-page.v4-page .site-header .site-logo-image,
  html body.home-page.v4-page .site-header.service-header .site-logo-image {
    width: 92px !important;
    max-width: 92px !important;
    height: 25px !important;
    object-fit: contain !important;
    filter: brightness(0) invert(1) !important;
  }

  html body.home-page.v4-page .site-header .service-account {
    order: 2 !important;
    display: flex !important;
    flex: 0 0 auto !important;
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  html body.home-page.v4-page .site-header .service-account .unified-auth-button {
    direction: rtl !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 64px !important;
    min-width: 64px !important;
    height: 36px !important;
    min-height: 36px !important;
    margin: 0 !important;
    padding: 0 !important;
    gap: 0 !important;
    color: #fff !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 999px !important;
    box-shadow: none !important;
  }

  html body.home-page.v4-page .site-header .menu-toggle {
    position: relative !important;
    order: 3 !important;
    display: grid !important;
    place-items: center !important;
    width: 34px !important;
    height: 34px !important;
    min-width: 34px !important;
    min-height: 34px !important;
    margin: 0 3px 0 0 !important;
    padding: 0 !important;
    color: #fff !important;
    background: rgba(255,255,255,.065) !important;
    border: 1px solid rgba(255,255,255,.04) !important;
    border-radius: 50% !important;
    box-shadow: none !important;
  }

  html body.home-page.v4-page .site-header .menu-toggle svg { width: 18px !important; height: 18px !important; }

  html body.home-page.v4-page .unified-auth-label {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 64px !important;
    height: 36px !important;
    color: #fff !important;
    background: linear-gradient(135deg,#7351ef 0%,#9e5cf3 100%) !important;
    border: 1px solid rgba(255,255,255,.13) !important;
    border-radius: 999px !important;
    box-shadow: 0 8px 18px rgba(116,63,231,.28),inset 0 1px 0 rgba(255,255,255,.2) !important;
    font-size: 11px !important;
    font-weight: 850 !important;
  }

  html body.home-page.v4-page .site-header .favorites-trigger,
  html body.home-page.v4-page .site-header .theme-toggle {
    display: none !important;
  }

  html body.home-page.v4-page #top.v4-home-hero.lm-hero {
    position: relative !important;
    display: block !important;
    width: 100% !important;
    height: clamp(420px,111.67vw,460px) !important;
    min-height: clamp(420px,111.67vw,460px) !important;
    max-height: 460px !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    color: #fff !important;
    background:
      radial-gradient(ellipse at 50% 96%,rgba(115,53,245,.66) 0%,rgba(76,31,180,.42) 30%,transparent 64%),
      radial-gradient(circle at 103% 58%,rgba(128,55,214,.43) 0%,rgba(88,37,169,.2) 23%,transparent 43%),
      radial-gradient(circle at -4% 69%,rgba(86,39,196,.31) 0%,rgba(65,31,157,.15) 24%,transparent 43%),
      linear-gradient(180deg,#090a1f 0%,#0b0b27 42%,#120d3b 66%,#211151 83%,#2c1765 100%) !important;
    isolation: isolate;
  }

  html body.home-page.v4-page #top.v4-home-hero::after {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    z-index: 1 !important;
    display: block !important;
    opacity: .88 !important;
    background:
      radial-gradient(105% 66% at 50% 122%,transparent 58%,rgba(124,62,241,.08) 59%,rgba(137,73,255,.48) 60.1%,rgba(111,47,227,.16) 61.2%,transparent 63%),
      radial-gradient(94% 57% at 50% 115%,transparent 57%,rgba(160,92,255,.07) 58%,rgba(130,67,244,.26) 59.2%,transparent 61.5%),
      radial-gradient(32% 33% at 101% 64%,rgba(165,79,242,.22),transparent 72%),
      radial-gradient(28% 29% at -2% 70%,rgba(102,54,230,.18),transparent 74%) !important;
    filter: drop-shadow(0 0 12px rgba(121,56,239,.32)) !important;
    pointer-events: none !important;
  }

  html body.home-page.v4-page #top.v4-home-hero::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    z-index: 0 !important;
    opacity: .56 !important;
    background-image:
      radial-gradient(circle at 8% 72%,rgba(255,255,255,.8) 0 1px,transparent 1.5px),
      radial-gradient(circle at 18% 68%,rgba(127,77,255,.9) 0 1px,transparent 1.7px),
      radial-gradient(circle at 38% 77%,rgba(255,255,255,.75) 0 1px,transparent 1.5px),
      radial-gradient(circle at 63% 70%,rgba(139,89,255,.9) 0 1px,transparent 1.7px),
      radial-gradient(circle at 80% 78%,rgba(255,255,255,.75) 0 1px,transparent 1.5px),
      radial-gradient(circle at 93% 65%,rgba(125,73,255,.85) 0 1px,transparent 1.7px) !important;
    background-size: 100% 100% !important;
    pointer-events: none !important;
    mask-image: none !important;
  }

  html body.home-page.v4-page #top .v4-hero-aurora { position: absolute !important; inset: 0 !important; z-index: 0 !important; }
  html body.home-page.v4-page #top .v4-hero-aurora span:nth-child(1) { width: 150px; height: 150px; left: -70px; top: 242px; background: #5e37e6; opacity: .25; }
  html body.home-page.v4-page #top .v4-hero-aurora span:nth-child(2) { width: 160px; height: 160px; right: -76px; top: 233px; background: #7c3cf2; opacity: .27; }
  html body.home-page.v4-page #top .v4-hero-aurora span:nth-child(3) { width: 300px; height: 78px; left: 50%; bottom: 60px; background: #6031e7; opacity: .32; }

  html body.home-page.v4-page #top > .v4-hero-shell.container {
    position: absolute !important;
    top: 60px !important;
    right: 0 !important;
    left: 0 !important;
    z-index: 7 !important;
    display: block !important;
    width: 100% !important;
    min-height: 0 !important;
    margin: 0 auto !important;
    padding: 0 12px !important;
    text-align: center !important;
  }

  html body.home-page.v4-page #top .v4-hero-copy {
    display: block !important;
    width: min(100%,390px) !important;
    margin: 0 auto !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
  }

  html body.home-page.v4-page #top .v4-eyebrow {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 22px !important;
    margin: 0 0 8px !important;
    padding: 4px 10px !important;
    gap: 5px !important;
    color: rgba(255,255,255,.84) !important;
    background: rgba(255,255,255,.055) !important;
    border: 1px solid rgba(255,255,255,.075) !important;
    border-radius: 999px !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.035) !important;
    font-size: 9.5px !important;
    line-height: 1.3 !important;
  }

  html body.home-page.v4-page #top .v4-eyebrow > .home-text-icon {
    width: 11px !important;
    height: 11px !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #ffc961 !important;
    background: transparent !important;
    border: 0 !important;
  }

  html body.home-page.v4-page #top .v4-hero-copy h1 {
    width: 100% !important;
    max-width: 370px !important;
    margin: 0 auto 8px !important;
    padding: 0 !important;
    color: #fff !important;
    font-size: clamp(25px,7.6vw,31px) !important;
    font-weight: 950 !important;
    line-height: 1.28 !important;
    letter-spacing: -.04em !important;
    text-align: center !important;
    text-shadow: 0 5px 17px rgba(0,0,0,.2) !important;
  }

  html body.home-page.v4-page #top .v4-hero-copy h1 > .home-text-icon,
  html body.home-page.v4-page #top .v4-hero-copy > p > .home-text-icon {
    display: none !important;
  }

  html body.home-page.v4-page #top .v4-hero-copy h1 em {
    color: #9a52f2 !important;
    font: inherit !important;
    font-style: normal !important;
    text-shadow: 0 0 20px rgba(151,70,246,.28) !important;
  }

  html body.home-page.v4-page #top .v4-hero-copy > p {
    width: min(100%,330px) !important;
    max-width: 330px !important;
    margin: 0 auto !important;
    color: rgba(236,235,246,.72) !important;
    font-size: clamp(10px,2.85vw,11.7px) !important;
    font-weight: 500 !important;
    line-height: 1.82 !important;
    text-align: center !important;
  }

  html body.home-page.v4-page #top .v4-hero-actions {
    display: flex !important;
    justify-content: center !important;
    margin: 11px 0 0 !important;
  }

  html body.home-page.v4-page #top .v4-hero-actions .v4-btn {
    direction: rtl !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: clamp(118px,34.9vw,136px) !important;
    min-width: clamp(118px,34.9vw,136px) !important;
    height: clamp(31px,8.98vw,35px) !important;
    min-height: clamp(31px,8.98vw,35px) !important;
    margin: 0 !important;
    padding: 3px clamp(12px,3.85vw,15px) 3px 4px !important;
    color: #fff !important;
    background: linear-gradient(100deg,#6f52f7 0%,#b273e8 100%) !important;
    border: 1px solid rgba(255,255,255,.1) !important;
    border-radius: 999px !important;
    box-shadow: 0 10px 24px rgba(81,40,207,.27),inset 0 1px 0 rgba(255,255,255,.17) !important;
    font-size: clamp(9.5px,2.82vw,11px) !important;
    font-weight: 850 !important;
  }

  html body.home-page.v4-page #top .v4-hero-actions .v4-btn > .home-text-icon { display: none !important; }

  html body.home-page.v4-page #top .v4-hero-cta-arrow {
    direction: ltr;
    display: grid !important;
    place-items: center;
    flex: 0 0 clamp(25px,7.18vw,28px);
    width: clamp(25px,7.18vw,28px);
    height: clamp(25px,7.18vw,28px);
    margin: 0;
    color: #6a42e5;
    background: #fff;
    border-radius: 50%;
    box-shadow: 0 3px 8px rgba(45,25,131,.16);
  }

  html body.home-page.v4-page #top .v4-hero-cta-arrow svg {
    display: block;
    width: clamp(13px,3.85vw,15px);
    height: clamp(13px,3.85vw,15px);
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
  }

  html body.home-page.v4-page #top .v4-mobile-trust-stage {
    position: absolute;
    top: 62.8%;
    right: 0;
    left: 0;
    z-index: 6;
    display: block;
    width: 100%;
    height: 85px;
    margin: 0 auto;
    pointer-events: none;
  }

  html body.home-page.v4-page .v4-trust-orbit {
    position: absolute;
    top: -61px;
    left: -13%;
    width: 126%;
    height: 141px;
    border: 2px solid rgba(126,67,255,.34);
    border-top-color: rgba(143,84,255,.68);
    border-radius: 50%;
    box-shadow: 0 0 17px rgba(119,52,255,.34),inset 0 -6px 15px rgba(113,53,241,.12);
  }

  html body.home-page.v4-page .v4-trust-person {
    position: absolute;
    z-index: 3;
    width: 12vw;
    height: 12vw;
    margin: 0;
    overflow: visible;
    background: #1b174c;
    border: 1.5px solid rgba(144,83,255,.86);
    border-radius: 50%;
    box-shadow: 0 0 0 1px rgba(255,255,255,.07),0 0 10px rgba(112,52,241,.32);
  }

  html body.home-page.v4-page .v4-trust-person img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%;
  }

  html body.home-page.v4-page .v4-trust-person-1 { top: 6vw; left: 10%; width: 9vw; height: 9vw; }
  html body.home-page.v4-page .v4-trust-person-2 { top: 3.8vw; left: 24.5%; width: 11vw; height: 11vw; }
  html body.home-page.v4-page .v4-trust-person-3 { top: 0; left: 50%; width: 16.8vw; height: 16.8vw; transform: translateX(-50%); border-width: 2px; }
  html body.home-page.v4-page .v4-trust-person-4 { top: 3.8vw; right: 24%; width: 10.9vw; height: 10.9vw; }
  html body.home-page.v4-page .v4-trust-person-5 { top: 6vw; right: 9.7%; width: 9.2vw; height: 9.2vw; }
  html body.home-page.v4-page .v4-trust-person-1 img { object-position: center 28%; }
  html body.home-page.v4-page .v4-trust-person-2 img { object-position: center 30%; }
  html body.home-page.v4-page .v4-trust-person-3 img { object-position: center 32%; }
  html body.home-page.v4-page .v4-trust-person-4 img { object-position: center 24%; }
  html body.home-page.v4-page .v4-trust-person-5 img { object-position: center 32%; }

  html body.home-page.v4-page .v4-trust-badge {
    position: absolute;
    right: -3px;
    bottom: -3px;
    display: grid;
    place-items: center;
    width: 13px;
    height: 13px;
    color: #fff;
    background: linear-gradient(145deg,#6742eb,#9b56ef);
    border-radius: 6px 8px 8px 7px;
    box-shadow: 0 3px 7px rgba(77,38,191,.26);
    font-size: 8px;
    font-weight: 900;
  }

  html body.home-page.v4-page .v4-trust-person-3 .v4-trust-badge {
    right: -3px;
    bottom: -2px;
    width: 22px;
    height: 22px;
    font-size: 14px;
    border-radius: 8px 11px 11px 9px;
  }

  html body.home-page.v4-page .v4-trust-float {
    position: absolute;
    z-index: 2;
    display: grid;
    place-items: center;
    width: 23px;
    height: 23px;
    color: rgba(151,92,255,.82);
    background: rgba(83,46,182,.14);
    border-radius: 50%;
    box-shadow: 0 0 18px rgba(111,53,236,.2);
  }

  html body.home-page.v4-page .v4-trust-float svg {
    width: 14px;
    height: 14px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.7;
    stroke-linecap: round;
    stroke-linejoin: round;
  }

  html body.home-page.v4-page .v4-trust-float-instagram { top: -10px; left: 20.3%; }
  html body.home-page.v4-page .v4-trust-float-chat { top: -10px; right: 20.3%; }

  html body.home-page.v4-page #top .v4-mobile-trust-metrics {
    position: absolute;
    right: 7.5%;
    bottom: 10px;
    z-index: 8;
    direction: rtl;
    display: grid;
    grid-template-columns: repeat(4,minmax(0,1fr));
    width: 85%;
    height: 78px;
    margin: 0;
    padding: 10px 5px 7px;
    background: rgba(32,23,84,.42);
    border: 1px solid rgba(255,255,255,.11);
    border-radius: 22px;
    box-shadow: 0 13px 30px rgba(7,6,31,.18),inset 0 1px 0 rgba(255,255,255,.025);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
  }

  html body.home-page.v4-page .v4-mobile-trust-metrics article {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    min-width: 0;
    padding: 0 4px;
    border-left: 1px solid rgba(255,255,255,.09);
  }

  html body.home-page.v4-page .v4-mobile-trust-metrics article:last-child { border-left: 0; }

  html body.home-page.v4-page .v4-mobile-trust-metrics article > span {
    display: grid;
    place-items: center;
    width: 34px;
    height: 34px;
    color: #58baff;
    background: rgba(63,115,231,.11);
    border-radius: 50%;
    box-shadow: 0 0 13px rgba(72,119,242,.13);
  }

  html body.home-page.v4-page .v4-mobile-trust-metrics article:nth-child(2) > span { color: #f5c84e; background: rgba(191,138,42,.1); }
  html body.home-page.v4-page .v4-mobile-trust-metrics article:nth-child(3) > span { color: #b96aff; background: rgba(139,72,215,.1); }
  html body.home-page.v4-page .v4-mobile-trust-metrics article:nth-child(4) > span { color: #48d68e; background: rgba(57,180,118,.1); }

  html body.home-page.v4-page .v4-mobile-trust-metrics svg {
    width: 21px;
    height: 21px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.75;
    stroke-linecap: round;
    stroke-linejoin: round;
  }

  html body.home-page.v4-page .v4-mobile-trust-metrics small {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 22px;
    color: rgba(239,238,249,.74);
    overflow: visible;
    text-align: center;
    white-space: normal;
    font-size: clamp(7px,2.15vw,8.8px);
    font-weight: 650;
    line-height: 1.25;
  }
}

@media (max-width: 350px) {
  html body.home-page.v4-page .site-header .site-logo-image,
  html body.home-page.v4-page .site-header.service-header .site-logo-image { width: 83px !important; max-width: 83px !important; }
  html body.home-page.v4-page .site-header .service-account .unified-auth-button { width: 59px !important; min-width: 59px !important; }
  html body.home-page.v4-page .site-header .menu-toggle { width: 32px !important; height: 32px !important; min-width: 32px !important; min-height: 32px !important; }
  html body.home-page.v4-page .unified-auth-label { width: 59px !important; font-size: 10px !important; }
  html body.home-page.v4-page #top > .v4-hero-shell.container { top: 57px !important; padding-inline: 9px !important; }
  html body.home-page.v4-page #top .v4-hero-copy h1 { font-size: 25px !important; }
  html body.home-page.v4-page #top .v4-hero-copy > p { width: 290px !important; font-size: 9.7px !important; }
  html body.home-page.v4-page #top .v4-hero-actions { margin-top: 8px !important; }
  html body.home-page.v4-page #top .v4-mobile-trust-stage { top: 64%; }
  html body.home-page.v4-page .v4-trust-person-1 { left: 10%; }
  html body.home-page.v4-page .v4-trust-person-2 { left: 24.5%; }
  html body.home-page.v4-page .v4-trust-person-4 { right: 24%; }
  html body.home-page.v4-page .v4-trust-person-5 { right: 9.7%; }
  html body.home-page.v4-page #top .v4-mobile-trust-metrics { right: 4%; width: 92%; padding-inline: 3px; }
  html body.home-page.v4-page .v4-mobile-trust-metrics article { padding-inline: 2px; }
}

/* Four-step workflow illustration. Hidden on desktop so the current desktop
   composition remains unchanged. */
body.home-page.v4-page .v4-step-art,
body.home-page.v4-page .v4-workflow-path {
  display: none;
}

@media (max-width: 620px) {
  html body.home-page.v4-page .v4-workflow {
    box-sizing: border-box !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 clamp(8px,4vw,16px) 32px !important;
    color: #111631 !important;
    background: #fff !important;
  }

  html body.home-page.v4-page .v4-workflow-shell.container {
    position: relative !important;
    isolation: isolate;
    display: block !important;
    width: 100% !important;
    max-width: 500px !important;
    min-height: 568px !important;
    margin: 0 auto !important;
    padding: 16px clamp(13px,4.6vw,18px) 30px !important;
    overflow: hidden !important;
    color: #111631 !important;
    background:
      radial-gradient(circle at 54% 14%, rgba(186,139,255,.18), transparent 19%),
      radial-gradient(circle at 13% 54%, rgba(255,241,211,.66), transparent 31%),
      linear-gradient(180deg,#fbf3e6 0%,#fcf6e9 55%,#fbf4e7 100%) !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
  }

  html body.home-page.v4-page .v4-workflow-shell::before,
  html body.home-page.v4-page .v4-workflow-shell::after {
    content: "";
    position: absolute;
    z-index: -1;
    width: 145px;
    height: 180px;
    opacity: .36;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='145' height='180' viewBox='0 0 145 180'%3E%3Cg fill='none' stroke='%23dfd4b9' stroke-width='1.4'%3E%3Cpath d='M36 1 69 20v38L36 77 3 58V20Z'/%3E%3Cpath d='m105 39 33 19v38l-33 19-33-19V58Z'/%3E%3Cpath d='m36 77 33 19v38l-33 19-33-19V96Z'/%3E%3Cpath d='m105 115 33 19v38l-33 19-33-19v-38Z'/%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    pointer-events: none;
  }

  html body.home-page.v4-page .v4-workflow-shell::before {
    top: -20px;
    left: -40px;
  }

  html body.home-page.v4-page .v4-workflow-shell::after {
    right: -51px;
    bottom: -39px;
    transform: rotate(180deg);
  }

  html body.home-page.v4-page .v4-workflow-copy {
    position: relative;
    z-index: 2;
    display: block !important;
    width: 100% !important;
    text-align: right !important;
  }

  html body.home-page.v4-page .v4-workflow-copy::before {
    content: "";
    position: absolute;
    top: 36px;
    right: 7%;
    z-index: -1;
    width: 88%;
    height: 68px;
    background: radial-gradient(ellipse at center,rgba(170,119,255,.28),rgba(170,119,255,.08) 47%,transparent 73%);
    filter: blur(7px);
    pointer-events: none;
  }

  html body.home-page.v4-page .v4-workflow-copy .v4-section-kicker {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: max-content !important;
    min-height: 27px !important;
    margin: 0 0 8px auto !important;
    padding: 5px 13px !important;
    color: #171935 !important;
    background: linear-gradient(105deg,rgba(226,212,255,.92),rgba(239,226,255,.7)) !important;
    border: 0 !important;
    border-radius: 999px !important;
    box-shadow: 0 4px 13px rgba(118,79,186,.08) !important;
    font-size: 12px !important;
    font-weight: 850 !important;
    line-height: 1.35 !important;
  }

  html body.home-page.v4-page .v4-workflow-copy .v4-section-kicker > .home-text-icon,
  html body.home-page.v4-page .v4-workflow-copy h2 > .home-text-icon,
  html body.home-page.v4-page .v4-workflow-copy > p > .home-text-icon {
    display: none !important;
  }

  html body.home-page.v4-page .v4-workflow-copy h2 {
    position: relative;
    width: 100% !important;
    max-width: none !important;
    margin: 0 0 13px !important;
    padding: 0 !important;
    color: #10152f !important;
    font-size: clamp(28px,7.6vw,33px) !important;
    font-weight: 950 !important;
    line-height: 1.36 !important;
    letter-spacing: -.035em !important;
    text-align: right !important;
    text-shadow: 0 2px 2px rgba(15,19,45,.04),0 0 17px rgba(150,108,236,.22) !important;
  }

  html body.home-page.v4-page .v4-workflow-copy > p {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    min-height: 73px !important;
    margin: 0 !important;
    padding: 11px 15px !important;
    color: #22253c !important;
    background: rgba(244,231,214,.82) !important;
    border: 1px solid rgba(237,224,201,.34) !important;
    border-radius: 14px !important;
    font-size: clamp(11.5px,3.3vw,14px) !important;
    font-weight: 560 !important;
    line-height: 2 !important;
    text-align: center !important;
  }

  html body.home-page.v4-page .v4-steps {
    position: relative !important;
    z-index: 1;
    direction: rtl !important;
    display: grid !important;
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    gap: 10px 9px !important;
    width: min(100%,295px) !important;
    height: auto !important;
    margin: 25px auto 0 !important;
    padding: 0 !important;
  }

  html body.home-page.v4-page .v4-steps article {
    position: relative !important;
    z-index: 2;
    display: block !important;
    min-width: 0 !important;
    min-height: clamp(146px,39vw,161px) !important;
    margin: 0 !important;
    padding: 15px 17px 14px !important;
    overflow: hidden !important;
    color: #10152f !important;
    background: linear-gradient(150deg,rgba(255,255,255,.99),rgba(255,255,255,.92)) !important;
    border: 1px solid rgba(255,255,255,.88) !important;
    border-radius: 25px !important;
    box-shadow: 0 13px 25px rgba(72,64,48,.105) !important;
    transform: none !important;
    text-align: right !important;
  }

  html body.home-page.v4-page .v4-steps article:hover {
    transform: none !important;
    background: #fff !important;
    border-color: rgba(255,255,255,.92) !important;
    box-shadow: 0 13px 25px rgba(72,64,48,.105) !important;
  }

  html body.home-page.v4-page .v4-steps .v4-step-no {
    position: absolute !important;
    top: 24px !important;
    right: 18px !important;
    z-index: 3;
    display: block !important;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #65b8b1 !important;
    background: transparent !important;
    font: 850 13px/1 Arial,sans-serif !important;
    letter-spacing: .02em !important;
  }

  html body.home-page.v4-page .v4-steps .v4-step-art {
    position: absolute !important;
    top: 14px !important;
    left: 17px !important;
    z-index: 2;
    display: block !important;
    width: 45px !important;
    height: 45px !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #111631 !important;
    background: transparent !important;
    font-size: 1rem !important;
  }

  html body.home-page.v4-page .v4-step-art svg {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    overflow: visible !important;
    fill: none;
    stroke: #111631;
    stroke-width: 2.35;
    stroke-linecap: round;
    stroke-linejoin: round;
    filter: drop-shadow(0 2px 1px rgba(32,31,62,.08));
  }

  html body.home-page.v4-page .v4-steps h3 {
    width: 100% !important;
    margin: 51px 0 4px !important;
    padding: 0 !important;
    color: #10152f !important;
    font-size: clamp(16px,4.35vw,18.5px) !important;
    font-weight: 950 !important;
    line-height: 1.45 !important;
    letter-spacing: -.03em !important;
    text-align: right !important;
  }

  html body.home-page.v4-page .v4-steps h3 > .home-text-icon,
  html body.home-page.v4-page .v4-steps p > .home-text-icon {
    display: none !important;
  }

  html body.home-page.v4-page .v4-steps p {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #22253d !important;
    font-size: clamp(10.5px,2.95vw,12.5px) !important;
    font-weight: 520 !important;
    line-height: 1.95 !important;
    text-align: right !important;
  }

  html body.home-page.v4-page .v4-workflow-path {
    position: absolute !important;
    top: 2px !important;
    left: 50% !important;
    z-index: 1;
    display: block !important;
    width: 31px !important;
    height: calc(100% - 1px) !important;
    overflow: visible !important;
    transform: translateX(-50%);
    pointer-events: none;
  }

  html body.home-page.v4-page .v4-workflow-path path {
    fill: none;
    stroke: #8179aa;
    stroke-width: 2.1;
    vector-effect: non-scaling-stroke;
  }

  html body.home-page.v4-page .v4-workflow-path circle {
    fill: #8179aa;
    stroke: #fbf6e8;
    stroke-width: 3;
    vector-effect: non-scaling-stroke;
  }

  html body.home-page.v4-page .v4-workflow-path circle:nth-of-type(1),
  html body.home-page.v4-page .v4-workflow-path circle:nth-of-type(4) {
    fill: #68bbb2;
  }

  html body.home-page.v4-page .v4-workflow-path circle:last-of-type {
    filter: drop-shadow(0 0 4px rgba(110,102,158,.55));
  }
}

@media (max-width: 350px) {
  html body.home-page.v4-page .v4-workflow { padding-inline: 8px !important; }
  html body.home-page.v4-page .v4-workflow-shell.container {
    min-height: 544px !important;
    padding: 14px 13px 25px !important;
  }
  html body.home-page.v4-page .v4-workflow-copy h2 {
    font-size: 27px !important;
  }
  html body.home-page.v4-page .v4-workflow-copy > p {
    min-height: 68px !important;
    padding-inline: 10px !important;
    font-size: 10.5px !important;
  }
  html body.home-page.v4-page .v4-steps {
    gap: 8px 7px !important;
    margin-top: 21px !important;
  }
  html body.home-page.v4-page .v4-steps article {
    min-height: 146px !important;
    padding: 12px 13px !important;
    border-radius: 21px !important;
  }
  html body.home-page.v4-page .v4-steps .v4-step-art {
    top: 14px !important;
    left: 13px !important;
    width: 42px !important;
    height: 42px !important;
  }
  html body.home-page.v4-page .v4-steps .v4-step-no {
    top: 21px !important;
    right: 14px !important;
    font-size: 11.5px !important;
  }
  html body.home-page.v4-page .v4-steps h3 {
    margin-top: 48px !important;
    font-size: 15.5px !important;
  }
  html body.home-page.v4-page .v4-steps p {
    font-size: 10px !important;
    line-height: 1.9 !important;
  }
}

@media (max-width: 360px) {
  body.home-page.v4-page .mph-creators-zone.restored-mobile-creators {
    padding-inline: 10px;
  }

  .restored-mobile-creators .mph-creators-card {
    padding: 11px;
  }

  .restored-mobile-creators .mph-profile {
    grid-template-columns: 78px minmax(0, 1fr);
    grid-template-rows: 54px minmax(0, 1fr);
    column-gap: 8px;
    padding: 8px;
  }

  .restored-mobile-creators .mph-avatar {
    width: 73px;
    height: 130px;
  }

  .restored-mobile-creators .mph-identity {
    padding: 1px 4px 0 1px;
  }

  .restored-mobile-creators .mph-name {
    font-size: 11.5px;
  }

  .restored-mobile-creators .mph-category {
    font-size: 9.5px;
  }

  .restored-mobile-creators .mph-rating {
    font-size: 9.5px;
  }

  .restored-mobile-creators .mph-stars i {
    font-size: 8.5px;
  }

  .restored-mobile-creators .mph-metric strong {
    font-size: 11.5px;
  }

  .restored-mobile-creators .mph-metric span {
    font-size: 9px;
  }

  .restored-mobile-creators .mph-view {
    font-size: 9.5px;
  }
}

/* Contextual line icons for homepage copy only. */
body.home-page.v4-page .home-text-icon {
  display: inline-block;
  flex: 0 0 auto;
  width: 1.08em;
  height: 1.08em;
  margin-inline-end: .42em;
  overflow: visible;
  vertical-align: -.18em;
  color: currentColor;
  pointer-events: none;
}

body.home-page.v4-page .v4-eyebrow > i {
  display: none !important;
}

body.home-page.v4-page .v4-eyebrow > .home-text-icon,
body.home-page.v4-page .v4-section-kicker > .home-text-icon {
  width: 1.18em;
  height: 1.18em;
  margin-inline-end: .5em;
  color: #6c61e8;
}

body.home-page.v4-page #top .v4-eyebrow > .home-text-icon,
body.home-page.v4-page .v4-final-cta .v4-section-kicker > .home-text-icon {
  color: #d8d2ff;
}

body.home-page.v4-page h1 > .home-text-icon,
body.home-page.v4-page h2 > .home-text-icon {
  box-sizing: content-box;
  width: .64em;
  height: .64em;
  margin-inline-end: .28em;
  padding: .13em;
  border: 1px solid rgba(105, 96, 225, .16);
  border-radius: .32em;
  background: linear-gradient(145deg, rgba(112, 100, 235, .12), rgba(195, 111, 214, .08));
  color: #665cdd;
  vertical-align: -.04em;
  box-shadow: 0 7px 18px rgba(58, 51, 134, .08);
}

body.home-page.v4-page #top h1 > .home-text-icon,
body.home-page.v4-page .v4-final-cta h2 > .home-text-icon {
  border-color: rgba(255, 255, 255, .17);
  background: rgba(255, 255, 255, .09);
  color: #f0ecff;
  box-shadow: none;
}

body.home-page.v4-page h3 > .home-text-icon {
  width: .88em;
  height: .88em;
  margin-inline-end: .38em;
  color: #685dde;
  vertical-align: -.12em;
}

body.home-page.v4-page .v4-service-featured h3 > .home-text-icon,
body.home-page.v4-page .v4-service-featured .v4-card-link > .home-text-icon,
body.home-page.v4-page .v4-workflow h3 > .home-text-icon {
  color: #ccc7ff;
}

body.home-page.v4-page p[data-home-icon] > .home-text-icon {
  width: 1em;
  height: 1em;
  color: #7770d9;
  vertical-align: -.2em;
}

body.home-page.v4-page #top p[data-home-icon] > .home-text-icon,
body.home-page.v4-page .v4-workflow p[data-home-icon] > .home-text-icon,
body.home-page.v4-page .v4-final-cta p[data-home-icon] > .home-text-icon,
body.home-page.v4-page .site-footer p[data-home-icon] > .home-text-icon {
  color: #c7c1ff;
}

body.home-page.v4-page .v4-service-card h3[data-home-icon],
body.home-page.v4-page .v4-card-link[data-home-icon],
body.home-page.v4-page .v4-btn[data-home-icon],
body.home-page.v4-page .v4-text-link[data-home-icon],
body.home-page.v4-page .v4-text-button[data-home-icon],
body.home-page.v4-page .entity-switch-button[data-home-icon],
body.home-page.v4-page .site-footer a[data-home-icon],
body.home-page.v4-page .site-footer button[data-home-icon],
body.home-page.v4-page .newsletter-input button[data-home-icon],
body.home-page.v4-page .mph-tabs a[data-home-icon],
body.home-page.v4-page .mph-view[data-home-icon] {
  align-items: center;
}

body.home-page.v4-page .v4-service-card h3[data-home-icon],
body.home-page.v4-page .v4-btn[data-home-icon],
body.home-page.v4-page .v4-text-link[data-home-icon],
body.home-page.v4-page .v4-text-button[data-home-icon],
body.home-page.v4-page .entity-switch-button[data-home-icon],
body.home-page.v4-page .newsletter-input button[data-home-icon],
body.home-page.v4-page .mph-tabs a[data-home-icon],
body.home-page.v4-page .mph-view[data-home-icon] {
  display: inline-flex;
}

body.home-page.v4-page .v4-btn > .home-text-icon,
body.home-page.v4-page .v4-text-link > .home-text-icon,
body.home-page.v4-page .v4-text-button > .home-text-icon,
body.home-page.v4-page .entity-switch-button > .home-text-icon,
body.home-page.v4-page .newsletter-input button > .home-text-icon,
body.home-page.v4-page .mph-view > .home-text-icon {
  width: 1.2em;
  height: 1.2em;
  margin-inline-end: .48em;
}

body.home-page.v4-page .v4-card-link > .home-text-icon {
  width: 1.05em;
  height: 1.05em;
  color: #7166de;
}

body.home-page.v4-page .v4-service-card p[data-home-icon] > .home-text-icon,
body.home-page.v4-page .v4-steps p[data-home-icon] > .home-text-icon,
body.home-page.v4-page .v4-faq-list p[data-home-icon] > .home-text-icon {
  color: #8a82dc;
}

body.home-page.v4-page .v4-faq-list summary > .home-text-icon {
  width: 1.12em;
  height: 1.12em;
  color: #6b61db;
}

body.home-page.v4-page .v4-entity-status > .home-text-icon {
  color: #6d63db;
}

body.home-page.v4-page .creator-type-chip > .home-text-icon,
body.home-page.v4-page .creator-platform-chip > .home-text-icon,
body.home-page.v4-page .creator-card-tags .home-text-icon,
body.home-page.v4-page .creator-card-metrics .home-text-icon,
body.home-page.v4-page .creator-card-bio > .home-text-icon,
body.home-page.v4-page .creator-card-actions .home-text-icon {
  width: 1em;
  height: 1em;
  margin-inline-end: .34em;
}

body.home-page.v4-page .creator-card-tags [data-home-icon],
body.home-page.v4-page .creator-card-metrics [data-home-icon],
body.home-page.v4-page .creator-primary[data-home-icon] {
  align-items: center;
}

body.home-page.v4-page .creator-card-tags [data-home-icon],
body.home-page.v4-page .creator-primary[data-home-icon] {
  display: inline-flex;
}

body.home-page.v4-page .creator-card-metrics span[data-home-icon] > .home-text-icon {
  display: inline-block;
  color: #8178d9;
  vertical-align: -.2em;
}

body.home-page.v4-page .site-footer h3 > .home-text-icon {
  color: #bdb7ff;
}

body.home-page.v4-page .site-footer a[data-home-icon],
body.home-page.v4-page .site-footer button[data-home-icon] {
  display: flex;
  gap: 0;
}

body.home-page.v4-page .site-footer a[data-home-icon] > .home-text-icon,
body.home-page.v4-page .site-footer button[data-home-icon] > .home-text-icon {
  width: 1.02em;
  height: 1.02em;
  color: #aaa4ef;
}

body.home-page.v4-page .restored-mobile-creators .mph-tabs .home-text-icon {
  width: 14px;
  height: 14px;
  margin-inline-end: 5px;
  color: #6257db;
}

body.home-page.v4-page .restored-mobile-creators .mph-category .home-text-icon {
  width: 11px;
  height: 11px;
  margin-inline-end: 3px;
  color: #7068ce;
}

body.home-page.v4-page .restored-mobile-creators .mph-view .home-text-icon {
  width: 13px;
  height: 13px;
  margin-inline-end: 4px;
  color: #fff;
}

@media (max-width: 620px) {
  body.home-page.v4-page h1 > .home-text-icon,
  body.home-page.v4-page h2 > .home-text-icon {
    width: .58em;
    height: .58em;
    padding: .11em;
    margin-inline-end: .22em;
  }

  body.home-page.v4-page .v4-section-kicker > .home-text-icon,
  body.home-page.v4-page .v4-eyebrow > .home-text-icon {
    margin-inline-end: .4em;
  }

  body.home-page.v4-page .site-footer a[data-home-icon] > .home-text-icon,
  body.home-page.v4-page .site-footer button[data-home-icon] > .home-text-icon {
    width: 1em;
    height: 1em;
  }
}

/* Final mobile reference lock. Keep this block last in the cascade. */
@media (max-width: 620px) {
  html body.home-page.v4-page #top.v4-home-hero.lm-hero {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    aspect-ratio: 1080 / 1206 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    background:
      linear-gradient(180deg, #08091f 0%, #090a22 100%) center top / 100% 10.9% no-repeat,
      #090a1f url("../assets/images/mobile-hero-reference-exact.webp?v=20260824opt1") center top / 100% 100% no-repeat !important;
  }

  html body.home-page.v4-page #top.v4-home-hero::before,
  html body.home-page.v4-page #top.v4-home-hero::after,
  html body.home-page.v4-page #top .v4-hero-aurora,
  html body.home-page.v4-page #top .v4-mobile-trust-stage {
    display: none !important;
  }

  html body.home-page.v4-page #top > .v4-hero-shell.container {
    position: absolute !important;
    inset: 0 !important;
    z-index: 9 !important;
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    pointer-events: none !important;
  }

  html body.home-page.v4-page #top .v4-hero-copy {
    position: relative !important;
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    pointer-events: none !important;
  }

  html body.home-page.v4-page #top .v4-eyebrow,
  html body.home-page.v4-page #top .v4-hero-copy h1,
  html body.home-page.v4-page #top .v4-hero-copy > p {
    visibility: visible !important;
    opacity: 0 !important;
  }

  html body.home-page.v4-page #top .v4-hero-actions {
    position: absolute !important;
    top: 52.49% !important;
    left: 32.59% !important;
    z-index: 12 !important;
    display: block !important;
    visibility: visible !important;
    width: 34.91% !important;
    height: 8.04% !important;
    margin: 0 !important;
    padding: 0 !important;
    pointer-events: auto !important;
  }

  html body.home-page.v4-page #top .v4-hero-actions .v4-btn {
    display: block !important;
    visibility: visible !important;
    width: 100% !important;
    min-width: 0 !important;
    height: 100% !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    opacity: 0 !important;
    pointer-events: auto !important;
  }

  html body.home-page.v4-page #top .v4-mobile-trust-metrics {
    right: 7.52% !important;
    bottom: 1.9% !important;
    width: 84.81% !important;
    height: 18.41% !important;
    padding: clamp(8px,2.55vw,10px) 5px clamp(6px,1.8vw,7px) !important;
    background: linear-gradient(105deg,rgb(38,28,91),rgb(49,31,104)) !important;
    border-color: rgba(255,255,255,.12) !important;
    border-radius: clamp(18px,5.64vw,22px) !important;
    box-shadow: 0 13px 30px rgba(7,6,31,.2),inset 0 1px 0 rgba(255,255,255,.035) !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }

  html body.home-page.v4-page .site-header.service-header .header-inner,
  html body.home-page.v4-page .site-header.service-header.is-scrolled .header-inner {
    background: rgb(7,9,31) !important;
  }

  html body.home-page.v4-page .site-header.service-header,
  html body.home-page.v4-page .site-header.service-header.is-scrolled {
    background: rgb(7,9,31) !important;
  }
}