/* Naka-inspired additive layer. Loaded after the existing shared layers.
   The repeated #app specificity is intentional: editorial.css uses five
   :not(#id) levels plus component IDs and !important. No markup hooks change. */
body[data-page="home"] {
  --r-sm: var(--naka-r-sm);
  --r-md: var(--naka-r-md);
  --r-lg: var(--naka-r-lg);
}

/* ── Shared page system ──────────────────────────────────────────────────
   The homepage rules above preserve its purpose-built layouts. These rules
   carry the same type, card, media, button and motion language through the
   remaining marketing pages using their existing hooks. The authenticated
   client workspace keeps its denser application typography and panels. */
body[data-page] {
  --r-sm: var(--naka-r-sm);
  --r-md: var(--naka-r-md);
  --r-lg: var(--naka-r-lg);
}

body[data-page]:not([data-page="home"]):not([data-page="auth"]) main:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______) {
  font-family: 'Geist', sans-serif;
}

body[data-page]:not([data-page="home"]):not([data-page="auth"]) main:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______) :is(.page-intro h1, .page-hero h1, .hx__title, .fq .sx__head h1, .cs-ed__title) {
  font: 500 clamp(40px, 6vw, 64px)/1 'Geist', sans-serif !important;
  letter-spacing: -.05em !important;
  text-transform: none !important;
}

body[data-page]:not([data-page="home"]):not([data-page="auth"]) main:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______) :is(h2, .sx__title, .c-title, .p-title, .fq__group-title, .ed-head__title, .cs__title) {
  font: 500 clamp(30px, 4vw, 40px)/1.05 'Geist', sans-serif !important;
  letter-spacing: -.04em !important;
  text-transform: none !important;
}

body[data-page]:not([data-page="home"]):not([data-page="auth"]) main:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______) :is(h3, .sx-step__title, .sx-feature__title, .wk__title, .wp__title, .wx__title) {
  font: 500 clamp(22px, 2.4vw, 24px)/1.1 'Geist', sans-serif !important;
  letter-spacing: -.02em !important;
  text-transform: none !important;
}

body[data-page]:not([data-page="home"]):not([data-page="auth"]) main:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______) :is(.page-intro p, .page-hero p, .sx__lede, .sx-feature__body, .sx-step__body, .pillar p, .card p, .wk__copy, .wp__copy, .wx__copy, .cs__copy, .book-call__text, .legal-doc p) {
  font: 400 18px/1.3 'Geist', sans-serif !important;
  letter-spacing: -.015em !important;
}

body[data-page]:not([data-page="home"]):not([data-page="auth"]) main:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______) :is(.sx__eyebrow, .hx__eyebrow, .ed-eyebrow, .page-intro__eyebrow, .book-call__eyebrow, .section-label, .wk__eyebrow, .cs-ed__label) {
  font: 500 14px/1.2 'Geist', sans-serif !important;
  letter-spacing: 0 !important;
}

body[data-page]:not([data-page="home"]):not([data-page="auth"]) main:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______) :is(
  .cards > .card,
  .pillar,
  .sx-card,
  .sx-step,
  .sx-quote,
  .ed-card,
  .ed-project,
  .wk__tile,
  .hx-stack__card,
  .wp__shot,
  .wx__card,
  .cs__card
) {
  min-width: 0;
  padding: var(--card-pad) !important;
  border: 0 !important;
  border-radius: var(--r-md) !important;
  background: var(--surface-card, var(--c-surface)) !important;
  color: var(--text-primary, var(--c-ink)) !important;
  box-shadow: var(--shadow-md) !important;
}

body[data-page]:not([data-page="home"]):not([data-page="auth"]) main:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______) .hx-stack__card {
  position: static !important;
}

body[data-page]:not([data-page="home"]):not([data-page="auth"]) main:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______) :is(
  .pillar-media,
  .pillar__media,
  .sx-split__media,
  .sx-member__photo,
  .wk__media,
  .wk__visual,
  .ed-project__media,
  .ed-tray,
  .wp__media,
  .wx__media,
  .cs__media,
  .book-call
) {
  overflow: hidden;
  border-radius: var(--r-lg) !important;
}

body[data-page]:not([data-page="home"]) main:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______) :is(
  .contact-form-panel,
  .career-form,
  .hc__form,
  .js-review-form,
  .auth-form,
  .newsletter-form
) {
  border-radius: var(--r-md) !important;
  box-shadow: var(--shadow-md) !important;
}

body[data-page]:not([data-page="home"]) main:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______) :is(
  .contact-form-panel,
  .career-form,
  .hc__form,
  .js-review-form,
  .auth-form,
  .newsletter-form
) .field {
  border-radius: var(--r-sm) !important;
}

body[data-page]:not([data-page="home"]) main:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______) :is(
  .hero-action,
  .button-frame,
  .sx-btn,
  .pr-plan__cta,
  .ed-btn,
  .wk__cta,
  .wp__cta,
  .wx__cta,
  .cs__cta,
  .book-call__button,
  .ft__cta,
  .ft__news-submit,
  .career-submit,
  .contact-submit,
  .call-submit,
  .form-submit,
  .auth-submit,
  button[type="submit"]
):not(.auth-shell *) {
  --naka-button-bg: var(--c-ink);
  --naka-button-text: var(--c-paper);
  border: 0 !important;
  border-radius: var(--r-btn) !important;
  background: var(--naka-button-bg) !important;
  background-image: none !important;
  color: var(--naka-button-text) !important;
  box-shadow: var(--shadow-sm) !important;
  font-family: 'Geist', sans-serif !important;
}

body[data-page]:not([data-page="home"]) main:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______) :is(.sx-btn--ghost, .ed-btn.is-ghost, .ft__cta--alt) {
  --naka-button-bg: var(--c-paper);
  --naka-button-text: var(--c-ink);
}

body[data-page]:not([data-page="home"]) main:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______) :is(.hero-action--primary, .book-call__button) {
  --naka-button-bg: var(--brand-leaf);
  --naka-button-text: var(--c-ink);
}

body[data-page]:not([data-page="home"]) main:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______) :is(.button-frame, .sx-btn, .pr-plan__cta, .ed-btn, .ft__cta) :is(span, .label-wrap, svg) {
  color: inherit !important;
}

body[data-page]:not([data-page="home"]) main:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______) .button-frame .icon-arrow path {
  fill: currentColor !important;
}

@media (prefers-reduced-motion: no-preference) {
  body[data-page] main [data-naka-motion="heading"] {
    --naka-enter-y: 28px;
    --naka-enter-scale: .995;
    --naka-enter-dur: 760ms;
  }

  body[data-page] main [data-naka-motion="copy"] {
    --naka-enter-y: 16px;
    --naka-enter-scale: 1;
    --naka-enter-dur: 600ms;
  }

  body[data-page] main [data-naka-motion="label"] {
    --naka-enter-y: 8px;
    --naka-enter-scale: 1;
    --naka-enter-dur: 520ms;
  }

  body[data-page] main [data-naka-motion="row"] {
    --naka-enter-y: 14px;
    --naka-enter-scale: 1;
    --naka-enter-dur: 620ms;
  }

  body[data-page] main [data-naka-motion="action"] {
    --naka-enter-y: 10px;
    --naka-enter-scale: .995;
    --naka-enter-dur: 560ms;
  }

  body[data-page] main [data-naka-motion="card"] {
    --naka-enter-y: 24px;
    --naka-enter-scale: .985;
    --naka-enter-dur: 680ms;
  }

  body[data-page] main [data-naka-motion="media"] {
    --naka-enter-y: 18px;
    --naka-enter-scale: 1.025;
    --naka-enter-dur: 850ms;
    transform-origin: 50% 60%;
  }

  /* Naka lets imagery settle a fraction after its frame. Transform the
     image inside the existing clipping frame so layout never moves. */
  body[data-page] main [data-naka-media] :is(img, video) {
    transform: scale(1.045) !important;
    transform-origin: 50% 50%;
    transition: transform 950ms var(--ease-out) !important;
    will-change: transform;
  }

  body[data-page] main [data-naka-media][data-naka-reveal="visible"] :is(img, video) {
    transform: scale(1) !important;
  }

  body[data-page]:not([data-page="home"]) main:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______) [data-naka-reveal] {
    transition: opacity var(--naka-enter-dur, var(--reveal-dur)) var(--ease-out), transform var(--naka-enter-dur, var(--reveal-dur)) var(--ease-out), box-shadow var(--hover-dur) var(--ease-out) !important;
    transition-delay: var(--naka-delay, 0ms) !important;
  }

  body[data-page]:not([data-page="home"]) main:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______) [data-naka-reveal="pending"] {
    opacity: 0 !important;
    transform: translateY(var(--naka-enter-y, 20px)) scale(var(--naka-enter-scale, 1)) !important;
  }

  body[data-page]:not([data-page="home"]) main:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______) [data-naka-reveal="visible"] {
    opacity: 1 !important;
    transform: none !important;
  }

  body[data-page]:not([data-page="home"]) main:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______) :is(
    .cards > .card,
    .pillar,
    .sx-card,
    .sx-step,
    .sx-quote,
    .ed-card,
    .ed-project,
    .wk__tile,
    .hx-stack__card,
    .wp__shot,
    .wx__card,
    .cs__card,
    .hero-action,
    .button-frame,
    .sx-btn,
    .pr-plan__cta,
    .ed-btn,
    .book-call__button,
    .ft__cta,
    .ft__news-submit,
    button[type="submit"]
  ) {
    transition: transform var(--hover-dur) var(--ease-out), box-shadow var(--hover-dur) var(--ease-out), background-color var(--hover-dur) var(--ease-out) !important;
  }

  @media (hover: hover) and (pointer: fine) {
    body[data-page]:not([data-page="home"]) main:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______) :is(
      .cards > .card,
      .pillar,
      .sx-card,
      .sx-step,
      .sx-quote,
      .ed-card,
      .ed-project,
      .wk__tile,
      .hx-stack__card,
      .wp__shot,
      .wx__card,
      .cs__card,
      .hero-action,
      .button-frame,
      .sx-btn,
      .pr-plan__cta,
      .ed-btn,
      .book-call__button,
      .ft__cta,
      .ft__news-submit,
      button[type="submit"]
    ):not(:disabled):not([data-naka-reveal="pending"]):hover {
      transform: translateY(-4px) !important;
      box-shadow: var(--shadow-lg) !important;
      transition-delay: 0ms !important;
    }

    body[data-page]:not([data-page="home"]) main:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______) :is(.hero-action, .button-frame, .sx-btn, .pr-plan__cta, .ed-btn, .book-call__button, .ft__cta, .ft__news-submit, button[type="submit"]):not(:disabled):hover {
      background: color-mix(in srgb, var(--naka-button-bg) 92%, var(--naka-button-text)) !important;
    }

    body[data-page]:not([data-page="auth"]) main :is(.card, .pillar, .ed-project, .wk__item, .wp__shot, .wx__card, .cs__card, [data-naka-media]):hover :is(img, video) {
      transform: scale(1.025) !important;
    }
  }
}

@media (prefers-reduced-motion: reduce) {
  body[data-page] main:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______) :is(
    [data-naka-reveal],
    [data-reveal],
    [data-animate-in],
    .cards > .card,
    .pillar,
    .sx-card,
    .sx-step,
    .sx-quote,
    .ed-card,
    .ed-project,
    .wk__tile,
    .hx-stack__card,
    .wp__shot,
    .wx__card,
    .cs__card,
    .hero-action,
    .button-frame,
    .sx-btn,
    .pr-plan__cta,
    .ed-btn,
    .book-call__button,
    .ft__cta,
    .ft__news-submit,
    button[type="submit"]
  ) {
    opacity: 1 !important;
    transform: none !important;
    translate: none !important;
    scale: none !important;
    rotate: none !important;
    animation: none !important;
    transition: none !important;
  }

  body[data-page] main [data-naka-media] :is(img, video) {
    transform: none !important;
    transition: none !important;
    will-change: auto;
  }
}

/* PhantomBuster-inspired proof loop ---------------------------------------
   One large split card stays in focus while repeated, inert copies make the
   wrap seamless. The content and palette remain Laccino's own. */
body[data-page="home"] #app#app#app#app#app#app .aud-slider {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

body[data-page="home"] #app#app#app#app#app#app .aud-slider__viewport {
  height: 548px;
  padding: 0 !important;
  scroll-padding-inline: 16px;
}

body[data-page="home"] #app#app#app#app#app#app ._03 .aud__grid {
  align-items: center !important;
  gap: 24px !important;
  height: 548px !important;
  padding: 12px 16px 24px !important;
}

body[data-page="home"] #app#app#app#app#app#app ._03 .aud__item {
  flex: 0 0 min(80vw, 1120px) !important;
  width: min(80vw, 1120px) !important;
  height: 500px !important;
}

body[data-page="home"] #app#app#app#app#app#app ._03 .aud__card {
  display: grid !important;
  grid-template: auto 1fr auto / minmax(0, .92fr) minmax(0, 1.08fr) !important;
  column-gap: clamp(28px, 4vw, 64px) !important;
  row-gap: 20px !important;
  width: 100% !important;
  height: 500px !important;
  min-height: 500px !important;
  padding: 16px !important;
  overflow: hidden !important;
  border: 1px solid rgba(21, 23, 20, .06) !important;
  border-radius: 24px !important;
  background: var(--loop-card-bg, #f3f0e6) !important;
  color: #151714 !important;
  box-shadow: 0 14px 36px rgba(21, 23, 20, .06) !important;
  transform: none !important;
}

body[data-page="home"] ._03 .aud__item:is([data-tone="yellow"], [data-tone="aqua"]) { --loop-card-bg: color-mix(in srgb, #529f69 18%, #f3f0e6); }
body[data-page="home"] ._03 .aud__item:is([data-tone="red"], [data-tone="sky"]) { --loop-card-bg: color-mix(in srgb, #778a3d 16%, #f3f0e6); }
body[data-page="home"] ._03 .aud__item:is([data-tone="sand"], [data-tone="orange"]) { --loop-card-bg: color-mix(in srgb, #a87543 14%, #f3f0e6); }

body[data-page="home"] #app#app#app#app#app#app ._03 .aud__brand {
  grid-column: 1;
  grid-row: 1;
  align-self: start;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin: clamp(18px, 2.5vw, 34px) clamp(14px, 2vw, 26px) 0;
  color: #151714;
  font: 700 13px/1 'Geist', sans-serif;
  letter-spacing: -.01em;
  text-transform: uppercase;
}

body[data-page="home"] .aud__brand i {
  width: 18px;
  height: 18px;
  border: 5px solid #151714;
  border-top-color: #529f69;
  border-radius: 4px;
  rotate: 45deg;
}

body[data-page="home"] #app#app#app#app#app#app ._03 .aud__media {
  position: relative !important;
  grid-column: 2 !important;
  grid-row: 1 / 4 !important;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  border-radius: 18px !important;
  background: #f3f0e6 !important;
}

body[data-page="home"] #app#app#app#app#app#app ._03 .aud__name {
  grid-column: 1 !important;
  grid-row: 2 !important;
  align-self: end !important;
  margin: 0 !important;
  padding: 0 clamp(14px, 2vw, 26px) !important;
  color: #151714 !important;
  font: 650 clamp(34px, 3.2vw, 52px)/.98 'Geist', sans-serif !important;
  letter-spacing: -.05em !important;
}

body[data-page="home"] #app#app#app#app#app#app ._03 .aud__copy {
  grid-column: 1 !important;
  grid-row: 3 !important;
  align-self: end !important;
  margin: 0 !important;
  padding: 0 clamp(14px, 2vw, 26px) clamp(18px, 2.5vw, 34px) !important;
  color: #151714 !important;
  opacity: .82 !important;
  font: 450 clamp(17px, 1.6vw, 22px)/1.28 'Geist', sans-serif !important;
  letter-spacing: -.025em !important;
}

body[data-page="home"] .aud__signal {
  right: 16px;
  bottom: 16px;
  left: auto;
  display: grid;
  grid-template-columns: auto 1fr;
  grid-template-rows: auto auto;
  column-gap: 10px;
  row-gap: 5px;
  min-width: 168px;
  min-height: 84px;
  padding: 15px 18px;
  border-radius: 15px;
  background: rgba(255, 255, 255, .95);
  box-shadow: 0 10px 30px rgba(21, 23, 20, .1);
  text-transform: none;
}

body[data-page="home"] .aud__signal > span {
  grid-row: 1 / 3;
  display: flex;
  align-items: center;
  gap: 3px;
}

body[data-page="home"] .aud__signal b {
  align-self: end;
  margin: 0;
  font: 650 18px/1 'Geist', sans-serif;
  letter-spacing: -.035em;
}

body[data-page="home"] .aud__signal small {
  align-self: start;
  font: 450 13px/1.2 'Geist', sans-serif;
  letter-spacing: -.01em;
  opacity: .72;
}

body[data-page="home"] #app#app#app#app#app#app .aud-slider__controls {
  justify-content: center;
  width: 100%;
  margin: 0 !important;
}

body[data-page="home"] #app#app#app#app#app#app .aud-slider__hint {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
}

body[data-page="home"] #app#app#app#app#app#app .aud-slider__buttons {
  align-items: center;
  justify-content: center;
  gap: 12px;
}

body[data-page="home"] #app#app#app#app#app#app .aud-slider__button {
  width: 52px;
  height: 52px;
  border: 1px solid rgba(21, 23, 20, .18);
  border-radius: 10px;
  background: #fff;
  color: #151714;
}

body[data-page="home"] #app#app#app#app#app#app .aud-slider__button:disabled { opacity: 1; cursor: pointer; }

body[data-page="home"] .aud-slider__progress {
  display: inline-flex;
  align-items: baseline;
  gap: 5px;
  min-width: 66px;
  color: #151714;
  font: 550 13px/1 'Geist', sans-serif;
  letter-spacing: -.02em;
  text-align: center;
}

body[data-page="home"] .aud-slider__progress b { font-size: 18px; }
body[data-page="home"] .aud-slider__progress i { font-style: normal; opacity: .35; }
body[data-page="home"] .aud-slider__progress span { opacity: .5; }

body[data-page="home"] #app#app#app#app#app#app .aud-slider__toggle {
  width: 52px;
  min-width: 52px;
  height: 52px;
  justify-content: center;
  padding: 0;
  border-radius: 10px;
  background: #151714;
  color: #f3f0e6;
}

body[data-page="home"] .aud-slider__toggle em {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
}

@media (prefers-reduced-motion: no-preference) {
  body[data-page="home"] .aud__item.is-active .aud__card,
  body[data-page="home"] #app#app#app#app#app#app .aud__card:hover { transform: none !important; }
  body[data-page="home"] .aud-slider:not(.is-paused) .aud__signal i { animation: aud-signal 1.4s ease-in-out infinite; }
}

@media (max-width: 767px) {
  body[data-page="home"] #app#app#app#app#app#app .aud-slider__viewport { height: 624px; }
  body[data-page="home"] #app#app#app#app#app#app ._03 .aud__grid {
    height: 624px !important;
    gap: 14px !important;
    padding: 8px 16px 18px !important;
  }
  body[data-page="home"] #app#app#app#app#app#app ._03 .aud__item {
    flex-basis: calc(100vw - 32px) !important;
    width: calc(100vw - 32px) !important;
    height: 598px !important;
  }
  body[data-page="home"] #app#app#app#app#app#app ._03 .aud__card {
    grid-template: 330px auto auto 1fr / minmax(0, 1fr) !important;
    gap: 0 !important;
    height: 598px !important;
    min-height: 598px !important;
    padding: 10px !important;
  }
  body[data-page="home"] #app#app#app#app#app#app ._03 .aud__media {
    grid-column: 1 !important;
    grid-row: 1 !important;
    border-radius: 17px !important;
  }
  body[data-page="home"] #app#app#app#app#app#app ._03 .aud__brand {
    grid-column: 1;
    grid-row: 2;
    margin: 22px 18px 0;
    font-size: 11px;
  }
  body[data-page="home"] #app#app#app#app#app#app ._03 .aud__name {
    grid-column: 1 !important;
    grid-row: 3 !important;
    align-self: start !important;
    padding: 18px 18px 0 !important;
    font-size: clamp(29px, 9vw, 38px) !important;
  }
  body[data-page="home"] #app#app#app#app#app#app ._03 .aud__copy {
    grid-column: 1 !important;
    grid-row: 4 !important;
    align-self: start !important;
    padding: 10px 18px 20px !important;
    font-size: 17px !important;
  }
  body[data-page="home"] .aud__signal {
    right: 12px;
    bottom: 12px;
    min-width: 142px;
    min-height: 68px;
    padding: 11px 13px;
  }
  body[data-page="home"] .aud__signal b { font-size: 15px; }
  body[data-page="home"] .aud__signal small { font-size: 11px; }
  body[data-page="home"] #app#app#app#app#app#app .aud-slider__controls { padding-inline: 0; }
}

/* Flat 2D system previews --------------------------------------------------- */
body[data-page="home"] #app#app#app#app#app#app .flat-preview {
  width: 100%;
  min-width: 0;
  padding: 12px !important;
  overflow: hidden;
  border: 0 !important;
  border-radius: var(--r-lg) !important;
  background: var(--c-paper) !important;
  box-shadow: var(--shadow-sm) !important;
  transform-style: flat !important;
  perspective: none !important;
}

body[data-page="home"] #app#app#app#app#app#app .flat-preview--wide {
  aspect-ratio: auto !important;
}

body[data-page="home"] #app#app#app#app#app#app .flat-preview .flat-ui {
  display: block;
  width: 100%;
  height: auto;
  border-radius: calc(var(--r-lg) - 12px);
  transition: transform 250ms var(--ease-out);
}

@media (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) {
  body[data-page="home"] #app#app#app#app#app#app .flat-preview:hover .flat-ui { transform: translateY(-4px); }
}

@media (prefers-reduced-motion: no-preference) {
  html.has-reveal body[data-page="home"] #app#app#app#app#app#app .flat-preview[data-reveal] {
    opacity: 0 !important;
    transform: translateY(20px) !important;
    transition: opacity var(--reveal-dur) var(--ease-out), transform var(--reveal-dur) var(--ease-out) !important;
    transition-delay: var(--flat-delay, 0ms) !important;
  }

  html.has-reveal body[data-page="home"] #app#app#app#app#app#app .flat-preview[data-reveal].is-revealed {
    opacity: 1 !important;
    transform: none !important;
  }

  body[data-page="home"] .sections .section:nth-child(2) .flat-preview { --flat-delay: 70ms; }
  body[data-page="home"] .sections .section:nth-child(3) .flat-preview { --flat-delay: 140ms; }
  body[data-page="home"] .sections .section:nth-child(4) .flat-preview { --flat-delay: 210ms; }
  body[data-page="home"] .sections .section:nth-child(5) .flat-preview { --flat-delay: 280ms; }
  body[data-page="home"] .sections .section:nth-child(6) .flat-preview { --flat-delay: 280ms; }
}

/* User-driven industries slider ------------------------------------------- */
body[data-page="home"] #app#app#app#app#app#app ._03 {
  grid-template-columns: minmax(0, 1fr) !important;
  min-width: 0;
}

body[data-page="home"] #app#app#app#app#app#app ._03 .aud {
  width: 100% !important;
  min-width: 0;
  max-width: 100% !important;
  padding: 0 !important;
  overflow: visible !important;
}

body[data-page="home"] #app#app#app#app#app#app .aud-slider {
  width: 100% !important;
  min-width: 0;
  max-width: 100% !important;
}

body[data-page="home"] #app#app#app#app#app#app .aud-slider__controls {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  width: min(100%, var(--nk-w));
  margin: 0 auto 24px;
}

body[data-page="home"] #app#app#app#app#app#app .aud-slider__hint {
  margin: 0;
  color: var(--c-muted);
  font: 500 13px/1.3 'Geist', sans-serif;
}

body[data-page="home"] #app#app#app#app#app#app .aud-slider__buttons {
  display: flex;
  gap: 10px;
}

body[data-page="home"] #app#app#app#app#app#app .aud-slider__button {
  display: grid;
  place-items: center;
  width: 48px;
  height: 48px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: var(--c-ink);
  color: var(--c-paper);
  cursor: pointer;
}

body[data-page="home"] #app#app#app#app#app#app .aud-slider__button--prev svg {
  transform: rotate(180deg);
}

body[data-page="home"] #app#app#app#app#app#app .aud-slider__button .icon-arrow path {
  fill: currentColor !important;
}

body[data-page="home"] #app#app#app#app#app#app .aud-slider__button:disabled {
  opacity: .3;
  cursor: default;
}

body[data-page="home"] #app#app#app#app#app#app :is(.aud-slider__button, .aud__card):focus-visible {
  outline: 3px solid var(--brand-leaf);
  outline-offset: 4px;
}

body[data-page="home"] #app#app#app#app#app#app .aud-slider__viewport {
  width: 100% !important;
  min-width: 0;
  max-width: 100% !important;
  overflow-x: auto;
  overflow-y: hidden;
  overscroll-behavior-inline: contain;
  scroll-snap-type: inline mandatory;
  scroll-padding-inline: max(24px, calc((100vw - min(100vw - 48px, var(--nk-w))) / 2));
  scrollbar-width: none;
  cursor: grab;
  touch-action: pan-x pan-y;
}

body[data-page="home"] #app#app#app#app#app#app .aud-slider__viewport::-webkit-scrollbar {
  display: none;
}

body[data-page="home"] #app#app#app#app#app#app .aud-slider__viewport.is-dragging {
  cursor: grabbing;
  scroll-snap-type: none;
  user-select: none;
}

body[data-page="home"] #app#app#app#app#app#app ._03 .aud__grid {
  display: flex !important;
  grid-template-columns: none !important;
  gap: 18px !important;
  width: max-content !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 max(24px, calc((100vw - min(100vw - 48px, var(--nk-w))) / 2)) 18px !important;
}

body[data-page="home"] #app#app#app#app#app#app ._03 .aud__item {
  display: flex !important;
  flex: 0 0 clamp(286px, 28vw, 380px);
  min-width: 0;
  scroll-snap-align: start;
  scroll-snap-stop: normal;
}

body[data-page="home"] #app#app#app#app#app#app ._03 .aud__card {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  grid-template-rows: auto auto 1fr !important;
  gap: 14px !important;
  width: 100% !important;
  min-height: 500px;
  padding: var(--card-pad) !important;
  border: 0 !important;
  border-radius: var(--r-md) !important;
  background: var(--industry-bg, var(--c-paper)) !important;
  color: var(--industry-ink, var(--c-ink)) !important;
  box-shadow: var(--shadow-sm) !important;
}

body[data-page="home"] ._03 .aud__item[data-tone="charcoal"] { --industry-bg: #151714; --industry-ink: #f3f0e6; }
body[data-page="home"] ._03 .aud__item[data-tone="cream"] { --industry-bg: #f3f0e6; --industry-ink: #151714; }
body[data-page="home"] ._03 .aud__item[data-tone="green"] { --industry-bg: #529f69; --industry-ink: #151714; }
body[data-page="home"] ._03 .aud__item[data-tone="olive"] { --industry-bg: #778a3d; --industry-ink: #151714; }
body[data-page="home"] ._03 .aud__item[data-tone="teak"] { --industry-bg: #a87543; --industry-ink: #151714; }

body[data-page="home"] #app#app#app#app#app#app ._03 .aud__media {
  position: static !important;
  grid-column: auto !important;
  grid-row: auto !important;
  width: 100%;
  aspect-ratio: 1;
  margin: 0 0 8px !important;
  overflow: hidden !important;
  border-radius: calc(var(--r-md) - 6px) !important;
  background: var(--c-paper) !important;
  box-shadow: none !important;
}

body[data-page="home"] #app#app#app#app#app#app ._03 .aud__media > img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: inherit !important;
}

body[data-page="home"] #app#app#app#app#app#app ._03 .aud__name {
  margin: 0;
  color: inherit !important;
  font: 500 clamp(22px, 2.4vw, 28px)/1.05 'Geist', sans-serif !important;
  letter-spacing: -.035em !important;
}

body[data-page="home"] #app#app#app#app#app#app ._03 .aud__copy {
  margin: 0;
  color: inherit !important;
  opacity: .82;
  font: 400 16px/1.35 'Geist', sans-serif !important;
  letter-spacing: -.01em !important;
}

/* The reference carousel uses one generous editorial card with the following
   card still visible. Keep that rhythm above the phone breakpoint while the
   existing list, copy and accessible reading order stay unchanged. */
@media (min-width: 768px) {
  body[data-page="home"] #app#app#app#app#app#app ._03 .aud__item {
    flex-basis: min(78vw, 1080px);
  }

  body[data-page="home"] #app#app#app#app#app#app ._03 .aud__card {
    grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr) !important;
    grid-template-rows: auto 1fr auto !important;
    column-gap: clamp(28px, 4vw, 64px) !important;
    row-gap: 20px !important;
    height: clamp(440px, 43vw, 520px);
    min-height: 0;
    padding: 16px !important;
  }

  body[data-page="home"] #app#app#app#app#app#app ._03 .aud__media {
    grid-column: 2 !important;
    grid-row: 1 / 4 !important;
    height: 100%;
    aspect-ratio: auto;
    margin: 0 !important;
    border-radius: var(--r-sm) !important;
  }

  body[data-page="home"] #app#app#app#app#app#app ._03 .aud__name {
    grid-column: 1;
    grid-row: 3;
    align-self: end;
    padding: 0 clamp(14px, 2vw, 24px) clamp(12px, 2vw, 22px);
    font-size: clamp(20px, 2vw, 28px) !important;
  }

  body[data-page="home"] #app#app#app#app#app#app ._03 .aud__copy {
    grid-column: 1;
    grid-row: 1;
    align-self: start;
    padding: clamp(16px, 2.2vw, 28px) clamp(14px, 2vw, 24px) 0;
    opacity: 1;
    font-size: clamp(22px, 2.2vw, 30px) !important;
    line-height: 1.15 !important;
    letter-spacing: -.03em !important;
  }
}

@media (max-width: 767px) {
  body[data-page="home"] #app#app#app#app#app#app .aud-slider__controls {
    padding-inline: 20px;
  }

  body[data-page="home"] #app#app#app#app#app#app ._03 .aud__grid {
    padding-inline: 20px !important;
  }

  body[data-page="home"] #app#app#app#app#app#app ._03 .aud__item {
    flex-basis: min(76vw, 300px);
  }

  body[data-page="home"] #app#app#app#app#app#app ._03 .aud__card {
    min-height: 430px;
    padding: 18px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  body[data-page="home"] #app#app#app#app#app#app .flat-preview,
  body[data-page="home"] #app#app#app#app#app#app .aud-slider__viewport,
  body[data-page="home"] #app#app#app#app#app#app .aud__card,
  body[data-page="home"] #app#app#app#app#app#app .aud-slider__button {
    scroll-behavior: auto !important;
    transition: none !important;
    transform: none !important;
  }
}


/* Naka-style flat interface motion ----------------------------------------- */
body[data-page="home"] .flat-ui {
  font-family: 'Geist', sans-serif;
  text-rendering: geometricPrecision;
}

