/* Büx – Coming-soon-Seite (gleiches Design wie die Hauptseite) */
:root {
  --mint: #A6DBAB;
  --mint2: #9fe4bc;
  --bg: #fff;
  --ink: #1d1d1f;
  --mute: #6e6e73;
  --line: rgba(0, 0, 0, .12);
  --f: -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text",
       Inter, "Helvetica Neue", Arial, sans-serif;
  color-scheme: light;
}

*, *::before, *::after { box-sizing: border-box; }

html, body { height: 100%; }

body {
  margin: 0;
  display: flex;
  flex-direction: column;
  background: var(--bg);
  color: var(--ink);
  font: 400 clamp(1.0625rem, 1rem + .2vw, 1.1875rem) / 1.47 var(--f);
  letter-spacing: -.011em;
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden;
}

a { color: inherit; text-decoration: none; }
:focus-visible { outline: 3px solid #2f7a3b; outline-offset: 3px; border-radius: 8px; }

main {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: calc(48px + env(safe-area-inset-top, 0px)) 24px 48px;
  text-align: center;
  background: linear-gradient(180deg, var(--bg) 0%, var(--bg) 30%,
    color-mix(in srgb, var(--mint2) 38%, var(--bg)) 100%);
}

.logo { width: clamp(110px, 22vw, 170px); height: auto; margin-bottom: 40px; }

.pill {
  display: inline-block;
  margin-bottom: 20px;
  padding: 6px 16px;
  border-radius: 980px;
  background: var(--mint);
  color: #0a0a0a;
  font-size: .8125rem;
  font-weight: 600;
  letter-spacing: .02em;
}

h1 {
  margin: 0;
  font-size: clamp(3rem, 9.5vw, 7rem);
  font-weight: 700;
  letter-spacing: -.035em;
  line-height: 1;
}

.lead {
  max-width: 27em;
  margin: 24px auto 0;
  color: var(--mute);
  font-size: clamp(1.1875rem, 1.05rem + .6vw, 1.6rem);
  font-weight: 500;
  line-height: 1.3;
  letter-spacing: -.018em;
}

.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 52px;
  margin-top: 40px;
  padding: 0 30px;
  border-radius: 980px;
  background: #1d1d1f;
  color: #fff;
  font: 500 1.1875rem var(--f);
  transition: transform .25s;
}
.btn:hover { transform: scale(1.03); }

footer {
  padding: 20px 24px calc(20px + env(safe-area-inset-bottom, 0px));
  background: #f5f5f7;
  border-top: 1px solid var(--line);
  color: var(--mute);
  font-size: .8125rem;
  text-align: center;
  line-height: 1.6;
}
footer a { text-decoration: underline; }

/* Einblend-Animation */
.in {
  opacity: 0;
  transform: translateY(20px);
  animation: up 1s cubic-bezier(.2, .7, .2, 1) forwards;
}
.d1 { animation-delay: .1s; }
.d2 { animation-delay: .22s; }
.d3 { animation-delay: .34s; }
.d4 { animation-delay: .46s; }
@keyframes up { to { opacity: 1; transform: none; } }

@media (prefers-reduced-motion: reduce) {
  .in { animation: none; opacity: 1; transform: none; }
  .btn { transition: none; }
}