/* DoozUp - site-ul public (generatorul de pagini, 29 sept 2026; docs/studii/2026-09-29-generator-pagini.md).
   Acelasi limbaj ca template/homepage: gradientul din sigla, coltul „taiat” (stanga-jos), Onest, carduri albe cu umbra,
   banda adanca, fara blur. Clasele `sx-*` = secțiunile (src/frontend/sectiuni-randare.ts); antetul si pagina clasica pastreaza
   numele de dinainte (top, menu, lang, page, prose, draft, footer). Mișcarea: doar cu `.js` (runtime-ul site.js), oprita la
   prefers-reduced-motion. */

/* ---------------------------------------------------------------- tokeni */
:root{--shell:1600px;--gutter:clamp(18px,3.2vw,48px);--header-h:72px;--r-xl:26px;--r-lg:20px;--r-md:14px;--notch:6px;
  --grad:linear-gradient(118deg,#0b87f3 0%,#12a6dd 48%,#00cab6 100%);--ease:cubic-bezier(.22,.68,.32,1);--ease-out:cubic-bezier(.16,1,.3,1);
  /* bulele de chat = cele din widget (w/v1/widget.css, fereastra chatului): asistentul pe suprafata cu chenarul pe jumatate, clientul in
     gradientul marcii cu text alb, firul pe suprafata 2. Toate machetele de chat (blocurile native si cele AI) le folosesc (26 oct 2026,
     todo: „tot ce e chat sa respecte culorile de chat bubble de la noi, pt bot si pentru user”) */
  --chat-bot-bg:var(--surface);--chat-bot-line:color-mix(in srgb,var(--line) 50%,transparent);--chat-bot-ink:var(--ink);--chat-fir:var(--surface-2);
  --chat-om-bg:var(--grad);--chat-om-ink:#fff;--chat-om-sh:0 3px 10px -7px color-mix(in srgb,var(--brand-ink) 55%,transparent)}
:root,[data-theme="light"]{--bg:#ffffff;--bg-alt:#f3f7fd;--surface:#ffffff;--surface-2:#f6f9fe;--surface-3:#eaf1fb;--line:#e2eaf5;--line-2:#cfdcee;
  --ink:#0a1220;--ink-2:#41536c;--ink-3:#54667f;--brand:#0b87f3;--brand-ink:#0a63c4;--brand-soft:#e7f2fe;--teal:#00cab6;--teal-ink:#007e6e;--teal-soft:#dcf7f3;
  --ok:#12b76a;--ok-ink:#067647;--dot:rgba(10,60,120,.14);--dev:#0b0f18;--dev-2:#1b2230;
  --fx-1:#0b87f3;--fx-2:#00a594;--fx-3:#6a5cf0;--fx-4:#e08a00;--fx-5:#0f9fcf;--fx-6:#15a06c;
  --fx-g1:#ffd666;--fx-g2:#f4b400;--fx-g3:#c98a00;--fx-b1:#7debdd;--fx-b2:#00bfae;--fx-b3:#00897c;
  --shadow-s:0 1px 2px rgba(10,18,32,.05),0 3px 8px -2px rgba(10,18,32,.06);
  --shadow-m:0 2px 4px rgba(10,18,32,.04),0 14px 32px -12px rgba(10,18,32,.16);
  --shadow-l:0 4px 10px rgba(10,18,32,.05),0 40px 80px -30px rgba(10,30,60,.32)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--bg:#070c15;--bg-alt:#0a1120;--surface:#0e1627;--surface-2:#121d31;--surface-3:#182642;--line:#1d2b43;--line-2:#2b3d5b;
  --ink:#e9f0fa;--ink-2:#a5b6cf;--ink-3:#9aaac2;--brand:#3ba6ff;--brand-ink:#63b8ff;--brand-soft:#0f2743;--teal:#1fdcc7;--teal-ink:#3fe3d0;--teal-soft:#0b3038;--ok-ink:#34d399;
  --dot:rgba(120,180,255,.12);--dev:#030509;--dev-2:#151b27;
  --fx-1:#3ba5ff;--fx-2:#2fd6c3;--fx-3:#9b90ff;--fx-4:#f2b441;--fx-5:#3cc4ef;--fx-6:#3fd59b;
  --fx-g1:#f7d26b;--fx-g2:#e0a91c;--fx-g3:#a87700;--fx-b1:#6fe3d5;--fx-b2:#13b7a6;--fx-b3:#0b7d72;
  --shadow-s:0 1px 2px rgba(0,0,0,.4);--shadow-m:0 2px 6px rgba(0,0,0,.4),0 16px 34px -14px rgba(0,0,0,.7);--shadow-l:0 6px 14px rgba(0,0,0,.45),0 44px 90px -34px rgba(0,0,0,.9);color-scheme:dark}}
[data-theme="dark"]{--bg:#070c15;--bg-alt:#0a1120;--surface:#0e1627;--surface-2:#121d31;--surface-3:#182642;--line:#1d2b43;--line-2:#2b3d5b;
  --ink:#e9f0fa;--ink-2:#a5b6cf;--ink-3:#9aaac2;--brand:#3ba6ff;--brand-ink:#63b8ff;--brand-soft:#0f2743;--teal:#1fdcc7;--teal-ink:#3fe3d0;--teal-soft:#0b3038;--ok-ink:#34d399;
  --dot:rgba(120,180,255,.12);--dev:#030509;--dev-2:#151b27;
  --fx-1:#3ba5ff;--fx-2:#2fd6c3;--fx-3:#9b90ff;--fx-4:#f2b441;--fx-5:#3cc4ef;--fx-6:#3fd59b;
  --fx-g1:#f7d26b;--fx-g2:#e0a91c;--fx-g3:#a87700;--fx-b1:#6fe3d5;--fx-b2:#13b7a6;--fx-b3:#0b7d72;
  --shadow-s:0 1px 2px rgba(0,0,0,.4);--shadow-m:0 2px 6px rgba(0,0,0,.4),0 16px 34px -14px rgba(0,0,0,.7);--shadow-l:0 6px 14px rgba(0,0,0,.45),0 44px 90px -34px rgba(0,0,0,.9);color-scheme:dark}

/* ---------------------------------------------------------------- baza */
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:calc(var(--header-h) + 16px);-webkit-text-size-adjust:100%}
body{margin:0;min-height:100vh;display:flex;flex-direction:column;font-family:"Onest","Inter",system-ui,-apple-system,"Segoe UI",sans-serif;font-size:17px;line-height:1.6;
  -webkit-font-smoothing:antialiased;color:var(--ink);background:var(--bg)}
body.is-clasic{background-image:radial-gradient(var(--dot) 1px,transparent 1.2px);background-size:22px 22px}
img,video{max-width:100%;height:auto}
a{color:var(--brand-ink)}
/* linkurile din text (26 oct 2026, todo: „unde avem url in orice text ... albastru dooz fara underline”): albastrul marcii, fara
   subliniere, mai gros decat textul (se deosebeste si fara linie). Pe „culoarea marcii” `--link` e alb si raman subliniate - acolo
   textul e tot alb. Componentele (cu clasa) isi pastreaza stilul lor. */
a:not([class]){color:var(--link,var(--brand));font-weight:600;text-decoration:none}
a:not([class]):hover{color:var(--brand-ink)}
button{font:inherit}
:focus-visible{outline:2px solid var(--brand);outline-offset:3px}
.sx-sr{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.sx-sari{position:fixed;left:14px;top:-80px;z-index:100;padding:10px 16px;border-radius:12px 12px 12px var(--notch);background:var(--ink);color:var(--bg);font-weight:700;text-decoration:none}
.sx-sari:focus{top:14px}
.sx-progres{position:fixed;top:0;left:0;right:0;height:3px;z-index:60;background-image:var(--grad);transform-origin:0 50%;transform:scaleX(var(--p,0));pointer-events:none}

/* ---------------------------------------------------------------- butoane */
.sx-btn{position:relative;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:46px;padding:11px 22px;
  border:1px solid transparent;border-radius:14px 14px 14px var(--notch);font-size:.96rem;font-weight:700;line-height:1.15;text-decoration:none;white-space:nowrap;
  color:#fff;background-color:var(--brand);background-image:var(--grad);cursor:pointer;transition:transform .2s var(--ease),box-shadow .2s var(--ease),border-color .2s}
/* gradientul acopera si bordura transparenta: altfel se repeta sub ea si lasa o linie albastra pe marginea din dreapta / de jos
   (26 oct 2026, Dragos: „o bordura right ciudata" la buton si la cercurile aprinse) */
.sx-btn{background-origin:border-box}
.sx-btn::after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 30%,rgba(255,255,255,.34) 50%,transparent 70%);transform:translateX(-120%);transition:transform .7s var(--ease)}
.sx-btn:hover{transform:translateY(-1px);box-shadow:0 12px 26px -10px rgba(11,135,243,.55)}
.sx-btn:hover::after{transform:translateX(120%)}
.sx-btn i{font-size:1.05em;transition:transform .2s var(--ease)}
.sx-btn:hover i{transform:translateX(3px)}
.sx-btn-line{color:var(--ink);background:var(--surface);background-image:none;border-color:var(--line-2)}
.sx-btn-line::after{display:none}
.sx-btn-line:hover{border-color:var(--brand);box-shadow:var(--shadow-m)}

/* ---------------------------------------------------------------- antetul */
/* ⚠️ fundalul plin, nu 94% (26 oct 2026, Dragos: „meniul principal sa ramana fara opacity la scroll”): pe el se vedea pagina de dedesubt */
.top{position:sticky;top:0;z-index:50;background:var(--bg);border-bottom:1px solid transparent;transition:border-color .25s,box-shadow .25s}
.top.is-stuck{border-bottom-color:var(--line);box-shadow:0 10px 30px -22px rgba(10,30,60,.45)}
.top-in{max-width:var(--shell);margin:0 auto;padding:0 var(--gutter);height:var(--header-h);display:flex;align-items:center;gap:18px}
.logo{display:inline-flex;flex:none;text-decoration:none}
.logo img{display:block;height:42px;width:auto}
@media (max-width:760px){.logo img{height:36px}}
.logo-d{display:none!important}
[data-theme="dark"] .logo-l{display:none!important}[data-theme="dark"] .logo-d{display:block!important}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .logo-l{display:none!important}:root:not([data-theme="light"]) .logo-d{display:block!important}}
/* ⚠️ `overflow:hidden`: prea multe linkuri (7 ancore + paginile din meniu) treceau PESTE limba, tema si butoane (revizia din 29 sept
   2026); acum se taie, iar site.js muta tot meniul in butonul de telefon (`.top.is-strans`) cand nu incape. Fara JS: pe randuri. */
nav.menu{display:flex;align-items:center;gap:2px;margin-left:8px;min-width:0;overflow:hidden;padding:4px 2px}
.top.is-strans nav.menu,.top.is-strans .top-act>.sx-btn,.top.is-strans .top-act>.lang{display:none}
.top.is-strans .sx-burger{display:block}
html:not(.js) .top-in{flex-wrap:wrap;height:auto;min-height:var(--header-h)}
html:not(.js) nav.menu{flex-wrap:wrap;overflow:visible}
nav.menu:not(.menu-m) a{white-space:nowrap;text-decoration:none;color:var(--ink-2);font-weight:600;font-size:.93rem;padding:8px 12px;border-radius:12px 12px 12px var(--notch);transition:background-color .18s,color .18s}
nav.menu:not(.menu-m) a:hover{background:var(--surface-2);color:var(--ink)}
nav.menu:not(.menu-m) a[aria-current],nav.menu:not(.menu-m) a.is-on{color:var(--ink);background:var(--brand-soft)}
nav.menu .sep,.sx-meniu .sep{width:1px;height:18px;background:var(--line-2);margin:0 8px;flex:none}
.top-act{margin-left:auto;display:flex;align-items:center;gap:8px;flex:none}
.top-act .sx-btn{min-height:40px;padding:9px 16px;font-size:.9rem}
.top-act .sx-btn i{display:none}
.lang{text-decoration:none;color:var(--ink-3);font-size:.86rem;font-weight:700;padding:8px 10px;border-radius:12px 12px 12px var(--notch)}
.lang:hover{background:var(--surface-2);color:var(--ink)}
.sx-tema{width:40px;height:40px;display:grid;place-items:center;border:1px solid var(--line);border-radius:12px 12px 12px var(--notch);background:var(--surface);color:var(--ink-2);cursor:pointer}
.sx-tema:hover{color:var(--ink);border-color:var(--line-2)}
.sx-tema svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.sx-tema .i-soare{display:none}
[data-theme="dark"] .sx-tema .i-luna{display:none}[data-theme="dark"] .sx-tema .i-soare{display:block}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .sx-tema .i-luna{display:none}:root:not([data-theme="light"]) .sx-tema .i-soare{display:block}}
.sx-burger{display:none;position:relative;width:44px;height:44px;border:1px solid var(--line-2);border-radius:12px 12px 12px var(--notch);background:var(--surface);cursor:pointer}
.sx-burger span,.sx-meniu-x span{position:absolute;left:12px;right:12px;height:2px;border-radius:2px;background:var(--ink)}
.sx-burger span:first-child{top:16px}.sx-burger span:last-child{top:25px}

/* meniul de telefon: un cerc care creste din buton */
.sx-meniu{position:fixed;inset:0;z-index:70;display:flex;flex-direction:column;gap:18px;padding:88px var(--gutter) calc(28px + env(safe-area-inset-bottom));background:var(--bg);overflow:auto;
  clip-path:circle(0 at var(--ox,92%) var(--oy,36px));visibility:hidden;transition:clip-path .6s var(--ease-out),visibility .6s}
.sx-meniu.is-open{clip-path:circle(160% at var(--ox,92%) var(--oy,36px));visibility:visible}
.sx-meniu nav{display:flex;flex-direction:column}
.sx-meniu nav:not(.sx-mm) a{padding:14px 2px;border-bottom:1px solid var(--line);color:var(--ink);font-size:1.45rem;font-weight:700;letter-spacing:-.02em;text-decoration:none;opacity:0;transform:translateY(12px);transition:opacity .45s var(--ease-out),transform .45s var(--ease-out)}
.sx-meniu.is-open nav a{opacity:1;transform:none}
.sx-meniu nav a:nth-child(2){transition-delay:.05s}.sx-meniu nav a:nth-child(3){transition-delay:.1s}.sx-meniu nav a:nth-child(4){transition-delay:.15s}.sx-meniu nav a:nth-child(5){transition-delay:.2s}.sx-meniu nav a:nth-child(n+6){transition-delay:.25s}
.sx-meniu nav .sep{width:auto;height:1px;margin:10px 0;background:transparent}
.sx-meniu-jos{margin-top:auto;display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.sx-meniu-jos .sx-btn{flex:1 1 180px}
.sx-meniu-x{position:absolute;top:14px;right:var(--gutter);width:44px;height:44px;border:1px solid var(--line-2);border-radius:12px 12px 12px var(--notch);background:var(--surface);cursor:pointer}
.sx-meniu-x span{top:20px}.sx-meniu-x span:first-child{transform:rotate(45deg)}.sx-meniu-x span:last-child{transform:rotate(-45deg)}
html.is-meniu{overflow:hidden}

/* ---------------------------------------------------------------- pagina si secțiunile */
.sx-main{flex:1;width:100%}
.sx-in{max-width:var(--shell);margin:0 auto;padding:0 var(--gutter)}
/* ⚠️ `overflow-x:clip` (nu hidden): decorurile care ies din secțiune (inelele dispozitivelor, aurora, orbitele) nu mai dau derulare
   laterala pe telefon (verificarea din 29 sept 2026: +40..+176 px), iar `position:sticky` din interior (stiva, intrebarile) merge
   mai departe - `clip` nu face din secțiune un container de derulare. Browserele fara `clip`: regula de rezerva de mai jos. */
.sx{position:relative;padding:clamp(64px,8.5vw,120px) 0;overflow-x:clip}
@supports not (overflow:clip){body{overflow-x:hidden}}
.sx-bg-alt{background:var(--bg-alt)}
.sx-bg-adanc,.sx-apel:not(.stil-panou){--bg:#050a14;--bg-alt:#0a1424;--surface:#0c182b;--surface-2:#101d33;--surface-3:#16284a;--line:rgba(122,178,255,.16);--line-2:rgba(122,178,255,.3);
  --ink:#e8f1fd;--ink-2:#a9bcd8;--ink-3:#8a9db8;--brand:#3ba6ff;--brand-ink:#63b8ff;--brand-soft:rgba(59,166,255,.14);--teal:#1fdcc7;--teal-ink:#3fe3d0;--teal-soft:rgba(31,220,199,.12);--ok-ink:#34d399;
  --dot:rgba(120,180,255,.13);--shadow-s:0 1px 2px rgba(0,0,0,.4);--shadow-m:0 2px 6px rgba(0,0,0,.4),0 16px 34px -14px rgba(0,0,0,.7);--shadow-l:0 6px 14px rgba(0,0,0,.45),0 44px 90px -34px rgba(0,0,0,.9);color:var(--ink)}
.sx-bg-adanc{background:#050a14;background-image:radial-gradient(900px 420px at 15% 0%,rgba(11,135,243,.16),transparent 70%),radial-gradient(700px 380px at 90% 100%,rgba(0,202,182,.12),transparent 70%)}
.sx-bg-marca{--link:#fff;--ink:#fff;--ink-2:rgba(255,255,255,.88);--ink-3:rgba(255,255,255,.74);--brand-soft:rgba(255,255,255,.18);--brand-ink:#fff;--line:rgba(255,255,255,.26);--teal-ink:#fff;background-color:var(--brand);background-image:var(--grad);color:#fff}
/* fundalul „erou” (28 oct 2026, Dragos: „adaugă la toate acel bg de pe homepage”): ca eroul de pe Acasa (blocul AI 57, `.fa-fond`) -
   lumina albastra stanga-sus, cea turcoaz in dreapta, reteaua de puncte care se stinge spre margini. Straturi de fundal ale secțiunii
   (fara ::before / ::after, pe care le pot folosi blocurile), ancorate SUS in px: pe o secțiune lunga (documentele) raman sus. Stratul
   „stinge” (culoarea paginii, transparent in mijloc) tine locul mastii punctelor de pe Acasa. Ca prima secțiune: spatiul de sus de pe Acasa. */
.sx-bg-erou{background-color:var(--bg);background-image:radial-gradient(circle min(36vw,500px) at calc(min(36vw,500px) - 18%) 185px,rgba(11,135,243,.2),transparent),radial-gradient(circle min(29vw,420px) at calc(115% - min(29vw,420px)) 455px,rgba(0,202,182,.16),transparent),radial-gradient(92% 717px at 50% 332px,transparent 32%,var(--bg) 84%),radial-gradient(var(--dot) 1px,transparent 1.3px);background-size:auto,auto,auto,22px 22px;background-repeat:no-repeat,no-repeat,no-repeat,repeat}
.sx-main>section.sx-bg-erou:first-of-type{padding-top:clamp(28px,4.4vw,72px)}
/* ⚠️ Pe „culoarea marcii" textul secțiunii e alb, dar TOATE suprafetele albe din ea (carduri, toast-uri, tabel, cronologie,
   citate, dale, pastile, panoul numaratorii...) isi iau inapoi textul inchis - lista vine din regulile cu `background:var(--surface)`.
   Pana pe 29 sept 2026 lista avea 11 elemente si 18 blocuri aratau text alb pe alb (revizia). Butoanele si etichetele din ele la fel. */
.sx-bg-marca :is(.sx-card,.sx-pret,.sx-pret-nota,.sx-chat,.sx-faq,.sx-faqc,.sx-cs,.sx-app,.sx-articol.is-card,.sx-browser,.sx-voce-scena,.sx-banda-el,.sx-apr-el,.sx-flot,.sx-toast,.sx-notif-scena,
  .sx-stiva-card,.sx-rx-pasi,.sx-rx-ic,.sx-tabel-loc,.sx-cron-card,.sx-cron-nod,.sx-citat,.sx-om,.sx-dala,.sx-orb-el-in,.sx-orbita-centru,.sx-numar-panou,.sx-file-bara,
  .sx-fila-panou,.sx-comp-col,.sx-limba,.sx-adn-lista li,.sx-apc,.sx-colaj-ecran-in,.sx-colaj-ecran figcaption,.sx-dev-ecran,.sx-flux-ic,.sx-grafic-loc,
  .sx-kpi-el,.sx-logo-el,.sx-pas-nr,.sx-prod,.sx-schelet,.sx-vl,.sx-voce-cifre div,.sx-test-btn,.sx-ind-maner,.sx-comanda,.sx-fac){
  --ink:#0a1220;--ink-2:#41536c;--ink-3:#54667f;--surface:#fff;--surface-2:#f6f9fe;--surface-3:#eaf1fb;--line:#e2eaf5;--line-2:#cfdcee;--brand-soft:#e7f2fe;--brand-ink:#0a63c4;--teal-ink:#007e6e;--teal-soft:#dcf7f3;--ok-ink:#067647;--link:#0b87f3;color:var(--ink)}
.sx-bg-marca .sx-eticheta{background:rgba(255,255,255,.18);color:#fff}
.sx-bg-marca :is(.hl-grad,.sx-titlu strong,.sx-erou-titlu strong,.sx-rand h3 strong){background:none;-webkit-background-clip:border-box;background-clip:border-box;color:#fff}
.sx-bg-marca .sx-cron-et.is-urmeaza .sx-cron-card{background:var(--surface);border-style:dashed}
.sx-bg-marca .sx-comp-vs{background:#0a1220;color:#fff;box-shadow:0 0 0 6px rgba(255,255,255,.3)}
.sx-bg-marca .sx-btn{background:#fff;color:#0a63c4}
.sx-bg-marca .sx-btn-line{background:transparent;color:#fff;border-color:rgba(255,255,255,.55)}
.sx-bg-marca :is(.sx-card,.sx-pret,.sx-chat,.sx-app,.sx-stiva-card,.sx-fila-panou,.sx-numar-panou,.sx-comp-col,.sx-cron-card,.sx-dala,.sx-toast,.sx-faqc) .sx-eticheta{background:var(--brand-soft);color:var(--brand-ink)}
.sx-bg-marca :is(.sx-card,.sx-pret,.sx-chat,.sx-app,.sx-stiva-card,.sx-fila-panou,.sx-numar-panou,.sx-comp-col,.sx-cron-card,.sx-dala,.sx-toast) .sx-btn{background-color:var(--brand);background-image:var(--grad);color:#fff}
.sx-bg-marca :is(.sx-card,.sx-pret,.sx-chat,.sx-app,.sx-stiva-card,.sx-fila-panou,.sx-numar-panou,.sx-comp-col,.sx-cron-card,.sx-dala,.sx-toast) .sx-btn-line{background:var(--surface);color:var(--ink);border-color:var(--line-2)}
/* secțiunile din afara ecranului isi opresc animatiile CSS (inele, orbite, benzi): site.js pune `sx-oprit` */
.sx-oprit,.sx-oprit *,.sx-oprit::before,.sx-oprit::after,.sx-oprit *::before,.sx-oprit *::after{animation-play-state:paused!important}
.sx-gol{margin:0 auto;max-width:640px;padding:18px 20px;border:1.5px dashed var(--line-2);border-radius:16px 16px 16px var(--notch);color:var(--ink-3);text-align:center;font-weight:600}
.sx-ciorna{padding-top:18px}
.draft{margin:0 0 18px;padding:10px 14px;border-radius:12px 12px 12px var(--notch);background:#fff4e5;color:#7a4a00;border:1px solid #f5d9a8;font-size:.9rem}

/* capul unei secțiuni */
.sx-cap{max-width:780px;margin:0 0 clamp(34px,4.4vw,56px)}
.sx-cap.is-centru{margin-inline:auto;text-align:center}
.sx-eticheta{display:inline-flex;align-items:center;gap:8px;margin:0 0 16px;padding:6px 13px 6px 11px;border-radius:999px;background:var(--brand-soft);color:var(--brand-ink);font-size:.8rem;font-weight:700;letter-spacing:.01em}
.sx-eticheta::before{content:"";width:7px;height:7px;border-radius:50% 50% 50% 1px;background-image:var(--grad)}
.sx-titlu{margin:0;font-size:clamp(1.95rem,1.1rem + 2.6vw,3.15rem);line-height:1.08;letter-spacing:-.035em;font-weight:800;text-wrap:balance}
.sx-titlu strong,.sx-erou-titlu strong,.sx-rand h3 strong{background-image:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.sx-lead{margin-top:16px;font-size:clamp(1.02rem,.95rem + .35vw,1.18rem);line-height:1.65;color:var(--ink-2);text-wrap:pretty}
.sx-lead p{margin:0 0 .8em}.sx-lead p:last-child{margin-bottom:0}
.sx-lead ul{margin:.4em 0;padding-left:1.2em}
.sx-lead a,.sx-card-t a,.sx-faq-r a{color:var(--brand-ink);font-weight:600}

/* apariția la derulare (doar cu JS; fara JS totul e acolo) */
.js [data-reveal]{opacity:0;transform:translateY(22px);transition:opacity .8s var(--ease-out),transform .8s var(--ease-out);transition-delay:var(--d,0s)}
.js [data-reveal].is-in{opacity:1;transform:none}
.js .intra{opacity:0;transform:translateY(16px);animation:intra .9s var(--ease-out) forwards;animation-delay:var(--d,0s)}
@keyframes intra{to{opacity:1;transform:none}}
/* plasa: daca runtime-ul nu porneste (retea, eroare), nimic nu ramane ascuns - dupa 2,5 s totul apare singur */
.js:not(.sx-gata) [data-reveal]{animation:intra .6s var(--ease-out) 2.5s forwards}

/* ---------------------------------------------------------------- EROU */
.sx-b-erou{overflow:hidden;padding:clamp(40px,6vw,92px) 0 clamp(60px,7.5vw,112px)}
.sx-erou-fond{position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(var(--dot) 1px,transparent 1.3px);background-size:22px 22px;
  -webkit-mask-image:radial-gradient(ellipse 80% 70% at 50% 30%,#000 25%,transparent 78%);mask-image:radial-gradient(ellipse 80% 70% at 50% 30%,#000 25%,transparent 78%)}
.sx-erou-fond.fond-simplu{background:none}
.sx-erou-fond.fond-aurora::before,.sx-erou-fond.fond-aurora::after{content:"";position:absolute;border-radius:50%;width:min(62vw,900px);aspect-ratio:1;
  background:radial-gradient(closest-side,rgba(11,135,243,.2),transparent);top:-28%;left:-12%;animation:derivaA 22s ease-in-out infinite alternate}
.sx-erou-fond.fond-aurora::after{background:radial-gradient(closest-side,rgba(0,202,182,.17),transparent);top:4%;left:auto;right:-16%;animation:derivaB 26s ease-in-out infinite alternate}
@keyframes derivaA{to{transform:translate(9%,7%) scale(1.08)}}
@keyframes derivaB{to{transform:translate(-8%,-6%) scale(1.1)}}
.sx-erou-grila{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);gap:clamp(34px,5vw,76px);align-items:center}
.sx-erou-grila.is-singur{grid-template-columns:minmax(0,1fr);max-width:920px}
.sx-erou-titlu{margin:0 0 22px;font-size:clamp(2.5rem,1.3rem + 4.2vw,4.75rem);line-height:1.02;letter-spacing:-.045em;font-weight:800}
.hl{display:block;padding-bottom:.06em}
.js .hl{clip-path:inset(-.3em 100% -.24em 0);animation:hlWipe 1s cubic-bezier(.6,.02,.18,1) forwards;animation-delay:calc(var(--i,0) * 150ms + 120ms)}
@keyframes hlWipe{to{clip-path:inset(-.3em -.06em -.24em 0)}}
.hl-grad{background-image:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.sx-erou-lead{max-width:580px;margin-top:0}
.sx-butoane{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
.sx-note{list-style:none;padding:0;margin:26px 0 0;display:flex;flex-wrap:wrap;gap:10px 22px;color:var(--ink-2);font-size:.92rem;font-weight:600}
.sx-note li{display:inline-flex;align-items:center;gap:7px}
.sx-note i{color:var(--teal-ink);font-size:1.15rem}
.sx-erou-vizual{position:relative;min-width:0}
.sx-b-erou .sx-chat:not(.is-ecran){transform:perspective(1500px) rotateY(-5deg) rotateX(2deg);transition:transform .8s var(--ease)}
.sx-b-erou .sx-chat:not(.is-ecran):hover{transform:perspective(1500px) rotateY(0) rotateX(0)}
.sx-erou-poza{margin:0}
.sx-erou-poza img,.sx-erou-poza video{display:block;width:100%;border-radius:var(--r-xl) var(--r-xl) var(--r-xl) var(--notch);box-shadow:var(--shadow-l)}

/* ---------------------------------------------------------------- CHATUL (ca widgetul adevarat; in em, ca sa se micsoreze in telefon) */
.sx-chat{position:relative;display:flex;flex-direction:column;height:560px;max-width:470px;margin-inline:auto;overflow:hidden;background:var(--surface);
  border:1px solid var(--line);border-radius:1.5em 1.5em 1.5em .5em;box-shadow:var(--shadow-l);font-size:15px;line-height:1.45;text-align:left}
.sx-chat-cap{display:flex;align-items:center;gap:.7em;padding:.9em 1em;border-bottom:1px solid var(--line);background:var(--surface)}
.sx-chat-av{width:2.35em;height:2.35em;flex:none;display:grid;place-items:center;border-radius:.8em .8em .8em .28em;background:var(--brand-soft)}
.sx-chat-av img{width:1.45em;height:1.45em}
.sx-chat-nume{display:flex;flex-direction:column;min-width:0;line-height:1.25}
.sx-chat-nume b{font-size:.98em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sx-chat-nume span{display:flex;align-items:center;gap:.4em;font-size:.76em;color:var(--ink-3)}
.sx-punct{width:.5em;height:.5em;border-radius:50%;background:var(--ok);box-shadow:0 0 0 .2em rgba(18,183,106,.18)}
.js .sx-punct{animation:puls 2.4s ease-in-out infinite}
@keyframes puls{50%{box-shadow:0 0 0 .38em rgba(18,183,106,.06)}}
.sx-chat-cap-ic{margin-left:auto;display:flex;gap:.7em;color:var(--ink-3);font-size:1.15em}
.sx-chat-fir{flex:1;min-height:0;display:flex;flex-direction:column;justify-content:flex-end;gap:.62em;padding:1em;overflow:hidden;background:var(--chat-fir);
  -webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 2.6em);mask-image:linear-gradient(to bottom,transparent 0,#000 2.6em)}
.sx-chat-fir>*{flex:none}
.sx-m{max-width:86%;padding:.62em .9em;border-radius:1.15em 1.15em 1.15em .38em;word-wrap:break-word;overflow-wrap:anywhere}
.sx-m p{margin:0 0 .45em}.sx-m p:last-child{margin:0}
.sx-m ul{margin:.3em 0;padding-left:1.1em}
.sx-m-as{align-self:flex-start;background:var(--chat-bot-bg);border:1px solid var(--chat-bot-line);color:var(--chat-bot-ink)}
.sx-m-viz{align-self:flex-end;background-color:var(--brand);background-image:var(--chat-om-bg);color:var(--chat-om-ink);box-shadow:var(--chat-om-sh);border-radius:1.15em 1.15em .38em 1.15em}
.sx-m-viz a{color:#fff}
.sx-scrie{align-self:flex-start;display:inline-flex;gap:.28em;padding:.85em 1em;background:var(--chat-bot-bg);border:1px solid var(--chat-bot-line);border-radius:1.15em 1.15em 1.15em .38em}
.sx-scrie i{width:.45em;height:.45em;border-radius:50%;background:var(--ink-3);animation:punct 1.2s ease-in-out infinite}
.sx-scrie i:nth-child(2){animation-delay:.15s}.sx-scrie i:nth-child(3){animation-delay:.3s}
@keyframes punct{0%,60%,100%{transform:translateY(0);opacity:.45}30%{transform:translateY(-.26em);opacity:1}}
.sx-intra{animation:bulaIn .45s var(--ease-out) both}
@keyframes bulaIn{from{opacity:0;transform:translateY(.65em) scale(.98)}to{opacity:1;transform:none}}
.sx-chat.is-fade .sx-chat-fir>*{opacity:0;transition:opacity .45s}
.sx-prod-rand{align-self:stretch;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5em}
.sx-prod-rand.n1{grid-template-columns:minmax(0,.55fr)}.sx-prod-rand.n2{grid-template-columns:repeat(2,minmax(0,.8fr))}
.sx-prod{display:flex;flex-direction:column;gap:.2em;min-width:0;padding:.5em;background:var(--surface);border:1px solid var(--line);border-radius:.9em .9em .9em .32em;box-shadow:var(--shadow-s);font-size:.8em}
.sx-intra .sx-prod{animation:bulaIn .5s var(--ease-out) both}.sx-intra .sx-prod:nth-child(2){animation-delay:.1s}.sx-intra .sx-prod:nth-child(3){animation-delay:.2s}
.sx-prod-poza{display:grid;place-items:center;aspect-ratio:1;margin-bottom:.3em;overflow:hidden;border-radius:.65em;background:var(--surface-3);color:var(--brand);font-size:1.9em}
.sx-prod-poza img{width:100%;height:100%;object-fit:cover}
.sx-prod b{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.25}
.sx-prod-cod{color:var(--ink-3);font-size:.86em;font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sx-prod-jos{display:flex;align-items:center;justify-content:space-between;gap:.3em;margin-top:auto;padding-top:.3em}
.sx-prod-pret{font-weight:800;white-space:nowrap}
.sx-prod-plus{width:1.7em;height:1.7em;flex:none;display:grid;place-items:center;border-radius:.55em .55em .55em .2em;background-image:var(--grad);color:#fff}
.sx-nota{align-self:center;display:inline-flex;align-items:center;gap:.45em;max-width:92%;padding:.45em .85em;border-radius:999px;background:var(--teal-soft);color:var(--teal-ink);font-size:.82em;font-weight:700}
.sx-nota i{font-size:1.15em}
.sx-comanda{align-self:stretch;display:grid;grid-template-columns:auto minmax(0,1fr);gap:.25em .8em;padding:.9em;background:var(--surface);border:1px solid color-mix(in srgb,var(--ok) 38%,var(--line));border-radius:1em 1em 1em .38em;box-shadow:var(--shadow-s)}
.sx-comanda-ic{width:2.3em;height:2.3em;display:grid;place-items:center;border-radius:.75em .75em .75em .26em;background:var(--ok);color:#fff;font-size:1.05em}
.sx-intra .sx-comanda-ic{animation:bifa .6s var(--ease-out) .15s both}
@keyframes bifa{from{transform:scale(.4) rotate(-20deg);opacity:0}to{transform:none;opacity:1}}
.sx-comanda-t{display:flex;flex-direction:column;justify-content:center;min-width:0}
.sx-comanda-t b{font-size:.94em;line-height:1.3}
.sx-comanda-t span{font-size:.82em;color:var(--ink-2)}
.sx-comanda-pasi{grid-column:1/-1;list-style:none;margin:.55em 0 0;padding:0;display:flex;gap:.4em}
.sx-comanda-pasi li{flex:1;padding-top:.45em;border-top:.2em solid var(--line);font-size:.72em;font-weight:700;color:var(--ink-3)}
.sx-comanda-pasi li.is-ok{border-top-color:var(--ok);color:var(--ok-ink)}
.sx-m-poza{display:flex;flex-direction:column;gap:.4em;padding:.4em}
.sx-poza{display:grid;place-items:center;width:10em;max-width:100%;aspect-ratio:4/3;overflow:hidden;border-radius:.8em;background:rgba(255,255,255,.22);font-size:1.9em}
.sx-poza img{width:100%;height:100%;object-fit:cover}
.sx-m-poza>span:last-child{padding:0 .4em .2em}
.sx-m-voce{display:flex;flex-direction:column;gap:.4em;min-width:62%}
.sx-voce-cap{display:flex;align-items:center;gap:.55em}
.sx-voce-cap em{font-style:normal;font-size:.76em;opacity:.85;white-space:nowrap}
.sx-voce-play{width:1.9em;height:1.9em;flex:none;display:grid;place-items:center;border-radius:50%;background:rgba(255,255,255,.25)}
.sx-unda-mica{flex:1;display:flex;align-items:center;gap:.14em;height:1.5em}
.sx-unda-mica i{flex:1;max-width:.2em;height:40%;border-radius:.1em;background:currentColor;opacity:.9}
.sx-unda-mica i:nth-child(3n){height:85%}.sx-unda-mica i:nth-child(3n+1){height:55%}.sx-unda-mica i:nth-child(4n){height:100%}.sx-unda-mica i:nth-child(5n){height:30%}
.sx-intra .sx-unda-mica i{animation:undaMica 1.1s ease-in-out 2;animation-delay:calc(var(--k,0) * 1ms)}
@keyframes undaMica{50%{transform:scaleY(.45)}}
.sx-voce-t{font-size:.86em;opacity:.95}
.sx-chat-comp{display:flex;align-items:center;gap:.75em;padding:.75em .9em;border-top:1px solid var(--line);background:var(--surface);color:var(--ink-3);font-size:.9em}
.sx-chat-comp>span:first-child{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sx-chat-comp>i{font-size:1.2em}
.sx-trimite{width:2.2em;height:2.2em;flex:none;display:grid;place-items:center;border-radius:.75em .75em .75em .26em;background-image:var(--grad);color:#fff}

/* ---------------------------------------------------------------- DISPOZITIVELE (rame CSS, ecranele in procente) */
.sx-dev-loc{position:relative;max-width:1360px;margin-inline:auto}
.sx-dev-scena{position:relative;width:100%;aspect-ratio:16/10.4}
.sx-dev{position:absolute;transition:transform .7s var(--ease)}
.sx-dev-ecran{position:relative;overflow:hidden;width:100%;height:100%;background:var(--surface-2)}
.sx-ecran-media{display:block;width:100%;height:100%;object-fit:cover;object-position:top center}
.sx-laptop .sx-dev-rama,.sx-monitor .sx-dev-rama{background:var(--dev);border-radius:14px 14px 4px 4px;padding:1.7% 1.7% 2.4%;box-shadow:var(--shadow-l),inset 0 0 0 1px rgba(255,255,255,.07)}
.sx-laptop .sx-dev-ecran{aspect-ratio:16/10;border-radius:4px}
.sx-laptop-baza{display:block;position:relative;height:0;padding-bottom:3.4%;margin:0 -7.5%;border-radius:0 0 14% 14%/0 0 100% 100%;background:linear-gradient(#e2e7ee,#aeb7c4);box-shadow:0 22px 34px -18px rgba(10,30,60,.45)}
.sx-laptop-baza::before{content:"";position:absolute;left:50%;top:0;width:15%;height:34%;transform:translateX(-50%);border-radius:0 0 8px 8px;background:#9aa4b3}
.sx-monitor .sx-dev-rama{border-radius:12px;padding:1.3%}
.sx-monitor .sx-dev-ecran{aspect-ratio:16/9;border-radius:3px}
.sx-monitor-picior{display:block;width:24%;height:0;margin:0 auto;padding-bottom:9%;background:linear-gradient(#d4dae3,#a5afbd);clip-path:polygon(34% 0,66% 0,74% 80%,100% 84%,100% 100%,0 100%,0 84%,26% 80%)}
.sx-tableta{aspect-ratio:4/3;padding:2%;background:var(--dev);border-radius:5.5%/7.3%;box-shadow:var(--shadow-l),inset 0 0 0 1.5px rgba(255,255,255,.08)}
.sx-tableta .sx-dev-ecran{border-radius:2.6%/3.4%}
.sx-telefon{aspect-ratio:9/19.3;padding:2.8%;background:var(--dev);border-radius:15%/7.2%;box-shadow:var(--shadow-l),inset 0 0 0 2px rgba(255,255,255,.08),inset 0 0 0 4px var(--dev-2)}
.sx-telefon::before{content:"";position:absolute;z-index:4;top:3.3%;left:50%;width:29%;height:2.7%;transform:translateX(-50%);border-radius:999px;background:var(--dev)}
.sx-telefon .sx-dev-ecran{display:flex;flex-direction:column;border-radius:12.5%/5.9%;background:var(--surface);container-type:inline-size}
.sx-tel-bara{display:flex;align-items:center;justify-content:space-between;padding:5.5% 9% 2.4%;font-size:4.2cqw;color:var(--ink);flex:none}
.sx-tel-bara b{font-weight:700}
.sx-tel-bara span{display:flex;gap:.3em}
.sx-tel-continut{position:relative;flex:1;min-height:0;display:flex;flex-direction:column}
.sx-tel-continut>.sx-ecran-media{position:absolute;inset:0}
.sx-chat.is-ecran{flex:1;height:auto;max-width:none;margin:0;border:0;border-radius:0;box-shadow:none;font-size:3.9cqw}
.sx-chat.is-ecran .sx-chat-cap{padding-top:.4em}
.sx-chat.is-ecran .sx-chat-cap-ic{display:none}
/* asezarile */
.as-laptop-telefon .sx-laptop{width:79%;left:0;top:3%}
.as-laptop-telefon .sx-telefon{width:23.5%;right:3%;bottom:0}
.as-trio .sx-laptop{width:64%;left:18%;top:0}
.as-trio .sx-tableta{width:39%;left:0;bottom:3%}
.as-trio .sx-telefon{width:19.5%;right:2%;bottom:0}
.as-monitor-telefon .sx-monitor{width:76%;left:0;top:0}
.as-monitor-telefon .sx-telefon{width:23%;right:4%;bottom:0}
.as-tableta-telefon .sx-tableta{width:70%;left:3%;top:6%}
.as-tableta-telefon .sx-telefon{width:24%;right:5%;bottom:0}
.as-laptop{aspect-ratio:16/10.9}.as-laptop .sx-laptop{width:86%;left:7%;top:2%}
.as-telefon{aspect-ratio:auto;display:grid;place-items:center;padding:3% 0}
.as-telefon .sx-telefon{position:relative;width:min(330px,72%)}
.sx-dev-scena.is-simplu{aspect-ratio:16/10.9}
/* 3D: fiecare dispozitiv intors spre centru; cursorul misca putin tot (site.js pune --tx / --ty intre -1 si 1) */
.t3d .sx-laptop,.t3d .sx-monitor{transform:perspective(2400px) rotateY(calc(11deg + var(--tx,0) * 4deg)) rotateX(calc(4deg - var(--ty,0) * 3deg));transform-origin:30% 50%}
.t3d .sx-tableta{transform:perspective(1800px) rotateY(calc(16deg + var(--tx,0) * 4deg)) rotateX(calc(5deg - var(--ty,0) * 3deg)) rotateZ(1deg)}
.t3d .sx-telefon{transform:perspective(1500px) rotateY(calc(-17deg + var(--tx,0) * 6deg)) rotateX(calc(5deg - var(--ty,0) * 4deg)) rotateZ(-2deg);transform-origin:50% 60%}
.t3d.as-telefon .sx-telefon{transform:perspective(1500px) rotateY(calc(-12deg + var(--tx,0) * 8deg)) rotateX(calc(4deg - var(--ty,0) * 4deg))}
/* inelele si etichetele plutitoare */
.sx-inele{position:absolute;inset:-8% -2%;pointer-events:none;z-index:0}
.sx-inele i{position:absolute;left:52%;top:52%;aspect-ratio:1;border-radius:50%;border:1px solid color-mix(in srgb,var(--brand) 24%,transparent);transform:translate(-50%,-50%)}
.sx-inele i:nth-child(1){width:46%}.sx-inele i:nth-child(2){width:72%;border-color:color-mix(in srgb,var(--teal) 22%,transparent)}
.sx-inele i:nth-child(3){width:98%;border-style:dashed;border-color:color-mix(in srgb,var(--brand) 16%,transparent);animation:roteste 90s linear infinite}
@keyframes roteste{to{transform:translate(-50%,-50%) rotate(360deg)}}
.sx-flot{position:absolute;z-index:6;display:inline-flex;align-items:center;gap:9px;max-width:46%;padding:8px 14px 8px 8px;background:var(--surface);border:1px solid var(--line);
  border-radius:14px 14px 14px 5px;box-shadow:var(--shadow-m);font-size:.86rem;font-weight:700;color:var(--ink);animation:pluteste 7s ease-in-out infinite;animation-delay:calc(var(--i,0) * -1.8s)}
.sx-flot i{width:30px;height:30px;flex:none;display:grid;place-items:center;border-radius:10px 10px 10px 3px;background:var(--brand-soft);color:var(--brand);font-size:1.05rem}
.sx-flot span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sx-flot[style*="--i:0"]{left:-1%;top:14%}.sx-flot[style*="--i:1"]{left:6%;bottom:6%}.sx-flot[style*="--i:2"]{right:-1%;top:6%}.sx-flot[style*="--i:3"]{left:40%;bottom:-3%}
@keyframes pluteste{50%{transform:translateY(-10px)}}
/* ecranul fara captura: o interfata schitata */
.sx-schelet{position:absolute;inset:0;display:grid;grid-template-columns:17% minmax(0,1fr);grid-template-rows:auto auto minmax(0,1fr) auto;gap:4% 3.5%;padding:3.5%;background:var(--surface)}
.sx-schelet i,.sx-schelet span>i{display:block;border-radius:5px;background:var(--surface-3)}
.sx-schelet .s-bara{grid-column:1/-1;height:0;padding-bottom:3.4%;background:var(--surface-2)}
.sx-schelet .s-side{grid-row:2/5;background:linear-gradient(var(--brand-soft),var(--surface-2))}
.sx-schelet .s-kpi{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6%}
.sx-schelet .s-kpi i{height:0;padding-bottom:34%;background:var(--surface-2);box-shadow:inset 0 -3px 0 var(--brand-soft)}
.sx-schelet .s-kpi i:first-child{background:var(--brand-soft)}
.sx-schelet .s-graf{min-height:0;background:linear-gradient(180deg,transparent 30%,color-mix(in srgb,var(--brand) 16%,transparent)),repeating-linear-gradient(90deg,var(--line) 0 1px,transparent 1px 12.5%);
  -webkit-mask-image:linear-gradient(180deg,#000,#000);border:1px solid var(--line)}
.sx-schelet .s-rand{display:grid;grid-template-columns:2fr 1fr;gap:4%}
.sx-schelet .s-rand i{height:0;padding-bottom:4%}
.sx-schelet.is-tel{display:flex;flex-direction:column;gap:4%;padding:6% 7%}
.sx-schelet.is-tel .s-cap{height:0;padding-bottom:12%;background:var(--surface-2)}
.sx-schelet.is-tel .s-card{height:0;padding-bottom:40%;background:linear-gradient(135deg,var(--brand-soft),var(--surface-2))}
.sx-schelet.is-tel .s-rand{height:0;padding-bottom:6%}.sx-schelet.is-tel .s-rand.scurt{width:60%}
.sx-schelet.is-tel .s-buton{margin-top:auto;height:0;padding-bottom:13%;border-radius:12px;background-image:var(--grad);opacity:.85}

/* ---------------------------------------------------------------- CONVERSATIA */
.sx-conv{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(34px,5vw,80px);align-items:center}
.sx-conv.partea-stanga .sx-conv-text{order:2}
.sx-conv .sx-cap{margin-bottom:0}
.sx-puncte{list-style:none;padding:0;margin:24px 0 0;display:grid;gap:12px}
.sx-puncte li{display:flex;align-items:flex-start;gap:10px;color:var(--ink-2);font-weight:500}
.sx-puncte i{flex:none;margin-top:2px;color:var(--teal-ink);font-size:1.2rem}
.sx-conv-tel{display:grid;place-items:center}
.sx-conv-tel .sx-telefon{position:relative;width:min(340px,82%)}

/* ---------------------------------------------------------------- FUNCTII */
.sx-grila{display:grid;gap:18px;grid-template-columns:repeat(3,minmax(0,1fr))}
.sx-grila.col-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.sx-grila.col-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.sx-card{position:relative;overflow:hidden;padding:26px 24px 24px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg) var(--r-lg) var(--r-lg) var(--notch);
  box-shadow:var(--shadow-s);transition:transform .3s var(--ease),box-shadow .3s var(--ease),border-color .3s}
.sx-card::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:0;transition:opacity .35s;background:radial-gradient(340px circle at var(--mx,50%) var(--my,-20%),color-mix(in srgb,var(--brand) 11%,transparent),transparent 62%)}
.sx-card::after{content:"";position:absolute;left:0;right:0;top:0;height:3px;background-image:var(--grad);transform:scaleX(0);transform-origin:left;transition:transform .5s var(--ease)}
.sx-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-m);border-color:var(--line-2)}
.sx-card:hover::before{opacity:1}.sx-card:hover::after{transform:scaleX(1)}
.sx-card-ic{position:relative;width:48px;height:48px;display:grid;place-items:center;margin-bottom:18px;border-radius:14px 14px 14px 5px;background:var(--brand-soft);color:var(--brand);font-size:1.5rem}
.sx-card h3{position:relative;margin:0 0 8px;font-size:1.13rem;line-height:1.3;letter-spacing:-.015em}
.sx-card-t{position:relative;color:var(--ink-2);font-size:.97rem;line-height:1.6}
.sx-card-t p{margin:0 0 .6em}.sx-card-t p:last-child{margin:0}
.stil-bento{grid-template-columns:repeat(6,minmax(0,1fr));grid-auto-flow:dense}
.stil-bento .sx-card{grid-column:span 2}
.stil-bento .sx-card:nth-child(1){grid-column:span 4;grid-row:span 2;display:flex;flex-direction:column;justify-content:flex-end;min-height:320px;
  background-image:radial-gradient(520px 300px at 85% 0%,color-mix(in srgb,var(--brand) 14%,transparent),transparent 70%),radial-gradient(420px 260px at 0% 100%,color-mix(in srgb,var(--teal) 12%,transparent),transparent 70%)}
.stil-bento .sx-card:nth-child(1) .sx-card-ic{width:60px;height:60px;font-size:1.9rem;background-image:var(--grad);color:#fff;margin-bottom:auto}
.stil-bento .sx-card:nth-child(1) h3{font-size:1.5rem;margin-top:24px}
.stil-bento .sx-card:nth-child(4),.stil-bento .sx-card:nth-child(5){grid-column:span 3}
/* bento cu 4, 6, 7 sau 9 carduri (25 oct 2026): ultimul rand nu mai ramane pe jumatate gol (5 si 8 se potrivesc deja) */
@media (min-width:1101px){
  .stil-bento .sx-card:nth-child(4):last-child{grid-column:span 6}
  .stil-bento:has(>.sx-card:nth-child(6):last-child) .sx-card:nth-child(n+4),.stil-bento:has(>.sx-card:nth-child(9):last-child) .sx-card:nth-child(n+4){grid-column:span 2}
  .stil-bento:has(>.sx-card:nth-child(7):last-child) .sx-card:nth-child(n+4){grid-column:span 3}
}
.stil-simplu .sx-card{padding:6px 0;background:transparent;border:0;box-shadow:none;border-radius:0}
.stil-simplu .sx-card::before,.stil-simplu .sx-card::after{display:none}
.stil-simplu .sx-card:hover{transform:none;box-shadow:none}

/* ---------------------------------------------------------------- CIFRE */
.sx-b-cifre{padding:clamp(48px,6vw,84px) 0}
.sx-cifre-t{margin:0 0 30px;text-align:center;font-size:clamp(1.3rem,1rem + 1vw,1.7rem);letter-spacing:-.02em}
.sx-cifre{display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}
.sx-cifra{padding:6px 18px 6px 20px;border-left:3px solid;border-image:var(--grad) 1}
.sx-cifra b{display:flex;align-items:baseline;gap:2px;font-size:clamp(2.3rem,1.4rem + 2.5vw,3.5rem);font-weight:800;letter-spacing:-.045em;line-height:1;
  background-image:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;font-variant-numeric:tabular-nums}
.sx-cifra .sx-pre,.sx-cifra .sx-suf{font-size:.6em}
.sx-cifra>span{display:block;margin-top:10px;color:var(--ink-2);font-weight:600;line-height:1.4}
.sx-bg-marca .sx-cifra{border-image:none;border-left-color:rgba(255,255,255,.5)}
.sx-bg-marca .sx-cifra b{background:none;color:#fff}

/* ---------------------------------------------------------------- PASI */
.sx-pasi{position:relative;list-style:none;margin:0;padding:0;display:grid;gap:24px;grid-template-columns:repeat(var(--n,3),minmax(0,1fr))}
.sx-pasi.n2{--n:2}.sx-pasi.n4{--n:4}.sx-pasi.n5{--n:5}.sx-pasi.n6{--n:3}
.sx-pasi::before{content:"";position:absolute;left:24px;right:24px;top:23px;height:2px;background:repeating-linear-gradient(90deg,var(--line-2) 0 8px,transparent 8px 14px)}
.sx-pasi.n6::before{display:none}
.sx-pas{position:relative}
.sx-pas-nr{position:relative;z-index:1;display:grid;place-items:center;width:48px;height:48px;margin-bottom:18px;border-radius:50%;background:var(--surface);border:2px solid var(--brand);
  color:var(--brand-ink);font-weight:800;box-shadow:0 0 0 6px var(--bg)}
.sx-bg-alt .sx-pas-nr{box-shadow:0 0 0 6px var(--bg-alt)}
.sx-pas-ic{position:absolute;top:10px;left:62px;color:var(--ink-3);font-size:1.35rem}
.sx-pas h3{margin:0 0 8px;font-size:1.13rem;letter-spacing:-.015em}
.sx-pas div{color:var(--ink-2);line-height:1.6}
.sx-pas div p{margin:0 0 .6em}
.sx-cod{margin:44px auto 0;max-width:780px;overflow:hidden;background:#0b1220;border:1px solid #1d2b43;border-radius:16px 16px 16px var(--notch);box-shadow:var(--shadow-m)}
.sx-cod figcaption{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px 10px 16px;background:#111b2e;color:#a9bcd8;font-size:.82rem;font-weight:600}
.sx-copiaza{display:inline-flex;align-items:center;gap:6px;padding:6px 11px;border:1px solid rgba(122,178,255,.3);border-radius:10px 10px 10px 4px;background:transparent;color:#e8f1fd;font-size:.8rem;font-weight:700;cursor:pointer}
.sx-copiaza:hover{border-color:#63b8ff}
.sx-cod pre{margin:0;padding:18px;overflow:auto;color:#e8f1fd;font:500 .86rem/1.65 "Onest","Inter",system-ui,sans-serif;font-variant-numeric:tabular-nums;white-space:pre-wrap;word-break:break-all}

/* ---------------------------------------------------------------- RANDURI ALTERNANTE */
.sx-randuri{display:flex;flex-direction:column;gap:clamp(60px,7.5vw,112px)}
.sx-rand{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(34px,5vw,76px);align-items:center}
.sx-rand.is-flip .sx-rand-text{order:2}
.sx-rand h3{margin:0 0 6px;font-size:clamp(1.5rem,1.1rem + 1.4vw,2.25rem);line-height:1.15;letter-spacing:-.03em;text-wrap:balance}
.sx-rand .sx-lead{margin-top:10px}
.sx-rand .sx-puncte{margin-bottom:26px}
.sx-browser{overflow:hidden;background:var(--surface);border:1px solid var(--line);border-radius:18px 18px 18px var(--notch);box-shadow:var(--shadow-l)}
.sx-browser-bara{display:flex;align-items:center;gap:6px;padding:11px 14px;border-bottom:1px solid var(--line);background:var(--surface-2)}
.sx-browser-bara i{width:10px;height:10px;border-radius:50%;background:#ff5f57}.sx-browser-bara i:nth-child(2){background:#febc2e}.sx-browser-bara i:nth-child(3){background:#28c840}
.sx-browser-bara span{flex:1;max-width:340px;height:22px;margin-left:12px;border-radius:8px;background:var(--surface-3)}
.sx-browser-ecran{position:relative;aspect-ratio:16/10;overflow:hidden}
.sx-rand-viz.rama-telefon{display:grid;place-items:center}
.sx-telefon.is-mic{position:relative;width:min(300px,64%)}
.sx-rand-viz.rama-nimic img,.sx-rand-viz.rama-nimic video,.sx-rand-viz.rama-nimic .sx-schelet{position:relative;display:block;width:100%;border-radius:20px 20px 20px var(--notch);box-shadow:var(--shadow-l)}
.sx-rand-viz.rama-nimic .sx-schelet{aspect-ratio:16/10}

/* ---------------------------------------------------------------- PRETURI (6 oct 2026: designul din cont › Credite - taburile perioadei,
   reducerea sub nume, caseta pretului, creditele pe luna; aceleasi carduri la „Prețuri", „Pachete" si „Credite extra") */
.sx-pk-taburi{display:flex;flex-direction:column;align-items:center;gap:12px;margin:0 0 38px;text-align:center}
.sx-pk-promo{display:inline-flex;align-items:center;gap:8px;margin:0;padding:6px 14px;border-radius:99px;background:var(--brand-soft);color:var(--brand-ink);font-size:.86rem;font-weight:700}
.sx-pk-promo i{font-size:1.05rem}
.sx-pk-tabs{position:relative;isolation:isolate;display:inline-flex;gap:4px;max-width:100%;padding:5px;border:1px solid var(--line);border-radius:18px 18px 18px 7px;background:var(--surface-2);
  box-shadow:inset 0 1px 2px rgba(10,18,32,.04),0 18px 40px -28px rgba(11,135,243,.55)}
.sx-pk-pill{display:none;position:absolute;z-index:-1;left:0;top:5px;bottom:5px;width:0;border-radius:13px 13px 13px 5px;background-image:var(--grad);box-shadow:0 10px 22px -10px rgba(11,135,243,.65)}
.sx-pk-tabs.is-gata .sx-pk-pill{display:block}
.sx-pk-tabs.is-anim .sx-pk-pill{transition:transform .5s var(--ease-out),width .5s var(--ease-out)}
.sx-pk-tab{display:inline-flex;align-items:center;gap:9px;height:48px;padding:0 24px;border:0;border-radius:13px 13px 13px 5px;background:none;font:inherit;font-size:1rem;font-weight:700;
  color:var(--ink-2);white-space:nowrap;cursor:pointer;transition:color .3s var(--ease)}
.sx-pk-tab:hover{color:var(--ink)}
.sx-pk-tab.is-on{color:#fff;background-image:var(--grad)}
.sx-pk-tabs.is-gata .sx-pk-tab.is-on{background:none}
.sx-pk-tab:focus-visible{outline:2px solid var(--brand);outline-offset:2px}
.sx-pk-tab em{font-style:normal;font-size:.76rem;font-weight:800;padding:4px 9px;border-radius:99px;background:var(--brand-soft);color:var(--brand-ink);transition:background-color .3s var(--ease),color .3s var(--ease)}
.sx-pk-tab.is-on em{background:rgba(255,255,255,.22);color:#fff}
.sx-pk-tabs-nota{margin:0;max-width:60ch;color:var(--ink-3);font-size:.9rem}
.sx-pk-grila{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));align-items:stretch}
.sx-pk-grila.n1{max-width:420px;margin-inline:auto}.sx-pk-grila.n2{max-width:880px;margin-inline:auto}
.sx-pk{position:relative;display:flex;flex-direction:column;gap:18px;padding:28px 24px 24px;background:var(--surface);border:1px solid var(--line);border-radius:22px 22px 22px 8px;box-shadow:var(--shadow-s);transition:box-shadow .3s var(--ease)}
.sx-pk:hover{box-shadow:var(--shadow-l)}
.sx-pk.is-pop{border:2px solid transparent;background:linear-gradient(var(--surface),var(--surface)) padding-box,var(--grad) border-box;box-shadow:0 26px 50px -30px rgba(11,135,243,.55),var(--shadow-s)}
.sx-pk-steag{position:absolute;top:-13px;left:22px;display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:99px;background:var(--ink);color:var(--surface);font-size:.74rem;font-weight:700;letter-spacing:.02em}
.sx-pk-cap{display:flex;align-items:flex-start;gap:14px;min-height:64px}
.sx-pk-ic{flex:none;display:grid;place-items:center;width:46px;height:46px;border-radius:15px 15px 15px 5px;background:var(--brand-soft);color:var(--brand);font-size:22px}
.sx-pk.is-pop .sx-pk-ic{background-image:var(--grad);color:#fff;box-shadow:0 10px 22px -12px rgba(11,135,243,.7)}
.sx-pk-cap-t{min-width:0}
.sx-pk h3{margin:2px 0 0;font-size:1.22rem;font-weight:750;letter-spacing:-.02em}
.sx-pk-desc{margin:4px 0 0;color:var(--ink-3);font-size:.9rem;line-height:1.45}
.sx-pk-red{display:inline-flex;align-items:center;gap:5px;margin-top:7px;padding:4px 10px 4px 8px;border-radius:99px;background:var(--brand-soft);color:var(--brand-ink);font-size:.78rem;font-weight:600}
.sx-pk-red[hidden]{display:none}
.sx-pk-pret>.sx-pk-red{align-self:flex-start;margin-top:4px}
.sx-pk-red b{font-weight:800}
.sx-pk-pret{display:flex;flex-direction:column;gap:4px;padding:16px 16px 14px;border:1px solid var(--line);border-radius:16px 16px 16px 6px;background:var(--surface-2)}
.sx-pk-suma{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 6px;margin:0}
.sx-pk-n{font-size:2.6rem;font-weight:800;line-height:1;letter-spacing:-.045em;white-space:nowrap}
.sx-pk.is-pop .sx-pk-n{background-image:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
/* sufixul („+ TVA / lună”) mereu pe randul lui, ca in cont (revizia pasului 3) */
.sx-pk-suma span{flex-basis:100%;color:var(--ink-3);font-size:.95rem;font-weight:600}
.sx-pk-vechi{margin:0;color:var(--ink-3);font-size:.88rem}
.sx-pk-lei{margin:8px 0 0;color:var(--ink-3);font-size:.86rem}
/* revizia pasului 3: randul in lei e suma care se plateste - ingrosat, la culoarea textului; pretul in euro, mai stins */
.sx-pk-calc .is-lei dt{color:var(--ink);font-weight:600}
.sx-pk-calc .is-lei dd{color:var(--ink);font-weight:800}
.sx-pk-calc .is-net dd{color:var(--ink-2);font-weight:600}
/* cifrele care nu se numara: proportionale („1 289 lei” se citea ca despartit la mii); cele care se numara raman tabulare */
.sx-pk-calc .is-lei dd,.sx-pk.is-extra .sx-pk-n{font-variant-numeric:normal}
.sx-pk-curs{display:flex;align-items:flex-start;justify-content:center;gap:8px;max-width:760px;margin:20px auto 0;color:var(--ink-3);font-size:.86rem;line-height:1.5;text-align:left}
.sx-pk-curs i{flex:none;margin-top:3px}
.sx-pk-vechi s{font-weight:600;text-decoration-thickness:1.5px;text-decoration-color:var(--ink-3)}
.sx-pk-calc{display:grid;gap:7px;margin:10px 0 0;padding:11px 0 0;border-top:1px dashed var(--line-2)}
.sx-pk-calc>div{display:flex;align-items:baseline;justify-content:space-between;gap:10px}
.sx-pk-calc dt{color:var(--ink-3);font-size:.86rem}
/* cifrele mici proportionale („1920 €”, nu „1 920 €”); aliniate la dreapta, se numara fara sa miste capatul randului */
.sx-pk-calc dd{margin:0;font-size:.94rem;font-weight:700;white-space:nowrap}
.sx-pk-calc .is-eco dt,.sx-pk-calc .is-eco dd{color:var(--brand-ink)}
.sx-pk-calc .is-eco dd{font-weight:800}
.sx-pk>.sx-btn{width:100%;justify-content:center}
.sx-pk-lista{list-style:none;display:flex;flex-direction:column;gap:11px;margin:0;padding:18px 0 0;border-top:1px solid var(--line);color:var(--ink-2);font-size:.94rem}
.sx-pk-lista li{display:flex;align-items:flex-start;gap:10px;line-height:1.4}
.sx-pk-lista li>i{flex:none;display:grid;place-items:center;width:20px;height:20px;margin-top:1px;border-radius:50%;background:var(--teal-soft);color:var(--teal-ink);font-size:.78rem}
.sx-pk-lista li.is-cheie{color:var(--ink)}
.sx-pk-lista li.is-cheie>i{background:var(--brand-soft);color:var(--brand)}
.sx-pk-lista b{font-weight:800}
.sx-pk.is-extra{gap:16px}
.sx-pk.is-extra .sx-pk-cap{min-height:0;align-items:center}
.sx-pk.is-extra h3{font-size:1.05rem;font-weight:600;color:var(--ink-2)}
.sx-pk.is-extra h3 b{font-size:1.6rem;font-weight:800;letter-spacing:-.03em;color:var(--ink)}
.sx-pk.is-extra.is-pop h3 b{background-image:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.sx-pk.is-extra .sx-pk-n{font-size:2.1rem}
.sx-pk.is-extra>.sx-btn{margin-top:auto}
@media (max-width:720px){.sx-pk{padding:24px 18px 20px}.sx-pk-n{font-size:2.2rem}}
@media (max-width:520px){.sx-pk-tab{height:44px;gap:6px;padding:0 12px;font-size:.92rem}.sx-pk-tab em{padding:3px 7px;font-size:.7rem}}
.sx-extra{margin-top:60px}
.sx-extra.is-singur{margin-top:0}
.sx-extra-cap{margin-bottom:24px;text-align:center}
.sx-extra-cap h3{margin:0;font-size:1.4rem;letter-spacing:-.02em}
.sx-extra-cap p{margin:6px 0 0;color:var(--ink-2)}
.sx-pret.is-extra{padding:24px 22px 22px}
.sx-pret.is-extra .sx-pret-suma b{font-size:2.1rem}
.sx-pret-nota{display:flex;align-items:flex-start;gap:10px;max-width:760px;margin:30px auto 0;padding:14px 18px;border:1px solid var(--line);border-radius:14px 14px 14px var(--notch);background:var(--surface-2);color:var(--ink-2);font-size:.93rem}
.sx-pret-nota i{margin-top:1px;color:var(--brand);font-size:1.2rem}
.sx-pret-nota p{margin:0}

/* ---------------------------------------------------------------- INTREBARI */
.sx-faq-grila{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:clamp(34px,5vw,76px);align-items:start}
.sx-faq-cap{position:sticky;top:calc(var(--header-h) + 28px)}
.sx-faq-lista{display:grid;gap:10px}
.sx-faq{background:var(--surface);border:1px solid var(--line);border-radius:16px 16px 16px var(--notch);box-shadow:var(--shadow-s);transition:border-color .25s,box-shadow .25s}
.sx-faq[open]{border-color:var(--line-2);box-shadow:var(--shadow-m)}
.sx-faq summary{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 20px;list-style:none;cursor:pointer;font-weight:700;font-size:1.03rem;line-height:1.4}
.sx-faq summary::-webkit-details-marker{display:none}
.sx-faq-plus{position:relative;width:30px;height:30px;flex:none;border-radius:10px 10px 10px 3px;background:var(--surface-2);transition:background-color .25s}
.sx-faq-plus::before,.sx-faq-plus::after{content:"";position:absolute;left:50%;top:50%;width:12px;height:2px;border-radius:2px;background:var(--ink-2);transform:translate(-50%,-50%);transition:transform .3s var(--ease)}
.sx-faq-plus::after{transform:translate(-50%,-50%) rotate(90deg)}
.sx-faq[open] .sx-faq-plus{background:var(--brand-soft)}
.sx-faq[open] .sx-faq-plus::after{transform:translate(-50%,-50%) rotate(0)}
.sx-faq-r{padding:0 20px 18px;color:var(--ink-2);line-height:1.68}
.sx-faq-r p{margin:0 0 .7em}.sx-faq-r p:last-child{margin:0}
.js .sx-faq[open] .sx-faq-r{animation:intra .5s var(--ease-out)}

/* ---------------------------------------------------------------- FACILITATI (pasul 11 al pachetelor, 20 oct 2026) */
.sx-fac{--c0:34%;max-width:none;margin:0 auto;padding:4px clamp(14px,2.4vw,28px) 10px;background:var(--surface);border:1px solid var(--line);
  border-radius:var(--r-lg) var(--r-lg) var(--r-lg) var(--notch);box-shadow:var(--shadow-m)}
.sx-fac-cap,.sx-fac-cap-in,.sx-fac-r,.sx-fac-capete{display:grid;grid-template-columns:var(--c0) repeat(var(--n),minmax(0,1fr));align-items:center}
.sx-fac-r>.sx-fac-n{padding-right:12px}
.sx-fac-cap{display:block}
.sx-fac-tab{position:relative}
.sx-fac-cap{position:sticky;top:var(--header-h);z-index:2;padding:14px 0;background:var(--surface);border-bottom:1px solid var(--line);font-size:.78rem;font-weight:700;
  letter-spacing:.05em;text-transform:uppercase;color:var(--ink-3)}
.sx-fac-cap span:not(:first-child){text-align:center;font-size:.98rem;letter-spacing:0;text-transform:none;color:var(--ink)}
.sx-fac-cap .is-pop{color:var(--brand-ink)}
.sx-fac-g{border-bottom:1px solid var(--line)}
.sx-fac-g:last-child{border-bottom:0}
.sx-fac-g>summary{display:flex;align-items:center;gap:12px;padding:16px 2px;list-style:none;cursor:pointer;font-size:1.02rem}
.sx-fac-g>summary::-webkit-details-marker{display:none}
.sx-fac-gi{display:grid;place-items:center;flex:none;width:34px;height:34px;border-radius:11px 11px 11px 4px;background:color-mix(in srgb,var(--fx,var(--brand)) 14%,var(--surface));color:color-mix(in srgb,var(--fx,var(--brand)) 58%,var(--ink));font-size:1.1rem;transition:background-color .2s,color .2s}
.sx-fac-g[open]>summary .sx-fac-gi,.sx-fac-g>summary:hover .sx-fac-gi{background:var(--fx,var(--brand));color:#fff}
[data-theme="dark"] :is(.sx-fac-g[open]>summary,.sx-fac-g>summary:hover) .sx-fac-gi{color:#08101c}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) :is(.sx-fac-g[open]>summary,.sx-fac-g>summary:hover) .sx-fac-gi{color:#08101c}}
.sx-fac-g>summary b{font-weight:700;color:var(--ink)}
.sx-fac-g>summary em{font-style:normal;font-size:.82rem;color:var(--ink-3)}
.sx-fac-car{flex:none;margin-left:auto;width:9px;height:9px;border-right:2px solid var(--ink-3);border-bottom:2px solid var(--ink-3);transform:rotate(45deg);transition:transform .25s var(--ease)}
.sx-fac-g[open]>summary .sx-fac-car{transform:rotate(-135deg)}
.sx-fac-rows{padding-bottom:10px}
.sx-fac-r{padding:10px 0;border-top:1px dashed var(--line)}
.sx-fac-n{min-width:0}
.sx-fac-n summary{display:inline-flex;align-items:center;gap:7px;list-style:none;cursor:pointer;color:var(--ink-2);line-height:1.4}
.sx-fac-n summary::-webkit-details-marker{display:none}
.sx-fac-n>span{color:var(--ink-2);line-height:1.4}
.sx-fac-i{flex:none;color:var(--ink-3);font-size:1rem;transition:color .2s}
.sx-fac-n summary:hover .sx-fac-i,.sx-fac-n[open] .sx-fac-i{color:var(--brand)}
.sx-fac-n p{margin:6px 0 2px;padding:9px 12px;border-radius:12px 12px 12px 4px;background:var(--surface-2);font-size:.88rem;line-height:1.55;color:var(--ink-2)}
.sx-fac-v{display:grid;place-items:center;min-width:0;text-align:center}
.sx-fac-da{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--teal-soft);color:var(--teal-ink);font-size:.85rem}
.sx-fac-nu{color:var(--ink-3);font-weight:700}
.sx-fac-txt{font-size:.9rem;font-weight:700;color:var(--ink);overflow-wrap:anywhere}
/* compozitia pe toata latimea (blocul „Compoziție”, `latime: lat`, 26 oct 2026): fundalul ei (clasa `cz-f-*`) pe toata banda, de la o
   margine la alta; compozitia ramane in grila, fara rama, umbra si colturi; banda se lipeste de secțiunea urmatoare */
.sx-b-compozitie:has(.sx-cz-lat){padding-top:0;padding-bottom:0}
/* 28 oct 2026: banda e toata secțiunea - titlul in ea (spatiul de sus al secțiunii trece pe banda), iar formele de decor ale compozitiei
   (cercul mare iesit din scena) nu mai sunt taiate drept la marginea scenei: le taie doar marginea ecranului */
.sx-cz-lat{position:relative;overflow:hidden;padding-top:clamp(64px,8.5vw,120px)}
.sx-cz.is-lat .cz{background:none;border-radius:0;box-shadow:none;overflow:visible}
/* fundalul „grila”: liniile scenei se sting spre margini (ca punctele), altfel se vedea dreptunghiul scenei in banda */
.sx-cz.is-lat .cz-f-grila .cz-in::before{-webkit-mask-image:radial-gradient(closest-side,#000 45%,transparent 100%);mask-image:radial-gradient(closest-side,#000 45%,transparent 100%)}
/* ---------------------------------------------------------------- NUCLEUL SI APLICATIILE (26 oct 2026, blocul `nucleu`)
   Un singur fundal pe toata latimea (titlul secțiunii in el, fara gri deasupra); nucleul cu rama de lumina care se roteste, aplicatiile
   ca toate cardurile site-ului. ⚠️ Textul nu se misca: se rotesc doar rama si inelele, pe firul aplicatiei disponibile trece o lumina. */
.sx.sx-b-nucleu,.sx.sx-b-scara{padding:0}
/* ⚠️ `sx-nuc`, nu `sx-nu`: `.sx-nu` e deja liniuta „nu” din tabele (14 px) */
.sx-nuc,.sx-scb,.sx-mgb,.sx-vbb{position:relative;overflow:hidden;padding:clamp(64px,8.5vw,120px) 0 clamp(56px,7vw,100px);
  background:radial-gradient(60% 70% at 10% 18%,rgba(0,202,182,.16),transparent 70%),radial-gradient(55% 65% at 90% 12%,rgba(11,135,243,.16),transparent 70%),radial-gradient(60% 60% at 72% 100%,rgba(124,58,237,.10),transparent 70%),var(--bg)}
.sx-nuc::before,.sx-scb::before,.sx-mgb::before,.sx-vbb::before{content:"";position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(var(--dot) 1px,transparent 1.3px);background-size:22px 22px;
  -webkit-mask-image:radial-gradient(ellipse 80% 70% at 50% 40%,#000 30%,transparent 85%);mask-image:radial-gradient(ellipse 80% 70% at 50% 40%,#000 30%,transparent 85%)}
.sx-nuc>.sx-in,.sx-scb>.sx-in,.sx-mgb>.sx-in,.sx-vbb>.sx-in{position:relative}
.sx-nu-semn{position:relative;flex:none;width:84px;height:84px;display:grid;place-items:center;border-radius:50%;background:var(--grad);color:#fff;font-size:36px;box-shadow:0 22px 50px -18px rgba(11,135,243,.65)}
.sx-nu-semn svg{width:44%;height:auto}
.sx-nu-semn::before{content:"";position:absolute;inset:-9px;border-radius:50%;padding:2px;background:conic-gradient(from 0deg,transparent 0 55%,#0b87f3 70%,#00cab6 88%,transparent 96%);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}
.sx-nu-semn::after{content:"";position:absolute;inset:-20px;border-radius:50%;border:1px dashed color-mix(in srgb,var(--brand) 30%,transparent)}
.sx-nu-chip{display:inline-flex;align-items:center;gap:7px;padding:6px 12px 6px 7px;border-radius:99px;background:var(--surface-2);border:1px solid var(--line);font-size:.84rem;font-weight:600;color:var(--ink);white-space:nowrap}
.sx-nu-chip>i{width:24px;height:24px;display:grid;place-items:center;border-radius:50%;font-size:13px;background:var(--brand-soft);color:var(--brand-ink)}
.sx-nu-comune{display:flex;flex-wrap:wrap;gap:8px}
/* nucleul sus: cardul nucleului, firele, aplicatiile pe un rand */
.sx-nu-nucleu{position:relative;z-index:1;display:flex;align-items:center;gap:26px;max-width:880px;margin:0 auto;padding:22px 28px;background:var(--surface);border:1px solid var(--line);border-radius:28px 28px 28px var(--notch);box-shadow:var(--shadow-l)}
.sx-nu-t{min-width:0}
.sx-nu-t>b{display:block;font-size:1.25rem;letter-spacing:-.02em}
.sx-nu-tx{display:block;margin-top:2px;color:var(--ink-2);font-size:.95rem}
.sx-nu-t .sx-nu-comune{margin-top:12px}
.sx-nu-fire{display:block;width:100%;height:96px;margin:-2px 0}
.sx-nu-fire path{fill:none;stroke-width:2;stroke-linecap:round;vector-effect:non-scaling-stroke}
.sx-nu-fire path:not(.is-da){stroke:color-mix(in srgb,var(--brand) 35%,var(--line-2));stroke-dasharray:3 6}
.sx-nu-fire path.is-da{stroke-width:2.5}
.sx-nu-fire circle{fill:var(--teal)}
.sx-nu-grila{display:grid;grid-template-columns:repeat(var(--n,3),minmax(0,1fr));gap:22px}
.sx-nu-grila.n1{--n:1;max-width:520px;margin:0 auto}.sx-nu-grila.n2{--n:2}.sx-nu-grila.n3{--n:3}.sx-nu-grila.n4{--n:4}
/* cardul unei aplicatii */
.sx-nu-app{position:relative;display:flex;flex-direction:column;gap:14px;min-width:0;padding:24px;background:var(--surface);border:1px solid var(--line);border-radius:26px 26px 26px var(--notch);box-shadow:var(--shadow-m)}
.sx-nu-app.is-da{border:2px solid transparent;background:linear-gradient(var(--surface),var(--surface)) padding-box,var(--grad) border-box;box-shadow:0 30px 60px -30px rgba(11,135,243,.55)}
.sx-nu-app-cap{display:flex;align-items:center;gap:13px}
.sx-nu-app-cap>div{min-width:0;flex:1}
.sx-nu-app-ic{flex:none;width:50px;height:50px;display:grid;place-items:center;border-radius:15px 15px 15px var(--notch);font-size:25px;background:color-mix(in srgb,var(--fx,var(--brand)) 14%,var(--surface));color:color-mix(in srgb,var(--fx,var(--brand)) 58%,var(--ink))}
.sx-nu-app.is-da .sx-nu-app-ic{background:var(--grad);color:#fff;box-shadow:0 14px 28px -14px rgba(11,135,243,.8)}
.sx-nu-app h3{margin:0;font-size:1.22rem;line-height:1.2;letter-spacing:-.02em}
.sx-nu-app-cap p{margin:2px 0 0;font-size:.9rem;line-height:1.4;color:var(--ink-2)}
.sx-nu-ins{display:inline-flex;align-items:center;gap:6px;align-self:flex-start;padding:4px 11px 4px 9px;border-radius:99px;font-size:.76rem;font-weight:700;white-space:nowrap}
.sx-nu-ins.is-da{background:var(--teal-soft);color:var(--teal-ink)}
.sx-nu-ins.is-da::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--ok);box-shadow:0 0 0 3px rgba(18,183,106,.18)}
.sx-nu-ins.is-cur{background:var(--surface-2);border:1px solid var(--line);color:var(--ink-3)}
.sx-nu-ins i{font-size:.95rem}
.sx-nu-puncte{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.sx-nu-puncte li{display:flex;align-items:center;gap:10px;font-size:.93rem;font-weight:500;color:var(--ink)}
.sx-nu-app.is-cur .sx-nu-puncte li{color:var(--ink-2)}
.sx-nu-puncte li>i{flex:none;width:22px;height:22px;display:grid;place-items:center;border-radius:50%;font-size:12px;background:color-mix(in srgb,var(--fx,var(--brand)) 14%,var(--surface));color:color-mix(in srgb,var(--fx,var(--brand)) 62%,var(--ink))}
.sx-nu-btn{align-self:stretch;margin-top:auto}
.sx-nu-mini{position:relative;display:grid;gap:8px;min-height:128px;padding:14px;border-radius:16px 16px 16px var(--notch);background:var(--chat-fir);border:1px solid var(--line)}
.sx-nu-b{max-width:82%;padding:7px 11px;border-radius:13px 13px 13px 4px;font-size:.8rem;line-height:1.35}
.sx-nu-b.is-om{justify-self:end;background:var(--chat-om-bg);color:var(--chat-om-ink);border-radius:13px 13px 4px 13px}
.sx-nu-b.is-bot{justify-self:start;background:var(--chat-bot-bg);border:1px solid var(--chat-bot-line);color:var(--chat-bot-ink)}
.sx-nu-r{display:grid;grid-template-columns:18px 1fr 54px 40px;gap:8px;align-items:center}
.sx-nu-r i{display:block;height:8px;border-radius:99px;background:var(--line-2)}
.sx-nu-r i:first-child{width:18px;height:18px;border-radius:5px;background:color-mix(in srgb,var(--fx,var(--brand)) 18%,var(--surface))}
.sx-nu-r i:last-child{background:color-mix(in srgb,var(--fx,var(--brand)) 30%,var(--surface))}
.sx-nu-g{display:flex;align-items:flex-end;gap:8px;height:84px;padding:0 6px}
.sx-nu-g i{flex:1;height:var(--h);border-radius:6px 6px 2px 2px;background:color-mix(in srgb,var(--fx,var(--brand)) 30%,var(--surface))}
.sx-nu-g i:last-child{background:color-mix(in srgb,var(--fx,var(--brand)) 60%,var(--surface))}
.sx-nu-l{position:absolute;left:20px;right:20px;top:18px;width:calc(100% - 40px);height:36px}
.sx-nu-l path{fill:none;stroke:var(--fx,var(--brand));stroke-width:2.5;stroke-linecap:round;vector-effect:non-scaling-stroke}
/* orbita: aplicatia disponibila in stanga, nucleul cu inele la mijloc, celelalte in dreapta */
.sx-nu-orbita{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.8fr) minmax(0,1fr);gap:clamp(18px,3vw,48px);align-items:center;min-height:560px}
.sx-nu-orbita>*:not(.sx-nu-fire){position:relative;z-index:1}
.sx-nu-fire.is-orbita{position:absolute;inset:0;z-index:0;width:100%;height:100%;margin:0;pointer-events:none}
.sx-nu-centru{display:grid;place-items:center;align-self:stretch}
.sx-nu-orb{position:absolute;top:50%;left:50%;width:var(--s);height:var(--s);margin:calc(var(--s) / -2) 0 0 calc(var(--s) / -2);border-radius:50%;border:1px dashed color-mix(in srgb,var(--brand) 26%,transparent)}
.sx-nu-orb.o1{--s:190px}.sx-nu-orb.o2{--s:300px;border-style:dotted}.sx-nu-orb.o3{--s:420px;border-color:color-mix(in srgb,var(--teal) 22%,transparent)}
.sx-nu-orb i{position:absolute;top:-5px;left:50%;width:10px;height:10px;margin-left:-5px;border-radius:50%;background:var(--grad);box-shadow:0 0 0 4px color-mix(in srgb,var(--brand) 14%,transparent)}
.sx-nu-nuc{position:relative;display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center}
.sx-nu-nuc .sx-nu-semn{width:120px;height:120px;font-size:48px}
.sx-nu-nuc b{font-size:1.15rem;letter-spacing:-.02em}
.sx-nu-dr{display:flex;flex-direction:column;gap:20px}
.sx-nu-app.is-scurt{padding:20px;gap:12px}
.sx-nu-app.is-scurt .sx-nu-mini{min-height:96px}
.sx-nuc.is-orbita>.sx-in>.sx-nu-comune{justify-content:center;margin-top:clamp(28px,3.4vw,44px)}
@media (prefers-reduced-motion:no-preference){
  .sx-nu-semn::before{animation:nuRoti 6s linear infinite}
  .sx-nu-orb.o2{animation:nuRoti 26s linear infinite}.sx-nu-orb.o3{animation:nuRoti 40s linear infinite reverse}
}
@media (prefers-reduced-motion:reduce){.sx-nu-fire circle{display:none}}
@keyframes nuRoti{to{transform:rotate(1turn)}}
@media (max-width:1100px){
  .sx-nu-grila.n3,.sx-nu-grila.n4{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sx-nu-grila .sx-nu-app.is-da:first-child{grid-column:1/-1}
  .sx-nu-fire:not(.is-orbita){display:none}
  .sx-nu-nucleu{margin-bottom:22px}
  .sx-nu-orbita{grid-template-columns:minmax(0,1fr);min-height:0}
  .sx-nu-centru{order:-1;min-height:300px}
  .sx-nu-fire.is-orbita{display:none}
}
@media (max-width:760px){
  .sx-nu-nucleu{flex-direction:column;text-align:center;padding:22px 18px}
  .sx-nu-nucleu .sx-nu-comune{justify-content:center}
  .sx-nu-grila.n2,.sx-nu-grila.n3,.sx-nu-grila.n4{grid-template-columns:minmax(0,1fr)}
  .sx-nu-app{padding:20px}
  .sx-nu-orb.o3{display:none}
  .sx-nu-dr .sx-nu-app-cap{flex-wrap:wrap}
}
.sx-fac-faq{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:28px 0 0;align-items:start}
/* ---- comparatia, ca in cont › Toate facilitatile (26 oct 2026): capetele cu monede, coloana recomandata, bara lipita ----
   ⚠️ textul nu se misca: cad / zboara doar monedele (cand se vede tabelul, `is-vazut` / `is-viu` din site.js) */
/* dunga planului recomandat, pe toata inaltimea (in spatele randurilor si al grupelor) */
.sx-fac-tab.are-pop::before{content:"";position:absolute;z-index:0;top:0;bottom:-6px;left:calc(var(--c0) + var(--pop) * (100% - var(--c0)) / var(--n));width:calc((100% - var(--c0)) / var(--n));
  border-radius:20px 20px 16px 16px;background:color-mix(in srgb,var(--brand-soft) 60%,transparent);pointer-events:none}
.sx-fac-tab>:not(.sx-fac-cap){position:relative;z-index:1}
.sx-fac-tab>.sx-fac-cap{z-index:3}
.sx-fac-capete{align-items:stretch;padding:18px 0 4px}
/* coltul: ce difera intre planuri, cate sunt la fel (grupele colorate) si legenda monedelor - sus aliniat cu cardurile, legenda jos */
.sx-fac-colt{display:flex;flex-direction:column;gap:18px;padding:8px 30px 22px 2px}
.sx-fac-colt .sx-fac-leg{margin-top:auto;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:6px 9px}
.sx-fac-colt .sx-fac-leg-m.is-of{margin-left:0}
.sx-fac-dif-t{display:flex;align-items:center;gap:11px;margin:0 0 14px;font-size:1.14rem;color:var(--ink)}
.sx-fac-dif-t b{font-weight:700;letter-spacing:-.01em}
.sx-fac-dif-ic{flex:none;width:36px;height:36px;display:grid;place-items:center;border-radius:11px 11px 11px 4px;background:var(--grad) border-box;color:#fff;font-size:19px;box-shadow:0 10px 22px -12px rgba(11,135,243,.8)}
.sx-fac-dif ul{list-style:none;margin:0;padding:0;display:grid;gap:9px}
.sx-fac-dif li{display:flex;align-items:center;gap:11px;font-size:.94rem;font-weight:500;line-height:1.3;color:var(--ink-2)}
.sx-fac-dif-i{flex:none;width:28px;height:28px;display:grid;place-items:center;border-radius:9px 9px 9px 3px;background:color-mix(in srgb,var(--fx) 14%,var(--surface));color:color-mix(in srgb,var(--fx) 58%,var(--ink));font-size:15px}
.sx-fac-dif-mai{margin:10px 0 0 39px;font-size:.86rem;color:var(--ink-3)}
.sx-fac-lafel{padding:14px 16px;border:1px solid var(--line);border-radius:16px 16px 16px var(--notch);background:var(--surface-2)}
.sx-fac-gis{display:flex;flex-wrap:wrap;padding-left:6px;margin:0 0 10px}
.sx-fac-gis a{width:32px;height:32px;display:grid;place-items:center;margin-left:-6px;border:2px solid var(--surface-2);border-radius:50%;text-decoration:none;font-size:15px;
  background:color-mix(in srgb,var(--fx) 14%,var(--surface));color:color-mix(in srgb,var(--fx) 58%,var(--ink));transition:background-color .2s,color .2s}
.sx-fac-gis a:hover,.sx-fac-gis a:focus-visible{position:relative;z-index:1;background:var(--fx);color:#fff}
[data-theme="dark"] :is(.sx-fac-gis a:hover,.sx-fac-gis a:focus-visible){color:#08101c}
.sx-fac-lafel p{margin:0;font-size:.9rem;line-height:1.45;color:var(--ink-2)}
.sx-fac-lafel b{font-weight:700;color:var(--ink)}
/* grupa deschisa din colt: sub antet si sub bara lipita cu numele planurilor */
.sx-fac.cu-capete .sx-fac-g{scroll-margin-top:calc(var(--header-h) + 66px)}
.sx-fac-leg{display:flex;flex-wrap:wrap;align-items:center;gap:6px 9px;margin:0;font-size:.82rem;color:var(--ink-3)}
.sx-fac-leg-m{width:15px;height:9px;border-radius:50%;background:var(--fx-g1);box-shadow:inset 0 -3px 0 var(--fx-g2)}
.sx-fac-leg-m.is-of{margin-left:6px;background:var(--fx-b1);box-shadow:inset 0 -3px 0 var(--fx-b2)}
.sx-fac-st{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;min-width:0;margin:0 8px 16px;padding:20px 12px 16px;text-align:center;
  background:var(--surface);border:1px solid var(--line);border-radius:22px 22px 22px var(--notch);box-shadow:var(--shadow-s)}
.sx-fac-st.is-pop{border:2px solid transparent;background:linear-gradient(var(--surface),var(--surface)) padding-box,var(--grad) border-box;box-shadow:0 22px 44px -26px rgba(11,135,243,.6)}
.sx-fac-tag{position:absolute;top:-12px;left:50%;transform:translateX(-50%);display:inline-flex;align-items:center;gap:5px;padding:4px 11px;border-radius:99px;
  background:var(--ink);color:var(--bg);font-size:.72rem;font-weight:700;white-space:nowrap}
.sx-fac-svg{display:block;width:100%;max-width:150px;height:auto;overflow:visible}
.sx-fac-st h3{margin:2px 0 0;font-size:1.08rem;font-weight:700;color:var(--ink)}
.sx-fac-cr{display:flex;flex-direction:column;align-items:center;margin:0;line-height:1.15}
.sx-fac-cr b{font-size:clamp(1.6rem,1.15rem + 1vw,2.15rem);font-weight:800;letter-spacing:-.03em;color:var(--ink)}
.sx-fac-st.is-pop .sx-fac-cr b{width:fit-content;background-image:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.sx-fac-cr span{font-size:.78rem;color:var(--ink-3)}
.sx-fac-bonus{display:inline-flex;align-items:center;gap:4px;min-height:22px;padding:2px 9px;border-radius:99px;background:var(--teal-soft);color:var(--teal-ink);font-size:.76rem;font-weight:700;white-space:nowrap}
.sx-fac-pr{margin:6px 0 0;font-size:.82rem;color:var(--ink-3)}
.sx-fac-pr b{display:block;font-size:1.12rem;font-weight:700;color:var(--ink)}
.sx-fac-an{margin:0 0 8px;min-height:18px;font-size:.76rem;font-weight:600;color:var(--brand-ink)}
.sx-fac-bonus.is-gol,.sx-fac-an.is-gol{visibility:hidden}
.sx-fac-alege{width:100%;margin-top:auto}
/* monedele: culorile ca in cont; cad o data (la prima vedere), doua zboara si o sclipire cat se vede tabelul */
.sx-fac-svg .k-g1{fill:var(--fx-g1)}.sx-fac-svg .k-g2{fill:var(--fx-g2)}.sx-fac-svg .k-g3{fill:var(--fx-g3)}
.sx-fac-svg .k-b1{fill:var(--fx-b1)}.sx-fac-svg .k-b2{fill:var(--fx-b2)}.sx-fac-svg .k-b3{fill:var(--fx-b3)}
.sx-fac-svg .k-inel{fill:none;stroke:var(--fx-g3);stroke-width:1.4;opacity:.55}
.sx-fac-svg .k-inel.e-of{stroke:var(--fx-b3)}
.sx-fac-svg .k-umbra{fill:#0a1220;opacity:.08}
[data-theme="dark"] .sx-fac-svg .k-umbra{opacity:.45}
.sx-fac-svg .k-sc{fill:var(--fx-g2)}
.sx-fac-svg .sx-fac-zbor{opacity:0}
.sx-fac-svg .sx-fac-tw{transform-box:fill-box;transform-origin:50% 50%}
@media (prefers-reduced-motion:no-preference){
  .js [data-fac-cmp]:not(.is-vazut) .sx-fac-mon{opacity:0}
  [data-fac-cmp].is-vazut .sx-fac-mon{animation:facCade .55s var(--ease-out) calc(var(--k) * 40ms + var(--i) * 160ms + .1s) both}
  [data-fac-cmp].is-viu .sx-fac-zbor{animation:facZbor 3.4s var(--ease) var(--d,0s) infinite both}
  [data-fac-cmp].is-viu .sx-fac-tw{animation:facTw 2.4s ease-in-out var(--d,0s) infinite}
}
.sx-fac-st{--i:0}
@keyframes facCade{from{opacity:0;transform:translateY(-22px)}to{opacity:1;transform:translateY(0)}}
@keyframes facZbor{0%{opacity:0;transform:translateY(8px)}25%{opacity:.95}100%{opacity:0;transform:translateY(-34px)}}
@keyframes facTw{0%,100%{opacity:.25;transform:scale(.6)}50%{opacity:1;transform:scale(1)}}
/* bara cu numele planurilor: cu capete e de inaltime zero (nu impinge randurile) si apare, lipita sus, doar dupa ce capetele au iesit
   din ecran (`is-lipit`, site.js) - altfel numele ar fi de doua ori, unul sub altul */
.sx-fac-cap.is-plutitor{height:0;padding:0;border:0;background:none;overflow:visible}
.sx-fac-cap.is-plutitor .sx-fac-cap-in{padding:12px 0;background:var(--surface);border-bottom:1px solid var(--line);box-shadow:0 12px 22px -18px rgba(10,30,60,.35);
  opacity:0;visibility:hidden;transition:opacity .2s,visibility .2s}
.sx-fac.is-lipit .sx-fac-cap.is-plutitor .sx-fac-cap-in{opacity:1;visibility:visible}
.sx-fac-cap-in .is-pop{color:var(--brand-ink)}
.sx-pk-bonus{margin-left:6px;padding:1px 8px;border-radius:99px;background:var(--teal-soft);color:var(--teal-ink);font-style:normal;font-size:.8rem;font-weight:700;white-space:nowrap}
.sx-pk-lista li.is-fac>i{background:var(--teal-soft);color:var(--teal-ink)}
.sx-pk-fac-v{margin-left:4px;font-weight:700;color:var(--ink)}
/* ---- PLANURILE CA IN CONT › CREDITE (28 oct 2026, Dragos: „pachetele sa arate ca in panel 100%”): pe calculator un tabel - coloana
   numelor, apoi cate o coloana pe plan (banda cu monede si iconita pe marginea ei, numele, reducerea, pretul, butonul; dedesubt valorile
   pe aceleasi linii cu numele), coloana recomandata nuantata, „Vezi facilitățile”, banda Enterprise; sub 1361 px cardurile, cu bucatile
   pe aceleasi linii (sub-grile). Masurile si culorile din extra.css al panoului. Textul nu se misca: cad / zboara doar monedele, iar
   ferestrele benzii Enterprise se aprind (`is-vazut` / `is-viu`, site.js), doar cat se vad si fara „reduce motion”. ---- */
.sx-pk-grila.is-linie>.sx-pk{--fx-t:color-mix(in srgb,var(--fx,var(--brand)) 14%,var(--surface));--fx-m:color-mix(in srgb,var(--fx,var(--brand)) 40%,var(--surface));
  --fx-s:color-mix(in srgb,var(--fx,var(--brand)) 62%,var(--surface));--fx-ink:color-mix(in srgb,var(--fx,var(--brand)) 58%,var(--ink));
  display:grid;grid-template-rows:subgrid;row-gap:0;align-content:start;padding:26px 24px 24px;box-shadow:var(--shadow-m)}
.sx-pk-grila.is-linie>.sx-pk:hover{box-shadow:var(--shadow-l)}
.sx-pk-grila.is-linie>.sx-pk.is-pop{box-shadow:0 26px 50px -30px rgba(11,135,243,.55),var(--shadow-m)}
.sx-pk-grila.is-linie>.sx-pk>.sx-pk-sus{position:relative;display:grid;grid-template-rows:subgrid;grid-row:span 5;row-gap:0}
.sx-pk-grila.is-linie .sx-pk-sus>:is(.sx-pk-cap,.sx-pk-pret,.sx-pk-btn),.sx-pk-grila.is-linie>.sx-pk>:is(.sx-pk-lista,.sx-pk-fac){margin-top:18px}
.sx-pk-grila.is-linie .is-gol{height:0;margin:0;padding:0;border:0;overflow:hidden}
.sx-pk-grila.is-linie .sx-pk-lista{display:grid;grid-template-rows:subgrid;row-gap:0;align-content:start;font-size:.9rem}
.sx-pk-grila.is-linie .sx-pk-lista>li+li{margin-top:11px}
.sx-pk-grila.is-linie .sx-pk-lista>li.sx-pk-li-gol{height:0;margin:0;overflow:hidden}
.sx-pk-grila.is-linie .sx-pk-steag{z-index:2;top:-12px;display:block;font-size:.72rem;box-shadow:0 8px 18px -10px rgba(11,135,243,.8)}
.sx-pk-grila.is-linie .sx-pk h3{font-size:1.2rem}
.sx-pk-grila.is-linie .sx-pk-desc{min-height:2.9em;font-size:.86rem}
.sx-pk-grila.is-linie .sx-pk-red{font-size:.76rem}
.sx-pk-grila.is-linie .sx-pk-vechi{font-size:.86rem}
.sx-pk-grila.is-linie .sx-pk-calc dt{font-size:.84rem}
.sx-pk-grila.is-linie .sx-pk-calc dd{font-size:.92rem}
.sx-pk-grila.is-linie .sx-pk-btn{width:100%;padding-top:.7em;padding-bottom:.7em;font-size:.95rem;line-height:1.25;white-space:normal;text-align:center}
.sx-pk-grila.is-linie .sx-pk-btn i{font-size:1.2em}
.sx-pk-grila.is-linie .sx-pk-btn:hover i{transform:none}
/* banda cu monede, sus pe card; iconita planului sta pe marginea ei */
.sx-pk-sc{position:relative;height:150px;margin:-26px -24px 0;padding:12px 0 8px;overflow:hidden;border-bottom:1px solid var(--line);border-radius:21px 21px 0 0;
  background:radial-gradient(64% 58% at 62% 100%,color-mix(in srgb,var(--fx) 16%,transparent),transparent 72%),
    radial-gradient(circle,color-mix(in srgb,var(--fx) 22%,transparent) 1.1px,transparent 1.4px) 3px 3px/16px 16px,
    linear-gradient(135deg,color-mix(in srgb,var(--fx) 16%,var(--surface-2)) 0%,var(--surface-2) 100%)}
.sx-pk.is-pop .sx-pk-sc{border-radius:20px 20px 0 0}
.sx-pk-svg{display:block;width:100%;height:100%}
.sx-pk-sc+.sx-pk-cap{align-items:flex-start}
.sx-pk-sc+.sx-pk-cap .sx-pk-ic{position:relative;z-index:1;width:54px;height:54px;margin-top:-45px;border-radius:17px 17px 17px 6px;background:var(--fx);color:#fff;font-size:1.5rem;
  box-shadow:0 0 0 4px var(--surface),0 14px 26px -12px color-mix(in srgb,var(--fx) 75%,transparent)}
.sx-pk.is-pop .sx-pk-sc+.sx-pk-cap .sx-pk-ic{background-image:var(--grad);box-shadow:0 0 0 4px var(--surface),0 14px 26px -12px rgba(11,135,243,.7)}
[data-theme="dark"] .sx-pk:not(.is-pop) .sx-pk-sc+.sx-pk-cap .sx-pk-ic{color:#08101c}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .sx-pk:not(.is-pop) .sx-pk-sc+.sx-pk-cap .sx-pk-ic{color:#08101c}}
.sx-pk-svg .k-g1{fill:var(--fx-g1)}.sx-pk-svg .k-g2{fill:var(--fx-g2)}.sx-pk-svg .k-g3{fill:var(--fx-g3)}
.sx-pk-svg .k-b1{fill:var(--fx-b1)}.sx-pk-svg .k-b2{fill:var(--fx-b2)}.sx-pk-svg .k-b3{fill:var(--fx-b3)}
.sx-pk-svg .k-umbra{fill:#0a1220;opacity:.08}
[data-theme="dark"] .sx-pk-svg .k-umbra{opacity:.45}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .sx-pk-svg .k-umbra{opacity:.45}}
.sx-pk-svg .k-sc{fill:var(--fx-g2)}
.sx-pk-svg .k-t{fill:var(--fx-t)}.sx-pk-svg .k-m{fill:var(--fx-m)}.sx-pk-svg .k-a{fill:var(--fx)}.sx-pk-svg .k-s{fill:var(--surface)}
.sx-pk-svg .s-a{stop-color:var(--fx)}.sx-pk-svg .s-b{stop-color:var(--fx-s)}
.sx-pk-svg .sx-pk-zbor{opacity:0}
.sx-pk-svg .sx-pk-tw{transform-box:fill-box;transform-origin:50% 50%}
@media (prefers-reduced-motion:no-preference){
  .js .sx-pk-sc:not(.is-vazut) .sx-pk-mon{opacity:0}
  /* dupa ce cardul a aparut (`data-reveal`): altfel monedele ar cadea nevazute */
  .sx-pk-sc.is-vazut .sx-pk-mon{animation:facCade .55s var(--ease-out) calc(var(--k) * 40ms + var(--i,0) * 150ms + .45s) both}
  :is(.sx-pk-sc,.sx-pk-ent-sc).is-viu .sx-pk-zbor{animation:facZbor 3.4s var(--ease) var(--d,0s) infinite both}
  :is(.sx-pk-sc,.sx-pk-ent-sc).is-viu .sx-pk-tw{animation:facTw 2.4s ease-in-out var(--d,0s) infinite}
  .sx-pk-ent-sc.is-viu .sx-pk-led{animation:pkLed 4.4s var(--ease) infinite}
}
@keyframes pkLed{0%,34%{opacity:.25}40%,80%{opacity:1}92%,100%{opacity:.25}}
/* randurile pe card: numele, valoarea pe dreapta intr-o pastila in culoarea planului; ce nu e inclus - stins; „≈ N răspunsuri scrise” */
.sx-pk-grila.is-linie .sx-pk-lista li.is-fac{align-items:center}
.sx-pk-grila.is-linie .sx-pk-lista li.is-fac .sx-pk-fac-n{flex:1;min-width:0}
.sx-pk-grila.is-linie .sx-pk-lista li.is-fac .sx-pk-fac-v{flex:none;margin-left:auto;padding:2px 10px;border-radius:99px;background:var(--fx-t);color:var(--fx-ink);font-size:.8rem;font-weight:700;white-space:nowrap}
.sx-pk-grila.is-linie .sx-pk-lista li.is-fac .sx-pk-fac-v.is-nu{background:var(--surface-2);color:var(--ink-3);font-weight:600}
.sx-pk-grila.is-linie .sx-pk-lista li.is-nu{color:var(--ink-3)}
.sx-pk-grila.is-linie .sx-pk-lista li.is-nu>i{background:var(--surface-2);color:var(--ink-3)}
.sx-pk-echiv{display:block;margin-top:2px;font-size:.78rem;font-weight:500;color:var(--ink-3)}
.sx-pk-et,.sx-pk-fac-tv{display:none}
/* „Vezi facilitățile”: pe toata latimea, jos pe card, iconita in culoarea planului */
.sx-pk-fac{display:flex;align-items:center;gap:10px;width:100%;min-height:46px;padding:6px 14px 6px 6px;border:1px solid var(--line-2);border-radius:14px 14px 14px 5px;
  background:var(--surface);font-size:.9rem;font-weight:600;color:var(--ink);text-decoration:none;transition:border-color .2s var(--ease),background-color .2s var(--ease),color .2s var(--ease)}
.sx-pk-fac-ic{flex:none;display:grid;place-items:center;width:34px;height:34px;border-radius:10px 10px 10px 4px;background:var(--fx-t);color:var(--fx-ink);font-size:1.1rem;
  transition:background-color .2s var(--ease),color .2s var(--ease)}
.sx-pk-fac-t{flex:1;min-width:0}
.sx-pk-fac-sag{flex:none;color:var(--ink-3);transition:color .2s var(--ease)}
.sx-pk-fac:is(:hover,:focus-visible){border-color:var(--fx,var(--brand));background:var(--fx-t);color:var(--fx-ink)}
.sx-pk-fac:is(:hover,:focus-visible) .sx-pk-fac-ic{background:var(--fx,var(--brand));color:#fff}
.sx-pk-fac:is(:hover,:focus-visible) .sx-pk-fac-sag{color:var(--fx-ink)}
[data-theme="dark"] .sx-pk-fac:is(:hover,:focus-visible) .sx-pk-fac-ic{color:#08101c}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .sx-pk-fac:is(:hover,:focus-visible) .sx-pk-fac-ic{color:#08101c}}
@media (max-width:720px){.sx-pk-grila.is-linie>.sx-pk{padding:22px 18px 20px}.sx-pk-grila.is-linie .sx-pk-sc{margin:-22px -18px 0}}
/* TABELUL de pe calculator: coloana numelor in stanga, apoi cate o coloana pe plan - cardul e doar capul ei, dedesubt valorile pe linii
   (numarul, ✓ sau —); coloana planului recomandat nuantata */
@media (min-width:1361px){
  .sx-pk-grila.is-tabel{grid-template-columns:minmax(165px,.58fr) repeat(var(--n),minmax(0,1fr));column-gap:16px}
  .sx-pk-grila.is-tabel.n1{max-width:760px}
  .sx-pk-grila.is-tabel.n2{max-width:1120px}
  .sx-pk-grila.is-tabel>.sx-pk-et{display:grid;grid-template-rows:subgrid;row-gap:0;min-width:0}
  .sx-pk-et-sus{grid-row:span 5;align-self:end;display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding-bottom:4px}
  .sx-pk-et-p{margin:0;font-size:.9rem;line-height:1.5;color:var(--ink-2)}
  .sx-pk-et-sus .sx-fac-leg{justify-content:flex-start;margin:0;font-size:.78rem}
  .sx-pk-et-l{display:grid;grid-template-rows:subgrid;row-gap:0;margin:18px 0 0;padding:0;list-style:none}
  .sx-pk-et-l>li{display:flex;align-items:center;gap:10px;padding:12px 6px 12px 0;border-top:1px solid var(--line);font-size:.92rem;font-weight:600;line-height:1.35;color:var(--ink-2)}
  .sx-pk-et-l>li.sx-pk-li-gol{padding:0;border:0}
  .sx-pk-et-ic{flex:none;display:grid;place-items:center;width:30px;height:30px;border-radius:10px 10px 10px 4px;background:var(--surface-2);color:var(--ink-3);font-size:.95rem}
  .sx-pk-et-ic.is-tot{background:var(--brand-soft);color:var(--brand)}
  .sx-pk-grila.is-tabel>.sx-pk,.sx-pk-grila.is-tabel>.sx-pk.is-pop,.sx-pk-grila.is-tabel>.sx-pk:hover{padding:0;border:0;border-radius:0;background:none;box-shadow:none}
  .sx-pk-grila.is-tabel>.sx-pk>.sx-pk-sus{padding:26px 22px 22px;border:1px solid var(--line);border-radius:22px 22px 22px 8px;background:var(--surface);box-shadow:var(--shadow-m)}
  .sx-pk-grila.is-tabel>.sx-pk.is-pop>.sx-pk-sus{border:2px solid transparent;background:linear-gradient(var(--surface),var(--surface)) padding-box,var(--grad) border-box;
    box-shadow:0 26px 50px -30px rgba(11,135,243,.55),var(--shadow-m)}
  .sx-pk-grila.is-tabel .sx-pk-sc{margin:-26px -22px 0}
  .sx-pk-grila.is-tabel>.sx-pk>.sx-pk-lista{margin-top:18px;padding:0;border-top:0}
  .sx-pk-grila.is-tabel .sx-pk-lista>li,.sx-pk-grila.is-tabel .sx-pk-lista>li+li{justify-content:center;margin-top:0;padding:12px 6px;border-top:1px solid var(--line);text-align:center}
  .sx-pk-grila.is-tabel .sx-pk-lista>li.sx-pk-li-gol{padding:0;border:0}
  .sx-pk-grila.is-tabel :is(.sx-pk-lista>li>i,.sx-pk-k-u,.sx-pk-fac-v,li.is-det>.sx-pk-det-t){display:none}
  .sx-pk-grila.is-tabel li.is-det.is-alt>.sx-pk-det-t{display:inline}
  .sx-pk-grila.is-tabel .sx-pk-fac-n{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  .sx-pk-grila.is-tabel .sx-pk-fac-tv{display:inline-flex;align-items:center;justify-content:center;font-size:.98rem;font-weight:700;color:var(--ink)}
  .sx-pk-grila.is-tabel .sx-pk-fac-tv.is-semn{width:24px;height:24px;border-radius:50%;background:var(--teal-soft);color:var(--teal-ink);font-size:.85rem}
  .sx-pk-grila.is-tabel .sx-pk-fac-tv.is-semn.is-nu{background:none;color:var(--ink-3);font-size:1rem}
  .sx-pk-grila.is-tabel .sx-pk-k{display:flex;flex-direction:column;align-items:center;gap:4px}
  .sx-pk-grila.is-tabel .sx-pk-k-n{font-size:1.15rem;font-weight:800;color:var(--ink)}
  .sx-pk-grila.is-tabel .sx-pk-k .sx-pk-bonus{margin:0}
  .sx-pk-grila.is-tabel>.sx-pk.is-col .sx-pk-lista>li:not(.sx-pk-li-gol){background:color-mix(in srgb,var(--brand-soft) 55%,transparent)}
  .sx-pk-grila.is-tabel>.sx-pk.is-col .sx-pk-lista>li.is-ult{border-radius:0 0 16px 16px}
}
/* banda Enterprise: cladirile in stanga (ferestrele se aprind cat se vede), textul, „Scrie-ne” */
.sx-pk-ent{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px 24px;margin-top:18px;padding:14px 22px 14px 14px;overflow:hidden;
  border:1px solid color-mix(in srgb,var(--brand) 26%,var(--line));border-radius:20px 20px 20px 7px;
  background:radial-gradient(420px 200px at 100% 0%,color-mix(in srgb,var(--teal) 12%,transparent),transparent 70%),linear-gradient(118deg,color-mix(in srgb,var(--fx-1) 9%,var(--surface)) 0%,var(--surface) 72%)}
.sx-pk-ent-sc{--fx-t:color-mix(in srgb,var(--fx) 14%,var(--surface));--fx-m:color-mix(in srgb,var(--fx) 40%,var(--surface));--fx-s:color-mix(in srgb,var(--fx) 62%,var(--surface));
  width:184px;height:116px;overflow:hidden;border-radius:14px 14px 14px 5px;
  background:radial-gradient(circle,color-mix(in srgb,var(--fx) 22%,transparent) 1.1px,transparent 1.4px) 3px 3px/14px 14px,
    linear-gradient(135deg,color-mix(in srgb,var(--fx) 17%,var(--surface-2)) 0%,var(--surface-2) 100%)}
.sx-pk-ent-t{min-width:0}
.sx-pk-ent-eb{display:inline-flex;align-items:center;gap:6px;padding:4px 11px 4px 8px;border-radius:99px;background:var(--brand-soft);color:var(--brand-ink);
  font-size:.7rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}
.sx-pk-ent-eb i{font-size:.95rem}
.sx-pk-ent-t h3{margin:8px 0 0;font-size:1.15rem;font-weight:700;letter-spacing:-.01em;color:var(--ink)}
.sx-pk-ent-t p{margin:4px 0 0;font-size:.9rem;line-height:1.45;color:var(--ink-2)}
.sx-pk-ent-btn i{font-size:1.2em}
.sx-pk-ent-btn:hover i{transform:none}
@media (max-width:720px){.sx-pk-ent{grid-template-columns:minmax(0,1fr);padding:14px}.sx-pk-ent-sc{width:100%;height:124px}.sx-pk-ent-btn{width:100%}}
@media (max-width:720px){.sx-fac{--c0:0%;padding:2px 12px 8px}.sx-fac-cap,.sx-fac-cap-in,.sx-fac-r,.sx-fac-capete{grid-template-columns:repeat(var(--n),minmax(0,1fr))}
  .sx-fac-cap span:first-child{display:none}.sx-fac-cap span:not(:first-child){font-size:.84rem}.sx-fac-n{grid-column:1/-1;margin-bottom:6px}
  .sx-fac-colt{display:none}.sx-fac-st{margin:0 3px 12px;padding:16px 5px 10px;gap:4px;border-radius:18px 18px 18px var(--notch)}
  .sx-fac-svg{max-width:84px}.sx-fac-st h3{font-size:.92rem}.sx-fac-cr b{font-size:1.35rem}.sx-fac-cr span{font-size:.66rem}
  .sx-fac-bonus{padding:2px 6px;font-size:.62rem}.sx-fac-bonus i{display:none}.sx-fac-pr b{font-size:.96rem}.sx-fac-pr span{font-size:.66rem}
  .sx-fac-an{font-size:.6rem}.sx-fac-tag{padding:3px 8px;font-size:.6rem}.sx-fac-alege{min-height:38px;padding:8px 6px;font-size:.8rem}.sx-fac-alege i{display:none}
  .sx-fac-txt{font-size:.84rem}.sx-fac-faq{grid-template-columns:minmax(0,1fr)}}

/* ---------------------------------------------------------------- APLICATII */
.sx-apps{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}
.sx-apps.n1{max-width:460px;margin-inline:auto}
.sx-app{position:relative;display:flex;flex-direction:column;gap:10px;padding:28px 26px;background:var(--surface);border:1px solid var(--line);border-radius:22px 22px 22px 7px;box-shadow:var(--shadow-s);
  color:inherit;text-decoration:none;transition:transform .3s var(--ease),box-shadow .3s var(--ease),border-color .3s}
a.sx-app:hover{transform:translateY(-4px);box-shadow:var(--shadow-l);border-color:var(--line-2)}
.sx-app-sigla{width:58px;height:58px;display:grid;place-items:center;border-radius:17px 17px 17px 5px;background:color-mix(in srgb,var(--c) 13%,var(--surface));border:1px solid color-mix(in srgb,var(--c) 30%,transparent)}
.sx-app-sigla img{width:34px;height:34px;object-fit:contain}
.sx-app-sigla b{font-size:1.5rem;color:var(--c)}
.sx-app h3{margin:8px 0 0;display:flex;flex-wrap:wrap;align-items:center;gap:10px;font-size:1.22rem;letter-spacing:-.02em}
.sx-app-curand{padding:4px 10px;border-radius:999px;background:var(--surface-3);color:var(--ink-3);font-size:.72rem;font-weight:800;letter-spacing:.01em}
.sx-app p{margin:0;color:var(--ink-2)}
.sx-app-link{margin-top:auto;padding-top:8px;display:inline-flex;align-items:center;gap:6px;font-weight:700;color:var(--brand-ink)}
.sx-app-link i{transition:transform .25s var(--ease)}
a.sx-app:hover .sx-app-link i{transform:translateX(4px)}
.sx-app.is-curand{background:var(--surface-2)}

/* ---------------------------------------------------------------- BANDA */
.sx-b-banda{padding:clamp(22px,3vw,36px) 0}
.sx-banda{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)}
.sx-banda-pista{display:flex;width:max-content;animation:banda var(--durata,45s) linear infinite}
.sx-banda:hover .sx-banda-pista{animation-play-state:paused}
.sx-banda-grup{display:flex;gap:14px;padding-right:14px}
@keyframes banda{to{transform:translateX(-50%)}}
.sx-banda-el{display:inline-flex;align-items:center;gap:9px;padding:12px 18px;white-space:nowrap;background:var(--surface);border:1px solid var(--line);border-radius:14px 14px 14px 5px;box-shadow:var(--shadow-s);font-weight:600;color:var(--ink-2)}
.sx-banda-el i{color:var(--brand);font-size:1.15rem}
.stil-etichete .sx-banda-el{border-radius:999px;padding:10px 18px;color:var(--ink)}
/* etichetele pe loc (stil=aprinse, 26 oct 2026): centrate, pe randuri; se aprind pe rand din site.js. Textul nu se misca: se schimba
   doar rama, umbra si iconita - gradientul ei intra din stanga (pozitia fundalului). Stinsa, gradientul nu e pictat deloc, deci nicio
   margine albastra pe cerc (cu o umbra interioara peste gradient ramanea una). Cursorul pe o eticheta o aprinde pe ea.
   Pe toata latimea grilei (1600): cat incap pe rand, apoi se lungesc pana umplu randul (cel mult 440 px - ultimul rand, cand are
   doar 1-2, ramane centrat, nu se intinde pe toata latimea). */
.sx-aprinse{list-style:none;max-width:var(--shell);margin:0 auto;padding:clamp(6px,.8vw,12px) var(--gutter);display:flex;flex-wrap:wrap;justify-content:center;gap:12px}
.sx-apr-el{flex:1 1 auto;max-width:440px;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:7px 18px 7px 7px;white-space:nowrap;background:var(--surface);border:1px solid var(--line);border-radius:999px;box-shadow:var(--shadow-s);color:var(--ink);font-size:.98rem;font-weight:600;line-height:1.3;transition:border-color .45s var(--ease),box-shadow .45s var(--ease)}
.sx-apr-ic{flex:none;width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background-color:var(--brand-soft);background-image:var(--grad);background-repeat:no-repeat;background-size:100% 100%;background-position:-40px 0;color:var(--brand-ink);font-size:1.1rem;transition:color .5s var(--ease),background-position .5s var(--ease)}
/* masuratoarea din site.js (randurile pline): latimea fireasca a fiecarei etichete */
.sx-aprinse.is-masoara .sx-apr-el{flex:none;max-width:none}
.sx-apr-el.is-on,.sx-apr-el:hover{border-color:color-mix(in srgb,var(--brand) 42%,var(--line));box-shadow:0 12px 26px -14px rgba(11,135,243,.6),0 0 0 4px color-mix(in srgb,var(--brand) 9%,transparent)}
.sx-apr-el.is-on .sx-apr-ic,.sx-apr-el:hover .sx-apr-ic{color:#fff;background-position:0 0}
@media (max-width:760px){
  .sx-aprinse{gap:8px}
  .sx-apr-el{padding:5px 14px 5px 5px;white-space:normal;font-size:.9rem}
  .sx-apr-ic{width:30px;height:30px;font-size:1rem}
}

/* ---------------------------------------------------------------- VOCE */
.sx-voce{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:clamp(34px,5vw,76px);align-items:center}
.sx-voce .sx-cap{margin-bottom:0}
.sx-voce-cifre{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:30px}
.sx-voce-cifre div{padding:16px 18px;background:var(--surface);border:1px solid var(--line);border-radius:14px 14px 14px var(--notch)}
.sx-voce-cifre b{display:block;font-size:1.7rem;font-weight:800;letter-spacing:-.035em;line-height:1.1}
.sx-voce-cifre span{color:var(--ink-2);font-size:.92rem}
.sx-voce-scena{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:22px 26px;padding:30px;background:var(--surface);border:1px solid var(--line);border-radius:28px 28px 28px 9px;box-shadow:var(--shadow-l)}
.sx-orb{position:relative;display:grid;place-items:center;width:136px;height:136px}
.sx-orb>i{position:absolute;inset:0;border-radius:50%;border:1.5px solid color-mix(in srgb,var(--brand) 45%,transparent);animation:ripple 3.3s var(--ease-out) infinite}
.sx-orb>i:nth-child(2){animation-delay:1.1s}.sx-orb>i:nth-child(3){animation-delay:2.2s}
@keyframes ripple{from{transform:scale(.6);opacity:.9}to{transform:scale(1.3);opacity:0}}
.sx-orb-miez{position:relative;display:grid;place-items:center;width:86px;height:86px;border-radius:50%;color:#fff;font-size:1.9rem;
  background:radial-gradient(circle at 32% 28%,#8fdcff 0%,#0b87f3 44%,#073b80 100%);box-shadow:0 0 0 9px color-mix(in srgb,var(--brand) 12%,transparent),0 20px 44px -12px rgba(11,135,243,.65);animation:respira 3.6s ease-in-out infinite}
.sx-orb-miez::after{content:"";position:absolute;inset:-4px;border-radius:50%;background:conic-gradient(from 0deg,transparent 0 70%,rgba(0,202,182,.9) 85%,transparent);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 calc(100% - 2px));mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 calc(100% - 2px));animation:roteste2 2.8s linear infinite}
@keyframes roteste2{to{transform:rotate(360deg)}}
@keyframes respira{50%{transform:scale(1.06)}}
.sx-unda{display:flex;align-items:center;gap:4px;height:64px;min-width:0}
.sx-unda i{flex:1;max-width:5px;height:100%;border-radius:3px;background-image:linear-gradient(var(--brand),var(--teal));transform:scaleY(.14);animation:unda 1.25s ease-in-out infinite;animation-delay:calc(var(--i) * -71ms)}
.sx-unda i:nth-child(4n){--h:.95}.sx-unda i:nth-child(4n+1){--h:.55}.sx-unda i:nth-child(4n+2){--h:.8}.sx-unda i:nth-child(4n+3){--h:.4}.sx-unda i:nth-child(7n){--h:1}
@keyframes unda{0%,100%{transform:scaleY(.12)}50%{transform:scaleY(var(--h,.7))}}
.sx-voce-fir{grid-column:1/-1;list-style:none;margin:0;padding:0;display:grid;gap:10px}
.sx-vl{padding:12px 15px;border:1px solid transparent;border-radius:15px 15px 15px var(--notch);background:var(--chat-om-bg);color:var(--chat-om-ink);box-shadow:var(--chat-om-sh);transition:opacity .5s var(--ease),transform .5s var(--ease),border-color .3s}
.sx-vl.is-asistent{background:var(--chat-bot-bg);border-color:var(--chat-bot-line);color:var(--chat-bot-ink);box-shadow:none}
.sx-vl:not(.is-asistent) :is(.sx-vl-cine,.sx-vl-cine em,p){color:var(--chat-om-ink)}
.sx-vl:not(.is-asistent) .sx-vl-cine{opacity:.86}
.sx-vl-cine{display:flex;align-items:center;gap:8px;font-size:.76rem;font-weight:800;color:var(--ink-3)}
.sx-vl-cine em{font-style:normal;font-weight:700;color:var(--brand-ink);opacity:0;transition:opacity .3s}
.sx-vl.is-activ .sx-vl-cine em{opacity:1}
.sx-vl.is-activ{border-color:var(--brand)}
.sx-vl p{margin:4px 0 0;color:var(--ink);font-weight:500;line-height:1.5}
.js .sx-voce-scena.is-joc .sx-vl{opacity:0;transform:translateY(10px)}
.js .sx-voce-scena.is-joc .sx-vl.is-vazut{opacity:1;transform:none}

/* ---------------------------------------------------------------- MEDIA */
.sx-media{margin:0 auto;max-width:1340px}
.sx-media.lat-lat{max-width:none}
.sx-in.is-plin{max-width:none;padding:0}
.sx-in.is-plin .sx-cap{padding:0 var(--gutter)}
.sx-media>img,.sx-media>video{display:block;width:100%;border-radius:22px 22px 22px 7px;box-shadow:var(--shadow-l)}
.sx-media.lat-plin>img,.sx-media.lat-plin>video{border-radius:0;box-shadow:none}
.sx-media.rama-telefon{display:grid;place-items:center}
.sx-media figcaption{margin-top:14px;text-align:center;color:var(--ink-3);font-size:.9rem}

/* ---------------------------------------------------------------- TEXT (articole, termeni, despre) + pagina clasica */
.sx-text.lat-citire .sx-articol{max-width:840px;margin-inline:auto}
.sx-articol.is-card,.page{background:var(--surface);border:1px solid var(--line);border-radius:26px 26px 26px var(--notch);box-shadow:var(--shadow-m);padding:clamp(28px,5vw,56px)}
.sx-articol-t{margin:0 0 22px;font-size:clamp(1.8rem,1.2rem + 2vw,2.6rem);line-height:1.12;letter-spacing:-.035em}
.sx-clasic{max-width:1240px;padding-top:32px;padding-bottom:72px}
.page h1{margin:0 0 18px;font-size:clamp(1.9rem,1.4rem + 2vw,2.8rem);letter-spacing:-.035em;line-height:1.1}
.page h1 span{background-image:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.prose{max-width:74ch;font-size:1.05rem;line-height:1.72;color:var(--ink-2)}
.prose h2{margin:1.6em 0 .5em;font-size:1.5rem;letter-spacing:-.02em;color:var(--ink)}
.prose h3{margin:1.4em 0 .4em;font-size:1.15rem;color:var(--ink)}
.prose p{margin:0 0 1em}
.prose img{max-width:100%;height:auto;border-radius:16px 16px 16px var(--notch)}
.prose figure{margin:1.4em 0}.prose figcaption{margin-top:6px;font-size:.85rem;color:var(--ink-3)}
.prose blockquote{margin:1.4em 0;padding:12px 18px;border-left:3px solid var(--brand);background:var(--surface-2);border-radius:0 14px 14px 0}
.prose table{width:100%;border-collapse:collapse;font-size:.95rem}.prose th,.prose td{padding:8px 10px;text-align:left;border:1px solid var(--line)}.prose th{background:var(--surface-2)}
.prose pre{overflow:auto;padding:14px;border-radius:12px;background:var(--surface-2);font-size:.9rem}
.prose ul,.prose ol{padding-left:1.3em}.prose li{margin:.25em 0}
.prose a.btn,.prose a.sx-btn{color:#fff}
.prose .btn{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:14px 14px 14px var(--notch);font-weight:700;text-decoration:none;color:#fff;background-image:var(--grad)}

/* ---------------------------------------------------------------- APEL FINAL */
.sx-apel{position:relative;overflow:hidden;isolation:isolate;padding:clamp(52px,7vw,104px) clamp(24px,5vw,72px);text-align:center;border-radius:34px 34px 34px 10px;background:#050a14;box-shadow:var(--shadow-l)}
.sx-apel-fond{position:absolute;inset:0;z-index:-1;background-image:radial-gradient(var(--dot) 1px,transparent 1.3px);background-size:22px 22px;
  -webkit-mask-image:radial-gradient(ellipse 70% 80% at 50% 40%,#000 15%,transparent 72%);mask-image:radial-gradient(ellipse 70% 80% at 50% 40%,#000 15%,transparent 72%)}
.sx-apel::before,.sx-apel::after{content:"";position:absolute;z-index:-1;width:520px;aspect-ratio:1;border-radius:50%;background:radial-gradient(closest-side,rgba(11,135,243,.3),transparent);left:-160px;top:-200px;animation:derivaA 18s ease-in-out infinite alternate}
.sx-apel::after{background:radial-gradient(closest-side,rgba(0,202,182,.24),transparent);left:auto;top:auto;right:-180px;bottom:-240px;animation-name:derivaB}
.sx-apel-t{margin:0 auto 18px;max-width:900px;font-size:clamp(2rem,1.2rem + 3vw,3.7rem);line-height:1.06;letter-spacing:-.045em;text-wrap:balance}
.mark{position:relative;white-space:nowrap}
.mark::after{content:"";position:absolute;left:0;right:0;bottom:-.04em;height:.12em;border-radius:4px;background-image:var(--grad);transform:scaleX(0);transform-origin:left;transition:transform 1.1s var(--ease-out) .35s}
.is-in .mark::after,html:not(.js) .mark::after{transform:scaleX(1)}
.sx-apel .sx-lead{max-width:660px;margin-inline:auto}
.sx-apel .sx-butoane{justify-content:center}
.sx-apel .sx-btn-line{background:transparent;color:var(--ink);border-color:var(--line-2)}
/* finalul „panou” pe toata latimea (28 oct 2026, §305; Dragos: „caseta sa nu mai fie card, la fel, 100%, cum ai facut si altele”): fara
   rama, fundal, colturi, umbra si spatiu interior - banda e secțiunea (fundalul ei, de la o margine la alta), textul si fereastra
   widgetului pe toata grila. Punctele si luminile se leaga de secțiune (panoul nu mai e pozitionat), deci acopera toata banda, iar
   secțiunea le taie la margini. Pe „culoarea marcii” textul si butoanele sunt albe; fereastra widgetului e in lista suprafetelor albe. */
.sx:has(>.sx-in>.sx-apel.stil-panou){overflow:clip}
.sx-apel.stil-panou{position:static;overflow:visible;padding:0;text-align:left;background:none;border:0;border-radius:0;box-shadow:none}
.sx-apel.stil-panou::before,.sx-apel.stil-panou::after{opacity:.55}
/* apare doar din culoare: cu `transform` (alunecarea aparitiei) panoul devenea pentru o clipa cutia punctelor si a luminilor, care la
   capat sareau pe secțiune */
.js .sx-apel.stil-panou[data-reveal]{transform:none}
.sx-bg-marca .sx-apel.stil-panou .mark{background-image:linear-gradient(#fff,#fff)}
.sx-bg-marca .sx-apel.stil-panou .sx-btn-line{border-color:rgba(255,255,255,.55)}
.sx-apel.stil-panou .sx-apel-t,.sx-apel.stil-panou .sx-lead{margin-left:0}
.sx-apel.stil-panou .sx-butoane{justify-content:flex-start}

/* ================================================================ COMPOZITIILE AVANSATE (29 sept 2026, „mai multe idei, mai avansat") */

/* ---------------------------------------------------------------- FILE: se schimba singure, cu bara de timp pe fila activa */
.sx-file{max-width:1520px;margin:0 auto}
.sx-file-bara{display:flex;gap:6px;max-width:100%;width:max-content;margin:0 auto 28px;padding:6px;overflow-x:auto;background:var(--surface);border:1px solid var(--line);border-radius:18px 18px 18px var(--notch);box-shadow:var(--shadow-s);scrollbar-width:none}
.sx-file-bara::-webkit-scrollbar{display:none}
.sx-fila{position:relative;overflow:hidden;flex:none;display:inline-flex;align-items:center;gap:9px;padding:11px 16px 13px;border:0;border-radius:13px 13px 13px 4px;background:transparent;color:var(--ink-2);font-weight:700;font-size:.93rem;cursor:pointer;transition:background-color .2s,color .2s}
.sx-fila>i{font-size:1.15rem}
.sx-fila:hover{color:var(--ink);background:var(--surface-2)}
.sx-fila.is-activ{color:var(--ink);background:var(--brand-soft)}
.sx-fila-bara{position:absolute;left:12px;right:12px;bottom:5px;height:2px;border-radius:2px;background:var(--line);opacity:0}
.sx-fila-bara::after{content:"";position:absolute;inset:0;border-radius:2px;background-image:var(--grad);transform:scaleX(0);transform-origin:left}
.js .sx-file.is-auto .sx-fila.is-activ .sx-fila-bara{opacity:1}
.js .sx-file.is-auto .sx-fila.is-activ .sx-fila-bara::after{animation:filaBara var(--durata,8s) linear forwards}
.js .sx-file.is-pauza .sx-fila.is-activ .sx-fila-bara::after,.js .sx-file:hover .sx-fila.is-activ .sx-fila-bara::after{animation-play-state:paused}
@keyframes filaBara{to{transform:scaleX(1)}}
.sx-file-panouri{display:grid}
.sx-fila-panou{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(28px,4vw,64px);align-items:center;padding:clamp(22px,3vw,40px);background:var(--surface);border:1px solid var(--line);border-radius:26px 26px 26px var(--notch);box-shadow:var(--shadow-m)}
.sx-fila-panou+.sx-fila-panou{margin-top:22px}
.js .sx-fila-panou{grid-area:1/1;margin-top:0!important;opacity:0;visibility:hidden;transform:translateY(12px);transition:opacity .45s var(--ease-out),transform .45s var(--ease-out),visibility .45s}
.js .sx-fila-panou.is-activ{opacity:1;visibility:visible;transform:none}
.sx-fila-text h3{margin:0 0 10px;font-size:clamp(1.4rem,1.1rem + 1vw,1.9rem);line-height:1.15;letter-spacing:-.03em}
.sx-fila-viz .sx-chat{height:470px}
/* ---- stilul „ecran” (26 oct 2026, „Ce face asistentul, pe scurt”): filele pe un rand - fiecare cu culoarea facilitatii, ca in bara
   laterala -, dedesubt un singur ecran mare: textul in stanga, demonstratia in dreapta. ⚠️ Textul nu se misca: la schimbarea filei
   ecranul se schimba pe loc si textul apare din culoare; se misca doar formele demonstratiilor (unda, inelele, scanarea, barele). */
.sx-fe-cap{display:flex;align-items:flex-end;justify-content:space-between;gap:20px 40px;flex-wrap:wrap;margin:0 0 clamp(28px,3.6vw,44px)}
.sx-fe-cap .sx-cap{margin:0}
.sx-file.stil-ecran{max-width:none}
.sx-file.stil-ecran .sx-file-bara{display:grid;grid-template-columns:repeat(var(--n),minmax(0,1fr));gap:10px;width:auto;margin:0 0 16px;padding:0;overflow:visible;background:none;border:0;box-shadow:none}
.sx-file.stil-ecran .sx-fila{flex-direction:column;justify-content:center;gap:9px;min-width:0;padding:14px 8px 15px;border:1px solid var(--line);border-radius:16px 16px 16px var(--notch);
  background:var(--surface);box-shadow:var(--shadow-s);color:var(--ink-2);font-size:.86rem;font-weight:600;line-height:1.25;text-align:center;transition:border-color .2s,box-shadow .2s,color .2s}
.sx-file.stil-ecran .sx-fila:hover{background:var(--surface);border-color:color-mix(in srgb,var(--fx) 45%,var(--line));color:var(--ink)}
.sx-fila-ic{width:42px;height:42px;display:grid;place-items:center;border-radius:13px 13px 13px 4px;background:color-mix(in srgb,var(--fx) 14%,var(--surface));color:color-mix(in srgb,var(--fx) 58%,var(--ink));font-size:21px;transition:background-color .2s,color .2s}
.sx-file.stil-ecran .sx-fila.is-activ{border:1.5px solid transparent;background:linear-gradient(var(--surface),var(--surface)) padding-box,var(--grad) border-box;color:var(--ink);box-shadow:var(--shadow-m)}
.sx-file.stil-ecran .sx-fila.is-activ .sx-fila-ic{background:var(--fx);color:#fff}
[data-theme="dark"] .sx-file.stil-ecran .sx-fila.is-activ .sx-fila-ic,[data-theme="dark"] .sx-fe-t .sx-fe-ic{color:#08101c}
.sx-file.stil-ecran .sx-fila-bara{left:0;right:0;bottom:0;height:3px;border-radius:0;background:transparent}
.sx-file.stil-ecran .sx-fila-bara::after{border-radius:0;background:var(--fx)}
.sx-file.stil-ecran .sx-fila-panou{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(24px,3.6vw,56px);min-height:560px;padding:clamp(22px,3vw,44px);border-radius:28px 28px 28px var(--notch)}
.js .sx-file.stil-ecran .sx-fila-panou{transform:none;transition:none}
.js .sx-file.stil-ecran .sx-fila-panou.is-activ :is(.sx-fe-text,.sx-fe-viz) *{animation:feIn .5s ease both}
@keyframes feIn{from{color:transparent}}
.sx-fe-text{display:flex;flex-direction:column;align-items:flex-start;gap:14px;max-width:520px}
.sx-fe-ex{display:inline-flex;align-items:center;gap:7px;padding:5px 12px 5px 9px;border-radius:99px;background:var(--surface-2);border:1px solid var(--line);font-size:.8rem;font-weight:600;color:var(--ink-3)}
.sx-fe-ex i{color:var(--fx);font-size:1rem}
.sx-fe-t{display:flex;align-items:center;gap:14px}
.sx-fe-ic{flex:none;width:52px;height:52px;display:grid;place-items:center;border-radius:16px 16px 16px var(--notch);background:var(--fx);color:#fff;font-size:26px;box-shadow:0 14px 28px -14px color-mix(in srgb,var(--fx) 80%,transparent)}
.sx-fe-t h3{margin:0;font-size:clamp(1.45rem,1.1rem + 1vw,2rem);line-height:1.15;letter-spacing:-.03em}
.sx-fe-text>.sx-lead{margin:0;font-size:1.06rem}
.sx-fe-puncte{list-style:none;margin:0;padding:0;display:grid;gap:9px}
.sx-fe-puncte li{display:flex;align-items:center;gap:10px;font-weight:500;color:var(--ink)}
.sx-fe-puncte li>i{flex:none;width:24px;height:24px;display:grid;place-items:center;border-radius:50%;background:color-mix(in srgb,var(--fx) 14%,var(--surface));color:color-mix(in srgb,var(--fx) 62%,var(--ink));font-size:13px}
.sx-btn.sx-fe-link{min-height:0;margin-top:6px;padding:0;border:0;background:none;color:var(--brand);font-size:1rem}
.sx-btn.sx-fe-link::after{display:none}
.sx-btn.sx-fe-link:hover{transform:none;box-shadow:none;color:var(--brand-ink)}
.sx-fe-viz{position:relative;display:grid;grid-template-columns:minmax(0,1fr);place-items:center;align-self:stretch;padding:clamp(18px,3vw,40px);border-radius:22px 22px 22px var(--notch);
  background:radial-gradient(color-mix(in srgb,var(--fx) 22%,transparent) 1px,transparent 1.4px) 0 0/18px 18px,linear-gradient(150deg,color-mix(in srgb,var(--fx) 10%,var(--surface-2)),var(--surface-2))}
.sx-fe-viz .dm{max-width:470px;min-width:0;font-size:15px}
/* demonstratiile (doar in filele „ecran”) - bulele = widgetul (--chat-*); animatiile merg doar in fila aratata */
.dm{width:100%;font-size:14px;line-height:1.45;color:var(--ink)}
.dm-win{width:100%;background:var(--surface);border:1px solid var(--line);border-radius:18px 18px 18px var(--notch);box-shadow:var(--shadow-m);overflow:hidden}
.dm-bar{display:flex;align-items:center;gap:6px;padding:.75em 1em;border-bottom:1px solid var(--line);background:var(--surface);font-size:.86em;font-weight:600;color:var(--ink-2)}
.dm-bar>i{width:.6em;height:.6em;border-radius:50%;background:var(--line-2)}
.dm-bar>span{display:inline-flex;align-items:center;gap:.45em;margin-left:.6em;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dm-bar>span i{color:var(--fx);font-size:1.1em}
.dm-bar>em{margin-left:auto;display:inline-flex;align-items:center;gap:.4em;padding:.2em .7em;border-radius:99px;background:var(--teal-soft);color:var(--teal-ink);font-style:normal;font-size:.9em;font-weight:700;white-space:nowrap}
.dm-bar>em::before{content:"";width:.5em;height:.5em;border-radius:50%;background:var(--ok)}
.dm-corp{display:grid;grid-template-columns:minmax(0,1fr);gap:.7em;padding:1.1em}
.dm-fir{display:flex;flex-direction:column;gap:.6em;padding:1.1em;background:var(--chat-fir)}
.dm-b{max-width:88%;padding:.62em .9em;border-radius:1.15em 1.15em 1.15em .38em;line-height:1.45}
.dm-b small{display:block;margin-bottom:.15em;font-size:.78em;font-weight:700;opacity:.8}
.dm-b-bot{align-self:flex-start;background:var(--chat-bot-bg);border:1px solid var(--chat-bot-line);color:var(--chat-bot-ink)}
.dm-b-om{align-self:flex-end;background:var(--chat-om-bg);color:var(--chat-om-ink);border-radius:1.15em 1.15em .38em 1.15em;box-shadow:var(--chat-om-sh)}
.dm-caut{display:flex;align-items:center;gap:.6em;padding:.7em 1em;border:1.5px solid var(--fx);border-radius:999px;background:var(--surface);box-shadow:0 0 0 .3em color-mix(in srgb,var(--fx) 14%,transparent);font-size:1.05em}
.dm-caut>i{color:var(--fx);font-size:1.15em}
.dm-tip{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dm-car{width:2px;height:1.1em;border-radius:2px;background:var(--fx)}
.dm-prod{display:flex;align-items:center;gap:.8em;padding:.6em .7em;border:1px solid var(--line);border-radius:.9em .9em .9em .32em;background:var(--surface)}
.dm-th{flex:none;width:2.7em;height:2.7em;display:grid;place-items:center;overflow:hidden;border-radius:.7em .7em .7em .25em;color:color-mix(in srgb,var(--fx) 58%,var(--ink));background:color-mix(in srgb,var(--fx) 12%,var(--surface));font-size:1.2em}
.dm-th.is-poza{background:#fff}
.dm-th img{width:100%;height:100%;object-fit:contain}
.dm-pt{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.3}
.dm-pt b{font-size:.95em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dm-pt small{font-size:.8em;color:var(--ink-3)}
.dm-prod em{flex:none;font-style:normal;font-weight:800;font-size:.95em}
.dm-prod.is-mare .dm-th{width:3.4em;height:3.4em}
.dm-carduri{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6em;align-self:stretch}
.dm-card{position:relative;display:flex;flex-direction:column;gap:.15em;padding:.6em;border:1px solid var(--line);border-radius:.9em .9em .9em .32em;background:var(--surface);box-shadow:var(--shadow-s);font-size:.9em}
.dm-card .dm-th{width:100%;height:auto;aspect-ratio:4/3;margin-bottom:.3em;border-radius:.6em;font-size:2em}
.dm-card small{color:var(--ink-3);font-size:.85em}
.dm-card em{font-style:normal;font-weight:800}
.dm-card.is-rec{border:1.5px solid transparent;background:linear-gradient(var(--surface),var(--surface)) padding-box,var(--grad) border-box}
.dm-tag{position:absolute;z-index:1;top:.5em;left:.5em;padding:.15em .55em;border-radius:99px;background:var(--ink);color:var(--bg);font-size:.72em;font-weight:700}
.dm-cos{align-self:stretch;display:grid;gap:.45em;padding:.8em;border:1px solid var(--line);border-radius:.9em .9em .9em .32em;background:var(--surface);box-shadow:var(--shadow-s)}
.dm-cos-r{display:flex;align-items:center;gap:.7em;padding-bottom:.55em;border-bottom:1px dashed var(--line)}
.dm-cos-r>span:not(.dm-th){flex:1;display:flex;flex-direction:column;line-height:1.3}
.dm-cos-r small{color:var(--ink-3);font-size:.82em}
.dm-cos-r em{font-style:normal;font-weight:800}
.dm-cos-l{display:flex;justify-content:space-between;font-size:.9em;color:var(--ink-2)}
.dm-cos-l b{color:var(--ok-ink)}
.dm-cos-l.is-tot{font-size:1em;color:var(--ink)}
.dm-cos-l.is-tot b{color:var(--ink);font-weight:800}
.dm-ok{align-self:stretch;display:flex;align-items:center;gap:.7em;padding:.7em .8em;border:1px solid color-mix(in srgb,var(--ok) 38%,var(--line));border-radius:.9em .9em .9em .32em;background:var(--surface)}
.dm-ok-ic{flex:none;width:2.2em;height:2.2em;display:grid;place-items:center;border-radius:.7em .7em .7em .25em;background:var(--ok);color:#fff;font-size:1.05em}
.dm-ok>span:last-child{display:flex;flex-direction:column;line-height:1.3}
.dm-ok small{color:var(--ink-3);font-size:.82em}
.dm-voce-cap{display:flex;align-items:center;gap:.9em;padding:1em 1.1em;border-bottom:1px solid var(--line)}
.dm-mic{position:relative;flex:none;width:3.2em;height:3.2em;display:grid;place-items:center;border-radius:50%;background:var(--grad);color:#fff;font-size:1.25em}
.dm-mic::after{content:"";position:absolute;inset:-.35em;border-radius:50%;border:2px solid color-mix(in srgb,var(--fx) 45%,transparent);opacity:0}
.dm-unda{flex:1;display:flex;align-items:center;gap:3px;height:2.4em}
.dm-unda i{flex:1;height:100%;border-radius:3px;background:var(--grad);transform:scaleY(.5);transform-origin:center}
.dm-live{flex:none;display:inline-flex;align-items:center;gap:.4em;font-size:.82em;font-weight:700;color:var(--ink-2)}
.dm-live i{width:.55em;height:.55em;border-radius:50%;background:#e5484d}
.dm-b-poza{display:flex;flex-direction:column;align-items:flex-end;gap:.4em;padding:.45em}
.dm-poza{position:relative;display:grid;place-items:center;width:7.5em;height:7.5em;overflow:hidden;border-radius:.8em;background:#fff;color:var(--ink-3);font-size:1em}
.dm-poza img{width:100%;height:100%;object-fit:contain}
.dm-scan{position:absolute;left:0;right:0;top:0;height:3px;background:var(--grad);box-shadow:0 0 0 1px rgba(255,255,255,.6)}
.dm-b-poza>span:last-child{padding:0 .45em .2em}
.dm-sist{align-self:center;display:inline-flex;align-items:center;gap:.45em;padding:.35em .8em;border-radius:99px;background:var(--teal-soft);color:var(--teal-ink);font-size:.82em;font-weight:700}
.dm-rand-op{display:flex;align-items:flex-end;gap:.5em}
.dm-av{flex:none;width:2em;height:2em;display:grid;place-items:center;border-radius:50%;background:var(--teal-soft);color:var(--teal-ink);font-size:.95em}
.dm-sugestie{align-self:flex-start;display:inline-flex;align-items:center;gap:.4em;margin-left:2.5em;font-size:.78em;font-weight:600;color:var(--brand-ink)}
.dm-tel{width:min(100%,15.5em);margin:0 auto;padding:.55em;border-radius:2.2em;background:var(--dev);box-shadow:var(--shadow-l)}
.dm-tel-ecran{display:flex;flex-direction:column;align-items:center;gap:1.2em;min-height:23em;padding:1.4em 1em 1.6em;border-radius:1.75em;background:linear-gradient(180deg,#0f2440 0%,#0a1629 100%);color:#fff;text-align:center}
.dm-tel-sus{font-size:.78em;font-weight:700;letter-spacing:.06em;text-transform:uppercase;opacity:.75}
.dm-apel{display:flex;flex-direction:column;align-items:center;gap:.5em;margin-top:.6em}
.dm-apel-av{position:relative;width:5em;height:5em;display:grid;place-items:center;margin-bottom:.6em;border-radius:50%;background:var(--grad);font-size:1.6em}
.dm-apel-av b{position:absolute;inset:0;border-radius:50%;border:2px solid rgba(0,202,182,.55);opacity:0}
.dm-apel-n{font-size:1.08em}
.dm-apel small{font-size:.8em;opacity:.78;line-height:1.4}
.dm-apel-btn{display:flex;justify-content:center;gap:3.2em;margin-top:auto}
.dm-apel-btn span{width:3.3em;height:3.3em;display:grid;place-items:center;border-radius:50%;font-size:1.35em}
.dm-apel-btn .is-nu{background:#e5484d}
.dm-apel-btn .is-da{background:#12b76a;box-shadow:0 0 0 .4em rgba(18,183,106,.22)}
.dm-surse{gap:1em}
.dm-sursa{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.4em .75em}
.dm-s-ic{grid-row:span 2;width:2.4em;height:2.4em;display:grid;place-items:center;border-radius:.7em .7em .7em .25em;background:color-mix(in srgb,var(--fx) 12%,var(--surface));color:color-mix(in srgb,var(--fx) 58%,var(--ink));font-size:1.1em}
.dm-s-t{display:flex;align-items:baseline;justify-content:space-between;gap:.6em;font-size:.92em}
.dm-s-t small{color:var(--ink-3);font-size:.86em;white-space:nowrap}
.dm-s-ok{grid-row:span 2;color:var(--ok);font-size:1.25em}
.dm-s-bar{grid-column:2;height:.4em;border-radius:99px;background:var(--surface-3);overflow:hidden}
.dm-s-bar i{display:block;height:100%;width:100%;border-radius:99px;background:var(--grad);transform-origin:left}
@media (prefers-reduced-motion:no-preference){
  .sx-fila-panou.is-activ .dm-car{animation:dmClip 1s steps(1) infinite}
  .sx-fila-panou.is-activ .dm-mic::after,.sx-fila-panou.is-activ .dm-apel-av b{animation:dmPuls 2s var(--ease-out) infinite}
  .sx-fila-panou.is-activ .dm-apel-av b:nth-of-type(2){animation-delay:1s}
  .sx-fila-panou.is-activ .dm-unda i{animation:dmUnda 1.3s ease-in-out infinite;animation-delay:calc(var(--i) * -.11s)}
  .sx-fila-panou.is-activ .dm-scan{animation:dmScan 2.2s ease-in-out infinite alternate}
  .sx-fila-panou.is-activ .dm-s-bar i{animation:dmUmple 2.6s var(--ease-out) both;animation-delay:var(--d,0s)}
}
@keyframes dmClip{50%{opacity:0}}
@keyframes dmPuls{from{transform:scale(.9);opacity:1}to{transform:scale(1.35);opacity:0}}
@keyframes dmUnda{0%,100%{transform:scaleY(.28)}50%{transform:scaleY(1)}}
@keyframes dmScan{to{transform:translateY(7.3em)}}
@keyframes dmUmple{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@media (max-width:1180px){.sx-file.stil-ecran .sx-file-bara{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (max-width:900px){.sx-file.stil-ecran .sx-fila-panou{grid-template-columns:minmax(0,1fr);min-height:0}}
@media (max-width:760px){
  .sx-fe-cap .sx-btn{width:100%}
  .sx-file.stil-ecran .sx-file-bara{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:var(--gutter);gap:8px;margin:0 calc(-1 * var(--gutter)) 14px;padding:2px var(--gutter) 6px;scrollbar-width:none}
  .sx-file.stil-ecran .sx-fila{flex:0 0 112px;scroll-snap-align:start;padding:12px 6px 13px;font-size:.8rem}
  .sx-fila-ic{width:36px;height:36px;font-size:18px}
  .sx-file.stil-ecran .sx-fila-panou{padding:18px;gap:18px}
  .sx-fe-viz{padding:16px}
  .sx-fe-viz .dm{font-size:13px}
}

/* ---------------------------------------------------------------- RADIOGRAFIA: chatul + pasii din spate, cu ceasul */
.sx-rx{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,4vw,56px);align-items:center;max-width:1440px;margin:0 auto}
.sx-rx-chat{height:auto;min-height:430px;margin:0}
.sx-rx-chat .sx-chat-fir{justify-content:flex-start;-webkit-mask-image:none;mask-image:none}
.js .sx-rx.is-joc [data-rx-r]{opacity:0;transform:translateY(8px);transition:opacity .45s var(--ease-out),transform .45s var(--ease-out)}
.js .sx-rx.is-joc [data-rx-r].is-gata{opacity:1;transform:none}
.sx-rx-pasi{padding:26px;background:var(--surface);border:1px solid var(--line);border-radius:24px 24px 24px var(--notch);box-shadow:var(--shadow-l)}
.sx-rx-ceas{display:flex;align-items:baseline;flex-wrap:wrap;gap:6px 10px;margin-bottom:18px;padding-bottom:16px;border-bottom:1px dashed var(--line-2)}
.sx-rx-ceas>i{align-self:center;font-size:1.4rem;color:var(--brand)}
.sx-rx-ceas b{font-size:2.3rem;font-weight:800;letter-spacing:-.04em;font-variant-numeric:tabular-nums;background-image:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.sx-rx-ceas span{color:var(--ink-3);font-weight:600;font-size:.9rem}
.sx-rx-pasi ol{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.sx-rx-pas{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:10px 12px;border:1px solid transparent;border-radius:14px 14px 14px 5px;transition:background-color .35s,border-color .35s,opacity .35s}
.sx-rx-ic{width:38px;height:38px;display:grid;place-items:center;border-radius:12px 12px 12px 4px;background:var(--surface-2);color:var(--ink-3);font-size:1.2rem;transition:background .35s,color .35s}
.sx-rx-t b{display:block;font-size:.98rem}
.sx-rx-t span{display:block;color:var(--ink-2);font-size:.86rem}
.sx-rx-pas em{font-style:normal;font-weight:700;font-size:.82rem;color:var(--ink-3);font-variant-numeric:tabular-nums}
.sx-rx-pas.is-on{background:var(--brand-soft);border-color:color-mix(in srgb,var(--brand) 22%,transparent)}
.sx-rx-pas.is-on .sx-rx-ic{background-image:var(--grad);color:#fff}
.js .sx-rx.is-joc .sx-rx-pas:not(.is-on){opacity:.5}

/* ---------------------------------------------------------------- COLAJ de ecrane (se misca putin la derulare) */
.sx-colaj{position:relative;max-width:1400px;margin:0 auto;aspect-ratio:16/10}
.sx-colaj-ecran{position:absolute;margin:0;width:56%;transform:translateY(var(--py,0px));transition:transform .15s linear}
.sx-colaj-ecran-in{position:relative;aspect-ratio:16/10;overflow:hidden;background:var(--surface);border:1px solid var(--line);border-radius:18px 18px 18px var(--notch);box-shadow:var(--shadow-l)}
.sx-colaj-ecran figcaption{position:absolute;left:16px;bottom:-15px;z-index:2;padding:6px 13px;background:var(--surface);border:1px solid var(--line);border-radius:999px;box-shadow:var(--shadow-m);font-size:.82rem;font-weight:700}
.stil-evantai .sx-colaj-ecran:nth-child(1){left:22%;top:2%;z-index:3}
.stil-evantai .sx-colaj-ecran:nth-child(2){left:0;top:24%;z-index:2;rotate:-5deg}
.stil-evantai .sx-colaj-ecran:nth-child(3){left:44%;top:26%;z-index:2;rotate:5deg}
.stil-evantai .sx-colaj-ecran:nth-child(4){left:28%;top:48%;z-index:4;width:44%}
.stil-scara .sx-colaj-ecran:nth-child(1){left:0;top:0}
.stil-scara .sx-colaj-ecran:nth-child(2){left:22%;top:18%;z-index:2}
.stil-scara .sx-colaj-ecran:nth-child(3){left:44%;top:36%;z-index:3}
.stil-scara .sx-colaj-ecran:nth-child(4){left:8%;top:52%;z-index:4;width:40%}
.sx-colaj.stil-mozaic{aspect-ratio:auto;display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:26px}
.stil-mozaic .sx-colaj-ecran{position:relative;width:auto}
.stil-mozaic .sx-colaj-ecran:nth-child(1){grid-row:span 2}
.stil-mozaic .sx-colaj-ecran:nth-child(1) .sx-colaj-ecran-in{height:100%;aspect-ratio:auto;min-height:320px}

/* ---------------------------------------------------------------- ADNOTARI: puncte care pulseaza pe captura */
.sx-adn{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:clamp(24px,4vw,56px);align-items:center;max-width:1520px;margin:0 auto}
.sx-adn-img{position:relative}
.sx-adn-img img{display:block;width:100%;height:auto}
.sx-adn-viz.rama-nimic .sx-adn-img img{border-radius:18px 18px 18px var(--notch);box-shadow:var(--shadow-l)}
.sx-adn-viz .sx-browser-ecran{aspect-ratio:auto}
.sx-adn-strat{position:absolute;inset:0}
.sx-adn-punct{position:absolute;left:var(--x);top:var(--y);width:34px;height:34px;padding:0;border:0;border-radius:50%;background:transparent;transform:translate(-50%,-50%);cursor:pointer}
.sx-adn-punct span{position:relative;z-index:1;display:grid;place-items:center;width:30px;height:30px;margin:2px;border-radius:50%;background-image:var(--grad);color:#fff;font-weight:800;font-size:.85rem;box-shadow:0 0 0 4px rgba(255,255,255,.92),0 6px 16px rgba(11,135,243,.45);transition:transform .25s var(--ease)}
.sx-adn-punct::before{content:"";position:absolute;inset:-6px;border-radius:50%;border:2px solid var(--brand);animation:ripple 2.4s var(--ease-out) infinite}
.sx-adn-punct.is-on span,.sx-adn-punct:hover span{transform:scale(1.14)}
.sx-adn-lista{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.sx-adn-lista li{display:flex;align-items:flex-start;gap:12px;padding:12px 14px;background:var(--surface);border:1px solid var(--line);border-radius:14px 14px 14px var(--notch);transition:border-color .25s,box-shadow .25s,transform .25s var(--ease)}
.sx-adn-lista li.is-on{border-color:var(--brand);box-shadow:var(--shadow-m);transform:translateX(4px)}
.sx-adn-nr{flex:none;width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:var(--brand-soft);color:var(--brand-ink);font-weight:800;font-size:.85rem}
.sx-adn-lista b{display:block}
.sx-adn-lista li>span:last-child>span{display:block;margin-top:2px;color:var(--ink-2);font-size:.92rem}

/* ---------------------------------------------------------------- NOTIFICARI care curg */
.sx-notif{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(34px,5vw,80px);align-items:center}
.sx-notif .sx-cap{margin-bottom:0}
.sx-notif-scena{position:relative;overflow:hidden;min-height:400px;padding:26px;background:var(--surface-2);border:1px solid var(--line);border-radius:26px 26px 26px var(--notch);background-image:radial-gradient(var(--dot) 1px,transparent 1.3px);background-size:20px 20px}
.sx-notif-lista{display:grid;gap:12px}
.sx-toast{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:13px 14px;background:var(--surface);border:1px solid var(--line);border-radius:16px 16px 16px 5px;box-shadow:var(--shadow-m)}
.sx-toast-ic{width:40px;height:40px;display:grid;place-items:center;border-radius:12px 12px 12px 4px;background:var(--brand);color:#fff;font-size:1.25rem}
.c-verde .sx-toast-ic{background:var(--ok)}.c-portocaliu .sx-toast-ic{background:#f59e0b}.c-violet .sx-toast-ic{background:#8b5cf6}
.sx-toast-t b{display:block;font-size:.95rem}
.sx-toast-t span{display:block;color:var(--ink-2);font-size:.85rem}
.sx-toast em{font-style:normal;font-size:.76rem;font-weight:700;color:var(--ink-3);white-space:nowrap}
.js .sx-notif-scena.is-joc .sx-toast{display:none}
.js .sx-notif-scena.is-joc .sx-toast.is-vazut{display:grid;animation:toastIn .55s var(--ease-out) both}
.js .sx-notif-scena.is-joc .sx-toast.is-vechi{opacity:.55}
@keyframes toastIn{from{opacity:0;transform:translateY(-14px) scale(.97)}to{opacity:1;transform:none}}

/* ---------------------------------------------------------------- APELUL pe telefonul agentului */
.sx-apel-ag{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(34px,5vw,80px);align-items:center}
.sx-apel-ag .sx-cap{margin-bottom:0}
.sx-apel-viz{display:grid;place-items:center}
.sx-telefon.is-suna{position:relative;width:min(320px,76%);animation:vibreaza 4.2s ease-in-out infinite}
.sx-telefon.is-suna .sx-dev-ecran{background:#0a1a36}
.sx-telefon.is-suna .sx-tel-bara{color:#fff}
@keyframes vibreaza{0%,68%,100%{transform:rotate(0)}70%,74%,78%{transform:rotate(-1.6deg)}72%,76%{transform:rotate(1.6deg)}}
.sx-suna{flex:1;display:flex;flex-direction:column;justify-content:space-between;padding:10% 8% 12%;color:#fff;text-align:center;font-size:4cqw;background:radial-gradient(130% 70% at 50% 0%,#15479a 0%,#0a1a36 58%,#050a14 100%)}
.sx-suna-sus{display:flex;flex-direction:column;align-items:center;gap:.5em}
.sx-suna-av{position:relative;display:grid;place-items:center;width:5.4em;height:5.4em;margin:.4em 0 .7em;border-radius:50%;background-image:var(--grad);font-size:1.25em}
.sx-suna-av b{font-size:1.15em;font-weight:800}
.sx-suna-av i{position:absolute;inset:0;border-radius:50%;border:2px solid rgba(99,184,255,.6);animation:ripple 2.2s var(--ease-out) infinite}
.sx-suna-av i:nth-child(2){animation-delay:.7s}.sx-suna-av i:nth-child(3){animation-delay:1.4s}
.sx-suna-nume{font-size:1.5em;font-weight:800;letter-spacing:-.02em}
.sx-suna-sub{font-size:.95em;opacity:.8}
.sx-suna-nota{display:flex;align-items:flex-start;gap:.5em;margin:.8em 0 0;padding:.7em .9em;border-radius:1em 1em 1em .35em;background:rgba(255,255,255,.1);font-size:.85em;line-height:1.35;text-align:left}
.sx-suna-jos{display:flex;justify-content:space-around}
.sx-suna-btn{display:flex;flex-direction:column;align-items:center;gap:.45em;font-size:.85em}
.sx-suna-btn>span{width:3.6em;height:3.6em;display:grid;place-items:center;border-radius:50%;font-size:1.35em}
.sx-suna-btn.is-nu>span{background:#ef4444}
.sx-suna-btn.is-da>span{background:#22c55e;animation:puls2 1.6s ease-in-out infinite}
@keyframes puls2{50%{box-shadow:0 0 0 .55em rgba(34,197,94,.25)}}
.sx-suna-btn em{font-style:normal;opacity:.9}

/* ---------------------------------------------------------------- LIMBI: baloane in jurul orbului */
.sx-limbi{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(34px,5vw,80px);align-items:center}
.sx-limbi .sx-cap{margin-bottom:0}
.sx-limbi-scena{position:relative;width:100%;max-width:560px;aspect-ratio:1;margin:0 auto;container-type:inline-size}
.sx-limbi-orb{position:absolute;left:50%;top:50%;width:26cqw;height:26cqw;display:grid;place-items:center;border-radius:50%;transform:translate(-50%,-50%);background:radial-gradient(circle at 35% 30%,var(--surface),var(--brand-soft));box-shadow:0 20px 50px -18px rgba(11,135,243,.5)}
/* ⚠️ `roteste2` (doar rotire): inelele stau pe `inset`, nu pe left/top 50% + translate - `roteste` le muta cu -50% si alunecau */
.sx-limbi-orb i{position:absolute;inset:-14%;border-radius:50%;border:1px dashed color-mix(in srgb,var(--brand) 30%,transparent);animation:roteste2 40s linear infinite}
.sx-limbi-orb i:nth-child(2){inset:-46%;animation-duration:70s;animation-direction:reverse}
.sx-limbi-orb img{width:42%;height:auto}
.sx-limba{--ang:calc(var(--i) * 360deg / var(--n,6) - 90deg);position:absolute;left:50%;top:50%;display:flex;align-items:center;gap:8px;max-width:46cqw;padding:8px 12px 8px 8px;
  background:var(--surface);border:1px solid var(--line);border-radius:14px 14px 14px 5px;box-shadow:var(--shadow-m);font-size:clamp(.7rem,2.5cqw,.95rem);font-weight:600;line-height:1.3;
  transform:translate(-50%,-50%) translate(calc(cos(var(--ang)) * 35cqw),calc(sin(var(--ang)) * 35cqw));animation:pluteste2 6s ease-in-out infinite;animation-delay:calc(var(--i) * -.9s)}
.sx-limba b{flex:none;display:grid;place-items:center;min-width:30px;height:24px;padding:0 6px;border-radius:8px 8px 8px 3px;background-image:var(--grad);color:#fff;font-size:.72em;font-weight:800;letter-spacing:.04em}
.sx-limba span{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
@keyframes pluteste2{50%{translate:0 -9px}}

/* ---------------------------------------------------------------- FLUX: drumul, cu un puls care calatoreste */
.sx-flux{--n:4;position:relative;list-style:none;margin:0 auto;padding:0;display:grid;grid-template-columns:repeat(var(--n),minmax(0,1fr));gap:18px;max-width:1520px}
.sx-flux.n2{--n:2}.sx-flux.n3{--n:3}.sx-flux.n5{--n:5}.sx-flux.n6{--n:6}
.sx-flux::before{content:"";position:absolute;left:8%;right:8%;top:30px;height:3px;border-radius:3px;background:repeating-linear-gradient(90deg,var(--line-2) 0 10px,transparent 10px 16px)}
.sx-flux::after{content:"";position:absolute;top:26px;left:8%;width:56px;height:11px;border-radius:999px;background-image:var(--grad);box-shadow:0 0 16px rgba(11,135,243,.55);animation:calatorie 4.6s var(--ease) infinite}
@keyframes calatorie{0%{left:8%;opacity:0}10%,86%{opacity:1}100%{left:calc(92% - 56px);opacity:0}}
.sx-flux-pas{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center}
.sx-flux-ic{position:relative;z-index:1;width:62px;height:62px;display:grid;place-items:center;margin-bottom:8px;border-radius:20px 20px 20px 6px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-m);color:var(--brand);font-size:1.6rem}
.js .sx-flux.is-in .sx-flux-ic{animation:fluxPop .6s var(--ease-out) both;animation-delay:calc(var(--k) * .18s)}
@keyframes fluxPop{from{transform:scale(.6);opacity:0}to{transform:none;opacity:1}}
.sx-flux-pas b{font-size:1.02rem}
.sx-flux-pas span{color:var(--ink-2);font-size:.9rem;line-height:1.5}
.sx-flux-pas em{margin-top:4px;padding:4px 10px;border-radius:999px;background:var(--brand-soft);color:var(--brand-ink);font-style:normal;font-size:.78rem;font-weight:700}

/* ---------------------------------------------------------------- GRAFIC care se deseneaza singur */
.sx-grafic{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:22px;align-items:stretch;max-width:1440px;margin:0 auto}
.sx-grafic.fara-kpi{grid-template-columns:minmax(0,1fr)}
.sx-kpi{display:grid;gap:14px;align-content:center}
.sx-kpi-el{padding:18px 20px;background:var(--surface);border:1px solid var(--line);border-radius:18px 18px 18px var(--notch);box-shadow:var(--shadow-s)}
.sx-kpi-el b{display:block;font-size:2.05rem;font-weight:800;letter-spacing:-.04em;line-height:1.05}
.sx-kpi-el span{display:block;color:var(--ink-2);font-size:.92rem}
.sx-kpi-el em{display:inline-flex;align-items:center;gap:4px;margin-top:8px;padding:3px 9px;border-radius:999px;font-style:normal;font-weight:800;font-size:.78rem}
.sx-kpi-el em.is-sus{background:color-mix(in srgb,var(--ok) 16%,transparent);color:var(--ok-ink)}
.sx-kpi-el em.is-jos{background:rgba(239,68,68,.14);color:#ef4444}
.sx-grafic-loc{margin:0;padding:22px 22px 14px;background:var(--surface);border:1px solid var(--line);border-radius:22px 22px 22px var(--notch);box-shadow:var(--shadow-m)}
.sx-grafic-loc svg{display:block;width:100%;height:auto;overflow:visible}
.sx-grila-svg line{stroke:var(--line);stroke-width:1;stroke-dasharray:4 5}
.sx-linie{fill:none;stroke:var(--brand);stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset 1.8s var(--ease-out) .2s}
.sx-arie{fill:var(--grad-arie);opacity:0;transition:opacity 1s .9s}
.sx-nod{fill:var(--surface);stroke:var(--brand);stroke-width:2.5;opacity:0;transition:opacity .4s;transition-delay:calc(1s + var(--k) * 60ms)}
.sx-bara{fill:var(--brand);transform-box:fill-box;transform-origin:bottom;transform:scaleY(0);transition:transform .9s var(--ease-out);transition-delay:calc(var(--k) * 70ms)}
.sx-bara:nth-child(even){fill:color-mix(in srgb,var(--brand) 60%,var(--teal))}
.is-in .sx-linie,html:not(.js) .sx-linie{stroke-dashoffset:0}
.is-in .sx-arie,.is-in .sx-nod,html:not(.js) .sx-arie,html:not(.js) .sx-nod{opacity:1}
.is-in .sx-bara,html:not(.js) .sx-bara{transform:none}
.sx-grafic-x{display:grid;grid-template-columns:repeat(var(--n),minmax(0,1fr));margin-top:8px;color:var(--ink-3);font-size:.78rem;text-align:center}

/* ---------------------------------------------------------------- MOZAIC de dale */
.sx-mozaic{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:minmax(180px,auto);grid-auto-flow:dense;gap:16px}
.sx-dala{position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;gap:6px;padding:22px;background:var(--surface);border:1px solid var(--line);border-radius:20px 20px 20px var(--notch);box-shadow:var(--shadow-s)}
.sx-dala.m-lata{grid-column:span 2}.sx-dala.m-inalta{grid-row:span 2}.sx-dala.m-mare{grid-column:span 2;grid-row:span 2}
.sx-dala h3{margin:0;font-size:1.08rem;letter-spacing:-.015em}
.sx-dala p{margin:0;color:var(--ink-2)}
.sx-dala.t-iconita{justify-content:flex-start}
.sx-dala.t-iconita .sx-card-ic{margin-bottom:auto}
.sx-dala.t-imagine{padding:0;border:0}
.sx-dala-fond,.sx-dala.t-imagine .sx-schelet{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.sx-dala-peste{position:relative;margin:auto 14px 14px;padding:12px 14px;background:var(--surface);border-radius:14px 14px 14px 5px;box-shadow:var(--shadow-m)}
.sx-dala-peste b{display:block}.sx-dala-peste span{display:block;color:var(--ink-2);font-size:.9rem}
.sx-dala-cifra{font-size:clamp(2.6rem,2rem + 2vw,4.1rem);font-weight:800;letter-spacing:-.05em;line-height:1;background-image:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.sx-dala.t-citat{justify-content:space-between;background-image:linear-gradient(135deg,var(--brand-soft),var(--surface) 70%)}
.sx-dala-ghil{font-size:2rem;color:var(--brand)}
.sx-dala.t-citat blockquote{margin:0;color:var(--ink);font-size:1.06rem;font-weight:600;line-height:1.5}
.sx-dala.t-citat blockquote p{margin:0}
.sx-dala-autor{font-weight:700;color:var(--ink-3)!important}
.sx-dala.t-chat{justify-content:center;background:var(--surface-2)}
.sx-dala-chat{display:flex;flex-direction:column;gap:8px;font-size:.92rem}

/* ---------------------------------------------------------------- STIVA: carduri care se aseaza unul peste altul */
.sx-stiva{display:grid;gap:30px;max-width:1440px;margin:0 auto}
.sx-stiva-card{position:sticky;top:calc(var(--header-h) + 22px + var(--k) * 14px);display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:clamp(24px,4vw,56px);align-items:center;padding:clamp(24px,3.5vw,44px);
  background:var(--surface);border:1px solid var(--line);border-radius:28px 28px 28px 9px;box-shadow:0 -14px 40px -26px rgba(10,30,60,.4),var(--shadow-m)}
.sx-stiva-text h3{margin:0 0 8px;font-size:clamp(1.4rem,1.1rem + 1.2vw,2rem);line-height:1.15;letter-spacing:-.03em}
.sx-stiva-text .sx-card-ic{margin-bottom:16px}

/* ---------------------------------------------------------------- COMPARATIA fara / cu */
.sx-comp{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:26px;align-items:stretch;max-width:1300px;margin:0 auto}
.sx-comp-col{padding:28px;background:var(--surface);border:1px solid var(--line);border-radius:24px 24px 24px var(--notch)}
.sx-comp-col h3{display:flex;align-items:center;gap:10px;margin:0 0 18px;font-size:1.2rem}
.sx-comp-col h3>i{font-size:1.5rem}
.sx-comp-col ul{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.sx-comp-col li{display:flex;align-items:flex-start;gap:10px;color:var(--ink-2)}
.sx-comp-col li>i{flex:none;width:22px;height:22px;margin-top:2px;display:grid;place-items:center;border-radius:50%;font-size:.78rem}
.sx-comp-col.is-fara{background:var(--surface-2)}
.sx-comp-col.is-fara h3>i{color:var(--ink-3)}
.sx-comp-col.is-fara li>i{background:var(--surface-3);color:var(--ink-3)}
.sx-comp-col.is-cu{border:2px solid transparent;background-image:linear-gradient(var(--surface),var(--surface)),var(--grad);background-origin:border-box;background-clip:padding-box,border-box;box-shadow:var(--shadow-l)}
.sx-comp-col.is-cu h3>i{color:var(--brand)}
.sx-comp-col.is-cu li{color:var(--ink)}
.sx-comp-col.is-cu li>i{background-image:var(--grad);color:#fff}
.sx-comp-vs{position:absolute;left:50%;top:50%;z-index:2;width:48px;height:48px;display:grid;place-items:center;border-radius:50%;transform:translate(-50%,-50%);background:var(--ink);color:var(--bg);font-weight:800;box-shadow:0 0 0 6px var(--bg)}
.sx-bg-alt .sx-comp-vs{box-shadow:0 0 0 6px var(--bg-alt)}

/* ---------------------------------------------------------------- TABELUL comparativ */
.sx-tabel-loc{max-width:1300px;margin:0 auto;overflow-x:auto;background:var(--surface);border:1px solid var(--line);border-radius:22px 22px 22px var(--notch);box-shadow:var(--shadow-m)}
.sx-tabel{width:100%;min-width:560px;border-collapse:separate;border-spacing:0;font-size:.95rem}
.sx-tabel th,.sx-tabel td{padding:14px 18px;text-align:center;border-bottom:1px solid var(--line)}
.sx-tabel tbody th{text-align:left;font-weight:600;color:var(--ink)}
.sx-tabel thead th{background:var(--surface);padding-top:20px;font-size:1rem;font-weight:800}
.sx-tabel .is-evid{background:color-mix(in srgb,var(--brand) 6%,var(--surface))}
.sx-tabel thead th.is-evid{color:var(--brand-ink);box-shadow:inset 0 3px 0 var(--brand)}
.sx-tabel tr:last-child td,.sx-tabel tr:last-child th{border-bottom:0}
.sx-tabel-grup th{padding:11px 18px;text-align:left!important;background:var(--surface-2);color:var(--ink-3);font-size:.8rem;font-weight:800;letter-spacing:.02em}
.sx-da{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:50%;background-image:var(--grad);color:#fff;font-size:.82rem}
.sx-nu{display:inline-block;width:14px;height:2px;border-radius:2px;background:var(--line-2);vertical-align:middle}

/* ---------------------------------------------------------------- CRONOLOGIA */
.sx-cron{position:relative;list-style:none;margin:0 auto;padding:0;max-width:1240px;display:grid;gap:26px}
.sx-cron::before{content:"";position:absolute;left:50%;top:0;bottom:0;width:2px;transform:translateX(-50%);background:linear-gradient(var(--brand),var(--teal) 60%,var(--line-2))}
.sx-cron-et{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 56px minmax(0,1fr);align-items:center}
.sx-cron-nod{grid-column:2;grid-row:1;justify-self:center;z-index:1;width:44px;height:44px;display:grid;place-items:center;border-radius:50%;background:var(--surface);border:2px solid var(--line-2);color:var(--ink-3);font-size:1.15rem;box-shadow:0 0 0 6px var(--bg)}
.sx-bg-alt .sx-cron-nod{box-shadow:0 0 0 6px var(--bg-alt)}
.sx-cron-et.is-gata .sx-cron-nod{border-color:transparent;background-image:var(--grad);background-origin:border-box;color:#fff}
.sx-cron-et.is-acum .sx-cron-nod{border-color:var(--brand);color:var(--brand);animation:puls3 2s ease-in-out infinite}
@keyframes puls3{50%{box-shadow:0 0 0 6px var(--bg),0 0 0 13px color-mix(in srgb,var(--brand) 18%,transparent)}}
.sx-cron-card{grid-column:1;grid-row:1;padding:18px 20px;text-align:right;background:var(--surface);border:1px solid var(--line);border-radius:18px 18px 18px var(--notch);box-shadow:var(--shadow-s)}
.sx-cron-et:nth-child(even) .sx-cron-card{grid-column:3;text-align:left}
.sx-cron-card em{font-style:normal;font-size:.8rem;font-weight:800;color:var(--brand-ink)}
.sx-cron-card h3{margin:4px 0 6px;font-size:1.1rem}
.sx-cron-card div{color:var(--ink-2);font-size:.94rem}
.sx-cron-card div p{margin:0}
.sx-cron-et.is-urmeaza .sx-cron-card{border-style:dashed;background:transparent;box-shadow:none}

/* ---------------------------------------------------------------- MANIFEST: cuvintele se aprind la derulare */
.sx-manifest{max-width:1200px;margin:0 auto;text-align:center}
.sx-manifest-t{margin:0;font-size:clamp(1.9rem,1.1rem + 3vw,3.6rem);font-weight:800;line-height:1.2;letter-spacing:-.035em;color:var(--ink);text-wrap:balance}
.js .sx-manifest-t .w{color:color-mix(in srgb,var(--ink) 20%,transparent);transition:color .35s}
.js .sx-manifest-t .w.is-on{color:var(--ink)}
.sx-manifest-a{margin:22px 0 0;color:var(--ink-3);font-weight:700}

/* ---------------------------------------------------------------- GALERIA si fereastra ei */
.sx-gal-t{margin-bottom:32px;text-align:center}
.sx-galerie{display:grid;gap:14px;grid-template-columns:repeat(3,minmax(0,1fr))}
.sx-galerie.col-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sx-galerie.col-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.sx-galerie.stil-zidarie{display:block;columns:3;column-gap:14px}
.sx-galerie.stil-zidarie.col-2{columns:2}.sx-galerie.stil-zidarie.col-4{columns:4}
.stil-zidarie .sx-gal-el{break-inside:avoid;margin-bottom:14px}
.sx-gal-el{margin:0}
.sx-gal-btn{display:block;width:100%;padding:0;overflow:hidden;border:0;border-radius:16px 16px 16px var(--notch);background:none;cursor:zoom-in}
.stil-grila .sx-gal-btn{aspect-ratio:4/3}
.sx-gal-btn img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .5s var(--ease)}
.sx-gal-btn:hover img{transform:scale(1.04)}
.sx-gal-el figcaption{margin-top:8px;color:var(--ink-3);font-size:.88rem}
.sx-lumina{position:fixed;inset:0;z-index:90;display:grid;place-items:center;padding:6vh 5vw;background:rgba(5,10,20,.94)}
.sx-lumina[hidden]{display:none}
.sx-lumina img{max-width:100%;max-height:86vh;border-radius:12px;box-shadow:0 30px 80px rgba(0,0,0,.6)}
.sx-lumina button{position:absolute;width:48px;height:48px;display:grid;place-items:center;border:0;border-radius:50%;background:rgba(255,255,255,.14);color:#fff;font-size:1.3rem;cursor:pointer}
.sx-lumina button:hover{background:rgba(255,255,255,.24)}
.sx-lumina .x{top:18px;right:18px}.sx-lumina .st{left:18px;top:calc(50% - 24px)}.sx-lumina .dr{right:18px;top:calc(50% - 24px)}

/* ---------------------------------------------------------------- INAINTE / DUPA */
.sx-ind{position:relative;max-width:1340px;margin:0 auto;overflow:hidden;border-radius:22px 22px 22px var(--notch);box-shadow:var(--shadow-l);user-select:none}
.sx-ind-strat img{display:block;width:100%;height:auto}
.sx-ind-strat.is-dupa{position:absolute;inset:0;clip-path:inset(0 0 0 var(--poz))}
.sx-ind-strat.is-dupa img{width:100%;height:100%;object-fit:cover}
.sx-ind-linie{position:absolute;top:0;bottom:0;left:var(--poz);width:3px;transform:translateX(-50%);background:#fff;box-shadow:0 0 12px rgba(0,0,0,.35);pointer-events:none}
.sx-ind-maner{position:absolute;top:50%;left:50%;width:46px;height:46px;display:grid;place-items:center;border-radius:50%;transform:translate(-50%,-50%);background:#fff;color:#0a1220;box-shadow:var(--shadow-m);font-size:1.2rem}
.sx-ind-et{position:absolute;top:16px;padding:6px 12px;border-radius:999px;background:rgba(5,10,20,.7);color:#fff;font-size:.8rem;font-weight:700;pointer-events:none}
.sx-ind-et.is-st{left:16px}.sx-ind-et.is-dr{right:16px}
.sx-ind-range{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize}
.sx-ind:has(.sx-ind-range:focus-visible) .sx-ind-maner{outline:2px solid var(--brand);outline-offset:3px}

/* ---------------------------------------------------------------- ECRANE in banda */
.sx-ecrane{overflow:hidden;padding:10px 0 34px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.sx-ecrane-pista{display:flex;width:max-content;animation:banda var(--durata,55s) linear infinite}
.sx-ecrane:hover .sx-ecrane-pista{animation-play-state:paused}
.sx-ecrane-grup{display:flex;gap:30px;padding-right:30px}
.sx-ecrane-el{flex:none;width:230px;margin:0}
.sx-telefon.is-banda{position:relative;width:100%}
.sx-ecrane-el figcaption{margin-top:12px;text-align:center;color:var(--ink-2);font-weight:700;font-size:.92rem}

/* ---------------------------------------------------------------- ORBITA integrarilor */
.sx-orbita-loc{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(34px,5vw,80px);align-items:center}
.sx-orbita-loc .sx-cap{margin-bottom:0}
.sx-orbita{position:relative;width:100%;max-width:560px;aspect-ratio:1;margin:0 auto;container-type:inline-size}
.sx-orbita-centru{position:absolute;left:50%;top:50%;z-index:2;width:26cqw;height:26cqw;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;border-radius:50%;transform:translate(-50%,-50%);
  background:var(--surface);border:1px solid var(--line);box-shadow:0 0 0 12px color-mix(in srgb,var(--brand) 7%,transparent),var(--shadow-l)}
.sx-orbita-centru img{width:34%;height:auto}
.sx-orbita-centru b{font-size:clamp(.7rem,2.6cqw,1rem);font-weight:800}
.sx-orbita-inel{position:absolute;left:50%;top:50%;border-radius:50%;border:1px dashed color-mix(in srgb,var(--brand) 28%,transparent);transform:translate(-50%,-50%);animation:orbita 80s linear infinite}
.sx-orbita-inel.i1{width:54cqw;height:54cqw}
/* inelele se rotesc impreuna (revizia din 26 oct 2026): in sensuri si viteze diferite etichetele treceau una peste alta */
.sx-orbita-inel.i2{width:82cqw;height:82cqw}
@keyframes orbita{to{transform:translate(-50%,-50%) rotate(360deg)}}
.sx-orb-el{position:absolute;left:50%;top:50%;width:0;height:0;transform:rotate(var(--a)) translateX(var(--raza))}
.i1 .sx-orb-el{--raza:27cqw}.i2 .sx-orb-el{--raza:41cqw}
.sx-orb-el-in{position:absolute;left:0;top:0;display:flex;align-items:center;gap:7px;padding:7px 12px 7px 7px;white-space:nowrap;transform:translate(-50%,-50%) rotate(calc(-1 * var(--a)));
  background:var(--surface);border:1px solid var(--line);border-radius:14px 14px 14px 5px;box-shadow:var(--shadow-m);font-size:clamp(.64rem,2.2cqw,.86rem);font-weight:700;animation:contra 80s linear infinite}
@keyframes contra{from{rotate:0deg}to{rotate:-360deg}}
.sx-orb-el-in>i,.sx-orb-el-in>img{width:28px;height:28px;flex:none;display:grid;place-items:center;border-radius:9px 9px 9px 3px;background:var(--brand-soft);color:var(--brand);font-size:1rem;object-fit:contain}
.sx-orb-el-in em{font-style:normal}

/* ---------------------------------------------------------------- LOGOURI */
.sx-logouri-t{margin:0 0 24px;text-align:center;color:var(--ink-3);font-weight:700}
.sx-logouri{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;align-items:center}
.sx-logo-el{display:grid;place-items:center;height:86px;padding:16px;background:var(--surface);border:1px solid var(--line);border-radius:16px 16px 16px var(--notch)}
.sx-logo-el img{max-width:100%;max-height:44px;width:auto;filter:grayscale(1);opacity:.7;transition:filter .3s,opacity .3s}
.sx-logo-el:hover img{filter:none;opacity:1}
.sx-logouri-banda .sx-logo-el{width:180px}

/* ---------------------------------------------------------------- TESTIMONIALE */
.sx-test{display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}
.sx-citat{display:flex;flex-direction:column;gap:14px;margin:0;padding:26px;background:var(--surface);border:1px solid var(--line);border-radius:22px 22px 22px var(--notch);box-shadow:var(--shadow-s)}
.sx-citat-ic{font-size:2rem;color:var(--brand)}
.sx-stele{color:#c77700;letter-spacing:2px;font-size:1.05rem}
.sx-stele span{color:var(--line-2)}
.sx-citat blockquote{flex:1;margin:0;color:var(--ink);font-size:1.02rem;line-height:1.6}
.sx-citat blockquote p{margin:0 0 .6em}.sx-citat blockquote p:last-child{margin:0}
.sx-citat figcaption{display:flex;align-items:center;gap:12px}
.sx-citat-av{width:44px;height:44px;flex:none;display:grid;place-items:center;overflow:hidden;border-radius:14px 14px 14px 4px;background:var(--brand-soft);color:var(--brand-ink);font-weight:800}
.sx-citat-av img{width:100%;height:100%;object-fit:cover}
.sx-citat figcaption b{display:block}
.sx-citat figcaption em{display:block;font-style:normal;font-size:.88rem;color:var(--ink-3)}
.sx-test-pista{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(290px,380px);gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;padding:4px 4px 18px;scrollbar-width:thin}
.sx-test-pista .sx-citat{scroll-snap-align:start}
.sx-test-nav{display:flex;justify-content:center;gap:10px;margin-top:8px}
.sx-test-btn{width:44px;height:44px;display:grid;place-items:center;border:1px solid var(--line-2);border-radius:50%;background:var(--surface);color:var(--ink);font-size:1.1rem;cursor:pointer}
.sx-test-btn:hover{border-color:var(--brand)}

/* ---------------------------------------------------------------- ECHIPA */
.sx-echipa{display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
.sx-om{position:relative;padding:24px 22px;text-align:center;background:var(--surface);border:1px solid var(--line);border-radius:22px 22px 22px var(--notch);box-shadow:var(--shadow-s)}
.sx-om-poza{display:grid;place-items:center;width:96px;height:96px;margin:0 auto 14px;overflow:hidden;border-radius:30px 30px 30px 9px;background-image:var(--grad);color:#fff;font-size:1.6rem;font-weight:800}
.sx-om-poza img{width:100%;height:100%;object-fit:cover}
.sx-om h3{margin:0;font-size:1.1rem}
.sx-om-rol{margin:2px 0 8px;color:var(--brand-ink);font-weight:700;font-size:.9rem}
.sx-om p{margin:0;color:var(--ink-2);font-size:.92rem}
.sx-om p.sx-om-rol{color:var(--brand-ink)}
.sx-om-link{position:absolute;top:14px;right:14px;width:34px;height:34px;display:grid;place-items:center;border-radius:10px 10px 10px 3px;background:var(--surface-2);color:var(--ink-2);text-decoration:none}

/* ---------------------------------------------------------------- NUMARATOAREA */
.sx-numar-panou{max-width:900px;margin:0 auto;padding:clamp(28px,4vw,52px);text-align:center;background:var(--surface);border:1px solid var(--line);border-radius:28px 28px 28px 9px;box-shadow:var(--shadow-l)}
.sx-numar-panou .sx-cap{margin-bottom:24px}
.sx-numar{display:flex;justify-content:center;gap:clamp(10px,2vw,20px);margin:6px 0 26px}
.sx-numar-el{min-width:clamp(70px,14vw,120px);padding:16px 10px;background:var(--surface-2);border:1px solid var(--line);border-radius:18px 18px 18px var(--notch)}
.sx-numar-el b{display:block;font-size:clamp(2.2rem,1.4rem + 3vw,3.6rem);font-weight:800;letter-spacing:-.04em;line-height:1;font-variant-numeric:tabular-nums;background-image:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.sx-numar-el span{display:block;margin-top:6px;color:var(--ink-3);font-weight:700;font-size:.82rem}
.sx-numar-dupa{margin:0 0 24px;font-size:1.2rem;font-weight:700}
.sx-numar[hidden],.sx-numar-dupa[hidden]{display:none}
.sx-numar-panou .sx-butoane{justify-content:center}
.sx-contact .sx-btn{margin-top:16px}

/* ---------------------------------------------------------------- SUBSOLUL */
footer{margin-top:auto;border-top:1px solid var(--line);background:var(--surface)}
.sx-foot{max-width:var(--shell);margin:0 auto;padding:52px var(--gutter) 30px;display:grid;grid-template-columns:minmax(0,1.6fr) repeat(2,minmax(0,1fr));gap:32px}
.sx-foot-brand p{margin:14px 0 20px;max-width:360px;color:var(--ink-2)}
.sx-foot-col h2{margin:0 0 12px;font-size:.84rem;font-weight:700;letter-spacing:.01em;color:var(--ink-3)}
.sx-foot-col a{display:block;padding:5px 0;color:var(--ink-2);font-weight:600;text-decoration:none}
.sx-foot-col a:hover{color:var(--ink)}
.foot-in{max-width:var(--shell);margin:0 auto;padding:18px var(--gutter) 28px;border-top:1px solid var(--line);display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px;font-size:.86rem;color:var(--ink-3)}
.foot-in .lang{margin-left:auto}

/* ---------------------------------------------------------------- SUBSOLUL DIN BLOCURI (29 sept 2026, src/frontend/subsol.ts)
   Portat din template/homepage/index.html (assets/css/home.css, „SUBSOL"): panglica de conformitate, grila (marca 1.5fr + patru
   coloane), bara de jos si sigla mare taiata de marginea de jos. Zero blur: adancimea vine din contur, umbra si o dunga in
   gradient. TOT textul site-ului in Onest, ca panoul si chatul (29 sept 2026, Dragos: „tot pe Onest!"), si codul si etichetele;
   modelul avea etichetele in DM Mono. Fundalul = clasele secțiunilor (.sx-bg-*). */
.sx-subsol{position:relative;overflow:hidden;isolation:isolate;color:var(--ink)}
footer.sx-subsol{border-top:1px solid var(--line)}
.sx-subsol.sx-bg-simplu{background:var(--surface)}
/* filigranul: logoul mare, pe jumatate iesit din pagina - din marca se vede doar creasta literelor */
.sx-sub-filigran{position:absolute;z-index:0;pointer-events:none;user-select:none;left:0;right:0;bottom:0;height:clamp(76px,12vw,188px);overflow:hidden}
.sx-sub-filigran svg,.sx-sub-filigran img{display:block;width:min(1240px,calc(100% - 2*var(--gutter)));height:auto;margin-inline:auto;opacity:.13}
[data-theme="dark"] .sx-sub-filigran :is(svg,img){opacity:.2}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .sx-sub-filigran :is(svg,img){opacity:.2}}
/* panglica de conformitate: ce avem, scris marunt si verificabil */
.sx-sub-panglica{position:relative;z-index:1;border-bottom:1px solid var(--line);background:var(--surface)}
.sx-sub-panglica-in{display:flex;align-items:center;flex-wrap:wrap;gap:clamp(14px,2vw,34px);padding-block:16px}
.sx-sub-marci{list-style:none;margin:0;padding:0;display:flex;align-items:center;flex-wrap:wrap;gap:clamp(9px,1.2vw,16px)}
.sx-sub-mc{display:inline-flex;align-items:center;gap:9px;padding:7px 12px 7px 8px;background:var(--bg-alt);border:1px solid var(--line);border-radius:11px 11px 11px 4px;
  transition:border-color .25s,transform .25s var(--ease)}
.sx-sub-mc:hover{border-color:var(--line-2);transform:translateY(-2px)}
.sx-sub-mc-ic{width:28px;height:28px;flex:none;display:grid;place-items:center;border-radius:9px 9px 9px 3px;font-size:1.05rem;color:var(--teal-ink);background:var(--teal-soft)}
.sx-sub-mc-t{display:flex;flex-direction:column;line-height:1.2}
.sx-sub-mc-t b{font-size:calc(.76rem + 1px);font-weight:800;letter-spacing:-.01em;color:var(--ink)}
.sx-sub-mc-t em{font-style:normal;font-size:calc(.63rem + 1px);font-weight:700;color:var(--ink-3);margin-top:2px}
.sx-sub-panglica-nota{flex:1;min-width:250px;max-width:62ch;margin:0;font-size:calc(.76rem + 1px);font-weight:500;line-height:1.5;color:var(--ink-3)}
/* corpul: grila, randurile, bara */
.sx-sub-in{position:relative;z-index:1;padding-top:clamp(40px,4.2vw,68px);padding-bottom:26px}
.sx-subsol.cu-filigran .sx-sub-in{padding-bottom:clamp(92px,13.5vw,212px)}
.sx-subsol.is-scurt .sx-sub-in{padding-top:8px}
.sx-sub-grila{display:grid;grid-template-columns:minmax(0,1.6fr) repeat(var(--n,4),minmax(0,1fr));gap:clamp(26px,3vw,52px);padding-bottom:clamp(30px,3vw,48px)}
.sx-sub-grila.fara-marca{grid-template-columns:repeat(var(--n,4),minmax(0,1fr))}
.sx-sub-col{min-width:0}
/* marca */
.sx-sub-marca{min-width:0}
/* sigla cat cea din antet (29 oct 2026, Dragos: „logo footer sa aiba acelasi size ca cel din meniu"): 42 px, 36 px pe telefon */
.sx-sub-marca .logo img,.sx-sub-marca .sx-sub-logo{display:block;height:42px;width:auto}
@media (max-width:760px){.sx-sub-marca .logo img,.sx-sub-marca .sx-sub-logo{height:36px}}
.sx-sub-marca .sx-sub-sigla{display:inline-flex;margin-bottom:16px}
.sx-sub-marca>.sx-sub-text{font-size:calc(.88rem + 1px);font-weight:500;line-height:1.62;max-width:38ch;color:var(--ink-2)}
.sx-sub-text p{margin:0 0 .6em}.sx-sub-text p:last-child{margin-bottom:0}
.sx-sub-text a{color:var(--link,var(--brand));font-weight:600;text-decoration:none}
/* adresa de mail ca un rand apasabil, nu ca o legatura pierduta in text */
.sx-sub-mail{display:inline-flex;align-items:center;gap:12px;margin-top:20px;padding:10px 14px 10px 10px;background:var(--surface);border:1px solid var(--line);
  border-radius:12px 12px 12px 4px;color:inherit;text-decoration:none;transition:border-color .25s,box-shadow .25s,transform .25s var(--ease)}
.sx-sub-mail:hover{border-color:var(--brand);box-shadow:var(--shadow-s);transform:translateY(-2px)}
.sx-sub-mail-ic{display:grid;place-items:center;width:34px;height:34px;flex:none;border-radius:9px 9px 9px 3px;color:#fff;background-color:var(--brand);background-image:var(--grad)}
.sx-sub-mail-ic i{font-size:1.05rem}
.sx-sub-mail-t{display:flex;flex-direction:column;line-height:1.25;min-width:0}
.sx-sub-mail-t em{font-style:normal;font-weight:700;font-size:calc(.62rem + 1px);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3)}
.sx-sub-mail-t b{font-size:calc(.9rem + 1px);font-weight:800;color:var(--ink);overflow-wrap:anywhere}
.sx-sub-mail-go{font-size:.95rem;color:var(--ink-3);transition:transform .25s var(--ease),color .25s}
.sx-sub-mail:hover .sx-sub-mail-go{transform:translateX(3px);color:var(--brand-ink)}
.sx-sub-fina{display:flex;align-items:flex-start;gap:8px;margin:18px 0 0;font-size:calc(.78rem + 1px);font-weight:700;line-height:1.5;color:var(--ink-3);max-width:36ch}
.sx-sub-fina i{font-size:1rem;color:var(--teal);flex:none;margin-top:1px}
/* 29 oct 2026 (varianta „Harta platformei”): cardul „scrie-ne” si retelele pe un rand, marcile de conformitate mici sub el */
.sx-sub-scrie{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:20px}
.sx-sub-scrie .sx-sub-mail{margin:0 4px 0 0}
.sx-sub-scrie .sx-sub-social a{background:var(--surface)}
.sx-sub-marci.is-marca{margin-top:18px;gap:8px}
.sx-sub-marca .sx-sub-mc{padding:6px 12px 6px 7px;background:var(--surface)}
.sx-sub-marca .sx-sub-mc:hover{transform:none}
.sx-sub-bt{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}
.sx-btn-mic{min-height:40px;padding:9px 16px;font-size:.875rem}
.sx-btn-mic i{display:none}
/* coloanele. 26 oct 2026 (todo): in subsol toate textele cu o treapta mai groase si +1 px, titlurile +2 px - erau prea subtiri;
   bara de jos (termenii, „Aplicatiile folosesc inteligenta artificiala...”) ramane cum era */
.sx-sub-t{position:relative;display:inline-block;margin:0 0 18px;padding-bottom:9px;
  font-size:calc(.72rem + 2px);font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:var(--ink-2)}
.sx-sub-t::after{content:"";position:absolute;left:0;bottom:0;height:2px;width:100%;background-image:var(--grad);border-radius:2px;transform:scaleX(.34);transform-origin:left;
  transition:transform .4s var(--ease-out)}
.sx-sub-col:hover .sx-sub-t::after{transform:scaleX(1)}
/* titlul coloanei de linkuri e `<summary>` (29 oct 2026): pe ecranele mari coloana sta deschisa, pe telefon se strange (site.js) */
.sx-sub-dd>summary{display:block;list-style:none;cursor:default}
.sx-sub-dd>summary::-webkit-details-marker{display:none}
.sx-sub-dd>summary::marker{content:""}
.sx-sub-dd>summary>i{display:none}
.sx-sub-dd>summary:focus-visible{outline:2px solid var(--brand);outline-offset:3px;border-radius:6px}
.sx-sub-col ul{list-style:none;margin:0;padding:0}
.sx-sub-col li+li{margin-top:11px}
.sx-sub-col li>a,.sx-sub-col .is-soon{display:inline-flex;flex-wrap:wrap;align-items:center;gap:4px 8px;font-size:calc(.9rem + 1px);font-weight:500;color:var(--ink-2);text-decoration:none;
  transition:color .2s,transform .25s var(--ease)}
.sx-sub-col li>a:hover{color:var(--brand-ink);transform:translateX(3px)}
.sx-sub-col .is-soon{color:var(--ink-3)}
.sx-sub-col em{white-space:nowrap;font-style:normal;font-size:calc(.63rem + 1px);font-weight:700;letter-spacing:.08em;text-transform:uppercase;
  padding:2px 7px;border-radius:5px 5px 5px 2px;color:var(--ink-2);background:var(--surface-2);border:1px solid var(--line)}
.sx-sub-col em.is-verde{color:var(--teal-ink);background:var(--teal-soft);border-color:transparent}
.sx-sub-contact li>a,.sx-sub-rand-t{align-items:flex-start;gap:10px;overflow-wrap:anywhere}
.sx-sub-contact i{flex:none;font-size:1.15rem;margin-top:1px;color:var(--brand-ink)}
.sx-sub-col .sx-sub-text{font-size:calc(.88rem + 1px);font-weight:500;line-height:1.62;color:var(--ink-2)}
.sx-sub-social{display:flex;flex-wrap:wrap;gap:8px}
.sx-sub-social a{width:38px;height:38px;display:grid;place-items:center;border-radius:11px 11px 11px 4px;border:1px solid var(--line);color:var(--ink-3);text-decoration:none;
  transition:color .22s var(--ease),border-color .22s var(--ease),transform .22s var(--ease)}
.sx-sub-social a:hover{color:var(--brand-ink);border-color:var(--brand);transform:translateY(-2px)}
.sx-sub-social i{font-size:1.2rem}
/* abonarea */
.sx-sub-abonare{container-type:inline-size}
.sx-abonare{position:relative;display:flex;flex-direction:column;gap:10px;max-width:420px}
.sx-abonare-rand{display:flex;gap:8px}
@container (max-width:340px){.sx-abonare-rand{flex-wrap:wrap}.sx-abonare-rand .sx-btn{flex:1 1 100%}}
.sx-abonare input[type=email]{flex:1;min-width:0;min-height:44px;padding:10px 14px;border:1px solid var(--line-2);border-radius:12px 12px 12px var(--notch);background:var(--surface);color:var(--ink);font:inherit;font-size:calc(.92rem + 1px);font-weight:500}
.sx-abonare input[type=email]:focus{outline:2px solid var(--brand);outline-offset:1px;border-color:var(--brand)}
.sx-abonare-acord{display:flex;align-items:flex-start;gap:8px;font-size:calc(.8rem + 1px);font-weight:500;line-height:1.45;color:var(--ink-3);cursor:pointer}
.sx-abonare-acord input{flex:none;margin:0}
.sx-abonare-acord a{color:var(--link,var(--brand));font-weight:600;text-decoration:none}
.sx-abonare-stare{margin:0;font-size:calc(.88rem + 1px);font-weight:700}
.sx-abonare-stare:empty{display:none}
.sx-abonare.is-ok .sx-abonare-rand,.sx-abonare.is-ok .sx-abonare-acord{display:none}
.sx-abonare.is-ok .sx-abonare-stare{color:var(--ok-ink)}
.sx-abonare.is-rau .sx-abonare-stare{color:#d92d20}
.sx-hp{position:absolute!important;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}
/* aplicatiile mobile */
.sx-magazine{display:flex;flex-wrap:wrap;gap:10px}
.sx-magazin{display:inline-flex;align-items:center;gap:10px;min-height:48px;padding:7px 16px 7px 12px;border-radius:12px 12px 12px var(--notch);background:var(--ink);color:var(--bg);text-decoration:none;transition:transform .2s var(--ease)}
.sx-magazin:hover{transform:translateY(-2px)}
.sx-magazin i{font-size:1.6rem}
.sx-magazin span{display:flex;flex-direction:column;line-height:1.1}
.sx-magazin small{font-size:calc(.66rem + 1px);font-weight:500;opacity:.82}
.sx-magazin b{font-size:calc(.98rem + 1px);font-weight:800}
.sx-sub-aplicatii .sx-sub-text,.sx-sub-abonare .sx-sub-text,.sx-sub-liber .sx-sub-text{margin-bottom:14px}
/* randurile pe toata latimea: insigne, plati, firma */
.sx-sub-randul{padding-block:20px;border-top:1px solid var(--line)}
.sx-sub-randul>div{display:flex;flex-wrap:wrap;align-items:center;gap:12px 22px}
.sx-sub-randul .sx-sub-t{margin:0}
.sx-insigne{display:flex;flex-wrap:wrap;align-items:center;gap:12px}
.sx-insigna{display:inline-flex}
.sx-insigna img{display:block;height:50px;width:auto}
.sx-anpc{display:inline-flex;flex-direction:column;justify-content:center;width:250px;max-width:100%;height:50px;padding:6px 14px;border:1px solid var(--line-2);border-radius:10px 10px 10px var(--notch);
  background:var(--surface);color:var(--ink);text-decoration:none;line-height:1.15;transition:border-color .2s}
.sx-anpc:hover{border-color:var(--brand)}
.sx-anpc b{font-size:calc(.8rem + 1px);font-weight:800;letter-spacing:.06em;color:var(--brand-ink)}
.sx-anpc span{font-size:calc(.78rem + 1px);font-weight:500;color:var(--ink-2)}
.sx-plati{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.sx-plati li{display:inline-flex;align-items:center;gap:7px;padding:6px 12px;border:1px solid var(--line);border-radius:10px 10px 10px var(--notch);background:var(--surface);font-size:calc(.82rem + 1px);font-weight:700;color:var(--ink-2)}
.sx-plati i{font-size:1.1rem;color:var(--ink-3)}
.sx-sub-firma p{margin:0;display:flex;flex-wrap:wrap;gap:4px 10px;font-size:calc(.84rem + 1px);font-weight:500;color:var(--ink-3)}
.sx-sub-firma p i{font-style:normal;opacity:.5}
.sx-sub-firma b{font-weight:800;color:var(--ink-2)}
.sx-sub-firma .sx-sub-text{max-width:none;font-size:calc(.84rem + 1px);font-weight:500;color:var(--ink-3)}
.sx-sub-randul+.sx-sub-bara{margin-top:0}
/* bara de jos */
.sx-sub-bara{display:flex;align-items:center;justify-content:space-between;gap:14px 24px;flex-wrap:wrap;padding-top:22px;border-top:1px solid var(--line);
  font-size:.82rem;font-weight:600;color:var(--ink-3)}
.sx-subsol.is-scurt .sx-sub-bara{border-top:0}
.sx-sub-bara p{margin:0}
.sx-sub-ai{display:inline-flex;align-items:center;gap:7px;color:var(--ink-3)}
.sx-sub-ai i{font-size:.95rem;color:var(--brand)}
.sx-sub-bara a{color:var(--ink-3);text-decoration:none;transition:color .2s}
.sx-sub-bara a:hover{color:var(--brand-ink)}
/* 29 oct 2026 (varianta „Harta platformei”): ©-ul cu linkurile lui in stanga, nota la mijloc, retelele / limba / tema in dreapta */
.sx-sub-copy{display:flex;flex-wrap:wrap;align-items:center;gap:4px 14px}
.sx-sub-copy-l{display:inline-flex;flex-wrap:wrap;align-items:center;gap:4px 14px}
.sx-sub-bara .sx-sub-copy-l a{color:var(--ink-2)}
.sx-sub-bara .sx-sub-copy-l a:hover{color:var(--brand-ink)}
.sx-sub-util{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.sx-sub-util .sx-sub-social a{color:var(--ink-3)}
.sx-sub-bara .sx-sub-limba{display:inline-flex;align-items:center;gap:7px;min-height:38px;padding:0 12px;color:var(--ink-2);font-size:.84rem}
.sx-sub-bara .sx-sub-limba:hover{background:var(--surface);color:var(--ink)}
.sx-sub-limba svg{flex:none;width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.sx-sub-tema{display:inline-flex;gap:2px;padding:3px;border:1px solid var(--line);border-radius:12px 12px 12px var(--notch);background:var(--surface)}
.sx-sub-tema button{display:inline-flex;align-items:center;gap:6px;min-height:30px;padding:0 11px;border:0;border-radius:9px 9px 9px 4px;background:transparent;color:var(--ink-3);
  font:inherit;font-size:.82rem;font-weight:700;cursor:pointer;transition:background-color .18s,color .18s}
.sx-sub-tema button:hover{color:var(--ink)}
.sx-sub-tema button[aria-pressed="true"]{background:var(--brand-soft);color:var(--brand-ink)}
.sx-sub-tema svg{flex:none;width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
/* HARTA PLATFORMEI (29 oct 2026, varianta 1 din docs/rapoarte/2026-10-29-subsol, bifa in Front-end › Subsol › Setări): banda alba deasupra
   subsolului cu zonele mega-panoului din meniu - aplicatiile ca niste carduri, facilitatile cu iconitele lor colorate; o tura, iconitele
   se aprind pe rand (site.js, `is-aprins`; doar din culoare) */
.sx-sub-harta{position:relative;z-index:1;background:var(--surface);border-bottom:1px solid var(--line)}
.sx-sub-harta-in{display:grid;grid-template-columns:var(--hz,minmax(0,1fr));gap:clamp(28px,3.4vw,64px);padding-block:clamp(40px,4.4vw,64px)}
.sx-sub-hz{min-width:0}
.sx-sub-hcap{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;min-height:58px;margin-bottom:20px}
.sx-sub-hk{margin:0;font-size:calc(.72rem + 2px);font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:var(--ink-2)}
.sx-sub-hk span{display:block;margin-top:6px;font-size:calc(.84rem + 1px);font-weight:500;letter-spacing:0;text-transform:none;color:var(--ink-3)}
.sx-sub-hmai{display:inline-flex;align-items:center;gap:7px;font-size:.9rem;font-weight:700;color:var(--brand-ink);text-decoration:none;white-space:nowrap}
.sx-sub-hmai i{transition:transform .2s var(--ease)}
.sx-sub-hmai:hover i{transform:translateX(3px)}
.sx-sub-happs{display:grid;gap:10px}
.sx-sub-happ{display:flex;align-items:center;gap:14px;padding:12px 14px 12px 12px;border:1px solid var(--line);border-radius:16px 16px 16px var(--notch);background:var(--surface);color:inherit;
  text-decoration:none;transition:border-color .2s,box-shadow .2s,transform .2s var(--ease)}
a.sx-sub-happ:hover{border-color:color-mix(in srgb,var(--brand) 40%,var(--line));box-shadow:var(--shadow-m);transform:translateY(-2px)}
.sx-sub-hic{flex:none;width:46px;height:46px;display:grid;place-items:center;border-radius:13px 13px 13px 5px;background-color:var(--brand);background-image:var(--grad);color:#fff;font-size:23px}
.sx-sub-happ.is-curand .sx-sub-hic{background:var(--surface-3);color:var(--ink-3)}
.sx-sub-ht{min-width:0;flex:1}
.sx-sub-ht b{display:flex;flex-wrap:wrap;align-items:center;gap:6px 9px;font-size:1rem;font-weight:700;line-height:1.3;color:var(--ink)}
.sx-sub-happ.is-curand .sx-sub-ht b{color:var(--ink-3)}
.sx-sub-ht small{display:block;margin-top:3px;font-size:.84rem;font-weight:500;line-height:1.4;color:var(--ink-3)}
.sx-sub-hins{white-space:nowrap;font-style:normal;font-size:.64rem;font-weight:700;line-height:1;padding:4px 7px;border-radius:999px;background:var(--surface-3);color:var(--ink-3)}
.sx-sub-hins.is-ok{background:var(--teal-soft);color:var(--teal-ink)}
.sx-sub-hgo{flex:none;font-size:1rem;color:var(--ink-3);opacity:0;transform:translateX(-4px);transition:opacity .2s,transform .2s var(--ease),color .2s}
a.sx-sub-happ:hover .sx-sub-hgo{opacity:1;transform:none;color:var(--brand-ink)}
.sx-sub-hgr{display:grid;grid-template-columns:repeat(var(--c,1),minmax(0,1fr));gap:clamp(20px,2.4vw,40px)}
.sx-sub-hg{min-width:0}
.sx-sub-hg.is-lat{grid-column:span 2}
.sx-sub-hgt{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 8px;margin:0 0 10px;font-size:.82rem;font-weight:700;color:var(--ink)}
.sx-sub-hgt span{font-weight:500;color:var(--ink-3)}
.sx-sub-hl{display:grid;gap:4px 16px}
.sx-sub-hg.is-lat .sx-sub-hl{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(var(--r,5),auto);grid-auto-flow:column}
.sx-sub-hf{--fx:var(--brand);display:flex;align-items:center;gap:11px;padding:5px 8px 5px 5px;border-radius:12px 12px 12px var(--notch);color:var(--ink-2);font-size:.93rem;font-weight:500;
  line-height:1.3;text-decoration:none;transition:background-color .2s,color .25s}
a.sx-sub-hf:hover{background:var(--surface-2);color:var(--ink)}
.sx-sub-hf.is-curand{opacity:.62}
.sx-sub-hfi{flex:none;width:34px;height:34px;display:grid;place-items:center;border-radius:10px 10px 10px 4px;background:color-mix(in srgb,var(--fx) 14%,var(--surface));
  color:color-mix(in srgb,var(--fx) 58%,var(--ink));font-size:18px;transition:background-color .3s,color .3s}
a.sx-sub-hf:hover .sx-sub-hfi,.sx-sub-hf.is-aprins .sx-sub-hfi{background:var(--fx);color:#fff}
.sx-sub-hf.is-aprins{color:var(--ink)}
[data-theme="dark"] :is(a.sx-sub-hf:hover,.sx-sub-hf.is-aprins) .sx-sub-hfi{color:#08101c}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) :is(a.sx-sub-hf:hover,.sx-sub-hf.is-aprins) .sx-sub-hfi{color:#08101c}}
/* banda de deasupra subsolului */
.sx-sub-banda{position:relative;z-index:1;padding:clamp(48px,6vw,88px) 0;border-bottom:1px solid var(--line)}
.sx-sub-banda.stil-simplu{background:var(--surface)}
.sx-sub-apel{display:flex;flex-direction:column;align-items:center;gap:18px;max-width:900px;margin:0 auto;text-align:center}
.sx-sub-apel-t{margin:0;font-size:clamp(1.9rem,1.2rem + 2.6vw,3.2rem);font-weight:800;letter-spacing:-.035em;line-height:1.05}
.sx-sub-apel .sx-lead{max-width:60ch}
.sx-sub-banda .sx-sub-bt{justify-content:center;margin-top:6px}
.sx-sub-banda .sx-btn-mic{min-height:46px;padding:11px 22px;font-size:.96rem}
/* fundalul „marca" (gradientul): liniile si pastilele pe alb transparent */
.sx-subsol.sx-bg-marca :is(.sx-sub-bara,.sx-sub-randul){border-top-color:rgba(255,255,255,.26)}
.sx-subsol.sx-bg-marca .sx-magazin{background:#fff;color:#0a63c4}
.sx-subsol.sx-bg-marca :is(.sx-anpc,.sx-plati li,.sx-sub-mc,.sx-sub-mail){background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.4);color:#fff}
.sx-subsol.sx-bg-marca :is(.sx-anpc b,.sx-anpc span,.sx-plati i,.sx-sub-contact i,.sx-sub-mc-t b,.sx-sub-mc-t em,.sx-sub-mail-t b,.sx-sub-mail-t em,.sx-sub-ai i,.sx-sub-fina i){color:#fff}
.sx-subsol.sx-bg-marca .sx-sub-t::after{background-image:none;background:#fff}
.sx-subsol.sx-bg-marca .sx-abonare input[type=email]{background:#fff;color:#0a1220;border-color:transparent}
.sx-subsol.sx-bg-marca .sx-abonare.is-ok .sx-abonare-stare{color:#fff}
.sx-subsol.sx-bg-marca .sx-sub-social a:hover{color:#fff;border-color:#fff}
.sx-subsol.sx-bg-marca .sx-sub-filigran :is(svg,img){opacity:.18}
.sx-subsol.sx-bg-marca .sx-sub-tema{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.4)}
.sx-subsol.sx-bg-marca :is(.sx-sub-tema button,.sx-sub-bara .sx-sub-limba,.sx-sub-bara .sx-sub-copy-l a){color:#fff}
.sx-subsol.sx-bg-marca .sx-sub-tema button[aria-pressed="true"]{background:#fff;color:#0a63c4}
/* ecrane mai mici (aceleasi praguri ca modelul) */
@media (max-width:1400px){
  .sx-sub-grila.n4{grid-template-columns:minmax(0,1.4fr) repeat(3,minmax(0,1fr))}
  .sx-sub-grila.n4>.sx-sub-col:last-child{grid-column:2}
}
@media (max-width:1240px){
  .sx-sub-grila,.sx-sub-grila.n4{grid-template-columns:repeat(3,minmax(0,1fr))}
  .sx-sub-grila>.sx-sub-marca{grid-column:span 3}
  .sx-sub-grila.n4>.sx-sub-col:last-child{grid-column:auto}
}
@media (max-width:1024px){
  .sx-sub-grila,.sx-sub-grila.n4{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sx-sub-grila>.sx-sub-marca{grid-column:span 2}
}
@media (max-width:620px){
  .sx-sub-panglica-nota{min-width:0}
  .sx-sub-grila,.sx-sub-grila.n4{grid-template-columns:minmax(0,1fr)}
  .sx-sub-grila>.sx-sub-marca{grid-column:span 1}
  .sx-sub-filigran svg,.sx-sub-filigran img{width:calc(100% - 2*var(--gutter));opacity:.11}
  .sx-sub-bara{flex-direction:column;align-items:flex-start;gap:12px}
  .sx-sub-util{width:100%}
  .sx-sub-bara .sx-sub-limba{padding-left:0}
  .sx-sub-firma p{flex-direction:column;gap:2px}
  .sx-sub-firma p i{display:none}
}
@media (max-width:768px){
  .sx-sub-col li>a,.sx-sub-col .is-soon{min-height:44px}
  .sx-sub-col li+li{margin-top:0}
  .sx-sub-bara a{display:inline-flex;align-items:center;min-height:44px}
  .sx-sub-bara{padding-top:12px}
  .sx-sub-social a{width:44px;height:44px}
}
/* harta platformei pe ecrane mai mici: zonele una sub alta, aplicatiile pe un rand (apoi una sub alta) */
@media (max-width:1199px){
  .sx-sub-harta-in{grid-template-columns:minmax(0,1fr)}
  .sx-sub-hcap{min-height:0}
  .sx-sub-happs{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:959px){
  .sx-sub-happs{grid-template-columns:minmax(0,1fr)}
}
/* telefon (29 oct 2026): o coloana, coloanele de linkuri se strang sub titlu (acordeon), facilitatile hartii pe doua coloane */
@media (max-width:759px){
  .sx-sub-grila,.sx-sub-grila.n4{grid-template-columns:minmax(0,1fr);gap:0}
  .sx-sub-grila>.sx-sub-marca{grid-column:span 1;padding-bottom:26px}
  .sx-sub-col>:not(.sx-sub-linkuri){padding-block:22px 4px}
  .sx-sub-dd{border-top:1px solid var(--line)}
  .sx-sub-col:last-child .sx-sub-dd{border-bottom:1px solid var(--line)}
  .sx-sub-dd>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:54px;cursor:pointer}
  .sx-sub-dd>summary .sx-sub-t{margin:0;padding-bottom:0}
  .sx-sub-dd>summary .sx-sub-t::after{display:none}
  .sx-sub-dd>summary>i{display:block;font-size:1.1rem;color:var(--ink-3);transition:transform .25s var(--ease)}
  .sx-sub-dd[open]>summary>i{transform:rotate(180deg)}
  .sx-sub-dd>ul{padding:0 0 12px}
  .sx-sub-hcap{flex-direction:column;align-items:flex-start;gap:10px;margin-bottom:16px}
  .sx-sub-hgr{grid-template-columns:minmax(0,1fr);gap:22px}
  .sx-sub-hg.is-lat{grid-column:auto}
  .sx-sub-hl,.sx-sub-hg.is-lat .sx-sub-hl{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:none;grid-auto-flow:row;gap:2px 10px}
  .sx-sub-hf{gap:9px;padding:4px 4px 4px 3px;font-size:.88rem}
  .sx-sub-hfi{width:30px;height:30px;font-size:16px}
  .sx-sub-happ{padding:10px 12px 10px 10px}
  .sx-sub-hic{width:40px;height:40px;font-size:20px}
  .sx-sub-hgo{display:none}
}
@media (prefers-reduced-motion:reduce){
  .sx-sub-hf,.sx-sub-hfi,.sx-sub-happ,.sx-sub-hgo,.sx-sub-dd>summary>i,.sx-sub-tema button{transition:none}
}

/* ---------------------------------------------------------------- inapoi sus (inelul = cat ai citit) */
.sx-sus{position:fixed;right:20px;bottom:calc(20px + env(safe-area-inset-bottom));z-index:40;width:50px;height:50px;display:grid;place-items:center;border:0;border-radius:50%;
  background:var(--surface);color:var(--ink);box-shadow:var(--shadow-m);cursor:pointer;opacity:0;transform:translateY(14px);pointer-events:none;transition:opacity .3s,transform .3s var(--ease)}
.sx-sus.is-on{opacity:1;transform:none;pointer-events:auto}
.sx-sus>svg:last-child{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.sx-sus-inel{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg)}
.sx-sus-inel circle{fill:none;stroke:var(--brand);stroke-width:2.5;stroke-dasharray:125.7;stroke-dashoffset:calc(125.7 * (1 - var(--p,0)))}

/* ---------------------------------------------------------------- ecrane mai mici */
@media (max-width:1100px){
  .js nav.menu,.js .top-act>.sx-btn,.js .top-act>.lang{display:none}
  .js .sx-burger{display:block}
  html:not(.js) .top-in{flex-wrap:wrap;height:auto;padding-top:10px;padding-bottom:10px}
  html:not(.js) nav.menu{order:3;width:100%;flex-wrap:wrap;margin:0}
  .sx-erou-grila,.sx-conv,.sx-voce,.sx-faq-grila,.sx-rand{grid-template-columns:minmax(0,1fr)}
  .sx-erou-vizual{width:100%;max-width:600px;margin-inline:auto}
  .sx-conv.partea-stanga .sx-conv-text,.sx-rand.is-flip .sx-rand-text{order:0}
  .sx-faq-cap{position:static}
  .sx-grila.col-4{grid-template-columns:repeat(2,minmax(0,1fr))}
  .stil-bento{grid-template-columns:repeat(2,minmax(0,1fr))}
  .stil-bento .sx-card,.stil-bento .sx-card:nth-child(4),.stil-bento .sx-card:nth-child(5){grid-column:span 1}
  .stil-bento .sx-card:nth-child(1){grid-column:1/-1;grid-row:auto;min-height:0}
  .sx-pasi.n4,.sx-pasi.n5{--n:2}
  .sx-pasi::before{display:none}
}
@media (max-width:760px){
  :root{--header-h:64px}
  body{font-size:16px}
  .sx-grila,.sx-grila.col-2,.sx-grila.col-3,.sx-grila.col-4.sx-contact,.stil-bento{grid-template-columns:minmax(0,1fr)}
  .stil-bento .sx-card:nth-child(1){grid-column:auto}
  .sx-pasi,.sx-pasi.n2,.sx-pasi.n4,.sx-pasi.n5{--n:1}
  .sx-chat{height:500px;font-size:14px}
  .sx-b-erou .sx-chat:not(.is-ecran){transform:none}
  .sx-voce-scena{grid-template-columns:minmax(0,1fr);justify-items:center;padding:22px}
  .sx-foot{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .sx-foot-brand{grid-column:1/-1}
  .sx-flot{font-size:.74rem;padding:5px 10px 5px 5px}
  .sx-flot i{width:24px;height:24px;font-size:.9rem}
  .sx-flot[style*="--i:2"],.sx-flot[style*="--i:3"]{display:none}
  .top-act .sx-tema{width:44px;height:44px}
  .sx-apel{border-radius:26px 26px 26px 8px}
  .mark{white-space:normal}
}
@media (max-width:760px){
  /* fara JS nu exista meniul de telefon: butoanele din antet trec pe randul lor si se rup (altfel +6 px lateral la 390 px) */
  html:not(.js) .top-act{flex:1 1 100%;flex-wrap:wrap;justify-content:flex-end;min-width:0}
}
@media (max-width:760px){
  /* orbita pe telefon si tableta mica: in loc de cercuri (etichetele ieseau din ecran), pastile asezate pe randuri, fara rotire */
  .sx-orbita{aspect-ratio:auto;display:flex;flex-direction:column;align-items:center;gap:16px;container-type:normal}
  .sx-orbita-centru{position:relative;left:auto;top:auto;transform:none;width:112px;height:112px}
  .sx-orbita-inel{position:static;transform:none;width:auto!important;height:auto!important;border:0;border-radius:0;animation:none;display:flex;flex-wrap:wrap;justify-content:center;gap:8px}
  .sx-orb-el{position:static;width:auto;height:auto;transform:none}
  .sx-orb-el-in{position:static;transform:none;animation:none;white-space:normal;font-size:.82rem}
}
@media (max-width:560px){
  .sx-limbi-scena{aspect-ratio:auto;display:flex;flex-direction:column;align-items:stretch;gap:10px;container-type:normal}
  .sx-limbi-orb{position:relative;left:auto;top:auto;transform:none;width:96px;height:96px;margin:18px auto 22px}
  .sx-limba{position:static;transform:none;max-width:88%;font-size:.86rem;animation:none;align-self:flex-start}
  .sx-limba:nth-child(odd){align-self:flex-end}
}
@media print{
  .js [data-reveal]{opacity:1!important;transform:none!important}
}
@media (max-width:480px){
  .sx-prod-rand{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sx-prod-rand .sx-prod:nth-child(3){display:none}
  .sx-butoane .sx-btn{flex:1 1 100%}
  .sx-foot{grid-template-columns:minmax(0,1fr)}
}

/* compozitiile avansate, pe ecrane mai mici */
@media (max-width:1100px){
  .sx-rx,.sx-adn,.sx-notif,.sx-apel-ag,.sx-limbi,.sx-orbita-loc,.sx-grafic,.sx-stiva-card,.sx-fila-panou{grid-template-columns:minmax(0,1fr)}
  .sx-flux,.sx-flux.n5,.sx-flux.n6{--n:3;row-gap:30px}
  .sx-flux::before,.sx-flux::after{display:none}
  .sx-mozaic{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sx-galerie.col-4{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sx-galerie.stil-zidarie.col-4{columns:2}
}
@media (max-width:760px){
  .sx-comp{grid-template-columns:minmax(0,1fr)}
  .sx-comp-vs{position:relative;left:auto;top:auto;margin:-8px auto;transform:none}
  .sx-cron::before{left:22px}
  .sx-cron-et{grid-template-columns:44px minmax(0,1fr);gap:14px}
  .sx-cron-nod{grid-column:1}
  .sx-cron-card,.sx-cron-et:nth-child(even) .sx-cron-card{grid-column:2;text-align:left}
  .sx-mozaic{grid-template-columns:minmax(0,1fr)}
  .sx-dala.m-lata,.sx-dala.m-mare{grid-column:auto}.sx-dala.m-inalta,.sx-dala.m-mare{grid-row:auto}
  .sx-galerie,.sx-galerie.col-3{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sx-galerie.stil-zidarie,.sx-galerie.stil-zidarie.col-3{columns:2}
  .sx-colaj,.sx-colaj.stil-mozaic{aspect-ratio:auto;display:grid;grid-template-columns:minmax(0,1fr);gap:26px}
  .sx-colaj-ecran{position:relative;width:auto!important;left:auto!important;top:auto!important;rotate:none!important}
  .sx-flux,.sx-flux.n2,.sx-flux.n3,.sx-flux.n5,.sx-flux.n6{--n:1}
  .sx-numar{flex-wrap:wrap}
  .sx-stiva-card{position:relative;top:auto}
  .sx-ecrane-el{width:170px}
  .sx-fila-viz .sx-chat{height:440px}
}

/* ================================================================ BLOCURILE WOW (18 oct 2026, „Site nou cu AI")
   Interactive, scrise de noi (src/frontend/sectiuni-randare.ts + site.js). Fara JS / cu miscarea redusa fiecare e intreg si nemiscat;
   cu JS se aprinde (`is-viu`, `is-poveste`). Fara blur: adancimea vine din umbre, contur si gradient. */

/* pe „culoarea marcii" suprafetele albe ale blocurilor noi isi iau inapoi textul inchis (ca lista de sus) */
.sx-bg-marca :is(.sx-pov-ic,.sx-tur-card,.sx-tur-el,.sx-tur-btn,.sx-film-tab,.sx-film-panouri,.sx-film-btn,.sx-e3-baza,.sx-e3-strat,.sx-ig-nod-ic,.sx-ig-centru,.sx-ig-det,.sx-nou-card,.sx-nou-f:not(.is-on)){
  --ink:#0a1220;--ink-2:#41536c;--ink-3:#54667f;--surface:#fff;--surface-2:#f6f9fe;--surface-3:#eaf1fb;--line:#e2eaf5;--line-2:#cfdcee;--brand-soft:#e7f2fe;--brand-ink:#0a63c4;--teal-ink:#007e6e;--teal-soft:#dcf7f3;--ok-ink:#067647;--link:#0b87f3;color:var(--ink)}
/* ⚠️ verificarea 1: pe culoarea marcii ce sta in afara cardurilor albe (etichetele, liniile, punctele, alegerea de acum) devine alb, iar
   butoanele din cardurile albe isi iau culorile de card (butonul „linie" al marcii e alb pe alb) */
.sx-bg-marca .sx-ig-nod.is-on .sx-ig-nod-ic{background:#0a1220;background-image:none;border-color:transparent;color:#fff;box-shadow:0 0 0 5px rgba(255,255,255,.3)}
.sx-bg-marca .sx-ig-fir.is-on{stroke:#fff}
.sx-bg-marca .sx-nou-card .sx-btn-line{background:var(--surface);color:var(--ink);border-color:var(--line-2)}
.sx-bg-marca .sx-nou-card .sx-btn:not(.sx-btn-line){background-color:var(--brand);background-image:var(--grad);color:#fff}
.sx-bg-marca .sx-nou-tag,.sx-bg-marca .f-imbunatatit .sx-nou-tag,.sx-bg-marca .f-reparat .sx-nou-tag{background:rgba(255,255,255,.2);color:#fff}
.sx-bg-marca .sx-nou-f.is-on{background:rgba(255,255,255,.16);background-image:none;border-color:#fff;color:#fff}
.sx-bg-marca .sx-nou-lista::before{background:rgba(255,255,255,.45)}
.sx-bg-marca .sx-nou-el::before{background:var(--brand);border-color:#fff;box-shadow:0 0 0 5px rgba(255,255,255,.16)}
.sx-bg-marca .sx-pov.is-poveste .sx-pov-pasi::after{background:#fff}
.sx-bg-marca .sx-pov.is-poveste .sx-pov-pas.is-activ .sx-pov-text::before{background:#fff;box-shadow:0 0 0 6px rgba(255,255,255,.25)}
.sx-bg-marca .sx-tur-timp i{background:#fff}
.sx-bg-marca :focus-visible{outline-color:#fff}
.sx-bg-marca a:not([class]){text-decoration:underline;text-underline-offset:2px}
/* ⚠️ in suprafetele albe (aceeasi lista ca mai sus + cele ale blocurilor noi) conturul e albastrul inchis al lor - si pe tema intunecata */
.sx-bg-marca :is(.sx-card,.sx-pret,.sx-pret-nota,.sx-chat,.sx-faq,.sx-faqc,.sx-cs,.sx-app,.sx-articol.is-card,.sx-browser,.sx-voce-scena,.sx-banda-el,.sx-apr-el,.sx-flot,.sx-toast,.sx-notif-scena,
  .sx-stiva-card,.sx-rx-pasi,.sx-tabel-loc,.sx-cron-card,.sx-citat,.sx-om,.sx-dala,.sx-orb-el-in,.sx-orbita-centru,.sx-numar-panou,.sx-file-bara,.sx-fila-panou,
  .sx-comp-col,.sx-limba,.sx-adn-lista li,.sx-apc,.sx-colaj-ecran-in,.sx-dev-ecran,.sx-grafic-loc,.sx-kpi-el,.sx-prod,.sx-comanda,
  .sx-pov-ic,.sx-tur-card,.sx-tur-el,.sx-film-tab,.sx-film-panouri,.sx-e3-baza,.sx-e3-strat,.sx-ig-centru,.sx-ig-det,.sx-nou-card) :focus-visible{outline-color:var(--brand-ink)}
@media (max-width:900px){.sx-bg-marca .sx-ig-nod{--ink:#0a1220;--ink-2:#41536c;--surface:#fff;--surface-2:#f6f9fe;--brand-soft:#e7f2fe;--line:#e2eaf5;--line-2:#cfdcee;color:var(--ink-2)}}

/* ---------------------------------------------------------------- EROU 3D: ecranul si cardurile care plutesc, inclinate dupa cursor */
.sx-b-erou3d,.sx-b-titlu_rotativ{overflow:hidden;padding:clamp(40px,6vw,92px) 0 clamp(60px,7.5vw,112px)}
.sx-e3-loc{position:relative;min-width:0;perspective:1800px}
.sx-e3{--tx:0;--ty:0;--sep:1;position:relative;aspect-ratio:16/11.5;margin:5% 7% 8%;transform-style:preserve-3d;
  transform:rotateX(calc(15deg - var(--ty) * 6deg)) rotateY(calc(-19deg + var(--tx) * 9deg)) rotateZ(3deg);transition:transform .7s var(--ease)}
.sx-e3-umbra{position:absolute;inset:10% 2% -10%;border-radius:40px;background:radial-gradient(closest-side,rgba(10,40,90,.26),transparent);transform:translateZ(-80px)}
.sx-e3-baza{position:absolute;inset:0;overflow:hidden;background:var(--surface);border:1px solid var(--line);border-radius:22px 22px 22px 8px;box-shadow:var(--shadow-l)}
.sx-e3-baza>img,.sx-e3-baza>video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top center}
.sx-e3-strat{position:absolute;z-index:1;display:flex;align-items:center;gap:10px;max-width:62%;padding:12px 15px;background:var(--surface);border:1px solid var(--line);
  border-radius:16px 16px 16px 5px;box-shadow:var(--shadow-l);color:var(--ink);font-size:.9rem;line-height:1.35;
  transform:translateZ(calc((var(--k) + 1) * 34px * var(--sep)));transition:transform .5s var(--ease-out)}
.js .sx-e3-strat{animation:e3Plut 7s ease-in-out infinite;animation-delay:calc(var(--k) * -1.7s)}
@keyframes e3Plut{50%{translate:0 -9px}}
.sx-e3-strat.p0{left:-8%;top:9%}
.sx-e3-strat.p1{right:-9%;top:31%}
.sx-e3-strat.p2{left:5%;bottom:-7%}
.sx-e3-strat.p3{right:-3%;bottom:7%}
.sx-e3-ic{flex:none;width:38px;height:38px;display:grid;place-items:center;border-radius:12px 12px 12px 4px;background:var(--brand-soft);color:var(--brand);font-size:1.2rem}
.sx-e3-strat.t-notificare .sx-e3-ic{background-image:var(--grad);color:#fff}
.sx-e3-strat.t-mesaj .sx-e3-ic{border-radius:50%}
.sx-e3-t{display:flex;flex-direction:column;min-width:0}
.sx-e3-t b{font-size:.92rem}
.sx-e3-t span{color:var(--ink-2);font-size:.84rem}
.sx-e3-pret{margin-left:auto;padding-left:8px;font-style:normal;font-weight:800;white-space:nowrap}
.sx-e3-strat.t-cifra{flex-direction:column;align-items:flex-start;gap:3px;padding:14px 18px}
.sx-e3-cifra{font-size:1.9rem;font-weight:800;letter-spacing:-.04em;line-height:1;background-image:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.sx-e3-strat.t-cifra span{color:var(--ink-2);font-size:.84rem;font-weight:600}
.sx-e3-strat.t-cifra em{font-style:normal;color:var(--ink-3);font-size:.78rem}

/* ---------------------------------------------------------------- TITLUL CU CUVANTUL CARE SE SCHIMBA */
.sx-tr{position:relative;z-index:1;max-width:1160px;text-align:center}
/* 29 oct 2026 (Integrări: „ă de la leagă nu se vede bine”): randuri cu loc pentru semnele de deasupra / de dedesubt (ă, î, ș, y, p)
   si literele nu se mai ating (-.045em -> -.035em) */
.sx-tr-t{margin:0 0 22px;font-size:clamp(2.35rem,1.2rem + 4.3vw,4.9rem);line-height:1.14;letter-spacing:-.035em;font-weight:800;text-wrap:balance}
.sx-tr-roata{position:relative;display:inline-grid;vertical-align:top;max-width:100%;white-space:nowrap}
/* inceputul pe randul lui (28 oct 2026, Dragos: „sare pe un rand cand e prea scurt, si restul pe 2 randuri”): cuvantul care se schimba
   sta mereu pe randul de dedesubt, deci titlul are acelasi numar de randuri cu orice cuvant */
.sx-tr-inc{display:block}
/* gradientul se picteaza doar in cutia cuvantului: loc sus si jos, altfel caciula lui Î / Ă si coada lui y / p ieseau transparente */
.sx-tr-c{grid-area:1/1;padding:.06em .02em .14em;background-image:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.sx-tr-c:not(.is-activ){display:none}
.sx-tr-lead{max-width:720px;margin:0 auto}
.sx-tr .sx-butoane,.sx-tr .sx-note{justify-content:center}
/* viu (JS): cuvintele urca pe rand; locul lor isi schimba latimea dupa cuvantul de acum */
/* ⚠️ `clip-path`, nu doar `overflow` (29 oct 2026, Integrări: „nu se vede mereu textul, ex. leagă”): textul in gradient
   (`background-clip:text`) care se misca e desenat de Chrome peste taietura lui `overflow:hidden` - cuvantul care iesea urca peste
   „DoozUp se leagă de”, iar cel care intra peste fraza de dedesubt. Taietura pe verticala; pe orizontala lasa loc literelor late. */
.sx-tr-roata.is-viu{overflow:hidden;clip-path:inset(0 -.6em);transition:width .55s var(--ease)}
.sx-tr-roata.is-viu .sx-tr-c{display:inline-block;justify-self:start;text-align:left;transform:translateY(70%);opacity:0;transition:transform .6s var(--ease-out),opacity .35s}
.sx-tr-roata.is-viu .sx-tr-c.is-activ{transform:none;opacity:1}
/* cel care iese se stinge repede si urca putin: dispare inainte sa ajunga sub randul de deasupra */
.sx-tr-roata.is-viu .sx-tr-c.is-iese{transform:translateY(-70%);opacity:0;transition:transform .45s var(--ease-out),opacity .2s}
/* cuvantul pe randul lui (dupa `.sx-tr-inc`, 29 oct 2026): locul ia tot randul si cuvintele stau centrate in el - latimea nu se mai
   schimba (cuvantul nu mai aluneca stanga-dreapta la fiecare schimbare); urca doar pe verticala */
.sx-tr-inc+.sx-tr-roata.is-viu{display:grid;width:auto!important;transition:none}
.sx-tr-inc+.sx-tr-roata.is-viu .sx-tr-c{justify-self:center;text-align:center}
.sx-tr-roata.is-scrie{display:inline}
.sx-tr-roata.is-scrie .sx-tr-c{display:none}
.sx-tr-scris{padding-bottom:.08em;background-image:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.sx-tr-roata.is-scrie::after{content:"";display:inline-block;width:.07em;height:.86em;margin-left:.05em;vertical-align:-.06em;border-radius:2px;background:var(--brand);animation:cursorClipe 1s steps(1) infinite}
/* dupa cele 3 ture scrierea sta: cursorul pleaca */
.sx-tr-roata.is-scrie.is-gata::after{display:none}
@media (max-width:600px){.sx-tr-roata.is-lung{font-size:.8em}}
/* peste 22 de litere: mai mic si pe calculator; pe telefon cat sa incapa cele mai lungi (32) */
.sx-tr-roata.is-lung2{font-size:.72em}
@media (max-width:600px){.sx-tr-roata.is-lung2{font-size:min(.6em,5vw)}}
@keyframes cursorClipe{50%{opacity:0}}
.sx-bg-marca :is(.sx-tr-c,.sx-tr-scris){background:none;color:#fff}
.sx-bg-marca .sx-tr-roata.is-scrie::after{background:#fff}

/* ---------------------------------------------------------------- CHATUL DE INCERCAT (raspunsuri scrise dinainte, fara AI) */
.sx-inc{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(34px,5vw,80px);align-items:center}
.sx-inc .sx-cap{margin-bottom:0}
.sx-inc .sx-butoane{margin-top:26px}
.sx-inc.partea-stanga .sx-inc-text{order:2}
.sx-inc-viz{min-width:0}
.sx-inc-chat{height:600px}
.sx-inc-fir{justify-content:flex-start;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;-webkit-mask-image:none;mask-image:none}
.sx-inc-fir>:first-child{margin-top:auto}
.sx-inc-qa{display:flex;flex-direction:column;gap:.62em}
.sx-inc-qa>.sx-m-viz{align-self:flex-end}
.sx-inc-qa>.sx-m-as,.sx-inc-qa>.sx-scrie{align-self:flex-start}
.sx-inc-sug{flex:none;padding:.75em .9em .85em;border-top:1px solid var(--line);background:var(--surface)}
.sx-inc-sug-t{margin:0 0 .5em;font-size:.76em;font-weight:700;color:var(--ink-3)}
.sx-inc-chips{display:flex;flex-wrap:wrap;gap:.45em;max-height:12.5em;overflow-y:auto}
.sx-inc-chip{display:inline-flex;align-items:center;gap:.4em;max-width:100%;padding:.45em .85em;border:1px solid color-mix(in srgb,var(--brand) 30%,var(--line));border-radius:999px;
  background:var(--brand-soft);color:var(--brand-ink);font-size:.86em;font-weight:700;line-height:1.25;text-align:left;cursor:pointer;transition:border-color .2s,transform .2s var(--ease)}
.sx-inc-chip:hover{border-color:var(--brand);transform:translateY(-1px)}
.sx-inc-chip>i{flex:none;font-size:1.1em}
.sx-inc-chip[hidden]{display:none}
.sx-inc-chip.is-reia{background:var(--surface);color:var(--ink-2);border-color:var(--line-2)}
.sx-inc-chat.is-ocupat .sx-inc-chip{opacity:.55;cursor:progress}
.sx-inc-chat:not(.is-viu) .sx-inc-sug{display:none}
.sx-inc-nota{display:flex;align-items:center;justify-content:center;gap:7px;margin:14px 0 0;color:var(--ink-3);font-size:.84rem;font-weight:600;text-align:center}
.sx-inc-nota i{flex:none;font-size:1.05rem}

/* ---------------------------------------------------------------- TURUL GHIDAT: reflectorul trece din punct in punct */
.sx-tur{position:relative;max-width:1120px;margin:0 auto}
.sx-tur-viz{position:relative;min-width:0}
.sx-tur.rama-telefon .sx-tur-viz{display:grid;place-items:center}
.sx-tur .sx-browser-ecran{aspect-ratio:auto}
.sx-tur-img{position:relative;overflow:hidden}
.sx-tur-img>img{display:block;width:100%;height:auto}
.sx-tur-img.is-schita{aspect-ratio:16/10}
.sx-dev-ecran>.sx-tur-img,.sx-tel-continut>.sx-tur-img{position:absolute;inset:0;aspect-ratio:auto}
.sx-dev-ecran>.sx-tur-img>img,.sx-tel-continut>.sx-tur-img>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top center}
.sx-tur.rama-nimic .sx-tur-img{border:1px solid var(--line);border-radius:20px 20px 20px var(--notch);box-shadow:var(--shadow-l)}
.sx-tur.rama-laptop .sx-dev-scena.is-simplu{aspect-ratio:auto;padding:0 7% 2%}
.sx-tur.rama-laptop .sx-laptop{position:relative;left:auto;top:auto;width:100%}
.sx-tur.rama-laptop .sx-laptop .sx-dev-ecran{aspect-ratio:auto;height:auto}
.sx-tur.rama-laptop .sx-dev-ecran>.sx-tur-img{position:relative;inset:auto}
.sx-tur.rama-laptop .sx-dev-ecran>.sx-tur-img>img{position:static;height:auto}
.sx-tur.rama-laptop .sx-dev-ecran>.sx-tur-img.is-schita{aspect-ratio:16/10}
.sx-tur-strat{position:absolute;inset:0}
.sx-tur-pct{position:absolute;left:var(--x);top:var(--y);z-index:2;width:36px;height:36px;padding:0;border:0;border-radius:50%;background:transparent;transform:translate(-50%,-50%);cursor:pointer}
.sx-tur-pct span{position:relative;z-index:1;display:grid;place-items:center;width:30px;height:30px;margin:3px;border-radius:50%;background-image:var(--grad);color:#fff;font-weight:800;font-size:.84rem;
  box-shadow:0 0 0 4px rgba(255,255,255,.92),0 6px 16px rgba(11,135,243,.45);transition:transform .3s var(--ease),opacity .3s}
.sx-tur-pct::before{content:"";position:absolute;inset:-6px;border-radius:50%;border:2px solid var(--brand)}
.js .sx-tur-pct::before{animation:ripple 2.4s var(--ease-out) infinite}
.sx-tur-pct:disabled{cursor:default}
.sx-tur-spot,.sx-tur-card,.sx-tur-timp{display:none}
.sx-tur-lista{list-style:none;margin:26px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px}
.sx-tur-el{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;background:var(--surface);border:1px solid var(--line);border-radius:16px 16px 16px var(--notch)}
.sx-tur-nr{flex:none;width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:var(--brand-soft);color:var(--brand-ink);font-weight:800;font-size:.85rem}
.sx-tur-el-t b{display:flex;align-items:center;gap:7px}
.sx-tur-el-t b i{color:var(--brand);font-size:1.1rem}
.sx-tur-el-t>span{display:block;margin-top:3px;color:var(--ink-2);font-size:.92rem}
/* viu (JS): reflectorul pe punctul de acum (umbra mare in jurul lui - fara blur), cardul langa el, sagetile si bara timpului */
.sx-tur.is-viu .sx-tur-spot{display:block;position:absolute;z-index:1;left:var(--tx);top:var(--ty);width:clamp(84px,15%,170px);aspect-ratio:1;border-radius:50%;transform:translate(-50%,-50%);
  box-shadow:0 0 0 2px rgba(255,255,255,.85),0 0 0 200vmax rgba(6,12,24,.4);transition:left .75s var(--ease),top .75s var(--ease);pointer-events:none}
.sx-tur.is-viu .sx-tur-pct:not(.is-on) span{transform:scale(.7)}
.sx-tur.is-viu .sx-tur-pct:not(.is-on)::before{display:none}
.sx-tur.is-viu .sx-tur-pct.is-on span{transform:scale(1.12)}
.sx-tur.is-viu .sx-tur-card{--cw:min(320px,44%);display:flex;flex-direction:column;gap:4px;position:absolute;z-index:3;width:var(--cw);padding:14px 16px;
  top:clamp(10px,calc(var(--ty) - 30px),calc(100% - var(--ch,150px) - 10px));left:clamp(10px,calc(var(--tx) + 54px),calc(100% - var(--cw) - 10px));
  max-height:calc(100% - 20px);overflow:auto;
  background:var(--surface);border:1px solid var(--line);border-radius:16px 16px 16px var(--notch);box-shadow:var(--shadow-l);color:var(--ink);text-align:left;
  transition:left .75s var(--ease),top .75s var(--ease)}
.sx-tur.is-viu .sx-tur-strat.is-st .sx-tur-card{left:clamp(10px,calc(var(--tx) - 54px - var(--cw)),calc(100% - var(--cw) - 10px))}
.sx-tur-card b{font-size:1rem;line-height:1.3}
.sx-tur-card span{color:var(--ink-2);font-size:.9rem;line-height:1.5}
.sx-tur-card.is-nou{animation:turCard .45s var(--ease-out) both}
@keyframes turCard{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.sx-tur.is-viu.is-auto .sx-tur-timp{display:block;position:relative;height:3px;margin:14px auto 0;max-width:220px;border-radius:3px;background:var(--line);overflow:hidden}
.sx-tur-timp i{position:absolute;inset:0;background-image:var(--grad);transform:scaleX(0);transform-origin:left}
.sx-tur-timp.is-merge i{animation:filaBara var(--durata,6s) linear forwards}
.sx-tur.is-pauza .sx-tur-timp i,.sx-tur:hover .sx-tur-timp i,.sx-tur:focus-within .sx-tur-timp i{animation-play-state:paused}
.sx-tur-nav{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:16px}
.sx-tur-nav[hidden]{display:none}
.sx-tur-btn{width:44px;height:44px;display:grid;place-items:center;border:1px solid var(--line-2);border-radius:50%;background:var(--surface);color:var(--ink);font-size:1.1rem;cursor:pointer;transition:border-color .2s}
.sx-tur-btn:hover{border-color:var(--brand)}
.sx-tur-cnt{min-width:58px;text-align:center;font-weight:700;color:var(--ink-3);font-variant-numeric:tabular-nums}
.sx-tur-cnt b{color:var(--ink)}
@media (min-width:901px){.sx-tur.is-viu:not(.rama-telefon) .sx-tur-lista{position:absolute;width:1px;height:1px;margin:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}}
/* in rama de telefon (si pe ecranele inguste) cardul nu incape langa punct: explicatia punctului de acum sta sub captura */
.sx-tur.rama-telefon.is-viu .sx-tur-card{display:none}
.sx-tur.rama-telefon.is-viu .sx-tur-lista{grid-template-columns:minmax(0,1fr);max-width:520px;margin:16px auto 0}
/* ⚠️ explicatiile stau toate in aceeasi celula (cea mai lunga da inaltimea): trecerea la punctul urmator nu mai muta pagina de dedesubt */
.sx-tur.rama-telefon.is-viu .sx-tur-el{grid-area:1/1;opacity:0;visibility:hidden;transform:translateY(6px);transition:opacity .4s var(--ease-out),transform .4s var(--ease-out),visibility .4s}
.sx-tur.rama-telefon.is-viu .sx-tur-el.is-on{opacity:1;visibility:visible;transform:none}
@media (max-width:900px){
  .sx-tur.is-viu .sx-tur-card{display:none}
  .sx-tur.is-viu .sx-tur-lista{grid-template-columns:minmax(0,1fr);margin-top:16px}
  .sx-tur.is-viu .sx-tur-el{grid-area:1/1;opacity:0;visibility:hidden;transform:translateY(6px);transition:opacity .4s var(--ease-out),transform .4s var(--ease-out),visibility .4s}
  .sx-tur.is-viu .sx-tur-el.is-on{opacity:1;visibility:visible;transform:none}
}

/* ---------------------------------------------------------------- CAPITOLELE CU FILME: lista + ecranul mare */
.sx-filme{display:grid;grid-template-columns:minmax(0,.62fr) minmax(0,1.38fr);gap:clamp(20px,3vw,44px);align-items:center;max-width:1480px;margin:0 auto}
.sx-filme-lista{display:grid;gap:10px}
.sx-film-tab{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:12px;width:100%;padding:14px 16px 17px;overflow:hidden;
  border:1px solid var(--line);border-radius:18px 18px 18px var(--notch);background:var(--surface);color:var(--ink);text-align:left;text-decoration:none;cursor:pointer;transition:border-color .25s,box-shadow .25s}
.sx-film-tab:hover{border-color:var(--line-2)}
.sx-film-tab.is-activ{border-color:color-mix(in srgb,var(--brand) 45%,var(--line));box-shadow:var(--shadow-m)}
.sx-film-ic{width:40px;height:40px;display:grid;place-items:center;border-radius:12px 12px 12px 4px;background:var(--brand-soft);color:var(--brand);font-size:1.25rem;transition:background-color .25s,color .25s}
.sx-film-tab.is-activ .sx-film-ic{background-image:var(--grad);color:#fff}
.sx-film-t b{display:block;font-size:1rem;line-height:1.3}
.sx-film-t span{display:block;margin-top:3px;color:var(--ink-2);font-size:.88rem;line-height:1.45}
.sx-film-dur{padding-top:2px;font-style:normal;font-size:.78rem;font-weight:700;color:var(--ink-3);font-variant-numeric:tabular-nums}
.sx-film-bara{position:absolute;left:0;right:0;bottom:0;height:3px}
.sx-film-bara i{position:absolute;inset:0;background-image:var(--grad);transform-origin:left;transform:scaleX(var(--fp,0));transition:transform .3s linear}
.sx-film-tab:not(.is-activ) .sx-film-bara i{transform:scaleX(0);transition:none}
.sx-film-tab.is-timp .sx-film-bara i{animation:filaBara var(--film-ms,6s) linear forwards}
.sx-filme.is-pauza .sx-film-tab.is-timp .sx-film-bara i{animation-play-state:paused}
.sx-filme-ecran{min-width:0}
.sx-film-panouri{position:relative;display:grid;aspect-ratio:16/10;overflow:hidden;background:var(--surface-2)}
.sx-browser-ecran>.sx-film-panouri,.sx-dev-ecran>.sx-film-panouri,.sx-tel-continut>.sx-film-panouri{position:absolute;inset:0;aspect-ratio:auto}
.sx-filme-ecran>.sx-film-panouri{border:1px solid var(--line);border-radius:20px 20px 20px var(--notch);box-shadow:var(--shadow-l)}
.sx-film-panou{grid-area:1/1;position:relative;min-width:0;min-height:0}
.sx-film-panou>video,.sx-film-panou>img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:top center}
/* panoul (tabindex 0) e in cutia care taie ce iese: conturul inauntru, altfel focusul de tastatura nu se vede */
.sx-film-panou:focus-visible{outline-offset:-3px}
.sx-filme.is-viu .sx-film-panou{opacity:0;visibility:hidden;transition:opacity .45s var(--ease-out),visibility .45s}
.sx-filme.is-viu .sx-film-panou.is-activ{opacity:1;visibility:visible}
.sx-filme:not(.is-viu) .sx-film-panouri{display:flex;flex-direction:column;gap:2px;aspect-ratio:auto}
.sx-filme:not(.is-viu) :is(.sx-browser-ecran,.sx-dev-ecran)>.sx-film-panouri{position:relative;inset:auto}
.sx-filme:not(.is-viu) :is(.sx-browser-ecran,.sx-laptop .sx-dev-ecran){aspect-ratio:auto;height:auto}
.sx-filme:not(.is-viu) .sx-dev-scena.is-simplu{aspect-ratio:auto;padding:0 7% 2%}
.sx-filme:not(.is-viu) .sx-dev-scena.is-simplu .sx-laptop{position:relative;left:auto;top:auto;width:100%}
.sx-filme:not(.is-viu) .sx-film-panou{aspect-ratio:16/10}
.sx-filme:not(.is-viu) .sx-telefon .sx-film-panou:not(.is-activ){display:none}
/* pauza si sunetul filmului de acum, sub ecran */
.sx-film-ctrl{display:flex;justify-content:center;gap:10px;margin-top:14px}
.sx-film-ctrl[hidden]{display:none}
.sx-film-btn{width:44px;height:44px;display:grid;place-items:center;padding:0;border:1px solid var(--line-2);border-radius:50%;background:var(--surface);color:var(--ink);font-size:1.15rem;cursor:pointer;transition:border-color .2s}
.sx-film-btn:hover{border-color:var(--brand)}
.sx-film-btn .i-pauza,.sx-film-btn.is-merge .i-play,.sx-film-btn .i-sunet,.sx-film-btn.is-sunet .i-mut{display:none}
.sx-film-btn.is-merge .i-pauza,.sx-film-btn.is-sunet .i-sunet{display:inline-block}

/* ---------------------------------------------------------------- POVESTEA la derulare: capitolele + scena lipita */
.sx-pov{max-width:1440px;margin:0 auto}
.sx-pov-pasi{list-style:none;margin:0;padding:0;display:grid;gap:clamp(48px,6vw,96px)}
/* fara JS / miscarea redusa / telefon: fiecare capitol cu vizualul lui alaturi (pe ecrane inguste dedesubt) */
.sx-pov-pas{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:clamp(24px,4vw,64px);align-items:center}
.sx-pov-text h3{margin:0 0 10px;font-size:clamp(1.45rem,1.1rem + 1.3vw,2.15rem);line-height:1.12;letter-spacing:-.03em;text-wrap:balance}
.sx-pov-text .sx-lead{margin-top:0}
.sx-pov-text .sx-puncte{margin-top:18px}
.sx-pov-nr{display:block;margin-bottom:12px;font-size:.9rem;font-weight:800;letter-spacing:.04em;color:var(--brand-ink);font-variant-numeric:tabular-nums}
.sx-pov-viz{min-width:0}
.sx-pov-viz .sx-chat{height:500px}
.sx-pov-viz.v-media .sx-telefon.is-mic{margin-inline:auto}
.sx-pov-viz.r-nimic>.sx-pov-media{display:block;width:100%;height:auto;border:1px solid var(--line);border-radius:20px 20px 20px var(--notch);box-shadow:var(--shadow-l)}
.sx-pov-viz.r-nimic>.sx-schelet{position:relative;aspect-ratio:16/10;overflow:hidden;border:1px solid var(--line);border-radius:20px 20px 20px var(--notch);box-shadow:var(--shadow-l)}
.sx-pov-ic{position:relative;display:grid;place-items:center;aspect-ratio:4/3;max-width:560px;margin:0 auto;overflow:hidden;border:1px solid var(--line);border-radius:28px 28px 28px 9px;
  background:var(--surface);background-image:radial-gradient(var(--dot) 1px,transparent 1.3px);background-size:20px 20px;box-shadow:var(--shadow-l)}
.sx-pov-ic>span{position:relative;z-index:1;width:clamp(96px,12vw,140px);aspect-ratio:1;display:grid;place-items:center;border-radius:34px 34px 34px 10px;background-image:var(--grad);color:#fff;
  font-size:clamp(2.6rem,4vw,3.6rem);box-shadow:0 24px 50px -18px rgba(11,135,243,.6)}
.sx-pov-inel{position:absolute;left:50%;top:50%;width:46%;aspect-ratio:1;border-radius:50%;border:1px dashed color-mix(in srgb,var(--brand) 32%,transparent);transform:translate(-50%,-50%)}
.sx-pov-inel+.sx-pov-inel{width:74%;border-style:solid;border-color:color-mix(in srgb,var(--brand) 12%,transparent)}
.js .sx-pov-viz.is-activ .sx-pov-inel{animation:povInel 3.6s var(--ease-out) infinite}
.js .sx-pov-viz.is-activ .sx-pov-inel+.sx-pov-inel{animation-delay:.6s}
@keyframes povInel{0%{transform:translate(-50%,-50%) scale(.9);opacity:.25}50%{opacity:1}100%{transform:translate(-50%,-50%) scale(1.06);opacity:.25}}
.sx-pov-scena{display:none}
/* povestea (JS, ecrane late): textele in stanga, scena lipita in dreapta; linia din stanga se umple cat citesti */
.sx-pov.is-poveste{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(28px,5vw,88px);align-items:start}
.sx-pov.is-poveste .sx-pov-pasi{position:relative;gap:0;padding-left:40px}
.sx-pov.is-poveste .sx-pov-pasi::before,.sx-pov.is-poveste .sx-pov-pasi::after{content:"";position:absolute;left:11px;top:16vh;bottom:16vh;width:2px;border-radius:2px;background:var(--line)}
.sx-pov.is-poveste .sx-pov-pasi::after{background-image:linear-gradient(var(--brand),var(--teal));transform-origin:top;transform:scaleY(var(--pov-p,0))}
.sx-pov.is-poveste .sx-pov-pas{display:flex;align-items:center;min-height:min(80vh,760px);padding:6vh 0}
.sx-pov.is-poveste .sx-pov-text{position:relative}
.sx-pov.is-poveste .sx-pov-text::before{content:"";position:absolute;left:-40px;top:0;width:24px;height:24px;border-radius:50%;background:var(--surface);border:2px solid var(--line-2);transition:border-color .35s,background-color .35s,box-shadow .35s}
.sx-pov.is-poveste .sx-pov-pas.is-activ .sx-pov-text::before{border-color:transparent;background-color:var(--brand);background-image:var(--grad);background-origin:border-box;box-shadow:0 0 0 6px color-mix(in srgb,var(--brand) 14%,transparent)}
.sx-pov.is-poveste .sx-pov-pas :is(h3,.sx-lead,.sx-puncte li){transition:color .4s}
.sx-pov.is-poveste .sx-pov-pas:not(.is-activ) :is(h3,.sx-lead,.sx-puncte li){color:var(--ink-3)}
.sx-pov.is-poveste .sx-pov-scena{position:sticky;top:calc(var(--header-h) + 5vh);display:grid;height:min(80vh,720px);align-items:center}
.sx-pov.is-poveste .sx-pov-viz{grid-area:1/1;opacity:0;visibility:hidden;transform:translateY(24px) scale(.97);transition:opacity .6s var(--ease-out),transform .6s var(--ease-out),visibility .6s}
.sx-pov.is-poveste .sx-pov-viz.is-activ{opacity:1;visibility:visible;transform:none}
.sx-pov.is-poveste .sx-pov-viz .sx-chat{height:min(560px,70vh)}
.sx-pov.is-poveste .sx-pov-viz .sx-telefon.is-mic{width:min(280px,calc((80vh - 60px) * 9 / 19.3))}
.sx-pov.is-poveste .sx-pov-viz.r-nimic>.sx-pov-media{width:auto;max-width:100%;max-height:min(76vh,700px);margin-inline:auto}

/* ---------------------------------------------------------------- CE E NOU: noutatile cu data, filtrele si „Vezi tot" */
.sx-noutati{max-width:1080px;margin:0 auto}
.sx-nou-filtre{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:0 0 28px}
.sx-noutati:not(.is-viu) .sx-nou-filtre{display:none}
.sx-nou-f{min-height:40px;padding:8px 16px;border:1px solid var(--line-2);border-radius:999px;background:var(--surface);color:var(--ink-2);font-weight:700;font-size:.88rem;cursor:pointer;transition:border-color .2s,color .2s}
.sx-nou-f:hover{border-color:var(--brand);color:var(--ink)}
.sx-nou-f.is-on{border-color:transparent;background-color:var(--brand);background-image:var(--grad);background-origin:border-box;color:#fff}
.sx-nou-lista{position:relative;list-style:none;margin:0;padding:0;display:grid;gap:18px}
.sx-nou-lista::before{content:"";position:absolute;left:131px;top:10px;bottom:10px;width:2px;border-radius:2px;background:linear-gradient(var(--brand),var(--teal) 55%,var(--line))}
.sx-nou-el{position:relative;display:grid;grid-template-columns:110px minmax(0,1fr);gap:42px;align-items:start}
.sx-nou-el::before{content:"";position:absolute;left:125px;top:22px;width:14px;height:14px;border-radius:50%;background:var(--surface);border:3px solid var(--brand);box-shadow:0 0 0 5px var(--bg)}
.sx-bg-alt .sx-nou-el::before{box-shadow:0 0 0 5px var(--bg-alt)}
.sx-nou-data{display:flex;flex-direction:column;align-items:flex-end;gap:7px;padding-top:15px;text-align:right}
.sx-nou-zi{font-weight:800;font-size:.9rem;line-height:1.3;color:var(--ink)}
.sx-nou-tag{padding:3px 10px;border-radius:999px;background:var(--brand-soft);color:var(--brand-ink);font-size:.74rem;font-weight:800;white-space:nowrap}
.f-imbunatatit .sx-nou-tag{background:var(--teal-soft);color:var(--teal-ink)}
.f-reparat .sx-nou-tag{background:color-mix(in srgb,#f59e0b 18%,transparent);color:color-mix(in srgb,#b45309 72%,var(--ink))}
.sx-nou-card{display:grid;grid-template-columns:auto minmax(0,1fr);gap:16px;padding:20px 22px;background:var(--surface);border:1px solid var(--line);border-radius:20px 20px 20px var(--notch);box-shadow:var(--shadow-s)}
.sx-nou-ic{width:44px;height:44px;display:grid;place-items:center;border-radius:14px 14px 14px 4px;background:var(--brand-soft);color:var(--brand);font-size:1.3rem}
.sx-nou-c{min-width:0}
.sx-nou-c h3{margin:2px 0 6px;font-size:1.12rem;line-height:1.3;letter-spacing:-.015em}
.sx-nou-c .sx-btn{margin-top:14px;min-height:40px;padding:8px 16px;font-size:.88rem}
.sx-nou-poza{grid-column:1/-1;margin:4px 0 0}
.sx-nou-poza img{display:block;width:100%;height:auto;border:1px solid var(--line);border-radius:14px 14px 14px 5px}
.sx-noutati.is-viu:not(.is-toate) .sx-nou-el.is-vechi,.sx-noutati.is-viu .sx-nou-el.is-filtrat{display:none}
.sx-nou-mai{display:flex;justify-content:center;margin-top:28px}
.sx-nou-mai .sx-btn[hidden]{display:none}

/* ---------------------------------------------------------------- INTEGRARILE INTERACTIVE (din cod: doar cele care exista) */
.sx-ig{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(24px,4vw,64px);align-items:center;max-width:1280px;margin:0 auto}
.sx-ig-hub{--ic:clamp(40px,11cqw,58px);position:relative;width:100%;max-width:580px;aspect-ratio:1;margin:0 auto;container-type:inline-size}
.sx-ig-fire{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.sx-ig-fir{stroke:var(--line-2);stroke-width:1.5;stroke-dasharray:.035 .025;vector-effect:non-scaling-stroke;transition:stroke .3s}
.sx-ig-fir.is-on{stroke:var(--brand);stroke-width:2.5;stroke-dasharray:.07 .04}
.sx-ig.is-viu .sx-ig-fir.is-on{animation:igCurge 1.4s linear infinite}
@keyframes igCurge{to{stroke-dashoffset:-.11}}
.sx-ig-centru{position:absolute;left:50%;top:50%;z-index:1;width:27cqw;aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;border-radius:50%;transform:translate(-50%,-50%);
  background:var(--surface);border:1px solid var(--line);box-shadow:0 0 0 12px color-mix(in srgb,var(--brand) 7%,transparent),var(--shadow-l)}
.sx-ig-centru img{width:36%;height:auto}
.sx-ig-centru b{padding:0 8px;font-size:clamp(.66rem,2.4cqw,.95rem);font-weight:800;line-height:1.2;text-align:center}
.sx-ig-nod{position:absolute;left:var(--x);top:var(--y);z-index:2;display:flex;flex-direction:column;align-items:center;gap:5px;width:max-content;max-width:22cqw;padding:0;border:0;background:none;
  color:var(--ink-2);font-size:clamp(.64rem,2.2cqw,.84rem);font-weight:700;line-height:1.2;text-align:center;text-decoration:none;transform:translate(-50%,calc(var(--ic) / -2));cursor:pointer}
/* capatul firului = centrul iconitei; numele stau spre exterior (sus deasupra iconitei, jos dedesubt), ca firul sa nu treaca peste ele */
.sx-ig-nod.is-sus{flex-direction:column-reverse;transform:translate(-50%,calc(-100% + var(--ic) / 2))}
.sx-ig-nod-ic{width:var(--ic);aspect-ratio:1;display:grid;place-items:center;border-radius:16px 16px 16px 5px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-m);
  color:var(--brand);font-size:clamp(1.1rem,3.6cqw,1.5rem);transition:transform .3s var(--ease),color .3s,box-shadow .3s}
.sx-ig-nod:hover .sx-ig-nod-ic{transform:translateY(-2px)}
.sx-ig-nod.is-on{color:var(--ink)}
.sx-ig-nod.is-on .sx-ig-nod-ic{border-color:transparent;background-color:var(--brand);background-image:var(--grad);background-origin:border-box;color:#fff;box-shadow:0 14px 30px -12px rgba(11,135,243,.6),0 0 0 6px color-mix(in srgb,var(--brand) 14%,transparent)}
.sx-ig-dr{min-width:0}
.sx-ig-detalii{display:grid}
.sx-ig-det{grid-area:1/1;padding:26px;background:var(--surface);border:1px solid var(--line);border-radius:22px 22px 22px var(--notch);box-shadow:var(--shadow-l)}
.sx-ig.is-viu .sx-ig-det{opacity:0;visibility:hidden;transform:translateY(10px);transition:opacity .4s var(--ease-out),transform .4s var(--ease-out),visibility .4s}
.sx-ig.is-viu .sx-ig-det.is-on{opacity:1;visibility:visible;transform:none}
.sx-ig:not(.is-viu) .sx-ig-detalii{gap:12px}
.sx-ig:not(.is-viu) .sx-ig-det{grid-area:auto}
.sx-ig-det-cap{display:flex;align-items:center;gap:14px;margin-bottom:16px}
.sx-ig-det-ic{width:52px;height:52px;flex:none;display:grid;place-items:center;border-radius:16px 16px 16px 5px;background-color:var(--brand);background-image:var(--grad);color:#fff;font-size:1.5rem}
.sx-ig-det h3{margin:0;font-size:1.3rem;letter-spacing:-.02em}
.sx-ig-fel{display:inline-block;margin-top:4px;padding:2px 10px;border-radius:999px;background:var(--brand-soft);color:var(--brand-ink);font-size:.76rem;font-weight:700}
.sx-ig-cum{margin:0 0 14px;color:var(--ink-2);font-size:.96rem;line-height:1.6}
.sx-ig-cum b{color:var(--ink)}
.sx-ig-fapte{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.sx-ig-fapte li{display:flex;align-items:center;gap:9px;color:var(--ink-2);font-weight:600;font-size:.92rem}
.sx-ig-fapte li i{width:26px;height:26px;flex:none;display:grid;place-items:center;border-radius:8px 8px 8px 3px;background:var(--surface-2);color:var(--brand);font-size:.95rem}
.sx-ig-fapte li.is-da i{background:color-mix(in srgb,var(--ok) 16%,transparent);color:var(--ok-ink)}
.sx-ig-dr .sx-puncte{margin-top:20px}

/* blocurile wow pe ecrane mai mici */
@media (max-width:1100px){
  .sx-inc,.sx-ig,.sx-filme{grid-template-columns:minmax(0,1fr)}
  .sx-inc.partea-stanga .sx-inc-text{order:0}
  .sx-e3-loc{width:100%;max-width:640px;margin-inline:auto}
  .sx-pov-pas{grid-template-columns:minmax(0,1fr)}
  .sx-filme-ecran{order:-1}
}
@media (max-width:900px){
  .sx-ig-hub{aspect-ratio:auto;max-width:none;display:flex;flex-wrap:wrap;justify-content:center;gap:10px;container-type:normal}
  .sx-ig-fire,.sx-ig-centru{display:none}
  .sx-ig-nod,.sx-ig-nod.is-sus{position:static;flex-direction:row;gap:8px;width:auto;max-width:100%;padding:6px 12px 6px 6px;border:1px solid var(--line);border-radius:14px 14px 14px 5px;background:var(--surface);font-size:.86rem;transform:none}
  .sx-ig-nod-ic{width:32px;font-size:1.05rem;border:0;box-shadow:none;background:var(--brand-soft)}
  .sx-ig-nod.is-on{border-color:var(--brand)}
  .sx-ig-nod.is-on .sx-ig-nod-ic{box-shadow:none}
}
@media (max-width:760px){
  .sx-e3{margin:6% 6% 12%;transform:rotateX(10deg) rotateY(-12deg) rotateZ(2deg)}
  .sx-e3-strat{max-width:72%;padding:8px 11px;gap:8px;font-size:.78rem}
  .sx-e3-ic{width:30px;height:30px;font-size:1rem}
  .sx-e3-t b{font-size:.8rem}.sx-e3-t span{font-size:.74rem}
  .sx-e3-cifra{font-size:1.4rem}
  .sx-e3-strat.p0{left:-4%}.sx-e3-strat.p1{right:-5%}
  .sx-e3-strat.p3{width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0;box-shadow:none}
  .sx-inc-chat{height:540px}
  .sx-pov-viz .sx-chat{height:460px}
  .sx-nou-lista::before{left:7px}
  .sx-nou-el{grid-template-columns:minmax(0,1fr);gap:8px;padding-left:30px}
  .sx-nou-el::before{left:1px;top:4px}
  .sx-nou-data{flex-direction:row;align-items:center;justify-content:flex-start;padding-top:0;text-align:left}
  .sx-nou-card{padding:16px 18px;gap:12px}
  .sx-tur-lista{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:480px){
  .sx-tr-t{font-size:clamp(1.9rem,1.15rem + 3.8vw,2.6rem)}
  .sx-film-tab{padding:12px 14px 15px}
  .sx-film-t span{position:absolute;width:1px;height:1px;margin:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
}
/* miscarea redusa: scena 3D sta, cardurile nu mai plutesc; turul, filmele si titlul raman cum vin de pe server */
@media (prefers-reduced-motion:reduce){
  .sx-e3{transform:rotateX(14deg) rotateY(-18deg) rotateZ(3deg)!important}
  .sx-e3-strat{animation:none!important;translate:none}
}

/* ---------------------------------------------------------------- mișcare redusă: pagina e toata acolo, nemiscata */
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;animation-delay:0s!important;transition-duration:.001ms!important}
  .js [data-reveal],.js .intra{opacity:1;transform:none}
  .js .hl{clip-path:none}
  .sx-banda-pista{flex-wrap:wrap;width:auto}
  .sx-banda-grup[aria-hidden]{display:none}
  .sx-banda{-webkit-mask-image:none;mask-image:none}
  .js .sx-voce-scena.is-joc .sx-vl{opacity:1;transform:none}
  .t3d .sx-dev{transform:none!important}
  .js .sx-manifest-t .w{color:var(--ink)}
  .js .sx-fila-panou{grid-area:auto;opacity:1;visibility:visible;transform:none}
  .js .sx-fila-panou+.sx-fila-panou{margin-top:22px!important}
  .sx-ecrane-pista{flex-wrap:wrap;width:auto}.sx-ecrane-grup[aria-hidden]{display:none}
  .sx-linie{stroke-dashoffset:0}.sx-arie,.sx-nod{opacity:1}.sx-bara{transform:none}
}

/* ---------------------------------------------------------------- blocurile facute cu AI: butonul de ascultare ({{audio camp}}, 29 sept 2026) */
.sxa-audio{position:relative;display:inline-flex;align-items:center;vertical-align:middle}
.sxa-audio audio{display:none}
.sxa-play{position:relative;display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;border-radius:50%;cursor:pointer;color:#fff;background-color:var(--brand);background-image:var(--grad);box-shadow:0 8px 20px -8px rgba(11,135,243,.6);transition:transform .2s var(--ease)}
.sxa-play:hover{transform:scale(1.06)}
.sxa-play i{font-size:1.2rem}
.sxa-play .ph-pause,.sxa-audio.is-playing .sxa-play .ph-play{display:none}
.sxa-audio.is-playing .sxa-play .ph-pause{display:inline-block}
.sxa-audio.is-playing .sxa-play::after{content:"";position:absolute;inset:-6px;border-radius:50%;border:2px solid color-mix(in srgb,var(--brand) 55%,transparent);animation:sxaUnda 1.4s var(--ease-out) infinite}
@keyframes sxaUnda{from{transform:scale(.85);opacity:1}to{transform:scale(1.35);opacity:0}}
@media (prefers-reduced-motion:reduce){.sxa-audio.is-playing .sxa-play::after{animation:none}}

/* ---------------------------------------------------------------- MENIUL DE SUS DIN BLOCURI (25 oct 2026, src/frontend/meniu.ts)
   Linkuri, meniuri derulante si mega-panouri (`<details>`: fara JS se deschid la clic), meniul de telefon cu acordeoane si bara
   laterala a unei familii de pagini (facilitatile). Pe luminos, carduri cu coltul taiat, fara blur. */
.top-in{position:relative}
nav.menu.menu-m{overflow:visible;gap:2px}
.menu-m .sx-nv-a{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;text-decoration:none;color:var(--ink-2);font-weight:600;font-size:.93rem;padding:8px 12px;
  border-radius:12px 12px 12px var(--notch);cursor:pointer;list-style:none;user-select:none;transition:background-color .18s,color .18s}
.menu-m summary.sx-nv-a::-webkit-details-marker{display:none}
.menu-m summary.sx-nv-a::marker{content:""}
.menu-m .sx-nv-a:hover,.menu-m details[open]>.sx-nv-a{background:var(--surface-2);color:var(--ink)}
.menu-m .sx-nv-a.is-on{color:var(--ink);background:var(--brand-soft)}
.menu-m .sx-nv-a>i{font-size:.8em;opacity:.7;transition:transform .22s var(--ease)}
.menu-m details[open]>.sx-nv-a>i{transform:rotate(180deg)}
.menu-m .sx-nv-a.is-evid{color:var(--brand-ink);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--brand) 40%,transparent)}
.menu-m .sx-nv-a.is-evid:hover{background:var(--brand-soft)}
.sx-nv-ins{font-style:normal;font-size:.66rem;font-weight:700;line-height:1;padding:4px 7px;border-radius:999px;background:var(--teal-soft);color:var(--teal-ink)}
.sx-nv-dd{position:relative}
.sx-nv-mega{position:static}
.sx-dd{position:absolute;top:calc(100% + 10px);z-index:60;text-align:left;background:var(--surface);border:1px solid var(--line);
  border-radius:var(--r-lg) var(--r-lg) var(--r-lg) var(--notch);box-shadow:var(--shadow-l);padding:12px}
.sx-dd::before{content:"";position:absolute;left:0;right:0;top:-16px;height:16px}
.js .sx-nv-dd[open]>.sx-dd{animation:sxDdIn .24s var(--ease-out)}
@keyframes sxDdIn{from{transform:translateY(-6px)}to{transform:none}}
.sx-dd-lista{left:0;width:max-content;min-width:300px;max-width:min(440px,calc(100vw - 32px))}
.sx-dd-mega{left:var(--gutter);right:var(--gutter);top:calc(100% - 2px);max-width:1200px;margin:0 auto;padding:24px 26px}
/* mega-panoul cat incape sub antet (revizia din 26 oct 2026): pe 1366x768 avea 721 px si ultimele linkuri ieseau din ecran */
.sx-dd-mega{max-height:calc(100vh - var(--header-h,72px) - 16px);max-height:calc(100dvh - var(--header-h,72px) - 16px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}
.sx-mega-in{display:flex;gap:28px;align-items:stretch}
.sx-mz{flex:var(--l,1) 1 0;min-width:0}
.sx-mz+.sx-mz{border-left:1px solid var(--line);padding-left:28px}
.sx-mz-t{display:inline-flex;align-items:center;gap:8px;margin:0 0 4px 10px;font-size:.74rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);text-decoration:none}
a.sx-mz-t:hover,a.sx-mz-t.is-on{color:var(--brand-ink)}
a.sx-mz-t i{transition:transform .2s var(--ease)}
a.sx-mz-t:hover i{transform:translateX(3px)}
.sx-mz-d{margin:0 0 12px 10px;font-size:.86rem;color:var(--ink-3);line-height:1.45;max-width:46ch}
.sx-mz-grid{display:grid;gap:6px 18px;align-items:start}
.sx-mz-c2 .sx-mz-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.sx-dd-g{min-width:0}
.sx-dd-gt{margin:8px 10px 6px;font-size:.7rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--brand-ink)}
.sx-dd-l{list-style:none;margin:0;padding:0;display:grid;gap:2px}
.sx-dd-link{display:flex;align-items:flex-start;gap:12px;padding:9px 10px;border-radius:12px 12px 12px var(--notch);text-decoration:none;color:var(--ink);transition:background-color .15s,transform .15s}
a.sx-dd-link:hover,.sx-dd-link.is-on{background:var(--surface-2)}
.sx-dd-ic{flex:none;width:34px;height:34px;display:grid;place-items:center;border-radius:10px 10px 10px 4px;background:var(--brand-soft);color:var(--brand-ink);font-size:18px;transition:background-color .15s,color .15s}
a.sx-dd-link:hover .sx-dd-ic,.sx-dd-link.is-on .sx-dd-ic{background-color:var(--brand);background-image:var(--grad);color:#fff}
/* facilitatile din meniu: aceeasi culoare ca in bara laterala (`is-fx` + `--fx` din meniu.ts; 26 oct 2026, Dragos: „icon si color la
   facilitati sa fie si in dropdown”) - stinsa pe placuta, cerneala ei pe iconita; sub cursor / aleasa: plina */
.sx-dd-link.is-fx .sx-dd-ic{background:color-mix(in srgb,var(--fx) 14%,var(--surface));color:color-mix(in srgb,var(--fx) 58%,var(--ink))}
a.sx-dd-link.is-fx:hover .sx-dd-ic,.sx-dd-link.is-fx.is-on .sx-dd-ic{background:var(--fx);color:#fff}
[data-theme="dark"] :is(a.sx-dd-link.is-fx:hover,.sx-dd-link.is-fx.is-on) .sx-dd-ic{color:#08101c}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) :is(a.sx-dd-link.is-fx:hover,.sx-dd-link.is-fx.is-on) .sx-dd-ic{color:#08101c}}
.sx-dd-t{display:flex;flex-direction:column;gap:2px;min-width:0}
.sx-dd-t b{display:flex;align-items:center;flex-wrap:wrap;gap:4px 8px;font-size:.92rem;font-weight:600;line-height:1.3}
.sx-dd-t small{font-size:.8rem;color:var(--ink-3);line-height:1.4}
.sx-dd-ins{font-style:normal;font-size:.64rem;font-weight:700;line-height:1;padding:4px 7px;border-radius:999px;background:var(--teal-soft);color:var(--teal-ink)}
.sx-dd-ins.is-gri{background:var(--surface-3);color:var(--ink-3)}
.sx-dd-link.is-curand{opacity:.62}
.sx-dd-link.is-curand .sx-dd-ic{background:var(--surface-3);background-image:none;color:var(--ink-3)}
.sx-dd-link.is-curand:hover{opacity:.85}
/* zona „carduri" (aplicatiile): cardul aplicatiei vii iese in fata, cele „în curând" stau stinse sub ea */
.sx-mz-carduri .sx-dd-l{gap:8px}
.sx-mz-carduri .sx-dd-link{padding:14px;border:1px solid var(--line);background:var(--surface)}
.sx-mz-carduri .sx-dd-link:not(.is-curand){border-color:color-mix(in srgb,var(--brand) 32%,var(--line));box-shadow:var(--shadow-m)}
.sx-mz-carduri a.sx-dd-link:not(.is-curand):hover{transform:translateY(-1px)}
.sx-mz-carduri .sx-dd-ic{width:44px;height:44px;font-size:22px;border-radius:13px 13px 13px 5px;background-color:var(--brand);background-image:var(--grad);color:#fff}
.sx-mz-carduri .sx-dd-t b{font-size:.98rem}
.sx-mega-jos{display:flex;align-items:center;justify-content:center;gap:8px;margin:20px -26px -24px;padding:14px;border-top:1px solid var(--line);background:var(--surface-2);
  border-radius:0 0 var(--r-lg) var(--notch);font-weight:600;font-size:.9rem;text-decoration:none;color:var(--brand-ink)}
.sx-mega-jos:hover{color:var(--ink)}
.sx-mega-jos i{transition:transform .2s var(--ease)}
.sx-mega-jos:hover i{transform:translateX(4px)}
@media (max-width:1180px){.sx-dd-mega{padding:20px}.sx-mega-in{gap:20px}.sx-mz+.sx-mz{padding-left:20px}}

/* meniul de telefon: acordeoane */
.sx-meniu nav.sx-mm>a.sx-mm-a{padding:14px 2px;border-bottom:1px solid var(--line);color:var(--ink);font-size:1.45rem;font-weight:700;letter-spacing:-.02em;text-decoration:none}
.sx-meniu nav.sx-mm>*{opacity:0;transform:translateY(12px);transition:opacity .45s var(--ease-out),transform .45s var(--ease-out)}
.sx-meniu.is-open nav.sx-mm>*{opacity:1;transform:none}
.sx-meniu nav.sx-mm>:nth-child(2){transition-delay:.05s}.sx-meniu nav.sx-mm>:nth-child(3){transition-delay:.1s}.sx-meniu nav.sx-mm>:nth-child(4){transition-delay:.15s}.sx-meniu nav.sx-mm>:nth-child(n+5){transition-delay:.2s}
.sx-meniu nav.sx-mm .sx-mm-a{display:flex;align-items:center;justify-content:space-between;gap:10px}
.sx-meniu nav.sx-mm .sx-mm-a .sx-nv-ins{font-size:.7rem}
.sx-mm-dd{border-bottom:1px solid var(--line)}
.sx-mm-dd>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 2px;color:var(--ink);font-size:1.45rem;font-weight:700;letter-spacing:-.02em;cursor:pointer}
.sx-mm-dd>summary::-webkit-details-marker{display:none}
.sx-mm-dd>summary::marker{content:""}
.sx-mm-dd>summary i{font-size:.7em;opacity:.6;transition:transform .22s var(--ease)}
.sx-mm-dd[open]>summary i{transform:rotate(180deg)}
.sx-mm-dd>summary.is-on{color:var(--brand-ink)}
.sx-mm-p{padding:0 0 16px}
.sx-mm-p .sx-mz{border:0!important;padding:0!important;margin:0 0 12px}
.sx-mm-p .sx-mz-grid{grid-template-columns:1fr!important}
.sx-mm-p .sx-mz-d{display:none}
.sx-meniu nav.sx-mm .sx-mm-p a{font-size:1rem;font-weight:500;letter-spacing:0;border-bottom:0}
.sx-meniu nav.sx-mm .sx-mm-p a.sx-dd-link{padding:8px 6px}
.sx-meniu nav.sx-mm .sx-mm-p a.sx-mz-t{font-size:.74rem;font-weight:700;padding:0;margin:4px 0 6px 6px}
.sx-meniu nav.sx-mm .sx-mm-p .sx-dd-t small{font-size:.82rem}
.sx-meniu nav.sx-mm .sx-mm-p .sx-mega-jos{margin:6px 0 0;border-radius:12px 12px 12px var(--notch);border:1px solid var(--line)}

/* ---------------------------------------------------------------- ANTETUL „CLASIC” (28 oct 2026, varianta 1 aleasa de Dragos din
   docs/rapoarte/2026-10-28-antet): un rand; pagina de acum = o linie colorata la marginea de jos a antetului (fara pastila), limba = globul
   + codul, „Intră în cont” = link simplu, „Creează cont” singurul buton plin, „evidentiat” = punctul verde. Meniurile se lipesc de marginea
   de jos a antetului: mega-panoul pe toata grila (zonele cu fundalul lor, grupurile pe coloane, banda de jos cu butoane), listele scurte cu
   colturile de jos rotunde; apar doar din culoare (textul nu se misca). Pe telefon meniul se deschide sub antet, iar butonul devine X. */
.top{border-bottom-color:var(--line)}
.top-act{gap:10px}
.lang-sus{display:inline-flex;align-items:center;gap:7px;height:40px;padding:0 10px;color:var(--ink-2);font-size:.88rem;font-weight:700}
.lang-sus svg{flex:none;width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.top-sep{flex:none;width:1px;height:22px;background:var(--line-2)}
/* ⚠️ `sx-intra-cont`, nu `sx-intra` (29 oct 2026): `sx-intra` = animatia bulelor din chaturile care se joaca singure (site.js) */
.sx-intra-cont{padding:0 6px;color:var(--ink);font-size:.92rem;font-weight:600;text-decoration:none;white-space:nowrap;transition:color .15s}
.sx-intra-cont:hover{color:var(--brand-ink)}
.top.is-strans .top-act>:is(.sx-intra-cont,.top-sep){display:none}
@media (max-width:1100px){.js .top-act>:is(.sx-intra-cont,.top-sep){display:none}}
/* 29 oct 2026, Dragos: „putin distanta intre elemente... cativa pixeli stanga dreapta, parca sunt prea inghesuite" - 13 -> 17 px, iar
   intre elemente 4 px (era 2) */
nav.menu.menu-m{gap:4px}
.menu-m .sx-nv-a{position:relative;height:40px;padding:0 17px;font-size:.95rem}
.menu-m .sx-nv-a.is-on{color:var(--ink);background:none}
.menu-m .sx-nv-a.is-on:hover,.menu-m details[open]>.sx-nv-a.is-on{background:var(--surface-2)}
.menu-m .sx-nv-a.is-on::after{content:"";position:absolute;left:17px;right:17px;bottom:calc((40px - var(--header-h)) / 2);height:3px;border-radius:3px 3px 0 0;background:var(--grad)}
.menu-m .sx-nv-a.is-evid{gap:9px;color:var(--ink-2);box-shadow:none}
.menu-m .sx-nv-a.is-evid:hover{background:var(--surface-2)}
.sx-nv-viu{flex:none;width:8px;height:8px;border-radius:50%;background:var(--ok);box-shadow:0 0 0 3px color-mix(in srgb,var(--ok) 22%,transparent)}
/* deschiderea ca inainte (coboara putin), iar inchiderea are si ea efectul ei: urca putin si se stinge (site.js, `.is-inchide`) */
@keyframes sxDdIn{from{transform:translateY(-6px)}to{transform:none}}
.js .sx-nv-dd.is-inchide>.sx-dd{animation:sxDdOut .17s var(--ease) forwards}
@keyframes sxDdOut{from{opacity:1;transform:none}to{opacity:0;transform:translateY(-6px)}}
@media (prefers-reduced-motion:reduce){.js .sx-nv-dd[open]>.sx-dd,.js .sx-nv-dd.is-inchide>.sx-dd{animation:none}}
/* listele scurte (Despre, Resurse): lipite de marginea de jos a antetului; peste 4 linkuri pe doua coloane */
.sx-dd-lista{top:calc(100% + (var(--header-h) - 40px) / 2);left:-10px;width:390px;min-width:0;max-width:calc(100vw - 32px);padding:10px;border-radius:0 0 18px 18px}
.sx-dd-lista.is-2{width:640px}
.sx-dd-lista.is-2 .sx-dd-l{grid-template-columns:repeat(2,minmax(0,1fr));gap:2px 8px}
/* mega-panoul: pe toata grila (de la sigla la butonul din dreapta), lipit de antet */
.sx-dd-mega{left:var(--gutter);right:var(--gutter);top:100%;max-width:none;margin:0;padding:0;border-top:0;border-radius:0 0 24px 24px}
.sx-mega-in{gap:0}
.sx-mz{display:flex;flex-direction:column;padding:26px}
.sx-mz+.sx-mz{padding-left:26px}
.sx-mz-carduri{background:var(--surface-2)}
.sx-mz-cap{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:12px}
.sx-mz-t{margin:0;color:var(--brand-ink);font-size:.72rem;letter-spacing:.12em}
.sx-mz-d{margin:5px 0 0;font-size:.84rem}
.sx-mz-link{display:inline-flex;align-items:center;gap:7px;color:var(--brand-ink);font-size:.9rem;font-weight:600;text-decoration:none;white-space:nowrap}
.sx-mz-link i{font-size:15px;transition:transform .2s var(--ease)}
.sx-mz-link:hover i{transform:translateX(3px)}
.sx-mz-carduri>.sx-mz-link{margin-top:auto;padding-top:14px}
.sx-mz-c2 .sx-mz-grid{grid-template-columns:repeat(var(--cols,2),minmax(0,1fr));gap:6px 18px}
.sx-dd-g.is-lat{grid-column:span 2}
.sx-dd-g.is-lat .sx-dd-l{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 8px}
.sx-mz-c2 .sx-dd-g+.sx-dd-g{padding-left:18px;border-left:1px solid var(--line)}
.sx-dd-gt{display:flex;align-items:baseline;gap:8px;margin:0 0 8px 10px;color:var(--ink-3);font-size:.7rem;letter-spacing:.11em}
.sx-dd-gt span{font-size:.78rem;font-weight:500;letter-spacing:0;text-transform:none}
.sx-dd-link.is-on{background:var(--brand-soft)}
/* cardurile aplicatiilor: cea vie cu iconita in degrade, cele „în curând” cu iconita gri (fara sa se stinga tot cardul) */
.sx-mz-carduri .sx-dd-l{gap:10px}
.sx-mz-carduri .sx-dd-link{align-items:center;padding:12px 14px;border-radius:16px 16px 16px var(--notch);transition:border-color .15s,box-shadow .15s}
.sx-mz-carduri .sx-dd-link:not(.is-curand){border-color:var(--line);box-shadow:none}
.sx-mz-carduri a.sx-dd-link:hover,.sx-mz-carduri a.sx-dd-link:not(.is-curand):hover{transform:none;border-color:color-mix(in srgb,var(--brand) 40%,var(--line));box-shadow:var(--shadow-s)}
.sx-mz-carduri .sx-dd-link.is-curand{opacity:1}
.sx-mz-carduri .sx-dd-link.is-curand .sx-dd-t b{color:var(--ink-3)}
/* banda de jos: fraza + butoanele; fara buton ramane linkul de pana acum */
.sx-mega-jos{margin:0;border-radius:0}
.sx-mega-jos.is-banda{justify-content:space-between;gap:16px;padding:14px 26px;color:var(--ink-2);font-weight:500}
.sx-mega-jos.is-banda:hover{color:var(--ink-2)}
.sx-mega-jos.is-banda p{display:flex;align-items:center;gap:9px;margin:0;font-size:.92rem}
.sx-mega-jos.is-banda p i{font-size:19px;color:var(--brand)}
.sx-mega-jos.is-banda:hover p i{transform:none}
.sx-mega-b{display:flex;flex:none;gap:10px}
.sx-mega-b .sx-btn{min-height:42px;padding:9px 18px;font-size:.92rem}
.sx-mega-b .sx-btn i{font-size:16px}
@media (max-width:1180px){.sx-dd-mega{padding:0}.sx-mz{padding:20px}.sx-mz+.sx-mz{padding-left:20px}.sx-mega-jos.is-banda{padding:12px 20px}}
/* latimile de mijloc: limba doar cu globul, fara separator, meniul mai strans - incape inainte sa treaca in butonul de telefon */
@media (max-width:1240px){
  .lang-sus span,.top-sep{display:none}
  .menu-m .sx-nv-a{padding:0 10px}
  .menu-m .sx-nv-a.is-on::after{left:10px;right:10px}
}
/* telefonul: meniul se deschide sub antet (antetul ramane, butonul lui devine X), randuri mai mici, butoanele lipite jos */
.sx-meniu{top:calc(var(--header-h) + 1px);z-index:60;gap:0;padding:4px var(--gutter) 0}
.sx-meniu-x{display:none}
.sx-burger span{transition:transform .2s var(--ease),top .2s var(--ease)}
html.is-meniu .sx-burger span:first-child{top:20.5px;transform:rotate(45deg)}
html.is-meniu .sx-burger span:last-child{top:20.5px;transform:rotate(-45deg)}
.sx-meniu nav.sx-mm>a.sx-mm-a,.sx-mm-dd>summary{padding:16px 2px;font-size:1.06rem;letter-spacing:0}
.sx-meniu nav.sx-mm .sx-mm-a>i,.sx-mm-dd>summary i{font-size:15px;opacity:1;color:var(--ink-3)}
.sx-meniu nav.sx-mm .sx-mm-a>span{display:inline-flex;align-items:center;gap:10px}
.sx-meniu nav.sx-mm .sx-mm-a.is-on{color:var(--brand-ink)}
.sx-mm-p .sx-mz-carduri{background:none}
.sx-mm-p .sx-dd-g{grid-column:auto!important;padding-left:0!important;border-left:0!important}
.sx-mm-p .sx-dd-g.is-lat .sx-dd-l{grid-template-columns:minmax(0,1fr)}
.sx-meniu-jos{position:sticky;bottom:0;flex-wrap:nowrap;gap:10px;margin:auto calc(-1 * var(--gutter)) 0;padding:12px var(--gutter) calc(12px + env(safe-area-inset-bottom));background:var(--bg);border-top:1px solid var(--line)}
.sx-meniu-jos .sx-btn{flex:1 1 0;min-height:44px;padding:9px 12px;font-size:.92rem}
.sx-meniu-jos .lang-sus{flex:none;padding:0 6px}
@media (prefers-reduced-motion:reduce){.sx-burger span{transition:none}}

/* bara laterala a unei familii de pagini (zona „bara" din mega-meniu): lipita in stanga pe ecranele mari, bara de sus pe telefon */
.sx-lat-wrap{display:grid;grid-template-columns:clamp(220px,18vw,268px) minmax(0,1fr);align-items:start}
.sx-lat-pg{min-width:0;border-left:1px solid var(--line)}
.sx-lat{position:sticky;top:calc(var(--header-h) + 6px);max-height:calc(100vh - var(--header-h) - 12px);overflow:auto;padding:26px 12px 32px max(var(--gutter),16px);scrollbar-width:thin}
.sx-lat-s{list-style:none;display:flex;align-items:center;gap:8px;margin:0 0 10px;padding:0 10px;font-size:.72rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--ink-3);pointer-events:none}
.sx-lat-s::-webkit-details-marker{display:none}
.sx-lat-s::marker{content:""}
.sx-lat-s>i:last-child{display:none}
.sx-lat-in{display:flex;flex-direction:column}
.sx-lat-hub,.sx-lat-a{display:flex;align-items:center;gap:10px;padding:7px 10px;border-radius:12px 12px 12px var(--notch);text-decoration:none;color:var(--ink-2);font-size:.9rem;font-weight:500;line-height:1.3;transition:background-color .15s,color .15s}
.sx-lat-hub{font-weight:600;color:var(--ink);margin-bottom:4px}
.sx-lat-hub>i{font-size:18px;color:var(--brand-ink)}
.sx-lat-hub:hover,.sx-lat-a:hover{background:var(--surface-2);color:var(--ink)}
.sx-lat-a.is-on,.sx-lat-hub.is-on{background:var(--brand-soft);color:var(--brand-ink);font-weight:600}
/* iconitele colorate ca in cont › Toate facilitatile (26 oct 2026, todo): fiecare facilitate cu culoarea ei (`--fx`, sase pe rand,
   pusa de meniu.ts) - stinsa pe placuta, cerneala ei pe iconita; aleasa / sub cursor: plina (pe intunecat iconita inchisa, ca acolo) */
.sx-lat-ic{flex:none;width:28px;height:28px;display:grid;place-items:center;border-radius:8px 8px 8px 3px;background:color-mix(in srgb,var(--fx,var(--brand)) 14%,var(--surface));color:color-mix(in srgb,var(--fx,var(--brand)) 58%,var(--ink));font-size:15px;transition:background-color .15s,color .15s}
.sx-lat-a.is-on .sx-lat-ic,.sx-lat-a:hover .sx-lat-ic{background-color:var(--fx,var(--brand));color:#fff}
[data-theme="dark"] :is(.sx-lat-a.is-on,.sx-lat-a:hover) .sx-lat-ic{color:#08101c}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) :is(.sx-lat-a.is-on,.sx-lat-a:hover) .sx-lat-ic{color:#08101c}}
.sx-lat-g{margin:16px 10px 6px;font-size:.68rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--brand-ink)}
.sx-lat-l{list-style:none;margin:0;padding:0;display:grid;gap:1px}
.sx-lat-a.is-curand{opacity:.6}
@media (max-width:1100px){
  .sx-lat-wrap{display:block}
  .sx-lat-pg{border-left:0}
  .sx-lat{position:sticky;top:var(--header-h);z-index:45;max-height:none;overflow:visible;padding:8px var(--gutter);background:var(--bg);border-bottom:1px solid var(--line)}
  .sx-lat-s{pointer-events:auto;cursor:pointer;margin:0;padding:10px 14px;border:1px solid var(--line-2);border-radius:12px 12px 12px var(--notch);background:var(--surface);color:var(--ink);text-transform:none;letter-spacing:0;font-size:.95rem}
  .sx-lat-s>i:last-child{display:inline;margin-left:auto;transition:transform .2s var(--ease)}
  .sx-lat-d[open]>.sx-lat-s>i:last-child{transform:rotate(180deg)}
  .sx-lat-d[open]>.sx-lat-in{max-height:62vh;overflow:auto;padding:8px 2px 4px}
}

/* ---------------------------------------------------------------- formularul de contact (blocul `formular`, 25 oct 2026) */
.sx-cf{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(28px,5vw,80px);align-items:start}
.sx-cf-det{list-style:none;margin:28px 0 0;padding:0;display:grid;gap:16px}
.sx-cf-det li{display:flex;gap:14px;align-items:flex-start}
.sx-cf-det li>span:last-child{display:flex;flex-direction:column;gap:2px;min-width:0}
.sx-cf-det b{font-weight:600}
.sx-cf-det li>span:last-child>span{color:var(--ink-2);font-size:.96rem}
.sx-cf-form{position:relative;display:grid;gap:16px;padding:clamp(22px,3vw,36px)}
.sx-cf-r2{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.sx-cf-r2.is-unu{grid-template-columns:1fr}
.sx-cf-f{display:grid;gap:7px;font-size:.86rem;font-weight:600;color:var(--ink-2)}
.sx-cf-f input,.sx-cf-f select,.sx-cf-f textarea{width:100%;font:inherit;font-weight:400;font-size:.98rem;color:var(--ink);background:var(--surface-2);border:1px solid var(--line-2);
  border-radius:12px 12px 12px var(--notch);padding:12px 14px;min-height:50px;transition:border-color .15s,box-shadow .15s,background-color .15s}
.sx-cf-f textarea{resize:vertical;min-height:150px;line-height:1.55}
/* lista moderna (26 oct 2026, todo: „checkbox si select sa fie moderne, nu clasice”): fara sageata sistemului - chevronul nostru
   (SVG, culoarea dupa tema). In browserele care stiu `appearance: base-select` (Chrome / Edge / Opera noi) si lista deschisa e a
   noastra: card rotunjit cu umbra, randul de sub cursor pe albastrul deschis, cel ales bifat. In rest lista deschisa e a sistemului. */
.sx-cf-f select{-webkit-appearance:none;appearance:none;padding-right:46px;cursor:pointer;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath d='M48 96l80 80 80-80' fill='none' stroke='%2354667f' stroke-width='24' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 16px center;background-size:16px 16px;background-repeat:no-repeat}
[data-theme="dark"] .sx-cf-f select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath d='M48 96l80 80 80-80' fill='none' stroke='%239aaac2' stroke-width='24' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .sx-cf-f select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath d='M48 96l80 80 80-80' fill='none' stroke='%239aaac2' stroke-width='24' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}}
.sx-cf-f select:hover{border-color:color-mix(in srgb,var(--brand) 55%,var(--line-2))}
@supports (appearance:base-select){
  .sx-cf-f select,.sx-cf-f select::picker(select){appearance:base-select}
  /* sageata noastra ramane (cea a browserului e un triunghi plin); deschisa, se intoarce in sus */
  .sx-cf-f select::picker-icon{display:none}
  .sx-cf-f select:open{border-color:var(--brand);background-color:var(--surface);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath d='M48 160l80-80 80 80' fill='none' stroke='%230b87f3' stroke-width='24' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
  [data-theme="dark"] .sx-cf-f select:open{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath d='M48 160l80-80 80 80' fill='none' stroke='%233ba6ff' stroke-width='24' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
  .sx-cf-f select::picker(select){margin-top:6px;padding:6px;border:1px solid var(--line);border-radius:14px 14px 14px var(--notch);background:var(--surface);box-shadow:var(--shadow-m)}
  .sx-cf-f select option{padding:9px 12px;border-radius:10px 10px 10px 4px;color:var(--ink);font-size:.96rem}
  .sx-cf-f select option:hover,.sx-cf-f select option:focus-visible{background:var(--brand-soft);color:var(--brand-ink);outline:none}
  .sx-cf-f select option:checked{font-weight:600}
  .sx-cf-f select option::checkmark{color:var(--brand)}
}
/* casutele moderne (26 oct 2026, todo): rotunjite ca restul site-ului; bifate = gradientul marcii (de la marginea casutei) si bifa
   alba. Toate casutele site-ului: formularul, abonarea din subsol, orice bloc. */
input[type=checkbox]{-webkit-appearance:none;appearance:none;flex:none;display:inline-grid;place-content:center;width:20px;height:20px;margin:0;
  border:1.5px solid var(--line-2);border-radius:6px 6px 6px 2px;background:var(--surface);cursor:pointer;vertical-align:-4px;
  transition:border-color .15s,box-shadow .15s}
input[type=checkbox]::before{content:"";width:11px;height:9px;background:#fff;clip-path:polygon(0 52%,14% 38%,38% 62%,86% 0,100% 15%,38% 92%);
  transform:scale(0);transition:transform .15s var(--ease)}
input[type=checkbox]:hover{border-color:var(--brand)}
input[type=checkbox]:checked{border-color:transparent;background:var(--grad) border-box}
input[type=checkbox]:checked::before{transform:scale(1)}
input[type=checkbox]:focus-visible{outline:none;border-color:var(--brand);box-shadow:0 0 0 4px color-mix(in srgb,var(--brand) 22%,transparent)}
input[type=checkbox]:disabled{opacity:.5;cursor:not-allowed}
.sx-cf-f input:focus,.sx-cf-f select:focus,.sx-cf-f textarea:focus{outline:none;border-color:var(--brand);background-color:var(--surface);box-shadow:0 0 0 4px color-mix(in srgb,var(--brand) 18%,transparent)}
.sx-cf-acord{display:flex;gap:10px;align-items:flex-start;font-size:.86rem;color:var(--ink-3);line-height:1.5}
.sx-cf-acord input{flex:none;margin:1px 0 0}
.sx-cf-jos{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.sx-cf-stare{margin:0;font-size:.92rem;font-weight:600}
.sx-cf-form.is-ok .sx-cf-stare{color:var(--ok-ink)}
.sx-cf-form.is-rau .sx-cf-stare{color:#d92d20}
.sx-cf-form.is-ok .sx-cf-f,.sx-cf-form.is-ok .sx-cf-r2,.sx-cf-form.is-ok .sx-cf-acord{opacity:.55}
.sx-cf-capcana{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}
@media (max-width:860px){.sx-cf{grid-template-columns:1fr}.sx-cf-r2{grid-template-columns:1fr}}

/* ---------------------------------------------------------------- intrebarile frecvente in casete (26 oct 2026; Dragos: „sa fie ca in
   admin, ca la credite in admin”): ca in cont › Credite › Facilitati - un card cu titlul, ilustratia animata si caseta de ajutor in
   stanga (fixe la derulare), intrebarile in dreapta, fiecare in caseta ei, numerotata, in culoarea ei; cea deschisa se umple de
   culoare, iar plusul se face „×” plin. Textul nu se misca: raspunsul apare doar din culoare; se misca doar formele ilustratiei. */
.sx-faqc{position:relative;overflow:clip;display:grid;grid-template-columns:minmax(260px,.82fr) minmax(0,1.5fr);gap:28px clamp(28px,3.4vw,52px);align-items:start;
  padding:clamp(22px,2.8vw,40px);background:var(--surface);border:1px solid var(--line);border-radius:var(--r-xl) var(--r-xl) var(--r-xl) var(--notch);box-shadow:var(--shadow-s)}
.sx-faqc::before{content:"";position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(520px 260px at 0% 0%,color-mix(in srgb,var(--fx-1) 9%,transparent),transparent 70%),
    radial-gradient(420px 240px at 100% 100%,color-mix(in srgb,var(--fx-3) 8%,transparent),transparent 70%)}
.sx-faqc>*{position:relative;min-width:0}
.sx-faqc-st{position:sticky;top:calc(var(--header-h) + 24px);display:flex;flex-direction:column;align-items:flex-start}
.sx-faqc .sx-cap{margin:0}
.sx-faqc .sx-titlu{font-size:clamp(1.7rem,1.05rem + 1.8vw,2.55rem)}
.sx-faqc .sx-lead{margin-top:12px;font-size:1.02rem}
/* ilustratia: culoarea intai (albastru), stinsa spre colt, cu reteaua de puncte - ca in cont */
.sx-faqc-il{--fx:var(--fx-1);--fx-s:color-mix(in srgb,var(--fx) 62%,var(--surface));--fx-m:color-mix(in srgb,var(--fx) 40%,var(--surface));
  width:100%;height:172px;margin-top:22px;padding:18px 0 20px;overflow:hidden;border:1px solid var(--line);border-radius:18px 18px 18px var(--notch);
  background:radial-gradient(62% 52% at 50% 100%,color-mix(in srgb,var(--fx) 15%,transparent),transparent 72%),
    radial-gradient(circle,color-mix(in srgb,var(--fx) 24%,transparent) 1.1px,transparent 1.4px) 3px 3px/16px 16px,
    linear-gradient(135deg,color-mix(in srgb,var(--fx) 17%,var(--surface-2)) 0%,var(--surface-2) 100%)}
.sx-faqc-il svg{display:block;width:100%;height:100%}
.sx-faqc-il .s-a{stop-color:var(--fx)}.sx-faqc-il .s-b{stop-color:var(--fx-s)}
.sx-faqc-il .k-la{fill:none;stroke:var(--fx);stroke-width:2}
.sx-faqc-il .k-s{fill:var(--surface)}
.sx-faqc-il .k-ln{stroke:var(--line-2);stroke-width:1.2}
.sx-faqc-il .k-i{fill:var(--ink-3);opacity:.45}
.sx-faqc-il .k-q{fill:none;stroke:var(--surface);stroke-width:5;stroke-linecap:round}
.sx-faqc-il .k-ok{fill:var(--fx-6)}
.sx-faqc-il .k-chk{fill:none;stroke:var(--surface);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.sx-faqc-il .k-a{fill:var(--fx)}.sx-faqc-il .k-m{fill:var(--fx-m)}
.sx-faqc-il .o-vb{transform-box:view-box}
.sx-faqc-il .a-tw{transform-box:fill-box;transform-origin:50% 50%}
/* caseta de ajutor („Nu ai găsit răspunsul?”) */
.sx-faqc-aj{display:flex;align-items:flex-start;gap:12px 14px;width:100%;margin-top:14px;padding:14px 16px;border:1px solid var(--line);border-radius:16px 16px 16px var(--notch);
  background:color-mix(in srgb,var(--surface-2) 85%,transparent)}
.sx-faqc-aj-ic{flex:none;display:grid;place-items:center;width:40px;height:40px;border-radius:13px 13px 13px 4px;background:var(--brand-soft);color:var(--brand);font-size:1.3rem}
.sx-faqc-aj>div{flex:1 1 170px;min-width:0}
.sx-faqc-aj b{display:block;font-size:.95rem;font-weight:700;color:var(--ink)}
.sx-faqc-aj p{margin:3px 0 0;font-size:.875rem;line-height:1.5;color:var(--ink-3)}
.sx-faqc-aj p a{color:var(--brand-ink);font-weight:600}
.sx-faqc-aj .sx-btn{margin-top:12px}
/* intrebarile: caseta, cifra in culoarea ei, plusul in cerc */
.sx-faqc-lista{gap:10px}
.sx-faqc-q{--fx-t:color-mix(in srgb,var(--fx) 11%,var(--surface));--fx-ink:color-mix(in srgb,var(--fx) 58%,var(--ink));background:var(--surface);border:1px solid var(--line);
  border-radius:16px 16px 16px var(--notch);transition:border-color .2s var(--ease),background-color .2s var(--ease),box-shadow .2s var(--ease)}
.sx-faqc-q:hover{border-color:color-mix(in srgb,var(--fx) 40%,var(--line))}
.sx-faqc-q[open]{border-color:color-mix(in srgb,var(--fx) 46%,var(--line));background:var(--fx-t);box-shadow:0 18px 36px -28px color-mix(in srgb,var(--fx) 75%,transparent)}
.sx-faqc-q summary{display:flex;align-items:center;gap:14px;padding:13px 14px 13px 13px;border-radius:inherit;list-style:none;cursor:pointer}
.sx-faqc-q summary::-webkit-details-marker{display:none}
.sx-faqc-q summary:focus-visible{outline:2px solid var(--brand);outline-offset:2px}
.sx-faqc-nr{flex:none;display:grid;place-items:center;width:36px;height:36px;border-radius:12px 12px 12px 4px;background:var(--fx-t);color:var(--fx-ink);font-size:.8rem;font-weight:700;
  letter-spacing:.02em;font-variant-numeric:tabular-nums;transition:background-color .2s var(--ease),color .2s var(--ease)}
.sx-faqc-q[open] .sx-faqc-nr{background:color-mix(in srgb,var(--fx) 30%,var(--surface))}
.sx-faqc-t{flex:1;min-width:0;font-size:1.02rem;font-weight:600;line-height:1.4;color:var(--ink)}
.sx-faqc-x{position:relative;flex:none;width:32px;height:32px;border:1px solid var(--line-2);border-radius:50%;color:var(--ink-3);
  transition:transform .2s var(--ease),background-color .2s var(--ease),border-color .2s var(--ease),color .2s var(--ease)}
.sx-faqc-x::before,.sx-faqc-x::after{content:"";position:absolute;left:50%;top:50%;width:12px;height:1.6px;border-radius:2px;background:currentColor;transform:translate(-50%,-50%)}
.sx-faqc-x::after{transform:translate(-50%,-50%) rotate(90deg)}
.sx-faqc-q:hover .sx-faqc-x{border-color:var(--fx);color:var(--fx-ink)}
.sx-faqc-q[open] .sx-faqc-x{transform:rotate(45deg);border-color:var(--fx);background:var(--fx);color:var(--surface)}
.sx-faqc-q .sx-faq-r{padding:0 18px 16px 63px;font-size:.97rem;line-height:1.6}
@media (prefers-reduced-motion:no-preference){
  .js .sx-faqc-q[open] .sx-faq-r{animation:sxFaqApare .35s var(--ease)}
  .sx-faqc-il .a-unda{animation:sxFaqPuls 2.6s var(--ease-out) var(--d,0s) infinite}
  .sx-faqc-il .a-sus{animation:sxFaqSus 3.6s ease-in-out var(--d,0s) infinite}
  .sx-faqc-il .a-bif{animation:sxFaqBif 6s var(--ease) infinite}
  .sx-faqc-il .a-tw{animation:sxFaqTw 2.4s ease-in-out var(--d,0s) infinite}
}
@keyframes sxFaqApare{from{opacity:0}}
@keyframes sxFaqPuls{0%{opacity:.55;transform:scale(.82)}100%{opacity:0;transform:scale(1.3)}}
@keyframes sxFaqSus{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
@keyframes sxFaqBif{0%,46%{opacity:0}54%,84%{opacity:1}94%,100%{opacity:0}}
@keyframes sxFaqTw{0%,100%{opacity:.25;transform:scale(.6)}50%{opacity:1;transform:scale(1)}}
@media (max-width:900px){
  .sx-faqc{grid-template-columns:minmax(0,1fr)}
  .sx-faqc-st{position:relative;top:auto}
}
@media (max-width:720px){
  .sx-faqc-q .sx-faq-r{padding-left:14px}
  .sx-faqc-t{font-size:.98rem}
}

/* ---------------------------------------------------------------- SCARA CRESTERII (26 oct 2026, blocul `scara`; Dragos: „scara imi
   place, integreaza”): pe banda pe toata latimea (`.sx-scb`, ca la Nucleu), in stanga capul si cuvantul mare - prefixul ramane pe loc,
   in gradientul butoanelor, finalul cuvantului si fraza lui apar doar din culoare; in dreapta treptele care cresc: cea de acum plina de
   gradient, cele trecute colorate, linia de crestere (site.js) urca peste ele pana la semnul de la capat; la final, sigla.
   ⚠️ Textul nu se misca: se misca doar linia, punctul de pe ea si inelul semnului. Pe telefon treptele devin bare care cresc in latime. */
.sx-scr{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(32px,4.8vw,76px);align-items:center}
.sx-scr .sx-cap{margin:0}
.sx-scr-cuv{display:grid;justify-items:start;align-items:center;margin-top:clamp(26px,3vw,40px);font-size:clamp(50px,6.6vw,108px);font-weight:800;line-height:1;letter-spacing:-.05em;color:var(--ink)}
.sx-scr-strat{grid-area:1/1;display:inline-flex;align-items:baseline;white-space:nowrap;transition:opacity .5s var(--ease)}
.sx-scr-up{display:inline-block;padding-bottom:.1em;background-image:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.sx-scr-sufs{display:inline-grid;justify-items:start}
.sx-scr-suf{grid-area:1/1;opacity:0;transition:opacity .45s var(--ease)}
.sx-scr-suf.is-on{opacity:1}
.sx-scr-final{opacity:0}
.sx-scr-logo{height:1.18em;width:auto}
.sx-scr.is-final .sx-scr-cuvinte{opacity:0}
.sx-scr.is-final .sx-scr-final{opacity:1}
.sx-scr-linii{display:grid;max-width:520px;margin-top:18px}
.sx-scr-linie{grid-area:1/1;margin:0;font-size:clamp(1.02rem,.95rem + .35vw,1.2rem);line-height:1.55;color:var(--ink-2);opacity:0;transition:opacity .45s var(--ease)}
.sx-scr-linie.is-on{opacity:1}
.sx-scr-linie.e-fin{font-weight:600;color:var(--ink)}
.sx-scr-st .sx-butoane{margin-top:26px}
/* cardul treptelor: liniile orizontale ale unui grafic, eticheta sus, semnul in colt */
.sx-scr-grafic{position:relative;height:clamp(390px,31vw,460px);background:var(--surface);border:1px solid var(--line);border-radius:var(--r-xl) var(--r-xl) var(--r-xl) var(--notch);box-shadow:var(--shadow-l);overflow:hidden}
.sx-scr-grafic::before{content:"";position:absolute;inset:96px 26px 26px;background:repeating-linear-gradient(to top,var(--line) 0 1px,transparent 1px 25%);pointer-events:none}
.sx-scr-et{position:absolute;left:26px;top:26px;display:flex;align-items:center;gap:10px;font-size:.86rem;font-weight:700;color:var(--ink-2)}
.sx-scr-et i{display:grid;place-items:center;width:34px;height:34px;border-radius:11px 11px 11px 4px;background:var(--brand-soft);color:var(--brand);font-size:19px}
.sx-scr-bare{position:absolute;left:26px;right:26px;bottom:26px;top:96px;display:grid;grid-template-columns:repeat(var(--n,5),minmax(0,1fr));grid-template-rows:minmax(0,1fr);gap:12px;align-items:end}
.sx-scr-bara{position:relative;isolation:isolate;height:var(--h);display:flex;flex-direction:column;align-items:flex-start;gap:10px;min-width:0;padding:14px 12px;border:1px solid var(--line);
  border-radius:16px 16px 6px 6px;background:var(--surface-2);color:var(--ink-3);font:inherit;text-align:left;cursor:pointer;transition:background-color .45s var(--ease),border-color .45s var(--ease),box-shadow .45s var(--ease)}
.sx-scr-bara::before{content:"";position:absolute;inset:-1px;z-index:-1;border-radius:inherit;background:var(--grad);opacity:0;transition:opacity .45s var(--ease)}
.sx-scr-bara:focus-visible{outline:2px solid var(--brand);outline-offset:3px}
.sx-scr-ic{display:grid;place-items:center;width:40px;height:40px;border-radius:12px 12px 12px 4px;background:var(--surface);border:1px solid var(--line);color:var(--ink-3);font-size:21px;
  transition:background-color .45s var(--ease),border-color .45s var(--ease),color .45s var(--ease)}
.sx-scr-bara b{font-size:15px;font-weight:700;letter-spacing:-.01em;color:var(--ink-2);transition:color .45s var(--ease)}
.sx-scr-bara.is-trecut{background:color-mix(in srgb,var(--brand) 8%,var(--surface));border-color:color-mix(in srgb,var(--brand) 26%,var(--line))}
.sx-scr-bara.is-trecut .sx-scr-ic{color:var(--brand)}
.sx-scr-bara.is-trecut b{color:var(--ink)}
.sx-scr-bara.is-on{border-color:transparent;box-shadow:0 26px 44px -22px rgba(11,135,243,.75)}
.sx-scr-bara.is-on::before{opacity:1}
.sx-scr-bara.is-on .sx-scr-ic{background:rgba(255,255,255,.18);border-color:rgba(255,255,255,.32);color:#fff}
.sx-scr-bara.is-on b,.sx-scr-bara.is-on b .sx-scr-up{color:#fff}
.sx-scr-bara.is-on b .sx-scr-up{background-image:none}
/* linia de crestere si punctul de pe ea (calculate in site.js; fara JS nu se arata) */
.sx-scr-svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible}
.sx-scr-baza{fill:none;stroke:var(--line-2);stroke-width:2;stroke-dasharray:2 8;stroke-linecap:round}
.sx-scr-plin{fill:none;stroke-width:3.5;stroke-linecap:round;transition:opacity .35s}
.sx-scr-punct{opacity:0;transition:opacity .35s}
.sx-scr.is-gata .sx-scr-punct{opacity:1}
.sx-scr-halo{fill:rgba(11,135,243,.16);transform-box:fill-box;transform-origin:center}
.sx-scr-miez{fill:var(--surface);stroke:#0b87f3;stroke-width:3}
.sx-scr.is-final .sx-scr-punct,.sx-scr.is-reset .sx-scr-plin,.sx-scr.is-reset .sx-scr-punct{opacity:0}
/* semnul de la capatul liniei: se umple de gradient la final, cu un inel care pulseaza */
.sx-scr-tinta{position:absolute;top:22px;right:22px;width:62px;height:62px;display:grid;place-items:center;border-radius:50%;background:var(--surface);border:1px solid var(--line);
  box-shadow:var(--shadow-s);color:var(--brand);transition:border-color .45s var(--ease),box-shadow .45s var(--ease),color .45s var(--ease)}
.sx-scr-tinta::before{content:"";position:absolute;inset:-1px;border-radius:50%;background:var(--grad);opacity:0;transition:opacity .45s var(--ease)}
.sx-scr-tinta::after{content:"";position:absolute;inset:-9px;border-radius:50%;border:2px solid #00cab6;opacity:0}
.sx-scr-tinta svg{position:relative;width:30px;height:30px}
.sx-scr-tinta i{position:relative;font-size:28px}
.sx-scr-tinta.is-on{border-color:transparent;color:#fff;box-shadow:0 20px 40px -16px rgba(11,135,243,.75)}
.sx-scr-tinta.is-on::before{opacity:1}
@media (prefers-reduced-motion:no-preference){
  .sx-scr-halo{animation:scrHalo 1.8s ease-in-out infinite}
  .sx-scr-tinta.is-on::after{animation:scrInel 1.8s var(--ease-out) infinite}
}
@keyframes scrHalo{0%,100%{transform:scale(.7);opacity:.9}50%{transform:scale(1.15);opacity:.45}}
@keyframes scrInel{0%{transform:scale(.86);opacity:.7}100%{transform:scale(1.32);opacity:0}}
@media (max-width:1100px){
  .sx-scr{grid-template-columns:minmax(0,1fr)}
  .sx-scr-grafic{height:420px}
}
@media (max-width:760px){
  .sx-scr-grafic{height:auto;padding:84px 16px 18px}
  .sx-scr-grafic::before,.sx-scr-svg,.sx-scr-tinta{display:none}
  .sx-scr-et{left:18px;top:22px}
  .sx-scr-bare{position:static;display:flex;flex-direction:column;align-items:flex-start;gap:8px}
  .sx-scr-bara{height:auto;width:var(--w);flex-direction:row;align-items:center;padding:8px 14px 8px 8px;border-radius:14px 14px 14px var(--notch)}
  .sx-scr-ic{width:36px;height:36px;font-size:19px}
}

/* ---------------------------------------------------------------- FUNCȚII, stilul „casete” (26 oct 2026; Dragos: „Ce ne face diferiti -
   integreaza ... Casete imi place”): casete egale, ca grupele din cont › Facilități - sus o scena in culoarea casetei (fundalul stins
   spre colt, reteaua de puncte), iconita plina peste marginea ei, numarul in colt, titlul si textul.
   ⚠️ Se misca doar formele scenelor, oprite in afara ecranului (`sx-oprit`) si cu „reduce motion”; textul nu se misca. */
.sx-grila.stil-casete{gap:clamp(16px,1.6vw,24px)}
.sx-cs{--fx-t:color-mix(in srgb,var(--fx) 14%,var(--surface));--fx-m:color-mix(in srgb,var(--fx) 40%,var(--surface));--fx-s:color-mix(in srgb,var(--fx) 62%,var(--surface));
  --fx-ink:color-mix(in srgb,var(--fx) 58%,var(--ink));position:relative;display:flex;flex-direction:column;min-width:0;background:var(--surface);border:1px solid var(--line);
  border-radius:22px 22px 22px var(--notch);box-shadow:var(--shadow-s);overflow:hidden;transition:border-color .25s var(--ease),box-shadow .25s var(--ease),opacity .8s var(--ease-out),transform .8s var(--ease-out)}
.sx-cs:hover{border-color:color-mix(in srgb,var(--fx) 42%,var(--line));box-shadow:var(--shadow-m)}
.sx-cs-sc{height:186px;padding:24px 0 32px;border-bottom:1px solid var(--line);
  background:radial-gradient(62% 52% at 50% 100%,color-mix(in srgb,var(--fx) 15%,transparent),transparent 72%),
    radial-gradient(circle,color-mix(in srgb,var(--fx) 24%,transparent) 1.1px,transparent 1.4px) 3px 3px/16px 16px,
    linear-gradient(135deg,color-mix(in srgb,var(--fx) 17%,var(--surface-2)) 0%,var(--surface-2) 100%)}
.sx-cs-sc svg{display:block;width:100%;height:100%;overflow:visible}
.sx-cs-in{position:relative;display:flex;flex:1;flex-direction:column;gap:10px;padding:42px 24px 26px}
.sx-cs-ic{position:absolute;top:-29px;left:22px;display:grid;place-items:center;width:56px;height:56px;border-radius:17px 17px 17px 6px;background:var(--fx);color:#fff;font-size:1.6rem;
  box-shadow:0 0 0 4px var(--surface),0 14px 26px -12px color-mix(in srgb,var(--fx) 75%,transparent)}
.sx-cs-nr{position:absolute;top:14px;right:18px;padding:3px 10px;border-radius:99px;background:var(--fx-t);color:var(--fx-ink);font-size:.76rem;font-weight:700}
.sx-cs h3{margin:0;font-size:1.16rem;font-weight:700;letter-spacing:-.015em;line-height:1.25}
.sx-cs .sx-card-t{font-size:.96rem;line-height:1.55}
/* formele scenelor */
.sx-cs-sc .s-a{stop-color:var(--fx)}.sx-cs-sc .s-b{stop-color:var(--fx-s)}
.sx-cs-sc .k-a{fill:var(--fx)}.sx-cs-sc .k-t{fill:var(--fx-t)}.sx-cs-sc .k-m{fill:var(--fx-m)}.sx-cs-sc .k-s{fill:var(--surface)}
.sx-cs-sc .k-i{fill:var(--ink-3);opacity:.45}
.sx-cs-sc .k-ln{stroke:var(--line-2);stroke-width:1.2}
.sx-cs-sc .k-la{fill:none;stroke:var(--fx);stroke-width:2}
.sx-cs-sc .k-la3{fill:none;stroke:var(--fx);stroke-width:3;stroke-linecap:round}
.sx-cs-sc .k-ok{fill:var(--ok)}
.sx-cs-sc .k-chk{fill:none;stroke:#fff;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.sx-cs-sc .k-lupa{fill:color-mix(in srgb,var(--surface) 55%,transparent);stroke:var(--fx-ink);stroke-width:4}
.sx-cs-sc .k-maner{fill:none;stroke:var(--fx-ink);stroke-width:6;stroke-linecap:round}
.sx-cs-sc .k-drum{fill:none;stroke:var(--line-2);stroke-width:2;stroke-dasharray:4 6}
.sx-cs-sc .k-flux{fill:none;stroke:var(--fx);stroke-width:3;stroke-linecap:round;stroke-dasharray:2 12}
.sx-cs-sc .k-tx{font:700 13px Onest,system-ui,sans-serif;fill:var(--ink)}.sx-cs-sc .k-mic{font-size:12px}
.sx-cs-sc .k-tx2{font:700 12px Onest,system-ui,sans-serif;fill:#fff}
.sx-cs-sc .o-vb{transform-box:view-box}
.sx-cs-sc .o-fb{transform-box:fill-box;transform-origin:50% 50%}
.sx-cs-sc .a-rand{opacity:0}.sx-cs-sc .a-rand.e-prima{opacity:1}
@media (prefers-reduced-motion:no-preference){
  .sx-cs-sc .a-tw{animation:csTw 2.4s ease-in-out var(--d,0s) infinite}
  .sx-cs-sc .a-bif{animation:csBif 6s var(--ease) infinite}
  .sx-cs-sc .a-lupa{animation:csLupa 6s var(--ease) infinite}
  .sx-cs-sc .a-unda{animation:csPuls 2.6s var(--ease-out) var(--d,0s) infinite}
  .sx-cs-sc .a-flux{animation:csFlux 1.4s linear infinite}
  .sx-cs-sc .a-rand{animation:csRand 7.5s var(--ease) var(--d,0s) infinite both}
  .sx-cs-sc .a-glob{animation:csGlob 5s ease-in-out infinite}
  .sx-cs-sc .a-cur{animation:csCur 1.1s steps(1) infinite}
  .sx-cs-sc .a-sus{animation:csSus 3.6s ease-in-out var(--d,0s) infinite}
}
@keyframes csTw{0%,100%{opacity:.25;transform:scale(.6)}50%{opacity:1;transform:scale(1)}}
@keyframes csBif{0%,46%{opacity:0}54%,84%{opacity:1}94%,100%{opacity:0}}
@keyframes csLupa{0%,14%{transform:translateX(-124px)}30%{transform:translateX(-62px)}46%,84%{transform:translateX(0)}100%{transform:translateX(-124px)}}
@keyframes csPuls{0%{opacity:.55;transform:scale(.82)}100%{opacity:0;transform:scale(1.3)}}
@keyframes csFlux{to{stroke-dashoffset:-28}}
@keyframes csRand{0%{opacity:0}4%,30%{opacity:1}34%,100%{opacity:0}}
@keyframes csGlob{0%,100%{transform:scaleX(1)}50%{transform:scaleX(.18)}}
@keyframes csCur{0%{opacity:1}50%{opacity:0}}
@keyframes csSus{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
@media (max-width:1100px){
  .sx-grila.stil-casete.col-3,.sx-grila.stil-casete.col-4{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:760px){
  .sx-grila.stil-casete.col-2,.sx-grila.stil-casete.col-3,.sx-grila.stil-casete.col-4{grid-template-columns:minmax(0,1fr)}
  .sx-cs-sc{height:170px;padding:20px 0 28px}
}

/* ---------------------------------------------------------------- FINALUL „MAGAZIN” (26 oct 2026, stilul `magazin` al blocului `final`;
   Dragos: „ceva sa arate a magazin si doozup in colt ... animat cu chat widget”, „full width, adica sa nu fie caseta”): pe banda pe toata
   latimea (`.sx-mgb`, ca la Nucleu), in stanga titlul si butoanele, in dreapta un magazin oarecare cu widgetul DoozUp in colt - butonul,
   bula, fereastra cu conversatia (pasii: site.js, `[data-mg]`). ⚠️ Mesajele apar doar din culoare; se misca doar inelul butonului,
   punctele „scrie” si inelul cosului. */
.sx.sx-b-final:has(>.sx-mgb){padding:0}
.sx-mg{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:clamp(28px,4.4vw,80px);align-items:center}
.sx-mg-st .sx-apel-t{margin:0 0 18px;max-width:none;font-size:clamp(2rem,1.1rem + 2.3vw,3.1rem);text-align:left}
.sx-mg-st .sx-lead{margin:0;max-width:520px}
.sx-mg-st .sx-butoane{margin-top:30px}
.sx-mg-puncte{display:flex;flex-wrap:wrap;gap:8px 18px;margin:26px 0 0;padding:0;list-style:none;font-size:.88rem;font-weight:600;color:var(--ink-2)}
.sx-mg-puncte li{display:inline-flex;align-items:center;gap:7px}
.sx-mg-puncte i{color:var(--ok);font-size:1.05rem}
/* browserul si magazinul (un magazin oarecare, nu DoozUp) */
.sx-mg-br{position:relative;min-width:0;border:1px solid var(--line-2);border-radius:18px 18px 18px var(--notch);background:var(--surface);box-shadow:var(--shadow-l);overflow:hidden}
.sx-mg-bara{display:flex;align-items:center;gap:8px;padding:10px 14px;border-bottom:1px solid var(--line);background:var(--surface-2)}
.sx-mg-bara>i{width:10px;height:10px;border-radius:50%;background:var(--line-2)}
.sx-mg-url{display:flex;align-items:center;gap:6px;margin-left:10px;padding:5px 12px;border-radius:99px;background:var(--surface);border:1px solid var(--line);font-size:.74rem;color:var(--ink-3)}
.sx-mg-ecran{position:relative;height:580px}
.sx-mg-shop{height:100%;overflow:hidden;background:var(--surface)}
.sx-mg-cap{display:flex;align-items:center;gap:12px;padding:14px 18px;border-bottom:1px solid var(--line)}
.sx-mg-logo{display:inline-flex;align-items:center;gap:8px;font-size:.92rem;font-weight:800;letter-spacing:-.01em;white-space:nowrap}
.sx-mg-logo i{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:var(--ink);color:var(--surface);font-size:17px}
.sx-mg-cauta{flex:1;display:flex;align-items:center;gap:8px;min-width:0;padding:8px 12px;border-radius:10px;background:var(--surface-2);color:var(--ink-3);font-size:.8rem;white-space:nowrap;overflow:hidden}
.sx-mg-cos{position:relative;display:grid;place-items:center;width:36px;height:36px;border-radius:10px;border:1px solid var(--line);font-size:19px;color:var(--ink-2)}
.sx-mg-cos::after{content:"";position:absolute;inset:-5px;border-radius:13px;border:2px solid var(--ok);opacity:0}
.sx-mg-n{position:absolute;top:-6px;right:-6px;display:grid;place-items:center;min-width:18px;height:18px;padding:0 4px;border-radius:99px;background:#e5484d;color:#fff;font-size:.68rem;font-weight:800;transition:opacity .35s var(--ease)}
.sx-mg-n.is-1{opacity:0;background:var(--ok)}
.sx-mg.is-cos .sx-mg-n.is-0{opacity:0}
.sx-mg.is-cos .sx-mg-n.is-1{opacity:1}
.sx-mg-cat{display:flex;gap:6px;padding:10px 18px;overflow:hidden;white-space:nowrap}
.sx-mg-cat span{padding:5px 11px;border-radius:99px;border:1px solid var(--line);font-size:.74rem;font-weight:600;color:var(--ink-2)}
.sx-mg-cat span:first-child{background:var(--ink);border-color:var(--ink);color:var(--surface)}
.sx-mg-grila{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:4px 18px 18px}
.sx-mg-p{position:relative;display:flex;flex-direction:column;gap:4px;padding:8px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}
.sx-mg-poza{display:grid;place-items:center;aspect-ratio:1;border-radius:8px;background:#fff;overflow:hidden;color:var(--ink-3);font-size:2rem}
.sx-mg-poza img{width:100%;height:100%;object-fit:contain}
.sx-mg-p b{font-size:.74rem;font-weight:600;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.sx-mg-pret{font-size:.82rem;font-weight:800;white-space:nowrap}
.sx-mg-pret s{margin-left:4px;font-size:.68rem;font-weight:500;color:var(--ink-3)}
.sx-mg-red{position:absolute;top:12px;left:12px;z-index:1;padding:1px 6px;border-radius:6px;background:#e5484d;color:#fff;font-size:.62rem;font-weight:800}
/* widgetul DoozUp: butonul din colt, bula, fereastra - ca widgetul adevarat (bulele = --chat-*) */
.sx-mg-launch{position:absolute;right:16px;bottom:16px;z-index:5;width:54px;height:54px;display:grid;place-items:center;border-radius:18px 18px 18px 7px;background-image:var(--grad);color:#fff;
  box-shadow:0 6px 16px -6px rgba(8,80,140,.5),0 22px 44px -18px rgba(9,120,190,.7)}
.sx-mg-lm,.sx-mg-lx{grid-area:1/1;display:grid;place-items:center;transition:opacity .25s var(--ease),transform .36s var(--ease-out)}
.sx-mg-lm svg{width:30px;height:30px}
.sx-mg-lx{font-size:24px;opacity:0;transform:rotate(-100deg) scale(.5)}
.sx-mg.is-deschis .sx-mg-lm{opacity:0;transform:rotate(100deg) scale(.5)}
.sx-mg.is-deschis .sx-mg-lx{opacity:1;transform:none}
.sx-mg-launch::after{content:"";position:absolute;inset:-6px;border-radius:22px 22px 22px 10px;border:2px solid #12a6dd;opacity:0}
.sx-mg-teaser{position:absolute;right:80px;bottom:24px;z-index:5;padding:9px 14px;border:1px solid var(--line);border-radius:14px 14px 4px 14px;background:var(--surface);box-shadow:var(--shadow-m);font-size:.82rem;font-weight:700;white-space:nowrap;transition:opacity .35s var(--ease)}
.sx-mg.is-deschis .sx-mg-teaser{opacity:0}
.sx-mg-win{position:absolute;right:16px;bottom:82px;z-index:6;width:300px;height:440px;display:flex;flex-direction:column;overflow:hidden;background:var(--surface);border:1px solid var(--line);border-radius:20px 20px 20px 9px;
  box-shadow:0 30px 60px -24px rgba(10,30,60,.45),0 8px 20px -10px rgba(10,30,60,.25);opacity:0;visibility:hidden;transition:opacity .4s var(--ease),visibility .4s}
.sx-mg.is-deschis .sx-mg-win{opacity:1;visibility:visible}
.sx-mg-wcap{display:flex;align-items:center;gap:10px;padding:10px 12px 10px 14px;border-bottom:1px solid var(--line)}
.sx-mg-av{flex:none;display:grid;place-items:center;width:34px;height:34px;border-radius:11px 11px 11px 4px;background-image:var(--grad);color:#fff}
.sx-mg-av svg{width:20px;height:20px}
.sx-mg-wcap>div{flex:1;min-width:0}
.sx-mg-wcap b{display:block;font-size:.88rem;line-height:1.2}
.sx-mg-wcap small{display:flex;align-items:center;gap:6px;font-size:.7rem;color:var(--ink-3)}
.sx-mg-wcap small i{width:7px;height:7px;border-radius:50%;background:var(--ok)}
.sx-mg-ics{display:flex;gap:8px;color:var(--ink-3);font-size:16px}
.sx-mg-fir{flex:1;min-height:0;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;gap:7px;padding:10px 12px;background:linear-gradient(180deg,color-mix(in srgb,var(--brand) 5%,var(--surface)),var(--surface) 70%)}
.sx-mg-b{position:relative;max-width:86%;padding:7px 11px;font-size:.76rem;line-height:1.42}
.sx-mg-b.is-om{align-self:flex-end;border-radius:15px 15px 5px 15px;background:var(--chat-om-bg);color:var(--chat-om-ink);box-shadow:var(--chat-om-sh)}
.sx-mg-b.is-bot{align-self:flex-start;border:1px solid var(--chat-bot-line);border-radius:15px 15px 15px 5px;background:var(--chat-bot-bg);color:var(--chat-bot-ink);box-shadow:var(--shadow-s)}
.sx-mg-tx{transition:color .35s var(--ease)}
.sx-mg-tx i{margin-right:4px;color:var(--ok);vertical-align:-2px;transition:color .35s var(--ease)}
.sx-mg-tip{position:absolute;left:12px;top:50%;display:flex;gap:4px;transform:translateY(-50%);opacity:0;transition:opacity .25s}
.sx-mg-tip i{width:6px;height:6px;border-radius:50%;background:var(--ink-3)}
.sx-mg-prod{align-self:flex-start;display:flex;align-items:center;gap:10px;width:88%;padding:8px;border:1px solid var(--line);border-radius:14px 14px 14px 5px;background:var(--surface);box-shadow:var(--shadow-s)}
.sx-mg-prod img,.sx-mg-prod .sx-mg-poza{flex:none;width:46px;height:46px;border-radius:9px;object-fit:contain;background:#fff;border:1px solid var(--line)}
.sx-mg-prod>div{flex:1;min-width:0}
.sx-mg-prod b{display:block;font-size:.78rem;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sx-mg-prod small{display:block;font-size:.68rem;color:var(--ink-3);white-space:nowrap}
.sx-mg-rand{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-top:4px}
.sx-mg-adauga{flex:none;display:grid;place-items:center;padding:6px 9px;border-radius:9px 9px 9px 3px;background-image:var(--grad);color:#fff;font-size:.68rem;font-weight:800}
.sx-mg-adauga span{grid-area:1/1;display:inline-flex;align-items:center;gap:4px;transition:opacity .3s var(--ease)}
.sx-mg-adauga .da{opacity:0}
.sx-mg.is-cos .sx-mg-adauga .nu{opacity:0}
.sx-mg.is-cos .sx-mg-adauga .da{opacity:1}
.sx-mg-jos{display:flex;align-items:center;gap:8px;padding:10px 12px;border-top:1px solid var(--line)}
.sx-mg-jos span{flex:1;padding:8px 12px;border:1px solid var(--line);border-radius:12px;background:var(--surface-2);font-size:.74rem;color:var(--ink-3)}
.sx-mg-jos i{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background-image:var(--grad);color:#fff;font-size:15px}
.sx-mg-sub{padding:0 0 8px;text-align:center;font-size:.64rem;color:var(--ink-3)}
.sx-mg-sub b{color:var(--ink-2)}
/* pasii (cu JS): ce n-a venit inca nu se vede; raspunsul apare din culoare dupa cele trei puncte - si bifa lui odata cu el (Dragos:
   „check-ul ala mic apare inainte la mesaj”) */
.js .sx-mg [data-p]{opacity:0;transition:opacity .4s var(--ease)}
.js .sx-mg [data-p].is-v{opacity:1}
.js .sx-mg [data-t]:not(.is-text) .sx-mg-tx,.js .sx-mg [data-t]:not(.is-text) .sx-mg-tx *{color:transparent}
.js .sx-mg [data-t].is-v:not(.is-text) .sx-mg-tip{opacity:1}
@media (prefers-reduced-motion:no-preference){
  .sx-mg.is-viu:not(.is-deschis) .sx-mg-launch::after{animation:mgPuls 2.2s var(--ease-out) infinite}
  .sx-mg [data-t].is-v:not(.is-text) .sx-mg-tip i{animation:mgTip 1s ease-in-out infinite}
  .sx-mg [data-t].is-v:not(.is-text) .sx-mg-tip i:nth-child(2){animation-delay:.15s}
  .sx-mg [data-t].is-v:not(.is-text) .sx-mg-tip i:nth-child(3){animation-delay:.3s}
  .sx-mg.is-viu.is-cos .sx-mg-cos::after{animation:mgCos 1.4s var(--ease-out) 2}
}
@keyframes mgPuls{0%{opacity:.7;transform:scale(.9)}100%{opacity:0;transform:scale(1.28)}}
@keyframes mgTip{0%,100%{opacity:.35}50%{opacity:1}}
@keyframes mgCos{0%{opacity:.8;transform:scale(.9)}100%{opacity:0;transform:scale(1.35)}}
@media (max-width:1100px){
  .sx-mg{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:760px){
  .sx-mg-ecran{height:540px}
  .sx-mg-grila{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sx-mg-cauta{display:none}
  .sx-mg-logo{margin-right:auto}
  .sx-mg-win{left:10px;right:10px;width:auto}
  .sx-mg-teaser{right:78px}
}

/* ---------------------------------------------------------------- APLICATIILE CARE VORBESC (26 oct 2026, blocul `vorbesc`; Dragos: „aplicatii
   care vorbesc - aia e ce vreau!”): pe banda pe toata latimea (`.sx-vbb`), iconitele mari ale aplicatiilor pe un rand, legate de o linie;
   deasupra fiecareia replica ei, pe rand (site.js, `[data-vb]`); dedesubt numele, rolul, starea; jos ce au la comun si butoanele.
   ⚠️ Replicile apar doar din culoare; se misca doar inelul aplicatiei disponibile. */
.sx.sx-b-vorbesc{padding:0}
.sx-vb{position:relative;display:grid;grid-template-columns:repeat(var(--n,3),minmax(0,1fr));gap:clamp(20px,3vw,48px);max-width:1180px;margin:0 auto}
.sx-vb.n1{max-width:420px}
.sx-vb-fir{position:absolute;left:calc(50% / var(--n,3));right:calc(50% / var(--n,3));top:188px;border-top:2px dashed color-mix(in srgb,var(--brand) 30%,var(--line-2))}
.sx-vb-col{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;min-width:0;text-align:center}
.sx-vb-loc{display:flex;align-items:flex-end;justify-content:center;width:100%;height:132px;padding-bottom:14px}
.sx-vb-b{position:relative;max-width:300px;padding:12px 16px;border:1px solid var(--line);border-radius:18px 18px 18px 6px;background:var(--surface);box-shadow:var(--shadow-m);
  font-size:.9rem;line-height:1.45;text-align:left;transition:opacity .45s var(--ease)}
.sx-vb-b::after{content:"";position:absolute;left:30px;bottom:-8px;width:14px;height:14px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--surface);transform:rotate(45deg)}
.sx-vb-mic{display:flex;width:max-content;align-items:center;gap:5px;margin-top:8px;padding:5px 10px;border-radius:9px 9px 9px 3px;background:var(--fx);color:#fff;font-size:.74rem;font-weight:700}
.sx-vb-ic{position:relative;display:grid;place-items:center;width:112px;height:112px;border-radius:34px 34px 34px 12px;background:var(--fx);color:#fff;font-size:3.3rem;
  box-shadow:0 26px 50px -24px color-mix(in srgb,var(--fx) 85%,transparent)}
.sx-vb-col.is-da .sx-vb-ic{background-image:var(--grad)}
.sx-vb-inel{position:absolute;inset:-10px;border-radius:40px 40px 40px 16px;border:2px solid #12a6dd;opacity:0}
.sx-vb-col h3{margin:22px 0 4px;font-size:1.25rem;line-height:1.25;letter-spacing:-.015em}
.sx-vb-a{color:inherit;text-decoration:none}
.sx-vb-a:hover{color:var(--brand-ink)}
.sx-vb-col p{max-width:320px;margin:0 0 12px;font-size:.96rem;line-height:1.55;color:var(--ink-2)}
.sx-vb-st{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:99px;font-size:.74rem;font-weight:700;white-space:nowrap}
.sx-vb-st.is-da{background:color-mix(in srgb,var(--ok) 14%,var(--surface));color:var(--ok-ink)}
.sx-vb-st.is-da::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--ok)}
.sx-vb-st.is-cur{border:1px solid var(--line);background:var(--surface-2);color:var(--ink-3)}
.sx-vb-jos{display:flex;flex-direction:column;align-items:center;gap:18px;margin-top:clamp(30px,3.6vw,48px)}
.sx-vb-jos .sx-nu-comune{justify-content:center;margin:0}
.sx-vb-jos .sx-nu-chip{background:var(--surface);box-shadow:var(--shadow-s)}
.sx-vb-jos .sx-butoane{justify-content:center;margin:0}
.js .sx-vb[data-vb] .sx-vb-b{opacity:0}
.js .sx-vb[data-vb] .sx-vb-b.is-v{opacity:1}
@media (prefers-reduced-motion:no-preference){
  .sx-vb-col.is-da .sx-vb-inel{animation:vbInel 2.4s var(--ease-out) infinite}
}
@keyframes vbInel{0%{opacity:.7;transform:scale(.94)}100%{opacity:0;transform:scale(1.18)}}
@media (max-width:900px){
  .sx-vb,.sx-vb.n1{grid-template-columns:minmax(0,1fr);gap:34px;max-width:440px}
  .sx-vb-fir{display:none}
  .sx-vb-loc{height:auto}
}
/* fundalul „simplu”: fara lumini si puncte - se vede culoarea secțiunii (26 oct 2026: „pune bg alb, fara efecte”) */
.sx-vbb.is-simplu{background:none}
.sx-vbb.is-simplu::before{display:none}
/* bara laterala pe grila (27 oct 2026, „pe lungimea la tot gridul”): prima coloana = marginea grilei + bara, deci linkurile incep
   unde incepe sigla; sectiunile din dreapta se opresc unde se opresc butoanele din antet (latimea lor e fixa peste --shell) */
@media (min-width:1101px){
  .sx-lat-wrap{--lat-side:clamp(186px,14.6vw,222px);grid-template-columns:calc(max(0px,(100% - var(--shell)) / 2) + var(--gutter) + var(--lat-side)) minmax(0,1fr)}
  .sx-lat{padding-left:calc(100% - var(--lat-side))}
  .sx-lat-pg .sx-in:not(.is-plin){max-width:calc(var(--shell) - var(--gutter) - var(--lat-side));margin-left:0;margin-right:auto}
}
/* ---------------------------------------------------------------- bara familiei SUS (28 oct 2026, „Căutarea întâi”, meniu.ts `baraSus`)
   Lipita sub antet: butonul familiei, pagina de acum, cautarea mare si vecinele. Casetele cu descriere se deschid sub ea, pe toata
   grila, si sunt chiar rezultatele cautarii (site.js). Pagina ramane pe toata grila; ce e lipit in pagina coboara sub bara (--header-h
   al continutului = antetul + bara). Literele gasite se coloreaza, fara alta grosime (textul nu se misca). */
.sx-main.has-fs{--fs-sus:var(--header-h);--fs-h:74px}
.sx-main.has-fs>:not(.sx-fs){--header-h:calc(var(--fs-sus) + var(--fs-h))}
html:has(.sx-main.has-fs){scroll-padding-top:calc(var(--header-h) + 74px + 16px)}
.sx-main.has-fs>section.sx:first-of-type{padding-top:clamp(36px,3.6vw,64px)}
.sx-fs{position:sticky;top:var(--header-h);z-index:44;background:var(--bg);border-top:1px solid var(--line);border-bottom:1px solid var(--line);box-shadow:var(--shadow-s)}
.sx-fs-in{display:flex;align-items:center;gap:12px;height:72px}
.sx-fs-toate{flex:none;display:inline-flex;align-items:center;gap:8px;height:48px;padding:0 14px;border:1px solid var(--line-2);border-radius:14px 14px 14px var(--notch);background:var(--surface);color:var(--ink);font-size:.92rem;font-weight:700;cursor:pointer;transition:border-color .15s,background-color .15s}
.sx-fs-toate>i:first-child{font-size:19px;color:var(--brand)}
.sx-fs-nr{padding:1px 8px;border-radius:99px;background:var(--brand-soft);color:var(--brand-ink);font-size:.72rem;font-weight:700}
.sx-fs-toate>i:last-child{font-size:14px;color:var(--ink-3);transition:transform .2s}
.sx-fs-toate[aria-expanded="true"]{border-color:color-mix(in srgb,var(--brand) 50%,var(--line));background:var(--brand-soft)}
.sx-fs-toate[aria-expanded="true"]>i:last-child{transform:rotate(180deg)}
.sx-fs-sl{flex:none;color:var(--line-2);font-size:1.2rem;font-weight:300}
.sx-fs-cur{flex:none;display:inline-flex;align-items:center;gap:10px;font-size:.98rem;font-weight:700;white-space:nowrap}
.sx-fs-ic{flex:none;width:36px;height:36px;display:grid;place-items:center;border-radius:10px 10px 10px 4px;background-color:color-mix(in srgb,var(--fx,var(--brand)) 14%,var(--surface));color:color-mix(in srgb,var(--fx,var(--brand)) 58%,var(--ink));font-size:19px;transition:background-color .15s,color .15s}
.sx-fs-cur .sx-fs-ic{width:34px;height:34px;font-size:18px}
.sx-fs-k:is(:hover,.is-on,.is-act) .sx-fs-ic,.sx-fs-cur .sx-fs-ic{background-color:var(--fx,var(--brand));color:#fff}
[data-theme="dark"] :is(.sx-fs-k:is(:hover,.is-on,.is-act),.sx-fs-cur) .sx-fs-ic{color:#08101c}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) :is(.sx-fs-k:is(:hover,.is-on,.is-act),.sx-fs-cur) .sx-fs-ic{color:#08101c}}
.sx-fs-cauta{position:relative;flex:1;min-width:0;margin-left:10px}
.sx-fs-c{display:flex;align-items:center;gap:10px;height:48px;margin:0;padding:0 10px 0 15px;border:1px solid var(--line-2);border-radius:14px 14px 14px var(--notch);background:var(--surface);box-shadow:var(--shadow-s);cursor:text;transition:border-color .15s,box-shadow .15s}
.sx-fs-c>i{flex:none;font-size:19px;color:var(--ink-3)}
.sx-fs-c:focus-within{border-color:color-mix(in srgb,var(--brand) 60%,var(--line));box-shadow:0 0 0 4px color-mix(in srgb,var(--brand) 14%,transparent)}
.sx-fs-c:focus-within>i{color:var(--brand)}
.sx-fs-c input{flex:1;min-width:0;height:100%;padding:0;border:0;outline:0;background:none;color:var(--ink);font:inherit;font-size:.95rem}
.sx-fs-c input::placeholder{color:var(--ink-3);opacity:1}
.sx-fs-c input::-webkit-search-cancel-button{cursor:pointer}
.sx-fs kbd{display:inline-grid;place-items:center;min-width:24px;height:24px;padding:0 6px;border:1px solid var(--line-2);border-bottom-width:2px;border-radius:7px;background:var(--surface-2);color:var(--ink-3);font-family:inherit;font-size:.74rem;font-weight:600;line-height:1}
.sx-fs-c:focus-within kbd{opacity:0}
.sx-fs-pn{flex:none;display:flex;gap:6px;margin-left:4px}
.sx-fs-pn a{display:inline-flex;align-items:center;gap:6px;height:48px;padding:0 12px;border:1px solid var(--line);border-radius:11px 11px 11px var(--notch);color:var(--ink-2);font-size:.84rem;font-weight:600;text-decoration:none;white-space:nowrap;transition:border-color .15s,color .15s}
.sx-fs-pn a i{font-size:15px;color:color-mix(in srgb,var(--fx,var(--brand)) 70%,var(--ink))}
.sx-fs-pn a:hover{color:var(--ink);border-color:color-mix(in srgb,var(--fx,var(--brand)) 45%,var(--line))}
.sx-fs-p{position:absolute;left:0;right:0;top:100%;max-height:calc(100vh - var(--header-h) - var(--fs-h) - 8px);max-height:calc(100dvh - var(--header-h) - var(--fs-h) - 8px);overflow:auto;overscroll-behavior:contain;padding:22px 0 18px;background:var(--surface-2);border-bottom:1px solid var(--line);box-shadow:var(--shadow-l);scrollbar-width:thin}
.sx-fs-ph{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
.sx-fs-st{margin:0;font-size:.9rem;font-weight:600;color:var(--ink-2)}
.sx-fs-hub{display:inline-flex;align-items:center;gap:7px;padding:9px 12px;border-radius:12px 12px 12px var(--notch);font-size:.88rem;font-weight:600;color:var(--brand-ink);text-decoration:none;white-space:nowrap;transition:background-color .15s}
.sx-fs-hub:hover,.sx-fs-hub.is-on{background:var(--brand-soft)}
.sx-fs-pg{display:grid;grid-template-columns:var(--cols,minmax(0,1fr));gap:16px 28px}
.sx-fs-gl{margin:0 0 10px;font-size:.72rem;font-weight:700;letter-spacing:.12em;line-height:1.3;text-transform:uppercase;color:var(--brand-ink)}
.sx-fs-l{display:grid;grid-template-columns:repeat(var(--c,4),minmax(0,1fr));gap:10px;margin:0;padding:0;list-style:none}
.sx-fs-g[hidden],.sx-fs-l>li[hidden]{display:none}
.sx-fs.is-filtru .sx-fs-pg{grid-template-columns:repeat(var(--tot,8),minmax(0,1fr));gap:10px}
.sx-fs.is-filtru :is(.sx-fs-g,.sx-fs-l){display:contents}
.sx-fs.is-filtru .sx-fs-gl{display:none}
.sx-fs-k{display:flex;flex-direction:column;gap:8px;height:100%;padding:14px 14px 15px;border:1px solid var(--line);border-radius:16px 16px 16px var(--notch);background:var(--surface);box-shadow:var(--shadow-s);color:var(--ink);text-decoration:none;transition:border-color .15s,box-shadow .15s}
.sx-fs-h{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:2px}
.sx-fs-aici{padding:2px 9px;border-radius:99px;background:color-mix(in srgb,var(--fx,var(--brand)) 14%,var(--surface));color:color-mix(in srgb,var(--fx,var(--brand)) 62%,var(--ink));font-size:.7rem;font-style:normal;font-weight:700}
.sx-fs-aici.is-gri{background:var(--surface-3);color:var(--ink-3)}
.sx-fs-n{font-size:.96rem;font-weight:700;line-height:1.3}
.sx-fs-d{font-size:.82rem;line-height:1.5;color:var(--ink-3)}
.sx-fs-k:hover{border-color:color-mix(in srgb,var(--fx) 45%,var(--line))}
.sx-fs-k.is-on{border-color:color-mix(in srgb,var(--fx) 55%,var(--line));background:color-mix(in srgb,var(--fx) 7%,var(--surface))}
.sx-fs-k.is-act{border-color:color-mix(in srgb,var(--fx) 60%,var(--line));box-shadow:0 0 0 3px color-mix(in srgb,var(--fx) 16%,transparent)}
.sx-fs-k.is-curand{opacity:.6}
mark.sx-fs-m{padding:0;background:none;color:var(--brand-ink);font-weight:inherit}
.sx-fs-taste{display:flex;align-items:center;gap:6px;margin:16px 0 0;font-size:.8rem;color:var(--ink-3)}
/* fara JS: casetele stau deschise sub bara (fara cautare) */
html:not(.js) .sx-fs-p[hidden]{display:block;position:static;max-height:none;box-shadow:none}
html:not(.js) :is(.sx-fs-cauta,.sx-fs-toate>i:last-child,.sx-fs-taste){display:none}
@media (max-width:1280px){
  .sx-fs-pn a span{display:none}
  .sx-fs-pn a{width:48px;padding:0;justify-content:center}
}
@media (max-width:1100px){
  .sx-fs-pg{grid-template-columns:minmax(0,1fr)}
  .sx-fs.is-filtru .sx-fs-pg{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media (max-width:760px){
  .sx-main.has-fs{--fs-h:64px}
  html:has(.sx-main.has-fs){scroll-padding-top:calc(var(--header-h) + 64px + 12px)}
  .sx-fs-in{height:62px;gap:8px}
  .sx-fs-toate{height:42px;padding:0 11px}
  .sx-fs-nr,.sx-fs-sl,.sx-fs-cur .sx-fs-ic,.sx-fs kbd,.sx-fs-taste{display:none}
  .sx-fs-cur{flex:1 1 0;min-width:0;font-size:.9rem}
  .sx-fs-cur>span:last-child{overflow:hidden;text-overflow:ellipsis}
  .sx-fs-cauta{display:none;flex:1 1 100%;order:5;margin:0 0 10px}
  .sx-fs.is-des .sx-fs-in{flex-wrap:wrap;height:auto;padding-top:10px}
  .sx-fs.is-des .sx-fs-cauta{display:block}
  .sx-fs-pn{margin-left:auto}
  .sx-fs-pn a{width:42px;height:42px}
  .sx-fs-pg{gap:14px}
  .sx-fs-l,.sx-fs.is-filtru .sx-fs-pg{grid-template-columns:minmax(0,1fr);gap:8px}
  .sx-fs-k{display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto auto;gap:2px 12px;align-items:start;padding:11px 12px}
  .sx-fs-h{grid-row:1/3;margin:0}
  .sx-fs-h .sx-fs-aici{display:none}
  .sx-fs-d{font-size:.8rem}
}
/* panoul de la clic in cautarea facilitatilor (29 oct 2026, Dragos: „sunt mai mici casetele de back-end fata de cele de front-end ...
   pe inaltime”): fiecare caseta are loc pentru doua randuri de titlu si trei de descriere - toate la aceeasi inaltime, randurile Front-end
   si Back-end aliniate (inainte: 184 / 164 px la Front-end, 164 / 145 la Back-end, dupa cat treceau textele pe randuri). Pe telefon raman randuri */
@media (min-width:761px){
  .sx-fs-n{min-height:calc(2em * 1.3)}
  .sx-fs-d{min-height:calc(3em * 1.5)}
}
@media (prefers-reduced-motion:reduce){.sx-fs-toate>i:last-child{transition:none}}
/* ---------------------------------------------------------------- documentul cu cuprins (blocul `text`, latimea „document”, 27 oct 2026)
   Ca pe doozup.com/termeni-si-conditii.html (Dragos: „poti copia 100%, dar pe lungimea la tot gridul”): antetul cu insigna, titlul cu
   ultimul cuvant in gradient, rezumatul si pastilele; cuprinsul lipit in stanga, cu capitolul de acum aprins (site.js); capitolele cu
   numarul in placuta; casetele de atentionare; tabelele cu colturile marcii. Pe telefon cuprinsul e un card care se deschide. */
.sx-doc{--warn:#e08a1e;--warn-ink:#9a5c05;--warn-soft:#fdf3e2;position:relative}
[data-theme="dark"] .sx-doc{--warn:#f0a93c;--warn-ink:#ffc271;--warn-soft:#2c1e08}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .sx-doc{--warn:#f0a93c;--warn-ink:#ffc271;--warn-soft:#2c1e08}}
.sx-b-text:has(.sx-doc-cap){padding-top:clamp(36px,4.6vw,64px)}
.sx-doc-fond{position:absolute;inset:0 0 auto;height:min(720px,90vh);pointer-events:none;
  background-image:radial-gradient(var(--dot) 1px,transparent 1px),radial-gradient(760px circle at 50% -18%,color-mix(in srgb,var(--brand) 14%,transparent),transparent 62%),radial-gradient(560px circle at 96% 30%,color-mix(in srgb,var(--teal) 10%,transparent),transparent 64%);
  background-size:26px 26px,auto,auto;
  -webkit-mask-image:linear-gradient(#000 30%,transparent);mask-image:linear-gradient(#000 30%,transparent)}
.sx-doc-cap{position:relative;padding:0 0 clamp(28px,3.2vw,44px)}
.sx-doc-et{display:inline-flex;align-items:center;gap:9px;margin:0;padding:9px 15px 8px;font-size:.74rem;font-weight:600;letter-spacing:.15em;text-transform:uppercase;
  color:var(--brand-ink);background:var(--brand-soft);border:1px solid color-mix(in srgb,var(--brand) 22%,transparent);border-radius:11px 11px 11px var(--notch)}
.sx-doc-et i{font-size:1.05rem}
.sx-doc-t{margin:20px 0 0;max-width:22ch;font-size:clamp(2.2rem,1.3rem + 2.7vw,3.6rem);font-weight:800;line-height:1.06;letter-spacing:-.045em;color:var(--ink)}
.sx-doc-t strong{font-weight:inherit;background-image:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.sx-doc-rez{margin-top:20px;max-width:72ch;font-size:clamp(1.04rem,1rem + .3vw,1.18rem);line-height:1.6;color:var(--ink-2)}
.sx-doc-rez p{margin:0}.sx-doc-rez p+p{margin-top:.6em}
.sx-doc-rez strong{color:var(--ink)}
.sx-doc-meta{list-style:none;display:flex;flex-wrap:wrap;gap:10px;margin:clamp(24px,2.8vw,34px) 0 0;padding:0}
.sx-doc-meta li{display:inline-flex;align-items:center;gap:9px;padding:9px 14px;font-size:.86rem;font-weight:600;color:var(--ink);background:var(--surface);
  border:1px solid var(--line);border-radius:12px 12px 12px var(--notch);box-shadow:var(--shadow-s)}
.sx-doc-meta i{font-size:1.15rem;color:var(--brand-ink)}
.sx-doc-meta em{font-style:normal;font-weight:500;color:var(--ink-3)}
.sx-doc-grila{display:grid;grid-template-columns:clamp(250px,19vw,300px) minmax(0,1fr);gap:clamp(28px,3.4vw,64px);align-items:start}
.sx-doc-grila.is-fara{grid-template-columns:minmax(0,1fr)}
/* cuprinsul */
.sx-doc-toc{position:sticky;top:calc(var(--header-h) + 20px);max-height:calc(100vh - var(--header-h) - 40px);overflow-y:auto;padding-right:6px;scrollbar-width:thin}
.sx-doc-toc>summary{list-style:none;display:flex;align-items:center;gap:8px;padding:0 12px 12px;font-size:.72rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-3);pointer-events:none}
.sx-doc-toc>summary::-webkit-details-marker{display:none}
.sx-doc-toc>summary::marker{content:""}
.sx-doc-toc>summary>i:first-child{font-size:1rem}
.sx-doc-toc>summary>i:last-child{display:none}
.sx-doc-toc ol{list-style:none;margin:0;padding:0;display:grid;gap:1px}
.sx-doc-l{display:flex;gap:10px;align-items:baseline;padding:8px 12px;border-left:2px solid transparent;border-radius:10px 10px 10px 3px;font-size:.88rem;line-height:1.4;font-weight:600;
  color:var(--ink-3);text-decoration:none;transition:color .2s,background-color .2s,border-color .2s}
.sx-doc-ln{flex:none;min-width:1.4em;font-size:.74rem;font-weight:600;font-variant-numeric:tabular-nums;color:var(--line-2);transition:color .2s}
.sx-doc-l:hover{color:var(--ink);background:var(--surface-2)}
.sx-doc-l.is-on{color:var(--brand-ink);background:var(--brand-soft);border-left-color:var(--brand)}
.sx-doc-l.is-on .sx-doc-ln{color:var(--brand)}
/* capitolele */
.sx-doc-txt{min-width:0;font-size:1.02rem;line-height:1.72;color:var(--ink-2)}
.sx-doc-intro>:first-child{margin-top:0}
.sx-doc-sec{scroll-margin-top:calc(var(--header-h) + 24px);padding-block:clamp(26px,3vw,40px);border-top:1px solid var(--line)}
.sx-doc-intro+.sx-doc-sec{margin-top:clamp(20px,2.4vw,30px)}
.sx-doc-sec:first-child{border-top:0;padding-top:0}
.sx-doc-sh{display:flex;align-items:flex-start;gap:14px}
.sx-doc-nr{flex:none;display:grid;place-items:center;width:40px;height:40px;margin-top:1px;border-radius:12px 12px 12px 4px;background:var(--brand-soft);color:var(--brand-ink);
  border:1px solid color-mix(in srgb,var(--brand) 20%,transparent);font-size:.88rem;font-weight:700;font-variant-numeric:tabular-nums}
.sx-doc-sh h2{margin:0;padding-top:4px;font-size:clamp(1.3rem,1.12rem + .6vw,1.65rem);line-height:1.25;letter-spacing:-.03em;color:var(--ink)}
.sx-doc-txt :is(p,ul,ol,h3,.sx-doc-tbl,blockquote){margin:16px 0 0}
.sx-doc-txt h3{margin-top:26px;font-size:1.08rem;letter-spacing:-.02em;color:var(--ink)}
.sx-doc-txt strong,.sx-doc-txt b{color:var(--ink)}
.sx-doc-txt a{color:var(--brand-ink);font-weight:600;text-decoration:none}
.sx-doc-txt a:hover{color:var(--ink)}
.sx-doc-txt ul{list-style:none;padding:0}
.sx-doc-txt ul>li{position:relative;padding-left:26px;margin-top:9px}
.sx-doc-txt ul>li::before{content:"";position:absolute;left:6px;top:.74em;width:7px;height:7px;border-radius:50% 50% 50% 2px;background-image:var(--grad)}
.sx-doc-txt ol{list-style:none;padding:0;counter-reset:dn}
.sx-doc-txt ol>li{position:relative;padding-left:36px;margin-top:11px;counter-increment:dn}
.sx-doc-txt ol>li::before{content:counter(dn);position:absolute;left:0;top:.2em;width:24px;height:24px;display:grid;place-items:center;border-radius:8px 8px 8px 2px;
  background:var(--surface-3);color:var(--ink-2);font-size:.74rem;font-weight:700;font-variant-numeric:tabular-nums}
/* casetele */
.sx-doc-cas{position:relative;display:flex;gap:16px;align-items:flex-start;padding:clamp(18px,2.2vw,26px);background:var(--surface);border:1px solid var(--line);border-left:4px solid var(--brand);
  border-radius:20px 20px 20px var(--notch);box-shadow:var(--shadow-m)}
.sx-doc-cas>i{flex:none;margin-top:.05em;font-size:1.85rem;color:var(--brand-ink)}
.sx-doc-cas>div{min-width:0}
.sx-doc-cas>div>:first-child{margin-top:0}
.sx-doc-cas h3{margin:0 0 7px;font-size:1.06rem}
.sx-doc-cas p+p{margin-top:11px}
.sx-doc-cas.is-warn{border-left-color:var(--warn);background:var(--warn-soft)}
.sx-doc-cas.is-warn>i,.sx-doc-cas.is-warn h3{color:var(--warn-ink)}
.sx-doc-cas.is-key{border-left-color:var(--teal);background:var(--teal-soft)}
.sx-doc-cas.is-key>i,.sx-doc-cas.is-key h3{color:var(--teal-ink)}
/* tabelele */
.sx-doc-tbl{overflow-x:auto;border:1px solid var(--line);border-radius:20px 20px 20px var(--notch);background:var(--surface);box-shadow:var(--shadow-s)}
.sx-doc-tbl table{width:100%;min-width:520px;border-collapse:collapse;font-size:.92rem}
.sx-doc-tbl :is(th,td){padding:13px 16px;text-align:left;vertical-align:top;border:0;border-bottom:1px solid var(--line)}
.sx-doc-tbl thead th{background:var(--surface-2);color:var(--ink);font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.sx-doc-tbl tbody tr:last-child td{border-bottom:0}
.sx-doc-tbl td:first-child{font-weight:700;color:var(--ink)}
@media (max-width:1000px){
  .sx-doc-grila{grid-template-columns:minmax(0,1fr);gap:22px}
  .sx-doc-toc{position:static;max-height:none;overflow:visible;padding:6px;background:var(--surface);border:1px solid var(--line);border-radius:20px 20px 20px var(--notch);box-shadow:var(--shadow-s)}
  .sx-doc-toc>summary{pointer-events:auto;cursor:pointer;padding:12px 12px;font-size:.95rem;font-weight:700;letter-spacing:0;text-transform:none;color:var(--ink)}
  .sx-doc-toc>summary>i:last-child{display:inline;margin-left:auto;transition:transform .2s var(--ease)}
  .sx-doc-toc[open]>summary>i:last-child{transform:rotate(180deg)}
  .sx-doc-toc ol{grid-template-columns:repeat(2,minmax(0,1fr));gap:2px;padding:0 4px 8px}
}
@media (max-width:620px){
  .sx-doc-toc ol{grid-template-columns:minmax(0,1fr)}
  .sx-doc-sh{gap:11px}
  .sx-doc-nr{width:34px;height:34px;font-size:.8rem}
  .sx-doc-cas{flex-direction:column;gap:10px}
}
@media print{
  .sx-doc-toc,.sx-doc-fond{display:none!important}
  .sx-doc-grila{display:block}
  .sx-doc-sec{break-inside:avoid}
  .sx-doc-cas,.sx-doc-tbl,.sx-doc-meta li{box-shadow:none}
}
/* documentul: codul (Referinta API) - <pre> pe banda inchisa, ca linia din ghidul de instalare; <code> in text, o pastila */
.sx-doc-txt code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.86em;padding:2px 7px;border-radius:7px 7px 7px 2px;background:var(--surface-2);border:1px solid var(--line);color:var(--ink);word-break:break-word}
.sx-doc-txt pre{margin:16px 0 0;padding:16px 18px;overflow-x:auto;border-radius:16px 16px 16px var(--notch);background:var(--dev);color:#e6edf6;font-size:.9rem;line-height:1.6;box-shadow:var(--shadow-s)}
.sx-doc-txt pre code{padding:0;border:0;background:none;color:inherit;font-size:inherit;word-break:normal}
/* textul pe toata grila (latimea „lat”, 27 oct 2026): titlul lipit in stanga, textul in dreapta, in acelasi card */
.sx-text.lat-lat .sx-articol{display:grid;grid-template-columns:minmax(0,.72fr) minmax(0,1.5fr);gap:clamp(24px,4vw,72px);align-items:start}
.sx-text.lat-lat .sx-articol-t{position:sticky;top:calc(var(--header-h) + 24px);margin:0}
.sx-text.lat-lat .prose>:first-child{margin-top:0}
.sx-text.lat-lat .prose>:last-child{margin-bottom:0}
@media (max-width:900px){.sx-text.lat-lat .sx-articol{display:block}.sx-text.lat-lat .sx-articol-t{position:static;margin:0 0 22px}}
/* ---------------------------------------------------------------- finalul cu fereastra widgetului (stilurile „panou” / „banda”, 27 oct 2026)
   Textul in stanga, fereastra widgetului DoozUp in dreapta (aceleasi bule ca in widget: --chat-*, redeclarate aici ca sa se citeasca pe
   suprafata cardului, nu pe a paginii), cu butonul widgetului sub ea. Mesajele apar doar din culoare (site.js, [data-apc]). */
.sx-apel.has-chat{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);gap:clamp(28px,5vw,88px);align-items:center;text-align:left}
.sx-apel.has-chat .sx-apel-st{min-width:0}
.sx-apel.has-chat .sx-apel-t,.sx-apel.has-chat .sx-lead{margin-left:0}
.sx-apel.has-chat .sx-butoane{justify-content:flex-start}
.sx-apc{--chat-bot-bg:var(--surface);--chat-bot-line:color-mix(in srgb,var(--line) 50%,transparent);--chat-bot-ink:var(--ink);
  position:relative;justify-self:end;width:min(100%,400px);padding-bottom:58px}
.sx-apc-win{display:flex;flex-direction:column;height:300px;overflow:hidden;background:var(--surface);border:1px solid var(--line);border-radius:20px 20px 20px 9px;box-shadow:var(--shadow-l)}
.sx-apc-cap{display:flex;align-items:center;gap:10px;padding:10px 12px 10px 14px;border-bottom:1px solid var(--line)}
.sx-apc-av{flex:none;display:grid;place-items:center;width:34px;height:34px;border-radius:11px 11px 11px 4px;background-image:var(--grad);color:#fff}
.sx-apc-av svg{width:20px;height:20px}
.sx-apc-cap>div{flex:1;min-width:0}
.sx-apc-cap b{display:block;font-size:.88rem;line-height:1.2;color:var(--ink)}
.sx-apc-cap small{display:flex;align-items:center;gap:6px;font-size:.7rem;color:var(--ink-3)}
.sx-apc-cap small i{width:7px;height:7px;border-radius:50%;background:var(--ok)}
.sx-apc-ics{display:flex;gap:8px;color:var(--ink-3);font-size:16px}
.sx-apc-fir{flex:1;min-height:0;display:flex;flex-direction:column;justify-content:flex-end;gap:8px;padding:12px 14px;background:linear-gradient(180deg,color-mix(in srgb,var(--brand) 5%,var(--surface)),var(--surface) 70%)}
.sx-apc-b{position:relative;max-width:88%;padding:8px 12px;font-size:.84rem;line-height:1.45}
.sx-apc-b.is-om{align-self:flex-end;border-radius:15px 15px 5px 15px;background:var(--chat-om-bg);color:var(--chat-om-ink);box-shadow:var(--chat-om-sh)}
.sx-apc-b.is-bot{align-self:flex-start;border:1px solid var(--chat-bot-line);border-radius:15px 15px 15px 5px;background:var(--chat-bot-bg);color:var(--chat-bot-ink);box-shadow:var(--shadow-s)}
.sx-apc-tx{transition:color .35s var(--ease)}
.sx-apc-tip{position:absolute;left:12px;top:50%;display:flex;gap:4px;transform:translateY(-50%);opacity:0;transition:opacity .25s}
.sx-apc-tip i{width:6px;height:6px;border-radius:50%;background:var(--ink-3)}
.sx-apc-jos{display:flex;align-items:center;gap:8px;padding:10px 12px;border-top:1px solid var(--line)}
.sx-apc-jos span{flex:1;padding:8px 12px;border:1px solid var(--line);border-radius:12px;background:var(--surface-2);font-size:.76rem;color:var(--ink-3)}
.sx-apc-jos i{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background-image:var(--grad);color:#fff;font-size:15px}
.sx-apc-launch{position:absolute;right:4px;bottom:0;display:grid;place-items:center;width:46px;height:46px;border-radius:15px 15px 15px 6px;background-image:var(--grad);color:#fff;box-shadow:0 10px 24px -10px color-mix(in srgb,var(--brand) 70%,transparent)}
.sx-apc-launch svg{width:24px;height:24px}
.js .sx-apc [data-p]{opacity:0;transition:opacity .4s var(--ease)}
.js .sx-apc [data-p].is-v{opacity:1}
.js .sx-apc [data-t]:not(.is-text) .sx-apc-tx{color:transparent}
.js .sx-apc [data-t].is-v:not(.is-text) .sx-apc-tip{opacity:1}
@media (prefers-reduced-motion:no-preference){
  .sx-apc [data-t].is-v:not(.is-text) .sx-apc-tip i{animation:mgTip 1s ease-in-out infinite}
  .sx-apc [data-t].is-v:not(.is-text) .sx-apc-tip i:nth-child(2){animation-delay:.15s}
  .sx-apc [data-t].is-v:not(.is-text) .sx-apc-tip i:nth-child(3){animation-delay:.3s}
}
@media (max-width:1000px){
  .sx-apel.has-chat{grid-template-columns:minmax(0,1fr)}
  .sx-apc{justify-self:stretch;width:auto;max-width:460px}
}
/* in finalul cu fereastra, titlul are coloana lui: ultimul rand (subliniat) se rupe, iar sublinierea trece pe fiecare rand (fundal pe text,
   nu ::after, care ar fi stat doar sub primul rand) */
.sx-apel.has-chat .sx-apel-t{font-size:clamp(2rem,1.15rem + 2.1vw,3.2rem)}
.sx-apel.has-chat .mark{white-space:normal;padding-bottom:.06em;background-image:var(--grad);background-repeat:no-repeat;background-position:0 100%;background-size:0 .12em;
  -webkit-box-decoration-break:clone;box-decoration-break:clone;transition:background-size 1.1s var(--ease-out) .35s}
.sx-apel.has-chat .mark::after{display:none}
.is-in .sx-apel.has-chat .mark,.sx-apel.has-chat.is-in .mark,html:not(.js) .sx-apel.has-chat .mark{background-size:100% .12em}
/* ---------------------------------------------------------------- auditul site-ului (27 oct 2026): blocurile native
   1) fara 3D: eroul cu straturi e plat (scena nu se mai inclina, cardurile plutesc doar in sus-jos) */
.sx-e3-loc{perspective:none}
.sx-e3,.sx-e3-loc .sx-e3{transform:none!important;transform-style:flat}
.sx-e3-umbra{transform:none;inset:auto 6% -7% 6%;height:16%}
.sx-e3-strat{transform:none}
/* 2) pe toata grila */
.sx-comp,.sx-tabel-loc,.sx-ig{max-width:none}
.sx-cod{max-width:none}
.sx-rx{max-width:none;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}
.sx-rx .sx-rx-chat{max-width:none;width:100%}
.sx-inc:not(.partea-stanga) .sx-inc-viz{display:flex;flex-direction:column;align-items:flex-end}
.sx-inc.partea-stanga .sx-inc-viz{display:flex;flex-direction:column;align-items:flex-start}
.sx-inc-viz>.sx-chat{width:100%;max-width:540px;margin-inline:0}
.sx-inc-viz>.sx-inc-nota{width:100%;max-width:540px}
.sx-apel-viz{justify-items:end}
@media (max-width:1100px){.sx-rx{grid-template-columns:minmax(0,1fr)}.sx-inc-viz{align-items:stretch!important}.sx-inc-viz>.sx-chat,.sx-inc-viz>.sx-inc-nota{max-width:none}.sx-apel-viz{justify-items:center}}
/* 3) fluxul: iconitele la marimea lor (regula „.sx-flux-pas span” pentru textul de sub pas le micsora la 14 px) */
.sx-flux-pas .sx-flux-ic{font-size:1.7rem;color:var(--brand)}
/* 4) bento: cardul mare are in dreapta iconita lui mare, cu doua inele, in locul golului */
.stil-bento .sx-card:nth-child(1){position:relative}
.stil-bento .sx-card:nth-child(1):has(.sx-bento-sc) .sx-card-ic{display:none}
.stil-bento .sx-card:nth-child(1):has(.sx-bento-sc) h3{margin-top:0}
.sx-bento-sc{position:absolute;right:clamp(28px,6%,72px);top:44%;width:clamp(150px,15vw,224px);aspect-ratio:1;transform:translateY(-50%);display:grid;place-items:center;border-radius:50%;
  background:radial-gradient(circle,color-mix(in srgb,var(--brand) 10%,var(--surface)) 0 54%,transparent 55%);
  box-shadow:0 0 0 1px color-mix(in srgb,var(--brand) 16%,transparent),0 0 0 24px color-mix(in srgb,var(--brand) 4%,transparent),0 0 0 25px color-mix(in srgb,var(--brand) 12%,transparent);pointer-events:none}
.sx-bento-in{width:44%;aspect-ratio:1;display:grid;place-items:center;border-radius:26px 26px 26px 9px;background-image:var(--grad);color:#fff;font-size:clamp(38px,3.8vw,58px);font-style:normal;box-shadow:var(--shadow-l)}
.sx-bento-sc::after{content:"";position:absolute;inset:-25px;border-radius:50%;border:2px solid color-mix(in srgb,var(--brand) 30%,transparent);opacity:0}
@media (prefers-reduced-motion:no-preference){.js .sx-bento-sc::after{animation:bentoPuls 3.6s var(--ease-out) infinite}}
@keyframes bentoPuls{0%{opacity:.7;transform:scale(.86)}100%{opacity:0;transform:scale(1.12)}}
@media (max-width:1100px){.sx-bento-sc{display:none}.stil-bento .sx-card:nth-child(1):has(.sx-bento-sc) .sx-card-ic{display:grid}}

/* ------------------------------------------------ „Widgetul real” (29 oct 2026, blocul `widget_real`): cazurile in stanga, fereastra
   widgetului ADEVARAT in dreapta (shadow DOM cu CSS-ul widgetului, site.js); un clic = mesajul clientului, raspunsul si cardurile.
   „Ce face asistentul" = mereu trei pasi, pe un rand. Fereastra e cat coloana din stanga si nu se lungeste cu firul (pagina nu se misca) */
.sx-wr{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,480px);gap:clamp(28px,4vw,72px);align-items:stretch}
.sx-wr-st .sx-cap{margin:0}
.sx-wr-st .sx-titlu{margin-bottom:14px}
.sx-wr-cazuri{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:24px;border-radius:18px}
.sx-wr-cazuri.is-arata{animation:wrArata 1.1s var(--ease-out)}
@keyframes wrArata{0%,100%{box-shadow:0 0 0 0 transparent}30%{box-shadow:0 0 0 6px color-mix(in srgb,var(--brand) 22%,transparent)}}
.sx-wr-caz{--fx:var(--brand);display:flex;align-items:center;gap:12px;min-width:0;padding:12px 14px 12px 12px;border:1px solid var(--line);border-radius:16px 16px 16px var(--notch);background:var(--surface);color:inherit;
  font:inherit;text-align:left;cursor:pointer;transition:border-color .2s,box-shadow .2s,transform .2s var(--ease),background-color .2s}
.sx-wr-caz:hover{border-color:color-mix(in srgb,var(--fx) 45%,var(--line));box-shadow:var(--shadow-m);transform:translateY(-2px)}
.sx-wr-caz[aria-pressed="true"]{border-color:color-mix(in srgb,var(--fx) 60%,var(--line));background:color-mix(in srgb,var(--fx) 7%,var(--surface));box-shadow:0 0 0 3px color-mix(in srgb,var(--fx) 14%,transparent)}
.sx-wr-caz-ic{flex:none;width:40px;height:40px;display:grid;place-items:center;border-radius:12px 12px 12px 4px;background:color-mix(in srgb,var(--fx) 14%,var(--surface));color:color-mix(in srgb,var(--fx) 62%,var(--ink));font-size:21px;transition:background-color .25s,color .25s}
.sx-wr-caz[aria-pressed="true"] .sx-wr-caz-ic,.sx-wr-caz:hover .sx-wr-caz-ic{background:var(--fx);color:#fff}
[data-theme="dark"] :is(.sx-wr-caz[aria-pressed="true"],.sx-wr-caz:hover) .sx-wr-caz-ic{color:#08101c}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) :is(.sx-wr-caz[aria-pressed="true"],.sx-wr-caz:hover) .sx-wr-caz-ic{color:#08101c}}
.sx-wr-caz-t{min-width:0;display:flex;flex-direction:column;gap:2px}
.sx-wr-caz-t b{font-size:.95rem;font-weight:700;line-height:1.3}
.sx-wr-caz-t small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.84rem;font-weight:500;color:var(--ink-3)}
.sx-wr-pasi{margin:14px 0 0;padding:16px 18px 18px;border:1px solid var(--line);border-radius:18px 18px 18px var(--notch);background:var(--surface);box-shadow:var(--shadow-s)}
.sx-wr-pasi-t{margin:0 0 14px;display:flex;align-items:center;justify-content:space-between;gap:10px}
.sx-wr-pasi-k{display:inline-flex;align-items:center;gap:9px;font-size:.78rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-2)}
.sx-wr-pasi-k i{width:28px;height:28px;display:grid;place-items:center;border-radius:9px 9px 9px 3px;background:var(--brand-soft);color:var(--brand-ink);font-size:16px}
.sx-wr-pasi-t em{font-style:normal;display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;font-size:.78rem;font-weight:700}
.sx-wr-pasi-t em:empty{display:none}
.sx-wr-pasi-t em.is-lucru{background:var(--brand-soft);color:var(--brand-ink)}
.sx-wr-pasi-t em.is-gata{background:var(--teal-soft);color:var(--teal-ink)}
.sx-wr-pasi-t em.is-lucru::before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor;animation:wrPuls 1s ease-in-out infinite}
@keyframes wrPuls{50%{opacity:.25}}
.sx-wr-pasi-l{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:62px;gap:10px 22px}
.sx-wr-pas{position:relative;display:flex;align-items:center;gap:10px;min-width:0;padding:9px 12px 9px 9px;border:1px solid var(--line);border-radius:14px 14px 14px var(--notch);
  background:var(--surface-2);color:var(--ink-3);opacity:.5;transition:opacity .3s,border-color .3s,background-color .3s,box-shadow .3s}
.sx-wr-pas.is-gata,.sx-wr-pas.is-pregatit{opacity:1;color:var(--ink-2);background:var(--surface)}
.sx-wr-pas.is-acum{opacity:1;color:var(--ink);background:var(--surface);border-color:color-mix(in srgb,var(--brand) 50%,var(--line));box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 12%,transparent)}
.sx-wr-pas:not(:last-child)::after{content:"";position:absolute;left:100%;top:50%;width:22px;height:2px;margin-top:-1px;background:var(--line-2);transition:background-color .3s}
.sx-wr-pas.is-gata:not(:last-child)::after{background:color-mix(in srgb,var(--teal) 55%,var(--line))}
.sx-wr-pas.is-pregatit:not(:last-child)::after{background:color-mix(in srgb,var(--brand) 35%,var(--line))}
.sx-wr-pas:nth-child(3n)::after{display:none}
.sx-wr-pas-ic{flex:none;width:36px;height:36px;display:grid;place-items:center;border-radius:11px 11px 11px 4px;background:var(--surface-3);color:var(--ink-3);font-size:18px;transition:background-color .3s,color .3s}
.sx-wr-pas.is-gata .sx-wr-pas-ic{background:var(--teal-soft);color:var(--teal-ink)}
.sx-wr-pas.is-pregatit .sx-wr-pas-ic{background:var(--brand-soft);color:var(--brand-ink)}
.sx-wr-pas.is-acum .sx-wr-pas-ic{background-color:var(--brand);background-image:var(--grad);color:#fff}
.sx-wr-pas-x{min-width:0;display:flex;flex-direction:column;gap:1px}
.sx-wr-pas-x b{font-size:.88rem;font-weight:650;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sx-wr-pas-x small{font-size:.8rem;line-height:1.3;color:var(--ink-3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sx-wr-nota{display:flex;align-items:flex-start;gap:8px;margin:16px 0 0;max-width:62ch;font-size:.9rem;line-height:1.55;color:var(--ink-3)}
.sx-wr-nota i{flex:none;margin-top:2px;font-size:1.05rem;color:var(--brand)}
.sx-wr .sx-butoane{margin-top:22px}
.sx-wr-dr{position:relative;min-height:680px}
/* z-index: adaptorul widgetului da gazdei z-index 2147483000 (:host) - in pagina ar trece peste antetul lipit */
.sx-wr-wd{position:absolute;inset:0;z-index:0}
/* fara JS fereastra n-are ce arata: raman textele si cazurile, pe toata latimea */
html:not(.js) .sx-wr{grid-template-columns:minmax(0,1fr)}
html:not(.js) .sx-wr-dr{display:none}
@media (max-width:1100px){.sx-wr{grid-template-columns:minmax(0,1fr) minmax(0,400px)}}
@media (max-width:860px){
  .sx-wr{grid-template-columns:minmax(0,1fr);gap:0}
  .sx-wr-dr{max-width:520px;width:100%;margin-inline:auto;min-height:0}
  .sx-wr-wd{position:relative;inset:auto;height:680px}
  /* pe ecranele inguste: textul, cazurile, FEREASTRA, apoi pasii, nota si butoanele */
  .sx-wr-st{display:contents}
  .sx-wr-st>*{order:1}
  .sx-wr-st>.sx-wr-cazuri{order:2;margin-bottom:18px}
  .sx-wr-dr{order:3}
  .sx-wr-st>.sx-wr-pasi{order:4}
  .sx-wr-st>.sx-wr-nota{order:5}
  .sx-wr-st>.sx-butoane{order:6}
}
@media (max-width:760px){
  .sx-wr-pasi-l{grid-template-columns:minmax(0,1fr);gap:8px}
  .sx-wr-pas::after{display:none}
}
@media (max-width:620px){
  .sx-wr-wd{height:580px}
  .sx-wr-cazuri{display:flex;gap:8px;overflow-x:auto;margin-inline:calc(-1 * var(--gutter));padding:2px var(--gutter) 8px;scroll-snap-type:x mandatory;scrollbar-width:none}
  .sx-wr-cazuri::-webkit-scrollbar{display:none}
  .sx-wr-caz{flex:0 0 236px;scroll-snap-align:start}
}
@media (prefers-reduced-motion:reduce){.sx-wr-cazuri.is-arata{animation:none}}


/* ------------------------------------------------ cautarea in intrebarile paginii (29 oct 2026, site.js, caseta data-cauta-intrebari): caseta
   ramane cum arata (forma blocului), dar e un camp adevarat; rezultatele = un card lipit de ea, pe teme, cu cuvintele gasite evidentiate */
.fqc{position:relative;z-index:6}
.fqc .fqc-in{flex:1;min-width:0;height:100%;border:0;outline:0;background:none;color:var(--ink);font:inherit;font-size:1.02rem;font-weight:500;padding:0}
.fqc .fqc-in::placeholder{color:var(--ink-3);opacity:1}
.fqc .fqc-in::-webkit-search-cancel-button{display:none}
.fqc .fqc-x{flex:none;width:34px;height:34px;display:grid;place-items:center;border:0;border-radius:10px;background:transparent;color:var(--ink-3);cursor:pointer;font-size:18px}
.fqc .fqc-x:hover{background:var(--surface-2);color:var(--ink)}
.fqc .fqc-tasta{flex:none;display:grid;place-items:center;min-width:26px;height:26px;padding:0 7px;border:1px solid var(--line-2);border-radius:7px;color:var(--ink-3);font-size:.8rem;font-weight:700}
.fqc.is-deschis .fqc-tasta,.fqc:focus-within .fqc-tasta{display:none}
.fqc .go{cursor:pointer;border:0}
.fqc:focus-within{box-shadow:0 0 0 4px color-mix(in srgb,var(--brand) 18%,transparent),var(--shadow-m)}
/* rezultatele */
.fqc-rez{position:absolute;left:-1px;right:-1px;top:100%;margin-top:-1px;max-height:min(460px,60vh);overflow:auto;overscroll-behavior:contain;padding:10px;border:1px solid color-mix(in srgb,var(--brand) 35%,var(--line));border-top-color:var(--line);border-radius:0 0 20px var(--notch);background:var(--surface);box-shadow:var(--shadow-l);text-align:left;scrollbar-width:thin}
/* deschisa: caseta si rezultatele sunt un singur card, lipite (29 oct 2026: „dropdownul cu autocomplete sa fie langa search”) */
.fqc.is-deschis{border-color:color-mix(in srgb,var(--brand) 35%,var(--line));border-bottom-left-radius:0;border-bottom-right-radius:0}
.fqc.is-deschis:focus-within{box-shadow:var(--shadow-m)}
.fqc-cap{margin:4px 10px 6px;font-size:.74rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3)}
.fqc-tema{margin:12px 10px 4px;font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--brand-ink)}
.fqc-o{display:grid;grid-template-columns:34px minmax(0,1fr) 18px;gap:12px;align-items:start;padding:10px;border-radius:14px 14px 14px var(--notch);color:var(--ink);text-decoration:none}
.fqc-o:hover,.fqc-o.is-sel{background:var(--surface-2)}
.fqc-o.is-sel{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--brand) 35%,var(--line))}
.fqc-oi{width:34px;height:34px;display:grid;place-items:center;border-radius:10px 10px 10px 3px;background:var(--brand-soft);color:var(--brand-ink);font-size:17px}
.fqc-ot{min-width:0;display:flex;flex-direction:column;gap:3px}
.fqc-ot b{font-size:.95rem;font-weight:650;line-height:1.35}
.fqc-ot small{font-size:.84rem;line-height:1.5;color:var(--ink-3);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.fqc-og{margin-top:8px;color:var(--ink-3);font-size:16px}
.fqc-o.is-sel .fqc-og,.fqc-o:hover .fqc-og{color:var(--brand-ink)}
.fqc-rez mark{background:color-mix(in srgb,var(--brand) 18%,transparent);color:inherit;border-radius:3px;padding:0;box-shadow:0 0 0 1px color-mix(in srgb,var(--brand) 18%,transparent)}
.fqc-gol{display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:14px 12px}
.fqc-gol b{font-size:1rem}
.fqc-gol span{color:var(--ink-3);font-size:.9rem}
.fqc-gol .sx-btn{margin-top:8px}
/* intrebarea deschisa din cautare: se aprinde o clipa */
.sx-faq-lista details.fqc-aprins{animation:fqcAprins 1.6s var(--ease-out)}
@keyframes fqcAprins{0%,100%{box-shadow:0 0 0 0 transparent}25%{box-shadow:0 0 0 5px color-mix(in srgb,var(--brand) 30%,transparent)}}
@media (prefers-reduced-motion:reduce){.sx-faq-lista details.fqc-aprins{animation:none}}
@media (max-width:620px){
  .fqc .fqc-tasta{display:none}
  .fqc-rez{max-height:65vh}
}

/* spatiul de sub erou (29 oct 2026: „spatiu prea mare la scrie-ne si blocul urmator”): 264 px -> ~140 px */
section.sx-b-ai-resources-hub-with-search{padding-bottom:clamp(28px,3.4vw,48px)}
section.sx-b-ai-resources-hub-with-search+section.sx{padding-top:clamp(40px,5vw,72px)}


/* lista deschisa iese din sectiune: fara taietura (contain:paint al blocurilor AI) si deasupra sectiunii urmatoare */
section.fqc-sus{contain:none!important;z-index:20}
/* X-ul doar cand e ceva scris (display:grid trecea peste atributul hidden) */
.fqc .fqc-x[hidden]{display:none}
/* ------------------------------------------------ eroul cu scena „pasi” (29 oct 2026, Ghid de instalare - varianta A2): panoul site-ului
   ale carui randuri se bifeaza pe rand (cel cu bara si-o umple), inelul ajunge la n / n, apoi banda de la final si bula de sub panou.
   O singura data, din CSS; fara miscare = starea de la final (si numarul din HTML). --n = cate randuri, --k = randul. */
.sx-ep{position:relative;width:100%;max-width:560px;margin-inline:auto;padding:0 0 10px}
.sx-ep.are-bula{padding-bottom:76px}
.sx-ep-card{background:var(--surface);border:1px solid var(--line);border-radius:24px 24px 24px var(--notch);box-shadow:var(--shadow-l);overflow:hidden}
.sx-ep-cap{display:flex;align-items:center;gap:12px;padding:16px 18px;border-bottom:1px solid var(--line)}
.sx-ep-site{flex:none;width:42px;height:42px;border-radius:12px 12px 12px 4px;background:var(--brand-soft);color:var(--brand);display:grid;place-items:center;font-size:22px}
.sx-ep-t{min-width:0}
.sx-ep-t b{display:block;font-size:15.5px;line-height:1.35;color:var(--ink)}
.sx-ep-t em{display:block;font-style:normal;font-size:13px;color:var(--ink-3)}
@property --sx-ep-n{syntax:'<integer>';inherits:false;initial-value:0}
.sx-ep-inel{position:relative;flex:none;width:54px;height:54px;margin-left:auto;display:grid;place-items:center}
.sx-ep-inel svg{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg)}
.sx-ep-inel circle{fill:none;stroke-width:3.4}
.sx-ep-inel .f{stroke:var(--surface-3)}
.sx-ep-inel .v{stroke:var(--brand);stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:0}
.sx-ep-inel b{font-size:13px;font-weight:800;color:var(--ink)}
.sx-ep-inel i{font-style:normal}
.sx-ep-l{list-style:none;margin:0;padding:6px 10px}
.sx-ep-l li{display:grid;grid-template-columns:42px minmax(0,1fr) 26px;align-items:center;gap:12px;padding:11px 8px}
.sx-ep-l li+li{border-top:1px solid var(--line)}
.sx-ep-ic{width:42px;height:42px;border-radius:12px 12px 12px 4px;display:grid;place-items:center;font-size:21px;color:var(--c);background:color-mix(in srgb,var(--c) 12%,var(--surface))}
.sx-ep-tx{min-width:0}
.sx-ep-tx b{display:block;font-size:14.5px;line-height:1.3;color:var(--ink)}
.sx-ep-tx em{display:flex;align-items:center;gap:7px;margin-top:2px;font-style:normal;font-size:12.5px;line-height:1.35;color:var(--ink-3)}
.sx-ep-lg{flex:none;width:16px;height:16px;object-fit:contain}
.sx-ep-tx em.sx-ep-et{flex-wrap:wrap;gap:5px 7px;margin-top:5px}
.sx-ep-et span{display:inline-flex;align-items:center;padding:2px 8px;border-radius:999px;border:1px solid var(--line);background:var(--surface-2);font-size:11.5px;color:var(--ink-2);white-space:nowrap}
.sx-ep-bara{display:block;height:6px;margin-top:7px;border-radius:6px;background:var(--surface-3);overflow:hidden}
.sx-ep-bara i{display:block;height:100%;width:100%;border-radius:inherit;background:var(--grad);transform-origin:left}
.sx-ep-st{position:relative;width:26px;height:26px;display:grid;place-items:center}
.sx-ep-st::before{content:"";position:absolute;inset:3px;border-radius:50%;border:2px solid var(--line-2);border-top-color:var(--brand);opacity:0}
.sx-ep-bifa{position:relative;width:24px;height:24px;border-radius:50%;background:var(--grad);display:grid;place-items:center}
.sx-ep-bifa::after{content:"";width:9px;height:5px;margin-top:-2px;border:2px solid #fff;border-top:0;border-right:0;transform:rotate(-45deg)}
.sx-ep-live{display:flex;align-items:center;gap:12px;margin:2px 12px 12px;padding:13px 16px;border-radius:16px 16px 16px 5px;background:linear-gradient(118deg,color-mix(in srgb,#0b87f3 10%,var(--surface)),color-mix(in srgb,#00cab6 13%,var(--surface)))}
.sx-ep-puls{flex:none;width:10px;height:10px;border-radius:50%;background:#12b886}
.sx-ep-live b{font-size:15px;color:var(--ink)}
.sx-ep-live em{margin-left:auto;font-style:normal;font-size:13px;color:var(--ink-2)}
.sx-ep-bula{position:absolute;left:-34px;bottom:0;z-index:2;display:flex;gap:10px;align-items:flex-start;max-width:300px;padding:12px 15px 12px 12px;background:var(--surface);border:1px solid var(--line);border-radius:18px 18px 18px var(--notch);box-shadow:var(--shadow-m)}
.sx-ep-av{flex:none;width:34px;height:34px;border-radius:50%;background:var(--surface-3);display:grid;place-items:center;color:var(--brand);font-size:18px}
.sx-ep-bula b{display:block;font-size:13px;color:var(--ink)}
.sx-ep-bula span span{display:block;font-size:13px;line-height:1.4;color:var(--ink-2)}
@media (prefers-reduced-motion:no-preference){
  .sx-ep-inel .v{stroke-dashoffset:100;animation:sxEpInel calc(var(--n) * .6s) var(--ease) .45s forwards}
  .sx-ep-inel i{font-size:0}
  .sx-ep-inel i::before{font-size:13px;counter-reset:sxep var(--sx-ep-n);content:counter(sxep);animation:sxEpN6 calc(var(--n) * .6s) steps(var(--n),end) .45s forwards}
  .sx-ep[data-n="1"] .sx-ep-inel i::before{animation-name:sxEpN1}
  .sx-ep[data-n="2"] .sx-ep-inel i::before{animation-name:sxEpN2}
  .sx-ep[data-n="3"] .sx-ep-inel i::before{animation-name:sxEpN3}
  .sx-ep[data-n="4"] .sx-ep-inel i::before{animation-name:sxEpN4}
  .sx-ep[data-n="5"] .sx-ep-inel i::before{animation-name:sxEpN5}
  .sx-ep-l li{opacity:0;animation:sxEpIn .45s var(--ease-out) forwards;animation-delay:calc(.45s + var(--k) * .1s)}
  .sx-ep-st::before{animation:sxEpApare .01s linear calc(.6s + var(--k) * .1s) forwards,sxEpRoti .8s linear calc(.6s + var(--k) * .1s) 5,sxEpAfara .15s ease calc(1s + var(--k) * .6s) forwards}
  .sx-ep-bifa{opacity:0;animation:sxEpPop .4s var(--ease-out) calc(1.05s + var(--k) * .6s) forwards}
  .sx-ep-bara i{transform:scaleX(0);animation:sxEpBara .55s var(--ease) calc(.5s + var(--k) * .6s) forwards}
  .sx-ep-live{opacity:0;animation:sxEpIn .5s var(--ease-out) calc(.85s + var(--n) * .6s) forwards}
  .sx-ep-puls{animation:sxEpPuls 1.6s ease-out calc(1.2s + var(--n) * .6s) 3}
  .sx-ep-bula{opacity:0;animation:sxEpIn .5s var(--ease-out) calc(1.35s + var(--n) * .6s) forwards}
}
@keyframes sxEpIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@keyframes sxEpPop{0%{opacity:0;transform:scale(.4)}70%{opacity:1;transform:scale(1.12)}100%{opacity:1;transform:none}}
@keyframes sxEpApare{to{opacity:1}}
@keyframes sxEpAfara{to{opacity:0}}
@keyframes sxEpRoti{to{transform:rotate(360deg)}}
@keyframes sxEpPuls{0%{box-shadow:0 0 0 0 color-mix(in srgb,#12b886 55%,transparent)}100%{box-shadow:0 0 0 12px transparent}}
@keyframes sxEpInel{to{stroke-dashoffset:0}}
@keyframes sxEpBara{to{transform:none}}
@keyframes sxEpN1{to{--sx-ep-n:1}}
@keyframes sxEpN2{to{--sx-ep-n:2}}
@keyframes sxEpN3{to{--sx-ep-n:3}}
@keyframes sxEpN4{to{--sx-ep-n:4}}
@keyframes sxEpN5{to{--sx-ep-n:5}}
@keyframes sxEpN6{to{--sx-ep-n:6}}
@media (max-width:760px){
  .sx-ep.are-bula{padding-bottom:78px}
  .sx-ep-bula{left:10px;right:10px;max-width:none}
  .sx-ep-live em{display:none}
}

/* ------------------------------------------------ „Help Center” (30 oct 2026, blocul `help`, help/site.ts; varianta B „Documentație” din
   propuneri/help/): bara lipita sub antet (marca, cautarea ca pe Intrebari frecvente, legaturile), dedesubt lista ghidurilor (stanga),
   pagina (mijloc) si cuprinsul articolului (dreapta). Fara blur. */
.sx-b-help{padding-top:0}
.hp-fx1{--c:var(--fx-1)}.hp-fx2{--c:var(--fx-2)}.hp-fx3{--c:var(--fx-3)}.hp-fx4{--c:var(--fx-4)}.hp-fx5{--c:var(--fx-5)}.hp-fx6{--c:var(--fx-6)}
.hp-ic{--c:var(--fx-1);flex:none;width:48px;height:48px;border-radius:14px 14px 14px 5px;display:grid;place-items:center;font-size:24px;color:var(--c);background:color-mix(in srgb,var(--c) 12%,var(--surface))}
.hp-ic.is-mic{width:34px;height:34px;font-size:17px;border-radius:10px 10px 10px 3px}
/* caseta = cea de pe Intrebari frecvente (clasele .fqc pentru lista) */
.hp-cauta{display:flex;align-items:center;gap:10px;height:52px;box-sizing:border-box;margin:0;padding:6px 6px 6px 16px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg) var(--r-lg) var(--r-lg) var(--notch);box-shadow:var(--shadow-s);text-align:left}
.hp-cauta .lupa{display:flex;flex:none;font-size:20px;color:var(--brand)}
.hp-cauta .fqc-in{font-size:.96rem}
.hp-cauta .go{flex:none;display:flex;align-items:center;justify-content:center;width:38px;height:38px;font-size:18px;color:#fff;background:var(--grad);border-radius:var(--r-md) var(--r-md) var(--r-md) var(--notch)}
.hp-cauta .fqc-rez{z-index:30}
.hp-des{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:18px 0 0;font-size:.9rem;color:var(--ink-3)}
.hp-des a{padding:5px 13px;border-radius:999px;border:1px solid var(--line);background:var(--surface);color:var(--ink-2);text-decoration:none;font-weight:500;transition:border-color .2s,color .2s}
.hp-des a:hover{border-color:var(--brand);color:var(--brand-ink)}
.hp-fir{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:0 0 18px;font-size:.88rem;color:var(--ink-3)}
.hp-fir a{color:var(--brand-ink);text-decoration:none;font-weight:500}
.hp-fir i{font-size:12px}
.hp-meta{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0 30px;padding-bottom:26px;border-bottom:1px solid var(--line)}
.hp-meta span{display:inline-flex;align-items:center;gap:7px;padding:6px 12px;border-radius:999px;background:var(--surface-2);border:1px solid var(--line);font-size:.84rem;color:var(--ink-2)}
.hp-meta i{color:var(--brand);font-size:15px}
/* textul articolului (markdown-ul din Help) */
.hp-text{font-size:1.03rem;line-height:1.72;color:var(--ink-2);min-width:0}
.hp-text>p{margin:0 0 1em}
.hp-text h2,.hp-text h3{display:flex;align-items:center;gap:10px;margin:1.9em 0 .75em;padding-top:6px;color:var(--ink);font-weight:700;letter-spacing:-.015em;line-height:1.3;scroll-margin-top:calc(var(--header-h) + 96px)}
.hp-text h2{font-size:1.32rem}
.hp-text h3{font-size:1.12rem}
.hp-text>h2:first-child{margin-top:0}
.hp-text h2 a.hpb-ancora,.hp-text h3 a.hpb-ancora{opacity:0;font-size:.8em;font-weight:500;color:var(--ink-3);text-decoration:none;transition:opacity .2s}
.hp-text h2:hover a.hpb-ancora,.hp-text h3:hover a.hpb-ancora,.hp-text a.hpb-ancora:focus-visible{opacity:1}
.hp-text strong{color:var(--ink);font-weight:650}
.hp-text a{color:var(--brand-ink);text-decoration:none;font-weight:550;border-radius:4px;transition:background-color .2s}
.hp-text a:hover{background:var(--brand-soft)}
.hp-text a.hp-in-cont i{font-size:.85em;margin-left:3px;vertical-align:-1px}
.hp-text ul{list-style:none;margin:0 0 1.2em;padding:0;display:grid;gap:.6em}
.hp-text ul li{position:relative;padding-left:26px}
.hp-text ul li::before{content:"";position:absolute;left:6px;top:.66em;width:7px;height:7px;border-radius:50%;background:var(--grad)}
/* pasii: o linie cu cercuri numerotate */
.hp-text ol{list-style:none;margin:0 0 1.3em;padding:0;counter-reset:hp;display:grid;gap:0}
.hp-text ol li{counter-increment:hp;position:relative;padding:4px 0 20px 52px}
.hp-text ol li:not(:last-child)::after{content:"";position:absolute;left:15px;top:36px;bottom:4px;width:2px;background:var(--line)}
.hp-text ol li::before{content:counter(hp);position:absolute;left:0;top:0;width:32px;height:32px;box-sizing:border-box;border-radius:50%;display:grid;place-items:center;background:var(--surface);color:var(--brand-ink);border:2px solid color-mix(in srgb,var(--brand) 55%,var(--line));font-weight:700;font-size:.9rem;line-height:1}
/* clipul */
.hp-clip{margin:0 0 30px}
.hp-clip-ecran{position:relative;display:block;width:100%;aspect-ratio:16/9;padding:0;border:0;border-radius:var(--r-lg) var(--r-lg) var(--r-lg) var(--notch);overflow:hidden;background:#0b1426;cursor:pointer;box-shadow:var(--shadow-m)}
.hp-clip-ecran img,.hp-clip-ecran video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.hp-clip-ecran video{object-fit:contain;background:#000}
.hp-clip-play{position:absolute;right:18px;bottom:16px;width:62px;height:62px;border-radius:50%;display:grid;place-items:center;background:var(--grad);color:#fff;font-size:27px;box-shadow:0 14px 34px -10px rgba(11,135,243,.7);transition:transform .25s var(--ease-out)}
.hp-clip-ecran:hover .hp-clip-play{transform:scale(1.07)}
.hp-clip-dur{position:absolute;left:16px;bottom:14px;display:inline-flex;align-items:center;gap:7px;padding:6px 12px;border-radius:999px;background:rgba(7,12,21,.78);color:#fff;font-size:.84rem;font-weight:600}
.hp-clip-nota{margin:10px 2px 0;font-size:.86rem;color:var(--ink-3)}
/* „Ti-a fost de folos?” si vecinii din tema */
.hp-folos{display:flex;flex-wrap:wrap;align-items:center;gap:10px 12px;margin-top:38px;padding:18px 20px;border-radius:16px 16px 16px var(--notch);background:var(--surface-2);border:1px solid var(--line)}
.hp-folos b{margin-right:auto;color:var(--ink);font-weight:650}
.hp-folos button{display:inline-flex;align-items:center;gap:7px;min-height:40px;padding:8px 16px;border:1px solid var(--line-2);border-radius:12px 12px 12px var(--notch);background:var(--surface);color:var(--ink);font:inherit;font-weight:600;cursor:pointer;transition:border-color .2s,background-color .2s}
.hp-folos button:hover{border-color:var(--brand)}
.hp-folos button[aria-pressed="true"]{border-color:var(--brand);background:var(--brand-soft);color:var(--brand-ink)}
.hp-folos .hp-multumim{width:100%;margin:0;font-size:.9rem;color:var(--ink-3)}
.hp-vecini{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:20px}
.hp-vecin{display:flex;flex-direction:column;gap:4px;padding:16px 18px;border:1px solid var(--line);border-radius:16px 16px 16px var(--notch);background:var(--surface);color:var(--ink);text-decoration:none;transition:border-color .2s,box-shadow .2s}
.hp-vecin:hover{border-color:var(--brand);box-shadow:var(--shadow-m)}
.hp-vecin small{display:inline-flex;align-items:center;gap:6px;color:var(--ink-3);font-size:.82rem}
.hp-vecin b{font-weight:650;line-height:1.35}
.hp-vecin.urm{text-align:right;align-items:flex-end}
.hp-vecin.gol{visibility:hidden}
/* cardul unui articol (teme, rezultate) */
.hp-art{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 18px;align-items:center;padding:20px 22px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg) var(--r-lg) var(--r-lg) var(--notch);box-shadow:var(--shadow-s);color:var(--ink);text-decoration:none;transition:border-color .2s,box-shadow .2s,transform .2s}
.hp-art:hover{border-color:color-mix(in srgb,var(--brand) 45%,var(--line));box-shadow:var(--shadow-m);transform:translateY(-1px)}
.hp-art b{font-size:1.06rem;font-weight:650;line-height:1.35}
.hp-art p{grid-column:1;margin:0;font-size:.92rem;line-height:1.55;color:var(--ink-3)}
.hp-art>i{grid-row:1 / span 3;grid-column:2;font-size:20px;color:var(--ink-3);transition:color .2s,transform .2s}
.hp-art:hover>i{color:var(--brand-ink);transform:translateX(3px)}
.hp-art .hp-art-m{grid-column:1;display:flex;flex-wrap:wrap;gap:6px 14px;margin-top:6px;font-size:.8rem;color:var(--ink-3)}
.hp-art .hp-art-m span{display:inline-flex;align-items:center;gap:5px}
.hp-art .hp-art-m i{color:var(--brand)}
.hp-art mark,.hp-rez-l mark{background:color-mix(in srgb,var(--brand) 18%,transparent);color:inherit;border-radius:3px}
.hp-rez-l{display:grid;gap:12px}
.hp-rez-t{margin:22px 0 4px;font-size:.74rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--brand-ink)}
.hp-rez-t:first-child{margin-top:0}
.hp-logo{flex:none;width:34px;height:34px;display:grid;place-items:center;border-radius:10px 10px 10px 3px;background:var(--surface-2)}
.hp-logo img{width:24px;height:24px;object-fit:contain}
.hp-logo i{font-size:20px;color:var(--fx-5)}
/* bara de sus */
.hpb-bara{position:sticky;top:var(--header-h);z-index:40;background:var(--bg);border-bottom:1px solid var(--line)}
.hpb-bara-in{display:flex;align-items:center;gap:20px;height:76px}
.hpb-marca{display:flex;align-items:center;gap:12px;flex:none;color:var(--ink);text-decoration:none}
.hpb-marca .hp-ic{width:40px;height:40px;font-size:21px}
.hpb-marca b{display:block;font-size:1.05rem;font-weight:750;letter-spacing:-.01em}
.hpb-marca small{display:block;font-size:.8rem;color:var(--ink-3)}
.hpb-bara .hp-cauta{flex:1;max-width:640px;margin-inline:auto}
.hpb-bara-l{display:flex;align-items:center;gap:6px;flex:none}
.hpb-bara-l a{display:inline-flex;align-items:center;gap:7px;padding:9px 12px;border-radius:12px 12px 12px var(--notch);color:var(--ink-2);text-decoration:none;font-size:.92rem;font-weight:600}
.hpb-bara-l a:hover{background:var(--surface-2);color:var(--ink)}
.hpb-bara-l i{color:var(--brand);font-size:17px}
/* lista ghidurilor, pagina, cuprinsul */
.hpb-corp{padding-top:clamp(28px,3vw,44px)}
.hpb-grid{display:grid;grid-template-columns:280px minmax(0,1fr) 230px;gap:clamp(24px,3vw,56px);align-items:start}
.hpb-grid.fara-cuprins{grid-template-columns:280px minmax(0,1fr)}
.hpb-nav{position:sticky;top:calc(var(--header-h) + 100px);max-height:calc(100vh - var(--header-h) - 120px);overflow:auto;overscroll-behavior:contain;padding:4px 6px 20px 0;scrollbar-width:thin}
.hpb-nav-t{display:none}
.hpb-nav details{border-bottom:1px solid var(--line);padding:4px 0}
.hpb-nav details:last-child{border-bottom:0}
.hpb-nav summary{display:flex;align-items:center;gap:10px;padding:10px 8px;border-radius:12px 12px 12px var(--notch);cursor:pointer;list-style:none;font-weight:650;font-size:.95rem;color:var(--ink)}
.hpb-nav summary::-webkit-details-marker{display:none}
.hpb-nav summary:hover{background:var(--surface-2)}
.hpb-nav summary em{margin-left:auto;font-style:normal;font-size:.78rem;font-weight:600;color:var(--ink-3);padding:2px 8px;border-radius:999px;background:var(--surface-2)}
.hpb-nav summary .ph-caret-down{font-size:13px;color:var(--ink-3);transition:transform .2s}
.hpb-nav details[open] summary .ph-caret-down{transform:rotate(180deg)}
.hpb-nav ul{list-style:none;margin:2px 0 8px;padding:0 0 0 22px;display:grid;gap:1px}
.hpb-nav li a{display:block;padding:7px 10px;border-left:2px solid var(--line);color:var(--ink-2);text-decoration:none;font-size:.9rem;line-height:1.4}
.hpb-nav li a:hover{color:var(--ink);border-left-color:var(--line-2);background:var(--surface-2)}
.hpb-nav li a.is-aici{color:var(--brand-ink);font-weight:650;border-left-color:var(--brand);background:color-mix(in srgb,var(--brand) 7%,transparent)}
.hpb-nav .hpb-acasa{display:flex;align-items:center;gap:10px;padding:10px 8px;margin-bottom:4px;border-radius:12px 12px 12px var(--notch);color:var(--ink);text-decoration:none;font-weight:650;font-size:.95rem}
.hpb-nav .hpb-acasa:hover,.hpb-nav .hpb-acasa.is-aici{background:var(--surface-2)}
.hpb-nav .hpb-acasa i{font-size:18px;color:var(--brand)}
.hpb-cuprins{position:sticky;top:calc(var(--header-h) + 100px);font-size:.88rem}
.hpb-cuprins h3{margin:0 0 10px;font-size:.74rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3)}
.hpb-cuprins ul{list-style:none;margin:0;padding:0;display:grid;gap:2px}
.hpb-cuprins ul a{display:block;padding:5px 0 5px 12px;border-left:2px solid var(--line);color:var(--ink-3);text-decoration:none;line-height:1.4}
.hpb-cuprins ul a:hover{color:var(--ink)}
.hpb-cuprins ul a.is-aici{color:var(--brand-ink);border-left-color:var(--brand);font-weight:600}
.hpb-cont{display:flex;flex-direction:column;gap:10px;margin-top:22px;padding:16px;border:1px solid var(--line);border-radius:16px 16px 16px var(--notch);background:var(--surface-2)}
.hpb-cont p{margin:0;font-size:.84rem;line-height:1.5;color:var(--ink-3)}
.hpb-cont .sx-btn{min-height:40px;padding:9px 14px;font-size:.88rem;white-space:normal;text-align:center}
.hpb-doc{min-width:0}
.hpb-h1{margin:0;font-size:clamp(1.9rem,1.3rem + 1.6vw,2.6rem);line-height:1.12;letter-spacing:-.03em;font-weight:800;text-wrap:balance}
.hpb-rez{margin:14px 0 0;font-size:1.12rem;line-height:1.6;color:var(--ink-2)}
.hpb-cap{display:flex;align-items:flex-start;gap:20px}
.hpb-cap .hp-ic{width:64px;height:64px;font-size:32px;border-radius:18px 18px 18px 6px}
.hpb-cap .hpb-rez{margin-top:12px;font-size:1.08rem}
.hpb-lista{display:grid;gap:12px;margin-top:30px}
.hpb-gol{display:flex;flex-direction:column;gap:6px;padding:22px 24px;border:1px solid var(--line);border-radius:var(--r-lg) var(--r-lg) var(--r-lg) var(--notch);background:var(--surface)}
.hpb-gol span{color:var(--ink-3)}
/* prima pagina */
.hpb-bun{padding:clamp(26px,3vw,40px);border-radius:var(--r-xl) var(--r-xl) var(--r-xl) var(--notch);background:linear-gradient(118deg,color-mix(in srgb,#0b87f3 9%,var(--surface)),color-mix(in srgb,#00cab6 10%,var(--surface)));border:1px solid var(--line)}
.hpb-bun p{margin:12px 0 0;max-width:640px;font-size:1.06rem;line-height:1.6;color:var(--ink-2)}
.hpb-bun .hp-des{max-width:none;margin-top:18px}
.hpb-h2{margin:42px 0 16px;font-size:1.2rem;font-weight:750;letter-spacing:-.01em;display:flex;align-items:center;gap:10px}
.hpb-h2 i{color:var(--brand)}
.hpb-pasi{list-style:none;margin:0;padding:0;counter-reset:hpb;border:1px solid var(--line);border-radius:var(--r-lg) var(--r-lg) var(--r-lg) var(--notch);background:var(--surface);box-shadow:var(--shadow-s);overflow:hidden}
.hpb-pasi li{counter-increment:hpb}
.hpb-pasi li+li{border-top:1px solid var(--line)}
.hpb-pasi a{display:grid;grid-template-columns:34px minmax(0,1fr) 20px;gap:14px;align-items:center;padding:14px 18px;color:var(--ink);text-decoration:none}
.hpb-pasi a:hover{background:var(--surface-2)}
.hpb-pasi a::before{content:counter(hpb);width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--grad);color:#fff;font-weight:700;font-size:.9rem}
.hpb-pasi b{display:block;font-weight:650}
.hpb-pasi small{display:block;margin-top:2px;font-size:.86rem;line-height:1.45;color:var(--ink-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hpb-pasi a>i{color:var(--ink-3)}
.hpb-doua{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.hpb-doua.is-una{grid-template-columns:minmax(0,1fr)}
.hpb-lista-s{list-style:none;margin:0;padding:0;border:1px solid var(--line);border-radius:var(--r-lg) var(--r-lg) var(--r-lg) var(--notch);background:var(--surface);overflow:hidden}
.hpb-lista-s li+li{border-top:1px solid var(--line)}
.hpb-lista-s a{display:flex;align-items:center;gap:12px;padding:12px 16px;color:var(--ink);text-decoration:none;font-size:.94rem;font-weight:550}
.hpb-lista-s a:hover{background:var(--surface-2)}
.hpb-lista-s a>span:not(.hp-ic){min-width:0}
.hpb-lista-s em{margin-left:auto;font-style:normal;font-size:.8rem;color:var(--ink-3);white-space:nowrap}
.hpb-plat{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.hpb-plat a{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid var(--line);border-radius:14px 14px 14px var(--notch);background:var(--surface);color:var(--ink);text-decoration:none;font-weight:600;font-size:.94rem;transition:border-color .2s,box-shadow .2s}
.hpb-plat a:hover{border-color:color-mix(in srgb,var(--fx-5) 45%,var(--line));box-shadow:var(--shadow-s)}
.hpb-teme{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.hpb-teme a{display:flex;align-items:flex-start;gap:14px;padding:16px 18px;border:1px solid var(--line);border-radius:var(--r-lg) var(--r-lg) var(--r-lg) var(--notch);background:var(--surface);color:var(--ink);text-decoration:none;transition:border-color .2s,box-shadow .2s}
.hpb-teme a:hover{border-color:color-mix(in srgb,var(--c) 45%,var(--line));box-shadow:var(--shadow-s)}
.hpb-teme b{display:block;font-weight:650}
.hpb-teme small{display:block;margin-top:3px;font-size:.86rem;line-height:1.45;color:var(--ink-3)}
.hpb-final{display:flex;flex-wrap:wrap;align-items:center;gap:14px 20px;margin-top:44px;padding:22px 24px;border-radius:var(--r-lg) var(--r-lg) var(--r-lg) var(--notch);border:1px dashed var(--line-2)}
.hpb-final b{font-size:1.02rem}
.hpb-final p{margin:2px 0 0;font-size:.9rem;color:var(--ink-3)}
.hpb-final>div:first-child{margin-right:auto}
.hpb-final .sx-butoane{display:flex;flex-wrap:wrap;gap:12px;margin:0}
.hpb-final .sx-btn{min-height:42px;padding:9px 16px;font-size:.9rem}
@media (max-width:1240px){
  .hpb-grid{grid-template-columns:250px minmax(0,1fr)}
  .hpb-cuprins{display:none}
  .hpb-bara-l a span{display:none}
}
@media (max-width:900px){
  .hpb-bara-in{height:auto;padding-block:10px;flex-wrap:wrap;gap:10px 14px}
  .hpb-bara .hp-cauta{order:3;flex-basis:100%;max-width:none}
  .hpb-bara-l{margin-left:auto}
  .hpb-grid,.hpb-grid.fara-cuprins{grid-template-columns:minmax(0,1fr)}
  .hpb-nav{position:static;max-height:none;overflow:visible;padding:0;border:1px solid var(--line);border-radius:var(--r-lg) var(--r-lg) var(--r-lg) var(--notch);background:var(--surface)}
  .hpb-nav-t{display:flex;align-items:center;gap:10px;width:100%;padding:14px 16px;border:0;background:none;color:var(--ink);font:inherit;font-weight:650;cursor:pointer}
  .hpb-nav-t i:last-child{margin-left:auto;transition:transform .2s}
  .hpb-nav.is-deschis .hpb-nav-t i:last-child{transform:rotate(180deg)}
  .js .hpb-nav-l{display:none;padding:0 10px 10px}
  .js .hpb-nav.is-deschis .hpb-nav-l{display:block}
  .hpb-doua,.hpb-teme{grid-template-columns:minmax(0,1fr)}
  .hpb-plat{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:760px){
  .hpb-marca small{display:none}
  .hpb-bara .hp-cauta{height:50px}
  .hpb-cap{flex-direction:column;gap:14px}
  .hp-vecini{grid-template-columns:minmax(0,1fr)}
  .hp-vecin.urm{text-align:left;align-items:flex-start}
  .hp-text ol li{padding-left:46px}
}
@media (prefers-reduced-motion:reduce){
  .hp-art,.hp-art>i,.hp-clip-play{transition:none}
}


/* ------------------------------------------------ auditul paginilor (30 oct 2026), R2: pe telefon
   - tabelul: fiecare rand devine un card, cu numele coloanei langa valoare (coloanele cu bife ieseau din ecran, fara niciun semn)
   - sase pasi: o coloana (ramaneau trei coloane de ~110 px) */
@media (max-width:1100px){.sx-pasi.n6{--n:2}}
@media (max-width:760px){
  .sx-pasi.n6{--n:1}
  .sx-tabel{min-width:0}
  .sx-tabel thead{display:none}
  .sx-tabel,.sx-tabel tbody,.sx-tabel tr,.sx-tabel th,.sx-tabel td{display:block}
  .sx-tabel tbody tr{padding:14px 16px;border-bottom:1px solid var(--line)}
  .sx-tabel tbody tr:last-child{border-bottom:0}
  .sx-tabel tbody th{padding:0 0 8px;border:0;font-size:1rem}
  .sx-tabel td{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:6px 0;border:0;text-align:right}
  .sx-tabel td::before{content:attr(data-col);flex:none;white-space:nowrap;text-align:left;font-size:.86rem;font-weight:600;color:var(--ink-3)}
  .sx-tabel .is-evid{background:none}
  .sx-tabel tr.sx-tabel-grup{padding:0}
  .sx-tabel-grup th{padding:10px 16px!important}
}

/* auditul paginilor (30 oct 2026): blocul de cod si cercul „vs” urmeaza tema - deschise pe tema deschisa (erau mereu inchise, iar
   regula site-ului e: zone inchise doar cu tema intunecata aleasa de vizitator) */
.sx-cod{background:var(--surface-2);border-color:var(--line)}
.sx-cod figcaption{background:var(--surface);color:var(--ink-3);border-bottom:1px solid var(--line)}
.sx-cod pre{color:var(--ink)}
.sx-copiaza{border-color:var(--line-2);color:var(--ink)}
.sx-copiaza:hover{border-color:var(--brand)}
.sx-comp-vs{background:var(--grad);color:#fff}

/* auditul paginilor (30 oct 2026): pe telefon bara „Facilități AI” mai joasa (antetul + bara ocupau 128 px lipiti sus), cu butoanele
   inainte / inapoi mai mici - numele paginii are mai mult loc */
@media (max-width:760px){
  .sx-main.has-fs{--fs-h:54px}
  html:has(.sx-main.has-fs){scroll-padding-top:calc(var(--header-h) + 54px + 12px)}
  .sx-fs-in{height:52px;gap:6px}
  .sx-fs-toate{height:38px;padding:0 10px}
  .sx-fs-pn{gap:4px}
  .sx-fs-pn a{width:38px;height:38px;padding:0;justify-content:center}
}

/* auditul paginilor (30 oct 2026), reparatiile comune mai multor pagini:
   - intrebarile (stilul „casete”) pe telefon: fara ilustratia de ~170 px si fara padding dublu (cardul in banda)
   - documentele (legale, API): randuri de cel mult ~72 de caractere, numerele din cuprins lizibile, codul deschis pe tema deschisa */
@media (max-width:760px){
  .sx-faqc-il{display:none}
  .sx-faqc{padding:18px 14px;gap:18px}
}
.sx-doc-txt{max-width:72ch}
.sx-doc-ln{color:var(--ink-3)}
.sx-doc-txt pre{background:var(--surface-2);color:var(--ink);border:1px solid var(--line);box-shadow:none}
@media (max-width:760px){.sx-doc-txt pre,.sx-doc-txt pre code{white-space:pre-wrap;overflow-wrap:anywhere;word-break:normal}}
/* Help (blocul help): legaturile din bara pastreaza o eticheta cand raman doar iconitele; ultima tema singura pe rand ia tot randul;
   pasii de inceput pe doua randuri pe telefon */
.hpb-teme a:last-child:nth-child(odd){grid-column:1 / -1}
@media (max-width:760px){
  .hpb-pasi small{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
  .hpb-plat a{padding:12px}
}

/* modul lansare (2 nov 2026, render.ts `subsolLansare`): pana la publicarea site-ului, paginile legale au antetul paginii de lansare -
   doar sigla, mai mare, si tema (fara meniu, limba, cont) */
.top-lansare{--header-h:92px}
.top-lansare .logo img{height:58px}
@media (max-width:760px){.top-lansare{--header-h:72px}.top-lansare .logo img{height:44px}}