/* No Show Media – Hero (Vollbild) Modul.
   Alle Selektoren unter .nsm-herox gescopt -> keine Kollision mit widgets.css (.hero etc.). */

.nsm-herox{
  --purple:#7F37CA;
  --purple-deep:#7F30D6;
  --purple-ink:#170526;
  --yellow:#FFDE32;
  --orange:#FFC240;
  --paper:#FBF4FF;
  --white:#ffffff;
  --ink:#140320;
  --maxw:1240px;
  --ease:cubic-bezier(.22,1,.36,1);
  font-family:'Archivo',system-ui,sans-serif;
  color:var(--white);
  /* Full-Bleed: über die volle Viewport-Breite, egal wie der Elementor-Container sitzt */
  width:100vw;
  max-width:100vw;
  margin-left:calc(50% - 50vw);
  margin-right:calc(50% - 50vw);
}
.nsm-herox *{box-sizing:border-box;}
.nsm-herox h1,.nsm-herox h2,.nsm-herox h3{font-family:'Anton',sans-serif;font-weight:400;text-transform:uppercase;line-height:.92;letter-spacing:.005em;}
.nsm-herox a{color:inherit;text-decoration:none;}
.nsm-herox .wrap{max-width:var(--maxw);margin:0 auto;padding:0 36px;width:100%;}
.nsm-herox .visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0;}

/* ===== HERO SHELL ===== */
.nsm-herox .hero{position:relative;min-height:100vh;display:flex;flex-direction:column;background:var(--purple-ink);overflow:hidden;padding:0;color:var(--white);}
.nsm-herox.no-fullheight .hero{min-height:0;}

/* top bar */
.nsm-herox .topbar{position:relative;z-index:6;}
.nsm-herox .topbar-inner{display:flex;align-items:center;justify-content:space-between;height:78px;}
.nsm-herox .logo{font-family:'Anton',sans-serif;text-transform:uppercase;color:var(--white);font-size:23px;letter-spacing:.02em;display:flex;align-items:center;gap:9px;}
.nsm-herox .logo b{color:var(--yellow);font-weight:400;}
.nsm-herox .logo .dot{width:11px;height:11px;border-radius:50%;background:var(--orange);display:inline-block;}
.nsm-herox .top-links{display:flex;align-items:center;gap:32px;}
.nsm-herox .top-links a{color:rgba(255,255,255,.78);font-weight:600;font-size:15px;transition:color .2s;}
.nsm-herox .top-links a:hover{color:var(--yellow);}
.nsm-herox .top-cta{background:var(--yellow);color:var(--purple-ink);padding:11px 22px;border-radius:100px;font-weight:800;font-size:15px;transition:transform .25s var(--ease),background .2s;will-change:transform;}
.nsm-herox .top-cta:hover{transform:translateY(-2px);background:var(--orange);}