body[data-page="home"] .flat-ui :is(.fu-canvas) { fill: #eef0f1; }
body[data-page="home"] .flat-ui :is(.fu-panel, .fu-paper) { fill: #fff; }
body[data-page="home"] .flat-ui .fu-ink { fill: #151714; }
body[data-page="home"] .flat-ui .fu-rail { fill: #262925; }
body[data-page="home"] .flat-ui .fu-soft { fill: #e2e5e7; }
body[data-page="home"] .flat-ui .fu-orange,
body[data-page="home"] .flat-ui .fu-card--orange { fill: #d4622c; }
body[data-page="home"] .flat-ui .fu-yellow,
body[data-page="home"] .flat-ui .fu-card--yellow { fill: #f0c845; }
body[data-page="home"] .flat-ui .fu-sky,
body[data-page="home"] .flat-ui .fu-card--sky { fill: #7eaddb; }
body[data-page="home"] .flat-ui .fu-aqua { fill: #6dbec6; }
body[data-page="home"] .flat-ui .fu-purple { fill: #9967ca; }
body[data-page="home"] .flat-ui .fu-pink { fill: #f2a3b7; }
body[data-page="home"] .flat-ui .fu-red { fill: #d9483b; }
body[data-page="home"] .flat-ui :is(.fu-label, .fu-small, .fu-number, .fu-chip-text, .fu-button-text, .fu-status, .fu-count) {
  fill: #151714;
}
body[data-page="home"] .flat-ui .fu-label { font-size: 14px; font-weight: 650; letter-spacing: .08em; }
body[data-page="home"] .flat-ui .fu-small { font-size: 14px; font-weight: 520; }
body[data-page="home"] .flat-ui .fu-number { font-size: 36px; font-weight: 650; letter-spacing: -.04em; }
body[data-page="home"] .flat-ui .fu-number--large { font-size: 50px; }
body[data-page="home"] .flat-ui :is(.fu-on-dark-small, .fu-on-dark-number) { fill: #f3f0e6; }
body[data-page="home"] .flat-ui .fu-on-dark-small { font-size: 13px; font-weight: 500; }
body[data-page="home"] .flat-ui .fu-on-dark-number { font-size: 32px; font-weight: 650; letter-spacing: -.04em; }
body[data-page="home"] .flat-ui :is(.fu-chip-text, .fu-button-text, .fu-status, .fu-count) { font-size: 12px; font-weight: 650; text-anchor: middle; }
body[data-page="home"] .flat-ui .fu-button-text { fill: #fff; font-size: 13px; }
body[data-page="home"] .flat-ui .fu-button-text--ink { fill: #151714; }
body[data-page="home"] .flat-ui .fu-grid { fill: none; stroke: #c7cccf; stroke-width: 2; }
body[data-page="home"] .flat-ui .fu-chart-fill { fill: #d4622c; opacity: .12; }
body[data-page="home"] .flat-ui .fu-chart { fill: none; stroke: #d4622c; stroke-width: 7; stroke-linecap: round; stroke-linejoin: round; }
body[data-page="home"] .flat-ui .fu-row { opacity: .48; transition: opacity 400ms var(--ease-out), transform 400ms var(--ease-out); transform-box: fill-box; transform-origin: center; }
body[data-page="home"] .flat-ui .fu-row.is-active { opacity: 1; transform: translateX(4px); }
body[data-page="home"] .flat-ui .fu-wallet-dots circle { fill: #f0c845; }
body[data-page="home"] .flat-ui .fu-invoice-pending { fill: #f0c845; opacity: 1; transition: opacity 250ms var(--ease-out); }
body[data-page="home"] .flat-ui .fu-invoice-paid { fill: #e2e5e7; opacity: 0; transition: opacity 250ms var(--ease-out); }
body[data-page="home"] .flat-ui .fu-invoice-row.is-paid .fu-invoice-pending { opacity: 0; }
body[data-page="home"] .flat-ui .fu-invoice-row.is-paid .fu-invoice-paid { opacity: 1; }
body[data-page="home"] .flat-ui .fu-invoice-check { fill: none; stroke: #151714; stroke-width: 2.5; stroke-linecap: round; stroke-linejoin: round; stroke-dasharray: 24; stroke-dashoffset: 24; opacity: 0; transition: stroke-dashoffset 400ms var(--ease-out), opacity 200ms var(--ease-out); }
body[data-page="home"] .flat-ui .fu-invoice-row.is-paid .fu-invoice-check { stroke-dashoffset: 0; opacity: 1; }
body[data-page="home"] .flat-ui .fu-invoice-status { transition: opacity 200ms var(--ease-out); }
body[data-page="home"] .flat-ui .fu-send-ring { fill: none; stroke: #9967ca; stroke-width: 4; opacity: 0; transform-box: fill-box; transform-origin: center; }
body[data-page="home"] .flat-ui .fu-avatar { fill: none; stroke: #151714; stroke-width: 3; stroke-linecap: round; }
body[data-page="home"] .flat-ui :is(.fu-node-icon, .fu-flow-line) { fill: none; stroke: #151714; stroke-width: 5; stroke-linecap: round; stroke-linejoin: round; }
body[data-page="home"] .flat-ui .fu-flow-line { stroke-width: 6; }
body[data-page="home"] .flat-ui .fu-flow-dot { fill: #d4622c; }
body[data-page="home"] .flat-ui .fu-flow-node { opacity: .55; transition: opacity 400ms var(--ease-out); }
body[data-page="home"] .flat-ui .fu-flow-node.is-active { opacity: 1; }
body[data-page="home"] .flat-ui .fu-flow-node.is-active > rect:first-child { stroke: #151714; stroke-width: 4; }
body[data-page="home"] .flat-ui .fu-rating circle { fill: #c7cccf; }
body[data-page="home"] .flat-ui :is(.fu-avatar-initials, .fu-review-name, .fu-review-role, .fu-review-quote) { fill: #151714; }
body[data-page="home"] .flat-ui .fu-avatar-initials { font-size: 11px; font-weight: 700; text-anchor: middle; }
body[data-page="home"] .flat-ui .fu-review-name { font-size: 13px; font-weight: 650; }
body[data-page="home"] .flat-ui .fu-review-role { font-size: 10px; font-weight: 450; opacity: .6; }
body[data-page="home"] .flat-ui .fu-review-quote { font-size: 13px; font-weight: 520; letter-spacing: -.01em; }
body[data-page="home"] .flat-ui--dashboard :is(.fu-aqua, .fu-purple, .fu-pink, .fu-yellow) { fill: #7eaddb; }
body[data-page="home"] .flat-ui--dashboard .fu-number { font-size: 28px; }
body[data-page="home"] .flat-ui .fu-delta { fill: #151714; font-size: 9px; font-weight: 700; text-anchor: middle; }

@media (prefers-reduced-motion: no-preference) {
  body[data-page="home"] .flat-preview .fu-enter {
    opacity: 0;
    transform: translateY(12px);
    transform-box: fill-box;
    transform-origin: center;
    transition: opacity 600ms var(--ease-out), transform 600ms var(--ease-out);
  }
  body[data-page="home"] .flat-preview.is-flat-active .fu-enter { opacity: 1; transform: none; }
  body[data-page="home"] .flat-preview.is-flat-active .fu-enter--1 { transition-delay: 70ms; }
  body[data-page="home"] .flat-preview.is-flat-active .fu-enter--2 { transition-delay: 140ms; }
  body[data-page="home"] .flat-preview.is-flat-active .fu-enter--3 { transition-delay: 210ms; }
  body[data-page="home"] .flat-preview.is-flat-active .fu-enter--4 { transition-delay: 280ms; }
  body[data-page="home"] .flat-preview.is-flat-active .fu-enter--5 { transition-delay: 280ms; }
  body[data-page="home"] .flat-preview .fu-chart { stroke-dasharray: 700; stroke-dashoffset: 700; transition: stroke-dashoffset 1000ms var(--ease-out) 180ms; }
  body[data-page="home"] .flat-preview.is-flat-active .fu-chart { stroke-dashoffset: 0; }
  body[data-page="home"] .flat-preview .fu-chart-fill { opacity: 0; transition: opacity 400ms var(--ease-out) 850ms; }
  body[data-page="home"] .flat-preview.is-flat-active .fu-chart-fill { opacity: .12; }
  body[data-page="home"] .flat-preview .fu-chart-dot { opacity: 0; transform: scale(.5); transform-box: fill-box; transform-origin: center; transition: opacity 300ms var(--ease-out) 900ms, transform 300ms var(--ease-out) 900ms; }
  body[data-page="home"] .flat-preview.is-flat-active .fu-chart-dot { opacity: 1; transform: scale(1); }
  body[data-page="home"] .flat-preview .fu-bars rect { transform: scaleY(0); transform-box: fill-box; transform-origin: center bottom; transition: transform 650ms var(--ease-out); }
  body[data-page="home"] .flat-preview.is-flat-active .fu-bars rect { transform: scaleY(1); }
  body[data-page="home"] .flat-preview.is-flat-active .fu-bars rect:nth-child(2) { transition-delay: 70ms; }
  body[data-page="home"] .flat-preview.is-flat-active .fu-bars rect:nth-child(3) { transition-delay: 140ms; }
  body[data-page="home"] .flat-preview.is-flat-active .fu-bars rect:nth-child(4) { transition-delay: 210ms; }
  body[data-page="home"] .flat-preview.is-flat-active .fu-bars rect:nth-child(5) { transition-delay: 280ms; }
  body[data-page="home"] .flat-preview.is-flat-active .fu-bars rect:nth-child(6) { transition-delay: 350ms; }
  body[data-page="home"] .flat-preview.is-flat-active .fu-bars rect:nth-child(7) { transition-delay: 420ms; }
  body[data-page="home"] .flat-preview.is-flat-active .fu-send-ring { animation: fu-send-pulse 720ms var(--ease-out) 700ms 1 both; }
  body[data-page="home"] .flat-preview .fu-wallet-dots circle { opacity: 0; transform: translateX(-6px); transform-box: fill-box; transform-origin: center; transition: opacity 300ms var(--ease-out), transform 300ms var(--ease-out); }
  body[data-page="home"] .flat-preview.is-flat-active .fu-wallet-dots circle { opacity: 1; transform: none; }
  body[data-page="home"] .flat-preview.is-flat-active .fu-wallet-dots circle:nth-child(2) { transition-delay: 80ms; }
  body[data-page="home"] .flat-preview.is-flat-active .fu-wallet-dots circle:nth-child(3) { transition-delay: 160ms; }
  body[data-page="home"] .flat-preview.is-flat-active .fu-wallet-dots circle:nth-child(4) { transition-delay: 240ms; }
  body[data-page="home"] .flat-ui .fu-task-card { transition: transform 700ms var(--ease-out); }
  body[data-page="home"] .flat-ui .fu-task-card.is-review { transform: translateX(224px); }
  body[data-page="home"] .flat-preview .fu-flow-line { stroke-dasharray: 40; stroke-dashoffset: 40; transition: stroke-dashoffset 400ms var(--ease-out); }
  body[data-page="home"] .flat-preview.is-flat-active .fu-flow-line { stroke-dashoffset: 0; }
  body[data-page="home"] .flat-preview.is-flat-active .fu-flow-line--2 { transition-delay: 400ms; }
  body[data-page="home"] .flat-preview.is-flat-active .fu-flow-line--3 { transition-delay: 800ms; }
  body[data-page="home"] .flat-preview.is-flat-running .fu-flow-dot { animation: fu-flow-travel 5s linear infinite; }
  body[data-page="home"] .flat-preview .fu-rating circle { transition: fill 220ms var(--ease-out); }
  body[data-page="home"] .flat-preview.is-flat-active .fu-rating circle { fill: #f0c845; }
  body[data-page="home"] .flat-preview.is-flat-active .fu-rating circle:nth-child(2) { transition-delay: 120ms; }
  body[data-page="home"] .flat-preview.is-flat-active .fu-rating circle:nth-child(3) { transition-delay: 240ms; }
  body[data-page="home"] .flat-preview.is-flat-active .fu-rating circle:nth-child(4) { transition-delay: 360ms; }
  body[data-page="home"] .flat-preview.is-flat-active .fu-rating circle:nth-child(5) { transition-delay: 480ms; }
}

@keyframes fu-send-pulse { 0% { opacity: 0; transform: scale(1); } 45% { opacity: .5; } 100% { opacity: 0; transform: scale(1.16); } }
@keyframes fu-flow-travel { 0%, 8% { transform: translateX(0); } 82%, 100% { transform: translateX(468px); } }

/* People-led industry carousel. The photography is real and locally served;
   the interface layer supplies the quiet, repeatable motion. */
body[data-page="home"] #app#app#app#app#app#app .aud-slider__viewport {
  height: 460px;
  scroll-padding-inline: max(20px, calc((100vw - min(100vw - 40px, var(--nk-w))) / 2));
}
body[data-page="home"] #app#app#app#app#app#app ._03 .aud__grid {
  align-items: flex-start;
  gap: 20px !important;
  height: 460px;
  padding: 8px max(20px, calc((100vw - min(100vw - 40px, var(--nk-w))) / 2)) 12px !important;
}
body[data-page="home"] #app#app#app#app#app#app ._03 .aud__item {
  flex: 0 0 clamp(286px, 82vw, 320px);
  width: clamp(286px, 82vw, 320px);
  height: 438px;
}
body[data-page="home"] #app#app#app#app#app#app ._03 .aud__card {
  display: grid !important;
  grid-template: 288px auto 1fr / 1fr !important;
  gap: 0 !important;
  width: 100% !important;
  height: 438px !important;
  min-height: 438px !important;
  padding: 0 !important;
  overflow: hidden;
  border: 0 !important;
  border-radius: 24px !important;
  background: var(--industry-bg, var(--c-paper)) !important;
  color: var(--industry-ink, #151714) !important;
  box-shadow: 0 8px 24px rgba(21, 23, 20, .09) !important;
}
body[data-page="home"] ._03 .aud__item:is([data-tone="orange"], [data-tone="sky"], [data-tone="pink"], [data-tone="white"]) { --industry-bg: #f3f0e6; --industry-ink: #151714; --micro-accent: #529f69; }
body[data-page="home"] ._03 .aud__item:is([data-tone="yellow"], [data-tone="aqua"]) { --industry-bg: #529f69; --industry-ink: #151714; --micro-accent: #f3f0e6; }
body[data-page="home"] ._03 .aud__item:is([data-tone="purple"], [data-tone="ink"]) { --industry-bg: #151714; --industry-ink: #f3f0e6; --micro-accent: #529f69; }
body[data-page="home"] ._03 .aud__item[data-tone="sand"] { --industry-bg: #a87543; --industry-ink: #151714; --micro-accent: #f3f0e6; }
body[data-page="home"] ._03 .aud__item[data-tone="red"] { --industry-bg: #778a3d; --industry-ink: #151714; --micro-accent: #f3f0e6; }
body[data-page="home"] #app#app#app#app#app#app ._03 .aud__media {
  position: relative !important;
  grid-area: auto !important;
  width: 100% !important;
  height: 288px !important;
  aspect-ratio: auto !important;
  margin: 0 !important;
  overflow: hidden !important;
  border-radius: 24px 24px 16px 16px !important;
  background: #fff !important;
}
body[data-page="home"] #app#app#app#app#app#app ._03 .aud__media > img { width: 100%; height: 100%; object-fit: cover; object-position: center 30%; }
body[data-page="home"] #app#app#app#app#app#app ._03 .aud__media > video { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center 30%; }
body[data-page="home"] #app#app#app#app#app#app ._03 .aud__media--motion > img { display: none; }
body[data-page="home"] #app#app#app#app#app#app ._03 .aud__name {
  grid-area: auto !important;
  align-self: auto !important;
  margin: 0 !important;
  padding: 18px 18px 7px !important;
  color: inherit !important;
  font: 600 18px/1.08 'Geist', sans-serif !important;
  letter-spacing: -.025em !important;
}
body[data-page="home"] #app#app#app#app#app#app ._03 .aud__copy {
  grid-area: auto !important;
  align-self: auto !important;
  margin: 0 !important;
  padding: 0 18px 18px !important;
  color: inherit !important;
  opacity: .82;
  font: 430 13px/1.35 'Geist', sans-serif !important;
  letter-spacing: -.01em !important;
}
body[data-page="home"] .aud__micro {
  position: absolute;
  top: 12px;
  right: 12px;
  width: 56px;
  height: 56px;
  padding: 5px;
  overflow: visible;
  border-radius: 16px;
  background: rgba(255,255,255,.88);
  box-shadow: 0 6px 18px rgba(21,23,20,.12);
  pointer-events: none;
}
body[data-page="home"] .aud__photo-wash {
  position: absolute;
  inset: auto 0 0;
  height: 46%;
  background: linear-gradient(to top, rgba(21,23,20,.52), transparent);
  pointer-events: none;
}
body[data-page="home"] .aud__signal {
  position: absolute;
  left: 14px;
  bottom: 14px;
  display: flex;
  align-items: center;
  gap: 5px;
  min-height: 30px;
  padding: 7px 10px;
  border-radius: 999px;
  background: rgba(243,240,230,.92);
  color: #151714;
  font: 600 10px/1 'Geist', sans-serif;
  letter-spacing: .04em;
  text-transform: uppercase;
  backdrop-filter: blur(8px);
}
body[data-page="home"] .aud__signal i {
  width: 3px;
  height: 8px;
  border-radius: 2px;
  background: #529f69;
  transform-origin: center bottom;
}
body[data-page="home"] .aud__signal b { margin-left: 3px; font: inherit; }

body[data-page="home"] #app#app#app#app#app#app .aud-slider__toggle {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-width: 86px;
  height: 48px;
  padding: 0 14px;
  border: 1px solid color-mix(in srgb, var(--c-ink) 18%, transparent);
  border-radius: 999px;
  background: var(--c-paper);
  color: var(--c-ink);
  cursor: pointer;
}
body[data-page="home"] .aud-slider__toggle span { width: 9px; height: 12px; border-inline: 3px solid currentColor; }
body[data-page="home"] .aud-slider__toggle[aria-pressed="true"] span { width: 0; height: 0; border: 6px solid transparent; border-left: 9px solid currentColor; border-right: 0; }
body[data-page="home"] .aud-slider__toggle em { font: 600 12px/1 'Geist', sans-serif; font-style: normal; }
body[data-page="home"] .aud__micro-stroke { fill: none; stroke: #151714; stroke-width: 3; stroke-linecap: round; stroke-linejoin: round; }
body[data-page="home"] .aud__micro-pop { fill: var(--micro-accent, #d4622c); }

@media (prefers-reduced-motion: no-preference) {
  body[data-page="home"] .aud__item { opacity: 0; transform: translateY(20px); transition: opacity 600ms var(--ease-out), transform 600ms var(--ease-out); transition-delay: min(calc(var(--industry-i, 0) * 70ms), 280ms); }
  body[data-page="home"] .aud-slider.is-in-view .aud__item { opacity: 1; transform: none; }
  body[data-page="home"] .aud__card { transition: transform 350ms var(--ease-out), box-shadow 350ms var(--ease-out) !important; }
  body[data-page="home"] .aud__item.is-active .aud__card { transform: translateY(-4px); box-shadow: 0 14px 32px rgba(21,23,20,.14) !important; }
  body[data-page="home"] .aud__micro-stroke { stroke-dasharray: 180; stroke-dashoffset: 180; }
  body[data-page="home"] .aud__micro-pop { opacity: 0; transform: scale(.4); transform-box: fill-box; transform-origin: center; }
  body[data-page="home"] .aud__item.is-active .aud__micro-stroke { animation: aud-stroke 1s var(--ease-out) both; }
  body[data-page="home"] .aud__item.is-active .aud__micro-pop { animation: aud-pop 520ms var(--ease-out) 430ms both; }
  body[data-page="home"] .aud__media > img { animation: aud-photo-breathe 9s ease-in-out infinite alternate; animation-delay: calc(var(--industry-i, 0) * -650ms); }
  body[data-page="home"] .aud__signal i { animation: aud-signal 1.4s ease-in-out infinite; }
  body[data-page="home"] .aud__signal i:nth-child(2) { animation-delay: 160ms; }
  body[data-page="home"] .aud__signal i:nth-child(3) { animation-delay: 320ms; }
  body[data-page="home"] .aud-slider.is-paused :is(.aud__media > img, .aud__signal i) { animation-play-state: paused; }
}
@keyframes aud-stroke { to { stroke-dashoffset: 0; } }
@keyframes aud-pop { to { opacity: 1; transform: scale(1); } }
@keyframes aud-photo-breathe { from { transform: scale(1.015) translate3d(0,0,0); } to { transform: scale(1.07) translate3d(-1.5%, -1%, 0); } }
@keyframes aud-signal { 0%, 100% { transform: scaleY(.45); opacity: .55; } 50% { transform: scaleY(1.25); opacity: 1; } }

@media (max-width: 767px) {
  body[data-page="home"] #app#app#app#app#app#app .aud-slider__controls { padding-inline: 20px; }
  body[data-page="home"] #app#app#app#app#app#app ._03 .aud__grid { padding-inline: 20px !important; }
}

@media (max-width: 479px) {
  body[data-page="home"] #app#app#app#app#app#app .aud-slider__controls { gap: 12px; }
  body[data-page="home"] #app#app#app#app#app#app .aud-slider__hint { max-width: 150px; }
  body[data-page="home"] #app#app#app#app#app#app .aud-slider__buttons { gap: 8px; }
  body[data-page="home"] #app#app#app#app#app#app .aud-slider__toggle { justify-content: center; width: 48px; min-width: 48px; padding: 0; }
  body[data-page="home"] .aud-slider__toggle em { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
}

@media (prefers-reduced-motion: reduce) {
  body[data-page="home"] .flat-preview *,
  body[data-page="home"] .aud-slider * {
    animation: none !important;
    transition: none !important;
  }
  body[data-page="home"] .flat-preview :is(.fu-enter, .fu-bars rect, .fu-chart-dot),
  body[data-page="home"] .aud__item,
  body[data-page="home"] .aud__micro-pop {
    opacity: 1 !important;
    transform: none !important;
  }
  body[data-page="home"] .flat-preview .fu-chart,
  body[data-page="home"] .flat-preview .fu-flow-line,
  body[data-page="home"] .aud__micro-stroke { stroke-dashoffset: 0 !important; }
  body[data-page="home"] .flat-ui .fu-rating circle { fill: #f0c845; }
  body[data-page="home"] .aud-slider__toggle { display: none !important; }
  body[data-page="home"] #app#app#app#app#app#app ._03 .aud__media--motion > video { display: none !important; }
  body[data-page="home"] #app#app#app#app#app#app ._03 .aud__media--motion > img { display: block !important; }
}

/* Unnumbered section labels -------------------------------------------------
   Page labels now identify the section without behaving like an outline or
   document index. A short leaf rule keeps the hierarchy visible while the
   text stays quiet and compact on light and dark surfaces. */
html[data-theme] body[data-page]:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______) :is(
  .sx__eyebrow,
  .hx__eyebrow,
  .ed-eyebrow,
  .page-intro__eyebrow,
  .page-intro .eyebrow,
  .book-call__eyebrow,
  .section-label,
  .wk__eyebrow,
  .cs-ed__label,
  .hero-intro__eyebrow,
  .sections .section > .header,
  ._01 > .inner-wrap > .header,
  ._02 > .inner-wrap > .header,
  .num.f-s-16-100,
  .hws__index,
  .wp__meta
) {
  width: max-content !important;
  max-width: 100% !important;
  padding: 2px 0 2px 12px !important;
  border: 0 !important;
  border-left: 2px solid var(--brand-leaf) !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  font: 600 12px/1.35 'Geist', sans-serif !important;
  letter-spacing: .06em !important;
  text-transform: uppercase !important;
}

/* fuel.css numbers the primary navigation automatically. The navigation
   names remain unchanged; the generated index is intentionally suppressed. */
html[data-theme] body header.site-header .menu-segment > .header-nav-link .header-nav-label::after {
  content: none !important;
}

/* home-motion.css previously used the capability-card backdrop to display a
   generated counter. Keep the backdrop itself because naka.css owns its card
   surface, but make its content empty. */
html[data-theme] body[data-page="home"] #app#app#app#app#app#app .sections .section::before {
  content: '' !important;
}

/* Homepage FAQ: Naka's large editorial heading beside a quiet stack of
   rounded accordion cards, adapted to the existing Laccino palette. */
body[data-page="home"] #app#app#app#app#app#app #faq .hq__grid {
  display: grid !important;
  grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr) !important;
  gap: clamp(40px, 7vw, 112px) !important;
  align-items: start !important;
}
body[data-page="home"] #app#app#app#app#app#app #faq .hq__head {
  display: grid !important;
  justify-items: start !important;
  gap: 18px !important;
  max-width: 600px !important;
  margin: 0 !important;
  padding: 0 !important;
  position: sticky !important;
  top: calc(var(--space-11) + var(--space-4)) !important;
  text-align: left !important;
}
body[data-page="home"] #app#app#app#app#app#app #faq .hq__head .sx__title {
  max-width: 12ch !important;
  margin: 0 !important;
  font: 500 clamp(42px, 5.2vw, 72px)/.98 'Geist', sans-serif !important;
  letter-spacing: -.05em !important;
  text-align: left !important;
  text-transform: none !important;
  text-wrap: balance;
}
body[data-page="home"] #app#app#app#app#app#app #faq .hq__head .sx__lede {
  max-width: 42ch !important;
  margin: 0 !important;
  text-align: left !important;
}
body[data-page="home"] #app#app#app#app#app#app #faq .hq__head .link-arrow {
  justify-self: start !important;
  margin-top: 4px;
}
body[data-page="home"] #app#app#app#app#app#app #faq .sx-faq__list {
  display: grid !important;
  gap: 12px !important;
  width: 100%;
  max-width: none !important;
  margin: 0 !important;
}
body[data-page="home"] #app#app#app#app#app#app #faq .sx-faq__item {
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden;
  border: 0 !important;
  border-radius: var(--r-md) !important;
  background: var(--c-paper) !important;
  box-shadow: var(--shadow-sm) !important;
  color: var(--c-ink) !important;
}
body[data-page="home"] #app#app#app#app#app#app #faq .sx-faq__item > summary {
  min-height: 82px;
  margin: 0 !important;
  padding: 22px 24px !important;
  gap: 24px;
  font: 500 clamp(17px, 1.35vw, 20px)/1.3 'Geist', sans-serif !important;
  letter-spacing: -.02em !important;
  color: var(--c-ink) !important;
}
body[data-page="home"] #app#app#app#app#app#app #faq .sx-faq__chev {
  width: 24px !important;
  height: 24px !important;
  padding: 4px;
  border: 1px solid color-mix(in srgb, var(--c-ink) 32%, transparent) !important;
  border-radius: 50%;
  color: var(--c-ink) !important;
}
body[data-page="home"] #app#app#app#app#app#app #faq .sx-faq__answer {
  max-width: none !important;
  margin: 0 !important;
  padding: 0 64px 24px 24px !important;
}
body[data-page="home"] #app#app#app#app#app#app #faq .sx-faq__answer p {
  max-width: 58ch;
  margin: 0 !important;
  color: color-mix(in srgb, var(--c-ink) 72%, transparent) !important;
}
@media (prefers-reduced-motion: no-preference) {
  body[data-page="home"] #app#app#app#app#app#app #faq .sx-faq__item {
    transition: transform var(--hover-dur) var(--ease-out), box-shadow var(--hover-dur) var(--ease-out) !important;
  }
  @media (hover: hover) and (pointer: fine) {
    body[data-page="home"] #app#app#app#app#app#app #faq .sx-faq__item:not([data-naka-reveal="pending"]):hover {
      transform: translateY(-2px) !important;
      box-shadow: var(--shadow-md) !important;
    }
  }
}
@media (max-width: 900px) {
  body[data-page="home"] #app#app#app#app#app#app #faq .hq__grid {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 40px !important;
  }
  body[data-page="home"] #app#app#app#app#app#app #faq .hq__head {
    max-width: 680px !important;
    position: static !important;
  }
}
@media (max-width: 480px) {
  body[data-page="home"] #app#app#app#app#app#app #faq .hq__head .sx__title {
    font-size: 40px !important;
  }
  body[data-page="home"] #app#app#app#app#app#app #faq .sx-faq__item > summary {
    min-height: 72px;
    padding: 18px 20px !important;
    gap: 16px;
  }
  body[data-page="home"] #app#app#app#app#app#app #faq .sx-faq__answer {
    padding: 0 56px 20px 20px !important;
  }
}
/* Homepage Naka treatment. The system statement is deliberately excluded so
   its original large type and three open rows remain intact. */
body[data-page="home"] #app#app#app#app#app#app {
  --nk-r: var(--r-lg);
  font-family: 'Geist', sans-serif;
}
body[data-page="home"] #app#app#app#app#app#app .hero-intro h1 {
  font: 500 clamp(40px, 6vw, 64px)/1 'Geist', sans-serif !important;
  letter-spacing: -.05em !important;
}
body[data-page="home"] #app#app#app#app#app#app .hero-intro__lede {
  font: 400 18px/1.3 'Geist', sans-serif !important;
  letter-spacing: -.015em !important;
}
body[data-page="home"] #app#app#app#app#app#app .hero-intro__eyebrow {
  font: 500 14px/1.2 'Geist', sans-serif !important;
  letter-spacing: 0 !important;
}
body[data-page="home"] #app#app#app#app#app#app .hero__media {
  border-radius: var(--r-lg) !important;
  overflow: hidden;
}
body[data-page="home"] #app#app#app#app#app#app .hero-action {
  --naka-button-bg: var(--c-paper);
  --naka-button-text: var(--c-ink);
  border: 0 !important;
  border-radius: var(--r-btn) !important;
  background: var(--naka-button-bg) !important;
  color: var(--naka-button-text) !important;
  box-shadow: var(--shadow-sm) !important;
  font-family: 'Geist', sans-serif !important;
}
body[data-page="home"] #app#app#app#app#app#app .hero-action--primary {
  --naka-button-bg: var(--brand-leaf);
}
body[data-page="home"] #app#app#app#app#app#app .hero-action :is(span, svg) {
  color: inherit !important;
}
body[data-page="home"] #app#app#app#app#app#app :is(.sx__title, .ed-head__title, .info-section > .title, .sections .section > .title, .experience .text-wrap > .title) {
  font: 500 clamp(30px, 4vw, 40px)/1.05 'Geist', sans-serif !important;
  letter-spacing: -.04em !important;
}
body[data-page="home"] #app#app#app#app#app#app :is(.sx-step__title, .sx-feature__title, .aud__name, .hws__name) {
  font: 500 clamp(22px, 2.4vw, 24px)/1.1 'Geist', sans-serif !important;
  letter-spacing: -.02em !important;
}
body[data-page="home"] #app#app#app#app#app#app :is(.sx__lede, .sx-feature__body, .sx-step__body, .aud__copy, .hws__copy, .pr-plan__summary, .sx-faq__answer p, .book-call__text, .info-section > .description, .experience > .description, .sections .section .text-wrap > .description) {
  font: 400 18px/1.3 'Geist', sans-serif !important;
  letter-spacing: -.015em !important;
}
body[data-page="home"] #app#app#app#app#app#app :is(.sx__eyebrow, .ed-eyebrow, .aud__tag, .book-call__eyebrow, .cta-banner__eyebrow, .sections .section > .header) {
  font: 500 14px/1.2 'Geist', sans-serif !important;
  letter-spacing: 0 !important;
}
body[data-page="home"] #app#app#app#app#app#app :is(.aud__card, .sx-card, .sx-step, .sx-quote) {
  min-width: 0;
  padding: var(--card-pad) !important;
  border: 0 !important;
  border-radius: var(--r-md) !important;
  background: var(--surface-card, var(--c-paper)) !important;
  color: var(--text-primary, var(--c-ink)) !important;
  box-shadow: var(--shadow-md) !important;
}
body[data-page="home"] #app#app#app#app#app#app :is(.sx-feature, .hws__item) {
  border-radius: var(--r-md) !important;
  box-shadow: var(--shadow-sm) !important;
}
body[data-page="home"] #app#app#app#app#app#app :is(.image-wrap, .lottie-container, .aud__media, .hws__frame, .experience > .media-wrap, .cta-banner, .book-call) {
  overflow: hidden;
  border-radius: var(--r-lg) !important;
}
body[data-page="home"] #app#app#app#app#app#app .sections .section::before { border-radius: var(--r-md) !important; box-shadow: var(--shadow-sm); }
body[data-page="home"] #app#app#app#app#app#app .sections .section > .header { margin: var(--card-pad) var(--card-pad) 20px !important; }
body[data-page="home"] #app#app#app#app#app#app .sections .section > .title { padding-inline: var(--card-pad) !important; }
body[data-page="home"] #app#app#app#app#app#app .sections .section > .text-wrap { padding: 16px var(--card-pad) var(--card-pad) !important; }
body[data-page="home"] #app#app#app#app#app#app :is(.aud__media img, .hws__frame img) { border-radius: inherit; }
body[data-page="home"] #app#app#app#app#app#app :is(.aud__tag, .ed-chip) { border-radius: var(--r-sm) !important; }
body[data-page="home"] #app#app#app#app#app#app :is(.sx__eyebrow, .ed-eyebrow, .aud__tag, .sections .section > .header) {
  color: var(--text-primary, var(--c-ink)) !important;
  border-color: currentColor !important;
  background: transparent !important;
}
body[data-page="home"] #app#app#app#app#app#app :is(.button-frame, .sx-btn, .pr-plan__cta, .hws__link, .hw__all, .book-call__button, .ft__cta, .ft__news-submit) {
  --naka-button-bg: var(--c-ink);
  --naka-button-text: var(--c-paper);
  border: 0 !important;
  border-radius: var(--r-btn) !important;
  background: var(--naka-button-bg) !important;
  color: var(--naka-button-text) !important;
  box-shadow: var(--shadow-sm) !important;
  font-family: 'Geist', sans-serif !important;
}
body[data-page="home"] #app#app#app#app#app#app .ft__cta--alt {
  --naka-button-bg: var(--c-paper);
  --naka-button-text: var(--c-ink);
}
body[data-page="home"] #app#app#app#app#app#app :is(.button-frame, .sx-btn, .pr-plan__cta, .ft__cta) :is(span, .label-wrap, svg) { color: inherit !important; }
body[data-page="home"] #app#app#app#app#app#app .button-frame .icon-arrow path { fill: currentColor !important; }
body[data-page="home"] #app#app#app#app#app#app :is(.contact-form-panel, .hc__form, .newsletter-form) {
  border-radius: var(--r-md) !important;
  box-shadow: var(--shadow-md) !important;
}
body[data-page="home"] #app#app#app#app#app#app :is(.contact-form-panel, .hc__form, .newsletter-form) .field {
  border-radius: var(--r-sm) !important;
}
/* Existing homepage motion stands down outside the restored system statement,
   leaving that section's authored ink and row animation as its sole owner. */
body[data-page="home"] #app#app#app#app#app#app :is([data-reveal], [data-animate-in], [data-system-reveal], .hm-w, .hm-s, .hm-l, .hm-fan > li, .hm-drift .hws__item, .hm-big > .sx-step, .hm-tilt > *):not(.system-path):not(.system-path *):not(.flat-preview) {
  opacity: 1 !important;
  transform: none !important;
  scale: none !important;
  translate: none !important;
  rotate: none !important;
  filter: none !important;
}
body[data-page="home"] #app#app#app#app#app#app :is(.hm-w, .hm-s, .hm-l):not(.system-path *) { color: inherit !important; }

/* Parallax on the process steps.
   The cards themselves are what moves - nothing is added behind them. Each
   one drifts a little further than the one above as the section crosses the
   viewport, so they travel at different rates and separate slightly on the
   way past. That difference is the effect; a single shared rate would just
   slide the block.

   It lives here because the step cards carry data-reveal, and the block
   above forces transform:none on those, so a rule in home-motion.css could
   not be heard. --p comes from data-hm-p on the section and settles at 1,
   which is the resting layout - so no-JS and reduced motion need no undo. */
