/* Homepage grid, use cases, and accessible scroll motion. */
body.grid-home #main-content {
  width: 100%;
  max-width: none;
  margin: 0;
}
.grid-home #wp-content [data-yta-marketing='main'] {
  --grid-line: #dfe3dc;
  --grid-gutter: clamp(20px, 3vw, 64px);
}
.grid-home #wp-content [data-yta-marketing='main'] .market-showcase {
  max-width: none;
  width: 100%;
  margin: 0;
  padding-inline: var(--grid-gutter);
  border-bottom: 1px solid var(--grid-line);
}
.grid-home #wp-content [data-yta-marketing='main'] > .wrap {
  max-width: none;
  width: 100%;
  padding-inline: var(--grid-gutter);
}
.grid-home #wp-content [data-yta-marketing='main'] .amy-runner-section {
  max-width: none;
  width: 100%;
}
.grid-home
  #wp-content
  [data-yta-marketing='main']
  :is(.strategy-tools, .how, .outcomes, .pricing, .final) {
  border-top: 1px solid var(--grid-line);
  border-radius: 0;
}
.grid-home #wp-content [data-yta-marketing='main'] .strategy-tools {
  padding-inline: 0;
}
.grid-home #wp-content [data-yta-marketing='main'] .strategy-tools__row {
  border-color: var(--grid-line);
  border-radius: 8px;
  box-shadow: none;
}
.grid-home #wp-content [data-yta-marketing='main'] .strategy-tools__row .conn {
  transform: none !important;
}
.grid-home #wp-content [data-yta-marketing='main'] :is(.steps, .tiers) {
  gap: 24px;
}
.grid-home #wp-content [data-yta-marketing='main'] :is(.step, .tier) {
  border-color: var(--grid-line);
}
.grid-home #wp-content [data-yta-marketing='main'] .market-tabs {
  max-width: none;
  gap: 0;
  border-top: 1px solid var(--grid-line);
  border-bottom: 1px solid var(--grid-line);
}
.grid-home #wp-content [data-yta-marketing='main'] .market-tab + .market-tab {
  border-left: 1px solid var(--grid-line);
}
.grid-home #wp-content [data-yta-marketing='main'] .trust {
  border-color: var(--grid-line);
}
.grid-home #wp-content [data-yta-marketing='main'] .trust .logos {
  mask-image: linear-gradient(90deg, transparent, #000 7%, #000 93%, transparent);
}
.grid-home .ytn__in,
.grid-home .ytf__wrap {
  max-width: none;
  padding-inline: clamp(20px, 3vw, 64px);
}
@media (min-width: 901px) {
  .grid-home #wp-content [data-yta-marketing='main'] .strategy-tools__row {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: clamp(32px, 5vw, 100px);
  }
  .grid-home #wp-content [data-yta-marketing='main'] .outcomes {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  }
}
@media (max-width: 600px) {
  .grid-home #wp-content [data-yta-marketing='main'] .market-tab {
    padding-inline: 4px;
  }
}

/* Scroll highlights follow the existing grid; cards settle flat as they come into view. */
.grid-home #wp-content [data-yta-marketing='main'].grid-motion-on .grid-depth {
  transform: perspective(1200px) translateY(var(--grid-y, 0px)) rotateX(var(--grid-rx, 0deg))
    rotateY(var(--grid-ry, 0deg)) !important;
  transform-origin: center center;
  backface-visibility: hidden;
  box-shadow: 0 18px 40px -24px rgba(33, 54, 31, var(--grid-shadow, 0));
  transition: box-shadow 0.2s ease;
}
.grid-home #wp-content [data-yta-marketing='main'].grid-motion-on .grid-scroll-section {
  border-top-color: rgba(96, 126, 88, calc(0.18 + var(--grid-focus, 0) * 0.62));
  box-shadow: inset 0 2px 0 rgba(123, 151, 107, calc(var(--grid-focus, 0) * 0.2));
}
.grid-home #wp-content [data-yta-marketing='main'].grid-motion-on .grid-scroll-heading {
  background: linear-gradient(105deg, #17221d var(--grid-ink, 100%), #819076 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
@media (prefers-reduced-motion: reduce) {
  .grid-home #wp-content [data-yta-marketing='main'] .grid-depth {
    transform: none !important;
    transition: none;
  }
}

