/* Mobile composition. Desktop continues to use landing.css unchanged. */
.redesign-page .mobile-agenda { display: none; }

@media (max-width: 720px) {
  .redesign-page .cinematic-nav { height: 68px; }
  .redesign-page .hero-layout { padding-top: 111px; padding-bottom: 27px; }
  .redesign-page .hero-copy { padding-top: 0; }
  .redesign-page .hero-copy h1 { max-width: 11ch; font-size: clamp(49px, 14.7vw, 68px); line-height: .97; }
  .redesign-page .hero-copy h1 em { font-size: .83em; white-space: nowrap; }
  .redesign-page .hero-lede { max-width: 36ch; margin-top: 21px; font-size: 16px; line-height: 1.52; }
  .redesign-page .hero-actions { flex-direction: row; flex-wrap: wrap; align-items: center; gap: 17px; margin-top: 27px; }
  .redesign-page .hero-actions .hero-cta { min-height: 47px; padding-inline: 18px; font-size: 12px; }
  .redesign-page .hero-text-link { font-size: 12px; }
  .redesign-page .hero-proof { margin-top: 27px; padding-top: 17px; border-top: 1px solid rgba(255,255,255,.16); font-size: 11px; }
  .redesign-page .hero-proof strong { font-size: 12px; }

  .redesign-page .hero-visual { min-height: 0; margin: 8px -18px 0; padding: 356px 18px 0; overflow: visible; transform: none; }
  .redesign-page .hero-photo {
    top: 0;
    left: 50%;
    width: calc(100% + 36px);
    height: 394px;
    object-fit: cover;
    object-position: 70% 45%;
    opacity: .96;
    transform: translateX(-50%);
    filter: saturate(.82) contrast(1.07) brightness(.89);
  }
  .redesign-page .hero-status-row { position: relative; right: auto; bottom: auto; left: auto; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px; margin-top: -17px; }
  .redesign-page .hero-status-row .hero-stat { min-height: 106px; padding: 13px; border-radius: 14px; grid-template-columns: 26px minmax(0, 1fr); align-content: center; column-gap: 8px; }
  .redesign-page .hero-status-row .hero-stat-bookings { grid-column: 1 / -1; min-height: 79px; }
  .redesign-page .hero-status-row .stat-icon { grid-column: 1; grid-row: 1 / 3; width: 26px; height: 26px; margin: 0; }
  .redesign-page .hero-status-row .hero-stat small,
  .redesign-page .hero-status-row .hero-stat strong { grid-column: 2; }
  .redesign-page .hero-status-row .hero-stat strong { margin-top: 1px; font-size: 17px; }
  .redesign-page .hero-status-row .hero-stat > span:not(.stat-icon) { grid-column: 1 / -1; margin-top: 8px; font-size: 10px; line-height: 1.32; }
  .redesign-page .hero-status-row .hero-stat-bookings > span:not(.stat-icon) { grid-column: 2; margin-top: 2px; }
  .redesign-page .hero-side-note { display: none; }
  .redesign-page .hero-integrations {
    position: relative;
    right: auto;
    bottom: auto;
    left: auto;
    width: calc(100% - 36px);
    overflow: visible;
    margin: 0 auto;
    padding: 18px 0 24px;
    border-top: 1px solid rgba(255,255,255,.16);
    white-space: normal;
  }
  .redesign-page .hero-integrations > span { font-size: 9px; letter-spacing: .12em; }
  .redesign-page .hero-integrations > div { display: grid; width: 100%; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px 16px; margin-top: 15px; padding: 0; }
  .redesign-page .hero-integrations b { font-size: 11px; }

  .redesign-page .sync-section,
  .redesign-page .sync-shell { min-height: 0; }
  .redesign-page .sync-shell { padding-top: 82px; padding-bottom: 92px; }
  .redesign-page .sync-copy { padding: 0; }
  .redesign-page .sync-copy h2 { max-width: 380px; font-size: clamp(39px, 10.5vw, 50px); }
  .redesign-page .sync-copy .section-lede { margin-top: 19px; font-size: 15px; line-height: 1.53; }
  .redesign-page .sync-steps { margin-top: 27px; }
  .redesign-page .sync-step { min-height: 50px; padding: 11px 4px; }
  .redesign-page .sync-step strong { font-size: 13px; }
  .redesign-page .sync-copy .section-link { margin-top: 27px; }
  .redesign-page .sync-visual { position: relative; top: auto; display: block; height: auto; margin-top: 42px; }
  .redesign-page .sync-window { display: none; }
  .redesign-page .sync-section::before { inset: 42% 0 0; background-position: 58% bottom; }

  .redesign-page .mobile-agenda {
    position: relative;
    display: block;
    width: calc(100% - 6px);
    overflow: hidden;
    margin: 0 auto;
    padding: 21px 19px 16px;
    border: 1px solid #363b39;
    border-radius: 23px;
    color: #f5f2ed;
    background: linear-gradient(155deg, #222827, #111616 70%);
    box-shadow: 0 25px 55px rgba(20,19,16,.25);
    transform: rotate(-1deg);
  }
  .redesign-page .mobile-agenda::before { position: absolute; top: -155px; right: -100px; width: 310px; height: 310px; border: 1px solid rgba(219,174,144,.16); border-radius: 50%; content: ""; pointer-events: none; }
  .redesign-page .mobile-agenda-top,
  .redesign-page .mobile-agenda-heading,
  .redesign-page .mobile-agenda-foot { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
  .redesign-page .mobile-agenda-top { position: relative; z-index: 1; }
  .redesign-page .mobile-agenda-brand { font-size: 14px; font-weight: 740; letter-spacing: -.065em; }
  .redesign-page .mobile-agenda-brand > span { color: #dbae90; }
  .redesign-page .mobile-agenda-brand i { margin: 0 5px; color: #767c77; font-style: normal; font-weight: 400; }
  .redesign-page .mobile-agenda-state { display: inline-flex; align-items: center; gap: 6px; color: #b9c0ba; font-size: 10px; }
  .redesign-page .mobile-agenda-state i { width: 6px; height: 6px; border-radius: 50%; background: #dbae90; box-shadow: 0 0 0 3px rgba(219,174,144,.12); }
  .redesign-page .mobile-agenda-heading { position: relative; z-index: 1; align-items: end; margin-top: 28px; }
  .redesign-page .mobile-agenda-heading > div { display: flex; align-items: baseline; gap: 9px; }
  .redesign-page .mobile-agenda-heading small { color: #c6b8aa; font-size: 10px; font-weight: 760; letter-spacing: .12em; }
  .redesign-page .mobile-agenda-heading strong { font-size: 48px; font-weight: 560; letter-spacing: -.09em; line-height: .9; }
  .redesign-page .mobile-agenda-heading > span { padding-bottom: 3px; color: #89918a; font-size: 11px; }
  .redesign-page .mobile-agenda-days { display: grid; grid-template-columns: repeat(5, 1fr); gap: 4px; margin-top: 25px; padding-bottom: 13px; border-bottom: 1px solid rgba(255,255,255,.12); }
  .redesign-page .mobile-agenda-days > span { display: grid; justify-items: center; gap: 5px; padding: 7px 0; border-radius: 8px; color: #919a93; font-size: 9px; font-weight: 740; letter-spacing: .05em; }
  .redesign-page .mobile-agenda-days b { color: #e9ebe6; font-size: 14px; font-weight: 600; letter-spacing: -.04em; }
  .redesign-page .mobile-agenda-days .is-current { color: #272320; background: #dbae90; }
  .redesign-page .mobile-agenda-days .is-current b { color: #272320; }
  .redesign-page .mobile-agenda-list { position: relative; display: grid; gap: 12px; margin-top: 16px; }
  .redesign-page .mobile-agenda-list::before { position: absolute; top: 4px; bottom: 4px; left: 51px; width: 1px; background: rgba(255,255,255,.12); content: ""; }
  .redesign-page .mobile-agenda-row { position: relative; display: grid; grid-template-columns: 42px minmax(0, 1fr); gap: 20px; align-items: center; transition: opacity .22s ease, transform .22s ease; }
  .redesign-page .mobile-agenda-row::before { position: absolute; top: 50%; left: 48px; width: 7px; height: 7px; border: 1px solid #dbae90; border-radius: 50%; background: #191e1d; content: ""; transform: translateY(-50%); }
  .redesign-page .mobile-agenda-row time { color: #b2b9b2; font-size: 11px; font-weight: 680; }
  .redesign-page .mobile-agenda-event { display: grid; gap: 4px; min-height: 61px; align-content: center; padding: 11px 14px; border: 1px solid rgba(255,255,255,.1); border-left: 3px solid; border-radius: 10px; }
  .redesign-page .mobile-agenda-event strong { color: #f7f4ef; font-size: 13px; font-weight: 710; }
  .redesign-page .mobile-agenda-event small { color: #c2c8c2; font-size: 10px; }
  .redesign-page .mobile-agenda-event.is-olive { border-left-color: #a9be9b; background: rgba(117,145,108,.22); }
  .redesign-page .mobile-agenda-event.is-copper { border-left-color: #dbae90; background: rgba(183,122,86,.22); }
  .redesign-page .mobile-agenda-event.is-blue { border-left-color: #9eb8c2; background: rgba(93,131,150,.22); }
  .redesign-page .mobile-agenda-event.is-lilac { border-left-color: #b7a9c2; background: rgba(133,114,153,.22); }
  .redesign-page .mobile-agenda-foot { margin-top: 20px; padding-top: 15px; border-top: 1px solid rgba(255,255,255,.12); color: #a9b0a9; font-size: 9px; font-weight: 690; letter-spacing: .06em; }
  .redesign-page .mobile-agenda-foot b { color: #dbae90; font-size: 12px; }

  .redesign-page .industry-section { min-height: 0; overflow: hidden; }
  .redesign-page .industry-sticky { position: relative; top: auto; height: auto; min-height: 0; }
  .redesign-page .industry-shell { height: auto; min-height: 0; padding-top: 82px; padding-bottom: 73px; }
  .redesign-page .industry-heading h2 { font-size: clamp(39px, 10.5vw, 51px); }
  .redesign-page .industry-viewport { overflow-x: auto; overflow-y: hidden; margin-top: 32px; scroll-padding-left: 18px; scroll-snap-type: x mandatory; overscroll-behavior-x: contain; }
  .redesign-page .industry-track { transform: none !important; will-change: auto; }
  .redesign-page .industry-card,
  .redesign-page .industry-card.is-active { width: min(292px, 78vw); height: 307px; flex: 0 0 min(292px, 78vw); scroll-snap-align: start; transform: none; }
  .redesign-page .industry-card { opacity: .72; }
  .redesign-page .industry-card.is-active { opacity: 1; }
  .redesign-page .industry-card > div:last-child { min-height: 83px; padding: 13px 15px; }
  .redesign-page .industry-card strong { font-size: 15px; }
  .redesign-page .industry-footer { margin-top: 15px; }
  .redesign-page .industry-note { position: static; color: rgba(245,245,237,.68); font-size: 10px; text-align: left; }

  .redesign-page .growth-section { min-height: 0; overflow: hidden; }
  .redesign-page .growth-sticky { position: relative; top: auto; height: auto; min-height: 0; }
  .redesign-page .growth-grid { min-height: 0; padding-top: 83px; padding-bottom: 72px; }
  .redesign-page .growth-copy { opacity: 1; transform: none; }
  .redesign-page .growth-copy h2 { font-size: clamp(39px, 10.3vw, 49px); }
  .redesign-page .growth-visual { min-height: 342px; margin-top: 29px; }
  .redesign-page .growth-note { display: none; }

  .redesign-page .testimonials-section { padding: 77px 0 84px; }
  .redesign-page .testimonials-intro { margin-bottom: 14px; padding-bottom: 22px; }
  .redesign-page .testimonials-intro h2 { font-size: clamp(43px, 11vw, 55px); }
  .redesign-page .testimonial-card,
  .redesign-page .testimonial-card.is-highlighted { min-height: 163px; padding: 21px; border-radius: 15px; }
  .redesign-page .testimonial-card p { font-size: 15px; line-height: 1.5; }

  .redesign-page .pricing-section { padding: 80px 0 89px; }
  .redesign-page .pricing-intro h2 { font-size: clamp(43px, 11vw, 55px); }
  .redesign-page .price-cards { gap: 10px; margin-top: 31px; }
  .redesign-page .price-card,
  .redesign-page .price-card-featured { position: relative; min-height: 0; padding: 23px; border-radius: 16px; }
  .redesign-page .price-card p { max-width: 23ch; padding-right: 28px; }
  .redesign-page .price { position: absolute; top: 14px; right: 21px; margin: 0; font-size: 60px; line-height: 1; opacity: .19; }
  .redesign-page .price-card ul { margin-top: 26px; }
  .redesign-page .price-card-featured { border-color: #3b3632; color: #f5f2ed; background: #1a1e1d; box-shadow: 0 15px 31px rgba(25,24,22,.12); }
  .redesign-page .price-card-featured .price-name,
  .redesign-page .price-card-featured p,
  .redesign-page .price-card-featured li { color: #f1eee9; }
  .redesign-page .price-card-featured li::before { color: #dbae90; }
  .redesign-page .price-card-featured .price { color: #dbae90; opacity: .34; }
  .redesign-page .price-card-featured .popular-pill { top: 23px; right: 23px; }
  .redesign-page .price-card-featured .price { top: 59px; }

  .redesign-page .closing-section,
  .redesign-page .closing-inner { min-height: 535px; }
  .redesign-page .closing-inner { justify-content: flex-start; padding-top: 94px; }
  .redesign-page .closing-inner h2 { font-size: clamp(45px, 11.8vw, 62px); }
  .redesign-page .closing-signature { bottom: 7%; }
}

@media (max-width: 360px) {
  .redesign-page .nav-cta { padding-inline: 11px; font-size: 11px; }
  .redesign-page .hero-copy h1 { font-size: 47px; }
  .redesign-page .hero-actions { gap: 13px; }
  .redesign-page .hero-text-link { font-size: 11px; }
  .redesign-page .mobile-agenda { padding-inline: 15px; }
}

@media (prefers-reduced-motion: reduce) {
  .redesign-page .mobile-agenda { transform: none; }
  .redesign-page .mobile-agenda-row { transition: none; }
}