/* ===== Nera shared design system ===== */
:root{
  --purple:#5b2a86;
  --purple-deep:#43205f;
  --orange:#f2682c;
  --coral:#ef4e5a;
  --gold:#f9a826;
  --ink:#1f1633;
  --muted:#6c6480;
  --bg:#fffdfb;
  --soft:#faf5f0;
  --grad:linear-gradient(135deg,#5b2a86 0%,#ef4e5a 60%,#f9a826 100%);
  --grad-soft:linear-gradient(135deg,#f7eefc 0%,#fdeede 100%);
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:'Heebo',sans-serif;color:var(--ink);background:var(--bg);line-height:1.6;font-size:18px}
a{text-decoration:none;color:inherit}
img{max-width:100%}
.wrap{max-width:1140px;margin:0 auto;padding:0 24px}
.btn{display:inline-block;padding:15px 32px;border-radius:50px;font-weight:700;font-size:18px;transition:transform .15s ease,box-shadow .15s ease;cursor:pointer;border:none}
.btn-primary{background:var(--grad);color:#fff;box-shadow:0 8px 24px rgba(239,78,90,.35)}
.btn-primary:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(239,78,90,.45)}
.btn-ghost{background:#fff;color:var(--purple);border:2px solid var(--purple)}
.btn-ghost:hover{background:var(--purple);color:#fff}
.btn-light{background:#fff;color:var(--coral)}
.btn-light:hover{transform:translateY(-2px)}
section{padding:84px 0}
.eyebrow{color:var(--orange);font-weight:700;letter-spacing:.5px;margin-bottom:12px}
h1,h2,h3{color:var(--purple-deep)}
h2{font-size:38px;font-weight:800;line-height:1.2;margin-bottom:18px}
.lead{font-size:20px;color:var(--muted);max-width:680px;margin:0 auto}
.center{text-align:center}
.note{background:#fff8e6;border:1px dashed var(--gold);color:#8a6d1f;font-size:14px;padding:4px 10px;border-radius:8px;display:inline-block;margin-top:8px}

/* NAV */
header{position:sticky;top:0;z-index:50;background:rgba(255,253,251,.92);backdrop-filter:blur(10px);border-bottom:1px solid #f0e8df}
nav{display:flex;align-items:center;justify-content:space-between;height:74px}
nav .logo{height:46px}
nav ul{display:flex;gap:28px;list-style:none;font-weight:500}
nav ul a:hover,nav ul a.active{color:var(--orange)}
nav ul a.active{font-weight:700}
nav .cta{padding:10px 22px;font-size:16px}
.menu-btn{display:none;background:none;border:none;color:var(--purple);line-height:0}

/* PAGE HERO (inner pages) */
.phero{background:var(--grad-soft);text-align:center;padding:74px 0 70px}
.phero h1{font-size:46px;font-weight:900;color:var(--purple-deep);max-width:820px;margin:0 auto 16px;line-height:1.15}
.phero h1 .hl{background:var(--grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.phero p{font-size:20px;color:#5a4f6b;max-width:660px;margin:0 auto}
.phero .verse{font-family:'Frank Ruhl Libre',serif;font-size:21px;color:var(--purple-deep);margin-bottom:14px}
.phero .verse .nera{background:var(--grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-weight:700}

/* HOME HERO */
.hero{background:var(--grad-soft);position:relative;overflow:hidden;text-align:center;padding:90px 0 100px}
.hero .tag{display:inline-block;background:#fff;padding:8px 20px;border-radius:50px;font-weight:700;color:var(--purple);box-shadow:0 4px 14px rgba(91,42,134,.12);margin-bottom:26px}
.verse{font-family:'Frank Ruhl Libre',serif;font-size:24px;font-weight:500;color:var(--purple-deep);margin-bottom:10px;line-height:1.7}
.verse .nera{background:var(--grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-weight:700}
.verse-src{display:block;font-family:'Heebo',sans-serif;font-size:14px;font-weight:500;color:var(--orange);letter-spacing:1px;margin-bottom:30px}
.hero h1{font-size:54px;font-weight:900;line-height:1.15;max-width:880px;margin:0 auto 22px;color:var(--purple-deep)}
.hero h1 .hl{background:var(--grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.hero p.sub{font-size:21px;color:#5a4f6b;max-width:660px;margin:0 auto 38px}
.hero .btns{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}
.hero-logo{height:96px;margin-bottom:30px}

/* STATS */
.stats{color:#fff;padding:56px 0 48px;position:relative;overflow:hidden;
  background:linear-gradient(180deg,#331546 0%,var(--purple-deep) 100%)}
.stats::before{content:'';position:absolute;inset:0;pointer-events:none;background-image:
  radial-gradient(1.5px 1.5px at 12% 30%,rgba(255,255,255,.5),transparent),
  radial-gradient(1px 1px at 34% 68%,rgba(255,255,255,.35),transparent),
  radial-gradient(1.5px 1.5px at 58% 22%,rgba(255,255,255,.45),transparent),
  radial-gradient(1px 1px at 78% 60%,rgba(255,255,255,.35),transparent),
  radial-gradient(1px 1px at 92% 28%,rgba(255,255,255,.4),transparent);
  animation:twinkle 4.5s ease-in-out infinite alternate}
.stats .row{display:flex;justify-content:center;flex-wrap:wrap;text-align:center;position:relative;z-index:2}
.stats .stat{flex:1;min-width:200px;max-width:300px;padding:0 34px;position:relative}
.stats .stat + .stat::after{content:'';position:absolute;right:0;top:14%;height:72%;width:1px;background:rgba(255,255,255,.18)}
.stats .num{font-size:66px;font-weight:900;line-height:1.1;background:linear-gradient(135deg,#f9a826,#ef4e5a);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.stats .num.flare{animation:numflare .8s cubic-bezier(.2,.8,.3,1)}
@keyframes numflare{
  0%{transform:scale(1);filter:none}
  35%{transform:scale(1.14);filter:drop-shadow(0 0 26px rgba(249,168,38,.95)) drop-shadow(0 0 60px rgba(239,78,90,.5))}
  100%{transform:scale(1);filter:drop-shadow(0 0 10px rgba(249,168,38,.25))}
}
.stats .lbl{color:#e8e0f3;font-weight:600;font-size:19px;margin-top:6px}
.stats .sublbl{color:#b7a7cc;font-size:14.5px;margin-top:3px}
.stats .pill{display:block;width:max-content;max-width:92%;margin:34px auto 0;background:var(--grad);color:#fff;font-weight:800;font-size:17px;padding:12px 28px;border-radius:50px;box-shadow:0 8px 24px rgba(239,78,90,.35);transition:transform .15s ease}
.stats .pill:hover{transform:translateY(-2px)}

/* WHY */
.why .lead{font-size:24px;color:var(--ink);line-height:1.7}
.why .lead strong{color:var(--purple)}

/* CARDS */
.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin-top:50px}
.card{background:#fff;border:1px solid #f0e8df;border-radius:20px;padding:32px 24px;transition:transform .2s,box-shadow .2s}
.card:hover{transform:translateY(-6px);box-shadow:0 16px 40px rgba(91,42,134,.12)}
.card .bub{width:62px;height:62px;margin-bottom:16px;filter:drop-shadow(0 6px 14px rgba(91,42,134,.28))}
.card h3{font-size:21px;color:var(--purple);margin-bottom:8px}
.card p{color:var(--muted);font-size:16px}
.card .soon{display:inline-block;font-size:13px;font-weight:700;color:var(--orange);background:#fdeede;padding:3px 10px;border-radius:20px;margin-top:10px}

/* ACCELERATOR BANNER */
.accel{background:var(--grad);color:#fff;border-radius:32px;padding:60px 50px;position:relative;overflow:hidden}
.accel-wrap{max-width:1140px;margin:0 auto;padding:0 24px}
.accel .eyebrow{color:#ffe1c4}
.accel h2{color:#fff}
.accel p{font-size:19px;max-width:620px;opacity:.95}
.steps{display:flex;gap:14px;flex-wrap:wrap;margin:34px 0}
.step{background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.3);padding:12px 20px;border-radius:50px;font-weight:600}
.accel .btn-light{background:#fff;color:var(--coral)}
.urgency{margin-top:16px;font-weight:500;opacity:.9}

/* QUOTES */
.quotes{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:46px}
.quote{background:var(--soft);border-radius:20px;padding:30px;border-top:4px solid var(--gold)}
.quote p{font-size:17px;font-style:italic;color:var(--ink);margin-bottom:18px}
.quote .who{display:flex;align-items:center;gap:12px}
.quote .av{width:46px;height:46px;border-radius:50%;background:var(--grad-soft);display:flex;align-items:center;justify-content:center;font-weight:800;color:var(--purple)}
.quote .who b{display:block;color:var(--purple)}
.quote .who span{font-size:14px;color:var(--muted)}

/* FAQ */
.faq{max-width:760px;margin:46px auto 0;text-align:right}
details{background:#fff;border:1px solid #f0e8df;border-radius:14px;padding:20px 24px;margin-bottom:14px}
details summary{font-weight:700;font-size:18px;color:var(--purple);cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:14px}
details summary::-webkit-details-marker{display:none}
details summary::after{content:'+';color:var(--orange);font-size:24px;line-height:1}
details[open] summary::after{content:'\2013'}
details p{margin-top:12px;color:var(--muted)}

/* FINAL CTA */
.final{background:var(--grad-soft);text-align:center}
.final h2{font-size:42px}

/* FOOTER */
footer{background:var(--purple-deep);color:#cfc3df;padding:50px 0 30px;text-align:center}
footer .logo{height:48px;margin-bottom:18px}
footer .flinks{display:flex;gap:24px;justify-content:center;margin:18px 0;flex-wrap:wrap}
footer a:hover{color:#fff}
footer .copy{font-size:14px;opacity:.7;margin-top:18px}

/* ===== JOURNEY (night -> dawn), scoped under .night ===== */
.night{position:relative;overflow:hidden;color:#fff;padding:90px 0 40px;
  background:
    radial-gradient(120% 70% at 50% 118%, rgba(249,168,38,.55) 0%, rgba(239,78,90,.28) 26%, rgba(91,42,134,.05) 52%, transparent 70%),
    linear-gradient(180deg,#0c0518 0%,#1a0a33 30%,#2c0f47 55%,#5b1d54 78%,#8a2f4e 92%,#b35a2f 100%)}
.night .stars{position:absolute;inset:0;background-image:
  radial-gradient(1.5px 1.5px at 12% 14%, rgba(255,255,255,.7), transparent),
  radial-gradient(1.5px 1.5px at 78% 9%, rgba(255,255,255,.6), transparent),
  radial-gradient(1px 1px at 33% 22%, rgba(255,255,255,.5), transparent),
  radial-gradient(1.5px 1.5px at 64% 27%, rgba(255,255,255,.55), transparent),
  radial-gradient(1px 1px at 88% 19%, rgba(255,255,255,.5), transparent),
  radial-gradient(1px 1px at 22% 6%, rgba(255,255,255,.45), transparent);
  opacity:.8;animation:twinkle 4s ease-in-out infinite alternate}
@keyframes twinkle{from{opacity:.4}to{opacity:.9}}
.night .jhead{position:relative;z-index:3;text-align:center;max-width:680px;margin:0 auto 30px;padding:0 24px}
.night .jhead .eyebrow{color:var(--gold);letter-spacing:3px;font-size:15px;margin-bottom:14px}
.night .jhead h2{font-family:'Frank Ruhl Libre',serif;font-size:46px;font-weight:700;line-height:1.2;margin-bottom:16px;color:#fff}
.night .jhead h2 .glow{color:#ffd98a;text-shadow:0 0 26px rgba(249,168,38,.7)}
.night .jhead p{color:#d9cae8;font-size:19px}
.tl{position:relative;z-index:3;max-width:980px;height:1080px;margin:30px auto 0;padding:0}
.tl svg.path{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.node{position:absolute;width:118px;height:118px;transform:translate(50%,-50%);opacity:.28;transition:opacity .7s ease}
.node.lit{opacity:1}
.halo{position:absolute;inset:0;border-radius:50%;
  background:radial-gradient(circle, rgba(255,236,196,.95) 0%, rgba(249,168,38,.6) 32%, rgba(239,78,90,.25) 55%, transparent 72%);
  opacity:0;transform:scale(.5);transition:opacity .7s ease,transform .7s ease}
.node.lit .halo{opacity:1;transform:scale(1);animation:flick 2.6s ease-in-out infinite alternate}
@keyframes flick{0%{transform:scale(1)}50%{transform:scale(1.07)}100%{transform:scale(.97)}}
.core{position:absolute;top:50%;left:50%;width:18px;height:18px;border-radius:50%;transform:translate(-50%,-50%);
  background:radial-gradient(circle,#fff 0%,#ffe6a8 45%,#f9a826 100%);box-shadow:0 0 18px 6px rgba(249,168,38,.8)}
.flame{position:absolute;top:50%;left:50%;width:16px;height:26px;transform:translate(-50%,-78%);
  background:linear-gradient(to top,#f9a826,#ef4e5a 70%,#fff0);border-radius:50% 50% 50% 50% / 60% 60% 40% 40%;
  filter:blur(.3px);opacity:0;transition:opacity .6s ease .2s}
.node.lit .flame{opacity:.95;animation:dance 1.6s ease-in-out infinite alternate}
@keyframes dance{from{transform:translate(-50%,-78%) rotate(-6deg) scaleY(1)}to{transform:translate(-52%,-82%) rotate(5deg) scaleY(1.12)}}
.rocket{position:absolute;left:0;top:0;width:78px;height:78px;z-index:6;pointer-events:none;transform:translate(-50%,-50%);will-change:left,top;
  filter:drop-shadow(0 0 18px rgba(249,168,38,.75)) drop-shadow(0 0 6px rgba(255,255,255,.5))}
.rocket .glowring{position:absolute;inset:-22px;border-radius:50%;
  background:radial-gradient(circle, rgba(255,224,160,.55) 0%, rgba(249,168,38,.25) 45%, transparent 70%);animation:pulse 2.2s ease-in-out infinite alternate}
.rocket img{width:100%;height:100%;display:block;position:relative;z-index:2}
@keyframes pulse{from{transform:scale(.9);opacity:.7}to{transform:scale(1.15);opacity:1}}
.jcard{position:absolute;width:272px;opacity:0;transform:translateY(16px);transition:opacity .7s ease .15s,transform .7s ease .15s;text-align:right;z-index:4}
.jcard.lit{opacity:1;transform:translateY(0)}
.jcard .name{font-family:'Frank Ruhl Libre',serif;font-size:30px;font-weight:700;color:#ffe2a6;margin-bottom:6px;text-shadow:0 0 18px rgba(249,168,38,.45)}
.jcard p{color:#e7ddf2;font-size:17px;line-height:1.55}
.night .ember{position:absolute;bottom:-10px;width:6px;height:6px;border-radius:50%;background:radial-gradient(circle,#ffd98a,#f9a826);box-shadow:0 0 8px 2px rgba(249,168,38,.6);opacity:0;z-index:2}
.night .ember:nth-child(1){left:18%;animation:rise 9s linear infinite}
.night .ember:nth-child(2){left:32%;width:4px;height:4px;animation:rise 11s linear infinite 2s}
.night .ember:nth-child(3){left:55%;animation:rise 8s linear infinite 1s}
.night .ember:nth-child(4){left:68%;width:5px;height:5px;animation:rise 12s linear infinite 3s}
.night .ember:nth-child(5){left:80%;width:4px;height:4px;animation:rise 10s linear infinite 1.5s}
.night .ember:nth-child(6){left:45%;width:5px;height:5px;animation:rise 13s linear infinite 4s}
@keyframes rise{0%{transform:translateY(0) translateX(0);opacity:0}10%{opacity:.9}80%{opacity:.7}100%{transform:translateY(-680px) translateX(40px);opacity:0}}
.dawn{position:relative;z-index:3;text-align:center;padding:10px 24px 80px;max-width:640px;margin:0 auto}
.dawn .line{font-family:'Frank Ruhl Libre',serif;font-size:30px;font-weight:700;color:#3a1c2a;line-height:1.5}
.dawn .line b{color:#fff;text-shadow:0 0 20px rgba(255,255,255,.5)}
.dawn .src{margin-top:12px;color:rgba(58,28,42,.8);font-weight:700;letter-spacing:2px;font-size:14px}

/* ===== responsive ===== */
@media(max-width:880px){
  nav ul{display:none}
  .menu-btn{display:block}
  .hero h1{font-size:38px}
  .phero h1{font-size:34px}
  h2{font-size:30px}
  .cards{grid-template-columns:1fr 1fr}
  .quotes{grid-template-columns:1fr}
  .accel{padding:44px 28px}
  .stats .row{gap:22px}
}
@media(max-width:1020px){
  .night .jhead h2{font-size:32px}
  .tl{height:auto;max-width:520px;padding:0 24px}
  .tl svg.path{display:none}
  .node{position:relative;transform:none;opacity:1;margin:0 auto;display:block;right:auto!important;left:auto!important;top:auto!important}
  .node .halo{opacity:1;transform:scale(1)}
  .node .flame{opacity:.95}
  .jcard{position:relative;width:auto;opacity:1;transform:none;text-align:center;margin:6px auto 46px;right:auto!important;left:auto!important;top:auto!important}
  .rocket{display:none}
}
@media(max-width:520px){
  .cards{grid-template-columns:1fr}
}

/* ===== night hero (first-visit story) ===== */
.nhero{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;overflow:hidden;text-align:center;padding:70px 24px;color:#fff;
  background:
    radial-gradient(90% 55% at 50% 112%, rgba(249,168,38,.5) 0%, rgba(239,78,90,.25) 30%, transparent 62%),
    linear-gradient(180deg,#0c0518 0%,#20103c 45%,#3a1650 75%,#6b2350 100%)}
.nhero .stars{position:absolute;inset:0;background-image:
  radial-gradient(1.5px 1.5px at 15% 20%,rgba(255,255,255,.8),transparent),
  radial-gradient(1px 1px at 35% 10%,rgba(255,255,255,.6),transparent),
  radial-gradient(1.5px 1.5px at 60% 24%,rgba(255,255,255,.7),transparent),
  radial-gradient(1px 1px at 80% 14%,rgba(255,255,255,.6),transparent),
  radial-gradient(1px 1px at 90% 32%,rgba(255,255,255,.5),transparent),
  radial-gradient(1.5px 1.5px at 8% 42%,rgba(255,255,255,.5),transparent);
  animation:twinkle 4s ease-in-out infinite alternate}
.nhero .ember{position:absolute;bottom:-12px;width:6px;height:6px;border-radius:50%;
  background:radial-gradient(circle,#ffd98a,#f9a826);box-shadow:0 0 10px 3px rgba(249,168,38,.55);opacity:0}
.nhero .ember:nth-child(2){left:16%;animation:nrise 9s linear infinite}
.nhero .ember:nth-child(3){left:30%;width:4px;height:4px;animation:nrise 12s linear infinite 2s}
.nhero .ember:nth-child(4){left:52%;animation:nrise 8s linear infinite 1s}
.nhero .ember:nth-child(5){left:70%;width:5px;height:5px;animation:nrise 11s linear infinite 3.4s}
.nhero .ember:nth-child(6){left:84%;width:4px;height:4px;animation:nrise 10s linear infinite 1.6s}
@keyframes nrise{0%{transform:translateY(0)}8%{opacity:.9}75%{opacity:.6}100%{transform:translateY(-88vh) translateX(36px);opacity:0}}
.nhero .bub-float{width:118px;margin-bottom:6px;position:relative;z-index:3;
  filter:drop-shadow(0 0 26px rgba(249,168,38,.55)) drop-shadow(0 14px 34px rgba(0,0,0,.35));
  animation:nbob 3.4s ease-in-out infinite alternate}
@keyframes nbob{from{transform:translateY(0) rotate(-4deg)}to{transform:translateY(-16px) rotate(4deg)}}
.nhero .eyebrow{color:var(--gold);letter-spacing:3px;font-size:15px;margin-bottom:18px;position:relative;z-index:3}
/* the bubble and tagline are on stage from the very first frame */
.nhero .doubts{position:absolute;inset:0;z-index:5;pointer-events:none}
.nhero .doubt{position:absolute;right:24px;left:24px;top:50%;transform:translateY(-50%);
  font-family:'Frank Ruhl Libre',serif;font-weight:700;color:#e4d6f2;opacity:0;filter:blur(12px);line-height:1.35;text-align:center}
.nhero.play .doubt{animation:launch 1.9s ease forwards}
.nhero .doubt:nth-child(1){--rot:-2deg;font-size:58px}
.nhero .doubt:nth-child(2){--rot:1.5deg;font-size:68px}
.nhero .doubt:nth-child(3){--rot:-1.2deg;font-size:62px}
.nhero.play .doubt:nth-child(1){animation-delay:.2s}
.nhero.play .doubt:nth-child(2){animation-delay:1.9s}
.nhero.play .doubt:nth-child(3){animation-delay:3.6s}
@keyframes launch{
  0%{opacity:0;filter:blur(12px);transform:translateY(calc(-50% + 46px)) rotate(var(--rot)) scale(.94)}
  14%{opacity:1;filter:blur(0);transform:translateY(-50%) rotate(var(--rot)) scale(1)}
  66%{opacity:1;filter:blur(0);color:#e4d6f2;text-shadow:none;transform:translateY(-50%) rotate(var(--rot)) scale(1);animation-timing-function:ease-in}
  76%{opacity:1;color:#ffd98a;text-shadow:0 0 30px rgba(249,168,38,.95),0 0 70px rgba(239,78,90,.6);transform:translateY(calc(-50% + 20px)) rotate(var(--rot)) scale(.96);animation-timing-function:cubic-bezier(.75,0,1,1)}
  100%{opacity:0;color:#f9a826;filter:blur(10px);transform:translateY(calc(-50% - 120vh)) rotate(var(--rot)) scale(.78);text-shadow:0 0 80px rgba(249,168,38,.9)}
}
.nhero .punch{position:relative;z-index:3;font-weight:900;font-size:56px;line-height:1.2;max-width:880px;color:#fff;opacity:0;margin-bottom:16px}
.nhero.play .punch{animation:ignite 1.4s cubic-bezier(.2,.7,.2,1) 5.6s forwards}
.nhero .punch .hl{background:linear-gradient(135deg,#f9a826 0%,#ef4e5a 55%,#ffd98a 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
@keyframes ignite{
  0%{opacity:0;transform:translateY(24px) scale(.97);filter:blur(8px)}
  55%{opacity:1;filter:blur(0);text-shadow:0 0 46px rgba(249,168,38,.6)}
  100%{opacity:1;transform:translateY(0) scale(1);text-shadow:0 0 24px rgba(249,168,38,.25)}
}
.nhero .nsub{position:relative;z-index:3;color:#d9cae8;font-size:20px;max-width:620px;margin:0 auto 36px;opacity:0}
.nhero.play .nsub{animation:nfadeup .9s ease 6.4s forwards}
.nhero .btns{position:relative;z-index:3;display:flex;gap:16px;flex-wrap:wrap;justify-content:center;opacity:0}
.nhero.play .btns{animation:nfadeup .9s ease 6.8s forwards}
@keyframes nfadeup{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
.nhero .nverse{position:relative;z-index:3;margin-top:44px;font-family:'Frank Ruhl Libre',serif;font-size:18px;color:#cbb4de;opacity:0}
.nhero.play .nverse{animation:nfadeup .9s ease 7.1s forwards}
.nhero .nverse .nera{color:#ffd98a}
.nhero .btn-line{background:transparent;color:#fff;border:2px solid rgba(255,255,255,.7)}
.nhero .btn-line:hover{background:rgba(255,255,255,.12)}
.nhero .replay{position:absolute;bottom:20px;left:22px;z-index:9;background:none;border:1px solid rgba(255,255,255,.35);color:#cbb4de;font-family:'Heebo',sans-serif;font-size:14px;padding:7px 16px;border-radius:50px;cursor:pointer}
.nhero .replay:hover{background:rgba(255,255,255,.1)}
html.locked,html.locked body{overflow:hidden;height:100%;overscroll-behavior:none;touch-action:none}
.nhero .cue{position:absolute;bottom:18px;right:0;left:0;z-index:8;display:flex;flex-direction:column;align-items:center;gap:4px;color:#cbb4de;font-size:14px;font-weight:500;opacity:0;pointer-events:none;transition:opacity .8s ease}
.nhero .cue.on{opacity:1}
.nhero .cue svg{animation:cuebob 1.6s ease-in-out infinite}
@keyframes cuebob{0%,100%{transform:translateY(0)}50%{transform:translateY(7px)}}
.nhero.seen .doubts{display:none}
.nhero.seen .punch,.nhero.seen .nsub,.nhero.seen .btns,.nhero.seen .nverse{opacity:1;animation:none}
.nhero.seen .punch{text-shadow:0 0 24px rgba(249,168,38,.25)}
@media(max-width:760px){
  .nhero .doubt{font-size:33px!important}
  .nhero .punch{font-size:34px}
  .nhero .bub-float{width:92px}
}