/* cifrele toate la aceeași înălțime (Cormorant are implicit cifre „vechi”, unele coborâte) */
html body,html body *{font-variant-numeric:lining-nums}
/* Site-ul de prezentare (invitatiiaparte.ro), după schița din Lovable.
   Paginile se scriu din studio/site_radacina.py; aici e doar aspectul. */

/* ── Literele: fiecare font are partea latin și partea latin-ext (ă, â, î, ș, ț) ── */
@font-face{font-family:'Cormorant Garamond';src:url('f/cormorant-garamond-latin-300-normal.woff2') format('woff2');font-weight:300;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Cormorant Garamond';src:url('f/cormorant-garamond-latin-ext-300-normal.woff2') format('woff2');font-weight:300;font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Cormorant Garamond';src:url('f/cormorant-garamond-latin-400-normal.woff2') format('woff2');font-weight:400;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Cormorant Garamond';src:url('f/cormorant-garamond-latin-ext-400-normal.woff2') format('woff2');font-weight:400;font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Cormorant Garamond';src:url('f/cormorant-garamond-latin-400-italic.woff2') format('woff2');font-weight:300 400;font-style:italic;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Cormorant Garamond';src:url('f/cormorant-garamond-latin-ext-400-italic.woff2') format('woff2');font-weight:300 400;font-style:italic;font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Cormorant Garamond';src:url('f/cormorant-garamond-latin-500-normal.woff2') format('woff2');font-weight:500 700;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Cormorant Garamond';src:url('f/cormorant-garamond-latin-ext-500-normal.woff2') format('woff2');font-weight:500 700;font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Jost';src:url('f/jost-latin-300-normal.woff2') format('woff2');font-weight:300;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Jost';src:url('f/jost-latin-ext-300-normal.woff2') format('woff2');font-weight:300;font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Jost';src:url('f/jost-latin-400-normal.woff2') format('woff2');font-weight:400;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Jost';src:url('f/jost-latin-ext-400-normal.woff2') format('woff2');font-weight:400;font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Jost';src:url('f/jost-latin-500-normal.woff2') format('woff2');font-weight:500;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Jost';src:url('f/jost-latin-ext-500-normal.woff2') format('woff2');font-weight:500;font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}

:root{
  color-scheme:dark;
  --fundal:#17140f;--card:#221c14;--vellum:#221c14;--crem:#1b1710;--muted:#292219;
  --cerneala:#f0e9de;--stins:#b0a28e;--linie:#3f3528;
  --accent:#d3ab63;--accent-tare:#e2bd79;--auriu-clar:#b69657;--auriu-inchis:#d2ac68;
  --bun:#4f7a52;--roz:#8d6763;--salvie:#6b7a67;--teracota:#8d5945;--buton-text:#17140f;
  --umbra:0 12px 38px rgb(0 0 0/.22);--umbra-telefon:0 35px 65px rgb(0 0 0/.45);
  --ease:cubic-bezier(.16,1,.3,1);
  --display:'Cormorant Garamond',Georgia,serif;--sans:'Jost',system-ui,sans-serif;
}
*,*::before,*::after{box-sizing:border-box;border-color:var(--linie)}
html{overflow-x:clip;scroll-behavior:smooth;scroll-padding-top:90px;background:var(--fundal)}
body{margin:0;overflow-x:clip;color:var(--cerneala);font:300 16px/1.7 var(--sans);letter-spacing:0;
  background-color:var(--fundal);
  background-image:radial-gradient(circle at 50% 20%,rgb(182 150 87/.06),transparent 48%),
    radial-gradient(circle at 20% 30%,rgb(63 53 40/.2) 0 1px,transparent 1.5px),
    radial-gradient(circle at 78% 72%,rgb(63 53 40/.16) 0 1px,transparent 1.5px);
  background-size:auto,34px 34px,47px 47px}
h1,h2,h3,h4{font-family:var(--display);font-weight:300;letter-spacing:0;margin:0}
h2{font-size:clamp(32px,4.6vw,58px);line-height:1.08}
p{margin:0}
a{color:inherit;text-decoration:none;transition:color .25s,opacity .25s}
button,a{-webkit-tap-highlight-color:transparent}
img{max-width:100%}
::selection{background:var(--linie);color:var(--cerneala)}
:focus-visible{outline:1px solid var(--accent);outline-offset:3px}
.cutie{width:min(100% - 40px,1180px);margin-inline:auto}
.eticheta{font:500 11px/1.4 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--stins)}
.stins{color:var(--stins)}
.pastila{display:inline-flex;align-items:center;min-height:28px;padding-inline:12px;border:1px solid var(--linie);border-radius:999px;
  font:500 10px/1 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--stins);white-space:nowrap}