/* Keep the three operating-tier labels distinct at every viewport width. */
.grid-home #wp-content [data-yta-marketing='main'] .market-tabs {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  width: 100%;
  padding: 0;
}
.grid-home #wp-content [data-yta-marketing='main'] .market-tab {
  min-width: 0;
  min-height: 56px;
  padding: 16px 12px;
  font-size: 16px !important;
  line-height: 1.4;
  text-align: center;
  overflow-wrap: normal;
}
@media (max-width: 600px) {
  .grid-home #wp-content [data-yta-marketing='main'] .market-tab {
    min-height: 52px;
    padding: 14px 4px;
    font-size: 14px !important;
  }
}
@media (max-width: 360px) {
  .grid-home #wp-content [data-yta-marketing='main'] .market-tab {
    font-size: 13px !important;
  }
}

/* One readable type scale across the neutral cards, on desktop and phones. */
.grid-home
  #wp-content
  [data-yta-marketing='main']
  :is(.step, .tier, .pricing-extras, .market-panel__copy)
  :is(p, li, .bl),
.grid-home #wp-content [data-yta-marketing='main'] .pricing-extras li span,
.grid-home #wp-content [data-yta-marketing='main'] .app :is(.nm, .meta),
.grid-home #wp-content [data-yta-marketing='main'] .kpi-row {
  font-size: 16px !important;
  line-height: 1.6 !important;
  color: #36404d !important;
}
.grid-home #wp-content [data-yta-marketing='main'] :is(.step h3, .tier .nm, .pricing-extras h3) {
  font-size: 24px !important;
  line-height: 1.25 !important;
  color: #17221d !important;
}
.grid-home #wp-content [data-yta-marketing='main'] .conn :is(.conn-pill, .conn-add, .hd span),
.grid-home #wp-content [data-yta-marketing='main'] .kpi-float :is(.lbl, small, .t),
.grid-home #wp-content [data-yta-marketing='main'] .tier .micro {
  font-size: 14px !important;
  line-height: 1.5 !important;
  color: #465448 !important;
}
.grid-home #wp-content [data-yta-marketing='main'] .conn .hd b {
  font-size: 16px !important;
  line-height: 1.5;
}
.grid-home #wp-content [data-yta-marketing='main'] .app .nm {
  font-weight: 600;
  color: #17221d !important;
}
.grid-home #wp-content [data-yta-marketing='main'] .app > div:not(.ic) {
  min-width: 0;
}

/* Keep the existing live-voice action on the image, without the introductory copy. */
.grid-home #wp-content .hero-amy-action {
  position: absolute;
  inset: auto 20px 20px auto;
  z-index: 50;
  display: grid;
  justify-items: end;
  gap: 8px;
  max-width: min(280px, calc(100% - 32px));
  margin: 0;
  padding: 0;
}
.grid-home #wp-content .hero-amy-action .amy-live__button {
  margin: 0;
  padding: 10px 16px;
  min-height: 48px;
  gap: 10px;
  background: #fff;
  border: 1px solid #d4dbd0;
  border-radius: 8px;
  box-shadow: 0 4px 16px #18231d14;
  font-size: 16px !important;
}
.grid-home #wp-content .hero-amy-action .amy-live__orb {
  width: 32px;
  height: 32px;
}
.grid-home #wp-content .hero-amy-action .amy-live__status,
.grid-home #wp-content .hero-amy-private {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}
.grid-home #wp-content .hero-amy-action.has-status .amy-live__status {
  position: relative;
  width: auto;
  height: auto;
  padding: 8px 12px;
  margin: 0;
  overflow: visible;
  clip-path: none;
  white-space: normal;
  border-radius: 6px;
  background: #fff;
  color: #36404d;
  font-size: 14px;
  line-height: 1.5;
  text-align: left;
}
@media (max-width: 600px) {
  .grid-home #wp-content .hero-amy-action {
    inset: 12px 12px auto auto;
    max-width: calc(100% - 24px);
  }
  .grid-home #wp-content .hero-amy-action .amy-live__button {
    padding: 8px 12px;
    gap: 8px;
    font-size: 14px !important;
  }
}

