:root{--gold:#c9a96e;--gold-dark:#8c734a;--ink:#f4efe6;--bg:#0d0b09}
  *{margin:0;padding:0;box-sizing:border-box}
  html,body{background:var(--bg);color:var(--ink);
    font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI",Roboto,Helvetica,Arial,sans-serif;
    -webkit-font-smoothing:antialiased}
  body{overflow-x:hidden}
  img{max-width:100%;display:block}

  #spacer{height:700vh}
  #stage{position:fixed;inset:0;overflow:hidden}
  #dna{position:absolute;inset:0;width:100%;height:100%}

  /* header — gol la început; logo-ul și meniul sosesc la finalul poveștii */
  .hdr{position:fixed;top:0;left:0;right:0;z-index:30;display:flex;align-items:center;justify-content:space-between;
    padding:14px 18px;pointer-events:none}
  #hdrlogo{height:34px;width:auto;filter:brightness(0) invert(1);opacity:0;will-change:opacity}
  #menu{display:flex;align-items:center;gap:22px;opacity:0;will-change:transform,opacity;pointer-events:none}
  #menu nav{display:none;gap:22px}
  #menu nav a{color:var(--ink);text-decoration:none;font-size:14px;letter-spacing:.06em;opacity:.85}
  #menu nav a:hover{color:var(--gold)}
  #burger{width:44px;height:44px;border-radius:12px;border:1px solid rgba(201,169,110,.4);
    background:rgba(13,11,9,.5);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);
    display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;cursor:pointer}
  #burger i{display:block;width:18px;height:2px;border-radius:1px;background:var(--gold)}
  #burger i:nth-child(2){width:12px;align-self:flex-start;margin-left:13px}
  @media (min-width:820px){ #menu nav{display:flex} }

  #prog{position:fixed;top:0;right:0;width:3px;height:100%;z-index:31;background:rgba(255,255,255,.07)}
  #prog i{display:block;width:100%;height:0%;background:linear-gradient(180deg,var(--gold),var(--gold-dark))}

  .chap{position:absolute;z-index:20;max-width:min(78vw,420px);opacity:0;will-change:transform,opacity}
  .chap .k{font-size:11px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);display:block;margin-bottom:10px}
  .chap h2{font-size:clamp(26px,5.6vw,44px);line-height:1.1;letter-spacing:-.015em;font-weight:700}
  .chap h2 b{color:var(--gold);font-weight:700}
  .chap p{margin-top:12px;font-size:clamp(14px,2.2vw,17px);line-height:1.55;color:rgba(244,239,230,.75)}
  #c0{left:50%;top:44%;transform:translate(-50%,-50%);text-align:center;max-width:min(88vw,560px)}
  #c0 h1{font-size:clamp(34px,7.4vw,62px);line-height:1.06;letter-spacing:-.02em}
  #c0 h1 b{color:var(--gold);font-weight:700}
  #c0 p{margin-top:14px;font-size:clamp(15px,2.4vw,19px);color:rgba(244,239,230,.7)}
  #c0 .hint{margin-top:30px;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--gold)}
  #c1{left:max(5vw,22px);top:22%}
  #c2{right:max(5vw,22px);top:58%;text-align:right}
  #c3{left:max(5vw,22px);top:30%}
  #c4{left:50%;top:auto;bottom:6%;transform:translateX(-50%);text-align:center;max-width:min(88vw,520px)}

  .pt{position:absolute;z-index:10;border-radius:18px;overflow:hidden;opacity:0;will-change:transform,opacity;
    box-shadow:0 24px 60px rgba(0,0,0,.55),0 0 0 1px rgba(201,169,110,.28)}
  .pt img{width:100%;height:100%;object-fit:cover}
  .pt::after{content:attr(data-cap);position:absolute;left:0;right:0;bottom:0;padding:26px 12px 10px;
    font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:#fff;text-align:center;
    background:linear-gradient(180deg,transparent,rgba(13,11,9,.85))}
  #p1{width:min(34vw,220px);aspect-ratio:3/4;left:6vw}
  #p2{width:min(38vw,240px);aspect-ratio:3/4;right:5vw}
  #p3{width:min(34vw,220px);aspect-ratio:3/4;left:8vw}
  #p4{width:min(36vw,230px);aspect-ratio:3/4;right:7vw}

  /* finalul: wordmark-ul în cercuri (zboară apoi în header) + text + CTA */
  #finlogo{position:absolute;z-index:22;left:50%;top:34%;height:clamp(48px,11vmin,88px);
    filter:brightness(0) invert(1);opacity:0;will-change:transform,opacity;
    transform:translate(-50%,-50%)}
  #fin{position:absolute;z-index:22;left:50%;top:calc(34% + 15.5vmin + 26px);transform:translateX(-50%);
    width:min(88vw,520px);text-align:center;opacity:0;will-change:opacity}
  #fin .s{font-size:clamp(14px,2.4vw,18px);color:rgba(244,239,230,.75);letter-spacing:.04em}
  #fin a{display:inline-block;margin-top:26px;pointer-events:auto;background:linear-gradient(135deg,var(--gold),var(--gold-dark));
    color:#fff;text-decoration:none;font-weight:600;font-size:16px;padding:15px 30px;border-radius:999px;
    box-shadow:0 14px 40px rgba(201,169,110,.35)}

  @media (prefers-reduced-motion: reduce){
    #spacer{height:0}
    .chap,.pt,#fin{opacity:1 !important;position:static;transform:none;max-width:520px;margin:40px auto;text-align:center}
    #stage{position:static;height:auto}
    #dna,#prog{display:none}
    #hdrlogo,#menu{opacity:1 !important;pointer-events:auto}
    #finlogo{display:none}
    #lgnlegal{opacity:1;transform:none;pointer-events:auto}
  }