/* ── Butoanele (pastile) ── */
.buton{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:14px 26px;border-radius:999px;
  font:500 11.5px/1 var(--sans);letter-spacing:.16em;text-transform:uppercase;white-space:nowrap;cursor:pointer;border:1px solid transparent;
  background-size:220% 100%;transition:color .5s,background-color .5s,border-color .5s,transform .5s var(--ease),box-shadow .5s,background-position .5s}
.buton svg{width:16px;height:16px;flex-shrink:0}
.buton.plin{background-color:var(--accent);color:var(--buton-text)}
.buton.plin:hover{background-color:var(--auriu-inchis);transform:translateY(-1px);box-shadow:0 9px 22px rgb(182 150 87/.22)}
.buton.contur{background:transparent;color:var(--cerneala);border-color:var(--linie)}
.buton.contur:hover{border-color:var(--accent);color:var(--accent)}
.buton.lat{width:100%}
.buton.icon{width:44px;height:44px;min-height:0;padding:0}

/* ── Marca ── */
.marca{display:inline-flex;align-items:center;gap:8px}
.marca img{width:48px;height:48px;flex-shrink:0;display:block}
.marca span{font:400 1.65rem/1 var(--display);white-space:nowrap}

/* ── Bara de sus ── */
.bara{position:fixed;inset:0 0 auto;z-index:50;color:var(--cerneala);border-bottom:1px solid transparent;
  transition:background-color .4s,border-color .4s,box-shadow .4s}
.bara.plina{background:rgb(34 28 20/.92);border-bottom-color:var(--linie);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 4px 20px rgb(240 233 222/.05)}
.bara .cutie{display:flex;align-items:center;justify-content:space-between;height:74px;gap:20px}
.meniu{display:flex;align-items:center;gap:28px}
.meniu a{font:500 11px/1 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--stins)}
.meniu a:hover,.meniu a.aici{color:var(--accent)}
.hamburger{display:none;width:44px;height:44px;border:0;border-radius:999px;background:none;color:var(--cerneala);cursor:pointer;place-items:center}
.hamburger:hover{background:var(--muted)}
.hamburger svg{width:22px;height:22px}
.meniu-mobil{display:none}
main{padding-top:74px}
@media (max-width:1023px){
  .meniu,.bara .dreapta{display:none}
  .hamburger{display:grid}
  .meniu-mobil.deschis{display:block;border-top:1px solid var(--linie);background:var(--vellum);padding:20px}
  .meniu-mobil nav{display:flex;flex-direction:column;gap:4px}
  .meniu-mobil a:not(.buton){padding:12px 0;font-size:14px;letter-spacing:.12em;text-transform:uppercase}
  .meniu-mobil .buton{margin-top:12px}
}
@media (max-width:420px){.marca span{font-size:1.4rem}.marca img{width:40px;height:40px}}

