/* ============================================================================
   ONEEXISTS v1.2.0 additions
   - Waitlist hero form
   - Roadmap timeline
   - Design process cards
   - Rolls forward hotfixes v1.1.1 + v1.1.2 (dark text force + wordmark fallback)
   ============================================================================ */

/* ---------- Roll-forward: v1.1.1 dark text force ---------- */
.oe-dark, .oe-section--dark { color: rgb(var(--oe-text)); }
.oe-dark h1, .oe-dark h2, .oe-dark h3, .oe-dark h4, .oe-dark h5,
.oe-dark p, .oe-dark .oe-lede, .oe-dark address, .oe-dark li, .oe-dark dd {
  color: rgb(var(--oe-text));
}
.oe-dark .oe-passport dd { color: rgb(var(--oe-white)); }
.oe-dark .oe-passport dt { color: rgb(var(--oe-silver)); }
.oe-dark .oe-passport { border-top-color: rgb(var(--oe-charcoal)); }
.oe-dark .oe-eyebrow { color: rgb(var(--oe-silver)); }

.oe-hero__title,
.oe-hero__title.oe-display,
h1.oe-hero__title,
.oe-hero h1 {
  color: rgb(var(--oe-white)) !important;
  font-weight: var(--oe-fw-medium) !important;
}
.oe-hero__title em, .oe-hero__title i {
  color: rgb(var(--oe-silver)) !important;
  font-style: normal !important;
  font-weight: var(--oe-fw-medium) !important;
}
.oe-hero__sub { color: rgb(var(--oe-white)) !important; }
.oe-hero .oe-eyebrow { color: rgb(var(--oe-silver)) !important; }

.oe-hero__scrim {
  background: linear-gradient(180deg,
              rgb(var(--oe-black) / 0.35) 0%,
              rgb(var(--oe-black) / 0.55) 50%,
              rgb(var(--oe-black) / 0.85) 100%);
}
.oe-hero--placeholder {
  background: linear-gradient(180deg, rgb(var(--oe-graphite)) 0%, rgb(var(--oe-black)) 100%);
}

/* ---------- Roll-forward: v1.1.2 wordmark fallback ---------- */
.oe-header__logo .custom-logo-link,
.oe-header__logo .custom-logo,
.oe-header__logo img { display: none !important; }
.oe-header__logo {
  min-width: 160px;
  min-height: 24px;
  display: flex !important;
  align-items: center;
  justify-content: center;
}
.oe-header__logo::before {
  content: "ONEEXISTS\00AE";
  font-family: var(--oe-font-head);
  font-weight: 700;
  font-size: 1.125rem;
  letter-spacing: 0.04em;
  color: rgb(var(--oe-text));
  line-height: 1;
}
.oe-footer__logo .custom-logo-link,
.oe-footer__logo .custom-logo,
.oe-footer__logo img { display: none !important; }
.oe-footer__logo { display: block; margin-bottom: 1rem; }
.oe-footer__logo::before {
  content: "ONEEXISTS\00AE";
  font-family: var(--oe-font-head);
  font-weight: 700;
  font-size: 1.5rem;
  letter-spacing: 0.04em;
  color: rgb(var(--oe-white));
  line-height: 1;
}
.oe-drawer__logo .custom-logo-link,
.oe-drawer__logo .custom-logo,
.oe-drawer__logo img { display: none !important; }
.oe-drawer__logo::before {
  content: "ONEEXISTS\00AE";
  font-family: var(--oe-font-head);
  font-weight: 700;
  font-size: 1rem;
  letter-spacing: 0.04em;
  color: rgb(var(--oe-text));
}

.oe-header__nav .oe-nav { flex-wrap: nowrap; white-space: nowrap; gap: 1.5rem; }
.oe-nav a { white-space: nowrap; }

