/* YouCore · Gold-Nacht (gemeinsame Tokens für Bio- und Launch-Seite) */
:root{
  color-scheme:dark;
  --night:#1A1A1A; --night-2:#222221; --night-3:#2B2B29; --line:rgb(255 255 255 / .08);
  --snow:#FFFFFF; --snow-muted:#A6A39C; --snow-dim:#7C7972;
  --studio-hi:#F3F3F1; --studio:#DCDCD9; --studio-lo:#BEBEBB; --ink:#1A1A1A; --ink-muted:#55534E; --ink-line:rgb(26 26 26 / .12);
  --gold:#D2AD63; --gold-deep:#A9853F; --gold-hi:#F3DFA8; --on-gold:#1A1A1A;
  --gold-grad:linear-gradient(100deg,#FFF4D6 0%,#EACB83 26%,#D2AD63 50%,#9C7633 74%,#F0D99E 100%);
  --gold-ink-grad:linear-gradient(100deg,#4E3712 0%,#8E6A2C 35%,#B88F45 55%,#6E4F1C 100%);
  --gold-btn:linear-gradient(180deg,#F0D696 0%,#D2AD63 55%,#B48E48 100%);
  --gold-glow:radial-gradient(75% 60% at 50% 0%,rgb(210 173 99 / .30) 0%,rgb(210 173 99 / .10) 45%,rgb(210 173 99 / 0) 100%);
  --font:"Archivo","Helvetica Neue",Arial,sans-serif;
  --r:20px; --r-lg:24px; --pill:999px; --spring:cubic-bezier(.32,.72,0,1);
}
*,*::before,*::after{box-sizing:border-box}
*{margin:0}
html{-webkit-text-size-adjust:100%}
body{background:var(--night);color:var(--snow);font:400 16px/1.55 var(--font);font-stretch:104%;-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:inherit}
h1,h2,h3{font-weight:500;font-stretch:125%;letter-spacing:-.02em;line-height:1.05;text-wrap:balance}
:focus-visible{outline:2px solid var(--gold);outline-offset:3px;border-radius:10px}
.g{background:var(--gold-grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.g-ink{background:var(--gold-ink-grad);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;color:transparent}
.glanz{animation:glanz 2.4s var(--spring) .2s both}
@keyframes glanz{from{background-position:100% 0}to{background-position:0 0}}
.pill{display:inline-flex;align-items:center;gap:8px;width:max-content;max-width:100%;height:30px;padding:0 13px;border-radius:var(--pill);font-size:13px;font-weight:500;font-stretch:112%;white-space:nowrap}
.pill-w{background:#fff;color:var(--ink);box-shadow:0 1px 2px rgb(0 0 0 / .08)}
.pill-d{background:rgb(255 255 255 / .08);color:var(--snow);border:1px solid var(--line)}
.pill-g{background:var(--gold-btn);color:var(--on-gold)}
.pill .pkt{width:6px;height:6px;border-radius:50%;background:var(--gold)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:0 24px;border-radius:var(--pill);border:1px solid transparent;
  font:500 15px/1 var(--font);font-stretch:112%;text-decoration:none;cursor:pointer;-webkit-tap-highlight-color:transparent;
  transition:transform .3s var(--spring),box-shadow .3s var(--spring),background-color .15s}
.btn:hover{transform:translateY(-1px)}
.btn:active{transform:scale(.97);transition-duration:80ms}
.btn-gold{background:var(--gold-btn);color:var(--on-gold);box-shadow:inset 0 1px 0 rgb(255 255 255 / .4),0 8px 24px rgb(210 173 99 / .22)}
.btn-ink{background:var(--ink);color:#fff}
.btn-glass{background:rgb(255 255 255 / .10);color:var(--snow);border-color:var(--line)}
.btn-studio{background:rgb(255 255 255 / .55);color:var(--ink);border-color:rgb(255 255 255 / .6);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
.btn .pfeil{transition:transform .3s var(--spring)}
.btn:hover .pfeil{transform:translateX(3px)}
.studio{margin-inline:max(10px,env(safe-area-inset-left,0px)) max(10px,env(safe-area-inset-right,0px));border-radius:var(--r-lg);color:var(--ink);
  background:radial-gradient(110% 90% at 62% 38%,var(--studio-hi) 0%,var(--studio) 55%,var(--studio-lo) 100%);position:relative;overflow:hidden}
.unter-gold{position:relative}
.unter-gold::before{content:"";position:absolute;inset:0 0 auto;height:600px;background:var(--gold-glow);pointer-events:none}
.unter-gold>*{position:relative}
.logo{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:0 16px 0 12px;border-radius:var(--pill);text-decoration:none;
  font:600 14px/1 var(--font);font-stretch:125%;letter-spacing:.14em;color:#fff;background:rgb(26 26 26 / .55);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}
.logo i{width:18px;height:18px;border-radius:50%;background:var(--gold-grad);box-shadow:0 0 14px rgb(210 173 99 / .55)}
.karte{position:relative;overflow:hidden;min-width:0;display:grid;justify-items:center;text-align:center;gap:10px;align-content:start;padding:26px 24px 0;border-radius:var(--r);
  background:var(--gold-glow),linear-gradient(180deg,#252523,#1E1E1C);border:1px solid var(--line);transition:transform .4s var(--spring),border-color .2s}
.karte:hover{transform:translateY(-3px);border-color:rgb(210 173 99 / .3)}
.karte small{font-size:13px;color:var(--snow-muted)}
.karte h3{font-size:21px;font-stretch:118%}
.karte p{color:var(--snow-muted);font-size:15px;max-width:32ch}
.buehne{position:relative;width:100%;height:150px;margin-top:6px}
.buehne::before{content:"";position:absolute;left:50%;bottom:-150px;width:340px;height:290px;transform:translateX(-50%);border-radius:50%;
  border:1px solid rgb(255 255 255 / .10);border-top-color:rgb(210 173 99 / .7);box-shadow:0 -10px 40px -12px rgb(210 173 99 / .5)}
.knopf{position:absolute;left:50%;bottom:30px;transform:translateX(-50%);width:62px;height:62px;border-radius:50%;display:grid;place-items:center;
  background:var(--gold-btn);color:var(--on-gold);box-shadow:0 0 0 8px rgb(210 173 99 / .10),0 0 40px rgb(210 173 99 / .45)}
.knopf svg{width:26px;height:26px}
footer{border-top:1px solid var(--line);padding:32px 16px calc(32px + env(safe-area-inset-bottom));text-align:center;color:var(--snow-dim);font-size:13.5px}
footer a{text-decoration:none}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition-duration:.01ms!important}}