/* ── Titlul unei secțiuni ── */
.cap{position:relative;max-width:768px;margin-bottom:48px}
.cap.centru{margin-inline:auto;text-align:center}
.cap .eticheta{margin-bottom:16px}
.cap p.intro{margin-top:20px;max-width:672px;color:var(--stins)}
.cap.centru p.intro{margin-inline:auto}
.linie-eticheta{display:flex;align-items:center;gap:14px}
.linie-eticheta::after{content:'';width:min(150px,24vw);height:1px;background:var(--linie);transform-origin:left;transform:scaleX(0);transition:transform .9s var(--ease)}
.centru .linie-eticheta{justify-content:center}
.centru .linie-eticheta::before{content:'';width:min(150px,24vw);height:1px;background:var(--linie);transform-origin:right;transform:scaleX(0);transition:transform .9s var(--ease)}
.vizibil .centru .linie-eticheta::before,.centru .linie-eticheta.gata::before{transform:scaleX(1)}
.vizibil .linie-eticheta::after,.linie-eticheta.gata::after{transform:scaleX(1)}
.flori-cap{position:absolute;color:var(--salvie);opacity:.22;pointer-events:none;width:95px}
.flori-cap.st{right:calc(100% + 24px);top:20px}
.flori-cap.dr{left:calc(100% + 22px);top:0;width:65px}

/* ── Florile desenate ── */
.botanica{fill:none;stroke:currentColor;stroke-width:1.1;stroke-linecap:round;stroke-linejoin:round}
.botanica path{stroke-dasharray:420;stroke-dashoffset:420}
.botanica.desenat path{animation:deseneaza 1.4s var(--ease) forwards}
.botanica path:nth-child(2){animation-delay:.07s}.botanica path:nth-child(3){animation-delay:.14s}.botanica path:nth-child(4){animation-delay:.21s}
.botanica path:nth-child(5){animation-delay:.28s}.botanica path:nth-child(6){animation-delay:.35s}.botanica path:nth-child(7){animation-delay:.42s}
.botanica path:nth-child(8){animation-delay:.49s}.botanica path:nth-child(9){animation-delay:.56s}.botanica path:nth-child(n+10){animation-delay:.63s}
@keyframes deseneaza{to{stroke-dashoffset:0}}

/* ── Apariția secțiunilor ── */
.apare{opacity:0;transform:translateY(20px)}
.apare.vizibil{animation:urca .75s var(--ease) both}
.apare.vizibil>section>*,.apare.vizibil>*>.cutie>*{animation:urca .65s var(--ease) both}
@keyframes urca{to{opacity:1;transform:none}}

/* ── Plicul de sus ── */
.plic{position:relative;display:grid;place-items:center;min-height:100svh;overflow:clip;background:var(--crem);padding:110px 20px 72px;margin-top:-74px}
.plic-poza{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.2;filter:blur(3px) saturate(.72) brightness(.84)}
.cununa{position:absolute;width:min(700px,86vw);color:var(--salvie);opacity:.09}
.scena{position:relative;width:min(900px,94vw);height:min(650px,74svh);animation:scena-in .55s ease-out both}
.plic-spate{position:absolute;pointer-events:none;inset:auto 4% 2%;height:31%;border:1px solid var(--linie);background:var(--vellum);box-shadow:var(--umbra)}
.carte{position:absolute;z-index:2;inset:0 12% 10%;display:flex;align-items:center;justify-content:center;border:1px solid var(--linie);
  background:rgb(34 28 20/.92);box-shadow:var(--umbra);transform:translateY(24%);animation:carte-sus .9s .7s var(--ease) forwards}
.carte-text{max-width:680px;padding:clamp(16px,3.4svh,34px) 34px;text-align:center}
.titlu-erou{margin:15px auto 0;font-size:clamp(42px,min(8vw,11.5svh),104px);font-weight:300;line-height:1.02;letter-spacing:-.015em}
.titlu-erou em{font-style:italic;font-weight:300;color:var(--auriu-inchis)}
.fir-aur{width:86px;height:1px;margin:clamp(12px,2.8svh,24px) auto;background:var(--auriu-clar)}
.sub-erou{max-width:580px;margin-inline:auto;color:var(--stins);font-size:15px}
.actiuni-erou{display:flex;justify-content:center;gap:12px;margin-top:clamp(14px,3svh,25px)}
.t1,.t2,.t3,.t4,.t5{opacity:0;transform:translateY(12px);animation:urca .5s var(--ease) forwards}
.t1{animation-delay:1.18s}.t2{animation-delay:1.28s}.t3{animation-delay:1.38s}.t4{animation-delay:1.48s}.t5{animation-delay:1.58s}
.cruce-erou{display:block;width:auto;height:clamp(52px,11svh,104px);margin:clamp(8px,2.2svh,18px) auto clamp(10px,2.6svh,22px);color:var(--accent);
  opacity:0;transform:translateY(10px);animation:urca .7s 1.23s var(--ease) forwards}
