@media (max-width: 1024px) {
  .mobile-before-after { padding-top: 72px; padding-bottom: 34px; }
  .mobile-before-after h2 { max-width: 330px; }
  .mobile-compare-switch { display: grid; grid-template-columns: 1fr 1fr; gap: 3px; margin-top: 32px; padding: 3px; border: 1px solid var(--landing-line); border-radius: 10px; background: rgba(255,255,255,.025); }
  .mobile-compare-switch button { min-height: 46px; border: 0; border-radius: 7px; background: transparent; color: var(--landing-muted); font: inherit; font-size: .8rem; font-weight: 750; transition: background .22s ease, color .22s ease, transform .12s ease; }
  .mobile-compare-switch button.is-active { background: var(--landing-gold); color: #15120c; }
  .mobile-compare-switch button:active { transform: scale(.975); }
  .mobile-compare-examples { display: grid; gap: clamp(44px, 12vw, 64px); margin-top: 42px; }
  .mobile-compare-example { position: relative; min-height: 160px; }
  .mobile-compare-example > small { display: block; color: var(--landing-gold); font-size: .66rem; font-weight: 800; letter-spacing: .13em; text-transform: uppercase; }
  .mobile-compare-caption { margin: 8px 0 0; color: var(--landing-muted); font-size: .82rem; line-height: 1.4; }
  .mobile-compare-caption[data-barber-copy] { display: none; color: var(--landing-text); font-weight: 700; }
  .mobile-compare-example [data-before-copy], .mobile-compare-example [data-barber-copy] { transition: opacity .25s ease, transform .45s cubic-bezier(.2,.8,.2,1); }
  .mobile-compare-example [data-barber-copy] { opacity: 0; transform: translateY(5px); }
  .mobile-compare-example [data-before-copy] { opacity: 1; transform: none; }
  .mobile-before-after[data-compare-state="barber"] .mobile-compare-caption[data-before-copy] { display: none; }
  .mobile-before-after[data-compare-state="barber"] .mobile-compare-caption[data-barber-copy] { display: block; opacity: 1; transform: none; }
  .mobile-agenda-fragments { position: relative; min-height: 112px; margin-top: 20px; border-left: 1px solid var(--landing-line); }
  .fragment-time { position: absolute; color: var(--landing-text); font-size: 1.05rem; font-weight: 750; transition: top .55s cubic-bezier(.2,.8,.2,1), left .55s cubic-bezier(.2,.8,.2,1), transform .55s cubic-bezier(.2,.8,.2,1); }
  .time-one { top: 5px; left: 18px; }.time-two { top: 48px; left: 94px; }.time-three { top: 88px; left: 48px; }
  .fragment-context { position: absolute; top: 5px; left: 112px; opacity: 0; color: var(--landing-muted); font-size: .7rem; transition: opacity .3s ease, transform .55s cubic-bezier(.2,.8,.2,1); transform: translateX(-8px); }
  .mobile-before-after[data-compare-state="barber"] .time-one { top: 4px; left: 18px; }.mobile-before-after[data-compare-state="barber"] .time-two { top: 44px; left: 18px; }.mobile-before-after[data-compare-state="barber"] .time-three { top: 84px; left: 18px; }.mobile-before-after[data-compare-state="barber"] .fragment-context { opacity: 1; transform: translateX(0); }
  .mobile-message-fragments { display: grid; gap: 7px; min-height: 126px; margin-top: 20px; }
  .mobile-message-fragments > span { justify-self: start; padding: 7px 10px; border-left: 1px solid rgba(198,161,90,.5); color: var(--landing-muted); font-size: .76rem; transition: transform .55s cubic-bezier(.2,.8,.2,1), opacity .45s ease; }
  .mobile-message-fragments > span:nth-child(2) { margin-left: 28px; }.mobile-message-fragments > span:nth-child(3) { margin-left: 8px; }
  .mobile-availability { display: grid; gap: 7px; max-height: 0; margin-top: -4px; padding: 0 14px; overflow: hidden; border: 1px solid transparent; border-radius: 9px; opacity: 0; transform: translateY(12px) scale(.96); transition: max-height .55s ease, margin .45s ease, padding .45s ease, opacity .35s ease, transform .55s cubic-bezier(.2,.8,.2,1), border-color .35s ease; }
  .mobile-availability b { font-size: .78rem; }.mobile-availability strong { font-size: .9rem; }.mobile-availability small { color: #7dc596; font-size: .68rem; }
  .mobile-before-after[data-compare-state="barber"] .mobile-message-fragments > span { opacity: .35; transform: translateX(32px) scale(.84); }.mobile-before-after[data-compare-state="barber"] .mobile-availability { max-height: 100px; margin-top: 3px; padding: 14px; border-color: rgba(198,161,90,.42); opacity: 1; transform: none; }
  .mobile-management-fragments { display: grid; grid-template-columns: 1fr 1fr; gap: 12px 18px; margin-top: 22px; }
  .mobile-management-fragments span { padding: 12px 0; border-bottom: 1px solid var(--landing-line); color: var(--landing-muted); font-size: .82rem; transition: transform .55s cubic-bezier(.2,.8,.2,1), border-color .35s ease, color .35s ease; }.mobile-management-fragments span:nth-child(2) { transform: translateY(14px); }.mobile-management-fragments span:nth-child(3) { transform: translateY(-8px); }.mobile-management-fragments span:nth-child(4) { transform: translate(20px, 10px); }
  .mobile-management-fragments b { grid-column: 1 / -1; max-height: 0; margin-top: -5px; padding: 0; overflow: hidden; color: #7dc596; font-size: .76rem; opacity: 0; transition: max-height .5s ease, padding .4s ease, opacity .35s ease; }
  .mobile-before-after[data-compare-state="barber"] .mobile-management-fragments span { transform: none; border-color: rgba(198,161,90,.4); color: var(--landing-text); }.mobile-before-after[data-compare-state="barber"] .mobile-management-fragments b { max-height: 32px; padding-top: 10px; opacity: 1; }
  .mobile-vision-fragments { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-top: 22px; }.mobile-vision-fragments > span { color: var(--landing-muted); font-size: .82rem; transition: transform .55s cubic-bezier(.2,.8,.2,1), opacity .35s ease; }.mobile-vision-fragments > span:nth-child(2) { transform: translateY(14px); }.mobile-vision-fragments > span:nth-child(4) { transform: translate(18px, -8px); }
  .mobile-vision-summary { display: grid; gap: 8px; grid-column: 1 / -1; max-height: 0; margin-top: -2px; padding: 0 14px; overflow: hidden; border: 1px solid transparent; border-radius: 9px; opacity: 0; transform: scale(.96); transition: max-height .55s ease, margin .45s ease, padding .45s ease, opacity .35s ease, transform .55s cubic-bezier(.2,.8,.2,1); }.mobile-vision-summary b { font-size: .78rem; }.mobile-vision-summary span { display: flex; justify-content: space-between; color: var(--landing-muted); font-size: .72rem; }.mobile-vision-summary strong { color: var(--landing-text); }
  .mobile-before-after[data-compare-state="barber"] .mobile-vision-fragments > span { opacity: .25; transform: scale(.84); }.mobile-before-after[data-compare-state="barber"] .mobile-vision-summary { max-height: 130px; margin-top: 4px; padding: 14px; border-color: rgba(198,161,90,.42); opacity: 1; transform: none; }
  .mobile-before-after > .mobile-section-end { margin-top: clamp(42px, 10vw, 56px); font-size: 1.8rem; }
  .mobile-plans { padding-top: 34px; }
  @media (prefers-reduced-motion: reduce) { .mobile-compare-switch button, .mobile-compare-example *, .mobile-compare-caption { transition: none !important; } }
}