/* Most sections use the original measure; the image-led chapters have extra room. */
.grid-home #wp-content [data-yta-marketing='main'] .market-showcase {
  max-width: 1440px;
  margin-inline: auto;
}
.grid-home #wp-content [data-yta-marketing='main'] > .wrap {
  max-width: 1260px;
  margin-inline: auto;
  padding-inline: 32px;
}
.grid-home
  #wp-content
  [data-yta-marketing='main']
  :is(
    .market-tabs,
    .yta-demo-stack,
    .use-case-heading,
    .use-case-index,
    .amy-friends-section,
    .use-case-next
  ) {
  max-width: 1260px;
  margin-inline: auto;
}
.grid-home .ytn__in,
.grid-home .ytf__wrap {
  max-width: 1260px;
  margin-inline: auto;
  padding-inline: 32px;
}
@media (max-width: 600px) {
  .grid-home #wp-content [data-yta-marketing='main'] > .wrap,
  .grid-home .ytn__in,
  .grid-home .ytf__wrap {
    padding-inline: 20px;
  }
}

/* Use cases stay in the page flow. The runner retains its original cinema fade. */
.grid-home #wp-content [data-yta-marketing='main'] .use-case-heading {
  padding: 48px 0 28px;
  scroll-margin-top: 105px;
}
.grid-home #wp-content [data-yta-marketing='main'] .use-case-eyebrow {
  margin: 0 0 18px;
  color: #68735f;
  font: 500 13px/1.5 var(--yta-type-sans, sans-serif) !important;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}
