/* ============================================================
   Unifical — Hero / Nav styles (landing page chrome)
   ============================================================ */

/* page wrapper */
.uf-page { position: relative; width: 100%; overflow: hidden; background: var(--bg); }

/* ---- nav ---- */
.uf-nav {
  position: relative; z-index: 5;
  display: flex; align-items: center; justify-content: space-between;
  padding: 22px 40px;
}
.uf-nav-links { display: flex; gap: 28px; align-items: center; }
.uf-nav-links a {
  font-size: 14px; color: var(--ink-soft); text-decoration: none;
  font-weight: 500; transition: color .2s;
}
.uf-nav-links a:hover { color: #fff; }
.uf-nav-cta { display: flex; gap: 12px; align-items: center; }

/* ---- Hero A : centered ---- */
.heroA-wrap {
  position: relative; z-index: 4;
  display: flex; flex-direction: column; align-items: center; text-align: center;
  padding: 70px 40px 0;
}
.heroA-h1 {
  font-size: 68px; line-height: 1.02; font-weight: 700; letter-spacing: -.03em;
  margin: 22px 0 0; max-width: 16ch;
}
.heroA-sub {
  font-size: 19px; color: var(--ink-soft); max-width: 52ch; line-height: 1.55;
  margin: 24px 0 0;
}
.heroA-cta { display: flex; gap: 14px; margin-top: 34px; }
.heroA-trust {
  font-family: var(--mono); font-size: 12.5px; color: var(--ink-mute);
  margin-top: 22px; letter-spacing: .02em;
}

/* ---- supported calendars strip ---- */
.uf-cal-strip {
  display: flex; flex-wrap: wrap; gap: 10px; justify-content: center;
  align-items: center; margin-top: 46px; padding-bottom: 70px;
}
.uf-cal {
  display: inline-flex; align-items: center; gap: 9px;
  font-size: 13.5px; font-weight: 500; color: var(--ink-soft);
  background: rgba(255,255,255,.03); border: 1px solid var(--line);
  border-radius: 10px; padding: 9px 14px;
}
.uf-cal .swatch { width: 10px; height: 10px; border-radius: 3px; flex: none; }
.uf-cal.live { color: var(--ink); border-color: var(--line-2); }
.uf-cal.soon { opacity: .55; }
.uf-cal .soon-tag {
  font-family: var(--mono); font-size: 9.5px; letter-spacing: .12em;
  color: var(--ink-faint); text-transform: uppercase; margin-left: 2px;
}
.uf-cal.live .live-tag {
  font-family: var(--mono); font-size: 9.5px; letter-spacing: .12em;
  color: var(--ok); text-transform: uppercase; margin-left: 2px;
}