/* "See inside" gallery on the landing page: phone-framed screenshots, CSS scroll-snap, no JS. */
.tour { padding: .5rem 0 1.5rem; text-align: center; }
.tour h2 { font-size: clamp(1.6rem, 5vw, 2.2rem); letter-spacing: -.02em; margin: 0 0 .4rem; }
.tour-sub { color: var(--muted); margin: 0 auto 1.2rem; max-width: 34rem; }
.tour-strip { display: flex; gap: 1rem; overflow-x: auto; scroll-snap-type: x mandatory; padding: .5rem 1.25rem 1rem; margin: 0 -1.25rem;
  -webkit-overflow-scrolling: touch; scrollbar-width: thin; overscroll-behavior-x: contain; }
.tour-shot { flex: 0 0 auto; width: 232px; margin: 0; scroll-snap-align: center; text-align: start; }
.tour-phone { background: #111; border-radius: 34px; padding: 9px; box-shadow: 0 10px 28px rgba(20, 40, 25, .18); }
.tour-phone img { display: block; width: 100%; height: auto; border-radius: 26px; background: #f3f5f2; }
.tour-shot figcaption { font-size: .9rem; color: var(--muted); margin-top: .7rem; line-height: 1.4; }
.tour-shot figcaption strong { display: block; color: var(--ink); font-size: .98rem; }
.tour-note { font-size: .82rem; color: var(--muted); margin: .4rem 0 1rem; }
@media (min-width: 700px) { .tour-strip { justify-content: flex-start; } .tour-shot { width: 250px; } }
.land-nav .nav-tour { white-space: nowrap; }
@media (max-width: 480px) { .land-nav .nav-tour { display: none; } }
.tour + .features { margin-top: 1.5rem; }