/* =========================================================================
   WALYSER — CONTENT-BOOST (Abschnitt 3 bis Footer)
   additiv, rührt keine IDs/Funktionalität an — nur Optik
========================================================================= */

/* ---------- Section-Glow-Trenner für Bereiche, die noch keinen hatten ---------- */
.overview:before,.statsBento:before,#arsenal:before,.cheatSection:before,.cta:before{
  content:"";display:block;width:min(220px,60%);height:2px;margin:0 auto 46px;
  background:linear-gradient(90deg,transparent,#7c5cff8a,#00d9ff8a,transparent);
  box-shadow:0 0 16px #7c5cff55;border-radius:2px;
}
#arsenal:before{margin-bottom:0}

/* =====================================================================
   3 · SO FUNKTIONIERT'S
===================================================================== */
.stepCard{position:relative;border-color:#ffffff14;background:linear-gradient(160deg,#101522,#0d1019cc)}
.stepCard:after{
  content:"";position:absolute;right:18px;top:14px;font-size:44px;font-weight:900;
  color:#ffffff08;line-height:1;pointer-events:none;
}
.stepCard:nth-child(1):after{content:"01"}
.stepCard:nth-child(2):after{content:"02"}
.stepCard:nth-child(3):after{content:"03"}
.stepNum{display:inline-flex;align-items:center;padding:4px 10px;border-radius:999px;background:#62eaff14;border:1px solid #62eaff30}
.trustPillRow{margin-top:28px}
.trustPill{background:#ffffff06;transition:border-color .2s ease,transform .2s ease}
.trustPill:hover{border-color:#62eaff50;transform:translateY(-2px)}

/* =====================================================================
   4 · LIVE-KENNZAHLEN (STATS-BENTO)
===================================================================== */
.statsBento{padding:78px 0 20px}
.sbCard{border-color:#ffffff14}
.sbCard:hover{border-color:#7c5cff55;box-shadow:0 22px 50px -26px #7c5cff55}
.sbNum{filter:drop-shadow(0 0 16px #7c5cff4a)}

/* =====================================================================
   5 · DAS KRASSESTE ZUERST (KILLER-SHOWCASE)
===================================================================== */
.killerCard{position:relative;transition:transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s ease,border-color .3s ease}
.killerCard:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;border-radius:22px 22px 0 0;background:linear-gradient(90deg,var(--violet),var(--cyan))}
.killerCard:hover{transform:translateY(-5px);box-shadow:0 26px 60px -24px #7c5cff55;border-color:#8a72ff4a}
.killerIcon{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:10px;background:#ffffff08;border:1px solid var(--line)}
.killerBottom{border-color:#ffffff16;background:linear-gradient(180deg,#ffffff05,#ffffff02)}

/* =====================================================================
   6 · ÜBERBLICK-NAV (ARSENAL)
===================================================================== */
.quickNavItem{padding:13px 20px;border-radius:14px;font-size:13.5px;background:#ffffff05}
.quickNavItem span{font-size:17px}
.quickNavItem:hover{border-color:#62eaff55;background:#62eaff0d;box-shadow:0 14px 30px -18px #00d9ff55;transform:translateY(-2px)}

/* =====================================================================
   7 · PRO INTELLIGENCE LAB (CHEAT-SECTION)
===================================================================== */
.cheatSection{padding:88px 0}
.cheatCard{position:relative}
.cheatCard:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;border-radius:18px 18px 0 0;background:linear-gradient(90deg,#ff5d79,#7c5cff)}
.cheatCard:hover{box-shadow:0 22px 50px -26px #ff5d7940}
.cheatBadge{box-shadow:0 0 20px -6px #ff5d7955}

/* =====================================================================
   8 · SCREENS-KARUSSELL
===================================================================== */
.showcase#screens .deviceStage{filter:drop-shadow(0 30px 60px rgba(0,0,0,.5))}
.pcArrow:hover{box-shadow:0 10px 28px -8px #7c5cff70,0 0 20px -4px #00d9ff55}
.pcDot.pcDotActive{background:linear-gradient(90deg,var(--violet),var(--cyan))}

/* =====================================================================
   9 · ERSTE RÜCKMELDUNGEN (TESTIMONIALS)
===================================================================== */
.testiCard{position:relative;overflow:hidden}
.testiCard:before{content:"“";position:absolute;top:-6px;right:16px;font-size:70px;font-family:Georgia,serif;color:#ffffff08;line-height:1;pointer-events:none}
.testiStars{filter:drop-shadow(0 0 8px #f1cf7055)}

/* =====================================================================
   10 · GELD & CHANCEN (OPPORTUNITY SUITE)
===================================================================== */
.walyser-opportunity-suite .card.full{border-color:#f1cf7030;box-shadow:0 30px 70px -34px #f1cf7040}
.walyser-op-card{position:relative;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
.walyser-op-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;border-radius:16px 16px 0 0;background:linear-gradient(90deg,#f1cf70,#7c5cff)}
.walyser-op-card:hover{transform:translateY(-4px);box-shadow:0 20px 44px -22px #f1cf7040}
.walyser-op-icon{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:11px;background:#f1cf7014;border:1px solid #f1cf7030;margin-bottom:6px}

/* =====================================================================
   11 · PREMIUM UPGRADE
===================================================================== */
.premiumOffer{box-shadow:0 30px 70px -30px #f1cf7040}
.premiumFrame{box-shadow:0 40px 90px -40px #000d,0 0 60px -30px #7c5cff40}

/* =====================================================================
   12 · CALL TO ACTION
===================================================================== */
.cta{padding:96px 0}
.ctaBox{padding:60px 30px;box-shadow:0 30px 80px -34px #7c5cff4a}
.ctaBox h2{font-size:clamp(28px,3.6vw,42px)}

/* =====================================================================
   13 · FOOTER
===================================================================== */
footer{position:relative;padding-top:8px}
footer:before{
  content:"";display:block;width:100%;height:1px;margin:0 auto 54px;
  background:linear-gradient(90deg,transparent,var(--line) 20%,var(--line) 80%,transparent);
}
.footCol h4{position:relative;padding-left:14px}
.footCol h4:before{content:"";position:absolute;left:0;top:3px;width:4px;height:12px;border-radius:2px;background:linear-gradient(180deg,var(--violet),var(--cyan))}

@media(max-width:850px){
  .statsBento{padding:56px 0 14px}
  .cheatSection{padding:60px 0}
  .cta{padding:66px 0}
}

/* =========================================================================
   PREISTABELLE AUF DER STARTSEITE — Layout korrigiert
   Der Angebots-Kasten hatte keine eigene Spalte und legte sich über die
   Vergleichstabelle; dadurch verschwand der Knopf "14 Tage kostenlos testen"
   halb hinter dem Preis-Kasten.
   ========================================================================= */
.premiumShowcase{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,.85fr);
  gap:26px;align-items:start}
.premiumShowcase > div:first-child{min-width:0}
.premiumRowHead,.premiumRow{display:grid;grid-template-columns:minmax(0,1fr) 90px 110px;
  gap:10px;align-items:center;padding:11px 0}
.premiumRow{border-top:1px solid var(--line)}
.premiumRowHead span:not(:first-child),.premiumRow span:not(:first-child){text-align:right}
.premiumRowHead{font-size:10px;letter-spacing:.09em;color:#6f7789;font-weight:700;padding-bottom:4px}
.premiumRowLabel{font-size:13px;font-weight:650}
.premiumRowFree{font-size:12px;color:#8e96ab}
.premiumRowPro{font-size:12.5px;color:#7ff0c6;font-weight:700}

.premiumOffer{position:relative;z-index:2;display:flex;flex-direction:column;align-items:stretch;
  gap:9px;padding:22px 20px;border:1px solid #f1cf7033;border-radius:17px;
  background:linear-gradient(165deg,#f1cf700d,#0b0e16 60%);text-align:center}
.premiumOffer .btn{width:100%;box-sizing:border-box;text-align:center;white-space:nowrap}
.premiumOfferEyebrow{font-size:10.5px;letter-spacing:.08em;color:#e7d9a8;font-weight:800}
.premiumOfferPrice{font-size:30px;font-weight:800;letter-spacing:-.03em;color:#f1cf70;margin:2px 0}
.premiumOfferPrice span{font-size:14px;color:#8e96ab;font-weight:600}
.premiumOfferSub{font-size:12px;color:#aeb4c5;line-height:1.55;margin-bottom:5px}
.premiumOfferNote{font-size:11px;color:#7e879b;margin-top:2px}

@media(max-width:900px){
  .premiumShowcase{grid-template-columns:1fr;gap:20px}
  .premiumRowHead,.premiumRow{grid-template-columns:minmax(0,1fr) 74px 92px}
}