/* ==========================================================================
   Ofira.app — Under-Construction (Coming Soon).
   Schlanke, markenkonforme Seite. Nutzt ausschließlich Tokens aus tokens.css.
   ========================================================================== */

.uc {
  min-height: 100vh;
  display: grid;
  grid-template-rows: 1fr auto;
  background: var(--stage-bg-grad), var(--stage-bg);
  color: var(--stage-text);
  position: relative;
  overflow: hidden;
  isolation: isolate;
}

/* Aurora-Schein wie im Hero der Hauptseite (gleiches Token) */
.uc::before {
  content: '';
  position: absolute; inset: 0; z-index: -1;
  pointer-events: none;
  background: var(--glow-aurora);
}

.uc__inner {
  align-self: center;
  max-width: var(--measure);
  margin-inline: auto;
  padding: var(--space-8) var(--gutter-mobile);
  text-align: center;
}
@media (min-width: 768px) {
  .uc__inner { padding-inline: var(--gutter); }
}

.uc__logo {
  height: 44px; width: auto;
  margin: 0 auto var(--space-7);
}

.uc__eyebrow {
  display: inline-flex; align-items: center; gap: var(--space-3);
  margin-bottom: var(--space-5);
  color: var(--orange-300);
  font-size: var(--fs-small);
  font-weight: var(--fw-medium);
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.uc__eyebrow::before {
  content: '';
  width: 18px; height: 2px;
  border-radius: var(--radius-xs);
  background: var(--grad-brand);
}

.uc__title {
  font-size: var(--fs-hero-fluid);
  line-height: var(--lh-hero);
  letter-spacing: var(--ws-hero);
  font-weight: var(--fw-bold);
  background: var(--grad-headline);
  -webkit-background-clip: text;
          background-clip: text;
  -webkit-text-fill-color: transparent;
          color: transparent;
}

.uc__lead {
  max-width: 54ch;
  margin: var(--space-5) auto 0;
  font-size: var(--fs-lead);
  line-height: var(--lh-lead);
  color: var(--stage-text);
}

.uc__contact {
  margin-top: var(--space-7);
  font-size: var(--fs-note);
  color: var(--stage-text-muted);
}
.uc__contact a { color: var(--orange-400); }
.uc__contact a:hover { color: var(--orange-300); }

.uc__footer {
  padding: var(--space-5);
  text-align: center;
  font-size: var(--fs-mini);
  color: var(--stage-text-muted);
}