/* KuyaYos /hospitality/ — Free Hotel Maintenance Audit landing page.
 *
 * Loaded after styles.css + go.css. Reuses:
 *   - the docket sections from styles.css (.section, .section-docket,
 *     .examples/.example, .steps/.step, .faq, .ribbon--marquee, .hero__chips);
 *   - the lead-form components from go.css (.lead-card, .wizard, .lead-field,
 *     .lead-check, .lead-success, ...).
 * Adds only: the LP hero, a why-book checklist, a reassurance/CTA band, and
 * one override (below) so this page scrolls normally.
 *
 * IMPORTANT: go.css sets an UNSCOPED `html { scroll-snap-type: y mandatory }`
 * for the /go/ full-viewport scenes. This page is a normal, scannable, SEO
 * page, so neutralize it here (this sheet loads last, so it wins). We keep
 * smooth scroll + scroll-padding for the in-page anchor CTAs. */
html { scroll-snap-type: none; }

/* ---------- Hero ---------- */
.lp-hero {
  position: relative;
  overflow: hidden;
  background: var(--brand);
  color: #fff;
  padding: 4.25rem 0 3.75rem;
  text-align: center;
}
/* The shared homepage/go scroller (.hero__skyline + .hero__skyline-track) is
   already position:absolute, bottom-pinned, opacity 0.22 — it just needs the
   hero to be a positioning + clipping context, and the content above it. */
.lp-hero__skyline { z-index: 0; }
.lp-hero__inner {
  position: relative;
  z-index: 1;
  max-width: 46rem;
  margin: 0 auto;
  padding: 0 1.25rem;
}
.lp-hero .eyebrow { color: var(--action); }
.lp-hero h1 {
  color: #fff;
  font-size: clamp(1.85rem, 5vw, 2.85rem);
  line-height: 1.12;
  letter-spacing: -0.028em;
  text-wrap: balance;
  margin: 0.45rem 0 0.9rem;
}
.lp-hero__sub {
  color: rgba(255, 255, 255, 0.92);
  font-size: 1.1rem;
  line-height: 1.55;
  max-width: 40rem;
  margin: 0 auto 1.35rem;
  text-wrap: pretty;
}
.lp-hero .hero__chips { justify-content: center; margin: 1.1rem auto 1.5rem; }
.lp-hero__cta { margin: 0.4rem 0 0.6rem; }
.lp-hero__fine {
  color: rgba(255, 255, 255, 0.78);
  font-size: 0.85rem;
  font-weight: 600;
  margin: 0.35rem 0 0;
}

/* ---------- Social proof (press ribbon) ---------- */
.section--tight { padding-block: 2.25rem; }
/* ---------- Social-proof kicker over the press ribbon ---------- */
.lp-proof__kicker {
  display: block;
  text-align: center;
  color: var(--ink-soft);
  font-weight: 700;
  font-size: 0.9rem;
  letter-spacing: 0.01em;
  margin: 0 0 0.35rem;
}

/* ---------- Why-book checklist ---------- */
.lp-checks {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 0.85rem 1.5rem;
  grid-template-columns: 1fr;
}
@media (min-width: 620px) { .lp-checks { grid-template-columns: 1fr 1fr; } }
.lp-checks li {
  position: relative;
  padding-left: 2.1rem;
  font-weight: 600;
  color: var(--ink);
  line-height: 1.4;
}
.lp-checks li::before {
  content: '\2713';
  position: absolute;
  left: 0;
  top: 0;
  width: 1.45rem;
  height: 1.45rem;
  border-radius: 50%;
  background: var(--brand);
  color: #fff;
  font-size: 0.85rem;
  font-weight: 800;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

/* ---------- Reassurance block ---------- */
.lp-reassure p { max-width: 42rem; }

/* ---------- Final CTA band ---------- */
.lp-cta { background: var(--brand); color: #fff; text-align: center; }
.lp-cta .section-docket,
.lp-cta .section-docket__head { background: transparent; border: 0; box-shadow: none; }
.lp-cta h2 { color: #fff; }
.lp-cta p { color: rgba(255, 255, 255, 0.92); }
.lp-cta__fine {
  color: rgba(255, 255, 255, 0.78);
  font-size: 0.85rem;
  font-weight: 600;
  margin-top: 0.85rem;
}

/* ---------- "Here's what to expect" — 4 steps as a balanced 2x2 ----------
   The shared .steps grid is repeat(3, 1fr) at >=768px, which leaves a 4th step
   orphaned on its own row. A 2x2 reads as a deliberate, balanced block. */
@media (min-width: 768px) {
  .hospitality .steps { grid-template-columns: repeat(2, 1fr); }
}

/* ---------- Centered section head (report section) ---------- */
.lp-section-head { text-align: center; max-width: 42rem; margin: 0 auto 1.75rem; }
.lp-section-head h2 { margin: 0 0 0.5rem; }
.lp-section-head .section__lede { margin: 0 auto; }

/* ---------- Facility Health Report — shown AS the deliverable document ----------
   A docket "report sheet": a teal header bar with a sample tag, then checklist
   rows on cream paper separated by dashed rules (the docket motif). Replaces the
   four thin floating cards, which read as under-designed. */
.report-card {
  max-width: 40rem;
  margin: 0 auto;
  background: var(--docket-paper);
  border: 2px solid var(--ink);
  border-radius: var(--radius);
  box-shadow: var(--docket-shadow);
  overflow: hidden;
}
.report-card__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: 0.9rem 1.35rem;
  background: var(--brand);
  color: #fff;
  border-bottom: 2px solid var(--ink);
}
.report-card__doc {
  font-weight: 800;
  letter-spacing: -0.01em;
  font-size: 1.02rem;
}
.report-card__tag {
  font-size: 0.68rem;
  font-weight: 800;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--ink);
  background: var(--action);
  border-radius: var(--radius-sm);
  padding: 0.18rem 0.5rem;
}
.report-card__list {
  list-style: none;
  margin: 0;
  padding: 0.5rem 1.35rem;
}
.report-card__row {
  display: flex;
  gap: 0.95rem;
  align-items: flex-start;
  padding: 1rem 0;
  border-bottom: 1px dashed var(--slate-300, #cdd6dd);
}
.report-card__row:last-child { border-bottom: 0; }
.report-card__check {
  flex-shrink: 0;
  width: 1.7rem;
  height: 1.7rem;
  border-radius: 50%;
  background: var(--brand);
  color: #fff;
  font-size: 0.9rem;
  font-weight: 800;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-top: 0.1rem;
}
.report-card__label {
  margin: 0 0 0.2rem;
  font-size: 1.02rem;
  line-height: 1.25;
  color: var(--brand-900, var(--ink));
  letter-spacing: -0.01em;
}
.report-card__text p {
  margin: 0;
  color: var(--ink-soft);
  line-height: 1.5;
  font-size: 0.95rem;
}

/* ---------- Lead-form section ---------- */
.lp-form .lead-card { margin-top: 1.35rem; }