/* Spielekonsolen-Doktor: Gerüst wie kamera-doktor (styles.css), eigene Gerätewelt „Arcade“:
   Tiefschwarz, Neon-Limette als Akzent, Gaming-Grün nur für Handlungsaufforderungen (#178640: Weiß 4,65:1). */
:root{
  --bg:#07090C; --bg-2:#10141A; --bg-3:#18202A; --line:#1F2833; --line-2:#2B3644;
  --fg:#F2F6F3; --fg-2:#B5C0B9; --fg-3:#84918A;
  --red:#178640; --red-2:#137336; --red-soft:rgba(34,197,94,.14);
  /* Akzent Cyan wie auf der bisherigen Live-Seite (bewährt), Grün nur für Knöpfe */
  --cyan:#3DDBF0; --cyan-2:#8BEBF8; --cyan-soft:rgba(61,219,240,.12);
  --glow-cyan:0 0 0 1px rgba(61,219,240,.5), 0 0 32px -8px rgba(61,219,240,.35);
}
.rec{border-radius:var(--r-xs);letter-spacing:.12em}
.chips span,.chips a{border-radius:var(--r)}
.badge{border-radius:var(--r-xs)!important}
.hero h1 em{color:var(--cyan-2)}
.hero-shade{background:linear-gradient(180deg,rgba(7,9,12,.5) 0%,rgba(7,9,12,.1) 35%,rgba(7,9,12,.72) 72%,rgba(7,9,12,.97) 100%),linear-gradient(90deg,rgba(7,9,12,.8) 0%,rgba(7,9,12,.35) 40%,rgba(7,9,12,0) 62%)}
.logo .mark{background:url(/favicon.svg) center/contain no-repeat!important;border:0!important;box-shadow:none!important}
.logo .mark::before,.logo .mark::after{display:none!important}
.flow.drei{grid-template-columns:repeat(3,1fr)}
.flow.drei::before,.flow.drei::after{display:none}
@media (max-width:980px){.flow.drei{grid-template-columns:1fr}}
.eyebrow{white-space:normal}
.btn{white-space:normal;text-align:center}
@media (max-width:420px){.kva-box{padding:20px 16px}.kva-box .big{font-size:1.6rem}}
@media (max-width:760px){.hero-media img,.hero-media video{object-position:70% 50%}.hero .lead{font-size:1.02rem}}