.grid-home .use-case-heading__row {
  display: grid;
  grid-template-columns: 1.35fr 1fr;
  gap: 48px;
  align-items: end;
}
.grid-home #wp-content [data-yta-marketing='main'] .use-case-heading h1 {
  font:
    400 clamp(46px, 5.4vw, 76px)/1.04 'Instrument Serif',
    Georgia,
    serif !important;
  letter-spacing: -0.035em !important;
  color: #243025;
  margin: 0;
  max-width: 640px;
}
.grid-home .use-case-heading h1 em {
  font-weight: 400;
  color: #748365;
}
.grid-home #wp-content [data-yta-marketing='main'] .use-case-heading__row > p {
  max-width: 360px;
  margin: 0 0 5px auto;
  color: #53604f;
  font-size: 16px;
  line-height: 1.65;
}
.grid-home .use-case-index {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  border-block: 1px solid var(--grid-line);
  margin-bottom: 32px;
}
.grid-home .use-case-index a {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 20px 24px;
  text-decoration: none;
  color: #26372c;
  transition: background 0.2s ease;
}
.grid-home .use-case-index a + a {
  border-left: 1px solid var(--grid-line);
}
.grid-home .use-case-index a:hover,
.grid-home .use-case-index a:focus-visible {
  background: #f5f6f0;
}
.grid-home .use-case-index a:focus-visible,
.grid-home .use-case-watch:focus-visible {
  outline: 2px solid #a81e20;
  outline-offset: 4px;
}
.grid-home .use-case-number {
  font-size: 12px;
  color: #a81e20;
  font-variant-numeric: tabular-nums;
}
.grid-home .use-case-index strong {
  display: block;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.4;
}
.grid-home .use-case-index small {
  display: block;
  font-size: 14px;
  color: #5c6857;
  line-height: 1.5;
  margin-top: 3px;
}
.grid-home .use-case-index a > span:last-child {
  margin-left: auto;
  color: #68735f;
}
.grid-home #wp-content [data-yta-marketing='main'] .use-case-runner-heading {
  gap: 32px;
  align-items: end;
}
.grid-home #wp-content [data-yta-marketing='main'] .use-case-runner-heading h2 {
  font:
    400 clamp(36px, 4vw, 56px)/1.08 'Instrument Serif',
    Georgia,
    serif !important;
  margin: 0 !important;
  letter-spacing: -0.025em !important;
}
.grid-home .use-case-runner-heading .use-case-eyebrow {
  color: color-mix(in srgb, #dde6d5 calc(var(--cinema) * 100%), #68735f) !important;
}
.grid-home #wp-content [data-yta-marketing='main'] .use-case-runner-heading > p {
  font-size: 16px;
  line-height: 1.6;
  flex-shrink: 0;
}
.grid-home #wp-content [data-yta-marketing='main'] .amy-friends-section {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 0;
  margin-block: 80px 96px;
  border: 1px solid var(--grid-line);
  border-radius: 12px;
  background: #f6f7f2;
  overflow: hidden;
  scroll-margin-top: 105px;
}
.grid-home .use-case-friends-copy {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  padding: clamp(28px, 4.5vw, 64px);
}
.grid-home #wp-content [data-yta-marketing='main'] :is(.use-case-friends-copy, .use-case-next) h2 {
  font:
    400 clamp(40px, 4.6vw, 64px)/1.06 'Instrument Serif',
    Georgia,
    serif !important;
  letter-spacing: -0.03em !important;
  color: #243025;
  margin: 0 0 24px;
}
.grid-home
  #wp-content
  [data-yta-marketing='main']
  .use-case-friends-copy
  > p:not(.use-case-eyebrow) {
  font-size: 16px;
  line-height: 1.65;
  color: #53604f;
  margin: 0 0 26px;
}
.grid-home .use-case-watch {
  font-size: 16px;
  color: #243025;
  text-decoration: none;
  border-bottom: 1px solid #849277;
  padding-bottom: 8px;
}
.grid-home .use-case-watch span {
  margin-left: 20px;
}
.grid-home #wp-content [data-yta-marketing='main'] .use-case-friends-copy .use-case-footnote {
  font-size: 14px !important;
  margin: 56px 0 0 !important;
  color: #66715e !important;
}
.grid-home .use-case-film {
  margin: 0;
  padding: 32px;
  border-left: 1px solid var(--grid-line);
  background: linear-gradient(145deg, #e8ecdf, #f7f8f3);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.grid-home .use-case-film video {
  display: block;
  width: auto;
  height: 560px;
  max-width: 100%;
  aspect-ratio: 9/16;
  object-fit: contain;
  border-radius: 8px;
  background: #17211a;
  box-shadow: 0 18px 40px -20px #28352370;
}
.grid-home .use-case-film figcaption {
  margin: 18px 0 0;
  text-align: center;
  font-size: 14px;
  line-height: 1.5;
  color: #53604f;
}
.grid-home .use-case-next {
  padding: 0 0 32px;
}
.grid-home #wp-content [data-yta-marketing='main'] .use-case-next h2 {
  font-size: clamp(36px, 3.6vw, 50px) !important;
  margin: 0;
}
@media (max-width: 900px) {
  .grid-home .use-case-heading__row {
    grid-template-columns: 1fr;
    gap: 20px;
  }
  .grid-home #wp-content [data-yta-marketing='main'] .use-case-heading__row > p {
    margin: 0;
    max-width: 520px;
  }
  .grid-home .use-case-index a {
    padding: 18px 12px;
    gap: 10px;
  }
  .grid-home .use-case-index small {
    font-size: 14px;
  }
  .grid-home .use-case-film {
    padding: 24px;
  }
  .grid-home .use-case-film video {
    height: 460px;
  }
}
@media (max-width: 600px) {
  .grid-home #wp-content [data-yta-marketing='main'] .use-case-heading {
    padding: 32px 0 24px;
  }
  .grid-home .use-case-index {
    grid-template-columns: 1fr;
    margin-bottom: 24px;
  }
  .grid-home .use-case-index a {
    padding: 14px 4px;
    gap: 16px;
  }
  .grid-home .use-case-index a + a {
    border-left: 0;
    border-top: 1px solid var(--grid-line);
  }
  .grid-home .use-case-index small {
    margin-top: 0;
  }
  .grid-home #wp-content [data-yta-marketing='main'] .use-case-runner-heading {
    display: block;
  }
  .grid-home #wp-content [data-yta-marketing='main'] .use-case-runner-heading > p {
    margin-top: 16px;
  }
  .grid-home #wp-content [data-yta-marketing='main'] .amy-friends-section {
    grid-template-columns: 1fr;
    margin-block: 56px 64px;
  }
  .grid-home .use-case-film {
    border-left: 0;
    border-top: 1px solid var(--grid-line);
    padding: 24px 20px;
  }
  .grid-home .use-case-film video {
    width: 100%;
    height: auto;
    max-height: 560px;
  }
  .grid-home .use-case-friends-copy {
    padding: 28px 24px;
  }
  .grid-home #wp-content [data-yta-marketing='main'] .use-case-friends-copy .use-case-footnote {
    margin-top: 24px !important;
  }
}
@media (prefers-reduced-motion: reduce) {
  .grid-home .use-case-index a {
    transition: none;
  }
}
.grid-home #wp-content .use-case-heading h1 em {
  font-family: inherit !important;
  font-size: inherit !important;
  line-height: inherit !important;
}
.grid-home .use-case-watch {
  background: transparent;
  border: 0;
  border-bottom: 1px solid #849277;
  border-radius: 0;
  padding: 0 0 8px;
  cursor: pointer;
  font-family: inherit;
  text-align: left;
  line-height: 1.5;
}
@media (min-width: 601px) and (max-height: 900px) {
  .grid-home #wp-content [data-yta-marketing='main'] .amy-runner-pin {
    top: 96px;
  }
  .grid-home #wp-content [data-yta-marketing='main'] .amy-runner-stage {
    max-height: calc(100svh - 300px);
  }
}
@media (min-width: 601px) and (max-height: 560px) {
  .grid-home #wp-content [data-yta-marketing='main'] .amy-runner-pin {
    position: relative;
    top: 0;
  }
  .grid-home #wp-content [data-yta-marketing='main'] .amy-runner-section {
    height: auto;
    min-height: 0;
  }
}
@media (prefers-reduced-motion: reduce) {
  .grid-home #wp-content [data-yta-marketing='main'] .amy-runner-pin {
    position: relative;
    top: 0;
  }
}