body[data-page="home"] #app#app#app#app#app#app #process .sx-step { --pm-r: 0px; }
body[data-page="home"] #app#app#app#app#app#app #process .sx-step:nth-child(2) { --pm-r: 14px; }
body[data-page="home"] #app#app#app#app#app#app #process .sx-step:nth-child(3) { --pm-r: 28px; }
body[data-page="home"] #app#app#app#app#app#app #process .sx-step:nth-child(4) { --pm-r: 42px; }
body[data-page="home"] #app#app#app#app#app#app #process .sx-step:nth-child(5) { --pm-r: 56px; }

/* Same idea on the plan cards. Three across rather than five stacked, so the
   rates are smaller and the middle card is the slowest - that keeps the
   featured card as the anchor the other two move against. */
body[data-page="home"] #app#app#app#app#app#app #pricing .pr-grid > .sx-plan { --pm-r: 0px; }
body[data-page="home"] #app#app#app#app#app#app #pricing .pr-grid > .sx-plan:nth-child(1) { --pm-r: 26px; }
body[data-page="home"] #app#app#app#app#app#app #pricing .pr-grid > .sx-plan:nth-child(2) { --pm-r: 0px; }
body[data-page="home"] #app#app#app#app#app#app #pricing .pr-grid > .sx-plan:nth-child(3) { --pm-r: 26px; }

/* And on the three live sites - but the rate ladder goes inside each card, not
   across them. naka.css puts the showcase in a single column, so the three
   cards are a tall stack and each one carries its own data-hm-p; a rate per
   card would only make them arrive one at a time. The screenshot and its text
   are what share the screen, so those are the two layers, and they close the
   gap between them as the card comes up. */
body[data-page="home"] #app#app#app#app#app#app #work .hws__item > .hws__frame { --pm-r: 12px; }
body[data-page="home"] #app#app#app#app#app#app #work .hws__item > .hws__text { --pm-r: 40px; }

@media (prefers-reduced-motion: no-preference) {
  body[data-page="home"] #app#app#app#app#app#app #process .sx-step,
  body[data-page="home"] #app#app#app#app#app#app #pricing .pr-grid > .sx-plan,
  body[data-page="home"] #app#app#app#app#app#app #work .hws__item > .hws__frame,
  body[data-page="home"] #app#app#app#app#app#app #work .hws__item > .hws__text {
    transform: translateY(calc((1 - var(--p, 1)) * var(--pm-r, 0px))) !important;
    will-change: transform;
  }
}
body[data-page="home"] #app#app#app#app#app#app :is(.aud__card, .hws__item, .sx-step, .sx-card, .sx-feature) { scale: none !important; }

/* Currency amounts keep their full value inside narrow plan cards. The unit
   may wrap below the amount, which lets the price row grow with any currency. */
body[data-page] #app#app#app#app#app#app .pr-grid .pr-plan__price {
  width: 100%;
  min-width: 0;
  min-height: 0;
  align-items: flex-start;
}
body[data-page] #app#app#app#app#app#app .pr-grid .pr-price {
  display: flex;
  flex-wrap: wrap;
  max-width: 100%;
  min-width: 0;
  align-items: baseline;
  row-gap: 4px;
}
body[data-page] #app#app#app#app#app#app .pr-grid--four .pr-price__val {
  max-width: 100%;
  font-size: clamp(34px, 3vw, 44px) !important;
  line-height: 1 !important;
  white-space: nowrap;
}
body[data-page] #app#app#app#app#app#app .pr-grid--four .pr-price__unit {
  flex: 0 0 auto;
}

@media (prefers-reduced-motion: no-preference) {
  body[data-page="home"] #app#app#app#app#app#app :is(.aud__card, .hws__item, .sx-step, .sx-card, .sx-feature, .hero-action, .button-frame, .sx-btn, .pr-plan__cta, .hws__link, .hw__all, .book-call__button, .ft__cta, .ft__news-submit) {
    transition: transform var(--hover-dur) var(--ease-out), box-shadow var(--hover-dur) var(--ease-out), background-color var(--hover-dur) var(--ease-out) !important;
  }
  body[data-page="home"] #app#app#app#app#app#app [data-naka-reveal] {
    transition: opacity var(--naka-enter-dur, var(--reveal-dur)) var(--ease-out), transform var(--naka-enter-dur, var(--reveal-dur)) var(--ease-out), box-shadow var(--hover-dur) var(--ease-out) !important;
    transition-delay: var(--naka-delay, 0ms) !important;
  }
  body[data-page="home"] #app#app#app#app#app#app [data-naka-reveal="pending"] { opacity: 0 !important; transform: translateY(var(--naka-enter-y, 20px)) scale(var(--naka-enter-scale, 1)) !important; }
  body[data-page="home"] #app#app#app#app#app#app [data-naka-reveal="visible"] { opacity: 1 !important; transform: none !important; }
  @media (hover: hover) and (pointer: fine) {
    body[data-page="home"] #app#app#app#app#app#app :is(.aud__card, .hws__item, .sx-step, .sx-card, .sx-feature, .hero-action, .button-frame, .sx-btn, .pr-plan__cta, .hws__link, .hw__all, .book-call__button, .ft__cta, .ft__news-submit):not(:disabled):not([data-naka-reveal="pending"]):hover {
      transform: translateY(-4px) !important;
      box-shadow: var(--shadow-lg) !important;
      transition-delay: 0ms !important;
    }
    body[data-page="home"] #app#app#app#app#app#app :is(.hero-action, .button-frame, .sx-btn, .pr-plan__cta, .hws__link, .hw__all, .book-call__button, .ft__cta, .ft__news-submit):not(:disabled):hover {
      background: color-mix(in srgb, var(--naka-button-bg) 92%, var(--naka-button-text)) !important;
    }
  }
}
@media (prefers-reduced-motion: reduce) {
  body[data-page="home"], body[data-page="home"] *, body[data-page="home"] *::before, body[data-page="home"] *::after {
    animation: none !important;
    transition: none !important;
    scroll-behavior: auto !important;
  }
  body[data-page="home"] #app#app#app#app#app#app :is([data-naka-reveal], [data-reveal], [data-animate-in], [data-system-reveal], .hero-intro) {
    opacity: 1 !important;
  }
  body[data-page="home"] #app#app#app#app#app#app :is([data-naka-reveal], [data-reveal], [data-animate-in], [data-system-reveal], .hero-intro, .hero-action, .button-frame, .sx-btn, .pr-plan__cta, .hws__link, .ft__cta, .ft__news-submit, .aud__card, .sx-card, .sx-step, .hm-w, .hm-s, .hm-l, .hm-fan > li, .hm-drift .hws__item, .hm-big > .sx-step, .hm-tilt > *, .system-path__steps > li, .system-path__steps h3) {
    transform: none !important;
    translate: none !important;
    scale: none !important;
    rotate: none !important;
  }
}

/* Final carousel placement: kept last so this component wins the additive
   cascade without changing the existing homepage hooks. */
body[data-page="home"] #app#app#app#app#app#app .aud-slider { display: flex; flex-direction: column; gap: 24px; }
body[data-page="home"] #app#app#app#app#app#app .aud-slider__viewport { height: 548px; padding: 0 !important; scroll-padding-inline: 16px; }
body[data-page="home"] #app#app#app#app#app#app ._03 .aud__grid { align-items: center !important; gap: 24px !important; height: 548px !important; padding: 12px 16px 24px !important; }
body[data-page="home"] #app#app#app#app#app#app ._03 .aud__item { flex: 0 0 min(80vw, 1120px) !important; width: min(80vw, 1120px) !important; height: 500px !important; }
body[data-page="home"] #app#app#app#app#app#app ._03 .aud__card {
  display: grid !important;
  grid-template: auto 1fr auto / minmax(0, .92fr) minmax(0, 1.08fr) !important;
  column-gap: clamp(28px, 4vw, 64px) !important;
  row-gap: 20px !important;
  width: 100% !important;
  height: 500px !important;
  min-height: 500px !important;
  padding: 16px !important;
  overflow: hidden !important;
  border: 1px solid rgba(21, 23, 20, .06) !important;
  border-radius: 24px !important;
  background: var(--loop-card-bg, #f3f0e6) !important;
  color: #151714 !important;
  box-shadow: 0 14px 36px rgba(21, 23, 20, .06) !important;
  transform: none !important;
}
body[data-page="home"] #app#app#app#app#app#app ._03 .aud__brand { grid-column: 1; grid-row: 1; align-self: start; display: inline-flex; align-items: center; gap: 10px; margin: clamp(18px, 2.5vw, 34px) clamp(14px, 2vw, 26px) 0; color: #151714; font: 700 13px/1 'Geist', sans-serif; letter-spacing: -.01em; text-transform: uppercase; }
body[data-page="home"] #app#app#app#app#app#app ._03 .aud__media { position: relative !important; grid-column: 2 !important; grid-row: 1 / 4 !important; width: 100% !important; height: 100% !important; margin: 0 !important; border-radius: 18px !important; background: #f3f0e6 !important; }
body[data-page="home"] #app#app#app#app#app#app ._03 .aud__name { grid-column: 1 !important; grid-row: 2 !important; align-self: end !important; margin: 0 !important; padding: 0 clamp(14px, 2vw, 26px) !important; color: #151714 !important; font: 650 clamp(34px, 3.2vw, 52px)/.98 'Geist', sans-serif !important; letter-spacing: -.05em !important; }
body[data-page="home"] #app#app#app#app#app#app ._03 .aud__copy { grid-column: 1 !important; grid-row: 3 !important; align-self: end !important; margin: 0 !important; padding: 0 clamp(14px, 2vw, 26px) clamp(18px, 2.5vw, 34px) !important; color: #151714 !important; opacity: .82 !important; font: 450 clamp(17px, 1.6vw, 22px)/1.28 'Geist', sans-serif !important; letter-spacing: -.025em !important; }
body[data-page="home"] #app#app#app#app#app#app .aud-slider__controls { justify-content: center; width: 100%; margin: 0 !important; }
body[data-page="home"] #app#app#app#app#app#app .aud-slider__hint { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
body[data-page="home"] #app#app#app#app#app#app .aud-slider__buttons { align-items: center; justify-content: center; gap: 12px; }
body[data-page="home"] #app#app#app#app#app#app .aud-slider__button { width: 52px; height: 52px; border: 1px solid rgba(21, 23, 20, .18); border-radius: 10px; background: #fff; color: #151714; }
body[data-page="home"] #app#app#app#app#app#app .aud-slider__toggle { width: 52px; min-width: 52px; height: 52px; justify-content: center; padding: 0; border-radius: 10px; background: #151714; color: #f3f0e6; }
body[data-page="home"] #app#app#app#app#app#app .aud__signal {
  right: 16px !important;
  bottom: 16px !important;
  left: auto !important;
  display: grid !important;
  grid-template-columns: auto 1fr !important;
  grid-template-rows: auto auto !important;
  column-gap: 10px !important;
  row-gap: 5px !important;
  width: 170px !important;
  min-width: 170px !important;
  min-height: 84px !important;
  padding: 15px 18px !important;
  border-radius: 15px !important;
  background: rgba(255, 255, 255, .95) !important;
  color: #151714 !important;
  box-shadow: 0 10px 30px rgba(21, 23, 20, .1) !important;
  text-transform: none !important;
}
body[data-page="home"] #app#app#app#app#app#app .aud__signal > span { grid-row: 1 / 3; display: flex; align-items: center; gap: 3px; }
body[data-page="home"] #app#app#app#app#app#app .aud__signal b { align-self: end; margin: 0; font: 650 18px/1 'Geist', sans-serif !important; letter-spacing: -.035em; }
body[data-page="home"] #app#app#app#app#app#app .aud__signal small { align-self: start; font: 450 13px/1.2 'Geist', sans-serif; letter-spacing: -.01em; opacity: .72; }

@media (max-width: 767px) {
  body[data-page="home"] #app#app#app#app#app#app .aud-slider__viewport { height: 624px; }
  body[data-page="home"] #app#app#app#app#app#app ._03 .aud__grid { height: 624px !important; gap: 14px !important; padding: 8px 16px 18px !important; }
  body[data-page="home"] #app#app#app#app#app#app ._03 .aud__item { flex-basis: calc(100vw - 80px) !important; width: calc(100vw - 80px) !important; height: 598px !important; }
  body[data-page="home"] #app#app#app#app#app#app ._03 .aud__card { grid-template: 330px auto auto 1fr / minmax(0, 1fr) !important; gap: 0 !important; height: 598px !important; min-height: 598px !important; padding: 10px !important; }
  body[data-page="home"] #app#app#app#app#app#app ._03 .aud__media { grid-column: 1 !important; grid-row: 1 !important; border-radius: 17px !important; }
  body[data-page="home"] #app#app#app#app#app#app ._03 .aud__brand { grid-column: 1; grid-row: 2; margin: 22px 18px 0; font-size: 11px; }
  body[data-page="home"] #app#app#app#app#app#app ._03 .aud__name { grid-column: 1 !important; grid-row: 3 !important; align-self: start !important; padding: 18px 18px 0 !important; font-size: clamp(29px, 9vw, 38px) !important; }
  body[data-page="home"] #app#app#app#app#app#app ._03 .aud__copy { grid-column: 1 !important; grid-row: 4 !important; align-self: start !important; padding: 10px 18px 20px !important; font-size: 17px !important; }
  body[data-page="home"] #app#app#app#app#app#app .aud__signal { right: 12px !important; bottom: 12px !important; width: 150px !important; min-width: 150px !important; min-height: 68px !important; padding: 11px 13px !important; }
  body[data-page="home"] #app#app#app#app#app#app .aud__signal b { font-size: 15px !important; }
  body[data-page="home"] #app#app#app#app#app#app .aud__signal small { font-size: 11px; }
  body[data-page="home"] #app#app#app#app#app#app .aud-slider__controls { padding-inline: 0; }
  body[data-page="home"] #app#app#app#app#app#app .aud-slider__buttons { justify-content: flex-start; width: 100%; gap: 8px; }
  body[data-page="home"] #app#app#app#app#app#app .aud-slider__button,
  body[data-page="home"] #app#app#app#app#app#app .aud-slider__toggle { width: 44px; min-width: 44px; height: 44px; }
  body[data-page="home"] .aud-slider__progress { min-width: 54px; }
}


/* PhantomBuster-inspired realistic product UI. Scoped to the two homepage
   sections named in the corrective brief. */
body[data-page="home"] #app#app#app#app#app#app #system-statement {
  margin-inline: clamp(16px, 2.2vw, 32px) !important;
  padding: clamp(40px, 6vw, 88px) clamp(16px, 3.5vw, 54px) clamp(48px, 6vw, 80px) !important;
  border-radius: 32px !important;
  background: linear-gradient(180deg, #fdf7e9 0%, #fbeecf 100%) !important;
  color: #111 !important;
  overflow: hidden;
}

body[data-page="home"] #app#app#app#app#app#app #system-statement .system-path__layout {
  display: block !important;
  width: min(1420px, 100%) !important;
  margin-inline: auto !important;
}

body[data-page="home"] #app#app#app#app#app#app #system-statement .system-path__intro {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: end !important;
  gap: 28px !important;
  width: 100% !important;
  margin: 0 0 clamp(34px, 4vw, 58px) !important;
  padding: 0 !important;
  color: #111 !important;
}

body[data-page="home"] #app#app#app#app#app#app #system-statement :is(.system-path__eyebrow, .system-path__route, .system-path__route span) {
  color: rgba(17, 17, 17, .58) !important;
}

body[data-page="home"] #app#app#app#app#app#app #system-statement .system-path__intro h2 {
  max-width: 780px !important;
  margin: 10px 0 0 !important;
  color: #111 !important;
  font: 650 clamp(48px, 6.2vw, 92px)/.88 'Geist', sans-serif !important;
  letter-spacing: -.065em !important;
  text-transform: none !important;
}

body[data-page="home"] #app#app#app#app#app#app #system-statement .system-path__intro h2 span { color: #111 !important; }
body[data-page="home"] #app#app#app#app#app#app #system-statement .system-path__line { background: rgba(17, 17, 17, .2) !important; }

body[data-page="home"] .scan-board {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 28px;
}

body[data-page="home"] .scan-card {
  position: relative;
  min-width: 0;
  min-height: 404px;
  padding: 24px;
  border: 1px solid rgba(17, 17, 17, .06);
  border-radius: 20px;
  background: #fff;
  color: #111;
  box-shadow: 0 1px 2px rgba(0, 0, 0, .04), 0 10px 30px rgba(0, 0, 0, .06);
  font-family: 'Geist', sans-serif;
}

