html, body { margin:0; padding:0; background:#090B1E; }
  * { box-sizing: border-box; }
  a { color: inherit; text-decoration: none; }
  a:hover { color: #9B6FE2; }
  ::selection { background:#3E49E6; color:#fff; }
  @media (pointer: fine) { body, body * { cursor: none !important; } }
  @keyframes cdSpin { to { transform: rotate(360deg); } }
  @keyframes cdGrad { 0% { background-position: 0% 50%; } 100% { background-position: 200% 50%; } }
  @keyframes cdMarquee { from { transform: translate3d(0,0,0); } to { transform: translate3d(-50%,0,0); } }
  @keyframes cdBlob {
    0%   { transform: translate(0,0) scale(1) rotate(0deg); border-radius: 60% 40% 55% 45% / 45% 55% 40% 60%; }
    50%  { transform: translate(6%,-5%) scale(1.18) rotate(140deg); border-radius: 40% 60% 35% 65% / 60% 35% 65% 40%; }
    100% { transform: translate(0,0) scale(1) rotate(360deg); border-radius: 60% 40% 55% 45% / 45% 55% 40% 60%; }
  }
  [data-reveal] { opacity:0; transform: translateY(28px); transition: opacity .9s cubic-bezier(.2,.7,.2,1), transform .9s cubic-bezier(.2,.7,.2,1); }
  [data-reveal].cd-in { opacity:1; transform:none; }
  .cd-track::-webkit-scrollbar { height:0; }

/* nav: echivalentul sc-if isDesktop / isMobile (breakpoint 860px din componenta) */
.cd-mob { display: none; }
@media (max-width: 860px) {
  .cd-desk { display: none !important; }
  .cd-mob { display: block; }
}
@media (min-width: 861px) { .cd-menu { display: none !important; } }

/* Blog & News ascuns temporar (cerere client, 14 sep 2026) */
#news { display: none !important; }

/* footer: linkuri legale */
.cd-legal { display:flex; flex-wrap:wrap; gap:8px 22px; }
.cd-legal a:hover { color:#9B6FE2; }
.cd-desk > a[aria-current="page"], .cd-menu a[aria-current="page"] { color:#9B6FE2; }

/* testimoniale reale: pauza la hover, bule egale ca semnaturile sa stea pe aceeasi linie */
.cd-testi:hover { animation-play-state:paused !important; }
.cd-testi figure > div:first-child { flex:1 1 auto; }
@media (prefers-reduced-motion: reduce) { .cd-testi { animation-play-state:paused !important; } }
/* ---- feedback client 25 sep 2026 ---- */
/* servicii: 4 casete intr-o grila; imaginea urca peste marginea cardului ca inainte */
.cd-services article { scroll-margin-top:110px; }
@media (max-width: 980px) { .cd-services { grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr)) !important; } }

/* statistici in "De ce sa ne alegi" */
.cd-stats { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:clamp(20px,2.4vw,34px); margin-top:clamp(28px,4vh,44px); align-items:start; }
.cd-stat b { display:block; width:max-content; white-space:nowrap; font-family:Ubuntu,sans-serif; font-weight:700; font-size:clamp(34px,4vw,60px); line-height:1; letter-spacing:-.035em;
  background:linear-gradient(100deg,#3E49E6,#E82BC2); -webkit-background-clip:text; background-clip:text; color:transparent; }
.cd-stat > span { display:block; margin-top:10px; font-size:14px; line-height:1.4; color:#4A4E77; }
.cd-stat b span { font:inherit; color:inherit; }
.cd-stat b i { font-style:normal; font-size:.44em; font-weight:600; letter-spacing:-.01em; margin-left:.16em; }
@media (max-width: 1080px) { .cd-stats { grid-template-columns:repeat(3,minmax(0,1fr)); gap:clamp(22px,3vw,34px); } }
@media (max-width: 760px) { .cd-stats { grid-template-columns:1fr; justify-items:start; text-align:left; gap:clamp(18px,4.6vw,26px); width:auto; }
  .cd-stat b { margin-inline:0; font-size:clamp(36px,10.5vw,46px); background-image:linear-gradient(180deg,#3E49E6,#E82BC2); }
  .cd-stat > span { margin-top:6px; font-size:13px; max-width:min(100%,24ch); } }

/* poza fondatoarei oglindita, ca privirea sa mearga spre text */
.mh .pb-photo img { transform:scaleX(-1); }

/* etichete de sectiune in degradeul de brand */
.cd-eb { background:linear-gradient(100deg,#3E49E6,#C726AC); -webkit-background-clip:text; background-clip:text; color:transparent !important; }
.cd-eb--dark { background:linear-gradient(100deg,#6E76EC,#E82BC2); -webkit-background-clip:text; background-clip:text; }

/* mascota cu logo-urile clientilor trecand prin spate (Cine suntem) */
.ml-wrap { position:relative; display:grid; place-items:end center; min-height:clamp(440px,52vw,640px); padding-bottom:18px; overflow:hidden; border-radius:24px; }
.ml-rows { position:absolute; inset:0; display:grid; align-content:center; gap:clamp(18px,3vw,38px); }
.ml-row { display:flex; width:max-content; align-items:center; gap:clamp(26px,4vw,56px); animation:cdMarquee 40s linear infinite; }
.ml-row img { height:clamp(22px,2.4vw,34px); width:auto; max-width:9em; object-fit:contain; opacity:.42; filter:grayscale(1); }
.ml-blur { position:absolute; top:0; bottom:0; width:26%; pointer-events:none; backdrop-filter:blur(7px); -webkit-backdrop-filter:blur(7px); }
.ml-blur--l { left:0; -webkit-mask-image:linear-gradient(90deg,#000 35%,transparent); mask-image:linear-gradient(90deg,#000 35%,transparent); }
.ml-blur--r { right:0; -webkit-mask-image:linear-gradient(270deg,#000 35%,transparent); mask-image:linear-gradient(270deg,#000 35%,transparent); }
.ml-wrap::before, .ml-wrap::after { content:""; position:absolute; top:0; bottom:0; width:16%; pointer-events:none; z-index:2; }
.ml-wrap::before { left:0; background:linear-gradient(90deg,#F7F5FF,rgba(247,245,255,0)); }
.ml-wrap::after { right:0; background:linear-gradient(270deg,#F7F5FF,rgba(247,245,255,0)); }
.ml-cat { position:relative; z-index:3; display:block; width:min(100%,520px); height:auto; filter:drop-shadow(0 26px 40px rgba(23,26,61,.18)); }
@keyframes cdFloat { 0%, 100% { transform:translate(-50%, 0); } 50% { transform:translate(-50%, -7px); } }
@media (prefers-reduced-motion: reduce) { .ml-years { animation:none; } }
.ml-years { position:absolute; z-index:4; left:50%; bottom:22%; transform:translateX(-50%); width:max-content; max-width:none; white-space:nowrap; margin:0; padding:clamp(9px,1vw,13px) clamp(16px,2.2vw,26px); border-radius:999px; text-align:center; animation:cdFloat 4.5s ease-in-out infinite;
  background:linear-gradient(160deg,rgba(255,255,255,.72),rgba(255,255,255,.42)); backdrop-filter:blur(14px) saturate(1.2); -webkit-backdrop-filter:blur(14px) saturate(1.2);
  border:1px solid rgba(255,255,255,.8); box-shadow:0 18px 40px rgba(23,26,61,.16); font-size:clamp(10px,2.5vw,15px); line-height:1.35; font-weight:600; color:#171A3D; }
@media (min-width: 760px) { .ml-years { font-size:clamp(12px,1.05vw,15px); } }

/* fara cuvinte ramase singure pe ultimul rand (cerere client) */
h1, h2, h3, .cd-eb, .ml-years { text-wrap:balance; }
p, li, figcaption { text-wrap:pretty; }

/* mascota cu iconite de social media (De ce sa ne alegi) */
.mascot-social { display:block; width:100%; max-width:520px; height:auto; margin:0 auto; }
/* "De ce sa ne alegi": pisica mare, lipita de marginea din dreapta */
.cd-why .pg-wrap, .cd-why > div > div { position:relative; z-index:2; }
.cd-why > div { max-width:1500px; }
.why-cat { position:absolute; right:0; bottom:0; z-index:1; height:min(96%,clamp(560px,66vw,1040px)); width:auto; max-width:52vw; object-fit:contain; object-position:bottom right; pointer-events:none;
  -webkit-mask-image:linear-gradient(180deg,#000 66%,rgba(0,0,0,.45) 87%,transparent 100%); mask-image:linear-gradient(180deg,#000 66%,rgba(0,0,0,.45) 87%,transparent 100%); }
@media (min-width: 1001px) {
  .cd-why { position:sticky !important; top:0; z-index:0; min-height:min(100vh,1000px); display:grid; align-content:center; }
  .cd-why > div { padding-right:clamp(300px,30vw,560px); }
  #why ~ section, #why ~ footer { position:relative; z-index:1; background-color:#090B1E; }
  /* pisica se pierde intr-un blur spre baza sectiunii */
  .cd-why::after { content:""; position:absolute; left:0; right:0; bottom:var(--cd-cut,0px); height:clamp(110px,17vh,210px); z-index:2; pointer-events:none;
    backdrop-filter:blur(14px); -webkit-backdrop-filter:blur(14px);
    background:linear-gradient(180deg,rgba(247,245,255,0),rgba(247,245,255,.55) 62%,#F7F5FF);
    -webkit-mask-image:linear-gradient(180deg,transparent,#000 72%); mask-image:linear-gradient(180deg,transparent,#000 72%); }
}
@media (max-width: 1000px) { .why-cat { height:min(78%,440px); opacity:.9; } .cd-why > div { padding-right:0; } }
@media (max-width: 760px) { .why-cat { height:auto; width:min(44vw,230px); max-width:none; right:0; top:var(--cd-cat-mid,50%); bottom:auto; transform:translateY(-50%); margin:0; opacity:1; }
  /* textul nu atinge mascota: rezervam exact latimea ei plus o distanta */
  .cd-why > div { padding-right:calc(min(44vw,230px) + 24px); } }

/* badge Google Partner */
.cd-partner { display:inline-flex; }
.cd-partner img { display:block; width:auto; height:74px; border-radius:14px; }

/* mascota care se iveste la marginea sectiunii de testimoniale */
/* pisica de la CTA: sta pe marginea de jos a panoului, cu cornul peste marginea de sus */
.cd-peek { position:absolute; right:calc(clamp(30px,9vw,170px) + 30px); bottom:clamp(80px,12vh,140px); z-index:4; height:clamp(390px,43vw,610px); width:auto; pointer-events:none; }
.cd-ctabox { position:relative; }
@media (max-width: 1100px) { .cd-peek { height:clamp(300px,36vw,430px); right:clamp(16px,4vw,60px); } }
@media (max-width: 820px) { .cd-peek { height:372px; left:50%; right:auto; transform:translateX(-50%); opacity:.95; } .cd-ctabox { padding-bottom:clamp(390px,68vw,470px) !important; } }
@media (max-width: 520px) { .cd-peek { height:312px; } .cd-ctabox { padding-bottom:330px !important; } }

/* popup formular */
.cd-ctaact { display:flex; }
.cd-modal { position:fixed; inset:0; z-index:1000; display:grid; place-items:center; padding:clamp(16px,4vw,40px); }
.cd-modal[hidden] { display:none; }
.cd-modal-backdrop { position:absolute; inset:0; background:rgba(9,11,30,.72); backdrop-filter:blur(6px); }
.cd-modal-box { position:relative; width:min(680px,100%); max-height:88vh; overflow:auto; padding:clamp(24px,4vw,44px); border-radius:26px; background:#14162E; border:1px solid rgba(247,245,255,.16); box-shadow:0 40px 90px rgba(9,11,30,.7); animation:cdModalIn .35s cubic-bezier(.2,.7,.2,1); }
@keyframes cdModalIn { from { opacity:0; transform:translateY(16px) scale(.98); } to { opacity:1; transform:none; } }
@media (prefers-reduced-motion: reduce) { .cd-modal-box { animation:none; } }
.cd-modal-x { position:absolute; top:14px; right:14px; width:38px; height:38px; border-radius:50%; border:1px solid rgba(247,245,255,.22); background:transparent; color:#F7F5FF; font-size:15px; cursor:pointer; transition:border-color .3s, color .3s; }
.cd-modal-x:hover { border-color:#9B6FE2; color:#9B6FE2; }
.cd-modal-title { font-family:Ubuntu,sans-serif; font-weight:700; font-size:clamp(24px,2.6vw,34px); line-height:1.08; letter-spacing:-.025em; margin:0 0 12px; text-wrap:balance; }
.cd-modal-lead { margin:0 0 24px; font-size:16px; line-height:1.6; font-weight:300; color:rgba(247,245,255,.7); }
.cd-modal .cd-form input, .cd-modal .cd-form textarea { background:rgba(9,11,30,.55); }
body.cd-locked { overflow:hidden; }

/* CTA final cu formular */
.cd-ctagrid { display:block; text-align:left; }
/* textul din CTA nu trebuie sa ajunga sub mascota: rezervam latimea ei (700x1059 -> 0.661) plus o distanta */
@media (min-width: 1101px) { .cd-ctagrid { padding-right:calc(clamp(30px,9vw,170px) + 70px + clamp(390px,43vw,610px) * 0.661 - clamp(20px,4vw,56px) - clamp(22px,5vw,72px)); } }
@media (min-width: 821px) and (max-width: 1100px) { .cd-ctagrid { padding-right:calc(clamp(16px,4vw,60px) + 40px + clamp(300px,36vw,430px) * 0.661 - clamp(20px,4vw,56px) - clamp(22px,5vw,72px)); } }
.cd-ctaact { display:flex; }
@media (max-width: 900px) { .cd-ctagrid { grid-template-columns:1fr; } }
.cd-form { display:grid; grid-template-columns:1fr 1fr; gap:14px; }
@media (max-width: 560px) { .cd-form { grid-template-columns:1fr; } }
.cd-form .full { grid-column:1 / -1; }
.cd-form label { display:grid; gap:7px; font-size:12px; letter-spacing:.14em; text-transform:uppercase; font-weight:600; color:rgba(247,245,255,.72); }
.cd-form input, .cd-form textarea { width:100%; font:inherit; font-size:16px; letter-spacing:0; text-transform:none; font-weight:400; color:#F7F5FF; background:rgba(9,11,30,.42); border:1px solid rgba(247,245,255,.28); border-radius:14px; padding:13px 16px; outline:none; transition:border-color .3s, box-shadow .3s; }
.cd-form textarea { resize:vertical; min-height:110px; }
.cd-form input::placeholder { color:rgba(247,245,255,.4); }
.cd-form input:focus, .cd-form textarea:focus { border-color:#F7F5FF; box-shadow:0 0 0 3px rgba(247,245,255,.18); }
.cd-formfoot { display:grid; gap:12px; justify-items:start; }
.cd-btn { position:relative; display:inline-flex; padding:1.5px; border-radius:999px; overflow:hidden; isolation:isolate; }
.cd-btn::before { content:""; position:absolute; inset:-70%; background:conic-gradient(from 0deg,#D7DAFA,#3E49E6,#141A5C,#E82BC2,#D7DAFA); filter:blur(5px); animation:cdSpin 6s linear infinite; z-index:-1; }
.cd-btn button { display:inline-flex; align-items:center; gap:14px; padding:16px 30px; border:0; border-radius:999px; background:#F7F5FF; color:#171A3D; font:inherit; font-weight:600; font-size:16px; cursor:pointer; transition:filter .3s, transform .3s; }
.cd-btn button:hover { filter:brightness(1.05); transform:translateY(-2px); }
.cd-note { margin:0; font-size:13px; line-height:1.5; color:rgba(247,245,255,.6); }
.cd-sent { margin:0; padding:12px 16px; border-radius:12px; background:rgba(9,11,30,.45); border:1px solid rgba(247,245,255,.3); font-size:15px; }

/* testimoniale: maximum 10 randuri, restul se deschide la click (18 sep 2026) */
.cd-testi blockquote { display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:10; overflow:hidden; }
.cd-testi figure.is-clamped blockquote { -webkit-mask-image:linear-gradient(#000 calc(100% - 2.4em), transparent); mask-image:linear-gradient(#000 calc(100% - 2.4em), transparent); }
.cd-testi figure.is-open blockquote { display:block; -webkit-line-clamp:none; overflow:visible; -webkit-mask-image:none; mask-image:none; }
/* cardul deschis creste in inaltime; bula nu mai e intinsa pe inaltimea randului */
.cd-testi figure.is-open { align-self:flex-start; }
.cd-testi figure.is-open > div:first-child { flex:0 0 auto; }
.cd-more { display:inline-flex; align-items:center; gap:8px; margin-top:16px; padding:0; border:0; background:none; font:inherit; font-size:13px; font-weight:600; letter-spacing:.1em; text-transform:uppercase; color:#9B6FE2; cursor:pointer; transition:gap .3s, color .3s; }
.cd-more:hover { gap:12px; color:#BFC5F7; }
.cd-more svg { width:11px; height:11px; transition:transform .3s cubic-bezier(.2,.7,.2,1); }
.cd-testi figure.is-open .cd-more svg { transform:rotate(180deg); }

/* testimoniale pe mobil (17 sep 2026): firma apare deja in functie, deci logo-ul text dispare si numele are toata latimea */
@media (max-width: 640px) {
  .cd-testi figure { flex-basis:min(84vw, 360px) !important; }
  .cd-testi figcaption { gap:0 !important; padding-top:26px !important; }
  .cd-testi figcaption > div:first-child { display:none; }
  .cd-testi figcaption > div:last-child > div:first-child { font-size:17px !important; line-height:1.25; }
  .cd-testi figcaption > div:last-child > div:last-child { margin-top:2px; }
}

/* steluta din benzile marquee (SVG in loc de ✳) */
.cd-star { display:inline-flex; align-items:center; line-height:1; }
.cd-star svg { width:.72em; height:.72em; display:block; }

/* ancore: scroll lin, oprit sub meniul fix */
html { scroll-behavior:smooth; }
section[id], footer[id] { scroll-margin-top:96px; }

/* fundal CTA final (furnizat de client) */
.animated-gradient {
  position: relative;
  background: radial-gradient(circle at center, #4A46E8 0%, #1B2170 100%);
  background-size: 100% 100%;
  animation: gradient-radial 8s ease alternate infinite;
  overflow: hidden;
}
@keyframes gradient-radial {
  0%, 100% { background-size: 100% 100%; }
  50% { background-size: 200% 200%; }
}

/* Manuela pe homepage */
.mh { position:relative; overflow:hidden; padding:clamp(80px,12vh,150px) 0 0; background:#090B1E; }
.mh-name { font-family:Ubuntu,sans-serif; font-weight:700; font-size:clamp(44px,6.4vw,100px); line-height:.92; letter-spacing:-.04em; margin:0 0 18px; }
.mh-topics { list-style:none; margin:30px 0 0; padding:0; display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr)); gap:0 28px; border-top:1px solid rgba(247,245,255,.12); }
.mh-topics li { display:grid; gap:4px; padding:16px 0; border-bottom:1px solid rgba(247,245,255,.12); }
.mh-topics b { font-family:Ubuntu,sans-serif; font-size:17px; }
.mh-topics span { font-size:15px; line-height:1.5; font-weight:300; color:rgba(247,245,255,.6); }
.mh-quote { margin:28px 0 0; padding-left:20px; border-left:2px solid #3E49E6; font-family:Ubuntu,sans-serif; font-weight:500; font-size:clamp(19px,1.7vw,24px); line-height:1.35; color:rgba(247,245,255,.9); }
.mh .pb-photo { max-width:460px; }
.mh .pb-photo::before { display:none; }
/* poza simpla (patrata, fundal portocaliu): colturi rotunjite, fara rama */
.mh .pb-photo img { aspect-ratio:auto; height:auto; object-fit:contain; border:0; border-radius:28px; }
.mh .pb-tag { bottom:26px; }
@media (max-width: 860px) {
  .mh .pb-photo { max-width:460px; width:100%; margin-inline:auto; }
  .mh .pb-photo img { border-radius:28px; }
  .mh .pb-tag { right:18px; }
}
/* carduri servicii: blob mov sub imagine, la hover (15 sep 2026)
   imaginea are margin-top -92px in cardul cu padding 30px si proportia 720x622 (0.864) */
#cdTrack article { position:relative; container-type:inline-size; }
#cdTrack article > img, #cdTrack article > div { position:relative; z-index:1; }
#cdTrack article::before {
  content:''; position:absolute; z-index:0; pointer-events:none;
  left:50%; width:96cqw; height:34cqw;
  top:calc(-62px + 100cqw * .864 * .90 - 17cqw);
  border-radius:50%;
  background:radial-gradient(closest-side, #3E49E6, rgba(232,43,194,.5) 55%, rgba(232,43,194,0));
  filter:blur(22px);
  opacity:0; transform:translateX(-50%) scale(.6);
  transition:opacity .5s cubic-bezier(.2,.7,.2,1), transform .5s cubic-bezier(.2,.7,.2,1);
}
#cdTrack article:hover::before { opacity:1; transform:translateX(-50%) scale(1); }
@media (prefers-reduced-motion: reduce) { #cdTrack article::before { transition:opacity .2s; transform:translateX(-50%); } }
.cdx1:hover { filter:brightness(1.18) !important }
.cdx2:hover { filter:brightness(1.18) !important; transform:translateY(-2px) !important }
.cdx3:hover { transform:translateY(-8px) !important; border-color:rgba(122,63,217,.55) !important }
.cdx4:hover { transform:translateY(-8px) !important; border-color:rgba(122,63,217,.55) !important }
.cdx5:hover { transform:translateY(-8px) !important; border-color:rgba(122,63,217,.55) !important }
.cdx6:hover { transform:translateY(-8px) !important; border-color:rgba(122,63,217,.55) !important }
.cdx7:hover { background:#171A3D !important; color:#F7F5FF !important }
.cdx8:hover { border-color:rgba(62,73,230,.55) !important }
.cdx8::after { content:''; position:absolute; left:38px; bottom:-14px; width:0; height:0; border-left:14px solid transparent; border-right:14px solid transparent; border-top:14px solid #14162E }
.cdx9:hover { border-color:rgba(62,73,230,.55) !important }
.cdx9::after { content:''; position:absolute; left:38px; bottom:-14px; width:0; height:0; border-left:14px solid transparent; border-right:14px solid transparent; border-top:14px solid #14162E }
.cdx10:hover { border-color:rgba(62,73,230,.55) !important }
.cdx10::after { content:''; position:absolute; left:38px; bottom:-14px; width:0; height:0; border-left:14px solid transparent; border-right:14px solid transparent; border-top:14px solid #14162E }
.cdx11:hover { border-color:rgba(62,73,230,.55) !important }
.cdx11::after { content:''; position:absolute; left:38px; bottom:-14px; width:0; height:0; border-left:14px solid transparent; border-right:14px solid transparent; border-top:14px solid #14162E }
.cdx12:hover { border-color:rgba(62,73,230,.55) !important }
.cdx12::after { content:''; position:absolute; left:38px; bottom:-14px; width:0; height:0; border-left:14px solid transparent; border-right:14px solid transparent; border-top:14px solid #14162E }
.cdx13:hover { border-color:rgba(62,73,230,.55) !important }
.cdx13::after { content:''; position:absolute; left:38px; bottom:-14px; width:0; height:0; border-left:14px solid transparent; border-right:14px solid transparent; border-top:14px solid #14162E }
.cdx14:hover { border-color:rgba(62,73,230,.55) !important }
.cdx14::after { content:''; position:absolute; left:38px; bottom:-14px; width:0; height:0; border-left:14px solid transparent; border-right:14px solid transparent; border-top:14px solid #14162E }
.cdx15:hover { border-color:rgba(62,73,230,.55) !important }
.cdx15::after { content:''; position:absolute; left:38px; bottom:-14px; width:0; height:0; border-left:14px solid transparent; border-right:14px solid transparent; border-top:14px solid #14162E }
.cdx16:hover { border-color:rgba(62,73,230,.55) !important }
.cdx16::after { content:''; position:absolute; left:38px; bottom:-14px; width:0; height:0; border-left:14px solid transparent; border-right:14px solid transparent; border-top:14px solid #14162E }
.cdx17:hover { border-color:rgba(62,73,230,.55) !important }
.cdx17::after { content:''; position:absolute; left:38px; bottom:-14px; width:0; height:0; border-left:14px solid transparent; border-right:14px solid transparent; border-top:14px solid #14162E }
.cdx18:hover { border-color:rgba(62,73,230,.55) !important }
.cdx18::after { content:''; position:absolute; left:38px; bottom:-14px; width:0; height:0; border-left:14px solid transparent; border-right:14px solid transparent; border-top:14px solid #14162E }
.cdx19:hover { border-color:rgba(62,73,230,.55) !important }
.cdx19::after { content:''; position:absolute; left:38px; bottom:-14px; width:0; height:0; border-left:14px solid transparent; border-right:14px solid transparent; border-top:14px solid #14162E }
.cdx20:hover { border-color:rgba(62,73,230,.55) !important }
.cdx20::after { content:''; position:absolute; left:38px; bottom:-14px; width:0; height:0; border-left:14px solid transparent; border-right:14px solid transparent; border-top:14px solid #14162E }
.cdx21:hover { border-color:rgba(62,73,230,.55) !important }
.cdx21::after { content:''; position:absolute; left:38px; bottom:-14px; width:0; height:0; border-left:14px solid transparent; border-right:14px solid transparent; border-top:14px solid #14162E }
.cdx22:hover { border-color:rgba(62,73,230,.55) !important }
.cdx22::after { content:''; position:absolute; left:38px; bottom:-14px; width:0; height:0; border-left:14px solid transparent; border-right:14px solid transparent; border-top:14px solid #14162E }
.cdx23:hover { border-color:rgba(62,73,230,.55) !important }
.cdx23::after { content:''; position:absolute; left:38px; bottom:-14px; width:0; height:0; border-left:14px solid transparent; border-right:14px solid transparent; border-top:14px solid #14162E }
.cdx24:hover { border-color:#9B6FE2 !important; color:#9B6FE2 !important }
.cdx25:hover { border-color:rgba(122,63,217,.5) !important }
.cdx26:hover { transform:scale(1.04) !important }
.cdx27:hover { border-color:rgba(122,63,217,.5) !important }
.cdx28:hover { transform:scale(1.06) !important }
.cdx29:hover { border-color:rgba(122,63,217,.5) !important }
.cdx30:hover { transform:scale(1.06) !important }
.cdx31:hover { border-color:rgba(122,63,217,.5) !important }
.cdx32:hover { transform:scale(1.06) !important }
.cdx33:hover { border-color:#9B6FE2 !important }
.cdx34:hover { border-color:#9B6FE2 !important }
.cdx35:hover { border-color:#9B6FE2 !important }
.cdx36:hover { border-color:#9B6FE2 !important }

/* ================= pagini secundare ================= */
.pg-wrap { position:relative; max-width:1500px; margin:0 auto; padding:0 clamp(20px,4vw,56px); }
.pg-eyebrow { display:flex; align-items:center; gap:12px; font-size:12px; letter-spacing:.24em; text-transform:uppercase; font-weight:600; color:#9B6FE2; margin-bottom:18px; }
.pg-eyebrow i { width:7px; height:7px; border-radius:50%; background:#E82BC2; }
.pg-grad { background:linear-gradient(100deg,#3E49E6,#E82BC2); -webkit-background-clip:text; background-clip:text; color:transparent; }
.pg-h2 { font-family:Ubuntu,sans-serif; font-weight:700; font-size:clamp(32px,4.6vw,66px); line-height:.98; letter-spacing:-.03em; margin:0 0 20px; text-wrap:balance; }
.pg-lead { margin:0; max-width:620px; font-size:clamp(15px,1.2vw,18px); line-height:1.65; font-weight:300; color:rgba(247,245,255,.66); }
.pg-blob { position:absolute; border-radius:50%; filter:blur(110px); pointer-events:none; animation:cdBlob 52s ease-in-out infinite; }

/* hero */
.pg-hero { position:relative; overflow:hidden; padding:clamp(150px,22vh,220px) 0 clamp(60px,9vh,110px); border-bottom:1px solid rgba(247,245,255,.1); }
.pg-hero .pg-blob { top:-10%; right:-12%; width:52vw; height:52vw; max-width:780px; max-height:780px; background:radial-gradient(circle,#3E49E6,transparent 65%); opacity:.3; }
.pg-crumbs { display:flex; gap:10px; font-size:13px; letter-spacing:.08em; text-transform:uppercase; color:rgba(247,245,255,.45); margin-bottom:clamp(22px,4vh,40px); }
.pg-crumbs a:hover { color:#9B6FE2; }
.pg-h1 { font-family:Ubuntu,sans-serif; font-weight:700; font-size:clamp(46px,8.4vw,132px); line-height:.92; letter-spacing:-.035em; margin:0 0 clamp(24px,4vh,40px); text-wrap:balance; }
.pg-hero .pg-lead { font-size:clamp(16px,1.35vw,20px); color:rgba(247,245,255,.72); max-width:640px; }

.pg-sec { position:relative; overflow:hidden; padding:clamp(80px,12vh,140px) 0; }
.pg-light { background:#F7F5FF; color:#171A3D; }
.pg-light .pg-eyebrow { color:#3E49E6; }
.pg-light .pg-lead { color:#4A4E77; }
.pg-head { display:flex; flex-wrap:wrap; align-items:flex-end; justify-content:space-between; gap:28px; margin-bottom:clamp(36px,6vh,64px); }
.pg-head > div { max-width:760px; }

/* carduri servicii */
.pg-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr)); gap:20px; }
.pg-card { position:relative; display:flex; flex-direction:column; padding:clamp(26px,2.4vw,36px); border-radius:22px; border:1px solid rgba(247,245,255,.12); background:linear-gradient(160deg,rgba(247,245,255,.055),rgba(247,245,255,.015)); transition:transform .4s cubic-bezier(.2,.7,.2,1), border-color .4s; scroll-margin-top:120px; }
.pg-card:hover { transform:translateY(-6px); border-color:rgba(122,63,217,.55); }
.pg-num { font-family:Ubuntu,sans-serif; font-size:13px; font-weight:700; color:#9B6FE2; margin-bottom:clamp(28px,5vh,56px); }
.pg-card h3 { font-family:Ubuntu,sans-serif; font-weight:700; font-size:clamp(22px,2vw,30px); line-height:1.08; letter-spacing:-.02em; margin:0 0 14px; }
.pg-card p { margin:0; font-size:15px; line-height:1.6; font-weight:300; color:rgba(247,245,255,.6); }
.pg-card ul { list-style:none; margin:22px 0 0; padding:20px 0 0; border-top:1px solid rgba(247,245,255,.1); display:grid; gap:9px; font-size:14px; color:rgba(247,245,255,.72); }
.pg-card li { display:flex; gap:10px; }
.pg-card li::before { content:''; flex:0 0 6px; height:6px; margin-top:.55em; border-radius:50%; background:#3E49E6; }

/* pasi / liste numerotate */
.pg-steps { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr)); border-top:1px solid rgba(23,26,61,.14); }
.pg-step { padding:28px 26px 8px 0; }
.pg-step span { font-family:Ubuntu,sans-serif; font-size:13px; font-weight:700; color:#3E49E6; }
.pg-step h4 { font-family:Ubuntu,sans-serif; font-weight:700; font-size:clamp(19px,1.7vw,24px); margin:14px 0 8px; }
.pg-step p { margin:0; font-size:16px; line-height:1.6; font-weight:300; color:#4A4E77; }

/* split imagine + text */
.pg-split { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr)); gap:clamp(36px,5vw,80px); align-items:center; }
.pg-split img { display:block; width:100%; height:auto; border-radius:24px; }
.pg-prose p { margin:0 0 18px; font-size:clamp(15px,1.2vw,18px); line-height:1.7; font-weight:300; color:#4A4E77; max-width:620px; }
.pg-stats { display:flex; flex-wrap:wrap; gap:clamp(24px,4vw,56px); margin-top:34px; padding-top:28px; border-top:1px solid rgba(23,26,61,.14); }
.pg-stats b { display:block; font-family:Ubuntu,sans-serif; font-size:clamp(34px,3.6vw,52px); line-height:1; color:#3A44D6; }
.pg-stats span { display:block; margin-top:8px; font-size:14px; line-height:1.4; color:#4A4E77; max-width:170px; }

/* fondator */
.pg-founder { display:grid; grid-template-columns:minmax(0,340px) 1fr; gap:clamp(32px,5vw,80px); align-items:center; }
.pg-founder img { display:block; width:100%; aspect-ratio:1; object-fit:cover; border-radius:28px; }
.pg-founder blockquote { margin:0 0 28px; font-family:Ubuntu,sans-serif; font-weight:500; font-size:clamp(24px,2.8vw,40px); line-height:1.2; letter-spacing:-.02em; }
.pg-founder .who b { display:block; font-family:Ubuntu,sans-serif; font-size:18px; }
.pg-founder .who span { font-size:15px; color:rgba(247,245,255,.55); }
@media (max-width: 700px) { .pg-founder { grid-template-columns:1fr; } .pg-founder img { max-width:320px; } }

/* contact */
.pg-contact { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr)); gap:20px; }
.pg-contact a.pg-card, .pg-contact div.pg-card { min-height:220px; }
.pg-contact .pg-card small { font-size:12px; letter-spacing:.2em; text-transform:uppercase; color:rgba(247,245,255,.45); margin-bottom:auto; padding-bottom:36px; }
.pg-contact .pg-card strong { font-family:Ubuntu,sans-serif; font-weight:700; font-size:clamp(20px,1.8vw,26px); line-height:1.2; letter-spacing:-.01em; word-break:break-word; }
.pg-contact .pg-card em { font-style:normal; margin-top:12px; font-size:13px; font-weight:600; letter-spacing:.1em; text-transform:uppercase; color:#9B6FE2; }
.pg-pills { display:flex; flex-wrap:wrap; gap:10px; }
.pg-pills a { padding:9px 16px; border-radius:999px; border:1px solid rgba(247,245,255,.2); font-size:14px; }
.pg-pills a:hover { border-color:#9B6FE2; }
.pg-map { margin-top:20px; border-radius:22px; overflow:hidden; border:1px solid rgba(247,245,255,.12); background:#131535; height:clamp(320px,36vw,540px); }
.pg-map iframe { display:block; width:100%; height:100%; border:0; filter:grayscale(1) invert(.92) hue-rotate(200deg) contrast(.9); }

/* pagini legale */
.pg-legal { max-width:820px; }
.pg-legal h2 { font-family:Ubuntu,sans-serif; font-weight:700; font-size:clamp(22px,2vw,28px); margin:48px 0 14px; letter-spacing:-.015em; }
.pg-legal p { margin:0 0 16px; font-size:17px; line-height:1.75; font-weight:300; color:rgba(247,245,255,.7); }
.pg-draft { display:inline-flex; align-items:center; gap:10px; margin-bottom:12px; padding:10px 18px; border-radius:999px; border:1px dashed rgba(122,63,217,.6); font-size:13px; letter-spacing:.06em; color:#BFC5F7; }

/* formular contact */
.pg-formwrap { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.3fr); gap:clamp(32px,5vw,80px); align-items:start; }
@media (max-width: 900px) { .pg-formwrap { grid-template-columns:1fr; } }
.pg-form { display:grid; grid-template-columns:1fr 1fr; gap:16px; padding:clamp(24px,3vw,40px); border-radius:26px; border:1px solid rgba(247,245,255,.12); background:linear-gradient(160deg,rgba(247,245,255,.06),rgba(247,245,255,.015)); }
.pg-form .full { grid-column:1 / -1; }
@media (max-width: 560px) { .pg-form { grid-template-columns:1fr; } }
.pg-form label { display:grid; gap:8px; font-size:12px; letter-spacing:.14em; text-transform:uppercase; font-weight:600; color:rgba(247,245,255,.55); }
.pg-form input, .pg-form select, .pg-form textarea { width:100%; font:inherit; font-size:16px; letter-spacing:0; text-transform:none; font-weight:400; color:#F7F5FF; background:rgba(9,11,30,.55); border:1px solid rgba(247,245,255,.16); border-radius:14px; padding:14px 16px; outline:none; transition:border-color .3s, box-shadow .3s; }
.pg-form select { appearance:none; background-image:linear-gradient(45deg,transparent 50%,#9B6FE2 50%),linear-gradient(135deg,#9B6FE2 50%,transparent 50%); background-position:calc(100% - 22px) 50%,calc(100% - 16px) 50%; background-size:6px 6px; background-repeat:no-repeat; }
.pg-form select option { background:#131535; }
.pg-form textarea { min-height:150px; resize:vertical; }
.pg-form input:focus, .pg-form select:focus, .pg-form textarea:focus { border-color:#9B6FE2; box-shadow:0 0 0 3px rgba(122,63,217,.2); }
.pg-check { display:flex !important; grid-template-columns:none; align-items:flex-start; gap:12px !important; text-transform:none !important; letter-spacing:0 !important; font-size:14px !important; font-weight:300 !important; line-height:1.5; }
.pg-check input { width:18px; height:18px; flex:0 0 18px; margin-top:2px; accent-color:#3E49E6; padding:0; }
.pg-check a { text-decoration:underline; }
.pg-btn { position:relative; display:inline-flex; padding:1.5px; border-radius:999px; overflow:hidden; isolation:isolate; justify-self:start; }
.pg-btn::before { content:''; position:absolute; inset:-70%; background:conic-gradient(from 0deg,#D7DAFA,#3E49E6,#141A5C,#E82BC2,#D7DAFA); filter:blur(5px); animation:cdSpin 6s linear infinite; z-index:-1; }
.pg-btn > a, .pg-btn > button { display:inline-flex; align-items:center; gap:14px; padding:17px 30px; border:0; border-radius:999px; background:radial-gradient(120% 160% at 26% 16%,#C726AC,#5A0F63); color:#F7F5FF; font:inherit; font-weight:600; font-size:16px; transition:filter .3s, transform .3s; }
.pg-btn > a:hover, .pg-btn > button:hover { filter:brightness(1.18); transform:translateY(-2px); color:#F7F5FF; }
.pg-btn--light > a { background:#F7F5FF; color:#171A3D; }
.pg-btn--light > a:hover { color:#171A3D; filter:brightness(1.05); }
.pg-ghost { display:inline-flex; align-items:center; gap:10px; padding:15px 26px; border-radius:999px; border:1px solid rgba(247,245,255,.28); font-weight:600; font-size:15px; }
.pg-ghost:hover { border-color:#9B6FE2; }
.pg-light .pg-ghost { border-color:#171A3D; color:#171A3D; }
.pg-light .pg-ghost:hover { background:#171A3D; color:#F7F5FF; }
.pg-note { font-size:13px; line-height:1.5; color:rgba(247,245,255,.45); }
.pg-sent { padding:14px 18px; border-radius:14px; background:rgba(62,73,230,.18); border:1px solid rgba(122,63,217,.4); font-size:15px; }
.pg-aside h2 { font-family:Ubuntu,sans-serif; font-weight:700; font-size:clamp(28px,3.2vw,46px); line-height:1; letter-spacing:-.03em; margin:0 0 18px; }
.pg-aside ol { list-style:none; margin:30px 0 0; padding:0; display:grid; gap:0; border-top:1px solid rgba(247,245,255,.1); counter-reset:s; }
.pg-aside li { counter-increment:s; display:grid; grid-template-columns:auto 1fr; gap:16px; padding:18px 0; border-bottom:1px solid rgba(247,245,255,.1); font-size:16px; line-height:1.55; font-weight:300; color:rgba(247,245,255,.75); }
.pg-aside li::before { content:counter(s,decimal-leading-zero); font-family:Ubuntu,sans-serif; font-weight:700; font-size:13px; color:#9B6FE2; padding-top:3px; }

/* legaturi mici */
.pg-link { display:inline-flex; align-items:center; gap:8px; font-size:13px; font-weight:600; letter-spacing:.1em; text-transform:uppercase; color:#9B6FE2; }
.pg-link:hover { gap:12px; }
.pg-light .pg-link { color:#3E49E6; }
.pg-actions { display:flex; flex-wrap:wrap; align-items:center; gap:14px 18px; margin-top:clamp(28px,4vh,40px); }

/* personal branding Manuela */
.pb-hero { position:relative; overflow:hidden; padding:clamp(140px,20vh,200px) 0 clamp(70px,10vh,120px); }
.pb-hero .pg-blob { top:-8%; left:-12%; width:56vw; height:56vw; max-width:820px; max-height:820px; background:radial-gradient(circle,#3E49E6,transparent 65%); opacity:.32; }
.pb-grid { display:grid; grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr); gap:clamp(36px,6vw,100px); align-items:center; }
@media (max-width: 860px) { .pb-grid { grid-template-columns:1fr; } }
.pb-photo { position:relative; max-width:460px; width:100%; }
.pb-photo::before { content:''; position:absolute; inset:-14px; border-radius:40px; background:conic-gradient(from 140deg,#3E49E6,#9B6FE2,#E82BC2,#141A5C,#3E49E6); filter:blur(28px); opacity:.55; z-index:0; }
.pb-photo img { position:relative; z-index:1; display:block; width:100%; aspect-ratio:1; object-fit:cover; border-radius:32px; border:1px solid rgba(247,245,255,.18); }
.pb-tag { position:absolute; z-index:2; right:-10px; bottom:26px; padding:14px 20px; border-radius:18px; background:#E9EBFD; color:#171A3D; box-shadow:0 18px 44px rgba(9,11,30,.45); }
.pb-tag b { display:block; font-family:Ubuntu,sans-serif; font-size:15px; }
.pb-tag span { font-size:13px; color:#6A6D92; }
.pb-name { font-family:Ubuntu,sans-serif; font-weight:700; font-size:clamp(52px,8vw,128px); line-height:.9; letter-spacing:-.04em; margin:0 0 18px; }
.pb-role { font-family:Ubuntu,sans-serif; font-weight:500; font-size:clamp(18px,1.8vw,26px); color:#BFC5F7; margin:0 0 24px; }
.pb-topics { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr)); gap:20px; }
.pb-topics .pg-card { min-height:260px; }
.pb-topics .pg-card svg { width:34px; height:34px; margin-bottom:auto; padding-bottom:0; color:#9B6FE2; }
.pb-topics .pg-card h3 { margin-top:40px; font-size:clamp(20px,1.8vw,26px); }
.pb-quote { position:relative; max-width:1200px; margin:0 auto; text-align:center; }
.pb-quote blockquote { margin:0 0 28px; font-family:Ubuntu,sans-serif; font-weight:700; font-size:clamp(30px,4.6vw,68px); line-height:1.04; letter-spacing:-.03em; text-wrap:balance; }
.pb-quote cite { font-style:normal; font-size:14px; letter-spacing:.2em; text-transform:uppercase; color:rgba(247,245,255,.55); }
.pb-media { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr)); gap:20px; }
.pb-media .pg-card { background:#fff; border-color:rgba(23,26,61,.1); color:#171A3D; }
.pb-media .pg-card:hover { border-color:rgba(62,73,230,.45); }
.pb-media .pg-card p, .pb-media .pg-card li { color:#4A4E77; }
.pb-media .pg-card ul { border-top-color:rgba(23,26,61,.1); }
.pb-media .pg-num { color:#3E49E6; }
.pb-work { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr)); gap:20px; }
.pb-work a.pg-card { min-height:240px; }
.pb-work a.pg-card em { font-style:normal; margin-top:auto; padding-top:28px; font-size:13px; font-weight:600; letter-spacing:.1em; text-transform:uppercase; color:#9B6FE2; }

/* fondator pe About: link spre pagina personala */
.pg-founder .pg-actions { margin-top:26px; }

.pg-steps--dark { border-top-color:rgba(247,245,255,.12); }
.pg-steps--dark .pg-step span { color:#9B6FE2; }
.pg-steps--dark .pg-step p { color:rgba(247,245,255,.62); }

/* mobil: logo + comutator + meniu trebuie sa incapa in bara */
@media (max-width: 520px) {
  nav > a:first-child img { height:26px !important; margin-bottom:-6px !important; }
  nav { gap:10px !important; }
  .cd-lang a { padding:6px 8px; }
}
/* poza Manuelei e 200x200: nu o intindem peste ~2x pana vine varianta mare */
.pb-photo { max-width:360px; }
@media (max-width: 860px) { .pb-photo { max-width:280px; } .pb-tag { right:12px; bottom:16px; } }
.pg-founder { grid-template-columns:minmax(0,280px) 1fr; }

/* comutator EN/RO */
.cd-lang { display:inline-flex; align-items:center; gap:2px; padding:3px; border-radius:999px; border:1px solid rgba(247,245,255,.2); font-size:12px; font-weight:600; letter-spacing:.08em; text-transform:uppercase; }
.cd-lang a { padding:6px 10px; border-radius:999px; color:rgba(247,245,255,.55); line-height:1; }
.cd-lang a:hover { color:#F7F5FF; }
.cd-lang a.is-on { background:rgba(247,245,255,.14); color:#F7F5FF; }
@media (max-width: 860px) { .cd-mob { display:flex !important; align-items:center; gap:10px; } }