/* ---------- v1.2.0 NEW — Hero waitlist layout ---------- */
.oe-hero--waitlist { min-height: min(90vh, 900px); align-items: center; padding-block: var(--oe-section-y-lg); }
.oe-hero--waitlist .oe-hero__inner {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--oe-gap-xl);
  max-width: var(--oe-container-xl);
  padding-inline: var(--oe-gutter);
}
@media (min-width: 64rem) {
  .oe-hero--waitlist .oe-hero__inner {
    grid-template-columns: 1.15fr 1fr;
    align-items: end;
    gap: var(--oe-gap-2xl);
  }
}
.oe-hero__copy { max-width: 34rem; }
.oe-hero__form {
  background: rgb(var(--oe-black) / 0.35);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  padding: var(--oe-gap-lg);
  border: 1px solid rgb(var(--oe-white) / 0.15);
  color: rgb(var(--oe-white));
  width: 100%;
  max-width: 26rem;
  justify-self: end;
}
@media (max-width: 63.99rem) {
  .oe-hero__form { max-width: 100%; justify-self: stretch; }
}
.oe-waitlist { display: flex; flex-direction: column; gap: 0.875rem; }
.oe-waitlist > .oe-eyebrow { color: rgb(var(--oe-silver)) !important; margin-bottom: 0.25rem; }
.oe-waitlist .oe-label { color: rgb(var(--oe-silver)); }
.oe-waitlist .oe-input, .oe-waitlist .oe-select {
  background: rgb(var(--oe-white) / 0.05);
  border: 1px solid rgb(var(--oe-white) / 0.25);
  color: rgb(var(--oe-white));
  height: 2.75rem;
}
.oe-waitlist .oe-input:focus, .oe-waitlist .oe-select:focus {
  border-color: rgb(var(--oe-white));
  background: rgb(var(--oe-white) / 0.08);
}
.oe-waitlist .oe-input::placeholder { color: rgb(var(--oe-silver) / 0.7); }
.oe-waitlist .oe-select {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'><path fill='none' stroke='%23ffffff' stroke-width='1.5' d='M1 1l4 4 4-4'/></svg>");
}
.oe-waitlist .oe-select option { color: rgb(var(--oe-black)); background: rgb(var(--oe-white)); }
.oe-waitlist .oe-field { margin-bottom: 0; }
.oe-waitlist .oe-btn { margin-top: 0.5rem; }
.oe-waitlist .oe-hint { color: rgb(var(--oe-silver)); font-size: 0.6875rem; }
.oe-waitlist .oe-error { color: rgb(var(--oe-sale)); font-size: 0.75rem; }

.oe-waitlist-success {
  text-align: center;
  padding: var(--oe-gap-lg);
  color: rgb(var(--oe-white));
}
.oe-waitlist-success .oe-eyebrow { color: rgb(var(--oe-silver)) !important; }

/* ---------- v1.2.0 NEW — Roadmap timeline ---------- */
.oe-roadmap {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  grid-template-columns: 1fr;
  gap: 1px;
  background: rgb(var(--oe-mist));
  border: 1px solid rgb(var(--oe-mist));
}
@media (min-width: 48rem) { .oe-roadmap { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 80rem) { .oe-roadmap { grid-template-columns: repeat(4, 1fr); } }
.oe-roadmap__item {
  background: rgb(var(--oe-white));
  padding: var(--oe-gap-lg);
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  position: relative;
  min-height: 220px;
}
.oe-roadmap__item--active { background: rgb(var(--oe-black)); color: rgb(var(--oe-white)); }
.oe-roadmap__item--active .oe-eyebrow { color: rgb(var(--oe-silver)); }
.oe-roadmap__item--active .oe-passport,
.oe-roadmap__item--active .oe-roadmap__desc { color: rgb(var(--oe-silver)); }
.oe-roadmap__no {
  font-family: var(--oe-font-mono);
  font-size: var(--oe-fs-caption);
  color: rgb(var(--oe-text-muted));
  border-top: 0;
  padding-top: 0;
  margin: 0 0 0.25rem;
  letter-spacing: 0;
}
.oe-roadmap__date { margin: 0; font-size: 0.6875rem; }
.oe-roadmap__label {
  margin: 0.5rem 0 0.25rem;
  font-size: var(--oe-fs-h4);
  font-weight: var(--oe-fw-medium);
  letter-spacing: var(--oe-ls-normal);
}
.oe-roadmap__desc {
  margin: 0;
  font-size: var(--oe-fs-small);
  color: rgb(var(--oe-text-muted));
  line-height: 1.55;
  flex: 1;
}

/* ---------- v1.2.0 NEW — Design process cards ---------- */
.oe-design-grid { gap: var(--oe-gap-lg); }
.oe-design-card {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.oe-design-card__figure { overflow: hidden; margin-bottom: 1rem; }
.oe-design-card__figure > * { transition: transform var(--oe-duration-editorial) var(--oe-ease); }
.oe-design-card:hover .oe-design-card__figure > * { transform: scale(1.03); }
.oe-design-card > .oe-eyebrow {
  margin: 0;
  color: rgb(var(--oe-text-muted));
}
.oe-design-card__title {
  margin: 0;
  font-size: var(--oe-fs-h3);
  font-weight: var(--oe-fw-medium);
  letter-spacing: var(--oe-ls-tight);
}
.oe-design-card__desc {
  margin: 0;
  font-size: var(--oe-fs-body);
  color: rgb(var(--oe-text-muted));
  line-height: 1.55;
}