/* ===== BACKGROUND FX ===== */
.nsm-herox .smoke{position:absolute;inset:-12% -8% -4% -8%;z-index:1;pointer-events:none;filter:url(#smokef) blur(7px);opacity:.6;mix-blend-mode:screen;}
.nsm-herox .plume{position:absolute;border-radius:50%;filter:blur(26px);will-change:transform,opacity;}
.nsm-herox .plume.p1{width:560px;height:560px;left:-4%;bottom:-22%;background:radial-gradient(circle,rgba(127,55,202,.95),rgba(127,48,214,.28) 46%,transparent 70%);animation:smoke1 26s ease-in-out infinite;}
.nsm-herox .plume.p2{width:440px;height:440px;left:34%;bottom:-28%;background:radial-gradient(circle,rgba(127,48,214,.85),rgba(127,55,202,.22) 48%,transparent 72%);animation:smoke2 32s ease-in-out infinite;}
.nsm-herox .plume.p3{width:500px;height:500px;right:2%;bottom:-24%;background:radial-gradient(circle,rgba(151,86,224,.8),rgba(127,48,214,.2) 48%,transparent 72%);animation:smoke3 29s ease-in-out infinite;}
.nsm-herox .plume.p4{width:360px;height:360px;left:58%;bottom:-18%;background:radial-gradient(circle,rgba(255,194,64,.3),rgba(127,48,214,.18) 50%,transparent 72%);animation:smoke2 36s ease-in-out infinite reverse;}
.nsm-herox .spotlight{position:absolute;inset:0;pointer-events:none;z-index:2;opacity:0;transition:opacity .4s;background:radial-gradient(420px circle at var(--mx,70%) var(--my,30%),rgba(255,222,50,.12),transparent 65%);}
.nsm-herox .hero:hover .spotlight{opacity:1;}
@media(prefers-reduced-motion:reduce){.nsm-herox .smoke{filter:blur(34px);}.nsm-herox .plume{animation:none!important;}}

/* ===== HERO BODY ===== */
.nsm-herox .hero-body{position:relative;z-index:5;flex:1;display:flex;align-items:center;padding:48px 0 30px;}
.nsm-herox .hero-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:54px;align-items:center;width:100%;}

.nsm-herox .kicker{display:block;font-family:'Archivo',sans-serif;font-weight:800;text-transform:uppercase;letter-spacing:.16em;font-size:15px;color:var(--yellow);margin:0 0 16px;}
.nsm-herox h1.title{font-size:clamp(50px,8.2vw,118px);line-height:1.15;}
.nsm-herox h1.title .line{display:block;overflow:hidden;}
.nsm-herox h1.title .line.revealed{overflow:visible;}
.nsm-herox h1.title .line > span{display:inline-block;transform:translateY(110%);animation:rise .9s var(--ease) forwards;}
.nsm-herox h1.title .l2 > span{animation-delay:.09s;}
.nsm-herox h1.title .l3 > span{animation-delay:.18s;}
.nsm-herox h1.title .hl{color:var(--yellow);}
.nsm-herox h1.title .ol{-webkit-text-stroke:2px var(--orange);color:transparent;}
@media(prefers-reduced-motion:reduce){.nsm-herox h1.title .line > span{transform:none;animation:none;}}

.nsm-herox .lead{max-width:520px;font-size:18.5px;line-height:1.55;color:rgba(255,255,255,.82);font-weight:500;margin-top:26px;}
.nsm-herox .lead strong{color:#fff;font-weight:800;}

.nsm-herox .actions{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin-top:30px;}
.nsm-herox .btn{display:inline-flex;align-items:center;gap:10px;font-weight:800;font-size:16px;padding:16px 30px;border-radius:100px;transition:transform .25s var(--ease),box-shadow .25s,background .2s,color .2s;cursor:pointer;border:0;will-change:transform;}
.nsm-herox .btn-primary{background:var(--yellow);color:var(--purple-ink);}
.nsm-herox .btn-primary:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(255,222,50,.3);}
.nsm-herox .btn-ghost{background:transparent;color:#fff;border:2px solid rgba(255,255,255,.25);}
.nsm-herox .btn-ghost:hover{border-color:var(--yellow);color:var(--yellow);transform:translateY(-3px);}

/* trust row */
.nsm-herox .trust{display:flex;align-items:center;gap:26px;margin-top:38px;flex-wrap:wrap;}
.nsm-herox .trust .rating{display:flex;flex-direction:column;gap:4px;}
.nsm-herox .trust .stars{color:var(--yellow);font-size:16px;letter-spacing:2px;}
.nsm-herox .trust .rating small{font-size:13px;color:rgba(255,255,255,.7);font-weight:600;}
.nsm-herox .trust .rating small b{color:#fff;font-weight:800;}
.nsm-herox .tdiv{width:1px;height:40px;background:rgba(255,255,255,.16);}
.nsm-herox .tstat{display:flex;flex-direction:column;}
.nsm-herox .tstat b{font-family:'Anton',sans-serif;font-size:30px;line-height:1;color:#fff;}
.nsm-herox .tstat.accent b{color:var(--orange);}
.nsm-herox .tstat span{font-size:12.5px;color:rgba(255,255,255,.68);font-weight:600;margin-top:5px;letter-spacing:.01em;}

/* ===== VISUAL: REEL PHONE ===== */
.nsm-herox .visual{position:relative;display:flex;justify-content:center;}
.nsm-herox .phone{width:100%;max-width:312px;background:#0d0418;border:2px solid rgba(255,255,255,.16);border-radius:38px;padding:10px;position:relative;box-shadow:0 30px 70px rgba(10,2,22,.55);animation:bob 6s ease-in-out infinite;}
@media(prefers-reduced-motion:reduce){.nsm-herox .phone{animation:none;}}
.nsm-herox .phone .notch{position:absolute;top:18px;left:50%;transform:translateX(-50%);width:96px;height:7px;border-radius:100px;background:rgba(255,255,255,.18);z-index:5;}
.nsm-herox .reel{position:relative;border-radius:30px;overflow:hidden;aspect-ratio:9/16;background:repeating-linear-gradient(135deg,#1b0a30 0 11px,#160726 11px 22px);}
.nsm-herox .reel img{width:100%;height:100%;object-fit:cover;display:block;}
.nsm-herox .reel-empty{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;text-align:center;padding:20px;color:rgba(255,255,255,.6);font-weight:600;font-size:13px;}
.nsm-herox .reel .scrim{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(8,2,16,.55) 0%,transparent 22%,transparent 52%,rgba(8,2,16,.85) 100%);z-index:2;}
.nsm-herox .reel-tag{position:absolute;top:14px;right:14px;z-index:3;display:inline-flex;align-items:center;gap:6px;background:rgba(10,3,20,.55);backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.2);color:#fff;font-weight:800;font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;padding:6px 11px;border-radius:100px;}
.nsm-herox .reel-tag::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--yellow);}
.nsm-herox .reel-handle{position:absolute;top:14px;left:14px;z-index:3;display:flex;align-items:center;gap:8px;}
.nsm-herox .reel-handle .ra{width:30px;height:30px;border-radius:50%;background:conic-gradient(from 30deg,var(--yellow),var(--orange),var(--purple-deep),var(--yellow));padding:2px;flex:none;}
.nsm-herox .reel-handle .ra div{width:100%;height:100%;border-radius:50%;background:#16092a;display:flex;align-items:center;justify-content:center;font-family:'Anton',sans-serif;font-size:11px;color:#fff;}
.nsm-herox .reel-handle b{color:#fff;font-size:13px;font-weight:800;text-shadow:0 1px 4px rgba(0,0,0,.5);}
.nsm-herox .reel-rail{position:absolute;right:12px;bottom:78px;z-index:3;display:flex;flex-direction:column;gap:16px;align-items:center;}
.nsm-herox .reel-rail .act{display:flex;flex-direction:column;align-items:center;gap:3px;color:#fff;}
.nsm-herox .reel-rail .act .g{font-size:21px;line-height:1;filter:drop-shadow(0 1px 3px rgba(0,0,0,.5));}
.nsm-herox .reel-rail .act small{font-size:11px;font-weight:800;text-shadow:0 1px 3px rgba(0,0,0,.6);}
.nsm-herox .reel-cap{position:absolute;left:14px;right:58px;bottom:16px;z-index:3;}
.nsm-herox .reel-cap p{color:#fff;font-size:12.5px;line-height:1.4;font-weight:600;text-shadow:0 1px 4px rgba(0,0,0,.55);}
.nsm-herox .reel-cap p b{color:var(--yellow);}
.nsm-herox .reel-cap .audio{display:inline-flex;align-items:center;gap:6px;margin-top:8px;font-size:11px;color:rgba(255,255,255,.85);font-weight:600;}
.nsm-herox .reel-cap .audio .eq{display:inline-flex;align-items:flex-end;gap:2px;height:11px;}
.nsm-herox .reel-cap .audio .eq i{width:2px;background:#fff;border-radius:2px;animation:nsmeq 1s ease-in-out infinite;}
.nsm-herox .reel-cap .audio .eq i:nth-child(2){animation-delay:.2s}.nsm-herox .reel-cap .audio .eq i:nth-child(3){animation-delay:.4s}.nsm-herox .reel-cap .audio .eq i:nth-child(4){animation-delay:.1s}
@keyframes nsmeq{0%,100%{height:3px}50%{height:11px}}
@media(prefers-reduced-motion:reduce){.nsm-herox .reel-cap .audio .eq i{animation:none;height:7px;}}

/* float result chip */
.nsm-herox .float-card{position:absolute;background:var(--white);color:var(--purple-ink);border-radius:15px;padding:12px 16px 12px 13px;box-shadow:0 1px 0 rgba(255,255,255,.7) inset,0 18px 40px rgba(10,2,22,.3);border:1px solid rgba(23,5,38,.07);display:flex;align-items:center;gap:13px;animation:bob 7s ease-in-out infinite;z-index:4;}
.nsm-herox .float-card.fc1{left:-36px;bottom:98px;animation-delay:.8s;}
.nsm-herox .float-card .fi{width:44px;height:44px;border-radius:12px;flex:none;display:flex;align-items:flex-end;justify-content:center;gap:3.5px;padding:10px 9px;background:linear-gradient(165deg,#faf5ff,#f0e4fb);border:1px solid rgba(127,48,214,.14);}
.nsm-herox .float-card .fi i{width:5px;border-radius:2px 2px 0 0;background:linear-gradient(var(--orange),var(--purple-deep));}
.nsm-herox .float-card .fc-num{font-family:'Anton',sans-serif;font-size:23px;line-height:1;color:var(--purple-deep);display:flex;align-items:center;gap:6px;}
.nsm-herox .float-card .fc-num em{font-style:normal;font-family:'Archivo',sans-serif;font-size:13px;font-weight:900;color:#1f9d55;line-height:1;}
.nsm-herox .float-card .fc-lbl{font-size:11px;color:#6a5878;font-weight:700;white-space:nowrap;margin-top:5px;letter-spacing:.02em;display:block;}
@media(prefers-reduced-motion:reduce){.nsm-herox .float-card{animation:none;}}

/* ===== MARQUEE ===== */
.nsm-herox .marquee{position:relative;z-index:5;background:var(--yellow);color:var(--purple-ink);padding:16px 0;overflow:hidden;border-top:3px solid var(--purple-ink);border-bottom:3px solid var(--purple-ink);}
.nsm-herox .marquee-track{display:flex;gap:46px;white-space:nowrap;width:max-content;animation:scroll 30s linear infinite;}
.nsm-herox .marquee-track span{font-family:'Anton',sans-serif;text-transform:uppercase;font-size:27px;letter-spacing:.02em;display:flex;align-items:center;gap:46px;}
.nsm-herox .marquee-track span::after{content:"✦";color:var(--orange);-webkit-text-stroke:1.5px var(--purple-ink);}
@media(prefers-reduced-motion:reduce){.nsm-herox .marquee-track{animation:none;}}

/* ===== RESPONSIVE ===== */
@media(max-width:960px){
  .nsm-herox .hero-grid{grid-template-columns:1fr;gap:40px;}
  .nsm-herox .hero-body{padding:30px 0;}
  .nsm-herox h1.title{font-size:clamp(46px,11vw,84px);}
  .nsm-herox .float-card.fc1{left:0;}
  .nsm-herox .top-links{display:none;}
}
@media(max-width:560px){
  .nsm-herox .wrap{padding:0 20px;}
  .nsm-herox .topbar-inner{height:66px;}
  .nsm-herox .top-cta{padding:9px 16px;font-size:14px;}
  .nsm-herox .trust{gap:18px;}
  .nsm-herox .tdiv{display:none;}
  .nsm-herox .float-card{display:none;}
  .nsm-herox .lead{font-size:17px;}
}