/* --- integrare WP: fisierul se incarca DOAR pe pagina de test, deci selectorii de mai jos nu ating alte pagini --- */
/* selectorii REALI din tema (masthead/colophon din hook-uri) + elementele plutitoare */
#masthead,.site-header,#colophon,.site-footer,footer.lb-ftr,
.storefront-breadcrumb,.woocommerce-breadcrumb,.entry-header,
.storefront-handheld-footer-bar,.lgn-com-card,#lgn-com-pop,#cookie-law-info-bar,.cli-modal{display:none!important}
#content,#primary,#main,.site-main,.entry-content{margin:0;padding:0;max-width:none;width:100%}
body{margin:0}

/* ================= CHAT DE PROGRAMARE — replică fidelă card prompt Lovable ================= */
#fin .s.lc-hide, #fin a.lc-hide{opacity:0;transform:translateY(10px) scale(.95);transition:opacity .4s,transform .4s}
.lgnchat{pointer-events:auto;margin:0 auto;width:100%;max-width:770px;text-align:center;
  opacity:0;transform:translateY(24px) scale(.95);
  transition:opacity .6s cubic-bezier(.2,.8,.2,1),transform .6s cubic-bezier(.2,.8,.2,1)}
.lgnchat.on{opacity:1;transform:none}
.lv-q{min-height:1.2em;font-size:clamp(16px,3.4vw,21px);font-weight:600;letter-spacing:-.01em;color:#f4efe6;
  opacity:0;transform:translateY(10px);transition:opacity .35s,transform .35s;text-wrap:balance}
.lv-q.in{opacity:1;transform:none}
.lv-done{display:flex;flex-wrap:wrap;gap:7px;justify-content:center;margin:12px 0 2px;min-height:4px}
.lv-tag{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:rgba(244,239,230,.85);
  border:1px solid rgba(201,169,110,.4);border-radius:999px;padding:5px 12px;background:rgba(201,169,110,.1)}
