/* ============================================================
   Varianta A: homepage-ul actual, cu un strat de „wow" deasupra.
   Nu schimbă nimic din designul existent. Tot ce e aici se activează
   doar când <html> are clasa .wow (pusă de a-wow.js, niciodată la
   prefers-reduced-motion; .wow-intro ține doar cât durează deschiderea), deci fără JS pagina arată exact ca azi.
   ============================================================ */

/* ---------- 1. Deschiderea regizată (primele 3 secunde) ---------- */
/* Doar keyframe-ul „from": fiecare element aterizează în poziția lui din CSS-ul de bază. */
@keyframes wow-scrie   { from{ clip-path:inset(0 100% 0 0) } to{ clip-path:inset(0 -5% 0 0) } }
@keyframes wow-urca    { from{ opacity:0; transform:translateY(22px) } }
@keyframes wow-pop     { from{ transform:rotate(-14deg) scale(0) } }
@keyframes wow-cade    { from{ transform:translateY(-90vh) rotate(38deg) } }
@keyframes wow-lipeste { from{ opacity:0; transform:rotate(48deg) scale(3) } }
@keyframes wow-chemare { 0%,100%{ transform:none } 25%{ transform:rotate(-3deg) scale(1.06) } 60%{ transform:rotate(2.5deg) scale(1.04) } }

.wow-intro .hero .kicker        { animation:wow-scrie .7s .15s cubic-bezier(.6,0,.3,1) backwards }
.wow-intro .hero h1             { animation:wow-urca .55s .45s cubic-bezier(.2,.8,.3,1) backwards }
.wow-intro .hero h1 .rotitor    { animation:wow-pop .5s .9s cubic-bezier(.3,1.6,.5,1) backwards }
.wow-intro .hero p.sub          { animation:wow-urca .5s 1.15s ease-out backwards }
.wow-intro .hero .actiuni       { animation:wow-urca .5s 1.35s ease-out backwards }
.wow-intro .hero .ps            { animation:wow-urca .5s 1.6s ease-out backwards }
.wow-intro .hero .dovada-hero   { animation:wow-urca .5s 1.8s ease-out backwards }
.wow-intro .hero #btn-confetti  { animation:wow-chemare .7s 2.6s ease-in-out backwards }

/* fețele intră pe rând, ca actorii care urcă pe scenă */
.wow-intro .scena-fete .fata                 { animation:wow-cade .75s cubic-bezier(.25,1.35,.45,1) backwards }
.wow-intro .scena-fete .fata:nth-of-type(2)  { animation-delay:.55s }
.wow-intro .scena-fete .fata:nth-of-type(3)  { animation-delay:.72s }
.wow-intro .scena-fete .fata:nth-of-type(4)  { animation-delay:.89s }
.wow-intro .scena-fete .fata:nth-of-type(5)  { animation-delay:1.06s }
/* stickerul se lipește cu o palmă, apoi își reia plutirea de azi */
.wow-intro .sticker-hero{ animation:wow-lipeste .4s 1.75s cubic-bezier(.3,1.5,.5,1) backwards, pluteste 5s 2.15s ease-in-out infinite }

/* ---------- 2. Reflectorul (galbenul „reflector" din paletă, în sfârșit folosit ca reflector) ---------- */
.wow .hero{ isolation:isolate }
.wow .hero::before{
  content:'';position:absolute;z-index:-1;pointer-events:none;
  width:560px;height:560px;border-radius:50%;
  left:calc(var(--rx,70%) - 280px);top:calc(var(--ry,40%) - 280px);
  background:radial-gradient(closest-side,rgba(255,196,46,.5),rgba(255,196,46,.16) 55%,transparent);
  opacity:0;transition:opacity .5s, left .18s ease-out, top .18s ease-out;
}
.wow .hero.reflector-aprins::before{ opacity:1 }
@media (hover:none){ .wow .hero::before{ display:none } }

/* ---------- 3. Dovada socială urcă în primul ecran ---------- */
.dovada-hero{
  margin-top:1.5rem;max-width:34rem;font-size:.98rem;font-weight:700;line-height:1.5;
  padding-top:1rem;border-top:3px dashed rgba(27,23,24,.25);
}
.dovada-hero b{ background:var(--galben);padding:0 .3em;display:inline-block;transform:rotate(-1deg) }

/* ---------- 4. Sublinierile din titluri se trag singure, ca un marker ---------- */
.wow .arata .subliniat::after{ transform:rotate(-1deg) scaleX(0);transform-origin:left center;transition:transform .6s .35s cubic-bezier(.6,0,.2,1) }
.wow .arata.vizibil .subliniat::after{ transform:rotate(-1deg) scaleX(1) }

/* ---------- 5. Publicul din formular: câte o față se luminează la fiecare câmp completat ---------- */
.brief-public{
  display:flex;gap:.55rem;align-items:center;font-family:var(--titlu);font-weight:800;
  font-size:1.25rem;letter-spacing:.06em;color:var(--alb);white-space:nowrap;
}
html:not(.wow) .brief-public{ display:none }
.brief-public span{ display:inline-block;opacity:.45;transition:opacity .25s, transform .3s cubic-bezier(.3,1.6,.5,1), color .25s }
.brief-public span.da{ opacity:1;color:var(--galben);transform:translateY(-4px) rotate(-6deg) scale(1.15) }
.brief-public.toti span{ animation:wow-sare .55s ease-in-out 2 }
.brief-public.toti span:nth-child(2){ animation-delay:.08s }
.brief-public.toti span:nth-child(3){ animation-delay:.16s }
.brief-public.toti span:nth-child(4){ animation-delay:.24s }
@keyframes wow-sare{ 50%{ transform:translateY(-14px) rotate(8deg) scale(1.25) } }
@media (max-width:560px){ .brief-public{ width:100%;justify-content:center } }