/* ═══════════════════════════════════════════════════════════════════════
   Aventorian Academy · Verkaufsseiten · PREMIUM-GOLD-SCHICHT (04.10.2026)
   Gleicher Look wie das Member-Dashboard (member-premium.css). Reine Optik,
   wird nach home-gold.css geladen. Schriften selbst gehostet (assets/fonts).
   ═══════════════════════════════════════════════════════════════════════ */
@font-face { font-family: "PM Serif"; src: url("assets/fonts/fraunces-vf.woff2") format("woff2"); font-weight: 300 800; font-style: normal; font-display: swap;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "PM Serif"; src: url("assets/fonts/fraunces-vf-italic.woff2") format("woff2"); font-weight: 300 800; font-style: italic; font-display: swap;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

body.ah {
  --pm-serif: "PM Serif", "Iowan Old Style", Georgia, "Times New Roman", serif;
  --pm-gold-1: #f8e6ba; --pm-gold-2: #dfbc69; --pm-gold-3: #af8c39;
  --pm-gold: linear-gradient(100deg, #fae9c0 0%, #e2bf6c 46%, #b7923c 100%);
  --pm-gold-text: linear-gradient(100deg, #fdf0d0 0%, #eccb7f 42%, #c8a24b 100%);
  --pm-hair: rgba(255, 255, 255, 0.075); --pm-hair-gold: rgba(223, 188, 105, 0.26);
  --pm-glass-bg: linear-gradient(180deg, rgba(255, 255, 255, 0.042), rgba(255, 255, 255, 0.014)), rgba(9, 15, 34, 0.74);
  --pm-shadow: 0 1px 0 rgba(255, 255, 255, 0.035) inset, 0 30px 60px -30px rgba(0, 0, 0, 0.75), 0 10px 24px -14px rgba(0, 0, 0, 0.55);
  --pm-ease: cubic-bezier(.2, .7, .2, 1);
  --f-display: var(--pm-serif);
  --ink: #dae4fb; --ink-2: #bfc6d9; --muted: #7c8ab2;
  --line: rgba(255, 255, 255, 0.08); --line-2: rgba(223, 188, 105, 0.28);
  --glass: var(--pm-glass-bg);
  --cyan: #d2b675; --blue-2: #b9c1d6; --blue: #7483ad;
  --lime: #e2bf6c; --lime-2: #cba54b; --lime-ink: #17110a;
  --sec: clamp(100px, 13vw, 176px);
  background:
    radial-gradient(1200px 640px at 80% -10%, rgba(223, 188, 105, 0.07), transparent 60%),
    radial-gradient(900px 700px at 0% 110%, rgba(56, 67, 96, 0.2), transparent 62%),
    linear-gradient(180deg, #080d1e 0%, #070b19 55%, #060a17 100%);
  font-feature-settings: "cv11", "ss01", "ss03";
  text-rendering: optimizeLegibility;
}
body.ah ::selection { background: rgba(223, 188, 105, 0.35); color: #ffffff; }
body.ah :focus-visible { outline-color: var(--pm-gold-2); }

/* ── Typografie ─────────────────────────────────────────────────────── */
body.ah h1, body.ah h2, body.ah h3 { font-family: var(--pm-serif); font-weight: 500; letter-spacing: -.015em; font-optical-sizing: auto; }
body.ah h1 { font-weight: 450; line-height: 1.02; }
body.ah h2 { line-height: 1.06; }
body.ah h3 { font-weight: 520; line-height: 1.18; }
body.ah .hf h1 { letter-spacing: -.02em; font-size: clamp(34px, 9.4vw, 74px); }
body.ah .hf h1 em, body.ah .ah-head h2 em, body.ah .ah-hero h1 em, body.ah .ah-final h2 em, body.ah .ah-gold {
  font-style: italic; font-weight: 420;
  background: var(--pm-gold-text) !important; -webkit-background-clip: text !important; background-clip: text !important; color: transparent !important;
}
body.ah .ah-eyebrow, body.ah .ah-mono, body.ah .hd-ribbon, body.ah .ah-chip {
  font-family: var(--f-sans) !important; font-weight: 600 !important; letter-spacing: .22em !important; font-size: 10.5px !important;
}
body.ah .ah-eyebrow { color: #d2b675 !important; }
body.ah .ah-eyebrow::before { height: 1px; background: linear-gradient(90deg, transparent, var(--pm-gold-2)) !important; box-shadow: none !important; }
body.ah .ah-mono { color: #a6b0cb !important; }
body.ah p { letter-spacing: -.003em; }

/* ── Kopfzeile ──────────────────────────────────────────────────────── */
body.ah .ah-top { border-bottom-color: rgba(223, 188, 105, 0.1) !important; }
body.ah .ah-nav a { font-weight: 500; letter-spacing: 0; }
body.ah .ah-nav a.is-active::after { background: var(--pm-gold-2) !important; box-shadow: none !important; height: 1px !important; }
body.ah .ah-brand-name, body.ah .ah-brand b, body.ah .ah-brand strong { font-family: var(--pm-serif); font-weight: 500; letter-spacing: .005em; }

/* ── Knöpfe: Gold bleibt die klare Hauptaktion ─────────────────────── */
body.ah .ah-btn { font-weight: 600; letter-spacing: .005em; transition: transform .4s var(--pm-ease), box-shadow .4s var(--pm-ease), border-color .4s var(--pm-ease), background .4s var(--pm-ease), color .4s var(--pm-ease), filter .4s var(--pm-ease); }
body.ah .ah-btn-lime, body.ah .ah-btn-gold {
  background: var(--pm-gold) !important; color: #17110a !important; border: 1px solid rgba(255, 238, 200, 0.38) !important;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.45) inset, 0 0 0 4px rgba(223, 188, 105, 0.1), 0 16px 34px -14px rgba(223, 188, 105, 0.75) !important;
}
body.ah .ah-btn-lime:hover, body.ah .ah-btn-gold:hover {
  transform: translateY(-2px); filter: brightness(1.05);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset, 0 0 0 5px rgba(223, 188, 105, 0.14), 0 22px 44px -16px rgba(223, 188, 105, 0.85) !important;
}
body.ah .ah-btn-glass, body.ah .ah-btn-ghost {
  background: rgba(255, 255, 255, 0.025) !important; color: var(--ink) !important; border: 1px solid rgba(255, 255, 255, 0.14) !important; box-shadow: none !important;
}
body.ah .ah-btn-glass:hover, body.ah .ah-btn-ghost:hover { border-color: rgba(223, 188, 105, 0.55) !important; color: var(--pm-gold-1) !important; box-shadow: none !important; }
body.ah .ah-login { font-weight: 500; }
body.ah .ah-login:hover { color: var(--pm-gold-1) !important; }
body.ah .ah-textlink:hover { color: var(--pm-gold-1) !important; border-color: var(--pm-gold-2) !important; }

/* ── Glas-Karten mit feiner Goldkante ───────────────────────────────── */
body.ah .ah-card, body.ah .ah-price, body.ah .hd-card, body.ah .ah-offer, body.ah .ah-tester-card, body.ah .ah-faq details, body.ah .ah-stage, body.ah .lpw-card, body.ah .ah-kurs, body.ah .ah-mod {
  background: var(--pm-glass-bg) !important;
  border: 1px solid var(--pm-hair) !important;
  box-shadow: var(--pm-shadow), inset 0 1px 0 rgba(223, 188, 105, 0.12) !important;
  transition: transform .5s var(--pm-ease), border-color .5s var(--pm-ease), box-shadow .5s var(--pm-ease);
}
body.ah .ah-card:hover, body.ah .lpw-card:hover, body.ah .ah-faq details:hover { border-color: var(--pm-hair-gold) !important; }
/* Kaufkarten bekommen die stärkere Goldkante */
body.ah .hd-card, body.ah .ah-price {
  background: radial-gradient(520px 260px at 50% 0%, rgba(223, 188, 105, 0.1), transparent 70%), var(--pm-glass-bg) !important;
  border-color: rgba(223, 188, 105, 0.3) !important;
  box-shadow: var(--pm-shadow), inset 0 1px 0 rgba(248, 230, 186, 0.22), 0 40px 90px -40px rgba(223, 188, 105, 0.3) !important;
}
body.ah .hd-card::before { opacity: .55; }
body.ah .ah-price-scan { opacity: .35; }
body.ah .hd-ribbon { background: var(--pm-gold) !important; color: #17110a !important; border: 0 !important; box-shadow: 0 8px 22px -12px rgba(223, 188, 105, 0.8) !important; }
body.ah .ah-chip, body.ah .ah-chip-live { color: var(--pm-gold-1) !important; background: rgba(223, 188, 105, 0.06) !important; border-color: rgba(223, 188, 105, 0.32) !important; }
body.ah .ah-chip-live i { background: var(--pm-gold-2) !important; }

/* Preise in Serif-Gold */
body.ah .ah-offer-price strong, body.ah .ah-price-num strong, body.ah .ah-tester-price strong, body.ah .ah-price-later, body.ah .ah-sticky-price strong {
  font-family: var(--pm-serif) !important; font-weight: 500 !important; letter-spacing: -.02em !important;
  background: var(--pm-gold-text) !important; -webkit-background-clip: text !important; background-clip: text !important; color: transparent !important;
}
body.ah .ah-offer-price span, body.ah .ah-price-num span { font-family: var(--f-sans) !important; letter-spacing: .14em; font-weight: 600; }
body.ah .ah-offer-later { font-family: var(--f-sans) !important; letter-spacing: .02em !important; color: var(--muted) !important; }

/* Häkchen, Punkte, Icons ruhiger */
body.ah .hf-ck, body.ah .ah-tick { background: transparent !important; color: var(--pm-gold-2) !important; border: 1px solid rgba(223, 188, 105, 0.45) !important; box-shadow: none !important; }
body.ah .ah-incl li::before { color: var(--pm-gold-2) !important; }
body.ah .ah-checks li::before { background: transparent !important; color: var(--pm-gold-2) !important; border: 1px solid rgba(223, 188, 105, 0.5); border-radius: 50% !important; font-weight: 700 !important; }
body.ah .ah-checks li.ah-check-plus::before { background: var(--pm-gold) !important; color: #17110a !important; border-color: transparent; }
body.ah .hf-orb { opacity: .55; filter: saturate(.35); }

/* ── Tester-Balken & Sticky-Leiste in Champagner ───────────────────── */
body.ah .ah-tbar { background: linear-gradient(90deg, #af8d3e, #dcba69 30%, #f1d79b 50%, #dcba69 70%, #af8d3e) !important; color: #17110a !important; }
body.ah .ah-tbar-shine { opacity: .45; }
body.ah .ah-tbar-go { background: #120e07 !important; color: var(--pm-gold-1) !important; font-weight: 600 !important; }
body.ah .ah-tester-card { border-color: rgba(223, 188, 105, 0.3) !important; }
body.ah .ah-tester-glow { opacity: .35; filter: saturate(.5); }
body.ah .ah-tester-side { background: rgba(0, 0, 0, 0.28) !important; border-color: rgba(223, 188, 105, 0.28) !important; }
body.ah .ah-eyebrow-gold { color: var(--pm-gold-2) !important; }
@media (max-width: 900px) {
  body.ah .ah-sticky {
    background: linear-gradient(180deg, rgba(10, 17, 38, 0.92), rgba(7, 11, 26, 0.96)) !important;
    border: 1px solid rgba(223, 188, 105, 0.26) !important;
    box-shadow: 0 -1px 0 rgba(223, 188, 105, 0.1) inset, 0 20px 50px -10px rgba(0, 0, 0, 0.8) !important;
    -webkit-backdrop-filter: blur(16px); backdrop-filter: blur(16px);
  }
  body.ah .ah-sticky-price small { color: var(--pm-gold-2) !important; font-family: var(--f-sans) !important; font-weight: 600; letter-spacing: .12em; }
}

/* ── Ruhigere Deko ─────────────────────────────────────────────────── */
body.ah .ah-ticker span::after { background: var(--pm-gold-2) !important; box-shadow: none !important; }
body.ah .ah-bar i { background: var(--pm-gold) !important; box-shadow: 0 0 12px rgba(223, 188, 105, 0.35) !important; }
body.ah .ah-soon { color: var(--pm-gold-1) !important; border-color: rgba(223, 188, 105, 0.4) !important; background: transparent !important; }
@media (prefers-reduced-motion: reduce) { body.ah .ah-btn, body.ah .ah-card { transition: none !important; } }

/* Unterseiten (kurse.html): Verlaufs-Akzente in Gold statt Stahlblau */
body.ah h1 em, body.ah h2 em, body.ah .bk2-grad {
  font-style: italic; font-weight: 420;
  background: var(--pm-gold-text) !important; -webkit-background-clip: text !important; background-clip: text !important; color: transparent !important;
}
body.ah .kr-stats > *, body.ah .kr-chip { background: rgba(255, 255, 255, 0.025) !important; border-color: var(--pm-hair) !important; }

/* 04.10.2026 · Kurse-Roadmap: sehr schmale Displays (≤ 380 px) ohne Querscrollen */
@media (max-width: 380px) {
  body.ah .kr-card { padding: 20px 14px; }
  body.ah .kr-cert { display: flex; flex-wrap: wrap; max-width: 100%; box-sizing: border-box; }
  body.ah .kr-mods { grid-template-columns: minmax(0, 1fr); }
  body.ah .kr-mods-label { flex-wrap: wrap; letter-spacing: .08em; }
  body.ah .kr-mod summary { padding: 11px 10px; gap: 10px; }
  body.ah .kr-mod-t { overflow-wrap: anywhere; }
}

/* ═══════════════════════════════════════════════════════════════════════
   HERO NEU (10.10.2026): Text links, Produkt-Screenshot rechts.
   Ersetzt den Hero mit Kugel + Angebotskarte (.hf-*). Reine Optik.
   ═══════════════════════════════════════════════════════════════════════ */
.hv1 { padding-bottom: clamp(48px, 7vw, 96px); }
.hv1-grid { display: grid; gap: 44px; align-items: center; z-index: 1; }
.hv1 h1 { max-width: none; margin-top: 22px; font-size: clamp(32px, 8.8vw, 54px); line-height: 1.04; }
.hv1 h1 em { display: block; }
.hv1 .hf-sub { max-width: 30em; }
.hv1-cta { align-items: center; }
.hv1-price { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 14px; margin-top: 18px !important; font-size: 14px; color: var(--muted); }
.hv1-price b { font: 600 17px/1 var(--f-sans); color: var(--ink); }
.hv1-price span { padding-left: 14px; border-left: 1px solid var(--line-2); }
.hv1-ref { margin-top: 14px !important; }
.hv1-shot { position: relative; margin: 0; }
.hv1-shot::before { content: ""; position: absolute; inset: -12% -8%; background: radial-gradient(closest-side, rgba(223, 188, 105, 0.22), transparent 70%); filter: blur(10px); pointer-events: none; }
.hv1-frame { position: relative; border-radius: 16px; overflow: hidden; border: 1px solid var(--line-2); background: #0a1025; box-shadow: 0 40px 90px -30px rgba(0, 0, 0, 0.85), 0 0 0 6px rgba(255, 255, 255, 0.03); }
.hv1-bar { display: flex; gap: 6px; padding: 10px 12px; border-bottom: 1px solid rgba(255, 255, 255, 0.08); background: rgba(255, 255, 255, 0.04); }
.hv1-bar i { width: 9px; height: 9px; border-radius: 50%; background: rgba(255, 255, 255, 0.22); }
.hv1-frame img { width: 100%; height: auto; display: block; }
.hv1-chip { position: absolute; margin: 0; padding: 10px 14px; border-radius: 12px; font: 500 13px/1.2 var(--f-sans); color: var(--ink); background: var(--glass); border: 1px solid var(--line-2); -webkit-backdrop-filter: blur(14px); backdrop-filter: blur(14px); box-shadow: 0 18px 40px -18px rgba(0, 0, 0, 0.8); }
.hv1-chip b { color: var(--lime); font-weight: 700; }
.hv1-chip-a { left: -10px; bottom: 12%; }
.hv1-chip-b { right: -6px; top: 16%; }
@media (min-width: 1000px) {
  .hv1-grid { grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); gap: 56px; }
  .hv1 h1 { white-space: nowrap; font-size: clamp(40px, 4.4vw, 58px); }
  .hv1-shot { width: 122%; }
  .hv1-frame { transform: perspective(1600px) rotateY(-9deg) rotateX(2deg); transform-origin: left center; }
  .hv1-chip-a { left: -34px; }
  .hv1-chip-b { right: 20%; top: -18px; }
}
@media (max-width: 560px) {
  .hv1-price span { padding-left: 0; border-left: 0; flex-basis: 100%; }
  .hv1-cta .ah-btn { width: 100%; justify-content: center; }
  .hv1-chip { font-size: 12px; padding: 8px 11px; }
  .hv1-chip-a { left: 8px; bottom: -14px; }
  .hv1-chip-b { right: 8px; top: -14px; }
}

/* ═══════════════════════════════════════════════════════════════════════
   FARBWELT BLAU + GOLD (10.10.2026): Navy-Nacht statt Schwarz, Blau/Cyan als
   Technikfarbe, Gold nur für Preis, Kaufbutton und Highlights.
   ═══════════════════════════════════════════════════════════════════════ */
body.ah {
  --cyan: #5ee7ff; --blue-2: #8eb0ff; --blue: #4d7ef0;
  --ink: #eef3ff; --ink-2: #c7d1ea; --muted: #8d99b8;
  --line: rgba(130, 165, 255, .14); --line-2: rgba(130, 165, 255, .28);
  --pm-gold-text: linear-gradient(95deg, #8eb0ff 0%, #5ee7ff 38%, #f6e2a6 72%, #e2b653 100%);
  background:
    radial-gradient(1100px 620px at 78% -8%, rgba(77, 126, 240, .22), transparent 60%),
    radial-gradient(800px 560px at 12% 8%, rgba(226, 182, 83, .08), transparent 62%),
    linear-gradient(180deg, #070c1a 0%, #04060d 60%, #04060d 100%);
}
body.ah .hd-eyebrow, body.ah .ah-eyebrow { color: #5ee7ff; }
body.ah .hd-eyebrow::before { background: linear-gradient(90deg, transparent, #5ee7ff); box-shadow: 0 0 10px #5ee7ff; }
body.ah .hv1-shot::before { background: radial-gradient(closest-side, rgba(77, 126, 240, .32), transparent 70%); }

/* ═══════════════════════════════════════════════════════════════════════
   LERNPFAD NEU (10.10.2026): 4 Kurskarten, jede mit eigener Farbe,
   rundes Symbol auf der Kartenkante, farbige Verbindungslinie.
   ═══════════════════════════════════════════════════════════════════════ */
.lpw-c1 { --kc: #e9c063; --kc-rgb: 233, 192, 99; }
.lpw-c2 { --kc: #5cc8ff; --kc-rgb: 92, 200, 255; }
.lpw-c3 { --kc: #8f8bff; --kc-rgb: 143, 139, 255; }
.lpw-c4 { --kc: #c48bff; --kc-rgb: 196, 139, 255; }
body.ah .lpw-step > a, body.ah .lpw-step.is-on > a, body.ah .lpw-step.is-soon > a {
  border: 1px solid rgba(var(--kc-rgb), .42); border-radius: 22px;
  background: linear-gradient(180deg, rgba(var(--kc-rgb), .11) 0%, rgba(10, 16, 34, .72) 46%, rgba(6, 10, 22, .8) 100%);
  box-shadow: 0 0 46px -24px rgba(var(--kc-rgb), .75), inset 0 1px 0 rgba(255, 255, 255, .06);
}
body.ah .lpw-step > a:hover { transform: translateY(-4px); border-color: rgba(var(--kc-rgb), .8); box-shadow: 0 18px 50px -22px rgba(var(--kc-rgb), .8), inset 0 1px 0 rgba(255, 255, 255, .08); }
body.ah .lpw-node, body.ah .lpw-step.is-soon .lpw-node {
  border-radius: 50%; color: #fff; border: 2px solid var(--kc);
  background: radial-gradient(circle at 34% 28%, rgba(var(--kc-rgb), .7), rgba(var(--kc-rgb), .16) 62%, #0a1024 100%), #0a1024;
  box-shadow: 0 0 0 5px #070c1a, 0 0 26px rgba(var(--kc-rgb), .65);
}
body.ah .lpw-k { color: var(--kc); }
body.ah .lpw-cert { margin-top: 8px; padding: 0; border: 0; background: none; font: 600 12px/1.3 var(--f-sans); letter-spacing: 0; text-transform: none; color: var(--kc); }
body.ah .lpw-cert::before { content: "🎓"; margin-right: 6px; font-size: 11px; }
body.ah .lpw-cert small { font: inherit; color: var(--muted); }
body.ah .lpw-t { margin-top: 8px; }
body.ah .lpw-meta { margin-top: auto; padding-top: 18px; font-size: 12.5px; color: var(--ink-2); }
body.ah .lpw-foot { margin-top: 12px; padding-top: 0; }
body.ah .lpw-step.is-on .lpw-st { color: #8df0b4; background: rgba(60, 220, 130, .08); border: 1px solid rgba(60, 220, 130, .4); }
body.ah .lpw-step.is-on .lpw-st::before { content: ""; width: 7px; height: 7px; margin-right: 7px; border-radius: 50%; background: #3fdc85; box-shadow: 0 0 8px #3fdc85; }
body.ah .lpw-step.is-soon .lpw-st { color: #f3d98f; background: rgba(233, 192, 99, .07); border: 1px solid rgba(233, 192, 99, .4); }
@media (min-width: 900px) {
  body.ah .lpw-path { margin-top: clamp(64px, 7vw, 88px) !important; gap: 14px; }
  body.ah .lpw-path::before { left: 12.5%; right: 12.5%; top: 0; height: 2px; background: linear-gradient(90deg, #e9c063, #5cc8ff 34%, #8f8bff 67%, #c48bff); box-shadow: 0 0 16px rgba(92, 200, 255, .5); }
  body.ah .lpw-step > a { align-items: center; text-align: center; padding: 46px 16px 22px; }
  body.ah .lpw-node { position: absolute; top: -30px; left: 50%; margin-left: -30px; width: 60px; height: 60px; }
  body.ah .lpw-node svg { width: 26px; height: 26px; }
  body.ah .lpw-k { margin-top: 0; }
  body.ah .lpw-foot { justify-content: center; }
}
@media (max-width: 899.98px) {
  body.ah .lpw-step + .lpw-step::before { background: linear-gradient(180deg, rgba(var(--kc-rgb), .2), rgba(var(--kc-rgb), .8)); }
}

/* ═══════════════════════════════════════════════════════════════════════
   HELLERES BLAU + HORIZONT-MUSTER IM HEADER (10.10.2026)
   ═══════════════════════════════════════════════════════════════════════ */
body.ah {
  background:
    radial-gradient(1100px 620px at 78% -8%, rgba(77, 126, 240, .26), transparent 60%),
    radial-gradient(800px 560px at 12% 8%, rgba(226, 182, 83, .08), transparent 62%),
    linear-gradient(180deg, #0d1840 0%, #0a1332 50%, #080f26 100%);
}
.hv1 { padding-bottom: clamp(110px, 14vw, 200px); }
.hv1::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 66%; z-index: 0; pointer-events: none; opacity: .85;
  background: url("assets/home-horizon.webp") center 62% / cover no-repeat;
  -webkit-mask-image: linear-gradient(180deg, transparent, #000 42%, #000 80%, transparent); mask-image: linear-gradient(180deg, transparent, #000 42%, #000 80%, transparent); }
.hv1 .hv1-grid { position: relative; z-index: 1; }
.hv1-price { width: fit-content; max-width: 100%; padding: 10px 16px; border-radius: 16px; background: rgba(7, 12, 30, .6); border: 1px solid var(--line); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); }

/* ═══════════════════════════════════════════════════════════════════════
   DESKTOP-MENÜ NEU (10.10.2026): schwebende Glas-Leiste, Links als Kapsel in der Mitte.
   Nur ab 900px; das mobile Menü (mnav) bleibt unverändert.
   ═══════════════════════════════════════════════════════════════════════ */
@media (min-width: 900.02px) {
  body.ah .ah-top { padding-top: 12px; border-bottom: 0 !important; box-shadow: none !important; }
  body.ah .ah-top::before { display: none; }
  body.ah .ah-top-inner {
    position: relative; height: 64px; padding: 0 10px 0 16px; border-radius: 999px;
    border: 1px solid rgba(130, 165, 255, .22);
    background: linear-gradient(180deg, rgba(24, 38, 86, .58), rgba(10, 17, 44, .58));
    -webkit-backdrop-filter: blur(20px) saturate(150%); backdrop-filter: blur(20px) saturate(150%);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08), 0 18px 50px -24px rgba(0, 0, 0, .7), 0 0 44px -18px rgba(77, 126, 240, .6);
    transition: background-color .3s ease, border-color .3s ease, box-shadow .3s ease;
  }
  body.ah .ah-top-inner::after { content: ""; position: absolute; left: 12%; right: 12%; bottom: -1px; height: 1px; pointer-events: none;
    background: linear-gradient(90deg, transparent, rgba(94, 231, 255, .7) 30%, rgba(226, 182, 83, .7) 70%, transparent); }
  body.ah .ah-top.is-scrolled .ah-top-inner {
    background: linear-gradient(180deg, rgba(16, 26, 62, .9), rgba(8, 14, 36, .9)); border-color: rgba(130, 165, 255, .32);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08), 0 22px 50px -22px rgba(0, 0, 0, .85), 0 0 44px -18px rgba(77, 126, 240, .7);
  }
  body.ah .ah-brand img { box-shadow: 0 0 0 1px rgba(130, 165, 255, .35), 0 0 22px rgba(77, 126, 240, .55); }
  body.ah .ah-nav { margin-inline: auto; gap: 2px; padding: 4px; border-radius: 999px; background: rgba(255, 255, 255, .04); border: 1px solid rgba(255, 255, 255, .07); }
  body.ah .ah-nav a { padding: 8px 14px; font-size: 14px; color: var(--ink-2); transition: color .2s ease, background-color .25s ease, box-shadow .25s ease; }
  body.ah .ah-nav a:hover { color: #fff; background: rgba(130, 165, 255, .14); }
  body.ah .ah-nav a.is-active { color: #fff; background: linear-gradient(180deg, rgba(94, 231, 255, .18), rgba(77, 126, 240, .14)); box-shadow: inset 0 0 0 1px rgba(94, 231, 255, .3), 0 0 18px -6px rgba(94, 231, 255, .6); }
  body.ah .ah-nav a.is-active::after { display: none; }
  body.ah .ah-top-actions { margin-left: 0; gap: 8px; }
  body.ah .ah-login { padding: 9px 16px; border-radius: 999px; border: 1px solid rgba(130, 165, 255, .28); font-size: 14px; font-weight: 500; color: var(--ink); text-decoration: none; transition: border-color .25s ease, background-color .25s ease; }
  body.ah .ah-login:hover { border-color: rgba(94, 231, 255, .6); background: rgba(94, 231, 255, .08); }
}
@media (min-width: 900.02px) and (max-width: 1139px) {
  body.ah .ah-nav a { padding: 8px 9px; font-size: 13.5px; }
  body.ah .ah-top-inner { padding-left: 12px; }
}

/* Bot-Kit-Kachel: Zeile „5 sofort dabei“ über der Liste */
body.ah .ah-bot-now { margin: 10px 0 2px; font: 600 12px/1.3 var(--f-mono); letter-spacing: .12em; text-transform: uppercase; color: #5ee7ff; }

/* ═══════════════════════════════════════════════════════════════════════
   HERO MOBIL EDITORIAL (11.10.2026, ersetzt „HERO MOBIL PREMIUM“): nur bis 760 px,
   Desktop unverändert. Kompakt, Kursbild im ersten Bildschirm, ein Kauf-Block,
   Preis nur einmal (im Knopf), Infos als eine feine Zeile. Wenig Deko, Gold als Akzent.
   Reihenfolge mobil per CSS: Eyebrow · Headline · Untertext · Bild · Kauf-Block.
   ═══════════════════════════════════════════════════════════════════════ */
@media (max-width: 760px) {
  /* Kopfzeile: klar und flach, feine Linie */
  body.ah .ah-top { border-bottom: 1px solid rgba(255, 255, 255, .07) !important; box-shadow: none !important; }
  body.ah .ah-top::before { background: rgba(8, 13, 32, .92); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); }
  body.ah .ah-top-inner { height: 58px; }
  body.ah .ah-brand img { width: 30px; height: 30px; border-radius: 8px; box-shadow: none; }
  body.ah .ah-brand span { font-size: 15px; }
  body.ah .ah-brand small { font-size: 9px; letter-spacing: .24em; }
  body.ah .ah-top .mnav-toggle { width: 40px; height: 40px; }

  /* Hero: ruhiger Hintergrund, keine Deko-Ebenen */
  body.ah .hv1 { padding: 22px 0 44px; background: linear-gradient(180deg, rgba(8, 13, 32, 0) 0%, rgba(8, 13, 32, .55) 100%); }
  body.ah .hv1::after, body.ah .hv1 .ah-hero-net, body.ah .hv1-shot::before { display: none !important; }
  body.ah .hv1-grid { display: grid; grid-template-columns: minmax(0, 1fr); gap: 0; }
  body.ah .hv1-copy { display: contents; }
  body.ah .hv1 .hd-eyebrow { order: 1; }
  body.ah .hv1 h1 { order: 2; }
  body.ah .hv1 .hf-sub { order: 3; }
  body.ah .hv1-shot { order: 4; }
  body.ah .hv1-cta { order: 5; }
  body.ah .hv1-price { order: 6; }
  body.ah .hv1-ref { order: 7; }

  /* Typo: editorial, starker Kontrast */
  body.ah .hv1 .hd-eyebrow { gap: 10px; font: 600 10px/1 var(--f-sans); letter-spacing: .22em; color: #aab6d6; }
  body.ah .hv1 .hd-eyebrow::before { width: 18px; height: 1px; background: #d9b461; box-shadow: none; }
  body.ah .hv1 h1 { margin-top: 12px; font-size: clamp(30px, 8.6vw, 37px); line-height: 1.05; letter-spacing: -.02em; color: #ffffff; text-wrap: balance; }
  body.ah .hv1 h1 em { display: block; margin-top: 2px; font-style: italic; background: none !important; -webkit-background-clip: border-box !important; background-clip: border-box !important; color: #e3bd63 !important; filter: none; }
  body.ah .hv1 .hf-sub { margin-top: 10px !important; max-width: 34ch; font-size: 15px; line-height: 1.45; color: #b9c3dc; opacity: 1; }

  /* Bild: Vorzeige-Gerät mit umlaufendem Verlaufsrand, Glanz, Lichtkegel und schwebenden Chips */
  body.ah .hv1-shot { --hv1m-t: 1; margin: 26px 4px 0; width: auto; perspective: 900px; }
  body.ah .hv1-shot::before { display: block !important; content: ""; position: absolute; inset: -34px -24px -20px; z-index: 0; pointer-events: none; filter: none;
    background:
      radial-gradient(60% 46% at 50% 0%, rgba(94, 231, 255, .30), transparent 72%),
      radial-gradient(55% 60% at 50% 60%, rgba(77, 126, 240, .34), transparent 72%),
      radial-gradient(40% 30% at 82% 96%, rgba(227, 189, 99, .22), transparent 72%); }
  body.ah .hv1-frame {
    position: relative; z-index: 1; padding: 1.5px; border-radius: 20px; border: 0; background: rgba(130, 165, 255, .25); overflow: hidden; isolation: isolate;
    transform: rotateX(calc(var(--hv1m-t) * 11deg)) scale(calc(1 - var(--hv1m-t) * .02)) !important; transform-origin: 50% 100%;
    box-shadow: 0 30px 50px -26px rgba(0, 0, 0, .95), 0 0 46px -14px rgba(77, 126, 240, .75), 0 0 0 1px rgba(255, 255, 255, .04);
    will-change: transform; }
  body.ah .hv1-frame::before { content: ""; position: absolute; left: 50%; top: 50%; width: 160%; aspect-ratio: 1; z-index: -1; pointer-events: none;
    background: conic-gradient(from 0deg, #4d7ef0, #5ee7ff 22%, #e3bd63 38%, #4d7ef0 55%, #8eb0ff 75%, #5ee7ff 88%, #4d7ef0);
    transform: translate(-50%, -50%) rotate(0deg); animation: hv1m-spin 9s linear infinite; }
  body.ah .hv1-frame::after { display: block; content: ""; position: absolute; inset: 0; z-index: 2; pointer-events: none; border-radius: inherit;
    background: linear-gradient(105deg, transparent 38%, rgba(255, 255, 255, .16) 48%, rgba(255, 255, 255, .04) 54%, transparent 62%);
    transform: translateX(-110%); animation: hv1m-sweep 6.5s ease-in-out 1.4s infinite; }
  body.ah .hv1-bar { display: none; }
  body.ah .hv1-frame img { position: relative; z-index: 1; border: 6px solid #0b1228; border-radius: 18.5px; background: #0b1228; box-sizing: border-box; }
  body.ah .hv1-chip-a { display: none; }
  body.ah .hv1-chip, body.ah .hv1m-chip { z-index: 3; }
  body.ah .hv1-chip-b { right: -2px; top: -14px; left: auto; bottom: auto; padding: 6px 10px; border-radius: 999px; font: 600 11px/1.2 var(--f-sans); letter-spacing: .01em;
    color: #17110a; background: linear-gradient(100deg, #f6e2a6, #e3bd63 55%, #c99b3e); border: 0; -webkit-backdrop-filter: none; backdrop-filter: none;
    box-shadow: 0 10px 22px -10px rgba(227, 189, 99, .9); animation: hv1m-float 5.2s ease-in-out infinite; }
  body.ah .hv1m-chip { display: inline-flex; align-items: center; gap: 7px; position: absolute; margin: 0; padding: 6px 11px 6px 9px; border-radius: 999px;
    font: 600 11px/1.2 var(--f-sans); color: #eef3ff; white-space: nowrap; background: rgba(8, 14, 36, .92); border: 1px solid rgba(130, 165, 255, .38);
    box-shadow: 0 12px 24px -12px rgba(0, 0, 0, .9), 0 0 18px -8px rgba(94, 231, 255, .8); }
  body.ah .hv1m-chip i { width: 7px; height: 7px; border-radius: 50%; background: #5ee7ff; box-shadow: 0 0 8px #5ee7ff; flex: none; }
  body.ah .hv1m-chip-bot { left: -2px; top: 22%; animation: hv1m-float 6s ease-in-out .8s infinite; }
  body.ah .hv1m-chip-k1 { right: 6px; bottom: -14px; animation: hv1m-float 5.6s ease-in-out 1.6s infinite; }
  body.ah .hv1m-chip-k1 i { background: #e3bd63; box-shadow: 0 0 8px #e3bd63; }

  /* Ein Kauf-Block: Gold-Knopf, eine Infozeile, kleiner Link */
  body.ah .hv1-cta { display: flex; flex-direction: column; align-items: stretch; gap: 0; margin-top: 30px; }
  body.ah .hv1-cta .ah-btn-lime { --h: 50px; width: 100%; font-size: 15.5px; border-radius: 12px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, .45) inset, 0 12px 26px -16px rgba(227, 189, 99, .8) !important; }
  body.ah .hv1m-info { display: block; margin: 10px 0 0; text-align: center; text-wrap: balance; font-size: 12.5px; line-height: 1.5; color: #9aa6c4; }
  body.ah .hv1-cta .ah-btn-glass { --h: auto; min-height: 0; align-self: center; width: auto !important; margin-top: 8px; padding: 4px 2px;
    border: 0 !important; background: none !important; box-shadow: none !important; -webkit-backdrop-filter: none; backdrop-filter: none;
    font-size: 13.5px; font-weight: 500; color: #c7d1ea !important; text-decoration: underline; text-decoration-color: rgba(199, 209, 234, .35); text-underline-offset: 4px; }
  /* Preis steht mobil nur im Knopf; die Infos stehen in .hv1m-info */
  body.ah .hv1-price { display: none !important; }
  body.ah .hv1-ref { order: 7; justify-self: center; }

  /* Scroll-Pfeile */
  body .ah-arrows { display: flex; flex-direction: column; gap: 8px; position: fixed; right: 12px; z-index: 39;
    bottom: max(calc(16px + env(safe-area-inset-bottom)), var(--ab, 0px));
    opacity: 0; visibility: hidden; transform: translateY(10px); transition: opacity .3s ease, transform .3s ease, visibility 0s linear .3s, bottom .3s ease; }
  body .ah-arrows.is-on { opacity: 1; visibility: visible; transform: none; transition: opacity .3s ease, transform .3s ease, visibility 0s, bottom .3s ease; }
  html.mnav-open .ah-arrows { opacity: 0 !important; visibility: hidden !important; }
  .ah-arrow { display: grid; place-items: center; width: 38px; height: 38px; padding: 0; border-radius: 50%; cursor: pointer;
    font: 600 16px/1 var(--f-sans); color: #f1d58e; background: rgba(8, 13, 32, .88); border: 1px solid rgba(227, 189, 99, .45);
    -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); box-shadow: 0 10px 22px -10px rgba(0, 0, 0, .9);
    transition: opacity .25s ease, transform .2s ease, border-color .2s ease; -webkit-tap-highlight-color: transparent; }
  .ah-arrow:active { transform: scale(.94); }
  .ah-arrow:focus-visible { outline: 2px solid #5ee7ff; outline-offset: 2px; }
  .ah-arrow:disabled { opacity: .3; cursor: default; }
}
/* Mobil-Elemente am Desktop aus (Desktop bleibt unverändert) */
.hv1m-info, .hv1m-chip, .ah-arrows { display: none; }
@media (min-width: 761px) { .hv1m-info, .hv1m-chip, .ah-arrows { display: none !important; } }
@keyframes hv1m-spin { to { transform: translate(-50%, -50%) rotate(360deg); } }
@keyframes hv1m-sweep { 0%, 62% { transform: translateX(-110%); } 100% { transform: translateX(110%); } }
@keyframes hv1m-float { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-5px); } }
@media (max-width: 760px) and (prefers-reduced-motion: reduce) {
  body.ah .hv1-frame { transform: none !important; }
  body.ah .hv1-frame::before, body.ah .hv1-frame::after, body.ah .hv1-chip-b, body.ah .hv1m-chip { animation: none !important; }
  body.ah .hv1-frame::after { display: none; }
}

/* ═══════════════════════════════════════════════════════════════════════
   SALES CARDS V2 (12.10.2026): Footer-Stil (hellblauer Verlaufsrand) gezielt auf
   ausgewählte Karten, kompakter „Warum jetzt“-Streifen, neuer Kurs-Player-Screenshot,
   Stimmen neu. Mobiler Header (≤760 px, .hv1) bleibt unverändert.
   ═══════════════════════════════════════════════════════════════════════ */
body.ah {
  --gb-line: linear-gradient(135deg, rgba(94, 231, 255, .55), rgba(77, 141, 255, .14) 45%, rgba(77, 141, 255, .45));
  --gb-fill: linear-gradient(180deg, rgba(14, 24, 56, .94), rgba(9, 15, 38, .94));
  --gb-glow: 0 24px 60px -32px rgba(77, 141, 255, .55);
}
/* Verlaufsrand wie im Footer: Füllung im Padding-Bereich, Verlauf im Rahmen */
body.ah :is(#enthalten .ah-tile, #ablauf .ah-flow li, #fuer-wen .ah-fit-no, #ergebnis .ah-proof-card, #einblick .ah-window, #stimmen .ah-voice) {
  border: 1px solid transparent !important;
  background: var(--gb-fill) padding-box, var(--gb-line) border-box !important;
  box-shadow: var(--gb-glow);
}
body.ah :is(#enthalten .ah-tile, #ablauf .ah-flow li, #stimmen .ah-voice):hover {
  box-shadow: 0 0 0 1px rgba(94, 231, 255, .25), 0 28px 70px -28px rgba(94, 231, 255, .45);
}
/* „Für dich“ behält den Gold-Akzent, aber mit Verlaufsrand in Gold→Blau */
body.ah #fuer-wen .ah-fit-yes { border: 1px solid transparent !important;
  background: radial-gradient(500px 260px at 0% 0%, rgba(230, 197, 119, .10), transparent 60%) padding-box, var(--gb-fill) padding-box,
    linear-gradient(135deg, rgba(227, 189, 99, .7), rgba(77, 141, 255, .18) 50%, rgba(94, 231, 255, .45)) border-box !important; box-shadow: var(--gb-glow); }
body.ah #enthalten .ah-tile::after { display: none; }
body.ah #enthalten .ah-mono, body.ah #ablauf .ah-eyebrow { color: #7fefff; }

/* ——— Warum jetzt: kompakter Split-Streifen ——— */
body.ah #warum { padding-top: clamp(48px, 6vw, 84px); }
body.ah #warum .ah-wrap { display: grid; gap: 22px; align-items: center; }
body.ah #warum .ah-head { margin: 0; max-width: none; }
body.ah #warum .ah-head h2 { font-size: clamp(30px, 3.6vw, 46px); line-height: 1.06; }
body.ah #warum .ah-head > p { margin-top: 12px; font-size: 16px; }
body.ah #warum .ah-why { display: grid; gap: 0; padding: 6px; border-radius: 22px; border: 1px solid transparent;
  background: var(--gb-fill) padding-box, var(--gb-line) border-box; box-shadow: var(--gb-glow); }
body.ah #warum .ah-why .ah-card { display: grid; grid-template-columns: auto 1fr; column-gap: 14px; align-items: start; padding: 16px 18px !important;
  border: 0 !important; border-radius: 16px; background: none !important; box-shadow: none !important; overflow: visible; }
body.ah #warum .ah-why .ah-card::before { display: none; }
body.ah #warum .ah-why .ah-card + .ah-card { border-top: 1px solid rgba(120, 160, 255, .16) !important; border-radius: 0; }
body.ah #warum .ah-card-num { grid-row: span 2; margin: 2px 0 0; display: grid; place-items: center; width: 34px; height: 34px; padding: 0; border-radius: 10px;
  font: 700 12px/1 var(--f-mono, ui-monospace, monospace); color: #021024; background: linear-gradient(135deg, #7fefff, #4d8dff); border: 0; box-shadow: 0 0 18px rgba(94, 231, 255, .45); }
body.ah #warum .ah-why h3 { margin: 0; font-size: 18px; line-height: 1.25; }
body.ah #warum .ah-why p { margin: 4px 0 0; font-size: 14.5px; line-height: 1.5; }
@media (min-width: 900px) {
  body.ah #warum .ah-wrap { grid-template-columns: minmax(0, .9fr) minmax(0, 1.25fr); gap: clamp(28px, 4vw, 56px); }
  body.ah #warum .ah-why { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  body.ah #warum .ah-why .ah-card { grid-template-columns: 1fr; row-gap: 10px; padding: 20px 20px 22px !important; }
  body.ah #warum .ah-card-num { grid-row: auto; }
  body.ah #warum .ah-why .ah-card + .ah-card { border-top: 0 !important; border-left: 1px solid rgba(120, 160, 255, .16) !important; }
}

/* ——— Im Zugang: neuer Kurs-Player-Screenshot im Geräte-Rahmen ——— */
body.ah .ah-shot-v2 { position: relative; margin: 26px 0 0; padding: 7px 7px 0; border-radius: 16px 16px 0 0; border: 0; overflow: hidden;
  background: linear-gradient(180deg, rgba(94, 231, 255, .5), rgba(77, 141, 255, .18) 60%, rgba(77, 141, 255, 0)); box-shadow: 0 -10px 50px -20px rgba(94, 231, 255, .45); }
body.ah .ah-shot-v2 img { display: block; width: 100%; height: auto; border-radius: 11px 11px 0 0; background: #0a1025; }
body.ah .ah-shot-v2::after { content: ""; position: absolute; inset: 0; pointer-events: none; background: linear-gradient(180deg, transparent 70%, rgba(9, 15, 38, .85)); }
body.ah #enthalten .ah-tile-player { background: radial-gradient(600px 300px at 80% 110%, rgba(77, 141, 255, .22), transparent 60%) padding-box, var(--gb-fill) padding-box, var(--gb-line) border-box !important; }
body.ah #enthalten .ah-botlist li { border-color: rgba(120, 160, 255, .2); background: rgba(77, 141, 255, .06); }
body.ah #enthalten .ah-tile-access { background: linear-gradient(90deg, rgba(227, 189, 99, .10), transparent 60%) padding-box, var(--gb-fill) padding-box,
  linear-gradient(90deg, rgba(227, 189, 99, .65), rgba(94, 231, 255, .35)) border-box !important; }

/* ——— Stimmen: offenes Layout, Karten mit Verlaufsrand ——— */
body.ah #stimmen .ah-voices-panel { padding: 0; border: 0; background: none; box-shadow: none; -webkit-backdrop-filter: none; backdrop-filter: none; }
body.ah #stimmen .ah-voices-panel::before { display: none; }
body.ah #stimmen .ah-voices-head { margin-bottom: 22px; }
body.ah #stimmen .ah-voices-head h2 { font-size: clamp(30px, 3.8vw, 46px); }
body.ah #stimmen .ah-voices-disc { border: 1px solid rgba(94, 231, 255, .3); background: rgba(94, 231, 255, .06); color: #c9d3ee; }
body.ah #stimmen .ah-voices-grid { gap: 18px; }
body.ah #stimmen .ah-voice { padding: 26px 22px 18px !important; border-radius: 20px; overflow: hidden; }
body.ah #stimmen .ah-voice::before { content: ""; position: absolute; left: 22px; right: 22px; top: 0; height: 2px; border-radius: 2px;
  background: linear-gradient(90deg, transparent, #5ee7ff, #e3bd63, transparent); box-shadow: 0 0 12px rgba(94, 231, 255, .7); }
body.ah #stimmen .ah-voice-q { top: 8px; right: 16px; font-size: 58px; color: transparent; background: linear-gradient(135deg, #e3bd63, #5ee7ff); -webkit-background-clip: text; background-clip: text; opacity: .85; }
body.ah #stimmen .ah-voice blockquote { font-size: 15.5px; line-height: 1.6; color: #eef3ff; }
body.ah #stimmen .ah-voice figcaption { padding-top: 14px; border-top: 1px solid rgba(120, 160, 255, .16); }
body.ah #stimmen .ah-voice-av { color: #021024; background: linear-gradient(135deg, #7fefff, #e3bd63); box-shadow: 0 0 0 2px rgba(8, 13, 32, 1), 0 0 0 3px rgba(94, 231, 255, .5); }
body.ah #stimmen .ah-voice-note { border: 1px solid rgba(94, 231, 255, .3); color: #a9e9ff; background: rgba(94, 231, 255, .06); }

/* ——— Konsistenz: FAQ-Einträge und Eyebrows im Blau-Gold-Stil ——— */
body.ah #faq details { border-color: rgba(120, 160, 255, .2); }
body.ah #faq details[open] { border-color: transparent; background: var(--gb-fill) padding-box, var(--gb-line) border-box; }

@media (prefers-reduced-motion: reduce) { body.ah #stimmen .ah-voice, body.ah #enthalten .ah-tile { transition: none !important; } }

/* ═══ FAQ → FINAL CTA SEAMLESS (12.10.2026) ═══ */
body.ah .ah-final::after { display: none; }
body.ah .ah-final::before { background: radial-gradient(ellipse 60% 40% at 50% 42%, rgba(7, 11, 25, 0.55), transparent 70%), linear-gradient(180deg, transparent 0%, transparent 72%, var(--bg) 100%); }
body.ah .ah-final-bg { top: 0; -webkit-mask-image: linear-gradient(180deg, transparent 0%, transparent 18%, #000 62%, #000 82%, transparent 100%); mask-image: linear-gradient(180deg, transparent 0%, transparent 18%, #000 62%, #000 82%, transparent 100%); }
body.ah .ah-final-bg img { object-position: 50% 70%; }
body.ah .ah-final .ah-eyebrow::before, body.ah .ah-final .ah-eyebrow::after { box-shadow: none; }
body.ah .ah-final { margin-top: 0; padding: clamp(36px, 5vw, 72px) 0 clamp(64px, 8vw, 110px); }
body.ah #faq { padding-bottom: clamp(24px, 3vw, 48px); }
body.ah .ah-final-bg { -webkit-mask-image: linear-gradient(180deg, transparent 0%, #000 45%, #000 85%, transparent 100%); mask-image: linear-gradient(180deg, transparent 0%, #000 45%, #000 85%, transparent 100%); }

/* ═══ VIP-TELEGRAM BILD (12.10.2026) ═══ */
body.ah .ah-tile-vip::before { display: none; }
body.ah .ah-tile-vip .ah-vip-art { display: block; width: 100%; height: auto; aspect-ratio: 2 / 1; object-fit: cover; margin: 0 0 18px; border-radius: 14px;
  border: 1px solid transparent; background: linear-gradient(#070b19, #070b19) padding-box, linear-gradient(135deg, rgba(243, 217, 149, .75), rgba(110, 160, 255, .35) 55%, rgba(223, 188, 105, .6)) border-box;
  box-shadow: 0 18px 40px -22px rgba(223, 188, 105, .45), 0 0 0 1px rgba(255, 255, 255, .02) inset; }

/* ═══ CREATOR-FORMULAR: KANAL-CHECKBOXEN (12.10.2026) ═══ */
body.ah .ah-cr-platforms { margin: 0; padding: 12px; border-radius: 14px; border: 1px solid rgba(120, 160, 255, .18); background: rgba(0, 0, 0, .18); min-width: 0; }
body.ah .ah-cr-platforms.is-invalid { border-color: #de8c9e; box-shadow: 0 0 0 3px rgba(222, 140, 158, .18); }
body.ah .ah-cr-platforms legend { padding: 0 6px; font: 500 11.5px/1.4 var(--f-mono); letter-spacing: .08em; text-transform: uppercase; color: var(--muted); }
body.ah .ah-cr-platforms legend small { text-transform: none; letter-spacing: 0; opacity: .8; }
body.ah .ah-cr-chips { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 4px; }
body.ah .ah-cr-chip { position: relative; cursor: pointer; }
body.ah .ah-cr-chip input { position: absolute; opacity: 0; width: 1px; height: 1px; }
body.ah .ah-cr-chip span { display: inline-flex; align-items: center; gap: 6px; padding: 8px 13px; border-radius: 999px; font-size: 14px; line-height: 1.2; color: rgba(226, 234, 250, .85);
  border: 1px solid rgba(120, 160, 255, .28); background: rgba(255, 255, 255, .03); transition: border-color .2s, background .2s, color .2s; }
body.ah .ah-cr-chip span::before { content: ""; width: 14px; height: 14px; border-radius: 4px; border: 1px solid rgba(223, 188, 105, .55); box-sizing: border-box; flex: none; }
body.ah .ah-cr-chip:hover span { border-color: rgba(223, 188, 105, .5); }
body.ah .ah-cr-chip input:checked + span { color: #fff6dc; border-color: transparent; background: linear-gradient(rgba(30, 28, 22, .9), rgba(18, 20, 36, .9)) padding-box, linear-gradient(135deg, #f3d995, #6ea0ff) border-box; }
body.ah .ah-cr-chip input:checked + span::before { border: 0; background: linear-gradient(135deg, #f3d995, #c99a45); box-shadow: inset 0 0 0 3px #1a1a24; }
body.ah .ah-cr-chip input:focus-visible + span { outline: 2px solid rgba(247, 195, 72, .6); outline-offset: 2px; }
body.ah .ah-cr-more { margin-top: 12px; }
body.ah .ah-creator-form, body.ah .ah-creator-form .ah-cr-row { grid-template-columns: minmax(0, 1fr); min-width: 0; } body.ah .ah-creator-form > *, body.ah .ah-creator-apply > * { min-width: 0; }

/* ═══ FINAL CTA: TEXT-PILL (12.10.2026) ═══ */
body.ah .ah-final-inner > p:not(.ah-eyebrow) { display: inline-block; max-width: min(820px, 100%); box-sizing: border-box; margin-left: auto; margin-right: auto;
  padding: 10px 20px; border-radius: 999px; color: rgba(240, 245, 255, .94); text-shadow: 0 1px 8px rgba(4, 7, 18, .6);
  border: 1px solid transparent; background: linear-gradient(rgba(7, 11, 25, .62), rgba(7, 11, 25, .62)) padding-box, linear-gradient(90deg, rgba(110, 160, 255, .35), rgba(223, 188, 105, .38)) border-box;
  -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); box-shadow: 0 10px 30px -18px rgba(0, 0, 0, .8); }
@media (max-width: 560px) { body.ah .ah-final-inner > p:not(.ah-eyebrow) { border-radius: 18px; padding: 10px 16px; } }
body.ah .ah-btn-tg { display: inline-flex; align-items: center; gap: 8px; color: #eaf3ff !important; border: 1px solid transparent !important;
  background: linear-gradient(135deg, rgba(36, 74, 160, .9), rgba(16, 32, 78, .95)) padding-box, linear-gradient(135deg, #6ea0ff, #e8c983) border-box !important; box-shadow: 0 10px 26px -16px rgba(79, 134, 255, .8) !important; }
body.ah .ah-btn-tg:hover { filter: brightness(1.12); }
body.ah .ah-cr-actions { flex-wrap: wrap; }
@media (max-width: 560px) { body.ah .ah-cr-actions > .ah-btn { width: 100%; justify-content: center; } }

/* ═══ HERO: LEUCHTENDE BOGEN-LINIE UNTEN (12.10.2026) ═══ */
body.ah .ah-hero.hv1 { position: relative; }
body.ah .hv1-arc { position: absolute; left: 0; right: 0; bottom: 0; width: 100%; height: clamp(36px, 6vw, 76px); pointer-events: none; overflow: visible; z-index: 1; background: none; }
body.ah .hv1-arc path { fill: none; vector-effect: non-scaling-stroke; }
body.ah .hv1-arc .hv1-arc-glow { stroke: #5ee7ff; stroke-width: 10; opacity: .35; filter: blur(6px); }
body.ah .hv1-arc .hv1-arc-line { stroke: url(#hv1-arc-g); stroke-width: 2; }

/* Mobile-Menü: "Mit Karte zahlen" lesbar auf Gelb */
.mnav .mnav-cta, .mnav .mnav-cta span, .mnav .mnav-cta:hover, .mnav .mnav-cta:focus-visible { color: #0a1530 !important; -webkit-text-fill-color: #0a1530 !important; }

/* 13.10.2026: Punkte-Horizont auch im mobilen Hero */
@media (max-width: 760px) {
  body.ah .hv1 { position: relative; overflow: hidden; }
  body.ah .hv1::after { display: block !important; height: 58%; opacity: .7; background: url("assets/home-horizon.webp") center 70% / auto 100% no-repeat; }
  body.ah .hv1 .hv1-grid { position: relative; z-index: 1; }
}

/* 19.10.2026 · Menüpunkt „Roadmap“: Desktop-Menü zwischen 900 und 1023 px etwas kompakter, damit alle Punkte in eine Zeile passen */
@media (min-width: 900.02px) and (max-width: 1023.98px) {
  body.ah .ah-nav { margin-inline: 8px auto; padding: 3px; }
  body.ah .ah-nav a { padding: 8px 6px; font-size: 12.5px; }
  body.ah .ah-top-inner { gap: 10px; padding-left: 10px; }
  body.ah .ah-brand span { font-size: 14px; }
  body.ah .ah-login { padding: 8px 11px; font-size: 13px; }
  body.ah .ah-top .lp-nav-cta { padding-inline: 12px; font-size: 13px; }
}