.plic-fata{position:absolute;pointer-events:none;z-index:3;inset:auto 4% 2%;height:31%;background:var(--vellum);border:1px solid var(--linie);
  clip-path:polygon(0 0,50% 58%,100% 0,100% 100%,0 100%)}
.clapa{position:absolute;pointer-events:none;z-index:4;left:4%;right:4%;bottom:17%;height:17%;background:var(--crem);border:1px solid var(--linie);
  clip-path:polygon(0 0,100% 0,50% 100%);transform-origin:top;animation:clapa-sus 1.1s .35s var(--ease) forwards;backface-visibility:hidden}
.sigiliu{position:absolute;pointer-events:none;z-index:5;left:50%;bottom:27%;display:grid;place-items:center;width:64px;height:64px;
  border-radius:48% 52% 45% 55%;background:var(--teracota);color:var(--vellum);
  box-shadow:inset 0 0 0 2px rgb(34 28 20/.18),0 5px 16px rgb(240 233 222/.18);transform:translate(-50%,50%);
  font:600 22px/1 var(--display);overflow:hidden;animation:sigiliu-pleaca .3s 1s forwards}
.sigiliu::after{content:'';position:absolute;inset:-50%;background:linear-gradient(105deg,transparent 42%,rgb(34 28 20/.34) 50%,transparent 58%);animation:luciu 6s 2.2s infinite}
.indicator{position:absolute;z-index:8;bottom:24px;left:50%;width:1px;height:42px;background:var(--auriu-inchis);transform-origin:top;animation:indicator 1.4s ease-in-out infinite}
.rupta{clip-path:polygon(0 0,100% 0,100% 98.4%,94% 99.1%,88% 98.6%,81% 99.3%,74% 98.7%,67% 99.4%,60% 98.6%,53% 99.2%,46% 98.7%,39% 99.4%,32% 98.8%,25% 99.3%,18% 98.6%,11% 99.2%,5% 98.7%,0 99.3%)}
.petale{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.petala{position:absolute;top:-35px;color:var(--roz);opacity:.35;animation:cade linear infinite;will-change:transform,opacity}
@keyframes scena-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@keyframes clapa-sus{0%{transform:rotateX(0)}70%,100%{transform:rotateX(-180deg);z-index:1}}
@keyframes carte-sus{0%{z-index:2}60%,100%{z-index:6}to{transform:translateY(0)}}
@keyframes sigiliu-pleaca{to{opacity:0;transform:translate(-50%,35%) scale(.85)}}
@keyframes luciu{0%,78%{transform:translateX(-55%)}100%{transform:translateX(55%)}}
@keyframes indicator{0%,100%{transform:scaleY(.35);opacity:.35}50%{transform:scaleY(1);opacity:1}}
@keyframes cade{0%{transform:translate3d(0,-5vh,0) rotate(0);opacity:0}10%{opacity:.4}50%{transform:translate3d(45px,50vh,0) rotate(130deg)}90%{opacity:.3}100%{transform:translate3d(-25px,108vh,0) rotate(290deg);opacity:0}}

/* ── Banda cu cifre ── */
.banda,.cifre{background:var(--crem)}
.cifre .cutie{display:grid;grid-template-columns:repeat(4,1fr);padding:28px 0}
.cifre .cutie>div{padding:0 12px;text-align:center}
.cifre .cutie>div+div{border-left:1px solid var(--linie)}
.cifre strong{display:block;font:300 36px/1.25 var(--display);color:var(--accent)}
.cifre span{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--stins)}

