/* ============================================================
   Tiempo — /contact
   A paid-ads landing page: no nav, no footer, no exit paths. The
   Cal.com embed is the entire content.
   ============================================================ */

/* These were on :root, which is a trap once base.css is in play.
   base.css sets body { font-size: var(--fs-body) }, and this page's
   body had no font-size of its own — so a :root override of --fs-body
   would have quietly dropped all body text from 16px to 15px. Scoped
   to the wrapper, they do what they were written to do: size the
   headline and the subhead, nothing else.
   (--fs-h1 was also overridden here and referenced nowhere. Dropped.) */
.lp-wrap {
  --fs-hero: 3rem;
  --fs-body: 0.9375rem;
}

html, body {
  background-color: var(--media);
  color: var(--crema);
  line-height: normal;
  min-height: 100vh;
}

.lp-wrap {
  max-width: var(--w-text);
  margin: 0 auto;
  padding: var(--s-12) var(--s-6) var(--s-16);
}

.lp-logo { margin-bottom: 52px; }

.lp-headline {
  font-family: var(--font-display);
  font-weight: var(--fw-light);
  font-size: clamp(2rem, 5vw, var(--fs-hero));
  line-height: var(--lh-tight);
  letter-spacing: -0.01em;
  color: var(--crema);
  margin-bottom: var(--s-4);
  text-align: center;
}

.lp-subhead {
  font-size: var(--fs-body);
  color: var(--on-dark-2);
  line-height: var(--lh-relaxed);
  max-width: none;
  margin: 0 auto var(--s-5);
  text-align: center;
}

.lp-trust {
  font-size: var(--fs-xs);
  color: var(--on-dark-4);
  letter-spacing: 0.02em;
  margin-bottom: var(--s-10);
  text-align: center;
}

.lp-embed {
  width: 100%;
  min-height: 620px;
  overflow: hidden;
}
.lp-embed iframe {
  border: none !important;
  width: 100% !important;
  display: block;
}

@media (max-width: 640px) {
  .lp-wrap { padding: var(--s-8) var(--s-5) var(--s-12); }
  .lp-logo { margin-bottom: var(--s-9); }
}