.lv-ok{font-style:normal;color:#c9a96e;font-weight:700}
/* cardul — geometria exactă din captura Lovable: alb, radius 24, bordură abia vizibilă, umbră moale */
/* chenarul = replica inputului din chat-ul Claude (masurat pe aplicatie):
   770x46px, radius 23, bordura 1px rgb(188,188,187), alb, plat */
.lv-card{margin-top:18px;background:#fff;border:1px solid rgb(188,188,187);border-radius:23px;
  height:46px;padding:0;text-align:left;position:relative;
  transition:transform .3s,opacity .4s}
/* placeholder-ul fals: intrebarea tastata + 3 puncte patrate care pulseaza, aliniate cu textul */
.lv-ph{position:absolute;left:0;top:0;right:0;padding:0 56px 0 20px;font-size:16px;line-height:44px;
  color:rgba(22,19,16,.42);pointer-events:none;white-space:nowrap;overflow:hidden}
.lv-card.typing .lv-ph{display:none}
.lv-dots{display:none;margin-left:7px}
.lv-ph.done .lv-dots{display:inline-block;vertical-align:baseline}
.lv-dots i{display:inline-block;width:5px;height:5px;margin-left:4px;border-radius:1px;
  background:rgba(22,19,16,.45);opacity:.25;animation:lvDots 1.15s infinite}
.lv-dots i:nth-child(2){animation-delay:.18s}
.lv-dots i:nth-child(3){animation-delay:.36s}
@keyframes lvDots{0%,60%,100%{opacity:.22}30%{opacity:.9}}
.lv-card.out{opacity:0;transform:translateY(14px) scale(.96);pointer-events:none}
.lv-card.shake{animation:lvShake .4s}
@keyframes lvShake{20%,60%{transform:translateX(-7px)}40%,80%{transform:translateX(7px)}}
/* reset DUR pe input — tema Storefront pune fundal gri + umbra interioara pe input[type=...]
   (dreptunghiul raportat de owner); specificitate 0-3-1 ca sa batem 0-1-1 indiferent de ordinea
   din CSS-ul combinat de LiteSpeed */
.lgnchat .lv-card input, .lgnchat .lv-card input:focus{width:100%;height:44px;border:0;border-radius:23px;
  background:transparent;background-color:transparent;outline:none;box-shadow:none;
  -webkit-appearance:none;appearance:none;min-height:0;color:#161310;
  font-size:16px;line-height:44px;font-weight:400;padding:0 56px 0 20px;font-family:inherit;
  caret-color:transparent}
/* cursorul de text (liniuta) apare abia cand clientul chiar scrie */
.lgnchat .lv-card.typing input{caret-color:#161310}
.lgnchat .lv-card input::placeholder{color:rgba(22,19,16,.38);font-weight:400;opacity:1}
/* fara rand separat: sageata sta in interiorul pastilei, dreapta */
.lv-row{position:absolute;right:6px;top:50%;transform:translateY(-50%);display:flex;align-items:center}
.lv-spacer{display:none}
.lv-send{width:34px;height:34px;flex:0 0 34px;border-radius:50%;border:none;cursor:pointer;margin:0;
  background:#161310;color:#fff;font-size:16px;font-weight:700;
  display:flex;align-items:center;justify-content:center;
  opacity:0;transform:scale(.6);transition:opacity .25s,transform .25s;pointer-events:none}
.lv-card.typing .lv-send{opacity:1;transform:none;pointer-events:auto}
/* sugestiile — pastile discrete sub card, ca pe homepage-ul lor */
.lv-chips{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-top:14px}
.lv-chip{border:1px solid rgba(244,239,230,.28);background:transparent;color:rgba(244,239,230,.85);cursor:pointer;
  font-size:13px;padding:8px 15px;border-radius:999px;transition:border-color .2s,color .2s;font-family:inherit}
.lv-chip:hover{border-color:#c9a96e;color:#c9a96e}
.lv-err{min-height:18px;margin-top:10px;font-size:13px;color:#e0a26a}
.lv-sum{margin-top:14px;font-size:15px;line-height:1.6;color:rgba(244,239,230,.85)}
.lv-sum b{color:#c9a96e}
/* linkurile legale — colt dreapta-jos, ca CTA-urile marunte din sectiunea finala
   de pe cornrevolution.resn.global; apar la sfarsitul animatiei, odata cu meniul */
#lgnlegal{position:fixed;left:max(20px,env(safe-area-inset-left));
  bottom:calc(16px + env(safe-area-inset-bottom));z-index:32;
  display:flex;flex-direction:column;align-items:flex-start;gap:8px;
  opacity:0;transform:translateY(10px);transition:opacity .8s,transform .8s;pointer-events:none}
#lgnlegal.on{opacity:1;transform:none;pointer-events:auto}
#lgnlegal a{font-size:10px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;
  color:rgba(244,239,230,.55);text-decoration:none;transition:color .2s}
#lgnlegal a:hover{color:#c9a96e}
@media (prefers-reduced-motion: reduce){ .lgnchat,.lv-q,.lv-card,.lv-send{transition:none;animation:none} }

/* chatul activ sta in CENTRUL paginii; containerul se largeste la latimea pastilei Claude */
#fin.lc-mid{top:50%;transform:translate(-50%,-50%);width:min(92vw,820px)}

/* ================= CHAT AI v4 — seamless pe negrul paginii, modelul ChatGPT/Claude ================= */
.lgnchat.lc-wrap{display:flex;flex-direction:column;height:min(80vh,680px);max-width:720px;text-align:left;background:transparent}
.lc-title{flex:0 0 auto;display:flex;align-items:center;justify-content:center;gap:11px;padding:4px 0 14px;border-bottom:1px solid rgba(244,239,230,.08)}
.lc-title div{text-align:left}
.lc-ava{width:48px;height:48px;flex:0 0 48px;display:block;border-radius:50%;object-fit:cover;border:1px solid rgba(201,169,110,.45)}
/* starea de inceput (fara mesaje) — ca in ChatGPT: avatar mare centrat, aproape de sugestii si compozitor */
.lgnchat.lc-empty .lc-thread{flex:0 0 0;padding:0;min-height:0}
.lgnchat.lc-empty .lc-title{margin-top:auto;flex-direction:column;gap:14px;border-bottom:none;padding-bottom:8px}
.lgnchat.lc-empty .lc-title div{text-align:center}
.lgnchat.lc-empty .lc-ava{width:96px;height:96px;flex:0 0 96px;border-width:2px}
.lgnchat.lc-empty .lc-sugs{padding:10px 0 14px}
.lgnchat.lc-empty .lc-err{margin-bottom:auto}
.lc-title b{display:block;font-size:15px;letter-spacing:.01em;color:#f4efe6;font-weight:600}
.lc-title span{display:block;font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:rgba(244,239,230,.4);margin-top:2px}
.lc-thread{flex:1 1 auto;overflow-y:auto;padding:20px 4px 14px;display:flex;flex-direction:column;gap:18px;scrollbar-width:thin;scrollbar-color:rgba(244,239,230,.18) transparent;scroll-behavior:smooth}
.lc-m{font-size:15.5px;line-height:1.65;letter-spacing:.005em;overflow-wrap:break-word;opacity:0;transform:translateY(6px);animation:lcin .3s cubic-bezier(.2,.8,.2,1) forwards}
@keyframes lcin{to{opacity:1;transform:none}}
/* Claudia: text alb curat, fara balon — ca in ChatGPT/Claude dark */
.lc-ai{color:#f4efe6;max-width:100%}
.lc-ai a{color:#f4efe6;text-decoration:underline;text-underline-offset:2.5px;text-decoration-color:rgba(244,239,230,.4)}
.lc-ai a:hover{text-decoration-color:#f4efe6}
.lc-ai b{font-weight:600;color:#fff}
/* clientul: balon gri-cald discret pe dreapta */
.lc-user{align-self:flex-end;background:#26221c;color:#f4efe6;border-radius:20px 20px 6px 20px;padding:10px 15px;max-width:85%}
.lc-img{display:block;max-width:min(100%,420px);border-radius:14px;margin:10px 0;border:1px solid rgba(244,239,230,.12)}
.lc-think .lc-dots{display:inline-flex;gap:5px;padding:4px 0}
.lc-dots i{width:7px;height:7px;border-radius:50%;background:rgba(244,239,230,.5);animation:lcp 1.2s infinite}
.lc-dots i:nth-child(2){animation-delay:.15s}
.lc-dots i:nth-child(3){animation-delay:.3s}
@keyframes lcp{0%,60%,100%{opacity:.3;transform:none}30%{opacity:1;transform:translateY(-3px)}}
.lc-caret{display:inline-block;width:7px;height:1.05em;vertical-align:text-bottom;background:#f4efe6;margin-left:2px;border-radius:1px;animation:lcb .9s steps(2) infinite}
@keyframes lcb{50%{opacity:0}}
.lc-sugs{flex:0 0 auto;display:flex;flex-wrap:wrap;gap:8px;justify-content:center;padding:8px 0 12px}
.lc-sug{font-family:inherit;font-size:13px;color:rgba(244,239,230,.8);background:transparent;border:1px solid rgba(244,239,230,.16);border-radius:16px;padding:9px 15px;cursor:pointer;transition:border-color .2s,background .2s}
.lc-sug:hover{border-color:rgba(244,239,230,.4);background:rgba(244,239,230,.04)}
/* compozitorul — pastila ChatGPT: gri-cald inchis, fara chenar la focus, fara ring */
.lc-inputbar{flex:0 0 auto;display:flex;align-items:flex-end;gap:8px;background:#1d1a15;border:1px solid rgba(244,239,230,.1);border-radius:26px;padding:9px 9px 9px 18px;transition:border-color .2s}
.lc-inputbar:focus-within{border-color:rgba(244,239,230,.22);box-shadow:none;outline:none}
.lc-inputbar.lc-busy{opacity:.7}
/* invingem stilurile temei WP pe textarea (fundal alb, chenar, umbra la focus = „dreptunghiul") */
#fin .lc-inputbar textarea.lc-ta,
#fin .lc-inputbar textarea.lc-ta:focus,
#fin .lc-inputbar textarea.lc-ta:active{flex:1 1 auto;background:transparent;background-color:transparent;border:0;outline:none;box-shadow:none;resize:none;-webkit-appearance:none;appearance:none;height:24px;min-height:24px;max-height:120px;color:#f4efe6;font-family:inherit;font-size:16px;line-height:1.5;padding:0;margin:0;caret-color:#c9a96e;border-radius:0}
.lc-ta{height:24px}
.lc-ta::placeholder{color:rgba(244,239,230,.35)}
.lc-ta:disabled{opacity:.6}
.lc-send{flex:0 0 36px;width:36px;height:36px;border-radius:50%;border:none;cursor:pointer;background:#f4efe6;color:#0d0b09;display:flex;align-items:center;justify-content:center;transition:transform .2s,opacity .2s}
.lc-send:hover{transform:scale(1.06)}
.lc-send:disabled{opacity:.35;cursor:default;transform:none}
.lc-err{min-height:18px;font-size:12.5px;color:#d99a8c;text-align:center;padding-top:6px}
@media (max-width:640px){
  .lgnchat.lc-wrap{height:min(78vh,660px)}
  .lc-m{font-size:14.5px}
  .lc-user{max-width:92%}
  .lc-img{max-width:100%}
}
@media (prefers-reduced-motion: reduce){ .lc-m,.lc-caret,.lc-dots i{animation:none;opacity:1;transform:none} }

/* owner: fara meniu pe pagina de test */
#menu{display:none!important}

/* placeholder animat — invitatia la vanzare cu puncte care asteapta */
.lc-inputbar{position:relative}
.lc-ph2{position:absolute;left:18px;right:56px;top:50%;transform:translateY(-50%);display:flex;align-items:center;gap:7px;pointer-events:none;color:rgba(244,239,230,.42);font-size:15px;transition:opacity .2s}
.lc-ph2 span:first-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lc-ph2 .lc-dots{display:inline-flex;gap:4px;flex:0 0 auto}
.lc-ph2 .lc-dots i{width:5px;height:5px}
.lc-inputbar.lc-hasval .lc-ph2, .lc-inputbar.lc-busy .lc-ph2{opacity:0}
@media (max-width:640px){ .lc-ph2{font-size:13px} }

/* sageata butonului de trimitere — tema WP ii strivea latimea la 0 */
#fin .lc-send svg{width:17px;height:17px;min-width:17px;display:block}

/* owner: fara WhatsApp flotant si fara cosul de cumparaturi pe pagina /ai */
[id^="htwasqicon"],.htwasqicon-chat,[class*="vi-wcaio"]{display:none!important}

/* v25: WhatsApp flotant (HT Click to Chat) ascuns doar pe pagina asta */
#ht-ctc-chat,.ht-ctc{display:none!important}
/* v25: logo header = link spre pagina principala */
.hdr a.lgn-hlink{display:inline-flex;line-height:0}

/* v26: steluta Claude pulsanta langa numele Claudiei */
.lc-star{width:15px;height:15px;display:inline-block;vertical-align:-2px;margin-left:3px;animation:lcstar 1.8s ease-in-out infinite;transform-origin:center}
@keyframes lcstar{0%,100%{transform:scale(1);opacity:.85}50%{transform:scale(1.22) rotate(12deg);opacity:1}}
@media (prefers-reduced-motion: reduce){.lc-star{animation:none}}

/* v28: footer minimalist cu acordeoane — apare din intuneric la finalul povestii, odata cu chatul */
#lgnlegal{position:fixed;left:0;right:0;bottom:0;top:auto;z-index:26;display:flex;flex-direction:row;align-items:flex-end;justify-content:center;gap:12px;width:auto;padding:10px 16px;opacity:0;transform:translateY(6px);transition:opacity 2.8s ease,transform 2.8s ease;pointer-events:none;background:none}
#lgnlegal.on{opacity:1;transform:none;pointer-events:auto}
#lgnlegal .lf-sep{color:rgba(244,239,230,.22);font-size:12px;line-height:32px}
.lf-col{position:relative}
.lf-t{font-family:inherit;background:none;border:0;cursor:pointer;color:rgba(244,239,230,.45);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;padding:8px 6px;display:inline-flex;align-items:center;gap:6px;transition:color .3s}
.lf-t:hover{color:rgba(244,239,230,.85)}
.lf-plus{display:inline-block;font-size:14px;line-height:1;color:#c9a96e;transition:transform .35s ease}
.lf-col.open .lf-plus{transform:rotate(45deg)}
.lf-p{position:absolute;bottom:100%;left:50%;transform:translate(-50%,8px);display:flex;flex-direction:column;gap:2px;background:#16130f;border:1px solid rgba(244,239,230,.1);border-radius:12px;padding:10px 14px;min-width:200px;opacity:0;pointer-events:none;transition:opacity .35s ease,transform .35s ease;text-align:left}
.lf-col.open .lf-p{opacity:1;pointer-events:auto;transform:translate(-50%,-6px)}
#lgnlegal .lf-p a{color:rgba(244,239,230,.75);font-size:12.5px;letter-spacing:.02em;text-transform:none;text-decoration:none;padding:5px 2px;border:0;white-space:nowrap;transition:color .2s}
#lgnlegal .lf-p a:hover{color:#c9a96e}
@media (max-width:640px){ #lgnlegal{gap:6px} .lf-p{min-width:180px} }
@media (prefers-reduced-motion: reduce){ #lgnlegal{transition:none} }

/* v30: linkul de comanda din chat = buton auriu, nu URL gol */
#fin .lc-ai a.lc-buy{display:inline-block;background:linear-gradient(135deg,#c9a96e,#8c734a);color:#0d0b09;font-weight:600;font-size:14.5px;letter-spacing:.01em;padding:12px 22px;border-radius:14px;text-decoration:none;margin:10px 0 4px;box-shadow:0 4px 14px rgba(201,169,110,.25);transition:transform .15s,box-shadow .15s}
#fin .lc-ai a.lc-buy:hover{transform:translateY(-1px);box-shadow:0 6px 18px rgba(201,169,110,.35);text-decoration:none}