.sectiune{padding:112px 0}

/* ── Ce primești ── */
.beneficii{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.cartonas{position:relative;border:1px solid var(--linie);border-radius:8px;background:var(--vellum);box-shadow:var(--umbra)}
.beneficiu{display:flex;gap:16px;padding:24px;transition:border-color .35s,transform .35s var(--ease)}
.beneficiu:hover{border-color:rgb(211 171 99/.4);transform:translateY(-2px)}
.ic{flex:0 0 44px;width:44px;height:44px;display:flex;align-items:center;justify-content:center;border:1px solid var(--linie);border-radius:999px;color:var(--accent)}
.ic svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.35;stroke-linecap:round;stroke-linejoin:round}
.beneficiu h3{font:500 15px/1.5 var(--sans)}
.beneficiu p{margin-top:4px;font-size:14px;line-height:24px;color:var(--stins)}
.ramura{position:absolute;z-index:2;width:105px;color:var(--salvie);opacity:.2;pointer-events:none}
.ramura.st{left:-36px;top:-45px}.ramura.dr{right:-28px;bottom:-38px}

/* ── Galeria de modele ── */
.sageti{display:flex;justify-content:flex-end;gap:8px;width:min(100% - 40px,1180px);margin:0 auto 18px}
.galerie{display:flex;gap:24px;overflow-x:auto;padding:18px max(20px,calc((100vw - 1180px)/2)) 58px;scroll-snap-type:x mandatory;scrollbar-width:none;cursor:grab}
.galerie::-webkit-scrollbar{display:none}
.galerie.trag{cursor:grabbing;scroll-snap-type:none}
.galerie img{-webkit-user-drag:none;user-select:none}
.carte-model{flex:0 0 clamp(235px,25vw,330px);scroll-snap-align:center;opacity:calc(.72 + var(--focus,.2)*.28);
  transform:translateY(var(--jos)) rotate(var(--aplecat)) scale(calc(.96 + var(--focus,.2)*.04));transition:transform .5s var(--ease),opacity .5s}
.carte-model:hover{transform:translateY(calc(var(--jos) - 10px)) rotate(0) scale(1)}
.carte-model a{display:block}
.rama{border:1px solid var(--linie);border-radius:18px;background:var(--vellum);padding:9px;box-shadow:var(--umbra);transition:transform .5s var(--ease),box-shadow .5s}
.carte-model:hover .rama,.carte-model a:focus-visible .rama{transform:translateY(-10px);box-shadow:0 22px 42px rgb(240 233 222/.15)}
.poza{position:relative;aspect-ratio:9/16;overflow:hidden;border-radius:12px;background:var(--muted)}
.poza img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .5s var(--ease),opacity .6s var(--ease)}
.carte-model:hover .poza img{transform:scale(1.06)}
.poza .invitatia{opacity:0}
.poza.fara-foto .invitatia,.carte-model:hover .poza .invitatia,.carte-model a:focus-visible .poza .invitatia{opacity:1}
.poza .semn{position:absolute;left:12px;bottom:14px;z-index:2;padding:7px 12px;border-radius:999px;background:rgb(23 20 15/.72);border:1px solid rgb(211 171 99/.35);
  font:500 9.5px/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--accent-tare);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);
  opacity:0;transform:translateY(6px);transition:opacity .45s,transform .45s var(--ease)}
.carte-model:hover .semn{opacity:1;transform:none}
.linie-aur{position:absolute;inset:auto 0 0;z-index:2;height:2px;background:var(--auriu-clar);transform:scaleX(0);transform-origin:left;transition:transform .5s var(--ease)}
.carte-model:hover .linie-aur{transform:scaleX(1)}
.sub-model{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:16px}
.sub-model h3{font-size:30px;line-height:1}
.centru{text-align:center}