/* The light sweep shares the runner backdrop; content stays above it. */
.grid-home #wp-content [data-yta-marketing='main'] .friends-chapter {
  position: relative;
  z-index: 26;
  margin: 80px auto 96px;
  max-width: 1260px;
  scroll-margin-top: 100px;
}
.grid-home #wp-content [data-yta-marketing='main'] .friends-chapter .amy-friends-section {
  margin: 0;
  background: #f6f7f2 !important;
}
.grid-home .friends-pin {
  position: relative;
  top: 0;
}
.grid-home .friends-chapter.is-pinned {
  height: calc(var(--friends-pin-height) + 95svh);
}
.grid-home .friends-chapter.is-pinned .friends-pin {
  position: sticky;
  top: var(--friends-pin-top, 96px);
}
.grid-home .scene-surface {
  overflow: hidden;
}
.grid-home
  #wp-content
  [data-yta-marketing='main']
  .amy-runner-section.scene-handoff
  > .amy-cinema-shade {
  display: block;
  visibility: visible;
  opacity: var(--handoff-opacity, 0.96);
}
.grid-home .friends-chapter.scene-entering .use-case-film video {
  transform: translateY(var(--friends-lift, 0px));
}
@media (max-width: 600px) {
  .grid-home #wp-content [data-yta-marketing='main'] .friends-chapter {
    margin-block: 56px 64px;
  }
  .grid-home .friends-pin .use-case-friends-copy {
    padding: 20px 20px 16px;
  }
  .grid-home #wp-content [data-yta-marketing='main'] .friends-pin .use-case-eyebrow {
    margin-bottom: 8px;
    font-size: 12px !important;
  }
  .grid-home #wp-content [data-yta-marketing='main'] .friends-pin .use-case-friends-copy h2 {
    font-size: 32px !important;
    margin-bottom: 12px;
  }
  .grid-home
    #wp-content
    [data-yta-marketing='main']
    .friends-pin
    .use-case-friends-copy
    > p:not(.use-case-eyebrow) {
    margin-bottom: 12px;
    line-height: 1.4;
  }
  .grid-home .friends-pin .use-case-film {
    padding: 16px;
  }
  .grid-home .friends-pin .use-case-film video {
    height: clamp(210px, calc(100svh - 415px), 430px);
    width: auto;
    max-width: 100%;
  }
  .grid-home .friends-pin .use-case-film figcaption {
    margin-top: 10px;
    font-size: 13px;
  }
  .grid-home .friends-pin .use-case-watch {
    font-size: 14px;
    min-height: 36px;
    padding-bottom: 4px;
  }
  .grid-home
    #wp-content
    [data-yta-marketing='main']
    .amy-runner-section.scene-handoff
    > .amy-cinema-shade {
    background: #dce3d4;
  }
}
@media (prefers-reduced-motion: reduce) {
  .grid-home .friends-chapter.scene-entering .use-case-film video {
    transform: none;
  }
}
.grid-home .use-case-offer {
  max-width: 470px;
  margin-left: auto;
}
.grid-home #wp-content [data-yta-marketing='main'] .use-case-offer > p {
  font-size: 16px;
  line-height: 1.6;
  color: #53604f;
  margin: 0 0 20px;
}
.grid-home .use-case-actions {
  display: flex;
  align-items: center;
  gap: 16px;
  flex-wrap: wrap;
}
.grid-home .use-case-actions a {
  font-size: 14px;
  color: #243025;
  text-decoration: none;
}
.grid-home .use-case-actions a.btn-primary {
  color: #fff;
}
.grid-home #wp-content [data-yta-marketing='main'] .use-case-next > p:not(.use-case-eyebrow) {
  max-width: 640px;
  margin: 24px 0 18px;
  font-size: 16px;
  line-height: 1.65;
  color: #53604f;
}
.grid-home .use-case-plan-link {
  display: inline-block;
  padding: 8px 0;
  color: #243025;
  text-decoration: none;
  border-bottom: 1px solid #849277;
  font-size: 16px;
}
@media (max-width: 900px) {
  .grid-home .use-case-offer {
    margin-left: 0;
    max-width: 560px;
  }
}
@media (max-width: 600px) {
  .grid-home .use-case-actions {
    gap: 14px;
  }
  .grid-home .use-case-actions a {
    min-height: 44px;
    display: inline-flex;
    align-items: center;
  }
}
.grid-home .scene-handoff .amy-runner-controls {
  position: relative;
  isolation: isolate;
}
.grid-home .scene-handoff .amy-runner-controls::before {
  content: '';
  position: absolute;
  inset: -8px -12px;
  z-index: -1;
  border-radius: 8px;
  background: color-mix(in srgb, #101d17 calc(var(--cinema) * 100%), #f7f7f2);
}

/* A continuous fine grid below the page content. */
body.grid-home {
  --site-grid-step: 10vw;
  --site-grid-ink: #e6e9df;
  --site-grid-cream: #f5f5ee;
  --site-grid-sage: #edf0e5;
  --site-grid-fill: conic-gradient(
    var(--site-grid-cream) 0deg 90deg,
    var(--site-grid-sage) 90deg 180deg,
    var(--site-grid-cream) 180deg 270deg,
    var(--site-grid-sage) 270deg 360deg
  );
  --site-grid-sizes:
    var(--site-grid-step) var(--site-grid-step), var(--site-grid-step) var(--site-grid-step),
    calc(var(--site-grid-step) * 2) calc(var(--site-grid-step) * 2);
  --site-grid-pattern:
    linear-gradient(90deg, var(--site-grid-ink) 1px, transparent 1px),
    linear-gradient(0deg, var(--site-grid-ink) 1px, transparent 1px), var(--site-grid-fill);
}
.grid-home .main,
.grid-home .ytf {
  background-color: var(--site-grid-cream);
  background-image: var(--site-grid-pattern);
  background-size: var(--site-grid-sizes);
  background-position: 0 0;
  background-attachment: fixed;
}
.grid-home .amy-cinema-shade {
  --site-grid-ink: rgba(223, 227, 220, 0.12);
  background-image:
    linear-gradient(90deg, var(--site-grid-ink) 1px, transparent 1px),
    linear-gradient(0deg, var(--site-grid-ink) 1px, transparent 1px);
  background-size: var(--site-grid-step) var(--site-grid-step);
  background-position: 0 0;
}
@media (max-width: 600px) {
  body.grid-home {
    --site-grid-step: 25vw;
  }
}

/* The light moves upward; a separate, stationary layer carries the grid lines. */
.grid-home .scene-surface {
  background-image: none;
}
.grid-home .scene-light {
  position: absolute;
  inset: -100% 0 -20%;
  background: linear-gradient(to bottom, transparent 0%, #f5f5ee 20%, #f5f5ee 100%);
  transform: translateY(calc((1 - var(--handoff-progress, 0)) * 75%));
  pointer-events: none;
}
.grid-home .scene-surface::after {
  content: '';
  position: absolute;
  inset: 0;
  pointer-events: none;
  --handoff-line: color-mix(
    in srgb,
    rgba(223, 227, 220, 0.12),
    #e6e9df calc(var(--handoff-progress, 0) * 100%)
  );
  background-image:
    linear-gradient(90deg, var(--handoff-line) 1px, transparent 1px),
    linear-gradient(0deg, var(--handoff-line) 1px, transparent 1px);
  background-size: var(--site-grid-step) var(--site-grid-step);
  background-position: 0 0;
}
@media (prefers-reduced-motion: reduce) {
  .grid-home .scene-light {
    display: none;
  }
}
/* Override the theme's forced white wrapper without changing card surfaces. */
.grid-home #wp-content .main {
  background-color: var(--site-grid-cream) !important;
  background-image: var(--site-grid-pattern) !important;
  background-size: var(--site-grid-sizes) !important;
  background-position: 0 0 !important;
  background-attachment: fixed !important;
}
.grid-home .scene-handoff .amy-runner-controls::before {
  background: #f6f7f2;
}
.grid-home #wp-content .scene-handoff .amy-runner-controls :is(p, button) {
  color: #42543f !important;
}

/* Let the colored background grid provide the decorative structure. */
.grid-home
  #wp-content
  [data-yta-marketing='main']
  :is(.yta-lines, .yta-connectors, .strategy-tools__bridge) {
  display: none !important;
}
.grid-home
  #wp-content
  [data-yta-marketing='main']
  :is(.amy-space-wave, .amy-runner-stage > canvas) {
  visibility: hidden;
}
.grid-home
  #wp-content
  [data-yta-marketing='main']
  :is(.strategy-tools, .how, .outcomes, .pricing, .final, .trust) {
  border: 0 !important;
  box-shadow: none !important;
}
.grid-home #wp-content [data-yta-marketing='main'] .market-showcase {
  border-bottom: 0;
}
.grid-home #wp-content [data-yta-marketing='main'] .yta-connected {
  padding: 0;
  row-gap: 24px;
}

/* Continue the page grid through the closing call to action. */
.grid-home #wp-content [data-yta-marketing='main'] .final {
  background: transparent !important;
}