body[data-page="home"] .scan-card__connectors {
  position: absolute;
  z-index: 0;
  inset: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

body[data-page="home"] .scan-card__connectors path {
  fill: none;
  stroke: rgba(17, 17, 17, .2);
  stroke-width: 1;
  stroke-dasharray: 4 5;
  stroke-dashoffset: 30;
  opacity: 0;
}

body[data-page="home"] .scan-card :is(.scan-card__profile, .scan-card__signals, .scan-card__fit, .scan-card__cta) {
  position: relative;
  z-index: 1;
  transition: box-shadow .68s ease-in-out;
}

body[data-page="home"] .scan-card__profile {
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
  min-height: 56px;
  padding: 6px;
  border-radius: 12px;
}

body[data-page="home"] .scan-card__profile img {
  width: 44px;
  height: 44px;
  border-radius: 10px;
  object-fit: cover;
  background: #f6f7f8;
}

body[data-page="home"] .scan-card__profile span { min-width: 0; }
body[data-page="home"] .scan-card__profile strong { display: block; overflow: hidden; color: #111; font-size: 15px; font-weight: 650; line-height: 1.2; text-overflow: ellipsis; white-space: nowrap; }
body[data-page="home"] .scan-card__profile small { display: block; overflow: hidden; margin-top: 4px; color: rgba(17, 17, 17, .56); font-size: 12px; line-height: 1.25; text-overflow: ellipsis; white-space: nowrap; }
body[data-page="home"] .scan-card__profile em { align-self: start; padding: 6px 8px; border-radius: 999px; background: #f6f7f8; color: rgba(17, 17, 17, .64); font-size: 10px; font-style: normal; line-height: 1; white-space: nowrap; }

body[data-page="home"] .scan-card__signals { min-height: 50px; margin-top: 22px; padding: 8px; border-radius: 12px; }
body[data-page="home"] .scan-card__signals span { display: inline-flex; align-items: center; gap: 8px; min-height: 32px; padding: 7px 12px; border: 1px solid rgba(17, 17, 17, .08); border-radius: 999px; background: #fff; color: #111; font-size: 12px; line-height: 1; }
body[data-page="home"] .scan-card svg:not(.scan-card__connectors) { width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }

body[data-page="home"] .scan-card__fit {
  margin-top: 14px;
  padding: 14px 16px;
  border-radius: 12px;
  background: #f6f7f8;
}

body[data-page="home"] .scan-card__fit h3 { margin: 0 0 8px; color: rgba(17, 17, 17, .56); font: 550 11px/1.2 'Geist', sans-serif; letter-spacing: .02em; text-transform: uppercase; }
body[data-page="home"] .scan-card__fit p { display: flex; align-items: center; gap: 9px; min-height: 32px; margin: 0; border-top: 1px solid rgba(17, 17, 17, .06); color: #111; font-size: 12px; line-height: 1.25; }
body[data-page="home"] .scan-card__fit p:first-of-type { border-top: 0; }

body[data-page="home"] #app#app#app#app#app#app .scan-card__cta {
  display: flex !important;
  align-items: center;
  justify-content: space-between;
  min-height: 44px;
  margin-top: 18px;
  padding: 0 14px !important;
  border: 0 !important;
  border-radius: 12px !important;
  background: #111 !important;
  color: #fff !important;
  font-size: 13px;
  font-weight: 600;
  line-height: 1;
  text-decoration: none;
}

@media (prefers-reduced-motion: no-preference) {
  body[data-page="home"] .scan-card[data-scan-step-active="0"] [data-scan-step="0"],
  body[data-page="home"] .scan-card[data-scan-step-active="2"] [data-scan-step="2"] { box-shadow: 0 0 0 2px #d4622c, 0 0 0 7px rgba(212, 98, 44, .1); }
  body[data-page="home"] .scan-card[data-scan-step-active="1"] [data-scan-step="1"],
  body[data-page="home"] .scan-card[data-scan-step-active="3"] [data-scan-step="3"] { box-shadow: 0 0 0 2px #7eaddb, 0 0 0 7px rgba(126, 173, 219, .12); }
  body[data-page="home"] .scan-card[data-scan-step-active="0"] [data-scan-line="0"],
  body[data-page="home"] .scan-card[data-scan-step-active="1"] [data-scan-line="1"],
  body[data-page="home"] .scan-card[data-scan-step-active="2"] [data-scan-line="2"],
  body[data-page="home"] .scan-card[data-scan-step-active="3"] [data-scan-line="3"] { animation: scan-line-draw .68s ease-in-out both; }
}

@keyframes scan-line-draw { from { opacity: 0; stroke-dashoffset: 30; } 35%, to { opacity: 1; stroke-dashoffset: 0; } }

/* Compact profile cards retain the existing slider controls and mechanics. */
body[data-page="home"] #app#app#app#app#app#app ._03 .aud-slider { gap: 22px !important; }
body[data-page="home"] #app#app#app#app#app#app ._03 .aud-slider__viewport { height: 430px !important; scroll-padding-inline: 16px !important; }
body[data-page="home"] #app#app#app#app#app#app ._03 .aud__grid { align-items: center !important; height: 430px !important; gap: 28px !important; padding: 12px 16px 22px !important; }
body[data-page="home"] #app#app#app#app#app#app ._03 .aud__item { flex: 0 0 min(470px, calc(100vw - 80px)) !important; width: min(470px, calc(100vw - 80px)) !important; height: 380px !important; }
body[data-page="home"] #app#app#app#app#app#app ._03 .aud__card {
  display: flex !important;
  flex-direction: column !important;
  gap: 0 !important;
  width: 100% !important;
  height: 380px !important;
  min-height: 380px !important;
  padding: 24px !important;
  border: 1px solid rgba(17, 17, 17, .06) !important;
  border-radius: 20px !important;
  background: #fff !important;
  color: #111 !important;
  box-shadow: 0 1px 2px rgba(0, 0, 0, .04), 0 10px 30px rgba(0, 0, 0, .06) !important;
  transform: none !important;
}

body[data-page="home"] #app#app#app#app#app#app ._03 .aud__profile { display: grid; grid-template-columns: 52px minmax(0, 1fr) auto; align-items: center; gap: 12px; }
body[data-page="home"] #app#app#app#app#app#app ._03 .aud__media { position: static !important; grid-column: auto !important; grid-row: auto !important; width: 52px !important; height: 52px !important; margin: 0 !important; border-radius: 10px !important; background: #f6f7f8 !important; box-shadow: none !important; }
body[data-page="home"] #app#app#app#app#app#app ._03 .aud__media img { display: block !important; width: 100% !important; height: 100% !important; border-radius: inherit !important; object-fit: cover !important; object-position: center 30% !important; animation: none !important; }
body[data-page="home"] #app#app#app#app#app#app ._03 .aud__brand { display: block !important; margin: 0 0 4px !important; color: rgba(17, 17, 17, .5) !important; font: 550 11px/1 'Geist', sans-serif !important; letter-spacing: .02em !important; text-transform: uppercase !important; }
body[data-page="home"] #app#app#app#app#app#app ._03 .aud__name { grid-column: auto !important; grid-row: auto !important; align-self: auto !important; margin: 0 !important; padding: 0 !important; color: #111 !important; font: 650 16px/1.15 'Geist', sans-serif !important; letter-spacing: -.025em !important; }
body[data-page="home"] #app#app#app#app#app#app ._03 .aud__status { align-self: start; padding: 6px 9px; border-radius: 999px; background: #f6f7f8; color: rgba(17, 17, 17, .62); font: 550 10px/1 'Geist', sans-serif; white-space: nowrap; }
body[data-page="home"] #app#app#app#app#app#app ._03 .aud__copy { grid-column: auto !important; grid-row: auto !important; align-self: auto !important; margin: 28px 0 20px !important; padding: 0 !important; color: #111 !important; opacity: 1 !important; font: 520 19px/1.28 'Geist', sans-serif !important; letter-spacing: -.025em !important; }
body[data-page="home"] ._03 .aud__fit { padding: 8px 14px; border-radius: 12px; background: #f6f7f8; }
body[data-page="home"] ._03 .aud__fit p { display: flex; align-items: center; gap: 9px; min-height: 38px; margin: 0; border-top: 1px solid rgba(17, 17, 17, .06); color: #111; font: 450 13px/1.2 'Geist', sans-serif; }
body[data-page="home"] ._03 .aud__fit p:first-child { border-top: 0; }
body[data-page="home"] ._03 .aud__fit svg,
body[data-page="home"] ._03 .aud__footer svg { width: 16px; height: 16px; fill: none; stroke: #111; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }
body[data-page="home"] ._03 .aud__footer { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-top: auto; padding-top: 18px; }
body[data-page="home"] ._03 .aud__pill { display: inline-flex; align-items: center; min-height: 30px; padding: 0 11px; border: 1px solid rgba(17, 17, 17, .09); border-radius: 999px; color: rgba(17, 17, 17, .68); font: 500 11px/1 'Geist', sans-serif; }

@media (max-width: 1023px) {
  body[data-page="home"] .scan-board { grid-template-columns: 1fr; }
  body[data-page="home"] .scan-card { width: min(470px, 100%); margin-inline: auto; }
}

@media (max-width: 767px) {
  body[data-page="home"] #app#app#app#app#app#app #system-statement { margin-inline: 12px !important; padding: 38px 12px 44px !important; border-radius: 24px !important; }
  body[data-page="home"] #app#app#app#app#app#app #system-statement .system-path__intro { grid-template-columns: 1fr !important; }
  body[data-page="home"] #app#app#app#app#app#app #system-statement .system-path__intro h2 { font-size: clamp(46px, 14vw, 62px) !important; }
  body[data-page="home"] #app#app#app#app#app#app #system-statement .system-path__route { justify-self: start !important; }
  body[data-page="home"] .scan-board { gap: 18px; }
  body[data-page="home"] .scan-card { min-height: 396px; padding: 20px; }
  body[data-page="home"] .scan-card__profile { grid-template-columns: 44px minmax(0, 1fr); }
  body[data-page="home"] .scan-card__profile em { grid-column: 2; justify-self: start; }
  body[data-page="home"] #app#app#app#app#app#app ._03 .aud-slider__viewport,
  body[data-page="home"] #app#app#app#app#app#app ._03 .aud__grid { height: 430px !important; }
  body[data-page="home"] #app#app#app#app#app#app ._03 .aud__item { flex-basis: calc(100vw - 80px) !important; width: calc(100vw - 80px) !important; height: 380px !important; }
  body[data-page="home"] #app#app#app#app#app#app ._03 .aud__card { height: 380px !important; min-height: 380px !important; padding: 20px !important; }
  body[data-page="home"] #app#app#app#app#app#app ._03 .aud__profile { grid-template-columns: 48px minmax(0, 1fr); }
  body[data-page="home"] #app#app#app#app#app#app ._03 .aud__media { width: 48px !important; height: 48px !important; }
  body[data-page="home"] #app#app#app#app#app#app ._03 .aud__status { grid-column: 2; justify-self: start; }
  body[data-page="home"] #app#app#app#app#app#app ._03 .aud__copy { margin: 20px 0 16px !important; font-size: 17px !important; }
}

@media (prefers-reduced-motion: reduce) {
  body[data-page="home"] .scan-board *,
  body[data-page="home"] ._03 .aud-slider * { animation: none !important; transition: none !important; transform: none !important; }
  body[data-page="home"] .scan-card__connectors path { opacity: 0 !important; stroke-dashoffset: 0 !important; }
}



/* Final collision fixes for legacy element selectors. */
body[data-page="home"] #app#app#app#app#app#app #system-statement .system-path__intro {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  text-align: center !important;
}
body[data-page="home"] #app#app#app#app#app#app #system-statement .system-path__intro h2 { max-width: 980px !important; }
body[data-page="home"] #app#app#app#app#app#app #system-statement .system-path__route { justify-self: auto !important; }
body[data-page="home"] #app#app#app#app#app#app #system-statement .system-path__eyebrow { border-color: rgba(17, 17, 17, .18) !important; background: transparent !important; }
body[data-page="home"] #app#app#app#app#app#app #system-statement .scan-card__fit :is(h3, p),
body[data-page="home"] #app#app#app#app#app#app #system-statement .scan-card__fit svg { color: #111 !important; stroke: #111 !important; }
body[data-page="home"] #app#app#app#app#app#app ._03 .aud__profile,
body[data-page="home"] #app#app#app#app#app#app ._03 .aud__footer { position: static !important; inset: auto !important; width: auto !important; height: auto !important; min-height: 0 !important; padding: 0 !important; background: transparent !important; }
body[data-page="home"] #app#app#app#app#app#app ._03 .aud__profile > div { min-width: 0; }
body[data-page="home"] #app#app#app#app#app#app ._03 .aud-slider__button svg path { fill: currentColor !important; }

@media (prefers-reduced-motion: reduce) {
  body[data-page="home"] .aud-slider__toggle { display: none !important; }
}

/* Ensure only one scan focus is visible at a time. */
body[data-page="home"] .scan-card :is(.scan-card__profile, .scan-card__signals, .scan-card__fit, .scan-card__cta) { transition: none !important; }
@media (prefers-reduced-motion: no-preference) {
  body[data-page="home"] .scan-card[data-scan-step-active="0"] [data-scan-step="0"],
  body[data-page="home"] .scan-card[data-scan-step-active="2"] [data-scan-step="2"] { --scan-ring: #d4622c; --scan-glow: rgba(212, 98, 44, .1); animation: scan-focus .68s ease-in-out both; }
  body[data-page="home"] .scan-card[data-scan-step-active="1"] [data-scan-step="1"],
  body[data-page="home"] .scan-card[data-scan-step-active="3"] [data-scan-step="3"] { --scan-ring: #7eaddb; --scan-glow: rgba(126, 173, 219, .12); animation: scan-focus .68s ease-in-out both; }
}
@keyframes scan-focus { from { box-shadow: 0 0 0 0 var(--scan-ring), 0 0 0 0 transparent; } 35%, to { box-shadow: 0 0 0 2px var(--scan-ring), 0 0 0 7px var(--scan-glow); } }

/* Product interfaces for the homepage capability panels. */
body[data-page="home"] #app#app#app#app#app#app .sections .section > .flat-preview:has(.product-ui) {
  height: clamp(460px, 40vw, 560px) !important; min-height: clamp(460px, 40vw, 560px) !important; max-height: 560px !important;
  padding: clamp(10px, 1.2vw, 16px) !important; background: var(--c-paper) !important;
}
body[data-page="home"] #app#app#app#app#app#app .product-ui {
  --white: var(--c-paper);
  --carbon: var(--c-ink);
  --p-line: color-mix(in srgb, var(--carbon) 11%, transparent);
  --p-muted: color-mix(in srgb, var(--carbon) 58%, transparent);
  --p-soft: color-mix(in srgb, var(--white) 92%, var(--carbon));
  display: flex; flex: 1 1 auto !important; flex-direction: column; width: 100%; max-width: 920px;
  height: 100% !important; min-height: 0 !important; max-height: 100% !important; overflow: hidden; border: 1px solid var(--p-line);
  border-radius: calc(var(--r-lg) - 2px); background: var(--p-soft);
  box-shadow: 0 18px 44px color-mix(in srgb, var(--carbon) 9%, transparent);
  color: var(--carbon); font-family: 'Geist', sans-serif; text-align: left;
}
body[data-page="home"] .product-ui *, body[data-page="home"] .product-ui *::before, body[data-page="home"] .product-ui *::after { box-sizing: border-box; }
body[data-page="home"] .product-ui :is(strong,b,small,span,em,p,header,footer) { font-family: inherit; font-style: normal; }
body[data-page="home"] #app#app#app#app#app#app .product-ui header { position: static !important; inset: auto !important; z-index: auto !important; width: auto !important; min-height: 0 !important; box-shadow: none !important; backdrop-filter: none !important; }
body[data-page="home"] .product-ui small { color: var(--p-muted); font-size: 10px; font-weight: 500; letter-spacing: .01em; }
body[data-page="home"] .product-ui__bar { display: flex; align-items: center; gap: 12px; min-height: 74px; padding: 13px 16px; border-bottom: 1px solid var(--p-line); background: var(--white); }
body[data-page="home"] .product-ui__bar > img, body[data-page="home"] .product-ui__brand > img { flex: 0 0 auto; width: 42px; height: 42px; border-radius: 50%; object-fit: cover; }
body[data-page="home"] .product-ui__brand { display: flex; align-items: center; gap: 10px; min-width: 0; margin-right: auto; font-size: 14px; font-weight: 700; letter-spacing: -.02em; }
body[data-page="home"] .product-ui__brand > span:last-child { display: grid; gap: 3px; min-width: 0; }
body[data-page="home"] .product-ui__mark { display: grid; flex: 0 0 42px; width: 42px; height: 42px; place-items: center; border-radius: 13px; background: var(--carbon); color: var(--white); font-size: 11px; }
body[data-page="home"] :is(.product-ui__live,.product-ui__build,.product-ui__period,.product-ui__sync) { display: inline-flex; align-items: center; gap: 6px; min-height: 28px; padding: 6px 9px; border: 1px solid var(--p-line); border-radius: 999px; background: var(--white); font-size: 9px; font-weight: 650; white-space: nowrap; }
body[data-page="home"] .product-ui__live i { width: 6px; height: 6px; border-radius: 50%; background: var(--burnt-orange); }
body[data-page="home"] .product-ui button, body[data-page="home"] .product-ui__insight a { display: inline-flex; align-items: center; justify-content: center; min-height: 32px; padding: 7px 11px; border: 0; border-radius: 10px; background: var(--carbon); color: var(--white); font: 650 10px/1 'Geist',sans-serif; text-decoration: none; }

body[data-page="home"] .product-ui__body { display: grid; grid-template-columns: 112px minmax(0,1fr); min-height: 0; flex: 1; }
body[data-page="home"] .product-ui__rail { display: flex; flex-direction: column; gap: 9px; padding: 18px 12px; border-right: 1px solid var(--p-line); background: color-mix(in srgb,var(--white) 96%,var(--carbon)); }
body[data-page="home"] .product-ui__rail :is(b,span) { padding: 8px 9px; border-radius: 9px; font-size: 10px; font-weight: 560; }
body[data-page="home"] .product-ui__rail b { background: var(--carbon); color: var(--white); }
body[data-page="home"] .product-ui__workspace { display: flex; flex-direction: column; gap: 14px; min-width: 0; padding: 18px; }
body[data-page="home"] .product-ui__heading { display: flex; align-items: flex-end; justify-content: space-between; gap: 16px; }
body[data-page="home"] .product-ui__heading > span { display: grid; gap: 4px; }
body[data-page="home"] .product-ui__heading strong { font-size: clamp(16px,1.8vw,24px); letter-spacing: -.04em; }
body[data-page="home"] :is(.product-ui__metrics,.product-dashboard__metrics,.product-system__stats) { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 10px; }
body[data-page="home"] :is(.product-ui__metrics article,.product-dashboard__metrics article,.product-system__stats p) { display: grid; gap: 6px; min-width: 0; margin: 0; padding: 13px; border: 1px solid var(--p-line); border-radius: 14px; background: var(--white); }
body[data-page="home"] :is(.product-ui__metrics,.product-dashboard__metrics,.product-system__stats) strong { font-size: clamp(18px,2.1vw,30px); letter-spacing: -.055em; }
body[data-page="home"] :is(.product-ui__metrics,.product-dashboard__metrics) article > span { color: var(--p-muted); font-size: 9px; }
body[data-page="home"] .product-ui__split { display: grid; grid-template-columns: minmax(0,1.4fr) minmax(160px,.7fr); gap: 10px; min-height: 0; flex: 1; }
body[data-page="home"] :is(.product-ui__activity,.product-ui__insight,.product-flow,.product-dashboard__chart,.product-dashboard__queue) { min-width: 0; padding: 14px; border: 1px solid var(--p-line); border-radius: 14px; background: var(--white); }
body[data-page="home"] :is(.product-ui__activity,.product-dashboard__queue) header { display: flex; justify-content: space-between; gap: 12px; padding-bottom: 10px; font-size: 11px; }
body[data-page="home"] :is(.product-ui__activity,.product-dashboard__queue) header span { color: var(--p-muted); font-size: 9px; }
body[data-page="home"] :is(.product-ui__activity,.product-dashboard__queue) p { display: grid; grid-template-columns: 1fr auto; gap: 3px 10px; margin: 0; padding: 10px 0; border-top: 1px solid var(--p-line); }
body[data-page="home"] :is(.product-ui__activity,.product-dashboard__queue) p b { font-size: 10px; }
body[data-page="home"] .product-ui__activity p small { grid-column: 1; }
body[data-page="home"] :is(.product-ui__activity,.product-dashboard__queue) p em { grid-column: 2; grid-row: 1 / span 2; align-self: center; padding: 5px 7px; border-radius: 999px; background: var(--p-soft); font-size: 8px; }
body[data-page="home"] .product-ui__insight { display: flex; flex-direction: column; gap: 8px; }
body[data-page="home"] .product-ui__insight strong { font-size: 15px; letter-spacing: -.03em; }
body[data-page="home"] .product-ui__insight > div { height: 7px; margin-top: auto; overflow: hidden; border-radius: 999px; background: var(--p-soft); }
body[data-page="home"] .product-ui__insight > div i { display: block; width: var(--value); height: 100%; border-radius: inherit; background: var(--burnt-orange); }
body[data-page="home"] .product-ui__insight > span { color: var(--p-muted); font-size: 9px; }
body[data-page="home"] .product-ui__insight a { margin-top: auto; }

body[data-page="home"] .product-ui__app-grid { display: grid; grid-template-columns: minmax(190px,.72fr) minmax(0,1.28fr); gap: 14px; min-height: 0; padding: 16px; flex: 1; }
body[data-page="home"] .product-phone { display: flex; flex-direction: column; min-height: 0; padding: 13px; border-radius: 20px; background: var(--carbon); color: var(--white); }
body[data-page="home"] .product-phone header { display: flex; justify-content: space-between; font-size: 9px; }
body[data-page="home"] .product-phone__hello { margin: 18px 0 10px; color: color-mix(in srgb,var(--white) 68%,transparent); font-size: 10px; }
body[data-page="home"] .product-phone__balance { display: grid; gap: 8px; padding: 16px; border-radius: 16px; background: var(--burnt-orange); }
body[data-page="home"] .product-phone__balance small { color: color-mix(in srgb,var(--white) 78%,transparent); }
body[data-page="home"] .product-phone__balance strong { font-size: clamp(19px,2.1vw,28px); letter-spacing: -.055em; }
body[data-page="home"] .product-phone__balance span { font-size: 9px; }
body[data-page="home"] .product-phone__actions { display: grid; grid-template-columns: repeat(3,1fr); gap: 7px; margin-top: 12px; }
body[data-page="home"] .product-phone__actions span { padding: 9px 4px; border: 1px solid color-mix(in srgb,var(--white) 20%,transparent); border-radius: 10px; font-size: 8px; text-align: center; }
body[data-page="home"] .product-phone__nav { display: flex; justify-content: space-between; gap: 5px; margin-top: auto; padding-top: 12px; border-top: 1px solid color-mix(in srgb,var(--white) 16%,transparent); font-size: 8px; }
body[data-page="home"] .product-flow { display: flex; flex-direction: column; gap: 10px; }
body[data-page="home"] .product-flow > header { display: flex; justify-content: space-between; gap: 12px; }
body[data-page="home"] .product-flow > header span { display: grid; gap: 4px; }
body[data-page="home"] .product-flow > header strong { font-size: 16px; letter-spacing: -.035em; }
body[data-page="home"] .product-flow > header em { align-self: start; padding: 5px 7px; border-radius: 999px; background: var(--p-soft); font-size: 8px; }
body[data-page="home"] .product-flow__person { display: grid; grid-template-columns: 42px 1fr auto; align-items: center; gap: 10px; padding: 11px; border: 1px solid var(--p-line); border-radius: 13px; }
body[data-page="home"] .product-flow__person img { width: 42px; height: 42px; border-radius: 50%; object-fit: cover; }
body[data-page="home"] .product-flow__person span { display: grid; gap: 3px; }
body[data-page="home"] .product-flow__person :is(strong,b) { font-size: 10px; }
body[data-page="home"] .product-flow__checks { display: grid; gap: 5px; }
body[data-page="home"] .product-flow__checks p { display: flex; align-items: center; gap: 7px; margin: 0; padding: 7px 9px; border-radius: 9px; background: var(--p-soft); font-size: 9px; }
body[data-page="home"] :is(.product-flow__checks,.product-flow__confirm) i { display: grid; width: 17px; height: 17px; place-items: center; border-radius: 50%; background: var(--carbon); color: var(--white); font-size: 8px; }
body[data-page="home"] .product-flow__confirm { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: auto; padding: 11px; border-radius: 13px; background: var(--sand); }
body[data-page="home"] .product-flow__confirm > span { display: flex; align-items: center; gap: 7px; font-size: 9px; }

body[data-page="home"] .product-dashboard { display: flex; flex-direction: column; gap: 12px; min-height: 0; padding: 16px; flex: 1; }
body[data-page="home"] .product-dashboard__main { display: grid; grid-template-columns: minmax(0,1.08fr) minmax(0,.92fr); gap: 10px; min-height: 0; flex: 1; }
body[data-page="home"] .product-dashboard__chart { display: flex; flex-direction: column; }
body[data-page="home"] .product-dashboard__chart header { display: flex; justify-content: space-between; gap: 10px; }
body[data-page="home"] .product-dashboard__chart header span { display: grid; gap: 3px; }
body[data-page="home"] .product-dashboard__chart header strong { font-size: 16px; }
body[data-page="home"] .product-dashboard__chart header em { font-size: 9px; color: var(--p-muted); }
body[data-page="home"] .product-chart { display: flex; align-items: end; gap: clamp(5px,1vw,12px); height: 120px; margin-top: auto; padding-top: 14px; border-bottom: 1px solid var(--p-line); }
body[data-page="home"] .product-chart i { width: 100%; height: var(--h); border-radius: 6px 6px 0 0; background: var(--burnt-orange); opacity: .72; transform-origin: center bottom; }
body[data-page="home"] .product-chart i:nth-child(even) { opacity: .34; }
body[data-page="home"] .product-dashboard__axis { display: flex; justify-content: space-between; padding-top: 7px; color: var(--p-muted); font-size: 7px; }
body[data-page="home"] .product-dashboard__queue { display: flex; flex-direction: column; }
body[data-page="home"] .product-dashboard__queue p span { display: grid; gap: 3px; }

body[data-page="home"] .product-system { display: grid; grid-template-columns: 52px minmax(0,1fr); min-height: 0; flex: 1; }
body[data-page="home"] .product-system > aside { display: flex; flex-direction: column; align-items: center; gap: 12px; padding: 14px 8px; background: var(--carbon); color: var(--white); }
body[data-page="home"] .product-system > aside b { display: grid; width: 32px; height: 32px; place-items: center; margin-bottom: 8px; border-radius: 10px; background: var(--burnt-orange); font-size: 8px; }
body[data-page="home"] .product-system > aside span { display: grid; width: 28px; height: 28px; place-items: center; border-radius: 9px; background: color-mix(in srgb,var(--white) 9%,transparent); font-size: 10px; }
body[data-page="home"] .product-system__workspace { display: flex; flex-direction: column; gap: 10px; min-width: 0; padding: 14px; }
body[data-page="home"] .product-system__workspace > header { display: flex; align-items: end; justify-content: space-between; gap: 12px; }
body[data-page="home"] .product-system__workspace > header span { display: grid; gap: 3px; }
body[data-page="home"] .product-system__workspace > header strong { font-size: 17px; letter-spacing: -.04em; }
body[data-page="home"] .product-system__stats p { padding: 9px 11px; }
body[data-page="home"] .product-system__stats strong { font-size: 18px; }
body[data-page="home"] .product-board { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 8px; min-height: 0; flex: 1; }
body[data-page="home"] .product-board > section { display: flex; flex-direction: column; gap: 7px; min-width: 0; padding: 9px; border-radius: 13px; background: color-mix(in srgb,var(--white) 88%,var(--carbon)); }
body[data-page="home"] .product-board > section > header { display: flex; justify-content: space-between; padding: 2px 2px 6px; font-size: 9px; }
body[data-page="home"] .product-board > section > header span { color: var(--p-muted); }
body[data-page="home"] .product-board article { position: relative; display: grid; gap: 5px; padding: 10px; border: 1px solid var(--p-line); border-radius: 11px; background: var(--white); }
body[data-page="home"] .product-board article strong { overflow: hidden; font-size: 9px; text-overflow: ellipsis; white-space: nowrap; }
body[data-page="home"] .product-board article small { font-size: 8px; }
body[data-page="home"] .product-board article em { width: max-content; padding: 4px 6px; border-radius: 999px; background: var(--sand); font-size: 7px; }
body[data-page="home"] .product-board article img { position: absolute; top: 8px; right: 8px; width: 24px; height: 24px; border: 2px solid var(--white); border-radius: 50%; object-fit: cover; }

body[data-page="home"] .product-ui [data-product-step] { outline: 2px solid transparent; outline-offset: 3px; transition: outline-color 240ms var(--ease-out),box-shadow 240ms var(--ease-out),transform 240ms var(--ease-out),background-color 240ms var(--ease-out); }
body[data-page="home"] .product-ui [data-product-step].is-product-active { outline-color: var(--burnt-orange); box-shadow: 0 10px 24px color-mix(in srgb,var(--burnt-orange) 16%,transparent); transform: translateY(-2px); }
body[data-page="home"] .product-ui[data-product-stage="3"] [data-product-status] { background: var(--carbon); color: var(--white); }

@media (prefers-reduced-motion: no-preference) {
  body[data-page="home"] .flat-preview:not(.is-flat-active) .product-ui { opacity: 0; transform: translateY(16px); }
  body[data-page="home"] .flat-preview.is-flat-active .product-ui { opacity: 1; transform: none; transition: opacity 600ms var(--ease-out),transform 600ms var(--ease-out); }
  body[data-page="home"] .flat-preview:not(.is-flat-active) .product-chart i { transform: scaleY(0); }
  body[data-page="home"] .flat-preview.is-flat-active .product-chart i { transform: scaleY(1); transition: transform 700ms var(--ease-out); }
  body[data-page="home"] .flat-preview.is-flat-active .product-chart i:nth-child(2) { transition-delay: 60ms; }
  body[data-page="home"] .flat-preview.is-flat-active .product-chart i:nth-child(3) { transition-delay: 120ms; }
  body[data-page="home"] .flat-preview.is-flat-active .product-chart i:nth-child(4) { transition-delay: 180ms; }
  body[data-page="home"] .flat-preview.is-flat-active .product-chart i:nth-child(5) { transition-delay: 240ms; }
  body[data-page="home"] .flat-preview.is-flat-active .product-chart i:nth-child(6) { transition-delay: 300ms; }
  body[data-page="home"] .flat-preview.is-flat-active .product-chart i:nth-child(7) { transition-delay: 360ms; }
}

@media (max-width: 1023px) {
  body[data-page="home"] #app#app#app#app#app#app .sections .section > .flat-preview:has(.product-ui) { height: 470px !important; min-height: 470px !important; max-height: 470px !important; }
  body[data-page="home"] .product-ui__body { grid-template-columns: 86px minmax(0,1fr); }
  body[data-page="home"] .product-ui__rail { padding-inline: 8px; }
  body[data-page="home"] .product-ui__rail :is(b,span) { padding-inline: 6px; font-size: 8px; }
  body[data-page="home"] .product-ui__workspace { padding: 12px; }
  body[data-page="home"] .product-ui__app-grid { grid-template-columns: minmax(150px,.68fr) minmax(0,1.32fr); padding: 12px; }
  body[data-page="home"] .product-flow__checks p:nth-child(2), body[data-page="home"] .product-board > section article:nth-of-type(2) { display: none; }
}

@media (max-width: 767px) {
  body[data-page="home"] #app#app#app#app#app#app .sections .section > .flat-preview:has(.product-ui) { height: 430px !important; min-height: 430px !important; max-height: 430px !important; padding: 8px !important; }
  body[data-page="home"] #app#app#app#app#app#app .product-ui { border-radius: 14px; }
  body[data-page="home"] .product-ui__bar { min-height: 62px; padding: 9px 10px; }
  body[data-page="home"] .product-ui__bar > img, body[data-page="home"] .product-ui__brand > img, body[data-page="home"] .product-ui__mark { width: 34px; height: 34px; flex-basis: 34px; border-radius: 10px; }
  body[data-page="home"] .product-ui__brand { font-size: 11px; }
  body[data-page="home"] :is(.product-ui__period,.product-ui__sync) { display: none; }
  body[data-page="home"] .product-ui__body { grid-template-columns: 1fr; }
  body[data-page="home"] .product-ui__rail, body[data-page="home"] .product-ui__heading button { display: none; }
  body[data-page="home"] .product-ui__workspace { gap: 9px; padding: 10px; }
  body[data-page="home"] :is(.product-ui__metrics,.product-dashboard__metrics,.product-system__stats) { gap: 6px; }
  body[data-page="home"] :is(.product-ui__metrics article,.product-dashboard__metrics article,.product-system__stats p) { padding: 9px; }
  body[data-page="home"] :is(.product-ui__metrics,.product-dashboard__metrics) article:nth-child(3) { display: none; }
  body[data-page="home"] :is(.product-ui__metrics,.product-dashboard__metrics) { grid-template-columns: repeat(2,minmax(0,1fr)); }
  body[data-page="home"] .product-ui__split { grid-template-columns: 1fr; }
  body[data-page="home"] .product-ui__insight { display: none; }
  body[data-page="home"] .product-ui__app-grid { grid-template-columns: minmax(120px,.78fr) minmax(0,1.22fr); gap: 8px; padding: 9px; }
  body[data-page="home"] .product-phone { padding: 10px; border-radius: 15px; }
  body[data-page="home"] .product-phone__hello { margin-top: 10px; }
  body[data-page="home"] .product-phone__balance { padding: 11px; }
  body[data-page="home"] .product-phone__actions span:nth-child(3), body[data-page="home"] .product-phone__nav, body[data-page="home"] .product-flow > header em, body[data-page="home"] .product-flow__checks { display: none; }
  body[data-page="home"] .product-phone__actions { grid-template-columns: repeat(2,1fr); }
  body[data-page="home"] .product-flow { gap: 7px; padding: 10px; }
  body[data-page="home"] .product-flow__person { grid-template-columns: 34px 1fr; padding: 8px; }
  body[data-page="home"] .product-flow__person img { width: 34px; height: 34px; }
  body[data-page="home"] .product-flow__person > b { grid-column: 2; }
  body[data-page="home"] .product-flow__confirm { display: grid; padding: 8px; }
  body[data-page="home"] .product-dashboard { padding: 10px; }
  body[data-page="home"] .product-dashboard__main { grid-template-columns: 1fr; }
  body[data-page="home"] .product-dashboard__queue { display: none; }
  body[data-page="home"] .product-chart { height: 115px; }
  body[data-page="home"] .product-system { grid-template-columns: 38px minmax(0,1fr); }
  body[data-page="home"] .product-system > aside { gap: 8px; padding-inline: 5px; }
  body[data-page="home"] .product-system > aside span:last-child, body[data-page="home"] .product-system__workspace > header button { display: none; }
  body[data-page="home"] .product-system__workspace { padding: 9px; }
  body[data-page="home"] .product-board { gap: 5px; }
  body[data-page="home"] .product-board > section { gap: 5px; padding: 6px; }
  body[data-page="home"] .product-board article { padding: 8px; }
  body[data-page="home"] .product-board article small { display: none; }
}

@media (prefers-reduced-motion: reduce) {
  body[data-page="home"] .product-ui, body[data-page="home"] .product-ui *, body[data-page="home"] .product-ui *::before, body[data-page="home"] .product-ui *::after { animation: none !important; transition: none !important; transform: none !important; }
  body[data-page="home"] .product-ui [data-product-step] { outline-color: transparent !important; box-shadow: none !important; }
}

/* PhantomBuster-informed refinement: restrained type, line icons and quiet product motion. */
body[data-page="home"] #app#app#app#app#app#app .sections .section:is(.section-presence,.section-products,.section-systems,.section-system-apps,.section-automation,.section-core-agents) > .header {
  font-size: 12px !important; font-weight: 500 !important; letter-spacing: .08em !important;
}
body[data-page="home"] #app#app#app#app#app#app .sections .section:is(.section-presence,.section-products,.section-systems,.section-system-apps,.section-automation,.section-core-agents) > .title {
  max-width: 12ch; font-size: clamp(44px,6.15vw,88px) !important; font-weight: 400 !important; line-height: .96 !important;
  letter-spacing: -.055em !important; text-transform: none !important;
}
body[data-page="home"] #app#app#app#app#app#app .sections .section:is(.section-presence,.section-products,.section-systems,.section-system-apps,.section-automation,.section-core-agents) .text-wrap .description {
  max-width: 39ch; font-size: clamp(16px,1.35vw,19px) !important; font-weight: 400 !important; line-height: 1.45 !important; letter-spacing: -.018em !important;
}
body[data-page="home"] #app#app#app#app#app#app .sections .section:is(.section-presence,.section-products,.section-systems,.section-system-apps,.section-automation,.section-core-agents) .text-wrap .list .title {
  font-size: 15px !important; font-weight: 450 !important; line-height: 1.35 !important; letter-spacing: -.012em !important;
}
body[data-page="home"] .product-ui :is(strong,b) { font-weight: 540; }
body[data-page="home"] .product-ui small { font-size: 11px; font-weight: 400; line-height: 1.35; }
body[data-page="home"] .product-ui__brand { font-size: 15px; font-weight: 520; }
body[data-page="home"] .product-ui__mark { border: 1px solid var(--p-line); border-radius: 12px; background: var(--white); color: var(--carbon); }
body[data-page="home"] :is(.product-ui__mark,.product-ui__icon,.product-system > aside span) svg { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
body[data-page="home"] :is(.product-ui__live,.product-ui__build,.product-ui__period,.product-ui__sync) { border-radius: 8px; font-size: 10px; font-weight: 450; }
body[data-page="home"] .product-ui button, body[data-page="home"] .product-ui__insight a { border-radius: 8px; font-weight: 500; font-size: 11px; }
body[data-page="home"] .product-ui__rail :is(b,span) { font-size: 11px; font-weight: 430; }
body[data-page="home"] .product-ui__rail b { background: var(--white); color: var(--carbon); box-shadow: inset 0 0 0 1px var(--p-line); }
body[data-page="home"] .product-ui__heading strong { font-weight: 450; }
body[data-page="home"] :is(.product-ui__metrics,.product-dashboard__metrics,.product-system__stats) strong { font-weight: 480; }
body[data-page="home"] :is(.product-ui__activity,.product-dashboard__queue) p b,
body[data-page="home"] .product-flow__person :is(strong,b),
body[data-page="home"] .product-board article strong { font-size: 11px; font-weight: 480; }
body[data-page="home"] .product-board article small { font-size: 9px; }
body[data-page="home"] .product-system > aside { background: color-mix(in srgb,var(--white) 94%,var(--carbon)); color: var(--carbon); border-right: 1px solid var(--p-line); }
body[data-page="home"] .product-system > aside b { background: var(--carbon); color: var(--white); font-weight: 500; }
body[data-page="home"] .product-system > aside span { background: var(--white); border: 1px solid var(--p-line); }
body[data-page="home"] .product-system > aside span:nth-of-type(2) { background: var(--carbon); color: var(--white); }

body[data-page="home"] .product-automation { display: flex; flex: 1; flex-direction: column; gap: 18px; min-height: 0; padding: clamp(18px,2.2vw,30px); background: linear-gradient(145deg,color-mix(in srgb,var(--sand) 72%,var(--white)),var(--p-soft)); }
body[data-page="home"] .product-automation__head { display: flex; align-items: end; justify-content: space-between; gap: 16px; }
body[data-page="home"] .product-automation__head span { display: grid; gap: 5px; }
body[data-page="home"] .product-automation__head strong { font-size: clamp(20px,2.4vw,32px); font-weight: 430; letter-spacing: -.045em; }
body[data-page="home"] .product-automation__head em { padding: 7px 9px; border: 1px solid var(--p-line); border-radius: 8px; background: var(--white); font-size: 10px; }
body[data-page="home"] .product-automation__route { position: relative; display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 10px; min-height: 0; flex: 1; align-items: stretch; }
body[data-page="home"] .product-automation__route::before { position: absolute; top: 43px; right: 8%; left: 8%; height: 1px; background: color-mix(in srgb,var(--carbon) 24%,transparent); content: ""; }
body[data-page="home"] .product-automation__route article { position: relative; z-index: 1; display: flex; flex-direction: column; align-items: flex-start; gap: 7px; min-width: 0; padding: 16px; border: 1px solid var(--p-line); border-radius: 16px; background: color-mix(in srgb,var(--white) 90%,transparent); }
body[data-page="home"] .product-ui__icon { display: grid; width: 54px; height: 54px; place-items: center; margin-bottom: auto; border: 1px solid var(--p-line); border-radius: 13px; background: var(--white); }
body[data-page="home"] .product-automation__route article strong { font-size: 13px; font-weight: 500; }
body[data-page="home"] .product-automation__route article em { color: var(--p-muted); font-size: 10px; }
body[data-page="home"] .product-automation__footer { display: flex; justify-content: space-between; gap: 12px; padding: 12px 14px; border: 1px solid var(--p-line); border-radius: 12px; background: var(--white); }
body[data-page="home"] .product-automation__footer span { display: flex; align-items: center; gap: 8px; font-size: 11px; }
body[data-page="home"] .product-automation__footer i { width: 7px; height: 7px; border-radius: 50%; background: var(--accent); }

body[data-page="home"] .product-review { display: grid; grid-template-columns: minmax(210px,.78fr) minmax(0,1.22fr); gap: 12px; min-height: 0; padding: 16px; flex: 1; background: color-mix(in srgb,var(--sand) 44%,var(--p-soft)); }
body[data-page="home"] .product-review > aside, body[data-page="home"] .product-review__message { min-width: 0; padding: 16px; border: 1px solid var(--p-line); border-radius: 16px; background: var(--white); }
body[data-page="home"] .product-review > aside { display: flex; flex-direction: column; gap: 8px; }
body[data-page="home"] .product-review > aside > small { margin-bottom: 4px; }
body[data-page="home"] .product-review > aside article { display: grid; grid-template-columns: 34px minmax(0,1fr) auto; align-items: center; gap: 9px; padding: 10px; border: 1px solid transparent; border-radius: 12px; background: var(--p-soft); }
body[data-page="home"] .product-review > aside article > span { display: grid; width: 34px; height: 34px; place-items: center; border-radius: 9px; background: var(--white); font-size: 9px; font-weight: 500; }
body[data-page="home"] .product-review > aside article p { display: grid; gap: 3px; min-width: 0; margin: 0; }
body[data-page="home"] .product-review > aside article strong { overflow: hidden; font-size: 11px; font-weight: 480; text-overflow: ellipsis; white-space: nowrap; }
body[data-page="home"] .product-review > aside article em { color: var(--p-muted); font-size: 8px; }
body[data-page="home"] .product-review__message { display: flex; flex-direction: column; gap: 12px; }
body[data-page="home"] .product-review__head { display: flex; justify-content: space-between; gap: 12px; }
body[data-page="home"] .product-review__head span { display: grid; gap: 4px; }
body[data-page="home"] .product-review__head strong { font-size: 18px; font-weight: 450; letter-spacing: -.035em; }
body[data-page="home"] .product-review__head em { align-self: start; padding: 6px 8px; border-radius: 8px; background: var(--sand); font-size: 9px; }
body[data-page="home"] .product-review__copy { padding: 14px; border: 1px solid var(--p-line); border-radius: 13px; background: var(--p-soft); }
body[data-page="home"] .product-review__copy p { margin: 0 0 10px; font-size: 12px; line-height: 1.5; }
body[data-page="home"] .product-review__checks { display: flex; flex-wrap: wrap; gap: 6px; }
body[data-page="home"] .product-review__checks span { display: inline-flex; align-items: center; gap: 5px; padding: 6px 8px; border: 1px solid var(--p-line); border-radius: 8px; font-size: 9px; }
body[data-page="home"] .product-review__checks i { font-size: 9px; }
body[data-page="home"] .product-review__footer { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: auto; padding-top: 12px; border-top: 1px solid var(--p-line); }
body[data-page="home"] .product-review__footer span { display: flex; align-items: center; gap: 8px; font-size: 10px; }
body[data-page="home"] .product-review__footer img { width: 32px; height: 32px; border-radius: 50%; object-fit: cover; }

body[data-page="home"] .product-ui [data-product-step] { outline: 0; transition: border-color 380ms var(--ease-out),box-shadow 380ms var(--ease-out),transform 380ms var(--ease-out),background-color 380ms var(--ease-out); }
body[data-page="home"] .product-ui [data-product-step].is-product-active { outline: 0; border-color: color-mix(in srgb,var(--accent) 42%,var(--p-line)); background-color: var(--white); box-shadow: 0 14px 32px color-mix(in srgb,var(--accent) 13%,transparent); transform: translateY(-3px); }
body[data-page="home"] #app#app#app#app#app#app .product-ui:is(.flat-ui--flow,.flat-ui--review) { display: flex !important; }

@media (max-width: 1023px) {
  body[data-page="home"] .product-automation { padding: 18px; }
  body[data-page="home"] .product-automation__route article { padding: 12px; }
  body[data-page="home"] .product-ui__icon { width: 46px; height: 46px; }
  body[data-page="home"] .product-review { grid-template-columns: minmax(180px,.72fr) minmax(0,1.28fr); padding: 12px; }
  body[data-page="home"] .product-review > aside, body[data-page="home"] .product-review__message { padding: 12px; }
}
@media (max-width: 767px) {
  body[data-page="home"] #app#app#app#app#app#app .sections .section:is(.section-presence,.section-products,.section-systems,.section-system-apps,.section-automation,.section-core-agents) > .title { font-size: clamp(38px,12vw,52px) !important; }
  body[data-page="home"] .product-ui small { font-size: 9px; }
  body[data-page="home"] .product-automation { gap: 10px; padding: 12px; }
  body[data-page="home"] .product-automation__head strong { font-size: 19px; }
  body[data-page="home"] .product-automation__head em, body[data-page="home"] .product-automation__footer small { display: none; }
  body[data-page="home"] .product-automation__route { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 7px; }
  body[data-page="home"] .product-automation__route::before { display: none; }
  body[data-page="home"] .product-automation__route article { gap: 4px; padding: 9px; }
  body[data-page="home"] .product-ui__icon { width: 35px; height: 35px; margin-bottom: 2px; border-radius: 9px; }
  body[data-page="home"] .product-ui__icon svg { width: 16px; height: 16px; }
  body[data-page="home"] .product-automation__route article strong { font-size: 10px; }
  body[data-page="home"] .product-review { grid-template-columns: 1fr; gap: 8px; padding: 9px; }
  body[data-page="home"] .product-review > aside { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); padding: 9px; }
  body[data-page="home"] .product-review > aside > small { grid-column: 1 / -1; }
  body[data-page="home"] .product-review > aside article { grid-template-columns: 28px minmax(0,1fr); padding: 7px; }
  body[data-page="home"] .product-review > aside article:nth-of-type(3), body[data-page="home"] .product-review > aside article em { display: none; }
  body[data-page="home"] .product-review > aside article > span { width: 28px; height: 28px; }
  body[data-page="home"] .product-review__message { gap: 8px; padding: 9px; }
  body[data-page="home"] .product-review__head strong { font-size: 14px; }
  body[data-page="home"] .product-review__copy { padding: 9px; }
  body[data-page="home"] .product-review__copy p { margin-bottom: 5px; font-size: 10px; line-height: 1.35; }
  body[data-page="home"] .product-review__checks span:nth-child(3) { display: none; }
  body[data-page="home"] .product-review__footer { padding-top: 7px; }
}

@media (prefers-reduced-motion: reduce) {
  body[data-page="home"] .product-ui [data-product-step].is-product-active { border-color: var(--p-line) !important; background-color: inherit !important; box-shadow: none !important; transform: none !important; }
}
/* Reference correction: plain cards on a quiet gradient, dotted workflow motion. */
body[data-page="home"] #app#app#app#app#app#app .flat-preview,
body[data-page="home"] #app#app#app#app#app#app .sections .section > .flat-preview:has(.product-ui) {
  position: relative !important; display: flex !important; flex-direction: column !important;
  gap: 0 !important; padding: 88px 24px 24px !important;
  border-radius: 22px !important; clip-path: none !important; mask: none !important;
  background: radial-gradient(ellipse at 14% 0%, color-mix(in srgb,#778a3d 19%,#f3f0e6),transparent 65%),linear-gradient(165deg,#f3f0e6,color-mix(in srgb,#529f69 12%,#f3f0e6) 60%,#f3f0e6) !important;
  box-shadow: none !important;
}
body[data-page="home"] #app#app#app#app#app#app .flat-preview::before,
body[data-page="home"] #app#app#app#app#app#app .flat-preview::after { content: none !important; }
body[data-page="home"] #app#app#app#app#app#app .flat-preview .product-ui {
  display: flex !important; flex: 1 1 0 !important; height: auto !important;
  border-radius: 12px !important; border: 1px solid color-mix(in srgb,#151714 8%,transparent) !important;
  background: var(--c-paper) !important; box-shadow: none !important; clip-path: none !important; mask: none !important;
}
body[data-page="home"] #app#app#app#app#app#app .flat-preview .flat-ui,
body[data-page="home"] #app#app#app#app#app#app .flat-preview:hover .flat-ui { transform: none !important; }
body[data-page="home"] .preview-route { position:absolute; top:0; left:0; width:100%; height:88px; overflow:hidden; pointer-events:none; }
body[data-page="home"] .preview-route path { fill:none; stroke:#151714; stroke-opacity:.4; stroke-width:1.2; stroke-dasharray:3 5; vector-effect:non-scaling-stroke; }
body[data-page="home"] .preview-route__dot { fill:#529f69; offset-path:path('M300 0 V30 H140 V88'); }
body[data-page="home"] .preview-route__dot--second { fill:#151714; offset-path:path('M300 0 V30 H460 V88'); }
/* SVG motion coordinates stay in the viewBox, including at phone widths. */
body[data-page="home"] .preview-route__dot { cx:0; cy:0; offset-distance:100%; }
body[data-page="home"] .product-ui__bar { min-height:64px; padding:10px 14px; }
body[data-page="home"] .product-ui :is(.product-ui__workspace,.product-ui__app-grid,.product-dashboard,.product-system__workspace,.product-automation,.product-review) { background:transparent; }
body[data-page="home"] .product-ui :is(article,.product-ui__activity,.product-ui__insight,.product-flow,.product-dashboard__chart,.product-dashboard__queue,.product-review__message,.product-review > aside) { border-radius:10px; box-shadow:none; }
body[data-page="home"] .product-ui [data-product-step].is-product-active { transform:none !important; outline:0 !important; box-shadow:none !important; border-color:var(--p-line); background-color:color-mix(in srgb,#529f69 5%,var(--white)); }
body[data-page="home"] .product-automation__route::before { height:0; background:none; border-top:1px dashed var(--p-muted); }
body[data-page="home"] .product-automation__route article { background:var(--white); }
body[data-page="home"] .product-automation .product-ui__icon { border-style:dotted; }
body[data-page="home"] .product-ui :is(strong,b) { font-weight:500; }
/* Keep the three signal cards flat, with connectors doing the work. */
body[data-page="home"] #app#app#app#app#app#app .scan-board {
  padding:24px; border-radius:22px;
  background:linear-gradient(150deg,color-mix(in srgb,#778a3d 15%,#f3f0e6),#f3f0e6 55%,color-mix(in srgb,#529f69 9%,#f3f0e6));
}
body[data-page="home"] #app#app#app#app#app#app .scan-card { border-radius:18px !important; border:1px solid var(--c-paper) !important; box-shadow:none !important; clip-path:none !important; background:var(--c-paper) !important; }
body[data-page="home"] #app#app#app#app#app#app .scan-card [data-scan-step] { animation:none !important; box-shadow:none !important; }
body[data-page="home"] .scan-card__connectors path { stroke-dasharray:2 5 !important; stroke-opacity:.35; }
body[data-page="home"] .scan-card__profile strong { font-weight:500; }
/* Third reference: preserve the split proof card, remove its raised surround. */
body[data-page="home"] #app#app#app#app#app#app ._03 .aud__card { border:0 !important; border-radius:18px !important; box-shadow:none !important; background:linear-gradient(115deg,var(--loop-card-bg),#f3f0e6) !important; }
/* The existing black system dashboard remains intact. */
body[data-page="home"] wg-studio .wgd-blob { display:none; }
body[data-page="home"] wg-studio .wgd-today { background:radial-gradient(ellipse at 0 100%,color-mix(in srgb,#529f69 24%,transparent),transparent 72%),linear-gradient(145deg,#151714,#282b25); box-shadow:none; backdrop-filter:none; }
body[data-page="home"] wg-studio .wgd-act { background:#151714; }
body[data-page="home"] wg-studio .wgd-spark { height:100px; background:repeating-linear-gradient(to bottom,transparent 0 24px,rgba(243,240,230,.07) 24px 25px); }
body[data-page="home"] wg-studio .wgd-spark .l { stroke:#f3f0e6; stroke-width:2; stroke-linejoin:round; stroke-linecap:round; }
body[data-page="home"] wg-studio .wgd-spark .a { fill:rgba(243,240,230,.055); }
body[data-page="home"] .flat-ui--dashboard .fu-canvas { fill:transparent; }
body[data-page="home"] .flat-ui--dashboard .fu-card--orange { fill:color-mix(in srgb,#529f69 13%,#f3f0e6); }
body[data-page="home"] .flat-ui--dashboard .fu-card--sky { fill:color-mix(in srgb,#778a3d 12%,#f3f0e6); }
@media (prefers-reduced-motion:no-preference) {
  body[data-page="home"] .is-flat-running .preview-route__dot { animation:preview-route-travel 4.8s linear infinite; }
  body[data-page="home"] .is-flat-running .preview-route__dot--second { animation-delay:-2.4s; }
  body[data-page="home"] .is-flat-running .product-ui [data-product-step].is-product-active { animation:preview-row-arrive 600ms var(--ease-out) both; }
}
@keyframes preview-route-travel { 0% { offset-distance:0%; opacity:0; } 8%,85% {opacity:1;} 100% {offset-distance:100%; opacity:0;} }
@keyframes preview-row-arrive { from {opacity:.55;} to {opacity:1;} }
@media (max-width:767px) {
  body[data-page="home"] #app#app#app#app#app#app .flat-preview,
  body[data-page="home"] #app#app#app#app#app#app .sections .section > .flat-preview:has(.product-ui) { padding:60px 12px 12px !important; height:500px !important; min-height:500px !important; max-height:500px !important; border-radius:18px !important; }
  body[data-page="home"] .preview-route { height:60px; }
  body[data-page="home"] #app#app#app#app#app#app .flat-preview--wide { height:auto !important; min-height:0 !important; max-height:none !important; }
  body[data-page="home"] .product-ui__bar { padding:9px; }
  body[data-page="home"] .product-ui__brand { font-size:12px; gap:7px; }
  body[data-page="home"] #app#app#app#app#app#app .scan-board { padding:12px; }
}
@media (prefers-reduced-motion:reduce) {
  body[data-page="home"] .preview-route__dot { animation:none !important; offset-distance:100%; opacity:1; }
  body[data-page="home"] .product-ui [data-product-step] { animation:none !important; opacity:1 !important; }
}

body[data-page="home"] wg-studio .wgd-spark .l { stroke-dasharray:none; stroke-dashoffset:0; }
/* Reserve space for both the route and the complete interface at every breakpoint. */
@media (min-width:768px) {
  body[data-page="home"] #app#app#app#app#app#app .sections .section > .flat-preview:has(.product-ui) { height:620px !important; min-height:620px !important; max-height:620px !important; }
}
/* Keep the wallet legible throughout its active step and the narrow board readable. */
body[data-page="home"] .product-phone__balance,
body[data-page="home"] .product-phone__balance.is-product-active { background:#f3f0e6 !important; color:#151714; }
body[data-page="home"] .product-phone__balance small { color:rgba(21,23,20,.65); }
@media (max-width:767px) {
  body[data-page="home"] .product-board article strong { white-space:normal; overflow:visible; font-size:9px; line-height:1.35; overflow-wrap:anywhere; }
}

/* Wide split proof cards, using the existing industry copy and photography. */
body[data-page="home"] #app#app#app#app#app#app ._03 .aud-slider__viewport, body[data-page="home"] #app#app#app#app#app#app ._03 .aud__grid { height: 520px !important; }
body[data-page="home"] #app#app#app#app#app#app ._03 .aud__item { flex-basis: min(960px, calc(100vw - 80px)) !important; width: min(960px, calc(100vw - 80px)) !important; height: 470px !important; }
body[data-page="home"] #app#app#app#app#app#app ._03 .aud__card { position: relative; display: grid !important; grid-template-columns: 1fr 1fr !important; grid-template-rows: auto 1fr auto auto; height: 470px !important; min-height: 470px !important; padding: 36px !important; gap: 20px 36px !important; color: #151714 !important; }
body[data-page="home"] #app#app#app#app#app#app ._03 .aud__profile { display: contents; }
body[data-page="home"] #app#app#app#app#app#app ._03 .aud__profile > div:not(.aud__media) { grid-column: 1; grid-row: 1; }
body[data-page="home"] #app#app#app#app#app#app ._03 .aud__media { grid-column: 2 !important; grid-row: 1 / 5 !important; width: 100% !important; height: 100% !important; min-height: 0; border-radius: 12px !important; }
body[data-page="home"] #app#app#app#app#app#app ._03 .aud__name { font-size: 25px !important; font-weight: 500 !important; color: #151714 !important; }
body[data-page="home"] #app#app#app#app#app#app ._03 .aud__status { position: absolute; right: 52px; bottom: 52px; z-index: 1; background: #f3f0e6; color: #151714; padding: 12px 16px; border-radius: 10px; }
body[data-page="home"] #app#app#app#app#app#app ._03 .aud__copy { grid-column: 1 !important; grid-row: 2 !important; margin: 0 !important; align-self: center !important; font-size: 28px !important; font-weight: 400 !important; line-height: 1.2 !important; color: #151714 !important; }
body[data-page="home"] #app#app#app#app#app#app ._03 .aud__fit { grid-column: 1; grid-row: 3; background: transparent; padding: 0; }
body[data-page="home"] #app#app#app#app#app#app ._03 .aud__footer { grid-column: 1; grid-row: 4; padding-top: 0; margin: 0; }
@media (max-width: 767px) {
body[data-page="home"] #app#app#app#app#app#app ._03 .aud-slider__viewport, body[data-page="home"] #app#app#app#app#app#app ._03 .aud__grid { height: 710px !important; }
body[data-page="home"] #app#app#app#app#app#app ._03 .aud__item { height: 660px !important; }
body[data-page="home"] #app#app#app#app#app#app ._03 .aud__card { grid-template-columns: minmax(0,1fr) !important; grid-template-rows: 240px auto 1fr auto auto; height: 660px !important; min-height: 660px !important; padding: 20px !important; gap: 16px !important; }
body[data-page="home"] #app#app#app#app#app#app ._03 .aud__media { grid-column: 1 !important; grid-row: 1 !important; }
body[data-page="home"] #app#app#app#app#app#app ._03 .aud__profile > div:not(.aud__media) { grid-row: 2; }
body[data-page="home"] #app#app#app#app#app#app ._03 .aud__name { font-size: 21px !important; }
body[data-page="home"] #app#app#app#app#app#app ._03 .aud__copy { grid-row: 3 !important; font-size: 22px !important; }
body[data-page="home"] #app#app#app#app#app#app ._03 .aud__fit { grid-row: 4; }
body[data-page="home"] #app#app#app#app#app#app ._03 .aud__footer { grid-row: 5; }
body[data-page="home"] #app#app#app#app#app#app ._03 .aud__status { top: 218px; right: 32px; bottom: auto; }
}

/* Muted current brand palette; keep the existing card geometry and interactions. */
body[data-page="home"] ._03 .aud__item { --industry-tint: var(--leaf); --loop-card-bg: color-mix(in srgb,var(--industry-tint) 23%,#F6F5F3); }
body[data-page="home"] ._03 .aud__item[data-tone="orange"] { --industry-tint: var(--burnt-orange); --loop-card-bg: color-mix(in srgb,var(--industry-tint) 23%,#F6F5F3); }
body[data-page="home"] ._03 .aud__item[data-tone="yellow"] { --industry-tint: var(--sun); --loop-card-bg: color-mix(in srgb,var(--industry-tint) 23%,#F6F5F3); }
body[data-page="home"] ._03 .aud__item[data-tone="sky"] { --industry-tint: var(--sky); --loop-card-bg: color-mix(in srgb,var(--industry-tint) 23%,#F6F5F3); }
body[data-page="home"] ._03 .aud__item[data-tone="aqua"] { --industry-tint: var(--aqua); --loop-card-bg: color-mix(in srgb,var(--industry-tint) 23%,#F6F5F3); }
body[data-page="home"] ._03 .aud__item[data-tone="purple"] { --industry-tint: var(--leaf); --loop-card-bg: color-mix(in srgb,var(--industry-tint) 23%,#F6F5F3); }
body[data-page="home"] ._03 .aud__item[data-tone="pink"] { --industry-tint: var(--sand); --loop-card-bg: color-mix(in srgb,var(--industry-tint) 23%,#F6F5F3); }
body[data-page="home"] ._03 .aud__item[data-tone="sand"] { --industry-tint: var(--sand); --loop-card-bg: color-mix(in srgb,var(--industry-tint) 23%,#F6F5F3); }
body[data-page="home"] ._03 .aud__item[data-tone="red"] { --industry-tint: var(--burnt-orange); --loop-card-bg: color-mix(in srgb,var(--industry-tint) 23%,#F6F5F3); }
body[data-page="home"] ._03 .aud__item[data-tone="ink"] { --industry-tint: var(--leaf); --loop-card-bg: color-mix(in srgb,var(--industry-tint) 23%,#F6F5F3); }
body[data-page="home"] ._03 .aud__item[data-tone="white"] { --industry-tint: var(--aqua); --loop-card-bg: color-mix(in srgb,var(--industry-tint) 23%,#F6F5F3); }

body[data-page="home"] #app#app#app#app#app#app ._03 .aud__card { background: linear-gradient(115deg,var(--loop-card-bg),color-mix(in srgb,var(--industry-tint) 8%,#F6F5F3)) !important; color:var(--carbon) !important; }
body[data-page="home"] #app#app#app#app#app#app ._03 .aud__media img { min-height:0 !important; object-position:center !important; }
body[data-page="home"] #app#app#app#app#app#app ._03 .aud__media:has(img:nth-child(2)) { display:grid !important; grid-template-columns:1fr 1fr; grid-template-rows:1fr 1fr; gap:6px; background:transparent !important; }
body[data-page="home"] #app#app#app#app#app#app ._03 .aud__media:has(img:nth-child(2)) img { min-width:0; min-height:0 !important; height:100% !important; border-radius:6px !important; }
body[data-page="home"] #app#app#app#app#app#app ._03 .aud__media:has(img:nth-child(2)) img:first-child { grid-column:1 / -1; }
body[data-page="home"] #app#app#app#app#app#app ._03 .aud__status { background:#F6F5F3; color:var(--green-strong); }
body[data-page="home"] #app#app#app#app#app#app .flat-preview,
body[data-page="home"] #app#app#app#app#app#app .sections .section > .flat-preview:has(.product-ui) { background:radial-gradient(ellipse at 14% 0%,color-mix(in srgb,var(--leaf) 18%,#F6F5F3),transparent 65%),linear-gradient(165deg,#F6F5F3,color-mix(in srgb,var(--aqua) 14%,#F6F5F3) 60%,#F6F5F3) !important; }
body[data-page="home"] #app#app#app#app#app#app .scan-board { background:linear-gradient(150deg,color-mix(in srgb,var(--sand) 35%,#F6F5F3),#F6F5F3 55%,color-mix(in srgb,var(--sky) 18%,#F6F5F3)); }
body[data-page="home"] .preview-route__dot { fill:var(--leaf); }
body[data-page="home"] .preview-route__dot--second { fill:var(--carbon); }
body[data-page="home"] .preview-route path { stroke:var(--carbon); }
body[data-page="home"] .flat-ui--dashboard .fu-card--orange { fill:color-mix(in srgb,var(--burnt-orange) 18%,#F6F5F3); }
body[data-page="home"] .flat-ui--dashboard .fu-card--sky { fill:color-mix(in srgb,var(--sky) 22%,#F6F5F3); }
body[data-page="home"] wg-studio .wgd-today { background:radial-gradient(ellipse at 0 100%,color-mix(in srgb,var(--leaf) 24%,transparent),transparent 72%),linear-gradient(145deg,var(--carbon),var(--carbon-raised))); }

body[data-page="home"] #app#app#app#app#app#app ._03 .aud__media img { filter:none !important; opacity:1 !important; }

/* Section placement correction: type-led introduction and a separate system demo. */
body[data-page="home"] #app#app#app#app#app#app #studio-intro { display:grid !important; grid-template-columns:1fr 1fr !important; align-items:start; gap:48px !important; }
body[data-page="home"] #app#app#app#app#app#app #studio-intro > .title { grid-column:1 !important; grid-row:1 !important; }
body[data-page="home"] #app#app#app#app#app#app #studio-intro > .description { grid-column:2 !important; grid-row:1 !important; align-self:center; }
body[data-page="home"] #app#app#app#app#app#app #system-statement .flat-preview--wide { width:100%; height:auto !important; min-height:0 !important; max-height:none !important; grid-column:1 / -1; }
body[data-page="home"] #app#app#app#app#app#app ._02,
body[data-page="home"] #app#app#app#app#app#app ._02 > .inner-wrap { background:#F6F5F3 !important; }
body[data-page="home"] #app#app#app#app#app#app ._02 > .inner-wrap > .header,
body[data-page="home"] #app#app#app#app#app#app ._02 .text-wrap > .title,
body[data-page="home"] #app#app#app#app#app#app ._02 .experience > .description { color:#0B0C0B !important; }
body[data-page="home"] #app#app#app#app#app#app ._02 .media-wrap { background:transparent !important; }
body[data-page="home"] #app#app#app#app#app#app ._02 .image-wrap { position:relative; background:#0B0C0B !important; border:0 !important; border-radius:32px !important; padding:20px !important; box-shadow:0 14px 36px rgb(11 12 11 / 10%) !important; }
@media(max-width:767px) {
 body[data-page="home"] #app#app#app#app#app#app #studio-intro { grid-template-columns:1fr !important; gap:24px !important; }
 body[data-page="home"] #app#app#app#app#app#app #studio-intro > .description { grid-column:1 !important; grid-row:2 !important; }
 body[data-page="home"] #app#app#app#app#app#app ._02 .image-wrap { padding:10px !important; border-radius:20px !important; }
}

/* Restore the live Way We Work typography; the connected cards belong in Studio. */
body[data-page="home"] #app#app#app#app#app#app #studio-intro { grid-template-columns:1fr !important; gap:32px !important; }
body[data-page="home"] #app#app#app#app#app#app #studio-intro > .title { grid-column:1 !important; grid-row:1 !important; }
body[data-page="home"] #app#app#app#app#app#app #studio-intro > .scan-board { grid-column:1 !important; grid-row:2 !important; width:100%; }
body[data-page="home"] #app#app#app#app#app#app #studio-intro > .description { grid-column:1 !important; grid-row:3 !important; max-width:850px; margin-inline:auto; }
body[data-page="home"] #app#app#app#app#app#app #system-statement { background:#111 !important; color:#F6F5F3 !important; border-radius:0 !important; margin:0 !important; padding:100px 5vw !important; transform:none !important; }
body[data-page="home"] #app#app#app#app#app#app #system-statement::before, body[data-page="home"] #app#app#app#app#app#app #system-statement::after { content:none !important; }
body[data-page="home"] #app#app#app#app#app#app #system-statement .system-path__layout { display:grid !important; grid-template-columns:minmax(0,1fr) !important; gap:90px !important; }
body[data-page="home"] #app#app#app#app#app#app #system-statement .system-path__intro { display:block !important; text-align:left !important; }
body[data-page="home"] #app#app#app#app#app#app #system-statement .system-path__eyebrow { color:#F6F5F3 !important; border:0 !important; padding:0 !important; margin:0 0 32px !important; }
body[data-page="home"] #app#app#app#app#app#app #system-statement h2 { text-align:left !important; max-width:850px !important; margin:0 !important; font-size:clamp(64px,7.6vw,120px) !important; line-height:.98 !important; letter-spacing:-.055em !important; font-weight:400 !important; color:#F6F5F3 !important; }
body[data-page="home"] #app#app#app#app#app#app #system-statement h2 span { color:#F6F5F3 !important; }
body[data-page="home"] #app#app#app#app#app#app #system-statement .system-path__route { display:none !important; }
body[data-page="home"] #app#app#app#app#app#app #system-statement .system-path__steps { display:grid !important; gap:44px !important; margin:0 !important; padding:0 !important; }
body[data-page="home"] #app#app#app#app#app#app #system-statement .system-path__steps li { display:grid !important; grid-template-columns:6% minmax(0,1fr) 20% !important; align-items:center !important; gap:24px !important; border:0 !important; padding:0 !important; background:transparent !important; }
body[data-page="home"] #app#app#app#app#app#app #system-statement .system-path__steps li > div { display:contents !important; }
body[data-page="home"] #app#app#app#app#app#app #system-statement .system-path__number { align-self:start; padding-top:14px; color:#F6F5F3 !important; font-size:13px !important; }
body[data-page="home"] #app#app#app#app#app#app #system-statement .system-path__steps h3 { font-size:clamp(72px,10vw,160px) !important; font-weight:400 !important; line-height:1 !important; letter-spacing:-.055em !important; color:#F6F5F3 !important; margin:0 !important; }
body[data-page="home"] #app#app#app#app#app#app #system-statement .system-path__steps li:nth-child(2) h3 { color:#7EADDB !important; }
body[data-page="home"] #app#app#app#app#app#app #system-statement .system-path__steps p { font-size:16px !important; line-height:1.4 !important; color:#F6F5F3 !important; margin:0 !important; }
/* Dotted connectors remain visible; a small travelling dot follows each route. */
body[data-page="home"] #app#app#app#app#app#app .scan-card { overflow:hidden; }
body[data-page="home"] #app#app#app#app#app#app .scan-card__connectors path { opacity:1 !important; stroke:#26503C !important; stroke-opacity:.35 !important; stroke-dasharray:1 4 !important; stroke-linecap:round; stroke-dashoffset:0; animation:none !important; }
body[data-page="home"] #app#app#app#app#app#app .scan-card__connectors circle { fill:#479C73; opacity:0; offset-distance:0%; }
body[data-page="home"] #app#app#app#app#app#app .scan-card [data-scan-step] { transform:none !important; box-shadow:none !important; }
@media(prefers-reduced-motion:no-preference) {
body[data-page="home"] #app#app#app#app#app#app .scan-card[data-scan-step-active="0"] [data-scan-dot="0"], body[data-page="home"] #app#app#app#app#app#app .scan-card[data-scan-step-active="1"] [data-scan-dot="1"], body[data-page="home"] #app#app#app#app#app#app .scan-card[data-scan-step-active="2"] [data-scan-dot="2"], body[data-page="home"] #app#app#app#app#app#app .scan-card[data-scan-step-active="3"] [data-scan-dot="3"] { animation:scan-dot-travel 1.1s linear both; }
}
@keyframes scan-dot-travel { 0%{offset-distance:0%;opacity:0} 10%,90%{opacity:1} 100%{offset-distance:100%;opacity:0} }
@media(max-width:767px) {
body[data-page="home"] #app#app#app#app#app#app #system-statement { padding:64px 24px !important; }
body[data-page="home"] #app#app#app#app#app#app #system-statement .system-path__layout { gap:56px !important; }
body[data-page="home"] #app#app#app#app#app#app #system-statement h2 { font-size:clamp(48px,12vw,80px) !important; }
body[data-page="home"] #app#app#app#app#app#app #system-statement .system-path__steps li { grid-template-columns:24px minmax(0,1fr) !important; gap:12px !important; }
body[data-page="home"] #app#app#app#app#app#app #system-statement .system-path__steps h3 { font-size:clamp(64px,15vw,100px) !important; }
body[data-page="home"] #app#app#app#app#app#app #system-statement .system-path__steps p { grid-column:2; font-size:15px !important; }
}
@media(prefers-reduced-motion:reduce) {
body[data-page="home"] #app#app#app#app#app#app .scan-card__connectors circle { animation:none !important; opacity:1; offset-distance:100%; }
body[data-page="home"] #app#app#app#app#app#app #system-statement .system-path__steps li { transform:none !important; opacity:1 !important; transition:none !important; }
}

body[data-page="home"] #app#app#app#app#app#app #studio-intro .scan-card { text-align:left; }

body[data-page="home"] #app#app#app#app#app#app #system-statement .system-path__number { white-space:nowrap !important; }

/* PhantomBuster reference correction: dashed branch bus versus fine card elbows. */
body[data-page="home"] .preview-route path { stroke:#151714 !important; stroke-opacity:1 !important; stroke-width:1.4px !important; stroke-dasharray:5 6 !important; stroke-linecap:butt; fill:none; }
body[data-page="home"] .preview-route__dot { fill:#151714 !important; opacity:1; cx:0; cy:0; offset-distance:25%; animation:none !important; }
body[data-page="home"] .preview-route__dot[data-route-dot="1"] { fill:#D4622C !important; offset-distance:50%; }
body[data-page="home"] .preview-route__dot[data-route-dot="2"] { fill:#7EADDB !important; offset-distance:70%; }
body[data-page="home"] #app#app#app#app#app#app .scan-card__connectors > path { stroke:#151714 !important; stroke-width:.8px !important; stroke-opacity:.22 !important; stroke-dasharray:1 3 !important; stroke-linecap:round; opacity:1 !important; }
body[data-page="home"] #app#app#app#app#app#app .scan-card__connectors marker path { stroke:#151714 !important; stroke-width:.8px !important; stroke-opacity:.45 !important; stroke-dasharray:none !important; fill:none !important; }
@media(prefers-reduced-motion:no-preference) {
 body[data-page="home"] .is-flat-running .preview-route__dot { animation:reference-bus-travel var(--route-duration, 1.4s) linear infinite !important; animation-delay:var(--route-delay) !important; }
 body[data-page="home"] #app#app#app#app#app#app .scan-card[data-scan-step-active="0"] [data-scan-line="0"],
 body[data-page="home"] #app#app#app#app#app#app .scan-card[data-scan-step-active="1"] [data-scan-line="1"],
 body[data-page="home"] #app#app#app#app#app#app .scan-card[data-scan-step-active="2"] [data-scan-line="2"],
 body[data-page="home"] #app#app#app#app#app#app .scan-card[data-scan-step-active="3"] [data-scan-line="3"] { stroke:#D4622C !important; stroke-opacity:.8 !important; animation:reference-elbow-flow 2.1s linear both !important; }
}
@keyframes reference-bus-travel { from {offset-distance:0%} to {offset-distance:100%} }
@keyframes reference-elbow-flow { from {stroke-dashoffset:24} to {stroke-dashoffset:0} }
@media(prefers-reduced-motion:reduce) {
 body[data-page="home"] .preview-route__dot { animation:none !important; opacity:1 !important; }
 body[data-page="home"] #app#app#app#app#app#app .scan-card__connectors > path { animation:none !important; }
}

/* Reference icons use plain outlines; dots belong to the connecting paths. */
body[data-page="home"] .product-automation .product-ui__icon { border-style:solid; }

/* Connected components share a gradient canvas; links occupy the space between them. */
body[data-page="home"] #app#app#app#app#app#app .flat-preview, body[data-page="home"] #app#app#app#app#app#app .sections .section > .flat-preview:has(.product-ui) { padding:24px !important; height:auto !important; min-height:620px !important; max-height:none !important; }
body[data-page="home"] #app#app#app#app#app#app .flat-preview .product-ui { position:relative; z-index:1; overflow:visible !important; border:0 !important; border-radius:0 !important; background:transparent !important; gap:24px; }
body[data-page="home"] #app#app#app#app#app#app .preview-route { inset:0; width:100%; height:100%; z-index:2; overflow:visible; }
body[data-page="home"] #app#app#app#app#app#app .preview-route path { stroke:#26503C !important; stroke-opacity:.6 !important; stroke-width:1.2px !important; stroke-dasharray:2 4 !important; }
body[data-page="home"] #app#app#app#app#app#app .preview-route circle { r:3.5px; }
body[data-page="home"] #app#app#app#app#app#app .product-ui__bar { background:#F6F5F3; border:0; border-radius:12px; }
body[data-page="home"] #app#app#app#app#app#app .product-ui__body { background:transparent; gap:16px; overflow:visible; }
body[data-page="home"] #app#app#app#app#app#app .product-ui__workspace { padding:0; gap:28px; overflow:visible; }
body[data-page="home"] #app#app#app#app#app#app .product-ui__rail { background:transparent; border:0; padding:8px 0; }
body[data-page="home"] #app#app#app#app#app#app .product-ui__metrics { gap:12px; }
body[data-page="home"] #app#app#app#app#app#app .product-ui__metrics article, body[data-page="home"] #app#app#app#app#app#app .product-ui__activity, body[data-page="home"] #app#app#app#app#app#app .product-ui__insight { background:#F6F5F3 !important; border:0; }
body[data-page="home"] #app#app#app#app#app#app .product-ui__split { gap:28px; }
body[data-page="home"] #app#app#app#app#app#app .product-ui__app-grid { padding:0; gap:36px; }
body[data-page="home"] #app#app#app#app#app#app .product-flow { background:#F6F5F3 !important; }
body[data-page="home"] #app#app#app#app#app#app .product-dashboard { padding:0; gap:32px; overflow:visible; }
body[data-page="home"] #app#app#app#app#app#app .product-dashboard__metrics { gap:12px; }
body[data-page="home"] #app#app#app#app#app#app .product-dashboard__metrics article, body[data-page="home"] #app#app#app#app#app#app .product-dashboard__chart, body[data-page="home"] #app#app#app#app#app#app .product-dashboard__queue { background:#F6F5F3 !important; border:0; }
body[data-page="home"] #app#app#app#app#app#app .product-dashboard__main { gap:32px; }
body[data-page="home"] #app#app#app#app#app#app .product-system { background:transparent; overflow:visible; gap:12px; }
body[data-page="home"] #app#app#app#app#app#app .product-system > aside { background:transparent; border:0; }
body[data-page="home"] #app#app#app#app#app#app .product-system__workspace { padding:0; gap:28px; overflow:visible; }
body[data-page="home"] #app#app#app#app#app#app .product-system__stats { background:#F6F5F3; padding:12px; border-radius:12px; }
body[data-page="home"] #app#app#app#app#app#app .product-board { gap:26px; }
body[data-page="home"] #app#app#app#app#app#app .product-board > section { background:#F6F5F3 !important; border:0; padding:10px; border-radius:12px; }
body[data-page="home"] #app#app#app#app#app#app .product-automation { padding:0; gap:24px; }
body[data-page="home"] #app#app#app#app#app#app .product-automation__route { gap:28px; }
body[data-page="home"] #app#app#app#app#app#app .product-automation__route::before { display:none; }
body[data-page="home"] #app#app#app#app#app#app .product-automation__route article { min-width:0; background:#F6F5F3 !important; border:0; min-height:210px; }
body[data-page="home"] #app#app#app#app#app#app .product-automation__footer { background:#F6F5F3; padding:12px; border-radius:12px; }
body[data-page="home"] #app#app#app#app#app#app .product-review { padding:0; gap:32px; overflow:visible; }
body[data-page="home"] #app#app#app#app#app#app .product-review > aside { background:#F6F5F3 !important; border:0; }
body[data-page="home"] #app#app#app#app#app#app .product-review__message { padding:0; gap:24px; background:transparent !important; border:0; overflow:visible; }
body[data-page="home"] #app#app#app#app#app#app .product-review__head, body[data-page="home"] #app#app#app#app#app#app .product-review__checks { padding:0 8px; }
body[data-page="home"] #app#app#app#app#app#app .product-review__copy, body[data-page="home"] #app#app#app#app#app#app .product-review__footer { background:#F6F5F3 !important; border:0; padding:16px; border-radius:12px; }
body[data-page="home"] #app#app#app#app#app#app .scan-card__connectors { overflow:visible; }
body[data-page="home"] #app#app#app#app#app#app .scan-card__connectors > path { stroke-opacity:.6 !important; stroke-width:1.1px !important; stroke-dasharray:2 4 !important; }
@media(max-width:767px) {
body[data-page="home"] #app#app#app#app#app#app .flat-preview, body[data-page="home"] #app#app#app#app#app#app .sections .section > .flat-preview:has(.product-ui) { padding:18px 12px !important; min-height:0 !important; }
body[data-page="home"] #app#app#app#app#app#app .flat-preview .product-ui { gap:20px; }
body[data-page="home"] #app#app#app#app#app#app .product-ui__body, body[data-page="home"] #app#app#app#app#app#app .product-ui__app-grid, body[data-page="home"] #app#app#app#app#app#app .product-dashboard__main, body[data-page="home"] #app#app#app#app#app#app .product-review { display:flex !important; flex-direction:column; gap:28px; }
body[data-page="home"] #app#app#app#app#app#app .product-ui__rail { display:flex; flex-wrap:wrap; gap:12px; }
body[data-page="home"] #app#app#app#app#app#app .product-ui__workspace { gap:28px; }
body[data-page="home"] #app#app#app#app#app#app .product-ui__metrics { gap:8px; }
body[data-page="home"] #app#app#app#app#app#app .product-ui__split { gap:28px; }
body[data-page="home"] #app#app#app#app#app#app .product-phone { min-height:270px; }
body[data-page="home"] #app#app#app#app#app#app .product-flow { min-height:280px; }
body[data-page="home"] #app#app#app#app#app#app .product-dashboard__chart, body[data-page="home"] #app#app#app#app#app#app .product-dashboard__queue { min-height:200px; }
body[data-page="home"] #app#app#app#app#app#app .product-board { grid-template-columns:1fr !important; gap:30px; }
body[data-page="home"] #app#app#app#app#app#app .product-board > section { min-height:170px; }
body[data-page="home"] #app#app#app#app#app#app .product-automation__route { grid-template-columns:1fr !important; gap:32px; }
body[data-page="home"] #app#app#app#app#app#app .product-automation__route article { min-height:130px; }
body[data-page="home"] #app#app#app#app#app#app .product-review > aside { display:block !important; }
body[data-page="home"] #app#app#app#app#app#app .product-review__message { gap:26px; }
}

body[data-page="home"] #app#app#app#app#app#app .product-dashboard__metrics { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px !important; background:transparent; }
body[data-page="home"] #app#app#app#app#app#app .product-dashboard__metrics article { border-radius:12px; padding:14px; }
body[data-page="home"] #app#app#app#app#app#app .product-review__checks { background:#F6F5F3; padding:12px; border-radius:12px; }
body[data-page="home"] #app#app#app#app#app#app .scan-card__connectors circle { fill:#479C73; }
@media(prefers-reduced-motion:no-preference) {
body[data-page="home"] #app#app#app#app#app#app .scan-card[data-scan-step-active="0"] [data-scan-dot="0"],
body[data-page="home"] #app#app#app#app#app#app .scan-card[data-scan-step-active="1"] [data-scan-dot="1"],
body[data-page="home"] #app#app#app#app#app#app .scan-card[data-scan-step-active="2"] [data-scan-dot="2"] { animation:scan-dot-travel 2.1s linear both; }
}

@media(max-width:767px) {
body[data-page="home"] #app#app#app#app#app#app .flat-preview,
body[data-page="home"] #app#app#app#app#app#app .sections .section > .flat-preview:has(.product-ui) { display:block !important; aspect-ratio:auto !important; height:auto !important; }
body[data-page="home"] #app#app#app#app#app#app .flat-preview .product-ui { flex:none !important; height:auto !important; min-height:0 !important; }
}

body[data-page="home"] #app#app#app#app#app#app .product-review__head { background:#F6F5F3; padding:12px; border-radius:12px; }
body[data-page="home"] #app#app#app#app#app#app .product-ui__insight { display:block !important; }

@media(max-width:767px) {
body[data-page="home"] #app#app#app#app#app#app .product-ui__metrics { display:grid !important; grid-template-columns:repeat(3,minmax(0,1fr)); }
body[data-page="home"] #app#app#app#app#app#app .product-ui__metrics article { display:block !important; min-width:0; }
body[data-page="home"] #app#app#app#app#app#app .product-dashboard__queue { display:block !important; }
}

/* Studio routes live outside the unchanged cards, in added gradient headroom. */
body[data-page="home"] #app#app#app#app#app#app .scan-board { position:relative; padding-top:124px; row-gap:116px; }
body[data-page="home"] #app#app#app#app#app#app .scan-board > .scan-card__connectors { position:absolute; inset:0; width:100%; height:100%; z-index:0; pointer-events:none; overflow:hidden; }
body[data-page="home"] #app#app#app#app#app#app .scan-board > .scan-card__connectors path { opacity:1 !important; stroke:#26503C !important; stroke-width:1.1px !important; stroke-opacity:.4 !important; stroke-dasharray:2 4 !important; stroke-dashoffset:0; fill:none; animation:none !important; }
body[data-page="home"] #app#app#app#app#app#app .scan-board > .scan-card__connectors circle { fill:var(--leaf); opacity:.55; offset-distance:50%; }
body[data-page="home"] #app#app#app#app#app#app .preview-route circle { opacity:.55 !important; }
@media(prefers-reduced-motion:no-preference) {
body[data-page="home"] #app#app#app#app#app#app .scan-board[data-scan-running] > .scan-card__connectors circle { animation:reference-bus-travel var(--scan-duration) linear infinite; }
}
@media(prefers-reduced-motion:reduce) {
body[data-page="home"] #app#app#app#app#app#app .scan-board > .scan-card__connectors circle { animation:none !important; }
}

/* Products & apps: reference-led wallet dashboard with connected panels. */
body[data-page="home"] #app#app#app#app#app#app .section-products .flat-preview { min-height:570px !important; padding:24px !important; }
body[data-page="home"] #app#app#app#app#app#app .section-products .product-ui--app { width:100%; color:var(--carbon); font-size:10px; gap:44px !important; }
body[data-page="home"] #app#app#app#app#app#app .section-products .product-ui--app .product-ui__bar { display:flex; gap:10px; padding:12px; border:0; border-radius:12px; background:#F6F5F3; min-height:58px; }
body[data-page="home"] #app#app#app#app#app#app .section-products .product-ui--app .product-ui__brand { flex:1; min-width:0; font-size:14px; letter-spacing:-.025em; }
body[data-page="home"] #app#app#app#app#app#app .section-products .product-ui--app .product-ui__brand small { font-size:9px; margin-top:4px; color:color-mix(in srgb,var(--carbon) 55%,transparent); }
body[data-page="home"] #app#app#app#app#app#app .section-products .product-ui--app .product-ui__bar img { width:26px; height:26px; border-radius:50%; }
body[data-page="home"] #app#app#app#app#app#app .section-products .product-ui--app .wallet-search { font-size:10px; color:color-mix(in srgb,var(--carbon) 55%,transparent); white-space:nowrap; }
body[data-page="home"] #app#app#app#app#app#app .section-products .product-ui--app .wallet-notification { display:grid; place-items:center; }
body[data-page="home"] #app#app#app#app#app#app .section-products .product-ui--app .product-ui__app-grid { display:grid !important; grid-template-columns:1.05fr 1.1fr .82fr; gap:22px !important; align-items:stretch; }
body[data-page="home"] #app#app#app#app#app#app .section-products .product-ui--app .product-phone { display:flex; flex-direction:column; min-height:0; padding:0; gap:10px; background:transparent !important; border:0; border-radius:0; color:var(--carbon) !important; }
body[data-page="home"] #app#app#app#app#app#app .section-products .product-ui--app .product-phone__balance { display:flex; flex-direction:column; gap:7px; padding:14px; min-height:156px; border:0; border-radius:12px; background:linear-gradient(130deg,color-mix(in srgb,var(--leaf) 64%,#F6F5F3),color-mix(in srgb,var(--sky) 62%,#F6F5F3)) !important; color:var(--carbon) !important; }
body[data-page="home"] #app#app#app#app#app#app .section-products .product-ui--app .product-phone__balance header { display:flex; justify-content:space-between; align-items:center; margin-bottom:8px; font-size:11px; }
body[data-page="home"] #app#app#app#app#app#app .section-products .product-ui--app .product-phone__balance header i { width:23px; height:17px; border-radius:4px; background:color-mix(in srgb,#F6F5F3 65%,transparent); }
body[data-page="home"] #app#app#app#app#app#app .section-products .product-ui--app .product-phone__balance small { font-size:7px; text-transform:uppercase; color:inherit; }
body[data-page="home"] #app#app#app#app#app#app .section-products .product-ui--app .product-phone__balance strong { font-size:clamp(19px,1.65vw,26px); font-weight:650; line-height:1.1; letter-spacing:-.045em; white-space:nowrap; }
body[data-page="home"] #app#app#app#app#app#app .section-products .product-ui--app .product-phone__balance > span { margin-top:auto; padding-top:12px; font-size:9px; }
body[data-page="home"] #app#app#app#app#app#app .section-products .product-ui--app .product-phone__balance .wallet-card-meta { display:flex; justify-content:space-between; gap:5px; }
body[data-page="home"] #app#app#app#app#app#app .section-products .product-ui--app .product-phone__balance .wallet-card-meta span { font-size:7px; }
body[data-page="home"] #app#app#app#app#app#app .section-products .product-ui--app .product-phone__actions { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); margin:0; gap:6px; }
body[data-page="home"] #app#app#app#app#app#app .section-products .product-ui--app .product-phone__actions span { display:flex !important; flex-direction:column; align-items:flex-start; gap:7px; padding:9px 7px; background:#F6F5F3; color:var(--carbon); border:0; border-radius:9px; font-size:8px; text-align:left; white-space:nowrap; }
body[data-page="home"] #app#app#app#app#app#app .section-products .product-ui--app .product-phone__actions i { display:grid; place-items:center; width:23px; height:23px; border-radius:7px; font-size:18px; font-style:normal; background:color-mix(in srgb,var(--sky) 24%,#F6F5F3); color:var(--carbon); }
body[data-page="home"] #app#app#app#app#app#app .section-products .product-ui--app .product-phone__actions span:nth-child(2) i { background:color-mix(in srgb,var(--leaf) 20%,#F6F5F3); }
body[data-page="home"] #app#app#app#app#app#app .section-products .product-ui--app .product-phone__actions span:nth-child(3) i { background:color-mix(in srgb,var(--sand) 65%,#F6F5F3); }
body[data-page="home"] #app#app#app#app#app#app .section-products .product-ui--app .wallet-goals { flex:1; padding:12px; background:#F6F5F3; border-radius:12px; }
body[data-page="home"] #app#app#app#app#app#app .section-products .product-ui--app .wallet-goals header { display:flex; justify-content:space-between; align-items:center; font-size:10px; margin-bottom:12px; }
body[data-page="home"] #app#app#app#app#app#app .section-products .product-ui--app .wallet-goals p { display:flex; justify-content:space-between; margin:0 0 5px; gap:6px; font-size:8px; line-height:1.3; }
body[data-page="home"] #app#app#app#app#app#app .section-products .product-ui--app .wallet-goals small { display:block; font-size:8px; margin:5px 0 13px; color:color-mix(in srgb,var(--carbon) 55%,transparent); }
body[data-page="home"] #app#app#app#app#app#app .section-products .product-ui--app meter { display:block; width:100%; height:6px; border:0; background:color-mix(in srgb,var(--leaf) 18%,#F6F5F3); border-radius:5px; }
body[data-page="home"] #app#app#app#app#app#app .section-products .product-ui--app meter::-webkit-meter-bar { height:6px; border:0; background:color-mix(in srgb,var(--leaf) 18%,#F6F5F3); }
body[data-page="home"] #app#app#app#app#app#app .section-products .product-ui--app meter::-webkit-meter-optimum-value { background:var(--leaf); }
body[data-page="home"] #app#app#app#app#app#app .section-products .product-ui--app .wallet-goals > div:last-child meter::-webkit-meter-optimum-value { background:var(--sky); }
body[data-page="home"] #app#app#app#app#app#app .section-products .product-ui--app .product-flow { display:block; padding:12px; min-height:350px; background:#F6F5F3 !important; border:0; border-radius:12px; }
body[data-page="home"] #app#app#app#app#app#app .section-products .product-ui--app .product-flow > header { display:flex; justify-content:space-between; align-items:center; margin-bottom:12px; }
body[data-page="home"] #app#app#app#app#app#app .section-products .product-ui--app .product-flow > header strong { font-size:10px; letter-spacing:0; }
body[data-page="home"] #app#app#app#app#app#app .section-products .product-ui--app .wallet-activity { list-style:none; margin:0; padding:0; }
body[data-page="home"] #app#app#app#app#app#app .section-products .product-ui--app .wallet-activity li { display:grid; grid-template-columns:23px minmax(0,1fr) auto; align-items:center; gap:5px; padding:11px 0; border-bottom:1px solid color-mix(in srgb,var(--carbon) 7%,transparent); }
body[data-page="home"] #app#app#app#app#app#app .section-products .product-ui--app .wallet-activity li:last-child { border-bottom:0; }
body[data-page="home"] #app#app#app#app#app#app .section-products .product-ui--app .wallet-merchant { display:grid; place-items:center; width:23px; height:25px; border-radius:6px; background:color-mix(in srgb,var(--sand) 24%,#fff); color:var(--carbon); font-size:9px; font-weight:650; }
body[data-page="home"] #app#app#app#app#app#app .section-products .product-ui--app .wallet-activity strong { display:block; font-size:8px; line-height:1.25; font-weight:600; }
body[data-page="home"] #app#app#app#app#app#app .section-products .product-ui--app .wallet-activity small { display:block; font-size:7px; line-height:1.4; margin-top:3px; color:color-mix(in srgb,var(--carbon) 55%,transparent); }
body[data-page="home"] #app#app#app#app#app#app .section-products .product-ui--app .wallet-activity b { font-size:8px; white-space:nowrap; font-weight:550; }
body[data-page="home"] #app#app#app#app#app#app .section-products .product-ui--app .wallet-credit { color:#26503C; }
body[data-page="home"] #app#app#app#app#app#app .section-products .product-ui--app .wallet-summary { display:flex; flex-direction:column; gap:12px; min-width:0; }
body[data-page="home"] #app#app#app#app#app#app .section-products .product-ui--app .wallet-spending, body[data-page="home"] #app#app#app#app#app#app .section-products .product-ui--app .wallet-calendar { padding:12px; border-radius:12px; background:#F6F5F3; }
body[data-page="home"] #app#app#app#app#app#app .section-products .product-ui--app .wallet-spending { display:flex; flex-direction:column; gap:7px; }
body[data-page="home"] #app#app#app#app#app#app .section-products .product-ui--app .wallet-spending small { font-size:7px; text-transform:uppercase; color:color-mix(in srgb,var(--carbon) 55%,transparent); }
body[data-page="home"] #app#app#app#app#app#app .section-products .product-ui--app .wallet-spending strong { font-size:21px; letter-spacing:-.04em; white-space:nowrap; }
body[data-page="home"] #app#app#app#app#app#app .section-products .product-ui--app .wallet-spending > span { font-size:8px; color:#26503C; }
body[data-page="home"] #app#app#app#app#app#app .section-products .product-ui--app .wallet-calendar { flex:1; }
body[data-page="home"] #app#app#app#app#app#app .section-products .product-ui--app .wallet-calendar > strong { font-size:10px; }
body[data-page="home"] #app#app#app#app#app#app .section-products .product-ui--app .wallet-calendar__week, body[data-page="home"] #app#app#app#app#app#app .section-products .product-ui--app .wallet-calendar__days { display:grid; grid-template-columns:repeat(7,minmax(0,1fr)); text-align:center; font-size:7px; gap:0; }
body[data-page="home"] #app#app#app#app#app#app .section-products .product-ui--app .wallet-calendar__week { margin:13px 0 7px; color:color-mix(in srgb,var(--carbon) 55%,transparent); }
body[data-page="home"] #app#app#app#app#app#app .section-products .product-ui--app .wallet-calendar__days span { padding:5px 0; }
body[data-page="home"] #app#app#app#app#app#app .section-products .product-ui--app .wallet-calendar__days span:first-child { grid-column:4; }
body[data-page="home"] #app#app#app#app#app#app .section-products .product-ui--app .wallet-calendar__selected { background:color-mix(in srgb,var(--leaf) 22%,#F6F5F3); color:#26503C; }
body[data-page="home"] #app#app#app#app#app#app .section-products .product-ui--app .wallet-calendar__selected:nth-child(5) { border-radius:7px 0 0 7px; }
body[data-page="home"] #app#app#app#app#app#app .section-products .product-ui--app .wallet-calendar__selected:nth-child(9) { border-radius:0 7px 7px 0; }
@media(max-width:767px) {
body[data-page="home"] #app#app#app#app#app#app .section-products .product-ui--app .product-ui__app-grid { display:flex !important; flex-direction:column; gap:36px !important; }
body[data-page="home"] #app#app#app#app#app#app .section-products .flat-preview { padding:16px !important; }
body[data-page="home"] #app#app#app#app#app#app .section-products .product-ui--app .product-flow { min-height:0; }
body[data-page="home"] #app#app#app#app#app#app .section-products .product-ui--app .wallet-summary { gap:12px; }
body[data-page="home"] #app#app#app#app#app#app .section-products .product-ui--app .wallet-activity strong, body[data-page="home"] #app#app#app#app#app#app .section-products .product-ui--app .wallet-activity b { font-size:11px; }
body[data-page="home"] #app#app#app#app#app#app .section-products .product-ui--app .wallet-activity small { font-size:9px; }
body[data-page="home"] #app#app#app#app#app#app .section-products .product-ui--app .wallet-search span { display:none; }
body[data-page="home"] #app#app#app#app#app#app .section-products .product-ui--app .wallet-calendar__days, body[data-page="home"] #app#app#app#app#app#app .section-products .product-ui--app .wallet-calendar__week { font-size:10px; }
}

body[data-page="home"] #app#app#app#app#app#app .section-products .product-ui--app .wallet-activity strong, body[data-page="home"] #app#app#app#app#app#app .section-products .product-ui--app .wallet-activity b { font-size:10px; }
body[data-page="home"] #app#app#app#app#app#app .section-products .product-ui--app .wallet-activity small { font-size:9px; }
body[data-page="home"] #app#app#app#app#app#app .section-products .product-ui--app .wallet-calendar__week, body[data-page="home"] #app#app#app#app#app#app .section-products .product-ui--app .wallet-calendar__days { font-size:9px; }

/* Restore original wallet assets; enrich the workflow and data chart. */
body[data-page="home"] #app#app#app#app#app#app .section-products .product-ui--app .product-phone__balance { background:linear-gradient(120deg,#D9483B,#8A5FB0 55%,#4E86C4) !important; background:linear-gradient(120deg in oklch,#D9483B,#4E86C4) !important; color:#fff !important; }
body[data-page="home"] #app#app#app#app#app#app .section-products .product-ui--app .wallet-merchant { background:#fff; width:26px; height:28px; border-radius:6px; overflow:hidden; }
body[data-page="home"] #app#app#app#app#app#app .section-products .product-ui--app .wallet-merchant img { display:block; width:24px; height:24px; object-fit:contain; }
body[data-page="home"] #app#app#app#app#app#app .section-products .product-ui--app .wallet-merchant--person img { border-radius:50%; object-fit:cover; }
body[data-page="home"] #app#app#app#app#app#app .product-ui .product-ui__icon { background:color-mix(in srgb,var(--leaf) 9%,#F6F5F3) !important; color:#52645B !important; border:1px solid color-mix(in srgb,var(--leaf) 14%,transparent) !important; box-shadow:none !important; }
body[data-page="home"] #app#app#app#app#app#app .product-ui .product-ui__icon svg { opacity:.7; stroke-width:1.4; }
body[data-page="home"] #app#app#app#app#app#app .product-ui--automation .product-automation__route { grid-template-columns:repeat(2,minmax(0,1fr)); gap:32px; }
body[data-page="home"] #app#app#app#app#app#app .product-ui--automation .product-automation__route article { min-height:230px; padding:18px; gap:8px; justify-content:flex-start; background:color-mix(in srgb,var(--leaf) 9%,#F6F5F3) !important; }
body[data-page="home"] #app#app#app#app#app#app .product-ui--automation .product-automation__route article:nth-child(2) { background:color-mix(in srgb,var(--sky) 13%,#F6F5F3) !important; }
body[data-page="home"] #app#app#app#app#app#app .product-ui--automation .product-automation__route article:nth-child(3) { background:color-mix(in srgb,var(--sand) 30%,#F6F5F3) !important; }
body[data-page="home"] #app#app#app#app#app#app .product-ui--automation .product-automation__route article:nth-child(4) { background:color-mix(in srgb,var(--aqua) 13%,#F6F5F3) !important; }
body[data-page="home"] #app#app#app#app#app#app .product-ui--automation .product-automation__route article > small { margin-top:2px; }
body[data-page="home"] #app#app#app#app#app#app .product-ui--automation .product-automation__route article > em { font-style:normal; }
body[data-page="home"] #app#app#app#app#app#app .product-ui--automation .product-ui__icon { width:34px; height:34px; border-radius:10px; }
body[data-page="home"] #app#app#app#app#app#app .product-ui--automation .automation-detail { display:flex; flex-direction:column; gap:8px; width:100%; margin-top:8px; padding-top:12px; border-top:1px solid color-mix(in srgb,var(--carbon) 9%,transparent); font-size:10px; line-height:1.45; }
body[data-page="home"] #app#app#app#app#app#app .product-ui--automation .automation-detail > span:first-child { color:#52645B; font-size:9px; }
body[data-page="home"] #app#app#app#app#app#app .product-ui--automation .automation-detail strong { font-size:11px; }
body[data-page="home"] #app#app#app#app#app#app .product-ui--automation .automation-detail ul { list-style:none; padding:0; margin:0; display:grid; gap:5px; }
body[data-page="home"] #app#app#app#app#app#app .product-ui--automation .automation-tag { align-self:flex-start; padding:5px 7px; border-radius:6px; background:color-mix(in srgb,#fff 65%,transparent); color:#52645B; font-size:9px; }
body[data-page="home"] #app#app#app#app#app#app .product-ui--automation .automation-owner { display:flex; align-items:center; gap:8px; }
body[data-page="home"] #app#app#app#app#app#app .product-ui--automation .automation-owner img { width:32px; height:32px; border-radius:50%; object-fit:cover; }
body[data-page="home"] #app#app#app#app#app#app .product-ui--automation .automation-owner span { display:grid; gap:3px; }
body[data-page="home"] #app#app#app#app#app#app .product-ui--automation .automation-owner small { font-size:9px; color:#52645B; }
body[data-page="home"] #app#app#app#app#app#app .product-ui--automation .automation-runs { padding:16px; border-radius:12px; background:#F6F5F3; font-size:10px; }
body[data-page="home"] #app#app#app#app#app#app .product-ui--automation .automation-runs > div { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:7px; margin-bottom:10px; }
body[data-page="home"] #app#app#app#app#app#app .product-ui--automation .automation-runs > div span { font-size:9px; color:#52645B; }
body[data-page="home"] #app#app#app#app#app#app .product-ui--automation .automation-runs p { display:grid; grid-template-columns:1fr auto auto; gap:12px; margin:0; padding:9px 0; border-top:1px solid color-mix(in srgb,var(--carbon) 7%,transparent); }
body[data-page="home"] #app#app#app#app#app#app .product-ui--automation .automation-runs p b { color:#52645B; font-weight:500; }
body[data-page="home"] #app#app#app#app#app#app .product-review > aside article > span img { display:block; width:28px; height:28px; border-radius:50%; object-fit:cover; }
body[data-page="home"] #app#app#app#app#app#app .product-chart { display:block; height:auto; min-height:180px; padding:10px 0 0; border:0; background:transparent; }
body[data-page="home"] #app#app#app#app#app#app .product-chart svg { display:block; width:100%; height:auto; max-height:240px; overflow:visible; fill:none; stroke:none; }
body[data-page="home"] #app#app#app#app#app#app .product-chart .jobs-grid path { stroke:color-mix(in srgb,var(--carbon) 10%,transparent); stroke-width:1; stroke-dasharray:3 4; }
body[data-page="home"] #app#app#app#app#app#app .product-chart text { fill:#647169; font:9px Geist,sans-serif; stroke:none; }
body[data-page="home"] #app#app#app#app#app#app .product-chart .jobs-area { fill:color-mix(in srgb,var(--leaf) 14%,transparent); stroke:none; }
body[data-page="home"] #app#app#app#app#app#app .product-chart .jobs-line { stroke:var(--leaf); stroke-width:2.5; stroke-linecap:round; stroke-linejoin:round; fill:none; }
body[data-page="home"] #app#app#app#app#app#app .product-chart .jobs-points circle { fill:#F6F5F3; stroke:var(--leaf); stroke-width:2; }
body[data-page="home"] #app#app#app#app#app#app .product-chart .jobs-tracker { fill:var(--leaf); stroke:#F6F5F3; stroke-width:2; offset-distance:100%; }
@media(prefers-reduced-motion:no-preference) {
body[data-page="home"] #app#app#app#app#app#app .is-flat-running .jobs-line { stroke-dasharray:1; animation:jobs-draw 2.8s ease-out both; }
body[data-page="home"] #app#app#app#app#app#app .is-flat-running .jobs-tracker { animation:reference-bus-travel 8s linear infinite; }
}
@keyframes jobs-draw { from {stroke-dashoffset:1;} to {stroke-dashoffset:0;} }
@media(prefers-reduced-motion:reduce) {
body[data-page="home"] #app#app#app#app#app#app .jobs-line, body[data-page="home"] #app#app#app#app#app#app .jobs-tracker { animation:none !important; stroke-dashoffset:0; }
}
@media(max-width:767px) {
body[data-page="home"] #app#app#app#app#app#app .product-ui--automation .product-automation__route { grid-template-columns:1fr !important; }
body[data-page="home"] #app#app#app#app#app#app .product-ui--automation .product-automation__route article { min-height:0; }
body[data-page="home"] #app#app#app#app#app#app .product-ui--automation .automation-runs p { grid-template-columns:1fr auto; gap:6px; }
body[data-page="home"] #app#app#app#app#app#app .product-ui--automation .automation-runs p b { grid-column:1 / -1; }
}

/* Let the richer automation workflow determine its own height. */
body[data-page="home"] #app#app#app#app#app#app .sections .section > .flat-preview:has(.product-ui--automation) { display:block !important; aspect-ratio:auto !important; height:auto !important; min-height:0 !important; overflow:hidden; }
body[data-page="home"] #app#app#app#app#app#app .flat-preview .product-ui--automation { height:auto !important; min-height:0 !important; flex:none !important; }
body[data-page="home"] #app#app#app#app#app#app .product-ui--automation .product-automation { height:auto; min-height:0; flex:none; }
body[data-page="home"] #app#app#app#app#app#app .product-ui--automation .product-automation__route { flex:none; grid-auto-rows:auto; }
body[data-page="home"] #app#app#app#app#app#app .product-ui--automation .automation-detail, body[data-page="home"] #app#app#app#app#app#app .product-ui--automation .automation-runs, body[data-page="home"] #app#app#app#app#app#app .product-ui--automation .product-automation__footer { flex-shrink:0; }
body[data-page="home"] #app#app#app#app#app#app .product-chart { margin-top:20px; }

/* Naka measured spacing, 2026-10-08: 1120px content, 24px cards,
   20px phone gutters, 16/24/40px radii. Preserve all component markup. */
body[data-page="home"] { --naka-content:1120px; --naka-gutter:40px; --naka-section:100px; --naka-panel:24px; --naka-gap:32px; --naka-surface-radius:24px; }
body[data-page="home"] #app#app#app#app#app#app#app#app .sx { padding-block:var(--naka-section) !important; padding-inline:var(--naka-gutter) !important; }
body[data-page="home"] #app#app#app#app#app#app#app#app .sx__inner { width:100%; max-width:var(--naka-content); margin-inline:auto; }
body[data-page="home"] #app#app#app#app#app#app#app#app .sx__head { gap:24px; margin-bottom:40px; }
body[data-page="home"] #app#app#app#app#app#app#app#app .sx__title { font-size:clamp(32px,3.2vw,40px) !important; line-height:1.08 !important; letter-spacing:-.045em !important; max-width:680px; }
body[data-page="home"] #app#app#app#app#app#app#app#app .sx__lede { max-width:65ch; line-height:1.5 !important; }
body[data-page="home"] #app#app#app#app#app#app#app#app #studio-intro { max-width:var(--naka-content); width:calc(100% - 2 * var(--naka-gutter)); margin-inline:auto; gap:32px !important; }
body[data-page="home"] #app#app#app#app#app#app#app#app #studio-intro > .description { line-height:1.5 !important; max-width:65ch; }
body[data-page="home"] #app#app#app#app#app#app#app#app .sections { gap:80px !important; padding-block:80px; }
body[data-page="home"] #app#app#app#app#app#app#app#app .sections > .section { width:calc(100% - 2 * var(--naka-gutter)); max-width:var(--naka-content); margin-inline:auto; column-gap:32px !important; row-gap:24px !important; grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr) !important; align-items:start; }
body[data-page="home"] #app#app#app#app#app#app#app#app .sections > .section > .title { font-size:clamp(32px,3.2vw,40px) !important; line-height:1.08 !important; letter-spacing:-.045em !important; }
body[data-page="home"] #app#app#app#app#app#app#app#app .sections > .section .text-wrap { gap:24px; min-width:0; }
body[data-page="home"] #app#app#app#app#app#app#app#app .sections > .section .text-wrap .description { line-height:1.5 !important; }
body[data-page="home"] #app#app#app#app#app#app#app#app .sections .section > .flat-preview:has(.product-ui) { display:block !important; height:auto !important; min-height:0 !important; aspect-ratio:auto !important; padding:var(--naka-panel) !important; border-radius:24px !important; align-self:start; }
body[data-page="home"] #app#app#app#app#app#app#app#app .sections .section > .flat-preview .product-ui { height:auto !important; min-height:0 !important; flex:none !important; }
body[data-page="home"] #app#app#app#app#app#app#app#app .product-ui__body, body[data-page="home"] #app#app#app#app#app#app#app#app .product-dashboard, body[data-page="home"] #app#app#app#app#app#app#app#app .product-system, body[data-page="home"] #app#app#app#app#app#app#app#app .product-automation, body[data-page="home"] #app#app#app#app#app#app#app#app .product-review { height:auto !important; min-height:0 !important; flex:none !important; }
body[data-page="home"] #app#app#app#app#app#app#app#app .product-ui__workspace, body[data-page="home"] #app#app#app#app#app#app#app#app .product-system__workspace { min-height:0 !important; }
body[data-page="home"] #app#app#app#app#app#app#app#app .product-ui--app .product-flow { min-height:0 !important; }
body[data-page="home"] #app#app#app#app#app#app#app#app .product-ui--app .wallet-calendar, body[data-page="home"] #app#app#app#app#app#app#app#app .product-ui--app .wallet-goals { flex:initial; }
body[data-page="home"] #app#app#app#app#app#app#app#app .product-ui--dashboard .product-dashboard__main { align-items:start; }
body[data-page="home"] #app#app#app#app#app#app#app#app .product-ui--dashboard .product-dashboard__chart, body[data-page="home"] #app#app#app#app#app#app#app#app .product-ui--dashboard .product-dashboard__queue { min-height:0 !important; padding:16px; }
body[data-page="home"] #app#app#app#app#app#app#app#app .product-ui--review .product-review { align-items:start; }
body[data-page="home"] #app#app#app#app#app#app#app#app .product-ui--automation .product-automation__route article { min-height:0; padding:20px; gap:8px; }
body[data-page="home"] #app#app#app#app#app#app#app#app .product-ui--automation .product-automation__route article > small { margin-top:0; }
body[data-page="home"] #app#app#app#app#app#app#app#app .product-ui--automation .product-ui__icon { flex-shrink:0; }
body[data-page="home"] #app#app#app#app#app#app#app#app .sx-plan, body[data-page="home"] #app#app#app#app#app#app#app#app .sx-step { padding:24px !important; border-radius:24px !important; }
body[data-page="home"] #app#app#app#app#app#app#app#app .hws__frame { border-radius:24px !important; overflow:hidden; }
body[data-page="home"] #app#app#app#app#app#app#app#app .hws__text { padding:24px !important; gap:16px; }
body[data-page="home"] #app#app#app#app#app#app#app#app .sx-faq__item { border-radius:20px !important; padding:0 !important; }
body[data-page="home"] #app#app#app#app#app#app#app#app .sx-faq__item summary { padding:24px !important; min-height:64px; line-height:1.4; }
body[data-page="home"] #app#app#app#app#app#app#app#app .sx-faq__item > :not(summary) { padding-inline:24px !important; }
body[data-page="home"] #app#app#app#app#app#app#app#app .sx-btn, body[data-page="home"] #app#app#app#app#app#app#app#app .button-frame { min-height:48px; border-radius:14px !important; }
body[data-page="home"] #app#app#app#app#app#app#app#app #system-statement { padding-block:100px !important; padding-inline:max(var(--naka-gutter),calc((100% - var(--naka-content))/2)) !important; }
body[data-page="home"] #app#app#app#app#app#app#app#app .book-call { max-width:var(--naka-content); margin-inline:auto; width:calc(100% - 2 * var(--naka-gutter)); border-radius:40px !important; }
@media(max-width:1023px) {
body[data-page="home"] { --naka-gutter:24px; --naka-section:80px; }
body[data-page="home"] #app#app#app#app#app#app#app#app .sections > .section { grid-template-columns:1fr !important; row-gap:24px !important; }
body[data-page="home"] #app#app#app#app#app#app#app#app .sections > .section > .header { grid-column:1 !important; grid-row:1 !important; }
body[data-page="home"] #app#app#app#app#app#app#app#app .sections > .section > .title { grid-column:1 !important; grid-row:2 !important; }
body[data-page="home"] #app#app#app#app#app#app#app#app .sections > .section > .flat-preview { grid-column:1 !important; grid-row:3 !important; }
body[data-page="home"] #app#app#app#app#app#app#app#app .sections > .section > .text-wrap { grid-column:1 !important; grid-row:4 !important; }
}
@media(max-width:767px) {
body[data-page="home"] { --naka-gutter:20px; --naka-section:64px; --naka-panel:16px; }
body[data-page="home"] #app#app#app#app#app#app#app#app .sections { gap:64px !important; padding-block:64px; }
body[data-page="home"] #app#app#app#app#app#app#app#app .sections > .section { width:calc(100% - 40px); }
body[data-page="home"] #app#app#app#app#app#app#app#app .sx__head { margin-bottom:32px; gap:20px; }
body[data-page="home"] #app#app#app#app#app#app#app#app .sx-plan, body[data-page="home"] #app#app#app#app#app#app#app#app .sx-step { padding:20px !important; border-radius:20px !important; }
body[data-page="home"] #app#app#app#app#app#app#app#app .sx-faq__item summary { padding:20px !important; }
body[data-page="home"] #app#app#app#app#app#app#app#app .sx-faq__item > :not(summary) { padding-inline:20px !important; }
body[data-page="home"] #app#app#app#app#app#app#app#app .book-call { border-radius:24px !important; }
}

body[data-page="home"] #app#app#app#app#app#app#app#app .sections { width:100%; max-width:none; padding-inline:0 !important; }

/* Restore storefront products and compact the workflow without dropping steps. */
body[data-page="home"] #app#app#app#app#app#app#app#app .product-ui--presence { gap:28px !important; }
body[data-page="home"] #app#app#app#app#app#app#app#app .product-ui--presence .product-ui__brand { display:block; font-size:22px; letter-spacing:-.06em; }
body[data-page="home"] #app#app#app#app#app#app#app#app .product-ui--presence .product-ui__brand small { display:block; font-size:9px; letter-spacing:0; }
body[data-page="home"] #app#app#app#app#app#app#app#app .store-bag { display:flex; gap:8px; align-items:center; font-size:11px; }
body[data-page="home"] #app#app#app#app#app#app#app#app .store-bag b { padding:5px 8px; border-radius:8px; background:color-mix(in srgb,var(--leaf) 15%,#F6F5F3); }
body[data-page="home"] #app#app#app#app#app#app#app#app .store-hero { position:relative; height:168px; overflow:hidden; border-radius:16px; background:var(--sand); }
body[data-page="home"] #app#app#app#app#app#app#app#app .store-hero > img { width:100%; height:100%; object-fit:cover; object-position:center 55%; }
body[data-page="home"] #app#app#app#app#app#app#app#app .store-hero > div { position:absolute; inset:0; display:flex; flex-direction:column; justify-content:center; align-items:flex-start; padding:20px; background:linear-gradient(90deg,rgba(243,240,230,.96),rgba(243,240,230,.7) 38%,transparent 65%); }
body[data-page="home"] #app#app#app#app#app#app#app#app .store-hero strong { font-size:28px; line-height:1.05; font-weight:550; letter-spacing:-.04em; }
body[data-page="home"] #app#app#app#app#app#app#app#app .store-hero p { font-size:11px; margin:10px 0 0; }
body[data-page="home"] #app#app#app#app#app#app#app#app .store-shop { min-width:0; padding:14px; border-radius:16px; background:#F6F5F3; }
body[data-page="home"] #app#app#app#app#app#app#app#app .store-shop__head { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:12px; font-size:12px; }
body[data-page="home"] #app#app#app#app#app#app#app#app .store-shop__head > div { display:flex; gap:8px; }
body[data-page="home"] #app#app#app#app#app#app#app#app .store-shop button { min-height:36px; border:1px solid color-mix(in srgb,var(--carbon) 12%,transparent); border-radius:8px; background:#F6F5F3; color:var(--carbon); cursor:pointer; }
body[data-page="home"] #app#app#app#app#app#app#app#app .store-shop__head button { width:36px; font-size:16px; }
body[data-page="home"] #app#app#app#app#app#app#app#app .store-products { display:flex; gap:12px; overflow-x:auto; scroll-snap-type:x mandatory; scrollbar-width:thin; position:relative; padding-bottom:8px; }
body[data-page="home"] #app#app#app#app#app#app#app#app .store-product { flex:0 0 calc((100% - 12px) / 2); min-width:0; scroll-snap-align:start; padding:10px; border-radius:12px; background:#fff; }
body[data-page="home"] #app#app#app#app#app#app#app#app .store-product__photo { height:86px; background-image:url(/mockups/assets/carilo-coffee.webp); background-size:300% auto; border-radius:8px; }
body[data-page="home"] #app#app#app#app#app#app#app#app .store-product > div:not(.store-product__photo) { display:flex; flex-wrap:wrap; justify-content:space-between; gap:6px; padding-block:10px; font-size:10px; }
body[data-page="home"] #app#app#app#app#app#app#app#app .store-product button { width:100%; min-height:32px; }
body[data-page="home"] #app#app#app#app#app#app#app#app .store-trust { display:flex; flex-wrap:wrap; justify-content:space-between; gap:8px; margin-top:8px; font-size:9px; color:#52645B; }
body[data-page="home"] #app#app#app#app#app#app#app#app .section-products .product-ui--app .wallet-merchant--water { background:#151714 !important; }
body[data-page="home"] #app#app#app#app#app#app#app#app .section-products .product-ui--app { background:transparent !important; border:0 !important; box-shadow:none !important; }
body[data-page="home"] #app#app#app#app#app#app#app#app .product-ui--automation { gap:12px !important; }
body[data-page="home"] #app#app#app#app#app#app#app#app .product-ui--automation .product-ui__bar { padding:10px 12px; min-height:44px; }
body[data-page="home"] #app#app#app#app#app#app#app#app .product-ui--automation .product-automation { gap:12px; }
body[data-page="home"] #app#app#app#app#app#app#app#app .product-ui--automation .product-automation__head strong { font-size:20px; }
body[data-page="home"] #app#app#app#app#app#app#app#app .product-ui--automation .product-automation__route { grid-template-columns:repeat(4,minmax(0,1fr)) !important; gap:20px; }
body[data-page="home"] #app#app#app#app#app#app#app#app .product-ui--automation .product-automation__route article { padding:12px; gap:5px; min-height:0 !important; }
body[data-page="home"] #app#app#app#app#app#app#app#app .product-ui--automation .product-automation__route article > strong { font-size:11px; }
body[data-page="home"] #app#app#app#app#app#app#app#app .product-ui--automation .product-ui__icon { width:28px; height:28px; }
body[data-page="home"] #app#app#app#app#app#app#app#app .product-ui--automation .automation-detail { gap:6px; margin-top:5px; padding-top:8px; font-size:9px; }
body[data-page="home"] #app#app#app#app#app#app#app#app .product-ui--automation .automation-detail strong { font-size:10px; }
body[data-page="home"] #app#app#app#app#app#app#app#app .product-ui--automation .automation-tag { font-size:8px; padding:4px; }
body[data-page="home"] #app#app#app#app#app#app#app#app .product-ui--automation .automation-owner { flex-wrap:wrap; gap:5px; }
body[data-page="home"] #app#app#app#app#app#app#app#app .product-ui--automation .automation-owner img { width:24px; height:24px; }
body[data-page="home"] #app#app#app#app#app#app#app#app .product-ui--automation .automation-runs { padding:10px 12px; font-size:9px; }
body[data-page="home"] #app#app#app#app#app#app#app#app .product-ui--automation .automation-runs > div { margin-bottom:6px; }
body[data-page="home"] #app#app#app#app#app#app#app#app .product-ui--automation .automation-runs p { padding:5px 0; }
body[data-page="home"] #app#app#app#app#app#app#app#app .product-ui--automation .product-automation__footer { padding:8px 10px; }
@media(min-width:768px) {
body[data-page="home"] #app#app#app#app#app#app#app#app .sections .section > .flat-preview:has(.product-ui) { height:640px !important; min-height:640px !important; display:flex !important; justify-content:center; }
}
@media(max-width:767px) {
body[data-page="home"] #app#app#app#app#app#app#app#app .product-ui--automation .product-automation__route { grid-template-columns:1fr !important; }
body[data-page="home"] #app#app#app#app#app#app#app#app .product-ui--automation .automation-detail { font-size:11px; }
body[data-page="home"] #app#app#app#app#app#app#app#app .product-ui--automation .automation-detail strong { font-size:12px; }
body[data-page="home"] #app#app#app#app#app#app#app#app .store-product { flex-basis:100%; }
body[data-page="home"] #app#app#app#app#app#app#app#app .store-shop button { min-height:44px; }
}

/* Dashboard: opposite-side red wash, with no extra enclosing UI surface. */
body[data-page="home"] #app#app#app#app#app#app#app#app .sections .section-systems > .flat-preview:has(.product-ui--dashboard) { background:radial-gradient(ellipse at 100% 0%,rgba(217,72,59,.16),transparent 65%),linear-gradient(195deg,#F6F5F3,rgba(126,173,219,.12),#F6F5F3) !important; border:0 !important; box-shadow:none !important; }
body[data-page="home"] #app#app#app#app#app#app#app#app .product-ui--dashboard, body[data-page="home"] #app#app#app#app#app#app#app#app .product-ui--dashboard .product-dashboard, body[data-page="home"] #app#app#app#app#app#app#app#app .product-ui--dashboard .product-ui__bar { background:transparent !important; border:0 !important; box-shadow:none !important; }
body[data-page="home"] #app#app#app#app#app#app#app#app .product-ui--dashboard .product-ui__mark { background:transparent; border:0; color:#647169; }
body[data-page="home"] #app#app#app#app#app#app#app#app .product-ui--dashboard .product-ui__mark svg { stroke-width:1.2; opacity:.65; }

/* Keep product browsing, without a visible scrollbar beneath the cards. */
body[data-page="home"] #app#app#app#app#app#app#app#app .store-products { scrollbar-width:none; }
body[data-page="home"] #app#app#app#app#app#app#app#app .store-products::-webkit-scrollbar { display:none; width:0; height:0; }

/* Work in the world: paired project surfaces, following Naka project proportions. */
body[data-page="home"] #app#app#app#app#app#app#app#app #work .hws__list { gap:40px !important; }
body[data-page="home"] #app#app#app#app#app#app#app#app #work .hws__item { display:grid !important; grid-template-columns:minmax(0, .7fr) minmax(0, 1.3fr) !important; align-items:stretch !important; gap:16px !important; padding:0 !important; border:0 !important; background:transparent !important; box-shadow:none !important; overflow:visible !important; }
body[data-page="home"] #app#app#app#app#app#app#app#app #work .hws__text { padding:24px !important; gap:18px !important; border-radius:24px !important; background:var(--white) !important; color:var(--carbon) !important; min-height:440px; }
body[data-page="home"] #app#app#app#app#app#app#app#app #work .hws__index { margin:0 !important; padding:0 !important; border:0 !important; color:var(--green-strong) !important; font:500 12px/1.3 Geist,sans-serif !important; letter-spacing:.02em !important; }
body[data-page="home"] #app#app#app#app#app#app#app#app #work .hws__name { margin:0 !important; max-width:none !important; color:var(--carbon) !important; font:500 30px/1.08 Geist,sans-serif !important; letter-spacing:-.04em !important; }
body[data-page="home"] #app#app#app#app#app#app#app#app #work .hws__copy { margin:0 !important; color:var(--green-strong) !important; font-size:16px !important; line-height:1.5 !important; letter-spacing:-.01em !important; }
body[data-page="home"] #app#app#app#app#app#app#app#app #work .hws__tags { gap:6px !important; }
body[data-page="home"] #app#app#app#app#app#app#app#app #work .hws__tags li { padding:7px 10px !important; border:0 !important; border-radius:8px !important; background:color-mix(in srgb,var(--leaf) 10%,var(--white)) !important; color:var(--green-strong) !important; font:400 11px/1.2 Geist,sans-serif !important; text-transform:none !important; }
body[data-page="home"] #app#app#app#app#app#app#app#app #work .hws__link { width:100% !important; box-sizing:border-box; justify-content:space-between !important; margin-top:auto !important; padding:16px !important; min-height:48px !important; background:var(--carbon) !important; color:var(--white) !important; border-radius:14px !important; font:500 13px/1.2 Geist,sans-serif !important; text-transform:none !important; }
body[data-page="home"] #app#app#app#app#app#app#app#app #work .hws__frame { display:flex !important; flex-direction:column; border:0 !important; border-radius:24px !important; background:color-mix(in srgb,var(--sand) 30%,var(--white)) !important; box-shadow:0 3px 8px rgb(11 12 11 / .03),0 16px 32px rgb(11 12 11 / .06) !important; }
body[data-page="home"] #app#app#app#app#app#app#app#app #work .hw__bar { flex:none; padding:12px 16px !important; background:var(--white) !important; border:0 !important; }
body[data-page="home"] #app#app#app#app#app#app#app#app #work .hw__url { color:var(--green-strong) !important; background:transparent !important; }
body[data-page="home"] #app#app#app#app#app#app#app#app #work .hw__live { color:var(--green-strong) !important; }
body[data-page="home"] #app#app#app#app#app#app#app#app #work .hw__dots i { background:color-mix(in srgb,var(--carbon) 20%,var(--white)) !important; }
body[data-page="home"] #app#app#app#app#app#app#app#app #work .hws__shot { flex:1; min-height:0; aspect-ratio:auto; display:flex; align-items:center; padding:24px; background:transparent !important; }
body[data-page="home"] #app#app#app#app#app#app#app#app #work .hws__shot img { width:100%; height:auto !important; max-height:100%; object-fit:contain !important; border-radius:8px !important; box-shadow:0 8px 24px rgb(11 12 11 / .1); }
body[data-page="home"] #app#app#app#app#app#app#app#app #work .hws__link:focus-visible { outline:3px solid var(--leaf); outline-offset:4px; }
@media(max-width:899px) {
body[data-page="home"] #app#app#app#app#app#app#app#app #work .hws__item { grid-template-columns:1fr !important; gap:12px !important; }
body[data-page="home"] #app#app#app#app#app#app#app#app #work .hws__text { min-height:0; order:2; }
body[data-page="home"] #app#app#app#app#app#app#app#app #work .hws__frame { order:1; }
body[data-page="home"] #app#app#app#app#app#app#app#app #work .hws__shot { aspect-ratio:16 / 10; padding:20px; }
body[data-page="home"] #app#app#app#app#app#app#app#app #work .hws__link { margin-top:8px !important; }
}
@media(max-width:767px) {
body[data-page="home"] #app#app#app#app#app#app#app#app #work .hws__text { padding:20px !important; border-radius:20px !important; }
body[data-page="home"] #app#app#app#app#app#app#app#app #work .hws__name { font-size:28px !important; }
body[data-page="home"] #app#app#app#app#app#app#app#app #work .hws__frame { border-radius:20px !important; }
body[data-page="home"] #app#app#app#app#app#app#app#app #work .hws__shot { padding:12px; }
}

/* Work in the world: Naka project proportions with existing brand surfaces. */
body[data-page="home"] #app#app#app#app#app#app#app#app #work .hws__list { gap:40px !important; }
body[data-page="home"] #app#app#app#app#app#app#app#app #work .hws__item { display:grid !important;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr) !important;align-items:stretch !important;gap:16px !important;padding:0 !important;border:0 !important;background:transparent !important;box-shadow:none !important;overflow:visible !important; }
body[data-page="home"] #app#app#app#app#app#app#app#app #work .hws__text { padding:24px !important;gap:18px !important;border-radius:24px !important;background:var(--white) !important;color:var(--c-ink) !important;min-height:440px; }
body[data-page="home"] #app#app#app#app#app#app#app#app #work .hws__index { margin:0 !important;padding:0 !important;border:0 !important;color:var(--green-strong) !important;font:500 12px/1.3 Geist,sans-serif !important; }
body[data-page="home"] #app#app#app#app#app#app#app#app #work .hws__name { margin:0 !important;max-width:none !important;color:var(--c-ink) !important;font:500 30px/1.08 Geist,sans-serif !important;letter-spacing:-.04em !important; }
body[data-page="home"] #app#app#app#app#app#app#app#app #work .hws__copy { margin:0 !important;color:var(--green-strong) !important;font-size:16px !important;line-height:1.5 !important; }
body[data-page="home"] #app#app#app#app#app#app#app#app #work .hws__tags { gap:6px !important; }
body[data-page="home"] #app#app#app#app#app#app#app#app #work .hws__tags li { padding:7px 10px !important;border:0 !important;border-radius:8px !important;background:color-mix(in srgb,var(--leaf) 10%,var(--white)) !important;color:var(--green-strong) !important;font:400 11px/1.2 Geist,sans-serif !important;text-transform:none !important; }
body[data-page="home"] #app#app#app#app#app#app#app#app #work .hws__link { width:100% !important;box-sizing:border-box;justify-content:space-between !important;margin-top:auto !important;padding:16px !important;min-height:48px !important;background:var(--c-ink) !important;color:var(--white) !important;border-radius:14px !important;font:500 13px/1.2 Geist,sans-serif !important;text-transform:none !important; }
body[data-page="home"] #app#app#app#app#app#app#app#app #work .hws__frame { display:flex !important;flex-direction:column;border:0 !important;border-radius:24px !important;background:color-mix(in srgb,var(--sand) 30%,var(--white)) !important;box-shadow:0 3px 8px rgb(11 12 11 / .03),0 16px 32px rgb(11 12 11 / .06) !important; }
body[data-page="home"] #app#app#app#app#app#app#app#app #work .hw__bar { flex:none;padding:12px 16px !important;background:var(--white) !important;border:0 !important; }
body[data-page="home"] #app#app#app#app#app#app#app#app #work .hw__url { color:var(--green-strong) !important;background:transparent !important; }
body[data-page="home"] #app#app#app#app#app#app#app#app #work .hw__live { color:var(--green-strong) !important; }
body[data-page="home"] #app#app#app#app#app#app#app#app #work .hw__dots i { background:color-mix(in srgb,var(--c-ink) 20%,var(--white)) !important; }
body[data-page="home"] #app#app#app#app#app#app#app#app #work .hws__shot { flex:1;min-height:0;aspect-ratio:auto;display:flex;align-items:center;padding:24px;background:transparent !important; }
body[data-page="home"] #app#app#app#app#app#app#app#app #work .hws__shot img { width:100%;height:auto !important;max-height:100%;object-fit:contain !important;border-radius:8px !important;box-shadow:0 8px 24px rgb(11 12 11 / .1); }
body[data-page="home"] #app#app#app#app#app#app#app#app #work .hws__link:focus-visible { outline:3px solid var(--leaf);outline-offset:4px; }
@media(max-width:899px) {
body[data-page="home"] #app#app#app#app#app#app#app#app #work .hws__item { grid-template-columns:1fr !important;gap:12px !important; }
body[data-page="home"] #app#app#app#app#app#app#app#app #work .hws__text { min-height:0;order:2; }
body[data-page="home"] #app#app#app#app#app#app#app#app #work .hws__frame { order:1; }
body[data-page="home"] #app#app#app#app#app#app#app#app #work .hws__shot { aspect-ratio:16 / 10;padding:20px; }
body[data-page="home"] #app#app#app#app#app#app#app#app #work .hws__link { margin-top:8px !important; }
}
@media(max-width:767px) {
body[data-page="home"] #app#app#app#app#app#app#app#app #work .hws__text { padding:20px !important;border-radius:20px !important; }
body[data-page="home"] #app#app#app#app#app#app#app#app #work .hws__name { font-size:28px !important; }
body[data-page="home"] #app#app#app#app#app#app#app#app #work .hws__frame { border-radius:20px !important; }
body[data-page="home"] #app#app#app#app#app#app#app#app #work .hws__shot { padding:12px; }
}

/* Work and capability media: extend the approved paired-card treatment. */
body:is([data-page="work"],[data-page="capabilities"]) #app#app#app#app#app#app#app#app {
 --ed-width:1120px; --ed-radius-card:24px; --ed-radius-tray:24px;
}
body:is([data-page="work"],[data-page="capabilities"]) #app#app#app#app#app#app#app#app .ed-stack { gap:40px !important; }
body:is([data-page="work"],[data-page="capabilities"]) #app#app#app#app#app#app#app#app .ed-project { grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr) !important;gap:16px !important; }
body:is([data-page="work"],[data-page="capabilities"]) #app#app#app#app#app#app#app#app .ed-project__info { padding:24px !important;border:0 !important;border-radius:24px !important; }
body:is([data-page="work"],[data-page="capabilities"]) #app#app#app#app#app#app#app#app .ed-project__title { font-size:30px !important;line-height:1.08 !important;letter-spacing:-.04em !important; }
body:is([data-page="work"],[data-page="capabilities"]) #app#app#app#app#app#app#app#app .ed-project__copy { font-size:16px !important;line-height:1.5 !important; }
body:is([data-page="work"],[data-page="capabilities"]) #app#app#app#app#app#app#app#app .ed-project__media { padding:24px !important;display:flex !important;align-items:center !important;min-width:0;box-sizing:border-box;aspect-ratio:auto !important;min-height:440px !important;border-radius:24px !important;background:color-mix(in srgb,#E6D4BE 25%,#F6F5F3) !important; }
body:is([data-page="work"],[data-page="capabilities"]) #app#app#app#app#app#app#app#app .ed-project__media img { width:100% !important;height:auto !important;object-fit:contain !important;border-radius:12px !important;filter:none !important; }
body:is([data-page="work"],[data-page="capabilities"]) #app#app#app#app#app#app#app#app .ed-btn { min-height:48px !important;border-radius:14px !important; }
body:is([data-page="work"],[data-page="capabilities"]) #app#app#app#app#app#app#app#app .wx__card { padding:20px !important;border-radius:24px !important;overflow:hidden; }
body:is([data-page="work"],[data-page="capabilities"]) #app#app#app#app#app#app#app#app .wx__media { border-radius:16px !important;overflow:hidden !important;aspect-ratio:4 / 3 !important;background:#F6F5F3 !important; }
body:is([data-page="work"],[data-page="capabilities"]) #app#app#app#app#app#app#app#app .wx__media img { width:100% !important;height:100% !important;object-fit:contain !important;filter:none !important; }
body:is([data-page="work"],[data-page="capabilities"]) #app#app#app#app#app#app#app#app .pillar > .media { border-radius:24px !important;padding:24px !important;box-sizing:border-box;display:flex !important;align-items:center !important;background:color-mix(in srgb,#479C73 7%,#F6F5F3) !important; }
body:is([data-page="work"],[data-page="capabilities"]) #app#app#app#app#app#app#app#app .pillar > .media img { width:100% !important;height:auto !important;object-fit:contain !important;border-radius:12px !important;filter:none !important; }
body:is([data-page="work"],[data-page="capabilities"]) #app#app#app#app#app#app#app#app .study-preview { width:100%;padding:24px;box-sizing:border-box;background:#F6F5F3;color:var(--c-ink);font:400 13px/1.5 Geist,sans-serif;border-radius:16px; }
body:is([data-page="work"],[data-page="capabilities"]) #app#app#app#app#app#app#app#app .study-preview__head,.study-preview__row,.study-preview__progress { display:flex;justify-content:space-between;gap:12px; }
body:is([data-page="work"],[data-page="capabilities"]) #app#app#app#app#app#app#app#app .study-preview__head { font-size:10px;letter-spacing:.04em;color:#26503C; }
body:is([data-page="work"],[data-page="capabilities"]) #app#app#app#app#app#app#app#app .study-preview h4 { font:500 30px/1.05 Geist,sans-serif;letter-spacing:-.04em;margin:24px 0 16px; }
body:is([data-page="work"],[data-page="capabilities"]) #app#app#app#app#app#app#app#app .study-preview__lesson { padding:16px;margin:12px 0;border-radius:12px;background:color-mix(in srgb,#479C73 12%,#F6F5F3); }
body:is([data-page="work"],[data-page="capabilities"]) #app#app#app#app#app#app#app#app .study-preview__lesson strong { display:block;font-size:18px;margin:8px 0; }
body:is([data-page="work"],[data-page="capabilities"]) #app#app#app#app#app#app#app#app .study-preview__lesson span { font-size:10px; }
body:is([data-page="work"],[data-page="capabilities"]) #app#app#app#app#app#app#app#app .study-preview__row { padding:12px 0;border-bottom:1px solid rgb(71 156 115 / .15); }
body:is([data-page="work"],[data-page="capabilities"]) #app#app#app#app#app#app#app#app .study-preview__progress { margin-top:20px; }
body:is([data-page="work"],[data-page="capabilities"]) #app#app#app#app#app#app#app#app .study-preview progress { width:100%;height:6px;accent-color:#479C73; }
body:is([data-page="work"],[data-page="capabilities"]) #app#app#app#app#app#app#app#app .wx__media .study-preview { font-size:10px;padding:16px; }
body:is([data-page="work"],[data-page="capabilities"]) #app#app#app#app#app#app#app#app .wx__media .study-preview h4 { font-size:22px;margin:12px 0; }
body:is([data-page="work"],[data-page="capabilities"]) #app#app#app#app#app#app#app#app .wx__media .study-preview__lesson { padding:10px;margin:8px 0; }
body:is([data-page="work"],[data-page="capabilities"]) #app#app#app#app#app#app#app#app .wx__media .study-preview__row { padding:6px 0; }
@media(max-width:899px) {
body:is([data-page="work"],[data-page="capabilities"]) #app#app#app#app#app#app#app#app .ed-project { grid-template-columns:1fr !important; }
body:is([data-page="work"],[data-page="capabilities"]) #app#app#app#app#app#app#app#app .ed-project__media { min-height:0 !important; }
}
@media(max-width:767px) {
body:is([data-page="work"],[data-page="capabilities"]) #app#app#app#app#app#app#app#app :is(.ed-project__info,.ed-project__media,.pillar > .media) { padding:20px !important;border-radius:20px !important; }
body:is([data-page="work"],[data-page="capabilities"]) #app#app#app#app#app#app#app#app .ed-project__title { font-size:28px !important; }
}

body:is([data-page="work"],[data-page="capabilities"]) #app#app#app#app#app#app#app#app .ed-project { padding:0 !important;background:transparent !important;box-shadow:none !important; }
body:is([data-page="work"],[data-page="capabilities"]) #app#app#app#app#app#app#app#app .ed-project__info { background:#F6F5F3 !important; }
body:is([data-page="work"],[data-page="capabilities"]) #app#app#app#app#app#app#app#app .ed-project__info .ed-btn { width:100% !important;justify-content:space-between !important; }
body:is([data-page="work"],[data-page="capabilities"]) #app#app#app#app#app#app#app#app .study-preview { background:#F6F5F3 !important;color:#151714 !important; }
body:is([data-page="work"],[data-page="capabilities"]) #app#app#app#app#app#app#app#app .study-preview :is(p,span,strong,h4) { color:inherit !important;opacity:1 !important; }
body:is([data-page="work"],[data-page="capabilities"]) #app#app#app#app#app#app#app#app .study-preview p { margin:0; }
body:is([data-page="work"],[data-page="capabilities"]) #app#app#app#app#app#app#app#app .wx__media:has(.study-preview) { aspect-ratio:auto !important; }
body:is([data-page="work"],[data-page="capabilities"]) #app#app#app#app#app#app#app#app .wx__media .study-preview__progress { margin-top:12px; }

body[data-page="work"] #app#app#app#app#app#app#app#app .wx__media { height:360px !important;aspect-ratio:auto !important; }

/* Consolidated actions. Hero styling for primary actions; header styling for supporting actions.
   Existing hooks keep their links, submit behavior and interaction state. */
body[data-page]:not(#button-scope-0):not(#button-scope-1):not(#button-scope-2):not(#button-scope-3):not(#button-scope-4):not(#button-scope-5):not(#button-scope-6):not(#button-scope-7):not(#button-scope-8):not(#button-scope-9) :is(.button-frame,.button,.sx-btn,.pr-plan__cta,.ed-btn,.wk__cta,.wp__cta,.wx__cta,.cs__cta,.hws__link,.hw__all,.book-call__button,.ft__cta,.ft__news-submit,.career-submit,.contact-submit,.call-submit,.form-submit,.auth-submit,.auth-method-button,.portal-button,.wcta__secondary,.scan-card__cta,.wk__filter,.pr-tab,.lc-c-btn,button[type="submit"]):not(.site-header *):not(.hero *):not(.hero-action):not(.product-ui *):not(.flat-preview *):not(.lc-chat *):not(.auth-shell *) {
 display:inline-flex !important; align-items:center !important; justify-content:center !important;
 gap:10px !important; width:fit-content !important; max-width:100% !important; min-width:44px !important;
 /* 48px tall, 12px/20px padding: measured off the reference site, where every
    button on the page came back 48px with a 14px radius and a 10px gap. The
    radius and gap here already matched; the height was 44 and the inline
    padding 18, which is what made our buttons read as a size smaller. */
 height:auto !important; min-height:48px !important; padding:12px 20px !important; box-sizing:border-box !important;
 /* Primary: near-black fill, light label. The green that used to fill every
    button becomes an accent used elsewhere rather than the button colour.
    #F7F7F7 on #0A0A0A measures 18.48:1. The secondary type is the inverse of
    this pair and lives at the end of this file. */
 border:0 !important; border-radius:14px !important; background:#0A0A0A !important; background-image:none !important;
 color:#F7F7F7 !important; font:600 15px/1.2 'Geist',sans-serif !important; letter-spacing:-.01em !important;
 text-transform:none !important; text-decoration:none !important; text-align:center !important;
 white-space:normal !important; box-shadow:0 1px 2px rgb(21 23 20 / .04),0 2px 6px rgb(21 23 20 / .04) !important;
 cursor:pointer; flex-shrink:0; align-self:flex-start;
}
body[data-page]:not(#button-scope-0):not(#button-scope-1):not(#button-scope-2):not(#button-scope-3):not(#button-scope-4):not(#button-scope-5):not(#button-scope-6):not(#button-scope-7):not(#button-scope-8):not(#button-scope-9) :is(.button-frame,.button,.sx-btn,.pr-plan__cta,.ed-btn,.wk__cta,.wp__cta,.wx__cta,.cs__cta,.hws__link,.hw__all,.book-call__button,.ft__cta,.ft__news-submit,.career-submit,.contact-submit,.call-submit,.form-submit,.auth-submit,.auth-method-button,.portal-button,.wcta__secondary,.scan-card__cta,.wk__filter,.pr-tab,.lc-c-btn,button[type="submit"]):not(.site-header *):not(.hero *):not(.hero-action):not(.product-ui *):not(.flat-preview *):not(.lc-chat *):not(.auth-shell *) :is(span,.label-wrap) { color:inherit !important;font:inherit !important;letter-spacing:inherit !important;text-transform:inherit !important; }
body[data-page]:not(#button-scope-0):not(#button-scope-1):not(#button-scope-2):not(#button-scope-3):not(#button-scope-4):not(#button-scope-5):not(#button-scope-6):not(#button-scope-7):not(#button-scope-8):not(#button-scope-9) :is(.button-frame,.button,.sx-btn,.pr-plan__cta,.ed-btn,.wk__cta,.wp__cta,.wx__cta,.cs__cta,.hws__link,.hw__all,.book-call__button,.ft__cta,.ft__news-submit,.career-submit,.contact-submit,.call-submit,.form-submit,.auth-submit,.auth-method-button,.portal-button,.wcta__secondary,.scan-card__cta,.wk__filter,.pr-tab,.lc-c-btn,button[type="submit"]):not(.site-header *):not(.hero *):not(.hero-action):not(.product-ui *):not(.flat-preview *):not(.lc-chat *):not(.auth-shell *) .label-wrap { position:static !important;inset:auto !important;transform:none !important;width:auto !important;height:auto !important;display:flex !important;gap:10px !important; }
body[data-page]:not(#button-scope-0):not(#button-scope-1):not(#button-scope-2):not(#button-scope-3):not(#button-scope-4):not(#button-scope-5):not(#button-scope-6):not(#button-scope-7):not(#button-scope-8):not(#button-scope-9) :is(.button-frame,.button,.sx-btn,.pr-plan__cta,.ed-btn,.wk__cta,.wp__cta,.wx__cta,.cs__cta,.hws__link,.hw__all,.book-call__button,.ft__cta,.ft__news-submit,.career-submit,.contact-submit,.call-submit,.form-submit,.auth-submit,.auth-method-button,.portal-button,.wcta__secondary,.scan-card__cta,.wk__filter,.pr-tab,.lc-c-btn,button[type="submit"]):not(.site-header *):not(.hero *):not(.hero-action):not(.product-ui *):not(.flat-preview *):not(.lc-chat *):not(.auth-shell *) > svg.plaisio { display:none !important; }
/* One arrow per button. motion.css draws a 14px arrow on .label-wrap::after,
   from when .button-frame supplied its own and the note there still reads
   "labels and a single flat arrow are the complete button content". This
   system then added its own 20px arrow on the button, so every .button-frame
   inside it rendered two. The system arrow is the one every other button
   uses, so the older inner one goes. A .button-frame outside this system -
   in the hero or a product mockup - keeps its own, untouched. */
body[data-page]:not(#button-scope-0):not(#button-scope-1):not(#button-scope-2):not(#button-scope-3):not(#button-scope-4):not(#button-scope-5):not(#button-scope-6):not(#button-scope-7):not(#button-scope-8):not(#button-scope-9) :is(.button-frame,.button,.sx-btn,.pr-plan__cta,.ed-btn,.wk__cta,.wp__cta,.wx__cta,.cs__cta,.hws__link,.hw__all,.book-call__button,.ft__cta,.ft__news-submit,.career-submit,.contact-submit,.call-submit,.form-submit,.auth-submit,.auth-method-button,.portal-button,.wcta__secondary,.scan-card__cta,.wk__filter,.pr-tab,.lc-c-btn,button[type="submit"]):not(.site-header *):not(.hero *):not(.hero-action):not(.product-ui *):not(.flat-preview *):not(.lc-chat *):not(.auth-shell *) .label-wrap::after { content:none !important; }
body[data-page]:not(#button-scope-0):not(#button-scope-1):not(#button-scope-2):not(#button-scope-3):not(#button-scope-4):not(#button-scope-5):not(#button-scope-6):not(#button-scope-7):not(#button-scope-8):not(#button-scope-9) :is(.button-frame,.button,.sx-btn,.pr-plan__cta,.ed-btn,.wk__cta,.wp__cta,.wx__cta,.cs__cta,.hws__link,.hw__all,.book-call__button,.ft__cta,.ft__news-submit,.career-submit,.contact-submit,.call-submit,.form-submit,.auth-submit,.auth-method-button,.portal-button,.wcta__secondary,.scan-card__cta,.wk__filter,.pr-tab,.lc-c-btn,button[type="submit"]):not(.site-header *):not(.hero *):not(.hero-action):not(.product-ui *):not(.flat-preview *):not(.lc-chat *):not(.auth-shell *) .icon-arrow { color:inherit !important;flex:none;width:12px;height:12px; }
body[data-page]:not(#button-scope-0):not(#button-scope-1):not(#button-scope-2):not(#button-scope-3):not(#button-scope-4):not(#button-scope-5):not(#button-scope-6):not(#button-scope-7):not(#button-scope-8):not(#button-scope-9) :is(.button-frame,.button,.sx-btn,.pr-plan__cta,.ed-btn,.wk__cta,.wp__cta,.wx__cta,.cs__cta,.hws__link,.hw__all,.book-call__button,.ft__cta,.ft__news-submit,.career-submit,.contact-submit,.call-submit,.form-submit,.auth-submit,.auth-method-button,.portal-button,.wcta__secondary,.scan-card__cta,.wk__filter,.pr-tab,.lc-c-btn,button[type="submit"]):not(.site-header *):not(.hero *):not(.hero-action):not(.product-ui *):not(.flat-preview *):not(.lc-chat *):not(.auth-shell *) .icon-arrow path { fill:currentColor !important; }
body[data-page]:not(#button-scope-0):not(#button-scope-1):not(#button-scope-2):not(#button-scope-3):not(#button-scope-4):not(#button-scope-5):not(#button-scope-6):not(#button-scope-7):not(#button-scope-8):not(#button-scope-9) :is(.button-frame,.button,.sx-btn,.pr-plan__cta,.ed-btn,.wk__cta,.wp__cta,.wx__cta,.cs__cta,.hws__link,.hw__all,.book-call__button,.ft__cta,.ft__news-submit,.career-submit,.contact-submit,.call-submit,.form-submit,.auth-submit,.auth-method-button,.portal-button,.wcta__secondary,.scan-card__cta,.wk__filter,.pr-tab,.lc-c-btn,button[type="submit"]):not(.site-header *):not(.hero *):not(.hero-action):not(.product-ui *):not(.flat-preview *):not(.lc-chat *):not(.auth-shell *)::before,
body[data-page]:not(#button-scope-0):not(#button-scope-1):not(#button-scope-2):not(#button-scope-3):not(#button-scope-4):not(#button-scope-5):not(#button-scope-6):not(#button-scope-7):not(#button-scope-8):not(#button-scope-9) :is(.button-frame,.button,.sx-btn,.pr-plan__cta,.ed-btn,.wk__cta,.wp__cta,.wx__cta,.cs__cta,.hws__link,.hw__all,.book-call__button,.ft__cta,.ft__news-submit,.career-submit,.contact-submit,.call-submit,.form-submit,.auth-submit,.auth-method-button,.portal-button,.wcta__secondary,.scan-card__cta,.wk__filter,.pr-tab,.lc-c-btn,button[type="submit"]):not(.site-header *):not(.hero *):not(.hero-action):not(.product-ui *):not(.flat-preview *):not(.lc-chat *):not(.auth-shell *)::after { display:none !important; }
body[data-page]:not(#button-scope-0):not(#button-scope-1):not(#button-scope-2):not(#button-scope-3):not(#button-scope-4):not(#button-scope-5):not(#button-scope-6):not(#button-scope-7):not(#button-scope-8):not(#button-scope-9) :is(.button-frame,.button,.sx-btn,.pr-plan__cta,.ed-btn,.wk__cta,.wp__cta,.wx__cta,.cs__cta,.hws__link,.hw__all,.book-call__button,.ft__cta,.ft__news-submit,.career-submit,.contact-submit,.call-submit,.form-submit,.auth-submit,.auth-method-button,.portal-button,.wcta__secondary,.scan-card__cta,.wk__filter,.pr-tab,.lc-c-btn,button[type="submit"]):not(.site-header *):not(.hero *):not(.hero-action):not(.product-ui *):not(.flat-preview *):not(.lc-chat *):not(.auth-shell *):focus-visible { outline:3px solid #479C73 !important;outline-offset:3px !important; }
body[data-page]:not(#button-scope-0):not(#button-scope-1):not(#button-scope-2):not(#button-scope-3):not(#button-scope-4):not(#button-scope-5):not(#button-scope-6):not(#button-scope-7):not(#button-scope-8):not(#button-scope-9) :is(.button-frame,.button,.sx-btn,.pr-plan__cta,.ed-btn,.wk__cta,.wp__cta,.wx__cta,.cs__cta,.hws__link,.hw__all,.book-call__button,.ft__cta,.ft__news-submit,.career-submit,.contact-submit,.call-submit,.form-submit,.auth-submit,.auth-method-button,.portal-button,.wcta__secondary,.scan-card__cta,.wk__filter,.pr-tab,.lc-c-btn,button[type="submit"]):not(.site-header *):not(.hero *):not(.hero-action):not(.product-ui *):not(.flat-preview *):not(.lc-chat *):not(.auth-shell *):disabled,
body[data-page]:not(#button-scope-0):not(#button-scope-1):not(#button-scope-2):not(#button-scope-3):not(#button-scope-4):not(#button-scope-5):not(#button-scope-6):not(#button-scope-7):not(#button-scope-8):not(#button-scope-9) :is(.button-frame,.button,.sx-btn,.pr-plan__cta,.ed-btn,.wk__cta,.wp__cta,.wx__cta,.cs__cta,.hws__link,.hw__all,.book-call__button,.ft__cta,.ft__news-submit,.career-submit,.contact-submit,.call-submit,.form-submit,.auth-submit,.auth-method-button,.portal-button,.wcta__secondary,.scan-card__cta,.wk__filter,.pr-tab,.lc-c-btn,button[type="submit"]):not(.site-header *):not(.hero *):not(.hero-action):not(.product-ui *):not(.flat-preview *):not(.lc-chat *):not(.auth-shell *)[aria-disabled="true"] { opacity:.45 !important;cursor:not-allowed;transform:none !important; }
body[data-page]:not(#button-scope-0):not(#button-scope-1):not(#button-scope-2):not(#button-scope-3):not(#button-scope-4):not(#button-scope-5):not(#button-scope-6):not(#button-scope-7):not(#button-scope-8):not(#button-scope-9) :is(.button-frame,.button,.sx-btn,.pr-plan__cta,.ed-btn,.wk__cta,.wp__cta,.wx__cta,.cs__cta,.hws__link,.hw__all,.book-call__button,.ft__cta,.ft__news-submit,.career-submit,.contact-submit,.call-submit,.form-submit,.auth-submit,.auth-method-button,.portal-button,.wcta__secondary,.scan-card__cta,.wk__filter,.pr-tab,.lc-c-btn,button[type="submit"]):not(.site-header *):not(.hero *):not(.hero-action):not(.product-ui *):not(.flat-preview *):not(.lc-chat *):not(.auth-shell *)[aria-pressed="true"],
body[data-page]:not(#button-scope-0):not(#button-scope-1):not(#button-scope-2):not(#button-scope-3):not(#button-scope-4):not(#button-scope-5):not(#button-scope-6):not(#button-scope-7):not(#button-scope-8):not(#button-scope-9) :is(.button-frame,.button,.sx-btn,.pr-plan__cta,.ed-btn,.wk__cta,.wp__cta,.wx__cta,.cs__cta,.hws__link,.hw__all,.book-call__button,.ft__cta,.ft__news-submit,.career-submit,.contact-submit,.call-submit,.form-submit,.auth-submit,.auth-method-button,.portal-button,.wcta__secondary,.scan-card__cta,.wk__filter,.pr-tab,.lc-c-btn,button[type="submit"]):not(.site-header *):not(.hero *):not(.hero-action):not(.product-ui *):not(.flat-preview *):not(.lc-chat *):not(.auth-shell *)[aria-selected="true"] { outline:2px solid #479C73 !important;outline-offset:3px !important; }

@media(prefers-reduced-motion:reduce) {
body[data-page]:not(#button-scope-0):not(#button-scope-1):not(#button-scope-2):not(#button-scope-3):not(#button-scope-4):not(#button-scope-5):not(#button-scope-6):not(#button-scope-7):not(#button-scope-8):not(#button-scope-9) :is(.button-frame,.button,.sx-btn,.pr-plan__cta,.ed-btn,.wk__cta,.wp__cta,.wx__cta,.cs__cta,.hws__link,.hw__all,.book-call__button,.ft__cta,.ft__news-submit,.career-submit,.contact-submit,.call-submit,.form-submit,.auth-submit,.auth-method-button,.portal-button,.wcta__secondary,.scan-card__cta,.wk__filter,.pr-tab,.lc-c-btn,button[type="submit"]):not(.site-header *):not(.hero *):not(.hero-action):not(.product-ui *):not(.flat-preview *):not(.lc-chat *):not(.auth-shell *) { transition:none !important;transform:none !important; }
}

/* The Way We Work intro stays white on its dark section. */
body[data-page="home"] #app#app#app#app#app#app#app#app#app#app #system-statement :is(.system-path__eyebrow, #system-path-title, #system-path-title span) { color:#F6F5F3 !important; opacity:1 !important; }

/* Supporting actions reuse the header call button. */
body[data-page]:not(#button-scope-0):not(#button-scope-1):not(#button-scope-2):not(#button-scope-3):not(#button-scope-4):not(#button-scope-5):not(#button-scope-6):not(#button-scope-7):not(#button-scope-8):not(#button-scope-9):not(#button-support-10):not(#button-support-11) :is(.sx-btn--ghost,.ed-btn.is-ghost,.portal-button--quiet,.wcta__secondary,.wk__filter,.pr-tab,.auth-method-button):not(.site-header *):not(.hero *):not(.lc-chat *):not(.auth-shell *) { background:#000 !important;color:#fff !important;border-radius:5px !important;padding:12px 16px !important;box-shadow:none !important; }

/* Section labels: the approved thin outline pill, without a marker. */
body[data-page]:not(#label-scope-0):not(#label-scope-1):not(#label-scope-2):not(#label-scope-3):not(#label-scope-4):not(#label-scope-5):not(#label-scope-6):not(#label-scope-7):not(#label-scope-8):not(#label-scope-9):not(#label-scope-10):not(#label-scope-11) :is(.analytics-eyebrow,.portal-eyebrow,.eyebrow,.section-label,.sx__eyebrow,.hx__eyebrow,.hx__eye,.hero-intro__eyebrow,.system-path__eyebrow,.ed-eyebrow,.cta-banner__eyebrow,.book-call__eyebrow,.wcta__eyebrow,span.header.f-s-16-100,.pillar .num) {
 display:inline-flex !important;align-items:center !important;justify-content:center !important;
 width:fit-content !important;max-width:100% !important;min-height:30px !important;box-sizing:border-box !important;
 padding:5px 13px !important;border:1px solid currentColor !important;border-radius:999px !important;
 background:transparent !important;box-shadow:none !important;color:#26503C !important;
 font:500 13px/1.3 'Geist',sans-serif !important;letter-spacing:0 !important;text-transform:none !important;
 align-self:flex-start;gap:0 !important;
}
body[data-page]:not(#label-scope-0):not(#label-scope-1):not(#label-scope-2):not(#label-scope-3):not(#label-scope-4):not(#label-scope-5):not(#label-scope-6):not(#label-scope-7):not(#label-scope-8):not(#label-scope-9):not(#label-scope-10):not(#label-scope-11) :is(.analytics-eyebrow,.portal-eyebrow,.eyebrow,.section-label,.sx__eyebrow,.hx__eyebrow,.hx__eye,.hero-intro__eyebrow,.system-path__eyebrow,.ed-eyebrow,.cta-banner__eyebrow,.book-call__eyebrow,.wcta__eyebrow,span.header.f-s-16-100,.pillar .num)::before,
body[data-page]:not(#label-scope-0):not(#label-scope-1):not(#label-scope-2):not(#label-scope-3):not(#label-scope-4):not(#label-scope-5):not(#label-scope-6):not(#label-scope-7):not(#label-scope-8):not(#label-scope-9):not(#label-scope-10):not(#label-scope-11) :is(.analytics-eyebrow,.portal-eyebrow,.eyebrow,.section-label,.sx__eyebrow,.hx__eyebrow,.hx__eye,.hero-intro__eyebrow,.system-path__eyebrow,.ed-eyebrow,.cta-banner__eyebrow,.book-call__eyebrow,.wcta__eyebrow,span.header.f-s-16-100,.pillar .num)::after { content:none !important;display:none !important; }
body[data-page]:not(#label-scope-0):not(#label-scope-1):not(#label-scope-2):not(#label-scope-3):not(#label-scope-4):not(#label-scope-5):not(#label-scope-6):not(#label-scope-7):not(#label-scope-8):not(#label-scope-9):not(#label-scope-10):not(#label-scope-11) :is(.analytics-eyebrow,.portal-eyebrow,.eyebrow,.section-label,.sx__eyebrow,.hx__eyebrow,.hx__eye,.hero-intro__eyebrow,.system-path__eyebrow,.ed-eyebrow,.cta-banner__eyebrow,.book-call__eyebrow,.wcta__eyebrow,span.header.f-s-16-100,.pillar .num) :is(span,b,strong,em) { color:inherit !important;font:inherit !important;letter-spacing:inherit !important; }
body[data-page="home"]:not(#label-scope-0):not(#label-scope-1):not(#label-scope-2):not(#label-scope-3):not(#label-scope-4):not(#label-scope-5):not(#label-scope-6):not(#label-scope-7):not(#label-scope-8):not(#label-scope-9):not(#label-scope-10):not(#label-scope-11) #system-statement .system-path__eyebrow { color:#F6F5F3 !important; }

/* Phone proportions, measured against Naka at 390px (9 October 2026).
   Keep this adaptation below 768px: 20px gutters, 40/32px display type,
   16px reading text and 48px actions. The existing cascade uses up to ten
   ID levels; match that scope without changing markup or desktop styles. */
@media (max-width:767px) {
  body[data-page] .site-header:not(#mobile-header) .top-wrap {
    min-height:56px !important;
    padding:6px 12px !important;
  }
  body[data-page] .site-header:not(#mobile-header) .hamburger {
    width:44px !important; height:44px !important; min-height:44px !important;
  }
  body[data-page]:not([data-page="auth"]) :is(main,#app#app#app#app#app#app#app#app#app#app) :is(.page-intro p,.page-hero p,.sx__lede,.sx-feature__body,.sx-step__body,.pillar p,.wk__copy,.wp__copy,.wx__copy,.cs__copy,.book-call__text,.pr-plan__desc) {
    font-size:16px !important; line-height:1.5 !important;
  }
  body[data-page]:not([data-page="auth"]) :is(main,#app#app#app#app#app#app#app#app#app#app) :is(.page-intro h1,.page-hero h1,.hx__title,.hx h1) {
    font-size:clamp(34px,10.26vw,40px) !important; line-height:1.05 !important;
    overflow-wrap:break-word;
  }
  body[data-page]:not([data-page="auth"]) :is(main,#app#app#app#app#app#app#app#app#app#app) :is(.sx__title,.ed-head__title,.c-title,.p-title) {
    font-size:32px !important; line-height:1.05 !important;
  }
  body[data-page] #app#app#app#app#app#app#app#app#app#app :is(.contact-form-panel,.career-form,.hc__form,.js-review-form,.newsletter-form,.ft__newsletter) :is(input:not([type="checkbox"]):not([type="radio"]),select,textarea) {
    font-size:16px !important; min-height:48px;
  }

  body[data-page="home"] #app#app#app#app#app#app#app#app#app#app .hero { --hero-gutter:20px; }
  body[data-page="home"] #app#app#app#app#app#app#app#app#app#app .hero-intro h1 {
    font-size:clamp(34px,10.26vw,40px) !important; line-height:1 !important;
  }
  body[data-page="home"] #app#app#app#app#app#app#app#app#app#app .hero-intro__lede {
    font-size:16px !important; line-height:1.5 !important; margin-top:16px !important;
  }
  body[data-page="home"] #app#app#app#app#app#app#app#app#app#app .hero-intro__actions {
    display:grid !important; grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    width:100%; gap:12px !important; margin-top:24px !important;
  }
  body[data-page="home"] #app#app#app#app#app#app#app#app#app#app .hero-action {
    width:100% !important; min-width:0 !important; min-height:48px !important;
    padding:12px !important; font-size:14px !important; box-sizing:border-box;
  }
  body[data-page="home"] #app#app#app#app#app#app#app#app#app#app #studio-intro {
    width:100%; gap:24px !important;
  }
  body[data-page="home"] #app#app#app#app#app#app#app#app#app#app .scan-board {
    /* The existing animated connectors reserve 80px above each card. */
    padding-top:88px; row-gap:88px;
  }
  body[data-page="home"] #app#app#app#app#app#app#app#app#app#app #studio-intro > .description {
    font-size:16px !important; line-height:1.5 !important;
  }
  body[data-page="home"] #app#app#app#app#app#app#app#app#app#app #system-statement {
    padding:64px 20px !important;
  }
  body[data-page="home"] #app#app#app#app#app#app#app#app#app#app #system-statement .system-path__layout { gap:40px !important; }
  body[data-page="home"] #app#app#app#app#app#app#app#app#app#app #system-statement h2 {
    font-size:32px !important; line-height:1.05 !important; letter-spacing:-.04em !important;
  }
  body[data-page="home"] #app#app#app#app#app#app#app#app#app#app #system-statement .system-path__steps { gap:32px !important; }
  body[data-page="home"] #app#app#app#app#app#app#app#app#app#app #system-statement .system-path__steps li {
    grid-template-columns:24px minmax(0,1fr) !important; gap:12px !important; align-items:start !important;
  }
  body[data-page="home"] #app#app#app#app#app#app#app#app#app#app #system-statement .system-path__steps li > div {
    display:block !important; min-width:0;
  }
  body[data-page="home"] #app#app#app#app#app#app#app#app#app#app #system-statement .system-path__number { padding-top:7px; }
  body[data-page="home"] #app#app#app#app#app#app#app#app#app#app #system-statement .system-path__steps h3 {
    font-size:32px !important; line-height:1.1 !important; letter-spacing:-.04em !important;
  }
  body[data-page="home"] #app#app#app#app#app#app#app#app#app#app #system-statement .system-path__steps p { margin-top:8px !important; line-height:1.5 !important; }
  body[data-page="home"] #app#app#app#app#app#app#app#app#app#app .sections > .section > :is(.header,.title) {
    padding-inline:0 !important; margin-inline:0 !important; width:100% !important; max-width:none !important;
  }
  body[data-page="home"] #app#app#app#app#app#app#app#app#app#app .sections > .section > .text-wrap {
    padding:0 !important; gap:20px !important;
  }
  body[data-page="home"] #app#app#app#app#app#app#app#app#app .sections > .section > .text-wrap :is(.description,.list .title) {
    font-size:16px !important; line-height:1.5 !important;
  }
  body[data-page="home"] #app#app#app#app#app#app#app#app#app#app ._03 { padding:64px 20px !important; }
  body[data-page="home"] #app#app#app#app#app#app#app#app#app#app .hws__name { font-size:24px !important; line-height:1.15 !important; }
  body[data-page="home"] #app#app#app#app#app#app#app#app#app#app .sx-faq__item summary { padding:16px !important; min-height:56px; }
  body[data-page="home"] #app#app#app#app#app#app#app#app#app#app .sx-faq__item p { font-size:16px !important; line-height:1.5 !important; }
  body[data-page="home"] #app#app#app#app#app#app#app#app#app#app#app#app #work .sx__eyebrow { color:var(--white) !important; }
  body[data-page]:not([data-page="auth"]) :is(main,#app#app#app#app#app#app#app#app#app#app#app#app) :is(.button-frame,.sx-btn,.pr-plan__cta,.ed-btn,.hws__link,.book-call__button,.ft__cta,.ft__news-submit,.contact-submit,.call-submit,.form-submit,.wk__filter,.pr-tab) { min-height:48px !important; }
  body[data-page] :is(main,#app#app#app#app#app#app#app#app#app#app) .pr-cur__select { font-size:16px !important; min-height:48px !important; }
  body[data-page="home"] #app#app#app#app#app#app#app#app#app#app .store-shop button { min-width:44px; min-height:44px; }
}
@media (max-width:767px) and (prefers-reduced-motion:no-preference) {
  body[data-page="home"] #app#app#app#app#app#app#app#app#app#app .hero:has(> .hero__media) { --hero-media-h:clamp(320px,90vw,400px); }
  body[data-page="home"] #app#app#app#app#app#app#app#app#app#app .hero:has(> .hero__media) .hero-intro {
    min-height:0 !important; padding:clamp(280px,78vw,340px) 0 24px !important;
  }
}
@media (max-width:359px) {
  body[data-page="home"] #app#app#app#app#app#app#app#app#app#app .hero-intro__actions { grid-template-columns:minmax(0,1fr) !important; }
}

/* ── The arrow button is the default ─────────────────────────────────────
   9 October 2026.

   fuel.css gives buttons a small corner chevron - a 6px box with only its
   top and right borders drawn - that slides up and to the right on hover.
   It reads as "this takes you somewhere". The block above then switched it
   off again for twenty-seven button classes, exempting only the hero. The
   result was that the whole site had one pair of arrow buttons, in the
   hero, and everything else was plain.

   This puts it back for the buttons that navigate, which is most of them.
   It deliberately does NOT go back on the controls that act in place -
   submits, filters, tabs, the chat buttons - because an arrow there
   promises a destination that does not exist.

   Both styles stay available. Add .btn--no-arrow to any single button to
   opt out, or .is-ghost, which editorial.css already treats the same way. */
/* The arrow that used to be drawn here has been removed from the buttons.
   It was a 20px curved mark on ::after, carried as a mask so currentColor
   tinted it, with a 2px nudge on hover - one copy for the button system and
   a second for .hero .hero-action just below. Both are gone; the label is
   the whole button now. The ::after rule further up still resolves to
   display:none, so nothing re-draws it. */

/* ── Two button types, and only two ─────────────────────────────────────
   10 October 2026.

   A sweep of four pages found seventeen distinct button appearances:
   heights of 32, 44, 45, 48, 51 and 82px, radii of 0, 5, 8, 14 and 24px,
   and three different arrow sizes. That is not a system, it is what is
   left after each layer added its own.

   There are now two.

     primary    #0A0A0A fill, #F7F7F7 label   - set on the main button rule
     secondary  #F7F7F7 fill, #0A0A0A label   - this block

   Both measure 18.48:1, both are 48px tall with a 14px radius, 12px/20px
   padding, a 10px gap and the 20px curved arrow. The arrow needs no colour
   rule of its own: it is a mask tinted by currentColor, so it comes out
   light on the primary and dark on the secondary from the same declaration.

   Secondary is opt-in by class. .btn--secondary is the name to reach for;
   the four after it are the variants that already meant "the quieter one"
   in this codebase, mapped on so existing markup does not need editing. */
body[data-page]:not(#button-scope-0):not(#button-scope-1):not(#button-scope-2):not(#button-scope-3):not(#button-scope-4):not(#button-scope-5):not(#button-scope-6):not(#button-scope-7):not(#button-scope-8):not(#button-scope-9) :is(.btn--secondary,.is-ghost,.sx-btn--ghost,.theme-white,.wcta__secondary):not(.site-header *):not(.product-ui *):not(.flat-preview *):not(.lc-chat *):not(.auth-shell *) {
  background:#F7F7F7 !important;
  background-image:none !important;
  color:#0A0A0A !important;
  border:1px solid rgb(10 10 10 / 12%) !important;
}

/* The hero pair is excluded from the main button rule above - it is styled
   on its own - so it is given the same two types here, to stop the most
   visible buttons on the site being the one place that disagrees. */
body[data-page]:not(#button-scope-0):not(#button-scope-1):not(#button-scope-2):not(#button-scope-3):not(#button-scope-4):not(#button-scope-5):not(#button-scope-6):not(#button-scope-7):not(#button-scope-8):not(#button-scope-9) .hero .hero-action.hero-action--primary {
  background:#0A0A0A !important; background-image:none !important;
  color:#F7F7F7 !important; border:0 !important; border-radius:14px !important;
  min-height:48px !important; padding:12px 20px !important; gap:10px !important;
}
body[data-page]:not(#button-scope-0):not(#button-scope-1):not(#button-scope-2):not(#button-scope-3):not(#button-scope-4):not(#button-scope-5):not(#button-scope-6):not(#button-scope-7):not(#button-scope-8):not(#button-scope-9) .hero .hero-action:not(.hero-action--primary) {
  background:#F7F7F7 !important; background-image:none !important;
  color:#0A0A0A !important; border:1px solid rgb(10 10 10 / 12%) !important;
  border-radius:14px !important; min-height:48px !important;
  padding:12px 20px !important; gap:10px !important;
}

/* The hero pair kept the old 6px corner tick, because the arrow rule above
   excludes .hero and .hero-action - they were the one pair that already had
   a mark, back when nothing else did. Now that both button types carry the
   curved arrow, the hero being the exception is just an inconsistency, and
   the most visible one on the site. Same 20px mask, same currentColor tint,
   so it comes out light on the primary and dark on the secondary. */

/* ── Optical sizing for the Powered by marks ────────────────────────────
   10 October 2026.

   Every mark is a 24x24 viewBox scaled into a 30px box, so they all share a
   bounding box - but the eye judges ink, not bounds. Measuring getBBox on
   all twenty-four and taking sqrt(inkW * inkH) / 24 as a mass proxy, the
   median is 0.938 and the spread runs from 0.447 to 1.00:

     woocommerce  24 x 4.8   0.447   a very flat mark, ~6px tall at 30px wide
     cloudflare   24 x 10.9  0.674
     mongodb      10.8 x 24  0.671
     n8n          24 x 12.6  0.724
     webflow      24 x 15    0.790
     resend       24 x 24    1.00    fills the square, reads as a solid block

   The two ends are the ones that were reported: WooCommerce too small,
   Resend too big. The brands beside each of them measure the same, so they
   are corrected together rather than leaving the row inconsistent.

   transform, not width: the mark box stays 30px so nothing reflows, and
   every ancestor is overflow:visible so a scaled mark is not clipped.
   WooCommerce is capped at 1.6 rather than the 2.1 its mass implies - the
   honest correction would make it 63px wide, which trades one oddity for
   another. It stays the smallest of the set on purpose. */
body[data-page]:not(#button-scope-0):not(#button-scope-1):not(#button-scope-2):not(#button-scope-3):not(#button-scope-4):not(#button-scope-5):not(#button-scope-6):not(#button-scope-7):not(#button-scope-8):not(#button-scope-9) .pb-logo .pb-logo__mark svg { transform-origin:center; }

body[data-page]:not(#button-scope-0):not(#button-scope-1):not(#button-scope-2):not(#button-scope-3):not(#button-scope-4):not(#button-scope-5):not(#button-scope-6):not(#button-scope-7):not(#button-scope-8):not(#button-scope-9) .pb-logo[data-brand="woocommerce"] .pb-logo__mark svg { transform:scale(1.6); }
body[data-page]:not(#button-scope-0):not(#button-scope-1):not(#button-scope-2):not(#button-scope-3):not(#button-scope-4):not(#button-scope-5):not(#button-scope-6):not(#button-scope-7):not(#button-scope-8):not(#button-scope-9) .pb-logo[data-brand="cloudflare"]  .pb-logo__mark svg { transform:scale(1.35); }
body[data-page]:not(#button-scope-0):not(#button-scope-1):not(#button-scope-2):not(#button-scope-3):not(#button-scope-4):not(#button-scope-5):not(#button-scope-6):not(#button-scope-7):not(#button-scope-8):not(#button-scope-9) .pb-logo[data-brand="mongodb"]     .pb-logo__mark svg { transform:scale(1.35); }
body[data-page]:not(#button-scope-0):not(#button-scope-1):not(#button-scope-2):not(#button-scope-3):not(#button-scope-4):not(#button-scope-5):not(#button-scope-6):not(#button-scope-7):not(#button-scope-8):not(#button-scope-9) .pb-logo[data-brand="n8n"]         .pb-logo__mark svg { transform:scale(1.28); }
body[data-page]:not(#button-scope-0):not(#button-scope-1):not(#button-scope-2):not(#button-scope-3):not(#button-scope-4):not(#button-scope-5):not(#button-scope-6):not(#button-scope-7):not(#button-scope-8):not(#button-scope-9) .pb-logo[data-brand="webflow"]     .pb-logo__mark svg { transform:scale(1.15); }

/* The five that fill their viewBox corner to corner. */
body[data-page]:not(#button-scope-0):not(#button-scope-1):not(#button-scope-2):not(#button-scope-3):not(#button-scope-4):not(#button-scope-5):not(#button-scope-6):not(#button-scope-7):not(#button-scope-8):not(#button-scope-9) .pb-logo[data-brand="resend"]     .pb-logo__mark svg,
body[data-page]:not(#button-scope-0):not(#button-scope-1):not(#button-scope-2):not(#button-scope-3):not(#button-scope-4):not(#button-scope-5):not(#button-scope-6):not(#button-scope-7):not(#button-scope-8):not(#button-scope-9) .pb-logo[data-brand="typescript"] .pb-logo__mark svg,
body[data-page]:not(#button-scope-0):not(#button-scope-1):not(#button-scope-2):not(#button-scope-3):not(#button-scope-4):not(#button-scope-5):not(#button-scope-6):not(#button-scope-7):not(#button-scope-8):not(#button-scope-9) .pb-logo[data-brand="wordpress"]  .pb-logo__mark svg,
body[data-page]:not(#button-scope-0):not(#button-scope-1):not(#button-scope-2):not(#button-scope-3):not(#button-scope-4):not(#button-scope-5):not(#button-scope-6):not(#button-scope-7):not(#button-scope-8):not(#button-scope-9) .pb-logo[data-brand="neon"]       .pb-logo__mark svg,
body[data-page]:not(#button-scope-0):not(#button-scope-1):not(#button-scope-2):not(#button-scope-3):not(#button-scope-4):not(#button-scope-5):not(#button-scope-6):not(#button-scope-7):not(#button-scope-8):not(#button-scope-9) .pb-logo[data-brand="trello"]     .pb-logo__mark svg { transform:scale(0.9); }

/* ── Pill labels, set in capitals (10 Oct 2026) ───────────────────────

   Every pill on the site read in sentence case, which left them looking
   like small body text rather than labels. Capitals are the whole change;
   the face stays Geist, as everywhere else.

   Capitals set wider than lower case, so the size comes down a little and
   the tracking opens - a cap-height line with no descenders needs the air,
   and it keeps the pill close to the footprint it had.

   The scope ids are placeholders that match nothing; they are here to carry
   specificity past the 12-id label block above and the 8-id #work tag rule,
   which is how the rest of this file wins its cascade fights. */
body[data-page]:not(#pill-font-0):not(#pill-font-1):not(#pill-font-2):not(#pill-font-3):not(#pill-font-4):not(#pill-font-5):not(#pill-font-6):not(#pill-font-7):not(#pill-font-8):not(#pill-font-9):not(#pill-font-10):not(#pill-font-11):not(#pill-font-12) :is(.analytics-eyebrow,.portal-eyebrow,.eyebrow,.section-label,.sx__eyebrow,.hx__eyebrow,.hx__eye,.hero-intro__eyebrow,.system-path__eyebrow,.ed-eyebrow,.cta-banner__eyebrow,.book-call__eyebrow,.wcta__eyebrow,.page-intro__eyebrow,.wk__eyebrow,.sx-plan__flag,.cs-ed__label,.aud__tag,.hws__tags > li,.wp__tags > li,span.header.f-s-16-100) {
  font-family: 'Geist', sans-serif !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  line-height: 1.3 !important;
  letter-spacing: .06em !important;
  text-transform: uppercase !important;
}
/* Inline spans inside a pill inherit it rather than reverting to Geist. */
body[data-page]:not(#pill-font-0):not(#pill-font-1):not(#pill-font-2):not(#pill-font-3):not(#pill-font-4):not(#pill-font-5):not(#pill-font-6):not(#pill-font-7):not(#pill-font-8):not(#pill-font-9):not(#pill-font-10):not(#pill-font-11):not(#pill-font-12) :is(.analytics-eyebrow,.portal-eyebrow,.eyebrow,.section-label,.sx__eyebrow,.hx__eyebrow,.hx__eye,.hero-intro__eyebrow,.system-path__eyebrow,.ed-eyebrow,.cta-banner__eyebrow,.book-call__eyebrow,.wcta__eyebrow,.page-intro__eyebrow,.wk__eyebrow,.sx-plan__flag,.cs-ed__label,.aud__tag,.hws__tags > li,.wp__tags > li,span.header.f-s-16-100) :is(span,b,strong,em,i) {
  font: inherit !important;
  letter-spacing: inherit !important;
  text-transform: inherit !important;
}

/* ── Book a Call / CTA banner: one radius on all four corners ────────────

   fuel.css slants these two with a polygon whose top vertex sits 14.4px
   down the left edge, which dates from when they were full-bleed bands.
   This file later made them inset cards at 40px. A clip-path ignores the
   radius, so the slant was shaving the top-left and bottom-right corners
   flat while the other two kept their arc - the card looked lopsided.

   Dropping the clip here lets the radius render evenly. The slant goes
   with it; put this one line back to have it again. */
html[data-theme] body[data-page]:not(#book-call-corner-0):not(#book-call-corner-1):not(#book-call-corner-2):not(#book-call-corner-3) :is(.book-call, .cta-banner) {
  clip-path: none !important;
}

/* The hero buttons keep their own arrow after the one above was removed:
   .hero-action is excluded from the button system (:not(.hero *) and
   :not(.hero-action)), so the ::after that fuel.css:328 draws on it never
   reached the rule that switched the others off. Same arrow, same removal.

   The id-chain is to clear editorial.css:336, which sets content on the same
   pseudo with !important behind three of them. Underneath the 20px arrow it
   was drawing a 6px tick, invisible until the arrow above it went. */
html[data-theme] body[data-page]:not(#_):not(#__):not(#___):not(#____) :is(.hero .hero-action, .hero-action)::after {
  content:none !important; display:none !important;
}

/* ── The more-services buttons ──────────────────────────────────────────
   This section only, by request: the same button as everywhere else, with
   neither the box nor the fill. Same family, size, weight and tracking as
   the rest of the site's buttons, so it reads as one of them - just the
   label, no outline under or around it and no background.

   .hws__link is shared with the work cards further down the page, so the
   scope is the section id rather than the class, and the id plus ten :not()
   is what it takes to outrank the button system. */
html[data-theme] body[data-page="home"]:not(#ms-btn-0):not(#ms-btn-1):not(#ms-btn-2):not(#ms-btn-3):not(#ms-btn-4):not(#ms-btn-5):not(#ms-btn-6):not(#ms-btn-7):not(#ms-btn-8):not(#ms-btn-9) #more-services .hws__link {
  position:relative !important;
  background:none !important; background-color:transparent !important;
  background-image:none !important;
  border:0 !important; border-radius:0 !important; box-shadow:none !important;
  text-decoration:none !important;
  color:#101010 !important;
  /* No box, so the padding only has to keep the hit target honest. */
  min-height:44px !important; padding:10px 0 !important;
}

/* The frame and the hover fill are both off. */
html[data-theme] body[data-page="home"]:not(#ms-btn-0):not(#ms-btn-1):not(#ms-btn-2):not(#ms-btn-3):not(#ms-btn-4):not(#ms-btn-5):not(#ms-btn-6):not(#ms-btn-7):not(#ms-btn-8):not(#ms-btn-9) #more-services .hws__link::before, html[data-theme] body[data-page="home"]:not(#ms-btn-0):not(#ms-btn-1):not(#ms-btn-2):not(#ms-btn-3):not(#ms-btn-4):not(#ms-btn-5):not(#ms-btn-6):not(#ms-btn-7):not(#ms-btn-8):not(#ms-btn-9) #more-services .hws__link::after { content:none !important; display:none !important; }

html[data-theme] body[data-page="home"]:not(#ms-btn-0):not(#ms-btn-1):not(#ms-btn-2):not(#ms-btn-3):not(#ms-btn-4):not(#ms-btn-5):not(#ms-btn-6):not(#ms-btn-7):not(#ms-btn-8):not(#ms-btn-9) #more-services .hws__link:hover { background:none !important; color:#529f69 !important; }