/* ==========================================================================
   premium.css - Bausteine, die es NUR auf der VSL-Landingpage gibt.

   vsl.html bringt ihr eigenes <style> im Kopf mit; hier stehen nur die
   Anpassungen, die darauf aufsetzen. Alles Gemeinsame (Tokens, Reset,
   Typografie, Buttons, Kopf, Fuss) steht in shared.css.

   Bis Juli 2026 lag hier zusaetzlich die halbe Unterseiten-Gestaltung samt
   einer kompletten, nie geladenen Startseiten-Ebene (body.sp-home). Genau
   diese Doppelbestaende haben Startseite und Unterseiten auseinanderlaufen
   lassen. Unterseiten-Bausteine gehoeren jetzt nach base.css.
   ========================================================================== */

body.sp-vsl .hero{position:relative;
  isolation:isolate;
  overflow:hidden;
  background:linear-gradient(180deg,#fff 0%,#f8fbff 100%);}
body.sp-vsl .hero::after{display:none}
body.sp-vsl .topbar{background:rgba(255,255,255,.96);border-color:var(--line)}
body.sp-vsl .pill{background:var(--tint-2);color:var(--accent);box-shadow:inset 0 0 0 1px rgba(46,94,140,.10)}
body.sp-vsl .video-frame{border:1px solid rgba(46,71,106,.36);box-shadow:0 28px 64px -30px rgba(8,31,67,.55)}
body.sp-vsl .aurora::before{animation:none;opacity:.32}