/* ==========================================================================
   andebe.ro - 2026 · v2
   Stil: indigo adanc, lumini care plutesc, sticla, accent lime.
   Culoarea ANdebE (cyan-ul din logo, #0DA9D0) ramane culoarea marcii.
   ========================================================================== */
@font-face{font-family:"Rethink Sans";font-weight:400;font-display:swap;src:url(../fonts/rethink-sans-latin-ext-400-normal.woff2) format("woff2");unicode-range:U+0100-02AF,U+0218-021B,U+1E00-1EFF}
@font-face{font-family:"Rethink Sans";font-weight:500;font-display:swap;src:url(../fonts/rethink-sans-latin-ext-500-normal.woff2) format("woff2");unicode-range:U+0100-02AF,U+0218-021B,U+1E00-1EFF}
@font-face{font-family:"Rethink Sans";font-weight:600;font-display:swap;src:url(../fonts/rethink-sans-latin-ext-600-normal.woff2) format("woff2");unicode-range:U+0100-02AF,U+0218-021B,U+1E00-1EFF}
@font-face{font-family:"Rethink Sans";font-weight:700;font-display:swap;src:url(../fonts/rethink-sans-latin-ext-700-normal.woff2) format("woff2");unicode-range:U+0100-02AF,U+0218-021B,U+1E00-1EFF}
@font-face{font-family:"Rethink Sans";font-weight:400;font-display:swap;src:url(../fonts/rethink-sans-latin-400-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+2000-206F,U+20AC,U+2122,U+2190-21FF}
@font-face{font-family:"Rethink Sans";font-weight:500;font-display:swap;src:url(../fonts/rethink-sans-latin-500-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+2000-206F,U+20AC,U+2122,U+2190-21FF}
@font-face{font-family:"Rethink Sans";font-weight:600;font-display:swap;src:url(../fonts/rethink-sans-latin-600-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+2000-206F,U+20AC,U+2122,U+2190-21FF}
@font-face{font-family:"Rethink Sans";font-weight:700;font-display:swap;src:url(../fonts/rethink-sans-latin-700-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+2000-206F,U+20AC,U+2122,U+2190-21FF}
@font-face{font-family:Unbounded;font-weight:500;font-display:swap;src:url(../fonts/unbounded-latin-ext-500-normal.woff2) format("woff2");unicode-range:U+0100-02AF,U+0218-021B,U+1E00-1EFF}
@font-face{font-family:Unbounded;font-weight:600;font-display:swap;src:url(../fonts/unbounded-latin-ext-600-normal.woff2) format("woff2");unicode-range:U+0100-02AF,U+0218-021B,U+1E00-1EFF}
@font-face{font-family:Unbounded;font-weight:700;font-display:swap;src:url(../fonts/unbounded-latin-ext-700-normal.woff2) format("woff2");unicode-range:U+0100-02AF,U+0218-021B,U+1E00-1EFF}
@font-face{font-family:Unbounded;font-weight:500;font-display:swap;src:url(../fonts/unbounded-latin-500-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+2000-206F,U+20AC,U+2122,U+2190-21FF}
@font-face{font-family:Unbounded;font-weight:600;font-display:swap;src:url(../fonts/unbounded-latin-600-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+2000-206F,U+20AC,U+2122,U+2190-21FF}
@font-face{font-family:Unbounded;font-weight:700;font-display:swap;src:url(../fonts/unbounded-latin-700-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+2000-206F,U+20AC,U+2122,U+2190-21FF}

:root{
	color-scheme:dark;
	--bg:#05041A; --ink:#0B0830; --ink2:#120d4a;
	--text:#EEEFFF; --muted:#B4B8E6; --dim:#8A8EC4;
	--lime:#C8FF2E; --brand:#0DA9D0; --cyan:#19C6EE; --peri:#6E7CF2; --pink:#FF4FB2; --orange:#FF8A00; --yellow:#FFD400; --green:#2EE6A6; --coral:#FF6B4A; --mov:#B26BFF; --albastru:#4C8DFF;
	--stroke:rgba(255,255,255,.14); --stroke2:rgba(255,255,255,.08); --glass:rgba(255,255,255,.07);
	--ease:cubic-bezier(.2,.8,.2,1); --arc:cubic-bezier(.2,1.4,.4,1);
	--body:"Rethink Sans","Segoe UI",system-ui,-apple-system,Roboto,sans-serif;
	--display:Unbounded,"Rethink Sans","Segoe UI",system-ui,sans-serif;
	--cont:1220px;
}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html{scroll-behavior:smooth;scroll-padding-top:96px}
body{margin:0;font-family:var(--body);font-size:16.5px;line-height:1.6;color:var(--text);background:var(--ink);-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{max-width:100%;display:block}
[hidden]{display:none!important}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit}
:focus{outline:none}
:focus-visible{outline:2px solid var(--lime);outline-offset:3px;border-radius:10px}
h1,h2,h3{margin:0;font-family:var(--display);font-weight:600;letter-spacing:-.025em;line-height:1.08;text-wrap:balance}
h1{font-size:clamp(30px,4.3vw,54px)}
h2{font-size:clamp(26px,3.4vw,44px)}
h3{font-size:18px;letter-spacing:-.01em;line-height:1.25}
p{margin:0}
.cont{max-width:var(--cont);margin:0 auto;padding:0 24px}
.cont.ingust{max-width:860px}
.ico{flex:0 0 auto}
.grad{background:linear-gradient(100deg,var(--lime) 0%,#7fffd4 45%,var(--cyan) 100%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 26px rgba(200,255,46,.18))}

/* ---------- fundalul viu ---------- */
.bgfx{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none;background:radial-gradient(130% 80% at 50% 0%,#2a1c80 0%,#0c0738 70%,var(--bg) 100%)}
.bgfx i{position:absolute;border-radius:50%;will-change:transform}
.bgfx .b1{width:820px;height:820px;left:-280px;top:-260px;background:radial-gradient(circle,rgba(110,118,255,.72),transparent 62%);animation:drift1 42s ease-in-out infinite alternate}
.bgfx .b2{width:700px;height:700px;right:-260px;top:22%;background:radial-gradient(circle,rgba(13,169,208,.55),transparent 62%);animation:drift2 36s ease-in-out infinite alternate}
.bgfx .b3{width:640px;height:640px;left:-200px;bottom:-200px;background:radial-gradient(circle,rgba(255,60,180,.40),transparent 62%);animation:drift3 48s ease-in-out infinite alternate}
.bgfx .b4{width:460px;height:460px;right:-120px;bottom:2%;background:radial-gradient(circle,rgba(255,128,0,.32),transparent 62%);animation:drift1 52s ease-in-out infinite alternate-reverse}
@keyframes drift1{to{transform:translate(140px,170px)}}
@keyframes drift2{to{transform:translate(-180px,120px)}}
@keyframes drift3{to{transform:translate(160px,-130px)}}
/* raster de puncte peste lumini */
.bgfx:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle,transparent 1.15px,rgba(11,8,48,.82) 1.75px);background-size:6px 6px}
/* granulatie (fara mix-blend-mode din 12.10.2026: amestecul peste luminile animate se refacea pe tot ecranul la fiecare cadru) */
.bgfx:after{content:"";position:absolute;inset:0;opacity:.045;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}

/* ---------- sticla ---------- */
.sticla{background:linear-gradient(155deg,rgba(255,255,255,.12),rgba(255,255,255,.04));box-shadow:inset 0 0 0 1px var(--stroke),inset 0 1px 0 rgba(255,255,255,.12);backdrop-filter:blur(16px) saturate(150%);-webkit-backdrop-filter:blur(16px) saturate(150%)}
.sticla-bara{background:rgba(14,10,54,.58);backdrop-filter:blur(22px) saturate(170%);-webkit-backdrop-filter:blur(22px) saturate(170%);box-shadow:inset 0 0 0 1px var(--stroke),0 14px 34px rgba(0,0,0,.4)}

/* ---------- butoane ---------- */
.btn{position:relative;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;gap:9px;height:46px;padding:0 22px;border-radius:999px;border:0;cursor:pointer;
	font:600 15px/1 var(--body);white-space:nowrap;transition:transform .2s var(--ease),box-shadow .3s,background .3s,color .3s;isolation:isolate}
.btn:active{transform:scale(.96)}
.btn-mare{height:54px;padding:0 28px;font-size:16px}
.btn-lime{background:var(--lime);color:var(--ink);box-shadow:0 10px 28px rgba(0,0,0,.35),0 0 24px rgba(200,255,46,.32)}
.btn-lime:hover{box-shadow:0 12px 32px rgba(0,0,0,.4),0 0 38px rgba(200,255,46,.5);transform:translateY(-2px)}
.btn-lime .ico{transition:transform .3s var(--ease)}
.btn-lime:hover .ico{transform:translateX(4px)}
.btn-sticla{background:var(--glass);color:var(--text);box-shadow:inset 0 0 0 1px var(--stroke)}
.btn-sticla:hover{background:rgba(255,255,255,.12);box-shadow:inset 0 0 0 1px rgba(200,255,46,.45)}
.lat{width:100%}
/* sclipire care trece peste butonul lime */
.stralucire:before{content:"";position:absolute;inset:0;border-radius:inherit;z-index:-1;pointer-events:none;
	background:linear-gradient(105deg,transparent 30%,rgba(255,255,255,.85) 48%,transparent 66%) 120% 0/250% 100% no-repeat;animation:sclipire 4.5s ease-out 1.2s infinite}
@keyframes sclipire{0%{background-position:120% 0}30%,100%{background-position:-60% 0}}
/* unda la apasare */
.unda{position:absolute;border-radius:50%;background:currentColor;pointer-events:none;transform:scale(0);opacity:.28;animation:unda .6s var(--ease) forwards}
@keyframes unda{to{transform:scale(1);opacity:0}}

/* ---------- etichete ---------- */
.eticheta{display:inline-flex;align-items:center;gap:8px;padding:7px 15px;border-radius:999px;font-size:13.5px;font-weight:700;letter-spacing:.02em;color:var(--lime);
	background:rgba(200,255,46,.08);box-shadow:inset 0 0 0 1px rgba(200,255,46,.25);margin-bottom:22px}
.eticheta-tc{color:color-mix(in srgb,var(--tc) 70%,#fff);background:color-mix(in srgb,var(--tc) 14%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--tc) 40%,transparent)}
.punct-viu{width:8px;height:8px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 0 rgba(200,255,46,.7);animation:puls 2.2s ease-out infinite}
@keyframes puls{0%{box-shadow:0 0 0 0 rgba(200,255,46,.6)}100%{box-shadow:0 0 0 10px rgba(200,255,46,0)}}

/* ---------- navigatie ---------- */
.nav{position:sticky;top:0;z-index:50;padding:14px 16px 0}
.nav+main{position:relative}
.nav-in{max-width:var(--cont);margin:0 auto;display:flex;align-items:center;gap:24px;height:64px;padding:0 10px 0 18px;border-radius:24px}
.nav-logo img{height:40px;width:auto;filter:drop-shadow(0 0 16px rgba(13,169,208,.35))}
.nav-meniu{display:flex;gap:2px;margin-left:auto}
.nav-meniu a{padding:9px 15px;border-radius:999px;color:var(--muted);font-size:15px;font-weight:500;transition:color .25s,background .25s}
.nav-meniu a:hover,.nav-meniu a.on{color:#fff;background:rgba(255,255,255,.08)}
.nav-cta{height:44px}

/* ---------- hero ---------- */
.hero{position:relative;padding:72px 0 40px;margin-top:-92px;padding-top:164px;isolation:isolate}
/* poza restaurantului, ca la Ebriza: estompata, cu indigo peste ea in stanga ca sa se citeasca textul */
.hero:before{content:"";position:absolute;inset:0 0 -60px;z-index:-1;
	background:linear-gradient(90deg,rgba(11,8,48,.92) 0%,rgba(11,8,48,.72) 34%,rgba(11,8,48,.18) 66%,rgba(11,8,48,.05) 100%),
	linear-gradient(180deg,rgba(11,8,48,.5) 0%,transparent 22%),
	url(../img/hero-restaurant.webp) center 40%/cover no-repeat;animation:respiraPoza 24s ease-in-out infinite alternate;
	-webkit-mask-image:linear-gradient(180deg,#000 62%,transparent 100%);mask-image:linear-gradient(180deg,#000 62%,transparent 100%)}
@keyframes respiraPoza{to{background-position:center 40%,center,center 55%}}
.hero:after{content:"";position:absolute;inset:0 0 -60px;z-index:-1;pointer-events:none;background-image:radial-gradient(circle,transparent 1.1px,rgba(11,8,48,.5) 1.7px);background-size:5px 5px;opacity:.28;-webkit-mask-image:linear-gradient(180deg,#000 62%,transparent 100%);mask-image:linear-gradient(180deg,#000 62%,transparent 100%)}
.hero-in{display:grid;grid-template-columns:1.05fr 1fr;gap:40px;align-items:center}
.hero h1{margin-bottom:22px}
.hero-text>p{font-size:18.5px;color:var(--muted);max-width:570px}
.hero-cta{display:flex;gap:12px;margin:34px 0 40px;flex-wrap:wrap}
.hero-fapte{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;max-width:600px}
.hero-fapte li{padding:14px 16px;border-radius:18px;background:var(--glass);box-shadow:inset 0 0 0 1px var(--stroke2)}
.hero-fapte b{display:block;font-family:var(--display);font-size:22px;font-weight:600;font-variant-numeric:tabular-nums;overflow-wrap:break-word}
.hero-fapte li>span{display:block;font-size:13.5px;line-height:1.4;color:var(--dim)}
.hero-viz{position:relative;height:540px}
.chip-viu{position:absolute;z-index:3;display:flex;align-items:center;gap:8px;padding:10px 14px;border-radius:16px;font-size:13.5px;font-weight:600;white-space:nowrap}
.chip-viu.c1{left:4%;top:12%;animation:plutire 7s ease-in-out infinite}
.chip-viu.c2{right:2%;bottom:8%;color:#fff;animation:plutire 8s ease-in-out .8s infinite}
.chip-viu .ico{color:var(--cyan)}

/* ---------- dispozitive ---------- */
.dev{position:absolute;background:#0a0820;box-shadow:inset 0 0 0 1px rgba(255,255,255,.16),0 40px 90px -30px rgba(0,0,0,.8),0 0 60px -20px rgba(110,124,242,.45)}
.dev img{width:100%;height:100%;object-fit:cover;object-position:top}
.dev.tableta{border-radius:26px;padding:11px;aspect-ratio:1180/820}
.dev.tableta img{border-radius:16px}
.dev.telefon{border-radius:36px;padding:8px;aspect-ratio:390/844}
.dev.telefon img{border-radius:29px}
.hero-viz .tableta{width:92%;right:0;top:40px;--rot:perspective(1600px) rotateY(-16deg) rotateX(5deg)}
/* capturile primei pagini, ca slideshow (Admin → Capturi prima pagina): stau una peste alta in rama, una vizibila */
.hero-viz .tableta{--pd:11px}.hero-viz .telefon{--pd:8px}
.hero-viz .dev .cap{position:absolute;top:var(--pd);left:var(--pd);width:calc(100% - 2 * var(--pd));height:calc(100% - 2 * var(--pd));
	opacity:0;z-index:0;transform:scale(1.06);filter:blur(8px);transition:none}
/* trecerea: poza noua vine deasupra (estompata, putin mai mare) si se limpezeste, iar cea veche ramane sub ea pana la
   capat (.iese) - fara „gol” intunecat la mijloc */
.hero-viz .dev .cap.on{opacity:1;z-index:2;transform:none;filter:none;
	transition:opacity 1.6s cubic-bezier(.4,0,.2,1),transform 2.4s cubic-bezier(.22,.61,.36,1),filter 1.5s cubic-bezier(.4,0,.2,1)}
.hero-viz .dev .cap.iese{opacity:1;z-index:1;transform:none;filter:none}
.hero-viz .dev .cap.toata{object-fit:contain;object-position:center;background:#0d0a2c}
/* LIX: capturile nu se pot deschide in tab nou / salva din meniul click-dreapta sau prin tinere apasat pe telefon:
   clicul trece prin poza la rama (meniul obisnuit al paginii), fara tragere, fara selectie */
/* LX: la fel pe TOATE capturile de produs (prima pagina, Produse, paginile produselor): .dev si .produs-viz */
.dev,.produs-viz{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}
.dev img,.produs-viz img{pointer-events:none;-webkit-user-drag:none;user-drag:none}
.hero-viz .telefon{width:29%;left:2%;bottom:0;--rot:perspective(1200px) rotateY(12deg)}
.plutire{transform:var(--rot);animation:plutireRot 9s ease-in-out infinite}
.plutire.p2{animation-duration:7.5s;animation-delay:-2s}
@keyframes plutireRot{50%{transform:var(--rot) translateY(-14px)}}
@keyframes plutire{50%{transform:translateY(-10px)}}
.dev.ecran{position:relative;border-radius:18px;padding:30px 0 0;overflow:hidden;background:#0d0a2c}
.dev.ecran img{height:auto;border-radius:0}
.dev.fereastra{position:relative;border-radius:8px;padding:0;background:none}
.dev.fereastra img{height:auto;border-radius:8px}
.ecran-bara{position:absolute;top:11px;left:14px;display:flex;gap:6px}
.ecran-bara i{width:10px;height:10px;border-radius:50%;background:#2a2560}
.ecran-bara i:first-child{background:#ff5f7a}.ecran-bara i:nth-child(2){background:var(--yellow)}.ecran-bara i:nth-child(3){background:var(--lime)}

/* ---------- domenii (dale) ---------- */
.domenii{list-style:none;padding:0;margin:56px 0 0;display:grid;grid-template-columns:repeat(8,1fr);gap:12px}
.dala{display:flex;flex-direction:column;align-items:center;gap:10px;padding:18px 8px;border-radius:20px;font-size:14px;font-weight:600;color:var(--muted);text-align:center;
	transition:transform .3s var(--ease),color .3s,box-shadow .3s;opacity:0;transform:translateY(16px);animation:intra .7s var(--ease) forwards;animation-delay:calc(.5s + var(--i)*.06s)}
.dala .ico{color:var(--lime);transition:transform .35s var(--arc)}
.dala:hover{color:#fff;transform:translateY(-4px);box-shadow:inset 0 0 0 1px rgba(200,255,46,.4),0 14px 30px -14px rgba(200,255,46,.4)}
.dala:hover .ico{transform:scale(1.18) rotate(-6deg)}
@keyframes intra{to{opacity:1;transform:none}}

/* ---------- sectiuni ---------- */
.sectiune{padding:110px 0;position:relative}
/* paginile din meniu (/produse/, /preturi/ ...): prima sectiune incepe sub bara de sus */
.pagina-meniu>section:first-child{padding-top:170px}
.pagina-meniu h1{font-size:clamp(30px,4.2vw,54px)}
/* banda de final cu Cere demo */
.chemare{padding-top:40px}
.chemare-in{display:flex;align-items:center;justify-content:space-between;gap:30px;flex-wrap:wrap;padding:44px 48px;border-radius:30px}
.chemare-in h2{margin:14px 0 10px}
.chemare-in .lead{margin:0;max-width:560px}
.chemare-in .hero-cta{margin:0}
.cap{text-align:center;max-width:760px;margin:0 auto 56px}
.cap p{color:var(--muted);font-size:18px;margin-top:18px}
.grila4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.grila-produse{grid-template-columns:repeat(3,1fr)}

/* card colorat, ca sesiunile din program: degrade din culoarea lui + dunga stanga */
.card-t{position:relative;display:flex;flex-direction:column;gap:12px;padding:26px 24px 24px 28px;border-radius:22px;overflow:hidden;color:#fff;--tc:var(--peri);
	background:linear-gradient(160deg,color-mix(in srgb,var(--tc) 30%,rgba(255,255,255,.06)),color-mix(in srgb,var(--tc) 7%,rgba(255,255,255,.03)));
	box-shadow:inset 0 0 0 1px rgba(255,255,255,.13),inset 0 1px 0 rgba(255,255,255,.16);transition:transform .35s var(--ease),box-shadow .35s}
.card-t:before{content:"";position:absolute;left:0;top:16px;bottom:16px;width:3px;border-radius:0 3px 3px 0;background:var(--tc);box-shadow:0 0 14px var(--tc)}
.card-t:hover{transform:translateY(-6px);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--tc) 60%,transparent),0 24px 50px -20px color-mix(in srgb,var(--tc) 70%,transparent)}
.card-t p{color:var(--muted);font-size:15px;flex:1}
.card-ico{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;color:var(--ink);background:var(--tc);box-shadow:0 8px 20px -6px var(--tc)}
.mai{display:inline-flex;align-items:center;gap:6px;color:var(--lime);font-size:14px;font-weight:600}
.mai .ico{transition:transform .3s var(--ease)}
.card-t:hover .mai .ico{transform:translateX(5px)}
.serv-pret{align-self:flex-start;font-size:12.5px;font-weight:700;color:var(--ink);padding:4px 11px;border-radius:999px;background:var(--lime)}

/* ---------- sectiunea fiecarui produs ---------- */
.produs-in{display:grid;grid-template-columns:1fr 1.12fr;gap:64px;align-items:center}
.produs.invers .produs-text{order:2}
.produs h2{margin-bottom:18px}
.lead{font-size:18px;color:var(--muted)}
.puncte{list-style:none;padding:0;margin:30px 0 34px;display:grid;grid-template-columns:1fr 1fr;gap:18px 22px}
.puncte li{display:flex;gap:12px}
.puncte b{display:block;font-weight:700;font-size:15px}
.puncte span{font-size:14px;color:var(--dim);line-height:1.5}
.bifa{flex:0 0 26px;height:26px;border-radius:9px;display:grid;place-items:center;color:var(--ink);background:var(--tc)}
.bifa .ico{stroke-width:3}
.produs-viz{position:relative}
.halou{position:absolute;inset:6% 4%;border-radius:50%;background:radial-gradient(closest-side,color-mix(in srgb,var(--tc) 55%,transparent),transparent);filter:blur(30px);z-index:-1;animation:respira 6s ease-in-out infinite}
@keyframes respira{50%{transform:scale(1.12);opacity:.75}}
.viz-ecran{display:grid}
.viz-fereastra{display:grid;place-items:center}
.viz-fereastra .e0{width:100%}
.viz-ecran .e0{width:94%}
.viz-ecran .e1{width:84%;margin:-16% 0 0 16%}
.viz-telefoane{height:580px}
.viz-telefoane .telefon{width:37%}
.viz-telefoane .t0{left:0;top:46px;transform:rotate(-7deg)}
.viz-telefoane .t1{left:31.5%;top:0;z-index:2}
.viz-telefoane .t2{right:3%;top:46px;transform:rotate(7deg)}
/* ANdebE Fiscal Bridge: fara capturi de ecran - un bon fiscal desenat si marcile de case compatibile */
.viz-case{display:flex;flex-direction:column;align-items:center;gap:26px;padding:10px 0}
.bon-viz{display:flex;justify-content:center;transform:rotate(-3deg)}
.bon-hartie{position:relative;width:min(300px,78vw);display:flex;flex-direction:column;gap:7px;padding:24px 22px 34px;background:#fbfaf6;color:#1b1a2e;
	font:500 13.5px/1.35 ui-monospace,"Cascadia Mono",Consolas,monospace;border-radius:6px 6px 0 0;
	box-shadow:0 40px 80px -30px rgba(0,0,0,.85),0 0 70px -18px color-mix(in srgb,var(--tc) 70%,transparent);
	-webkit-mask:radial-gradient(circle 7px at 50% 100%,transparent 98%,#000) 0 0/16px 100% repeat-x;mask:radial-gradient(circle 7px at 50% 100%,transparent 98%,#000) 0 0/16px 100% repeat-x}
.bon-cap{text-align:center;font:700 16px var(--display);letter-spacing:.08em}
.bon-mic{text-align:center;font-size:11.5px;color:#6b6a80;padding-bottom:8px;border-bottom:1.5px dashed #c9c7d6;margin-bottom:4px}
.bon-r{display:flex;justify-content:space-between;gap:12px}
.bon-r i{font-style:normal}
.bon-total{font-weight:800;font-size:15px;padding-top:8px;margin-top:4px;border-top:1.5px dashed #c9c7d6}
.bon-cod{height:30px;margin-top:10px;background:repeating-linear-gradient(90deg,#1b1a2e 0 2px,transparent 2px 4px,#1b1a2e 4px 7px,transparent 7px 9px,#1b1a2e 9px 10px,transparent 10px 13px)}
.viz-ico-mare{display:grid;place-items:center;aspect-ratio:4/3;border-radius:28px;color:var(--tc);background:radial-gradient(closest-side,color-mix(in srgb,var(--tc) 22%,transparent),transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--tc) 30%,transparent)}
.case-marci{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;justify-content:center;gap:10px;max-width:480px}
.case-marci li{padding:9px 16px;border-radius:999px;font:600 14px var(--display);color:var(--text);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--tc) 55%,transparent)}
.produs{overflow-x:clip}

/* ---------- beneficii ---------- */
.ben-in{display:grid;grid-template-columns:.9fr 1.4fr;gap:56px;align-items:start}
.ben-cap{position:sticky;top:120px}
.ben-cap .hero-cta{margin:30px 0 0}
.ben-grila{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.ben{padding:24px;border-radius:22px;background:var(--glass);box-shadow:inset 0 0 0 1px var(--stroke2);transition:background .3s,box-shadow .3s}
.ben:hover{background:rgba(255,255,255,.1);box-shadow:inset 0 0 0 1px rgba(255,212,0,.35)}
.ben-ico{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;color:var(--ink);background:var(--yellow);margin-bottom:16px;box-shadow:0 8px 22px -8px var(--yellow)}
.ben p{color:var(--muted);font-size:15px;margin-top:8px}

/* ---------- clientii: banda care curge ---------- */
.clienti{position:relative;padding:30px 0 10px}
.clienti-in{display:flex;align-items:center;gap:26px}
.clienti-titlu{flex:0 0 auto;font-family:var(--display);font-size:15px;font-weight:600;color:var(--muted);max-width:150px;line-height:1.3}
.banda-clienti{flex:1;min-width:0}
.banda-clienti .banda-in{animation-duration:46s}
.client{display:flex;align-items:center;gap:12px;padding:10px 20px 10px 10px;border-radius:999px;white-space:nowrap}
.client-ico{flex:0 0 44px;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;color:var(--ink);background:var(--tc);
	box-shadow:0 0 0 4px color-mix(in srgb,var(--tc) 25%,transparent),0 8px 18px -8px var(--tc)}
.client-txt{display:flex;flex-direction:column;line-height:1.2}
.client-txt b{font-family:var(--display);font-size:14.5px;font-weight:600}
.client-txt small{font-size:12.5px;color:var(--dim)}
.client-txt img{height:24px;width:auto;margin-bottom:3px}
.client-ico.are-img{background:#fff;overflow:hidden;padding:2px}
.client-ico.are-img img{width:100%;height:100%;border-radius:50%;display:block}

/* ---------- integrari: banda care curge ---------- */
.banda{overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent)}
.banda-in{display:flex;gap:14px;width:max-content;animation:curge 38s linear infinite}
.banda:hover .banda-in{animation-play-state:paused}
@keyframes curge{to{transform:translateX(calc(-50% - 7px))}}
.int{display:flex;flex-direction:column;gap:2px;padding:16px 22px;border-radius:18px;min-width:180px}
.int b{font-family:var(--display);font-size:16px;font-weight:600}
.int small{color:var(--dim);font-size:13px}

/* ---------- comutator cu pastila care aluneca ---------- */
.seg{position:relative;display:flex;margin:0 auto 14px;width:max-content;max-width:100%;padding:4px;border-radius:999px;background:var(--glass);box-shadow:inset 0 0 0 1px var(--stroke)}
.seg button{position:relative;z-index:1;height:40px;padding:0 20px;border:0;background:none;border-radius:999px;font-size:14.5px;font-weight:600;color:var(--muted);cursor:pointer;transition:color .3s;white-space:nowrap}
.seg button.on{color:var(--ink)}
.seg button em{font-style:normal;font-size:11.5px;font-weight:700;margin-left:6px;padding:2px 8px;border-radius:999px;background:rgba(200,255,46,.16);color:var(--lime);transition:.3s}
.seg button.on em{background:rgba(11,8,48,.15);color:var(--ink)}
.seg-ind{position:absolute;top:4px;bottom:4px;left:0;border-radius:999px;background:var(--lime);box-shadow:0 0 20px rgba(200,255,46,.4);transition:transform .42s var(--ease),width .42s var(--ease)}

/* ---------- preturi: axa care se trage stanga-dreapta ---------- */
.preturi .seg-mod{margin-bottom:34px}
.axa-pret{position:relative;max-width:1440px;margin:0 auto}
.ap-scroll{position:relative;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;cursor:grab;padding:58px 0 20px;
	--lab:64px;--col:320px;--gap:16px;scroll-padding-left:calc(var(--lab) + var(--gap))}
.ap-scroll::-webkit-scrollbar{display:none}
.ap-scroll.trage{cursor:grabbing;scroll-snap-type:none}
.ap-scroll.trage *{user-select:none}
.ap-rigla{position:absolute;top:4px;left:calc(var(--lab) + var(--gap));display:flex;gap:var(--gap);height:36px;align-items:flex-end;padding-bottom:8px;
	background-image:repeating-linear-gradient(90deg,rgba(255,255,255,.35) 0 1px,transparent 1px 21px);background-size:auto 5px;background-repeat:repeat-x;background-position:0 100%}
.ap-col{width:var(--col);flex:0 0 var(--col);font-family:var(--display);font-size:13px;font-weight:600;color:var(--dim);letter-spacing:.04em}
.ap-linie{position:absolute;top:30px;bottom:12px;width:2px;margin-left:-1px;background:var(--lime);box-shadow:0 0 14px rgba(200,255,46,.75);z-index:1;pointer-events:none;border-radius:1px}
.ap-linie b{position:absolute;z-index:5;top:-30px;left:50%;transform:translateX(-50%);padding:5px 12px;border-radius:999px;background:var(--lime);color:var(--ink);font:700 12px var(--display);white-space:nowrap;box-shadow:0 0 22px rgba(200,255,46,.45)}
.ap-rand{position:relative;display:flex;gap:var(--gap);padding:0 24px 0 0;margin-bottom:calc(var(--gap) + 28px);width:max-content;
	opacity:0;transform:translateX(80px);transition:opacity .8s var(--ease),transform 1s var(--ease);transition-delay:calc(var(--r)*.09s)}
.axa-pret.vazut .ap-rand{opacity:1;transform:none}
/* eticheta verticala a randului, lipita la stanga cand se trage */
.ap-eticheta{position:sticky;left:0;z-index:4;flex:0 0 var(--lab);width:var(--lab);display:flex;align-items:stretch;padding:0 8px 0 16px}
.ap-eticheta span{flex:1;display:flex;align-items:center;justify-content:center;border-radius:16px;writing-mode:vertical-rl;transform:rotate(180deg);
	font:600 12.5px var(--display);letter-spacing:.12em;text-transform:uppercase;color:color-mix(in srgb,var(--tc) 75%,#fff);
	background:color-mix(in srgb,var(--tc) 18%,#120d44);box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--tc) 70%,transparent),0 6px 18px rgba(0,0,0,.35)}
.ap-rand .pachet{scroll-snap-align:start;z-index:2}
/* banda din spatele randului: "stickere" rotunde cu trifoiul ANdebE, unele peste altele, care curg incet */
.ap-rand:before{content:"";position:absolute;left:calc(var(--lab) - 10px);right:0;top:-14px;bottom:-14px;z-index:0;border-radius:18px;pointer-events:none;
	background:radial-gradient(circle,transparent 1.1px,rgba(11,8,48,.55) 1.7px) 0 0/5px 5px,
	linear-gradient(90deg,color-mix(in srgb,var(--tc) 18%,rgba(11,8,48,.5)),color-mix(in srgb,var(--tc) 10%,rgba(11,8,48,.62))),
	var(--trifoi) 0 50%/1600px 440px repeat-x;
	box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--tc) 45%,transparent);
	animation:curgeTrifoi 90s linear infinite}
.ap-rand:nth-of-type(even):before{animation-direction:reverse}
.ap-rand[data-produs="pos"]{--trifoi:url(../img/trifoi-cyan.webp)}
.ap-rand[data-produs="mobil"]{--trifoi:url(../img/trifoi-orange.webp)}
.ap-rand[data-produs="bms"]{--trifoi:url(../img/trifoi-pink.webp)}
.ap-rand[data-produs="pms"]{--trifoi:url(../img/trifoi-peri.webp)}
.ap-rand[data-produs="self"]{--trifoi:url(../img/trifoi-green.webp)}
.ap-rand[data-produs="kds"]{--trifoi:url(../img/trifoi-yellow.webp)}
.ap-rand[data-produs="fiscal"]{--trifoi:url(../img/trifoi-coral.webp)}
.ap-rand[data-produs="retail"]{--trifoi:url(../img/trifoi-mov.webp)}
.ap-rand[data-produs="spv"]{--trifoi:url(../img/trifoi-albastru.webp)}
@keyframes curgeTrifoi{to{background-position:0 0,0 0,-1600px 50%}}

.pachet{position:relative;isolation:isolate;flex:0 0 var(--col,320px);width:var(--col,320px);display:flex;flex-direction:column;padding:22px 22px 20px 26px;border-radius:22px;overflow:hidden;cursor:pointer;color:#fff;
	background:linear-gradient(160deg,color-mix(in srgb,var(--tc) 22%,rgba(16,11,60,.30)),color-mix(in srgb,var(--tc) 6%,rgba(16,11,60,.55)));
	/* fara backdrop-filter (12.10.2026): 72 de carduri, fiecare isi recalcula fundalul la fiecare cadru de scroll peste
	   luminile animate - scroll sacadat si carduri care apareau / dispareau; blur-ul de 1px nu se vedea oricum */
	box-shadow:inset 0 0 0 1px rgba(255,255,255,.15),inset 0 1px 0 rgba(255,255,255,.18),0 18px 40px -24px rgba(0,0,0,.7);transition:transform .25s var(--ease),box-shadow .3s}
.pachet:before{content:"";position:absolute;left:0;top:16px;bottom:16px;width:3px;border-radius:0 3px 3px 0;background:var(--tc)}
.pachet:hover{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--tc) 65%,transparent),0 22px 44px -22px color-mix(in srgb,var(--tc) 80%,transparent)}
.pachet:active{transform:scale(.97)}
.pachet.rec{box-shadow:inset 0 0 0 1.5px rgba(200,255,46,.65),0 0 26px rgba(200,255,46,.14)}
/* bulinele din spate: raster de puncte, ca pe banda din program, se misca usor */
.pachet-raster{display:none;position:absolute;inset:-20%;z-index:-1;opacity:.5;pointer-events:none;
	background-image:radial-gradient(circle,color-mix(in srgb,var(--tc) 80%,#fff) 1.3px,transparent 1.8px);background-size:14px 14px;
	mask-image:radial-gradient(70% 60% at 85% 15%,#000,transparent 70%);-webkit-mask-image:radial-gradient(70% 60% at 85% 15%,#000,transparent 70%);
	animation:raster 18s linear infinite}
@keyframes raster{to{transform:translate(-14px,14px)}}
.pachet-cap{display:flex;align-items:center;justify-content:space-between;gap:10px}
.pachet h3{font-size:19px}
.rec-et{padding:4px 10px;border-radius:999px;font-size:11.5px;font-weight:700;color:var(--ink);background:var(--lime);animation:puls 2.2s ease-out infinite}
.pachet-desc{color:var(--muted);font-size:14px;margin:8px 0 16px;min-height:42px}
.pret{min-height:78px}
.suma{display:block;font-size:18px;color:var(--muted)}
.suma b{font-family:var(--display);font-size:40px;font-weight:600;color:#fff;letter-spacing:-.03em;display:inline-block;transition:transform .35s var(--arc),opacity .2s}
.suma b.mic{font-size:26px}
.suma b.schimba{transform:translateY(-10px) scale(.9);opacity:0}
.unit{display:block;font-size:13px;color:var(--dim)}
.sub{color:var(--lime)}
.pachet-lista{list-style:none;margin:16px 0 0;padding:14px 0 0;border-top:1px solid var(--stroke2);display:flex;flex-direction:column;gap:9px}
.pachet-lista li{display:flex;gap:9px;font-size:14px;color:var(--muted);line-height:1.4}
.pachet-lista .ico{color:var(--lime);margin-top:2px}
.pachet-lista .mai-mult{color:var(--lime);font-weight:600}
.pachet.pers .btn{margin-top:auto}
.ap-inapoi{position:absolute;left:50%;bottom:-6px;z-index:6;transform:translateX(-50%);animation:intraJos .5s var(--arc)}
.ap-inapoi .ico{transform:rotate(180deg)}
@keyframes intraJos{from{opacity:0;transform:translate(-50%,16px) scale(.8)}}
.ap-indiciu{display:flex;align-items:center;justify-content:center;gap:5px;margin-top:6px;font-size:13px;color:var(--dim)}
.ap-indiciu i{width:5px;height:5px;border-radius:50%;background:var(--lime);animation:indiciu 1.6s ease-in-out infinite}
.ap-indiciu i:nth-child(2){animation-delay:.15s}.ap-indiciu i:nth-child(3){animation-delay:.3s;margin-right:6px}
@keyframes indiciu{0%,100%{opacity:.25;transform:translateX(0)}50%{opacity:1;transform:translateX(5px)}}
.nota{text-align:center;color:var(--dim);font-size:14px;margin-top:22px}

/* ---------- foaia cu detaliile pachetului ---------- */
.foaie{position:fixed;inset:0;z-index:90;display:flex;align-items:flex-end;justify-content:center}
.foaie-fundal{position:absolute;inset:0;background:rgba(5,4,26,.6);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);animation:apareF .3s ease}
.foaie-panou{position:relative;width:min(560px,100%);max-height:88vh;overflow:auto;padding:30px 28px 28px;border-radius:30px 30px 0 0;background:linear-gradient(160deg,color-mix(in srgb,var(--tc,var(--peri)) 26%,#16114a),#0e0a3c 70%);
	box-shadow:inset 0 0 0 1px var(--stroke),0 -20px 60px rgba(0,0,0,.5);animation:urca .5s var(--ease)}
@media (min-width:700px){.foaie{align-items:center}.foaie-panou{border-radius:30px;animation:mareste .45s var(--arc)}}
@keyframes apareF{from{opacity:0}}
@keyframes urca{from{transform:translateY(100%)}}
@keyframes mareste{from{opacity:0;transform:scale(.88) translateY(20px)}}
.foaie-maner{display:block;width:44px;height:5px;border-radius:3px;background:rgba(255,255,255,.25);margin:-14px auto 16px}
/* bara de sus a foii, ca detaliul din iuf: x | produs 2/4 | ‹ › */
.foaie-bara{display:flex;align-items:center;gap:2px;margin:-16px -14px 18px;padding:0 0 8px;border-bottom:1px solid var(--stroke2)}
.foaie-unde{flex:1;min-width:0;display:flex;align-items:baseline;justify-content:center;gap:8px;font-size:14px;color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden}
.foaie-unde #foaie-produs{color:#fff;font-weight:600;overflow:hidden;text-overflow:ellipsis}
.foaie-ib{position:relative;flex:0 0 44px;width:44px;height:44px;border-radius:22px;border:0;padding:0;background:none;display:grid;place-items:center;color:#fff;cursor:pointer;transition:opacity .2s,background .2s}
.foaie-ib:active{background:rgba(255,255,255,.1)}
.foaie-ib:disabled{opacity:.25;cursor:default;background:none}
.foaie-slide{touch-action:pan-y}
.foaie h3{font-size:28px;margin:-6px 0 8px}
.foaie-desc{color:var(--muted)}
.foaie-pret{margin:20px 0 4px;padding:16px 18px;border-radius:18px;background:rgba(0,0,0,.2);box-shadow:inset 0 0 0 1px var(--stroke2)}
.foaie .pachet-lista{margin:16px 0 22px}

/* ---------- axa de implementare ---------- */
.axa{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(4,1fr);gap:20px;position:relative}
.axa:before{content:"";position:absolute;left:0;right:0;top:13px;height:2px;background:linear-gradient(90deg,var(--lime),var(--cyan),var(--pink),var(--orange));opacity:.6;border-radius:2px}
.axa li{position:relative;padding-top:42px}
.axa .nod{position:absolute;top:4px;left:0;width:20px;height:20px;border-radius:50%;background:var(--ink);box-shadow:inset 0 0 0 3px var(--lime),0 0 18px rgba(200,255,46,.5)}
.axa .nod:after{content:"";position:absolute;inset:-6px;border-radius:50%;border:2px solid var(--lime);opacity:0;animation:inel 2.6s ease-out infinite}
.axa li:nth-child(2) .nod:after{animation-delay:.6s}.axa li:nth-child(3) .nod:after{animation-delay:1.2s}.axa li:nth-child(4) .nod:after{animation-delay:1.8s}
@keyframes inel{0%{transform:scale(1);opacity:.9}100%{transform:scale(2.3);opacity:0}}
.axa b{font-family:var(--display);font-size:18px;font-weight:600}
.axa p{color:var(--muted);font-size:15px;margin-top:8px}

/* ---------- intrebari ---------- */
.faq{display:flex;flex-direction:column;gap:12px}
.faq details{border-radius:20px;overflow:hidden;transition:box-shadow .3s}
.faq details[open]{box-shadow:inset 0 0 0 1px rgba(200,255,46,.4)}
.faq summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 22px;cursor:pointer;font-weight:600;font-size:16.5px}
.faq summary::-webkit-details-marker{display:none}
.plus{position:relative;flex:0 0 30px;height:30px;border-radius:50%;background:var(--glass);box-shadow:inset 0 0 0 1px var(--stroke);transition:transform .4s var(--arc),background .3s}
.plus:before,.plus:after{content:"";position:absolute;left:50%;top:50%;width:12px;height:2px;margin:-1px 0 0 -6px;background:var(--lime);border-radius:1px}
.plus:after{transform:rotate(90deg)}
.faq details[open] .plus{transform:rotate(135deg);background:rgba(200,255,46,.15)}
.faq details p{padding:0 22px 22px;color:var(--muted);animation:intra .4s var(--ease) both}

/* ---------- contact ---------- */
.contact-in{display:grid;grid-template-columns:1fr 1.1fr;gap:56px;align-items:start}
.contact h2{margin-bottom:16px}
.contacte{list-style:none;padding:0;margin:32px 0 0;display:flex;flex-direction:column;gap:12px}
.contacte a{position:relative;overflow:hidden;display:inline-flex;align-items:center;gap:14px;padding:15px 20px;border-radius:18px;font-weight:600;transition:box-shadow .25s}
.contacte a:hover{box-shadow:inset 0 0 0 1px rgba(200,255,46,.45)}
.contacte .ico{color:var(--lime)}
.formular{padding:30px;border-radius:26px;display:flex;flex-direction:column;gap:16px}
.formular label{display:flex;flex-direction:column;gap:7px;font-size:13px;font-weight:600;color:var(--muted)}
.formular input,.formular select,.formular textarea{font:400 15.5px var(--body);color:var(--text);background:rgba(5,4,26,.5);border:0;box-shadow:inset 0 0 0 1px var(--stroke);border-radius:14px;padding:13px 15px;outline:none;transition:box-shadow .2s;width:100%}
.formular select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--muted) 50%),linear-gradient(-45deg,transparent 50%,var(--muted) 50%);background-position:calc(100% - 20px) 52%,calc(100% - 15px) 52%;background-size:5px 5px;background-repeat:no-repeat}
.formular input:focus,.formular select:focus,.formular textarea:focus{box-shadow:inset 0 0 0 1.5px var(--lime),0 0 0 4px rgba(200,255,46,.12)}
.rand2{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.capcana{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.msg{padding:12px 15px;border-radius:14px;font-size:14px;font-weight:600}
.msg.ok{background:rgba(200,255,46,.12);box-shadow:inset 0 0 0 1px rgba(200,255,46,.4);color:var(--lime)}
.msg.er{background:rgba(255,79,178,.12);box-shadow:inset 0 0 0 1px rgba(255,79,178,.45);color:#ffc2e4}

.subsol{padding:40px 0 48px;color:var(--dim);font-size:14px;border-top:1px solid var(--stroke2)}
.subsol-in{display:flex;align-items:center;gap:20px;flex-wrap:wrap}
.subsol .mic{margin-left:auto}

/* ---------- paginile de detaliu ---------- */
.hero-pagina{padding-bottom:20px}
.hero-pagina:before{background:radial-gradient(900px 520px at 80% 30%,color-mix(in srgb,var(--tc) 35%,transparent),transparent 65%),radial-gradient(700px 500px at 0% 0%,rgba(110,118,255,.25),transparent 60%);animation:none;-webkit-mask-image:none;mask-image:none}
.hero-pagina:after{display:none}
.hero-pagina h1{font-size:clamp(28px,3.8vw,48px)}
.hero-pagina .cont:not(.hero-in) .hero-text{max-width:860px}
.firimituri{display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:13.5px;color:var(--dim);margin-bottom:18px}
.firimituri a{color:var(--muted)}.firimituri a:hover{color:var(--lime)}
.firimituri b{color:var(--text);font-weight:600}
.cap-stanga{text-align:left;margin:0 0 34px;max-width:820px}
.detalii{padding:70px 0}
.grila-puncte{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.punct{display:flex;gap:14px;padding:22px;border-radius:22px;background:var(--glass);box-shadow:inset 0 0 0 1px var(--stroke2);transition:box-shadow .3s,background .3s}
.punct:hover{background:rgba(255,255,255,.1);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--tc) 55%,transparent)}
.punct h3{font-size:16px;margin-bottom:6px}
.punct p{color:var(--muted);font-size:14.5px}
.lista-chip{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.lista-chip li{display:flex;gap:12px;align-items:flex-start;padding:16px 18px;border-radius:18px;font-size:15px}
.lista-chip .ico{color:var(--lime);margin-top:3px}
.alte .grila4 .card-t{min-height:150px}

/* ---------- subsol cu coloane ---------- */
.subsol-grila{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:28px;margin-bottom:28px}
.subsol-grila>div{display:flex;flex-direction:column;gap:8px}
.subsol-grila b{font-family:var(--display);font-size:14px;font-weight:600;color:var(--text);margin-bottom:4px}
.subsol-grila a{color:var(--dim);font-size:14px}.subsol-grila a:hover{color:var(--lime)}
.subsol-marca img{margin-bottom:8px}
.subsol .mic{margin:0;padding-top:20px;border-top:1px solid var(--stroke2)}

/* ---------- bara plutitoare de jos (doar pe telefon) ---------- */
.doc{display:none}

/* ---------- aparitie la scroll ---------- */
.js .apare{opacity:0;transform:translateY(26px);transition:opacity .8s var(--ease),transform .8s var(--ease)}
.js .apare.vazut{opacity:1;transform:none}
.grila4 .apare:nth-child(2),.ben-grila .apare:nth-child(2){transition-delay:.08s}
.grila4 .apare:nth-child(3),.ben-grila .apare:nth-child(3){transition-delay:.16s}
.grila4 .apare:nth-child(4),.ben-grila .apare:nth-child(4){transition-delay:.24s}
.ben-grila .apare:nth-child(5){transition-delay:.32s}.ben-grila .apare:nth-child(6){transition-delay:.4s}

@media (prefers-reduced-motion:reduce){
	html{scroll-behavior:auto}
	*,*:before,*:after{animation:none!important;transition:none!important}
	.apare,.dala,.ap-rand{opacity:1!important;transform:none!important}
}

/* ---------- responsive ---------- */
@media (max-width:1100px){
	.grila4{grid-template-columns:repeat(2,1fr)}
	.grila-puncte{grid-template-columns:repeat(2,1fr)}
	.subsol-grila{grid-template-columns:1fr 1fr}
	.domenii{grid-template-columns:repeat(4,1fr)}
	.hero-in,.produs-in,.contact-in,.ben-in{grid-template-columns:1fr}
	.ben-cap{position:static}
	.produs.invers .produs-text{order:0}
	.hero-viz{height:460px;max-width:660px;width:100%;margin:0 auto}
}
@media (max-width:860px){
	.nav-meniu{display:none}
	.nav-cta{margin-left:auto}
	.axa{grid-template-columns:1fr 1fr;row-gap:34px}
	.axa:before{display:none}
	/* bara de jos, cu pastila lime care aluneca */
	.doc{position:fixed;left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom));z-index:60;height:68px;border-radius:26px;display:flex;align-items:stretch;padding:0 6px}
	.doc a{position:relative;z-index:1;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:var(--muted)}
	.doc .ic{width:52px;height:30px;display:grid;place-items:center;transition:color .3s}
	.doc .tl{font-size:11.5px;font-weight:500;transition:color .3s}
	.doc a.on .ic{color:var(--ink)}
	.doc a.on .tl{color:#fff;font-weight:700}
	.doc-ind{position:absolute;left:0;top:10px;width:52px;height:30px;border-radius:15px;background:var(--lime);box-shadow:0 0 18px rgba(200,255,46,.4);transition:transform .42s var(--ease)}
	body{padding-bottom:96px}
}
@media (max-width:640px){
	body{font-size:16px}
	/* 13/10/2026, Mihai: „la mobile poza de fundal nu ia zoomul de la PC, văd doar un perete”. Pe telefon prima
	   pagină e înaltă (~1360 px) și îngustă, iar `cover` mărea poza după înălțime de ~6 ori: rămânea o bucată de
	   perete. Acum poza stă într-o bandă de 680 px sus (cât titlul și textul), lată cât îi cere înălțimea, pe
	   partea cu oamenii (58%); se topește în indigo la capăt, iar restul paginii rămâne indigo ca pe PC. */
	.hero:before{background:linear-gradient(180deg,rgba(11,8,48,.5) 0%,rgba(11,8,48,.62) 40%,rgba(11,8,48,.86) 100%) 0 0/100% 100% no-repeat,
		linear-gradient(180deg,transparent 55%,rgb(11,8,48) 100%) 0 0/100% 680px no-repeat,
		url(../img/hero-restaurant-mic.webp) 58% 0/auto 680px no-repeat;animation:none}
	.clienti-in{flex-direction:column;align-items:flex-start;gap:12px}
	.clienti-titlu{max-width:none}
	/* banda pe toata latimea: in coloana, cu align-items:flex-start, banda lua latimea intregului sir de clienti
	   (~3000 px) si lata toata prima pagina pe telefon - pagina se derula lateral (12.10.2026) */
	.banda-clienti{align-self:stretch;width:100%}
	.cont{padding:0 16px}
	.nav{padding:10px 10px 0}
	.nav-in{height:58px;border-radius:20px;padding:0 8px 0 14px}
	.nav-logo img{height:34px}
	.sectiune{padding:76px 0}
	.pagina-meniu>section:first-child{padding-top:120px}
	.chemare-in{padding:30px 22px}
	.hero{padding:40px 0 20px}
	.hero-viz{height:330px}
	.chip-viu{font-size:12px;padding:8px 11px}
	.hero-fapte{gap:8px}
	.hero-fapte li{padding:12px}
	.hero-fapte b{font-size:18px}
	.hero-fapte li>span{font-size:12px;line-height:1.35;display:block}
	.domenii{grid-template-columns:repeat(4,1fr);gap:8px}
	.dala{padding:12px 4px;font-size:12px;border-radius:16px}
	.grila4,.puncte,.rand2,.ben-grila,.axa,.grila-puncte,.lista-chip{grid-template-columns:1fr}
	.viz-telefoane{height:400px}
	.ap-scroll{--lab:52px;--col:276px;--gap:12px}
	.seg{width:100%}
	.seg button{flex:1;padding:0 10px;font-size:13.5px}
	.seg button em{display:none}
	.formular{padding:22px 18px}
	.subsol .mic{margin-left:0}
}

/* ---------- preturi: o banda pe toata latimea ecranului, ca programul din iuf-app ---------- */
.mod-nav{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:30px}
.mod-nav .seg{margin:0}
.mod-sag{width:44px;height:44px;flex:0 0 44px;border:0;border-radius:50%;cursor:pointer;font:600 26px/1 var(--display);color:var(--text);
	background:var(--glass);box-shadow:inset 0 0 0 1px var(--stroke),0 4px 0 rgba(0,0,0,.35);transition:transform .15s,opacity .3s}
.mod-sag:active{transform:translateY(3px);box-shadow:inset 0 0 0 1px var(--stroke),0 1px 0 rgba(0,0,0,.35)}
.mod-sag[disabled]{opacity:.3;cursor:default}
.axa-cadru{position:relative;width:100%;--labw:44px;--padl:28px;--col:320px;--gap:16px;--modgap:110px;--lab:0px}
/* containerul care se deruleaza; overscroll-ul nativ (bounce) muta si coloana etichetelor */
.moduri{overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;touch-action:pan-x pan-y;scrollbar-width:none;outline:0;cursor:grab}
.moduri::-webkit-scrollbar{display:none}
.moduri.trage{cursor:grabbing}
.moduri.trage *{user-select:none}
.ap-pista{position:relative;display:flex;align-items:stretch;width:max-content;min-width:100%}
/* benzile colorate: fixe pe ecran (sticky), stickerele in parallax */
.ap-benzi{position:sticky;left:0;top:0;width:0;height:0;z-index:0;pointer-events:none}
.ap-banda{position:absolute;left:0;top:0;height:0;overflow:hidden;pointer-events:none;
	background:linear-gradient(90deg,color-mix(in srgb,var(--tc) 30%,transparent),color-mix(in srgb,var(--tc) 18%,transparent) 45%,color-mix(in srgb,var(--tc) 26%,transparent));
	box-shadow:inset 0 1px 0 color-mix(in srgb,var(--tc) 60%,transparent),inset 0 -1px 0 color-mix(in srgb,var(--tc) 60%,transparent)}
.ap-banda i{position:absolute;top:0;bottom:0;left:0;will-change:transform;pointer-events:none;background:var(--trifoi) 0 50%/1600px 440px repeat-x}
.ap-banda .t1{width:calc(100% + 1600px);opacity:.5}
.ap-banda .t2{width:calc(100% + 960px);background-size:960px 264px;opacity:.28}
.ap-banda:after{content:"";position:absolute;inset:0;background:radial-gradient(circle,transparent 1.1px,rgba(11,8,48,.55) 1.7px) 0 0/5px 5px}
.ap-banda[data-produs="pos"]{--tc:var(--brand);--trifoi:url(../img/trifoi-cyan.webp)}
.ap-banda[data-produs="mobil"]{--tc:var(--orange);--trifoi:url(../img/trifoi-orange.webp)}
.ap-banda[data-produs="self"]{--tc:var(--green);--trifoi:url(../img/trifoi-green.webp)}
.ap-banda[data-produs="kds"]{--tc:var(--yellow);--trifoi:url(../img/trifoi-yellow.webp)}
.ap-banda[data-produs="bms"]{--tc:var(--pink);--trifoi:url(../img/trifoi-pink.webp)}
.ap-banda[data-produs="pms"]{--tc:var(--peri);--trifoi:url(../img/trifoi-peri.webp)}
.ap-banda[data-produs="fiscal"]{--tc:var(--coral);--trifoi:url(../img/trifoi-coral.webp)}
.ap-banda[data-produs="retail"]{--tc:var(--mov);--trifoi:url(../img/trifoi-mov.webp)}
.ap-banda[data-produs="spv"]{--tc:var(--albastru);--trifoi:url(../img/trifoi-albastru.webp)}
/* coloana etichetelor, lipita la stanga, cu fundal inchis si estompare */
/* fundalul inchis si estomparea tin doar cat randurile (de la prima banda la ultima), nu si rigla de sus */
.ap-sali{position:sticky;left:0;z-index:4;flex:0 0 var(--labw);width:var(--labw)}
.ap-sali:before{content:"";position:absolute;left:0;right:0;top:var(--sus,0px);bottom:var(--jos,0px);background:rgba(13,10,50,.97);pointer-events:none}
.ap-sali:after{content:"";position:absolute;top:var(--sus,0px);bottom:var(--jos,0px);left:100%;width:48px;pointer-events:none;
	background:linear-gradient(90deg,rgba(13,10,50,.97),rgba(13,10,50,.6) 40%,rgba(13,10,50,0))}
.ap-sali .ap-banda{width:100%}
.ap-sala{position:absolute;left:8px;width:28px;z-index:1;border-radius:14px;display:flex;align-items:center;justify-content:center;
	writing-mode:vertical-rl;transform:rotate(180deg);font:700 12px var(--display);letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;
	color:color-mix(in srgb,var(--tc) 70%,#fff);background:color-mix(in srgb,var(--tc) 30%,transparent);
	box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--tc) 72%,transparent),0 0 18px color-mix(in srgb,var(--tc) 22%,transparent)}
/* pachetele */
.ap-continut{position:relative;z-index:1;flex:none;padding:74px 40px 16px var(--padl)}
.axa-cadru .ap-rigla{position:absolute;top:14px;left:var(--padl);display:flex;height:48px;padding:0;align-items:flex-end;gap:0;background:none}
.ap-rigla-mod{position:relative;display:flex;gap:var(--gap);padding:0 var(--modgap) 8px 0;
	background-image:repeating-linear-gradient(90deg,rgba(255,255,255,.35) 0 1px,transparent 1px 21px);background-size:auto 5px;background-repeat:repeat-x;background-position:0 100%}
.ap-rigla-mod+.ap-rigla-mod,.ap-grup+.ap-grup{border-left:2px dashed rgba(255,255,255,.28);padding-left:var(--modgap)}
.ap-mod-titlu{position:absolute;left:0;top:-14px;font:700 11px var(--display);letter-spacing:.14em;text-transform:uppercase;color:var(--lime)}
.ap-rigla-mod+.ap-rigla-mod .ap-mod-titlu{left:var(--modgap)}
.axa-cadru .ap-rand{gap:0;padding:0;margin-bottom:calc(var(--gap) + 28px)}
.axa-cadru .ap-rand:before{display:none}
.axa-cadru.vazut .ap-rand{opacity:1;transform:none}
.ap-grup{display:flex;gap:var(--gap);padding-right:var(--modgap)}
.ap-grup:last-child,.ap-rigla-mod:last-child{padding-right:0}
.axa-cadru .ap-linie{top:40px;bottom:16px}
/* "Inapoi la ...", jos la mijloc, ca la iuf */
.ap-inapoi{position:absolute;left:50%;bottom:28px;z-index:7;display:flex;align-items:center;gap:8px;height:48px;padding:0 20px 0 14px;border:0;border-radius:16px;
	background:var(--lime);color:var(--ink);font-size:15px;font-weight:600;white-space:nowrap;cursor:pointer;
	box-shadow:0 10px 28px rgba(0,0,0,.35),0 0 24px rgba(200,255,46,.3);transform:translate(-50%,24px) scale(.9);opacity:0;pointer-events:none;
	transition:transform .4s var(--ease),opacity .25s;animation:none}
.ap-inapoi.show{transform:translate(-50%,0);opacity:1;pointer-events:auto}
@media (max-width:640px){
	.axa-cadru{--padl:18px;--col:276px;--gap:12px;--modgap:56px}
	.mod-nav{gap:6px}
	.mod-sag{width:38px;height:38px;flex-basis:38px;font-size:22px}
}
.pachet-gol{visibility:hidden;pointer-events:none}

/* 12.10.2026: bara Lunar / Anual / Licenta se opreste sub meniu (meniul: 14px + 64px) si ramane acolo cat
   e sectiunea Preturi pe ecran; restul paginii (pachetele) trece pe sub ea, ca antetul din timeline-ul PMS.
   pointer-events: numai bara si sagetile prind clicul, nu tot randul (pachetele de sub el raman apasabile). */
.mod-nav-fix{position:sticky;top:86px;z-index:40;pointer-events:none}
.mod-nav-fix .mod-nav{pointer-events:auto;width:max-content;max-width:100%;margin-left:auto;margin-right:auto}
/* fara backdrop-filter: sticla (blur) pe un element care sta pe loc trebuia refacuta la fiecare pas de scroll, peste
   fundalul animat - scroll-ul sacada. Fundal plin, aproape opac, arata la fel. */
.mod-nav-fix .seg,.mod-nav-fix .mod-sag{background:rgba(16,12,58,.96)}
@media (max-width:640px){.mod-nav-fix{top:74px}.mod-nav-fix .mod-nav{width:auto}}

/* 12.10.2026 — TELEFON / TABLETA: Preturile se deseneaza o singura data si apoi doar se misca.
   Mihai (pe telefon): „isi face refresh cand dai scroll ... e choppy si always loading cand mergi stanga-dreapta”.
   Masurat cu un telefon simulat (390 px, densitate 3): ~1,4 GB de straturi grafice pe pagina de preturi - 28 de
   straturi cu stickere (2000 x 450 px fiecare, x9 la densitatea 3) pentru parallax, plus banda de puncte si umbrele
   mari ale celor 84 de carduri, care se redesenau la fiecare bucata noua adusa pe ecran. Telefonul nu le tine pe toate
   in memorie, le arunca si le redeseneaza la tras - de aici bucatile goale si „incarcarea”.
   Pe ecranele tactile: stickerele stau pe loc in banda (fara parallax si fara strat propriu), fara banda de puncte,
   fara umbre cu blur pe carduri, fara pulsul pe „Recomandat”, fara sticla cu blur pe bare si fara luminile care
   plutesc in fundal. Pe PC ramane tot ca inainte. */
@media (hover:none),(pointer:coarse),(max-width:900px){
	.ap-banda .t1{width:100%;will-change:auto;transform:none!important}
	.ap-banda .t2,.ap-banda:after{display:none}
	.pachet{box-shadow:inset 0 0 0 1px rgba(255,255,255,.15),inset 0 1px 0 rgba(255,255,255,.18);transition:none}
	.pachet.rec{box-shadow:inset 0 0 0 1.5px rgba(200,255,46,.65)}
	.rec-et{animation:none}
	.ap-sala{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--tc) 72%,transparent)}
	.ap-linie{box-shadow:none}
	.sticla,.sticla-bara{-webkit-backdrop-filter:none;backdrop-filter:none}
	.sticla-bara{background:rgba(14,10,54,.95)}
	.bgfx i{animation:none;will-change:auto}
}

/* numele care nu se traduc (Admin → Texte → Traducerea automata): fara cutie proprie, ca textul sa curga ca inainte si in etichetele flex */
an-nume{display:contents}

/* ===== 17/10/2026: consimțământul pentru cookie-uri (bara de jos + fereastra Preferințe) și pagina /politica-cookies/ ===== */
.ck{position:fixed;left:0;right:0;bottom:0;z-index:120;background:#07061c;color:var(--text);border-top:1px solid var(--stroke);box-shadow:0 -14px 40px rgba(0,0,0,.45);animation:ck-sus .45s var(--ease)}
@keyframes ck-sus{from{transform:translateY(100%)}}
.ck-in{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:16px 28px;max-width:1920px;margin:0 auto}
.ck p{margin:0;font-size:15px;line-height:1.5;color:var(--muted)}
.ck p a{color:var(--text);text-decoration:underline;text-underline-offset:3px;font-weight:600}
.ck-b{display:flex;gap:10px;flex:none}
.ck-btn{border:1px solid var(--stroke);background:transparent;color:var(--text);border-radius:10px;padding:12px 18px;font:600 15px var(--body);cursor:pointer;white-space:nowrap;transition:background .15s,border-color .15s}
.ck-btn:hover{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.3)}
.ck-btn.ck-da{background:var(--lime);border-color:var(--lime);color:var(--ink);box-shadow:0 0 22px rgba(200,255,46,.25)}
.ck-btn.ck-da:hover{filter:brightness(1.05)}
.ck-btn:focus-visible{outline:2px solid var(--lime);outline-offset:2px}
.ckm{position:fixed;inset:0;z-index:130;display:grid;place-items:center;padding:20px}
.ckm-fundal{position:absolute;inset:0;background:rgba(3,2,16,.7);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}
.ckm-panou{position:relative;width:min(620px,100%);max-height:calc(100vh - 40px);overflow-y:auto;border-radius:22px;padding:26px 28px;background-color:rgba(18,13,74,.92);animation:ck-sus .35s var(--ease)}
.ckm-cap{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px}
.ckm-cap h3{margin:0;font-family:var(--display);font-weight:600;font-size:22px}
.ckm-x{border:0;background:var(--glass);border-radius:50%;width:40px;height:40px;font-size:24px;line-height:1;cursor:pointer;color:var(--text)}
.ckm-intro{color:var(--muted);font-size:14.5px;margin:0 0 16px}
.ckm-intro a{color:var(--lime);text-decoration:underline}
.ckm-cat{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 0;border-top:1px solid var(--stroke2);cursor:pointer}
.ckm-cat b{display:block;font-weight:700}
.ckm-cat p{margin:3px 0 0;font-size:13.5px;color:var(--dim)}
.ckm-mereu{font-size:12px;font-weight:700;color:var(--ink);background:var(--lime);padding:5px 11px;border-radius:999px;white-space:nowrap}
.ckm-comut{position:relative;flex:none}
.ckm-comut input{position:absolute;opacity:0;width:1px;height:1px}
.ckm-comut i{display:block;width:48px;height:28px;border-radius:999px;background:rgba(255,255,255,.18);position:relative;transition:background .2s}
.ckm-comut i:after{content:"";position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:#fff;transition:transform .2s var(--ease)}
.ckm-comut input:checked+i{background:var(--lime)}
.ckm-comut input:checked+i:after{transform:translateX(20px);background:var(--ink)}
.ckm-comut input:focus-visible+i{outline:2px solid var(--lime);outline-offset:2px}
.ckm-jos{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end;padding-top:18px;border-top:1px solid var(--stroke2)}
.link-ck{border:0;background:none;padding:0;color:inherit;font:inherit;cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.link-ck:hover,.subsol .mic a:hover{color:var(--lime)}
.subsol .mic a{text-decoration:underline;text-underline-offset:3px}
.pagina-text{padding-top:150px}
.text-politica{max-width:860px;margin:0 auto;padding:44px clamp(22px,5vw,56px);border-radius:28px}
.text-politica h1{font-family:var(--display);font-weight:600;font-size:clamp(30px,4.4vw,48px);line-height:1.1;margin:0 0 24px}
.text-politica h2{font-family:var(--display);font-weight:600;font-size:20px;margin:30px 0 10px}
.text-politica p,.text-politica li{color:var(--muted)}
.text-politica ul{padding-left:20px}
.text-politica b{color:var(--text)}
@media (max-width:900px){
	.ck{bottom:0}
	.ck-in{flex-direction:column;align-items:stretch;gap:14px;padding:16px 18px calc(16px + env(safe-area-inset-bottom))}
	.ck p{font-size:14px}
	.ck-b{display:grid;grid-template-columns:1fr 1fr;gap:8px}
	.ck-b .ck-da{grid-column:1/-1;order:-1}
	.ckm-panou{padding:20px}
	.pagina-text{padding-top:110px}
}
@media (prefers-reduced-motion:reduce){.ck,.ckm-panou{animation:none}}

/* ---------- bannerul (Admin → Banner): mare in mijloc, apoi pastila in coltul din stanga sus ----------
   --bc = culoarea aleasa din admin; --dx/--dy/--sc = drumul cardului spre pastila (le calculeaza site.js) */
.bnr{--bc:var(--lime);--bnr-sus:90px;--dx:0px;--dy:0px;--sc:.3}
.bnr-fundal{position:fixed;inset:0;z-index:108;background:radial-gradient(120% 90% at 50% 45%,rgba(11,8,48,.3),rgba(5,4,26,.66));backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);opacity:0;pointer-events:none;transition:opacity .5s var(--ease)}
.bnr.e-mare .bnr-fundal{opacity:1;pointer-events:auto;cursor:zoom-out}
.bnr-mare{position:fixed;inset:0;z-index:110;margin:auto;width:min(580px,calc(100vw - 32px));height:max-content;max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px);overflow:auto;
	padding:44px 44px 34px;border-radius:30px;isolation:isolate;
	background:linear-gradient(160deg,#21186e 0%,#130e4c 48%,#0b0830 100%);
	box-shadow:inset 0 0 0 1px rgba(255,255,255,.14),inset 0 1px 0 rgba(255,255,255,.18),0 40px 90px rgba(0,0,0,.6),0 0 70px color-mix(in srgb,var(--bc) 16%,transparent);
	transform-origin:50% 50%;transform:translate(var(--dx),var(--dy)) scale(var(--sc));opacity:0;visibility:hidden;
	transition:transform .62s cubic-bezier(.65,0,.3,1),opacity .45s var(--ease) .1s,visibility 0s .62s}
.bnr.e-mare .bnr-mare{transform:none;opacity:1;visibility:visible;transition:transform .62s var(--arc),opacity .35s var(--ease),visibility 0s}
.bnr.intra .bnr-mare{animation:bnrIntra .8s var(--arc) both}
@keyframes bnrIntra{from{transform:translateY(22px) scale(.9);opacity:0}}
/* lumina in coltul cardului, in culoarea bannerului, si un fir de lumina pe margine */
.bnr-lumina{position:absolute;z-index:-1;width:420px;height:420px;right:-170px;top:-200px;border-radius:50%;pointer-events:none;
	background:radial-gradient(circle,color-mix(in srgb,var(--bc) 38%,transparent),transparent 62%);animation:bnrRespira 7s ease-in-out infinite alternate}
.bnr-mare:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;pointer-events:none;
	background:linear-gradient(140deg,color-mix(in srgb,var(--bc) 70%,transparent),transparent 34%,transparent 70%,rgba(25,198,238,.45));
	-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}
@keyframes bnrRespira{to{transform:translate(-50px,40px) scale(1.12)}}
.bnr-x{position:absolute;top:16px;right:16px;width:40px;height:40px;border:0;border-radius:50%;background:rgba(255,255,255,.07);box-shadow:inset 0 0 0 1px var(--stroke);
	color:var(--muted);font-size:24px;line-height:1;cursor:pointer;transition:background .2s,color .2s,transform .3s var(--ease)}
.bnr-x:hover{background:rgba(255,255,255,.14);color:#fff;transform:rotate(90deg)}
.bnr-et{display:inline-flex;align-items:center;gap:8px;height:30px;padding:0 14px;border-radius:999px;font:600 12px var(--display);letter-spacing:.08em;text-transform:uppercase;
	color:var(--bc);background:color-mix(in srgb,var(--bc) 13%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--bc) 35%,transparent)}
.bnr-et i,.bnr-p i{width:7px;height:7px;border-radius:50%;background:var(--bc);box-shadow:0 0 0 0 color-mix(in srgb,var(--bc) 60%,transparent);animation:bnrPuls 2.4s ease-out infinite}
@keyframes bnrPuls{70%{box-shadow:0 0 0 8px transparent}100%{box-shadow:0 0 0 0 transparent}}
.bnr-mare h2{margin:18px 40px 14px 0;font-size:clamp(24px,3.1vw,34px);line-height:1.12}
.bnr-text{color:var(--muted);font-size:17px;line-height:1.6}
.bnr-text p+p,.bnr-text ul,.bnr-text ol{margin-top:10px}
.bnr-text ul,.bnr-text ol{padding-left:20px;margin-bottom:0}
.bnr-text b{color:#fff;font-weight:700}
.bnr-text a{color:var(--bc);text-decoration:underline;text-underline-offset:3px}
.bnr-act{display:flex;align-items:center;flex-wrap:wrap;gap:10px 18px;margin-top:26px}
.bnr-btn{background:var(--bc);color:var(--ink);box-shadow:0 10px 28px rgba(0,0,0,.35),0 0 26px color-mix(in srgb,var(--bc) 35%,transparent)}
.bnr-btn:hover{transform:translateY(-2px);box-shadow:0 12px 32px rgba(0,0,0,.4),0 0 40px color-mix(in srgb,var(--bc) 55%,transparent)}
.bnr-btn .ico{transition:transform .3s var(--ease)}
.bnr-btn:hover .ico{transform:translateX(4px)}
.bnr-mai-tarziu{border:0;background:none;padding:8px 2px;color:var(--dim);font:500 14.5px var(--body);cursor:pointer;transition:color .2s}
.bnr-mai-tarziu:hover{color:var(--text)}
/* pastila din colt */
.bnr-pastila{position:fixed;z-index:55;top:var(--bnr-sus);left:max(12px,calc((100vw - var(--cont)) / 2));display:flex;align-items:center;max-width:calc(100vw - 32px);
	height:46px;padding:0 4px;border-radius:999px;background:rgba(14,10,54,.78);backdrop-filter:blur(18px) saturate(160%);-webkit-backdrop-filter:blur(18px) saturate(160%);
	box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--bc) 40%,rgba(255,255,255,.1)),0 12px 30px rgba(0,0,0,.45),0 0 26px color-mix(in srgb,var(--bc) 18%,transparent);
	transform-origin:0 50%;opacity:0;transform:scale(.6) translateY(-6px);pointer-events:none;visibility:hidden;
	transition:opacity .25s var(--ease),transform .3s var(--ease),visibility 0s .3s}
.bnr.e-mic .bnr-pastila{opacity:1;transform:none;pointer-events:auto;visibility:visible;transition:opacity .35s var(--ease) .38s,transform .55s var(--arc) .38s,visibility 0s}
.bnr.fara-anim .bnr-pastila,.bnr.fara-anim .bnr-mare{transition-delay:0s!important}
.bnr-p{display:flex;align-items:center;gap:10px;min-width:0;height:38px;padding:0 12px 0 14px;border:0;border-radius:999px;background:none;color:var(--text);
	font:600 13.5px var(--body);cursor:zoom-in;transition:background .2s}
.bnr-p:hover{background:rgba(255,255,255,.07)}
.bnr-p span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bnr-p i{flex:0 0 auto}
@media (max-width:640px){
	/* prima pagina pe telefon: pastila din colt sta peste inceputul hero-ului - textul coboara sub ea (Mihai, 23.10.2026) */
	.are-bnr .hero:not(.hero-pagina){padding-top:214px}
	.bnr-mare{padding:34px 24px 26px;border-radius:24px}
	.bnr-mare h2{font-size:24px;margin-right:34px}
	.bnr-text{font-size:16px}
	.bnr-x{top:12px;right:12px}
	.bnr-pastila{height:42px}
	.bnr-p{font-size:13px;height:34px}
	.bnr-fundal{backdrop-filter:none;-webkit-backdrop-filter:none}
}
@media (prefers-reduced-motion:reduce){.bnr-mare,.bnr-pastila,.bnr-fundal{transition:none!important}.bnr-lumina,.bnr.intra .bnr-mare{animation:none}}

/* ---------- verificarea anti-robot a formularului (LXIII) ---------- */
.arv{display:flex}
.arv-btn{display:flex;align-items:center;gap:14px;width:100%;padding:12px 16px;border:0;border-radius:16px;cursor:pointer;text-align:left;font:inherit;color:var(--text);
  background:rgba(5,4,26,.5);box-shadow:inset 0 0 0 1px var(--stroke);transition:box-shadow .25s, background .25s}
.arv-btn:hover{box-shadow:inset 0 0 0 1.5px rgba(200,255,46,.5)}
.arv-cutie{position:relative;flex:0 0 auto;width:28px;height:28px;border-radius:9px;box-shadow:inset 0 0 0 2px var(--stroke);display:grid;place-items:center;transition:background .25s, box-shadow .25s}
.arv-cutie svg{width:18px;height:18px;fill:none;stroke:#0B0830;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:24;stroke-dashoffset:24;transition:stroke-dashoffset .35s .1s}
.arv-text{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}
.arv-text b{font:600 15px var(--body)}
.arv-text small{font-size:12px;color:var(--muted)}
.arv-scut{flex:0 0 auto;opacity:.75}
.arv-scut svg{width:30px;height:30px;fill:none;stroke:var(--muted);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.arv[data-stare="lucru"] .arv-cutie{box-shadow:inset 0 0 0 2px rgba(200,255,46,.25)}
.arv[data-stare="lucru"] .arv-cutie::after{content:"";position:absolute;inset:-2px;border-radius:10px;border:2px solid transparent;border-top-color:var(--lime);border-right-color:var(--lime);animation:arv-rot .8s linear infinite}
.arv[data-stare="gata"] .arv-btn{box-shadow:inset 0 0 0 1.5px rgba(200,255,46,.55);background:rgba(200,255,46,.06)}
.arv[data-stare="gata"] .arv-cutie{background:var(--lime);box-shadow:0 0 0 4px rgba(200,255,46,.14)}
.arv[data-stare="gata"] .arv-cutie svg{stroke-dashoffset:0}
.arv[data-stare="gata"] .arv-scut svg{stroke:var(--lime)}
.arv[data-stare="eroare"] .arv-btn{box-shadow:inset 0 0 0 1.5px #ff6b6b}
.arv[data-stare="eroare"] .arv-text b{color:#ff8f8f}
@keyframes arv-rot{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.arv-cutie svg{transition:none}.arv[data-stare="lucru"] .arv-cutie::after{animation-duration:2s}}
.cf-turnstile{min-height:65px}