/* Mobile-only refinement for the first landing section. */
@media (max-width: 820px) {
  body.landing-page {
    --landing-header-content-height: 68px;
    /* Legacy iOS first; modern browsers override it with env(). */
    --landing-safe-top: constant(safe-area-inset-top);
    --landing-safe-top: env(safe-area-inset-top, 0px);
    --landing-header-height: calc(var(--landing-header-content-height) + var(--landing-safe-top));
  }

  body.landing-page .landing-header {
    min-height: var(--landing-header-height) !important;
    border-bottom: 0 !important;
    box-shadow: 0 10px 24px rgba(10, 10, 10, .16) !important;
  }

  body.landing-page .landing-header-inner {
    width: min(100% - 18px, 1180px) !important;
    grid-template-columns: minmax(104px, 1fr) auto !important;
    gap: .44rem !important;
    min-height: var(--landing-header-height) !important;
    padding: calc(.42rem + var(--landing-safe-top)) 0 .42rem !important;
  }

  body.landing-page .landing-menu {
    display: none !important;
  }

  body.landing-page .landing-header .logo-landing {
    width: clamp(106px, 28vw, 128px) !important;
    max-width: 128px !important;
  }

  body.landing-page .landing-header-actions {
    gap: .34rem !important;
    flex-wrap: nowrap !important;
  }

  body.landing-page .landing-header-actions .landing-button {
    min-height: 38px !important;
    padding: 0 clamp(.56rem, 2.25vw, .84rem) !important;
    border-radius: 13px !important;
    font-size: clamp(.74rem, 2.45vw, .86rem) !important;
    font-weight: 800 !important;
    white-space: nowrap !important;
  }

  body.landing-page .landing-main {
    padding-top: var(--landing-header-height) !important;
    scroll-padding-top: var(--landing-header-height) !important;
    background:
      radial-gradient(circle at 50% 27%, rgba(212, 160, 23, .12), rgba(212, 160, 23, .06) 38%, rgba(212, 160, 23, 0) 72%),
      linear-gradient(180deg, #FFFCF4 0%, #FFFBF2 58%, #FFFAF0 100%) !important;
  }

  body.landing-page .landing-hero-section {
    box-sizing: border-box !important;
    min-height: calc(100svh - var(--landing-header-height)) !important;
    padding: clamp(.95rem, 2.8vh, 1.45rem) 0 clamp(1.15rem, 4vh, 2rem) !important;
    gap: 0 !important;
    justify-content: flex-start !important;
    border-top: 0 !important;
    background:
      radial-gradient(circle at 50% 27%, rgba(212, 160, 23, .12), rgba(212, 160, 23, .06) 38%, rgba(212, 160, 23, 0) 72%),
      linear-gradient(180deg, #FFFCF4 0%, #FFFBF2 58%, #FFFAF0 100%) !important;
  }

  body.landing-page .landing-hero-section::before,
  body.landing-page .landing-hero-section::after {
    display: none !important;
  }

  body.landing-page .landing-hero-copy h1 {
    width: min(100%, 15.5ch) !important;
    max-width: calc(100vw - 28px) !important;
    margin-inline: auto !important;
    font-size: clamp(2.24rem, 9.2vw, 3.16rem) !important;
    line-height: .98 !important;
    letter-spacing: 0 !important;
    text-align: center !important;
    white-space: normal !important;
    overflow: visible !important;
  }

  body.landing-page .landing-hero-line {
    display: block !important;
  }

  body.landing-page .landing-hero-line + .landing-hero-line::before {
    content: none !important;
  }

  body.landing-page .landing-hero-line:nth-child(3)::before {
    content: none !important;
    display: none !important;
  }

  body.landing-page .landing-hero-copy p {
    max-width: 34rem !important;
    margin: clamp(.44rem, 1.55vw, .72rem) auto 0 !important;
    font-size: clamp(.82rem, 2.75vw, 1rem) !important;
    line-height: 1.32 !important;
    text-align: center !important;
  }

  body.landing-page .landing-hero-copy > p,
  body.landing-page .landing-hero-visual,
  body.landing-page .landing-hero-proof-wrap,
  body.landing-page .landing-hero-actions {
    width: min(100% - 22px, 720px) !important;
  }

  body.landing-page .landing-hero-grid,
  body.landing-page .landing-hero-copy,
  body.landing-page .landing-product-surface,
  body.landing-page .landing-product-screen {
    background: transparent !important;
    box-shadow: none !important;
  }

  body.landing-page .landing-hero-visual {
    width: 100vw !important;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
    margin-top: clamp(.88rem, 2.8vh, 1.35rem) !important;
    justify-content: center !important;
    transform: none !important;
    background: transparent !important;
  }

  body.landing-page .landing-product-frame {
    width: min(110vw, 740px) !important;
    max-width: none !important;
    margin: 0 auto .2rem !important;
    transform: translateY(22px) scale(1.50) !important;
    transform-origin: center center !important;
  }

  body.landing-page .landing-product-screen {
    aspect-ratio: 1600 / 721 !important;
  }

  body.landing-page .landing-hero-image {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    filter: drop-shadow(0 16px 22px rgba(10, 10, 10, .12)) !important;
  }

  body.landing-page .landing-hero-proof-wrap {
    margin-top: auto !important;
    padding-top: 0 !important;
    transform: none !important;
    background: transparent !important;
  }

  body.landing-page .landing-hero-proof-wrap::before {
    display: none !important;
  }

  body.landing-page .landing-proof-list {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 0 !important;
    width: 100% !important;
    margin: 0 auto !important;
    padding: 0 !important;
    transform: none !important;
    background: transparent !important;
  }

  body.landing-page .landing-proof-list li {
    display: grid !important;
    grid-template-columns: clamp(34px, 9.5vw, 44px) minmax(0, 1fr) !important;
    column-gap: clamp(.48rem, 2.1vw, .74rem) !important;
    align-items: center !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 0 !important;
    padding: clamp(.48rem, 1.9vw, .72rem) clamp(.46rem, 2vw, .72rem) !important;
    color: #0A0A0A !important;
    white-space: normal !important;
    background: transparent !important;
  }

  body.landing-page .landing-proof-list li:nth-child(odd) {
    border-right: 1px solid rgba(10, 10, 10, .08) !important;
  }

  body.landing-page .landing-proof-list li:nth-child(n + 3) {
    border-top: 1px solid rgba(10, 10, 10, .08) !important;
  }

  body.landing-page .landing-proof-mark {
    grid-row: 1 !important;
    width: clamp(34px, 9.5vw, 44px) !important;
    height: clamp(34px, 9.5vw, 44px) !important;
    min-width: clamp(34px, 9.5vw, 44px) !important;
    min-height: clamp(34px, 9.5vw, 44px) !important;
    align-self: center !important;
    flex-basis: auto !important;
    font-size: clamp(.95rem, 3vw, 1.2rem) !important;
    box-shadow: 0 10px 20px rgba(212, 160, 23, .08) !important;
    transform: translateY(-4px) !important;
  }

  body.landing-page .landing-proof-list li > span:last-child {
    display: block !important;
    min-width: 0 !important;
    font-size: clamp(.78rem, 2.85vw, .98rem) !important;
    line-height: 1.06 !important;
    font-weight: 900 !important;
    text-align: left !important;
    text-wrap: balance;
    transform: translateY(-6px) !important;
  }

  body.landing-page .landing-proof-list li::after {
    content: none !important;
    display: none !important;
  }

  body.landing-page .landing-hero-actions {
    gap: clamp(.5rem, 2.4vw, .76rem) !important;
    margin: clamp(.6rem, 1.9vh, .9rem) auto 0 !important;
  }

  body.landing-page .landing-hero-actions .landing-button {
    flex: 1 1 0 !important;
    width: auto !important;
    min-width: 0 !important;
    min-height: clamp(46px, 11vw, 54px) !important;
    padding: 0 clamp(.74rem, 3vw, 1rem) !important;
    border-radius: clamp(14px, 4vw, 18px) !important;
    font-size: clamp(.86rem, 3.05vw, 1rem) !important;
    font-weight: 900 !important;
  }

  body.landing-page .landing-audience-section {
    box-sizing: border-box !important;
    display: flex !important;
    align-items: stretch !important;
    min-height: 0 !important;
    height: auto !important;
    max-height: none !important;
    scroll-margin-top: var(--landing-header-height) !important;
    padding: clamp(1.55rem, 5.2vw, 2.25rem) 0 clamp(1.55rem, 5vw, 2.15rem) !important;
    overflow: visible !important;
    background:
      radial-gradient(circle at 50% 18%, rgba(212, 160, 23, .18) 0%, rgba(212, 160, 23, .07) 26%, rgba(212, 160, 23, 0) 58%),
      radial-gradient(circle at 16% 78%, rgba(212, 160, 23, .10) 0%, rgba(212, 160, 23, 0) 34%),
      linear-gradient(180deg, #0A0A0A 0%, #11100C 48%, #070707 100%) !important;
  }

  body.landing-page .landing-audience-section::before {
    background:
      radial-gradient(circle at 50% 38%, rgba(212, 160, 23, .08) 0%, rgba(212, 160, 23, 0) 44%),
      linear-gradient(180deg, rgba(255, 255, 255, .035) 0%, rgba(255, 255, 255, 0) 22%) !important;
  }

  body.landing-page .landing-audience-section::after,
  body.landing-page .landing-audience-copy::before,
  body.landing-page .landing-audience-copy::after,
  body.landing-page .landing-audience-copy > .landing-section-eyebrow,
  body.landing-page .landing-audience-cards-eyebrow,
  body.landing-page .landing-audience-intro {
    display: none !important;
  }

  body.landing-page .landing-audience-section .landing-shell {
    width: min(100% - 22px, 720px) !important;
  }

  body.landing-page .landing-audience-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    grid-template-rows: auto auto auto auto !important;
    align-content: start !important;
    gap: clamp(.8rem, 2.8vw, 1.05rem) !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
  }

  body.landing-page .landing-audience-copy {
    display: contents !important;
    max-width: none !important;
    padding: 0 !important;
    margin: 0 auto !important;
    text-align: center !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  body.landing-page .landing-audience-copy h2 {
    order: 1 !important;
    max-width: min(100%, 20ch) !important;
    margin: 0 auto !important;
    color: #FFFFFF !important;
    font-size: clamp(1.55rem, 6.9vw, 2.35rem) !important;
    line-height: .98 !important;
    letter-spacing: 0 !important;
    text-align: center !important;
    text-wrap: balance !important;
    white-space: nowrap !important;
  }

  body.landing-page .landing-audience-mobile-break,
  body.landing-page .landing-audience-title-break {
    display: block !important;
  }

  body.landing-page .landing-audience-copy h2 span {
    color: #D4A017 !important;
    text-shadow: 0 0 26px rgba(212, 160, 23, .2) !important;
  }

  body.landing-page .landing-audience-copy h2::after {
    content: "" !important;
    display: block !important;
    width: clamp(44px, 14vw, 64px) !important;
    height: 2px !important;
    margin: clamp(.38rem, 1.6vw, .58rem) auto 0 !important;
    border-radius: 999px !important;
    background: linear-gradient(90deg, rgba(212, 160, 23, .12), #D4A017, rgba(212, 160, 23, .12)) !important;
    box-shadow: 0 0 16px rgba(212, 160, 23, .22) !important;
  }

  body.landing-page .landing-audience-copy > p {
    order: 2 !important;
    max-width: 22rem !important;
    margin: 0 auto !important;
    color: rgba(255, 255, 255, .82) !important;
    font-size: clamp(.84rem, 3vw, 1rem) !important;
    line-height: 1.34 !important;
    text-align: center !important;
    text-wrap: pretty;
  }

  body.landing-page .landing-audience-side {
    order: 3 !important;
    display: block !important;
    padding: 0 !important;
    transform: none !important;
    background: transparent !important;
  }

  body.landing-page .landing-audience-side::before {
    inset: -3% -8% 5% -8% !important;
    border-radius: 36px !important;
    background:
      radial-gradient(circle at 50% 42%, rgba(212, 160, 23, .12) 0%, rgba(212, 160, 23, .035) 38%, rgba(212, 160, 23, 0) 68%) !important;
    filter: blur(28px) !important;
    opacity: .9 !important;
  }

  body.landing-page .landing-audience-list {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    grid-auto-rows: clamp(118px, 31vw, 136px) !important;
    gap: clamp(.62rem, 2.5vw, .86rem) clamp(.48rem, 1.7vw, .72rem) !important;
    width: 100% !important;
  }

  body.landing-page .landing-audience-card {
    display: grid !important;
    grid-template-columns: clamp(40px, 11.6vw, 52px) minmax(0, 1fr) !important;
    grid-template-rows: auto auto !important;
    column-gap: clamp(.42rem, 1.85vw, .68rem) !important;
    row-gap: .04rem !important;
    align-content: start !important;
    min-height: 0 !important;
    height: 100% !important;
    padding: clamp(.66rem, 2.55vw, .82rem) clamp(.58rem, 2.15vw, .78rem) !important;
    border: 1px solid rgba(212, 160, 23, .10) !important;
    border-radius: clamp(14px, 3.8vw, 20px) !important;
    background:
      radial-gradient(circle at top left, rgba(212, 160, 23, .10) 0%, rgba(212, 160, 23, 0) 35%),
      linear-gradient(180deg, rgba(255, 255, 255, .98) 0%, rgba(251, 248, 240, .98) 100%) !important;
    box-shadow:
      0 8px 18px rgba(0, 0, 0, .13),
      inset 0 1px 0 rgba(255, 255, 255, .86) !important;
    overflow: hidden !important;
    cursor: default !important;
    transform: none !important;
    transition: box-shadow .22s ease, border-color .22s ease, opacity .22s ease !important;
  }

  body.landing-page .landing-audience-card::before {
    background: transparent !important;
  }

  body.landing-page .landing-audience-card-head {
    display: contents !important;
  }

  body.landing-page .landing-audience-card .landing-check-icon {
    grid-row: 1 / span 2 !important;
    width: clamp(40px, 11.6vw, 52px) !important;
    height: clamp(40px, 11.6vw, 52px) !important;
    align-self: start !important;
    border-radius: clamp(12px, 3.2vw, 16px) !important;
    border: 1px solid rgba(212, 160, 23, .16) !important;
    background: linear-gradient(180deg, rgba(255, 245, 222, .96) 0%, rgba(212, 160, 23, .12) 100%) !important;
    color: #D4A017 !important;
    box-shadow: 0 7px 14px rgba(212, 160, 23, .07) !important;
    font-size: clamp(.96rem, 4vw, 1.28rem) !important;
    transform: none !important;
    transition: opacity .22s ease, box-shadow .22s ease !important;
  }

  body.landing-page .landing-audience-card h3 {
    align-self: end !important;
    margin: .06rem 0 0 !important;
    color: #0A0A0A !important;
    font-size: clamp(1.01rem, 3.73vw, 1.28rem) !important;
    line-height: .95 !important;
    letter-spacing: 0 !important;
    font-weight: 900 !important;
    text-align: left !important;
    text-wrap: balance;
  }

  body.landing-page .landing-audience-card h3::after {
    width: clamp(22px, 6.8vw, 34px) !important;
    height: 2px !important;
    margin-top: clamp(.18rem, .62vw, .26rem) !important;
    margin-bottom: clamp(.04rem, .28vw, .1rem) !important;
    background: linear-gradient(90deg, #D4A017 0%, rgba(212, 160, 23, .22) 100%) !important;
  }

  body.landing-page .landing-audience-card:nth-child(3) h3,
  body.landing-page .landing-audience-card:nth-child(6) h3,
  body.landing-page .landing-audience-card:nth-child(7) h3 {
    line-height: .9 !important;
  }

  body.landing-page .landing-audience-card:nth-child(3) h3 {
    line-height: .82 !important;
  }

  body.landing-page .landing-audience-card:nth-child(3) h3::after {
    margin-top: .1rem !important;
    margin-bottom: 0 !important;
  }

  body.landing-page .landing-audience-card p {
    margin: 0 !important;
    color: rgba(10, 10, 10, .66) !important;
    font-size: clamp(.82rem, 3vw, .99rem) !important;
    line-height: 1.25 !important;
    text-align: left !important;
    text-wrap: pretty;
  }

  body.landing-page .landing-audience-card:hover,
  body.landing-page .landing-audience-card:active,
  body.landing-page .landing-audience-card:focus-within {
    transform: none !important;
    filter: none !important;
    border-color: rgba(212, 160, 23, .16) !important;
    box-shadow:
      0 8px 18px rgba(0, 0, 0, .13),
      inset 0 1px 0 rgba(255, 255, 255, .86) !important;
  }

  body.landing-page .landing-audience-card:hover .landing-check-icon,
  body.landing-page .landing-audience-card:active .landing-check-icon,
  body.landing-page .landing-audience-card:focus-within .landing-check-icon {
    transform: none !important;
    box-shadow: 0 7px 14px rgba(212, 160, 23, .07) !important;
  }

  body.landing-page .landing-audience-points {
    order: 4 !important;
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 0 !important;
    width: 100% !important;
    margin: clamp(1rem, 3.8vw, 1.45rem) auto 0 !important;
    padding: clamp(.88rem, 3.2vw, 1.12rem) 0 0 !important;
    border-top: 1px solid rgba(212, 160, 23, .46) !important;
    justify-items: stretch !important;
    background: transparent !important;
  }

  body.landing-page .landing-audience-point {
    position: relative !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: clamp(.36rem, 1.5vw, .55rem) !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 0 !important;
    height: auto !important;
    max-width: none !important;
    padding: 0 clamp(.22rem, 1vw, .42rem) 3px !important;
    text-align: center !important;
    overflow: visible !important;
  }

  body.landing-page .landing-audience-point + .landing-audience-point {
    border-left: 1px solid rgba(212, 160, 23, .22) !important;
  }

  body.landing-page .landing-audience-point-icon {
    width: clamp(42px, 12vw, 56px) !important;
    height: clamp(42px, 12vw, 56px) !important;
    border-radius: 999px !important;
    border: 1px solid rgba(212, 160, 23, .38) !important;
    background:
      radial-gradient(circle at 50% 42%, rgba(212, 160, 23, .18) 0%, rgba(212, 160, 23, .04) 66%, rgba(212, 160, 23, 0) 100%) !important;
    color: #D4A017 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: clamp(.9rem, 3.35vw, 1.18rem) !important;
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, .07),
      0 0 18px rgba(212, 160, 23, .13) !important;
    transform: none !important;
  }

  body.landing-page .landing-audience-point strong {
    display: block !important;
    width: 100% !important;
    min-height: 0 !important;
    height: auto !important;
    color: #FFFFFF !important;
    font-size: clamp(.72rem, 2.65vw, .88rem) !important;
    line-height: 1.12 !important;
    font-weight: 800 !important;
    letter-spacing: 0 !important;
    text-align: center !important;
    text-wrap: balance;
    overflow: visible !important;
  }
}

@media (max-width: 420px) {
  body.landing-page {
    --landing-header-content-height: 64px;
    --landing-header-height: calc(var(--landing-header-content-height) + var(--landing-safe-top));
  }

  body.landing-page .landing-header-inner {
    width: min(100% - 14px, 1180px) !important;
    gap: .28rem !important;
    padding: calc(.34rem + var(--landing-safe-top)) 0 .34rem !important;
  }

  body.landing-page .landing-header .logo-landing {
    width: clamp(94px, 28vw, 118px) !important;
    max-width: 118px !important;
  }

  body.landing-page .landing-header-actions .landing-button {
    min-height: 34px !important;
    padding: 0 clamp(.46rem, 2.15vw, .68rem) !important;
    border-radius: 12px !important;
    font-size: clamp(.68rem, 2.55vw, .78rem) !important;
  }

  body.landing-page .landing-hero-section {
    padding-top: clamp(.88rem, 2.4vh, 1.15rem) !important;
    padding-bottom: clamp(1rem, 3.7vh, 1.65rem) !important;
    gap: 0 !important;
  }

  body.landing-page .landing-hero-copy h1 {
    font-size: clamp(2.08rem, 8.75vw, 2.52rem) !important;
    line-height: .95 !important;
  }

  body.landing-page .landing-hero-copy p {
    margin-top: clamp(.38rem, 1.35vw, .58rem) !important;
  }

  body.landing-page .landing-hero-visual {
    margin-top: clamp(.74rem, 2.3vh, 1.05rem) !important;
  }

  body.landing-page .landing-hero-copy p {
    font-size: clamp(.77rem, 3.25vw, .88rem) !important;
    line-height: 1.28 !important;
  }

  body.landing-page .landing-product-frame {
    width: min(109vw, 580px) !important;
    margin: 0 auto .16rem !important;
  }

  body.landing-page .landing-proof-list li {
    grid-template-columns: 32px minmax(0, 1fr) !important;
    column-gap: .42rem !important;
    padding: .42rem .36rem !important;
  }

  body.landing-page .landing-proof-mark {
    width: 32px !important;
    height: 32px !important;
    min-width: 32px !important;
    min-height: 32px !important;
    font-size: .92rem !important;
    align-self: center !important;
    transform: translateY(-4px) !important;
  }

  body.landing-page .landing-proof-list li > span:last-child {
    font-size: clamp(.72rem, 3.25vw, .86rem) !important;
    line-height: 1.04 !important;
  }

  body.landing-page .landing-hero-actions .landing-button {
    min-height: 46px !important;
    font-size: clamp(.78rem, 3.45vw, .9rem) !important;
  }
}

@media (max-width: 820px) {
  body.landing-page .landing-modules-section {
    position: relative !important;
    min-height: 0 !important;
    height: auto !important;
    padding: clamp(2.25rem, 7vw, 3.25rem) 0 clamp(3.2rem, 10vw, 4.7rem) !important;
    overflow: hidden !important;
    background:
      radial-gradient(circle at 50% 9%, rgba(212, 160, 23, .14) 0%, rgba(212, 160, 23, .06) 24%, rgba(212, 160, 23, 0) 55%),
      linear-gradient(180deg, #FFFFFF 0%, #FFFEFB 100%) !important;
  }

  body.landing-page .landing-modules-section .landing-shell {
    width: min(100% - 28px, 1180px) !important;
  }

  body.landing-page .landing-modules-layout {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: clamp(.55rem, 2.2vw, .9rem) !important;
    align-items: start !important;
  }

  body.landing-page .landing-modules-copy {
    display: grid !important;
    justify-items: center !important;
    gap: 0 !important;
    max-width: none !important;
    margin: 0 auto !important;
    padding: 0 !important;
    text-align: center !important;
  }

  body.landing-page .landing-modules-copy .landing-section-eyebrow {
    margin: 0 0 clamp(.75rem, 2.6vw, 1rem) !important;
    color: #D4A017 !important;
    font-size: clamp(.73rem, 2.6vw, .88rem) !important;
    line-height: 1.1 !important;
    font-weight: 900 !important;
    letter-spacing: .36em !important;
    text-align: center !important;
  }

  body.landing-page .landing-modules-copy h2 {
    max-width: min(100%, 18ch) !important;
    margin: 0 auto !important;
    color: #050505 !important;
    font-size: clamp(2.28rem, 9.7vw, 3.15rem) !important;
    line-height: .92 !important;
    letter-spacing: 0 !important;
    font-weight: 900 !important;
    text-align: center !important;
    text-wrap: balance;
  }

  body.landing-page .landing-modules-mobile-break {
    display: block !important;
  }

  body.landing-page .landing-modules-copy h2 span {
    color: #D4A017 !important;
    text-shadow: none !important;
  }

  body.landing-page .landing-modules-copy > p,
  body.landing-page .landing-modules-copy-list {
    display: none !important;
  }

  body.landing-page .landing-modules-copy-line {
    width: clamp(46px, 14vw, 72px) !important;
    height: 3px !important;
    margin: clamp(1.05rem, 3.5vw, 1.45rem) auto 0 !important;
    border-radius: 999px !important;
    background: linear-gradient(90deg, rgba(212, 160, 23, .22), #D4A017, rgba(212, 160, 23, .22)) !important;
    box-shadow: 0 0 18px rgba(212, 160, 23, .18) !important;
  }

  body.landing-page .landing-modules-showcase {
    width: 100% !important;
    max-width: 760px !important;
    margin: 0 auto !important;
  }

  body.landing-page .landing-modules-rail-wrap {
    position: relative !important;
    display: block !important;
    width: 100% !important;
    margin: 0 auto !important;
    padding: 0 !important;
  }

  body.landing-page .landing-modules-section .landing-modules-rail {
    display: grid !important;
    grid-auto-flow: column !important;
    grid-template-rows: repeat(2, clamp(176px, 47vw, 224px)) !important;
    grid-auto-columns: calc((100% - clamp(.7rem, 2.5vw, .9rem)) / 2) !important;
    grid-template-columns: none !important;
    gap: clamp(.7rem, 2.5vw, .9rem) !important;
    width: 100% !important;
    padding: 0 !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    overscroll-behavior-x: contain !important;
    scroll-snap-type: x mandatory !important;
    scroll-padding-left: 0 !important;
    -webkit-overflow-scrolling: touch !important;
    scrollbar-width: none !important;
  }

  body.landing-page .landing-modules-section .landing-modules-rail::-webkit-scrollbar {
    display: none !important;
  }

  body.landing-page .landing-modules-section .landing-module-card {
    width: 100% !important;
    min-width: 0 !important;
    height: 100% !important;
    min-height: 0 !important;
    max-width: none !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: clamp(.45rem, 1.8vw, .72rem) !important;
    padding: clamp(1rem, 3.7vw, 1.35rem) clamp(.72rem, 2.8vw, 1.05rem) !important;
    border: 1px solid rgba(10, 10, 10, .07) !important;
    border-radius: clamp(20px, 5.2vw, 28px) !important;
    background:
      radial-gradient(circle at 50% 0%, rgba(212, 160, 23, .06) 0%, rgba(212, 160, 23, 0) 46%),
      linear-gradient(180deg, rgba(255, 255, 255, .98) 0%, rgba(253, 251, 246, .98) 100%) !important;
    box-shadow:
      0 12px 26px rgba(10, 10, 10, .06),
      inset 0 1px 0 rgba(255, 255, 255, .9) !important;
    text-align: center !important;
    scroll-snap-align: none !important;
    scroll-snap-stop: always !important;
    transform: none !important;
    transition: box-shadow .24s ease, border-color .24s ease, opacity .24s ease !important;
  }

  body.landing-page .landing-modules-section .landing-module-card:nth-child(1),
  body.landing-page .landing-modules-section .landing-module-card:nth-child(5),
  body.landing-page .landing-modules-section .landing-module-card:nth-child(9),
  body.landing-page .landing-modules-section .landing-module-card:nth-child(13) {
    scroll-snap-align: start !important;
  }

  body.landing-page .landing-modules-section .landing-module-card:nth-child(1) { order: 1; }
  body.landing-page .landing-modules-section .landing-module-card:nth-child(3) { order: 2; }
  body.landing-page .landing-modules-section .landing-module-card:nth-child(2) { order: 3; }
  body.landing-page .landing-modules-section .landing-module-card:nth-child(4) { order: 4; }
  body.landing-page .landing-modules-section .landing-module-card:nth-child(5) { order: 5; }
  body.landing-page .landing-modules-section .landing-module-card:nth-child(7) { order: 6; }
  body.landing-page .landing-modules-section .landing-module-card:nth-child(6) { order: 7; }
  body.landing-page .landing-modules-section .landing-module-card:nth-child(8) { order: 8; }
  body.landing-page .landing-modules-section .landing-module-card:nth-child(9) { order: 9; }
  body.landing-page .landing-modules-section .landing-module-card:nth-child(11) { order: 10; }
  body.landing-page .landing-modules-section .landing-module-card:nth-child(10) { order: 11; }
  body.landing-page .landing-modules-section .landing-module-card:nth-child(12) { order: 12; }

  body.landing-page .landing-modules-section .landing-module-card:hover,
  body.landing-page .landing-modules-section .landing-module-card:active,
  body.landing-page .landing-modules-section .landing-module-card:focus-within {
    transform: none !important;
    border-color: rgba(212, 160, 23, .12) !important;
    box-shadow:
      0 12px 26px rgba(10, 10, 10, .07),
      inset 0 1px 0 rgba(255, 255, 255, .9) !important;
  }

  body.landing-page .landing-modules-section .landing-module-icon {
    width: clamp(70px, 18.5vw, 96px) !important;
    height: clamp(70px, 18.5vw, 96px) !important;
    border-radius: clamp(18px, 4.8vw, 26px) !important;
    border: 0 !important;
    background:
      radial-gradient(circle at 50% 35%, rgba(255, 255, 255, .86) 0%, rgba(255, 255, 255, 0) 46%),
      linear-gradient(180deg, rgba(255, 244, 219, .98) 0%, rgba(212, 160, 23, .10) 100%) !important;
    color: #D4A017 !important;
    box-shadow: 0 12px 24px rgba(212, 160, 23, .08) !important;
    font-size: clamp(1.78rem, 7.1vw, 2.55rem) !important;
    transform: none !important;
  }

  body.landing-page .landing-modules-section .landing-module-card h3 {
    margin: clamp(.2rem, .8vw, .38rem) 0 0 !important;
    color: #050505 !important;
    font-size: clamp(1.03rem, 4.1vw, 1.38rem) !important;
    line-height: 1.02 !important;
    letter-spacing: 0 !important;
    font-weight: 900 !important;
    text-align: center !important;
    text-wrap: balance;
  }

  body.landing-page .landing-modules-section .landing-module-card h3::after {
    content: "" !important;
    display: block !important;
    width: clamp(28px, 8.4vw, 42px) !important;
    height: 2px !important;
    margin: clamp(.42rem, 1.5vw, .58rem) auto 0 !important;
    border-radius: 999px !important;
    background: linear-gradient(90deg, rgba(212, 160, 23, .12), #D4A017, rgba(212, 160, 23, .12)) !important;
  }

  body.landing-page .landing-modules-section .landing-module-card p {
    max-width: 18ch !important;
    margin: 0 !important;
    color: rgba(10, 10, 10, .68) !important;
    font-size: clamp(.85rem, 3.35vw, 1.04rem) !important;
    line-height: 1.35 !important;
    text-align: center !important;
    text-wrap: balance;
  }

  body.landing-page .landing-modules-section .landing-rail-control {
    position: absolute !important;
    top: 50% !important;
    z-index: 4 !important;
    display: inline-flex !important;
    width: clamp(42px, 11vw, 54px) !important;
    height: clamp(42px, 11vw, 54px) !important;
    min-width: 0 !important;
    min-height: 0 !important;
    padding: 0 !important;
    border-radius: 999px !important;
    border: 1px solid rgba(10, 10, 10, .06) !important;
    background: rgba(255, 255, 255, .96) !important;
    color: #D4A017 !important;
    align-items: center !important;
    justify-content: center !important;
    box-shadow: 0 9px 20px rgba(10, 10, 10, .08) !important;
    transform: translateY(-50%) !important;
    opacity: .98 !important;
  }

  body.landing-page .landing-modules-section .landing-rail-control[data-dir="-1"] {
    left: clamp(-.72rem, -1.8vw, -.32rem) !important;
  }

  body.landing-page .landing-modules-section .landing-rail-control[data-dir="1"] {
    right: clamp(-.72rem, -1.8vw, -.32rem) !important;
  }

  body.landing-page .landing-modules-section .landing-rail-control i {
    font-size: clamp(1.05rem, 4vw, 1.35rem) !important;
    line-height: 1 !important;
  }

  body.landing-page .landing-modules-dots {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: clamp(.58rem, 2.5vw, .84rem) !important;
    margin: clamp(1.12rem, 4vw, 1.55rem) auto 0 !important;
  }

  body.landing-page .landing-modules-dots span {
    display: inline-block !important;
    width: clamp(10px, 3vw, 13px) !important;
    height: clamp(10px, 3vw, 13px) !important;
    border-radius: 999px !important;
    background: rgba(10, 10, 10, .14) !important;
    box-shadow: none !important;
    opacity: 1 !important;
    transition: background .22s ease, transform .22s ease !important;
  }

  body.landing-page .landing-modules-dots span:nth-child(n + 4) {
    display: none !important;
  }

  body.landing-page .landing-modules-dots span.is-active {
    background: #D4A017 !important;
    transform: scale(1.08) !important;
  }

  body.landing-page .landing-modules-benefit-band {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 0 !important;
    width: 100% !important;
    margin: clamp(1.55rem, 5.4vw, 2.15rem) 0 0 !important;
    padding: clamp(.58rem, 2vw, .78rem) clamp(.86rem, 3.4vw, 1.18rem) !important;
    border: 1px solid rgba(212, 160, 23, .15) !important;
    border-radius: clamp(20px, 5vw, 28px) !important;
    background:
      radial-gradient(circle at 82% 12%, rgba(212, 160, 23, .12) 0%, rgba(212, 160, 23, 0) 38%),
      linear-gradient(180deg, #121212 0%, #060606 100%) !important;
    box-shadow: 0 18px 38px rgba(10, 10, 10, .18) !important;
    overflow: hidden !important;
  }

  body.landing-page .landing-modules-band-item,
  body.landing-page .landing-modules-band-item + .landing-modules-band-item,
  body.landing-page .landing-modules-band-item:first-child {
    display: grid !important;
    grid-template-columns: clamp(34px, 9.6vw, 44px) minmax(0, 1fr) !important;
    gap: clamp(.48rem, 1.8vw, .68rem) !important;
    align-items: start !important;
    min-width: 0 !important;
    padding: clamp(.44rem, 1.55vw, .62rem) clamp(.52rem, 2vw, .78rem) !important;
    border: 0 !important;
    background: transparent !important;
  }

  body.landing-page .landing-modules-band-item:nth-child(2n) {
    border-left: 1px solid rgba(212, 160, 23, .16) !important;
  }

  body.landing-page .landing-modules-band-item:nth-child(n + 3) {
    border-top: 1px solid rgba(212, 160, 23, .16) !important;
  }

  body.landing-page .landing-modules-band-icon {
    width: clamp(34px, 9.6vw, 44px) !important;
    height: clamp(34px, 9.6vw, 44px) !important;
    border-radius: 999px !important;
    border: 1px solid rgba(212, 160, 23, .34) !important;
    background:
      radial-gradient(circle at 50% 42%, rgba(212, 160, 23, .22) 0%, rgba(212, 160, 23, .06) 68%, rgba(212, 160, 23, 0) 100%) !important;
    color: #D4A017 !important;
    box-shadow: none !important;
    font-size: clamp(.82rem, 3vw, 1.03rem) !important;
    transform: none !important;
  }

  body.landing-page .landing-modules-band-item h3 {
    margin: 0 !important;
    color: #FFFFFF !important;
    font-size: clamp(.78rem, 2.9vw, .96rem) !important;
    line-height: 1.08 !important;
    letter-spacing: 0 !important;
    font-weight: 900 !important;
    text-align: left !important;
  }

  body.landing-page .landing-modules-band-item p {
    margin: clamp(.22rem, .9vw, .34rem) 0 0 !important;
    color: rgba(255, 255, 255, .66) !important;
    font-size: clamp(.66rem, 2.42vw, .79rem) !important;
    line-height: 1.28 !important;
    text-align: left !important;
  }

  body.landing-page .landing-practice-section {
    min-height: 0 !important;
    height: auto !important;
    padding: clamp(1.55rem, 5.2vw, 2.1rem) 0 clamp(1.55rem, 5.2vw, 2.1rem) !important;
    overflow: hidden !important;
  }

  body.landing-page .landing-practice-shell {
    min-height: 0 !important;
    display: grid !important;
    grid-template-rows: auto auto auto !important;
    align-items: start !important;
    gap: clamp(.66rem, 2.45vw, .92rem) !important;
  }

  body.landing-page .landing-practice-head {
    text-align: center !important;
    transform: translateY(-12px) !important;
  }

  body.landing-page .landing-practice-head .landing-section-eyebrow {
    transform: none !important;
    font-size: clamp(.68rem, 2.75vw, .82rem) !important;
    line-height: 1.1 !important;
    letter-spacing: .32em !important;
  }

  body.landing-page .landing-practice-head h2 {
    max-width: min(100%, 13.6ch) !important;
    margin: clamp(.2rem, .9vw, .36rem) auto 0 !important;
    font-size: clamp(2.24rem, 9.25vw, 3rem) !important;
    line-height: .91 !important;
    font-weight: 950 !important;
    letter-spacing: 0 !important;
    text-align: center !important;
  }

  body.landing-page .landing-practice-mobile-break {
    display: block !important;
  }

  body.landing-page .landing-practice-stage {
    height: clamp(210px, 50vw, 310px) !important;
    margin: 0 auto !important;
  }

  body.landing-page .landing-practice-glow {
    top: 50% !important;
    width: min(680px, 96vw) !important;
    height: min(220px, 42vw) !important;
    filter: blur(22px) !important;
    opacity: .62 !important;
  }

  body.landing-page .landing-practice-screen {
    width: min(94vw, 560px) !important;
    border-radius: 16px !important;
  }

  body.landing-page .landing-practice-arrow {
    top: 50% !important;
    width: clamp(38px, 10vw, 44px) !important;
    height: clamp(38px, 10vw, 44px) !important;
  }

  body.landing-page .landing-practice-dots {
    margin-top: 0 !important;
    gap: clamp(.52rem, 2.2vw, .72rem) !important;
  }

  body.landing-page .landing-practice-dots button {
    width: clamp(28px, 8.2vw, 34px) !important;
    height: 6px !important;
  }

  body.landing-page .landing-cta-section {
    min-height: 0 !important;
    height: auto !important;
    padding: clamp(1.35rem, 4.8vw, 1.95rem) 0 clamp(1.2rem, 4.2vw, 1.75rem) !important;
  }

  body.landing-page .landing-contact-shell {
    width: min(100% - 28px, 1330px) !important;
  }

  body.landing-page .landing-cta-card {
    display: grid !important;
    grid-template-columns: 1fr !important;
    grid-template-areas:
      "eyebrow"
      "title"
      "benefits"
      "mockup"
      "actions" !important;
    align-items: start !important;
    justify-items: stretch !important;
    gap: clamp(1rem, 3.6vw, 1.45rem) !important;
    min-height: 0 !important;
    padding: clamp(1.55rem, 5vw, 2rem) clamp(1.35rem, 4.5vw, 1.8rem) clamp(1.45rem, 4.8vw, 1.9rem) !important;
  }

  body.landing-page .landing-cta-copy {
    display: contents !important;
    max-width: none !important;
  }

  body.landing-page .landing-cta-copy .landing-section-eyebrow {
    grid-area: eyebrow !important;
    justify-self: center !important;
    margin: 0 !important;
    text-align: center !important;
  }

  body.landing-page .landing-cta-copy h2 {
    grid-area: title !important;
    max-width: min(100%, 11.5ch) !important;
    margin: 0 auto !important;
    text-align: center !important;
  }

  body.landing-page .landing-cta-copy h2::after {
    margin: .85rem auto 0 !important;
  }

  body.landing-page .landing-cta-copy p {
    display: none !important;
  }

  body.landing-page .landing-contact-benefits {
    grid-area: benefits !important;
    width: 100% !important;
    margin: 0 !important;
    padding-left: 0 !important;
    border-left: 0 !important;
  }

  body.landing-page .landing-contact-mockup {
    grid-area: mockup !important;
    width: 100% !important;
    min-height: clamp(185px, 48vw, 250px) !important;
    margin: 0 auto !important;
  }

  body.landing-page .landing-contact-mockup img {
    width: min(100%, 370px) !important;
  }

  body.landing-page .landing-cta-actions {
    grid-area: actions !important;
    width: 100% !important;
    justify-content: center !important;
    margin: 0 !important;
  }

  body.landing-page .landing-button-whatsapp {
    width: 100% !important;
    min-width: 0 !important;
  }

  body.landing-page .landing-contact-divider {
    margin: clamp(1rem, 4vw, 1.4rem) auto 0 !important;
  }

  body.landing-page .landing-footer {
    margin-top: clamp(.9rem, 3.5vw, 1.4rem) !important;
  }

  body.landing-page .landing-footer-grid {
    grid-template-columns: 1fr !important;
    justify-items: center !important;
    gap: clamp(1.05rem, 4vw, 1.45rem) !important;
    padding: clamp(1.65rem, 5vw, 2.05rem) 0 clamp(.9rem, 3vw, 1.1rem) !important;
    text-align: center !important;
  }

  body.landing-page .landing-footer-brand-column {
    align-items: center !important;
    gap: .78rem !important;
    text-align: center !important;
  }

  body.landing-page .landing-footer-brand {
    padding-right: 0 !important;
    border-right: 0 !important;
  }

  body.landing-page .landing-footer-brand-column p {
    max-width: 100% !important;
    margin: 0 auto !important;
    text-align: center !important;
  }

  body.landing-page .landing-footer-contact-column {
    width: 100% !important;
    justify-self: stretch !important;
    padding-left: 0 !important;
    border-left: 0 !important;
    text-align: left !important;
  }

  body.landing-page .landing-footer-contact-column h3 {
    text-align: left !important;
  }

  body.landing-page .landing-footer-contact {
    justify-items: start !important;
  }
}

@media (max-width: 420px) {
  body.landing-page .landing-modules-section .landing-shell {
    width: min(100% - 20px, 1180px) !important;
  }

  body.landing-page .landing-modules-copy h2 {
    font-size: clamp(2rem, 9.55vw, 2.55rem) !important;
  }

  body.landing-page .landing-modules-section .landing-modules-rail {
    grid-template-rows: repeat(2, clamp(166px, 46vw, 198px)) !important;
  }

  body.landing-page .landing-modules-section .landing-module-card {
    padding: .9rem .62rem !important;
  }

  body.landing-page .landing-modules-section .landing-module-card p {
    font-size: clamp(.78rem, 3.22vw, .92rem) !important;
    line-height: 1.3 !important;
  }
}