/* ── Linkuri personale ── */
.doua{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:56px}
.doua h2{margin-top:16px}
.doua p.intro{margin-top:24px;max-width:576px;color:var(--stins)}
.bife{display:flex;flex-wrap:wrap;gap:24px;margin-top:28px;font-size:14px}
.bife span{display:flex;align-items:center;gap:8px}
.bife svg{width:16px;height:16px;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.telefon{margin-inline:auto;width:100%;max-width:340px;border-radius:38px;border:10px solid var(--cerneala);background:var(--muted);padding:12px;box-shadow:var(--umbra-telefon)}
.ecran{position:relative;aspect-ratio:9/17;overflow:hidden;border-radius:26px;background:var(--fundal);padding:20px}
.ecran .notch{margin:0 auto 40px;height:6px;width:64px;border-radius:99px;background:var(--linie)}
.ecran .cine{text-align:center;font-size:11px;font-weight:500}
.ecran .bula{margin-top:32px;border-radius:14px 14px 4px 14px;background:var(--bun);padding:16px;font-size:14px;color:var(--card)}
.ecran .bula .deschide{margin-top:12px;display:flex;align-items:center;justify-content:space-between;border-radius:8px;background:rgb(34 28 20/.95);padding:8px 12px;font-size:12px;color:var(--cerneala)}
.ecran .bula svg{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.ecran .citit{margin-top:12px;text-align:right;font-size:10px;color:var(--stins)}
.ecran .raspuns{margin-top:22px;max-width:86%;border-radius:14px 14px 14px 4px;background:var(--vellum);border:1px solid var(--linie);padding:12px 14px;font-size:13px;color:var(--cerneala);
  opacity:0;transform:translateY(8px)}
.vizibil .ecran .raspuns{animation:urca .6s 1.1s var(--ease) forwards}
.ecran .raspuns b{font-weight:500;color:var(--accent-tare)}

/* ── Pașii ── */
.bordura-y{border-block:1px solid var(--linie)}
.pasi{display:grid;grid-template-columns:repeat(4,1fr);gap:32px}
.pas{border-top:1px solid var(--linie);padding-top:20px}
.pas b{font:300 48px/1 var(--display);color:var(--accent)}
.pas h3{margin-top:16px;font-size:24px;line-height:1.25}
.pas p{margin-top:8px;font-size:14px;color:var(--stins)}

/* ── Prețuri ── */
.preturi{display:grid;grid-template-columns:1fr 1fr;gap:20px;max-width:896px;margin-inline:auto}
.pachet{position:relative;overflow:hidden;display:flex;flex-direction:column;border:1px solid var(--linie);border-radius:18px;background:var(--card);padding:32px}
.pachet.ales{border-color:var(--accent);box-shadow:var(--umbra)}
.pachet .bujor{position:absolute;bottom:-24px;right:-20px;width:144px;color:var(--roz);opacity:.3;pointer-events:none}
.pachet .insigna{position:absolute;right:20px;top:20px;border-radius:999px;background:var(--accent);padding:4px 12px;font:500 10px/1.6 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--buton-text)}
.pachet h3{margin-top:12px;font-size:36px;line-height:1.1}
.pachet .suma{margin-top:20px;font:300 48px/1 var(--display);color:var(--accent)}
.pachet .suma small{font-size:24px}
.pachet .desc{margin-top:16px;min-height:56px;font-size:14px;color:var(--stins)}
.pachet ul{list-style:none;margin:24px 0 0;padding:0;display:grid;gap:12px}
.pachet li{display:flex;gap:12px;font-size:14px;line-height:1.55}
.pachet li svg{flex:0 0 16px;width:16px;height:16px;margin-top:3px;fill:none;stroke:var(--bun);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.pachet .lansare{margin-top:22px;padding:13px 15px;border:1px dashed rgb(211 171 99/.55);border-radius:12px;background:rgb(211 171 99/.06);font-size:13.5px;line-height:1.55;position:relative}
.pachet .lansare b{font-weight:500;color:var(--accent-tare)}
.pachet .buton{margin-top:auto;position:relative}
.pachet ul+.buton,.pachet .lansare+.buton{margin-top:32px}
.nota-pret{max-width:576px;margin:32px auto 0;text-align:center;font-size:14px;color:var(--stins)}
.nota-pret a,.text-legat a{color:var(--accent);border-bottom:1px solid rgb(211 171 99/.35)}

/* ── Întrebări ── */
.intrebari{max-width:768px;margin-inline:auto}
.intrebari details{border-bottom:1px solid var(--linie)}
.intrebari summary{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:24px 0;cursor:pointer;list-style:none;font-size:16px;font-weight:400;text-align:left}
.intrebari summary::-webkit-details-marker{display:none}
.intrebari summary:hover{color:var(--accent-tare)}
.intrebari summary svg{flex:0 0 16px;width:16px;height:16px;fill:none;stroke:var(--stins);stroke-width:1.6;stroke-linecap:round;transition:transform .3s var(--ease)}
.intrebari details[open] summary svg{transform:rotate(45deg)}
.intrebari .raspuns-faq{overflow:hidden}
.intrebari details p{max-width:672px;padding-bottom:24px;line-height:28px;color:var(--stins)}
.intrebari details p a{color:var(--accent);border-bottom:1px solid rgb(211 171 99/.35)}

/* ── Chemarea de la final ── */
.final{position:relative;background-color:var(--vellum);padding:96px 0 115px;text-align:center;
  background-image:radial-gradient(circle at 20% 30%,rgb(63 53 40/.26) 0 1px,transparent 1.5px),radial-gradient(circle at 78% 72%,rgb(63 53 40/.2) 0 1px,transparent 1.5px);background-size:34px 34px,47px 47px}
.final .eticheta{max-width:512px;margin-inline:auto}
.final h2{margin-top:20px}
.final p.intro{max-width:512px;margin:16px auto 0;color:var(--stins)}
.final .buton{margin-top:32px}

/* ── Subsol ── */
.subsol{border-top:1px solid var(--linie);background:var(--vellum);padding:56px 0 36px}
.coloane{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:40px}
.subsol .motto{margin-top:16px;max-width:320px;font-size:14px;color:var(--stins)}
.subsol .eticheta{margin-bottom:16px}
.subsol .legaturi{display:grid;gap:8px;font-size:14px}
.subsol .legaturi a:hover{color:var(--accent)}
.subsol .mic{margin-top:20px;display:flex;flex-wrap:wrap;gap:16px;font-size:12px;color:var(--stins)}
.subsol .mic a:hover{color:var(--accent)}
.firma{margin-top:44px;padding-top:22px;border-top:1px solid var(--linie);font-size:12px;line-height:1.8;color:var(--stins)}
.firma a{border-bottom:1px solid var(--linie)}

/* ── Paginile interioare ── */
.pagina{padding:64px 0 96px}
.pagina h1{font-size:clamp(48px,7vw,72px);line-height:1}
.pagina .antet{max-width:768px}
.pagina .antet.centru{margin-inline:auto}
.pagina .antet p.intro{margin-top:24px;max-width:576px;color:var(--stins)}
.pagina .antet.centru p.intro{margin-inline:auto}
.pasi-mari{margin-top:64px;display:grid;grid-template-columns:1fr 1fr;gap:20px}
.pas-mare{border:1px solid var(--linie);border-radius:18px;background:var(--card);padding:40px}
.pas-mare b{font:300 60px/1 var(--display);color:var(--accent)}
.pas-mare h2{margin-top:20px;font-size:36px}
.pas-mare p{margin-top:16px;max-width:512px;color:var(--stins)}
.inchidere{margin-top:64px;border-top:1px solid var(--linie);padding-top:48px;text-align:center}
.inchidere h2{font-size:36px}
.inchidere .buton{margin-top:24px}
.bine-de-stiut{max-width:768px;margin:64px auto 0;border-top:1px solid var(--linie);padding-top:40px}
.bine-de-stiut h2{font-size:30px}
.bine-de-stiut p{margin-top:16px;color:var(--stins)}
.bine-de-stiut ul{margin:16px 0 0;padding-left:18px;color:var(--stins)}
.bine-de-stiut li{margin-top:8px}
.bine-de-stiut a{color:var(--accent);border-bottom:1px solid rgb(211 171 99/.35)}
.cutie-intrebare{max-width:768px;margin:64px auto 0;border:1px solid var(--linie);border-radius:18px;background:var(--card);padding:32px;text-align:center}
.cutie-intrebare h2{font-size:30px}
.cutie-intrebare p{margin-top:12px;font-size:14px;color:var(--stins)}
.cutie-intrebare .buton{margin-top:24px}
.contact-grila{display:grid;grid-template-columns:1fr 1fr;gap:56px}
.contact-rand{display:flex;align-items:center;gap:16px;margin-top:24px}
.contact-rand .ic{flex-basis:44px}
.contact-rand small{display:block}
.cutie-mesaj{border:1px solid var(--linie);border-radius:18px;background:var(--card);padding:40px}
.cutie-mesaj h2{margin-top:12px;font-size:36px}
.cutie-mesaj p{margin-top:20px;color:var(--stins)}
.cutie-mesaj .buton{margin-top:32px}
.cutie-mesaj small{display:block;margin-top:20px;font-size:12px;color:var(--stins)}

/* ── Ecrane mai mici ── */
@media (max-width:1023px){
  .beneficii{grid-template-columns:1fr 1fr}
  .pasi{grid-template-columns:1fr 1fr}
  .doua,.contact-grila{grid-template-columns:1fr}
}
@media (max-width:899px){
  .flori-cap,.ramura,.sageti{display:none}
  .plic{padding-inline:12px}
  .scena{height:min(610px,76svh);width:100%}
  .carte{inset:0 3% 7%}
  .carte-text{padding:clamp(16px,3.4svh,28px) 18px}
  .actiuni-erou{flex-direction:column;align-items:center}
  .sub-erou{font-size:14px;line-height:1.55}
  .plic-spate,.plic-fata{inset-inline:0}
  .clapa{left:0;right:0}
  .sigiliu{width:54px;height:54px}
  .carte-model{flex-basis:72vw}
  .cifre .cutie{grid-template-columns:1fr 1fr;row-gap:22px}
  .cifre .cutie>div:nth-child(3){border-left:0}
  .cifre span{font-size:10px}
  .sectiune{padding:80px 0}
  .pasi-mari{grid-template-columns:1fr}
  .pas-mare,.cutie-mesaj{padding:28px}
}
@media (max-width:767px){
  .preturi,.coloane{grid-template-columns:1fr}
}
@media (max-width:639px){
  .beneficii,.pasi{grid-template-columns:1fr}
  .pachet{padding:28px}
}
@media (max-height:780px){.cruce-erou{height:clamp(48px,9svh,72px)}}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .petale{display:none!important}
  *,*::before,*::after{animation:none!important;transition-duration:.01ms!important}
  .carte{transform:none;z-index:6}
  .clapa{transform:rotateX(-180deg);z-index:1}
  .sigiliu{display:none}
  .t1,.t2,.t3,.t4,.t5,.cruce-erou,.apare,.ecran .raspuns{opacity:1;transform:none}
  .botanica path{stroke-dashoffset:0}
  .linie-eticheta::after,.linie-eticheta::before{transform:none}
}

/* rețelele: TikTok și Instagram, @invitatiiaparte */
.retele{display:flex;gap:12px;justify-content:center;align-items:center}
.retele a{width:44px;height:44px;border-radius:50%;border:1px solid rgba(211,171,99,.45);display:grid;place-items:center;color:#d3ab63;text-decoration:none;transition:background .25s,color .25s,border-color .25s}
.retele a:hover,.retele a:focus-visible{background:rgba(211,171,99,.14);border-color:#d3ab63;color:#e2bd79}
.retele svg{width:20px;height:20px}