/* GrileMaster — site-ul public (peste base.css). Antet deschis cu linie aurie,
   hero cu grila interactiva, sectiuni numerotate cu pastila, carduri mentolate. */
body{font-size:17.5px}
.top{position:sticky;top:0;z-index:60;background:rgba(250,251,248,.86);backdrop-filter:saturate(160%) blur(12px);border-bottom:1px solid var(--line)}
.top::before{content:"";display:block;height:4px;background:linear-gradient(90deg,var(--pine),var(--emerald) 55%,var(--gold))}
.top .wrap{display:flex;align-items:center;gap:18px;height:66px}
.marca{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--pine-3);min-width:0}
.marca img{width:38px;height:38px;border-radius:10px;flex:0 0 auto}
.marca b{font-family:var(--display);font-weight:800;font-size:1.2rem;letter-spacing:-.02em;white-space:nowrap}
.marca small{display:block;font-size:.66rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-weight:700;margin-top:-2px}
.top nav.h{margin-left:auto;display:flex;align-items:center;gap:4px}
.top nav.h a{color:var(--ink-2);text-decoration:none;font-size:.92rem;font-weight:600;padding:8px 11px;border-radius:8px}
.top nav.h a:hover,.top nav.h a.on{background:var(--mint-2);color:var(--pine-3)}
.top .go{margin-left:6px}
.mnu{display:none;margin-left:auto}
.mnu summary{list-style:none;cursor:pointer;width:42px;height:42px;border-radius:9px;border:1.5px solid var(--line);display:grid;place-items:center;background:#fff}
.mnu summary::-webkit-details-marker{display:none}
.mnu summary span{width:18px;height:2px;background:var(--pine-3);position:relative;display:block}
.mnu summary span::before,.mnu summary span::after{content:"";position:absolute;left:0;width:18px;height:2px;background:var(--pine-3)}
.mnu summary span::before{top:-6px}.mnu summary span::after{top:6px}
.mnu .pnl{position:absolute;left:0;right:0;top:100%;background:#fff;border-bottom:1px solid var(--line);box-shadow:var(--shadow-lg);padding:10px 22px 18px;display:flex;flex-direction:column}
.mnu .pnl a{padding:12px 6px;border-bottom:1px solid var(--line-2);text-decoration:none;color:var(--ink);font-weight:600}
.mnu .pnl a:last-child{border-bottom:none}
.mnu .pnl a.go{margin-top:10px;text-align:center;background:var(--emerald);color:#fff;border-radius:var(--r-sm)}
@media (max-width:980px){.top nav.h{display:none}.top .go.h{display:none}.mnu{display:block;position:static}.top{position:sticky}}
@media (max-width:420px){.marca small{display:none}}

/* hero */
.hero{position:relative;overflow:hidden;background:linear-gradient(180deg,var(--mint-2),var(--paper) 70%);border-bottom:1px solid var(--line)}
.hero::after{content:"";position:absolute;right:-180px;top:-220px;width:620px;height:620px;border-radius:50%;background:radial-gradient(closest-side,rgba(20,163,127,.16),transparent);pointer-events:none}
.hero .wrap{position:relative;padding:54px 22px 58px}
.hero .eti{margin-bottom:16px}
.hero h1{max-width:18ch;margin-bottom:.35em}
.hero .lead{font-size:clamp(1.05rem,1.7vw,1.25rem);color:var(--ink-2);max-width:56ch}
.hero .acts{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}
.hero .mic{margin-top:14px;font-size:.84rem;color:var(--muted)}
.hero.doua .wrap{display:grid;grid-template-columns:1.05fr .95fr;gap:44px;align-items:center}
.hero.doua .demo{position:relative}
.hero.doua .demo .grila{box-shadow:var(--shadow-lg);transform:rotate(-1deg)}
.hero.doua .demo .et{position:absolute;top:-14px;left:18px;z-index:2}
@media (max-width:900px){.hero.doua .wrap{grid-template-columns:1fr;gap:30px}.hero.doua .demo .grila{transform:none}}
@media (max-width:520px){.hero .acts{flex-direction:column}.hero .acts .btn{width:100%}}
.hero.dark{background:var(--pine);border-bottom:none;color:#E7F2EC;background-image:radial-gradient(700px 400px at 100% -20%,rgba(217,164,65,.22),transparent 60%),radial-gradient(600px 400px at -10% 110%,rgba(20,163,127,.35),transparent 60%)}
.hero.dark h1{color:#fff}.hero.dark .lead{color:#C9DED5}.hero.dark .mic{color:#9CBDB0}.hero.dark::after{display:none}

/* banda cu cifre */
.cifre{background:var(--card);border-bottom:1px solid var(--line)}
.cifre .wrap{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}
.cifre div{padding:20px 18px;border-right:1px solid var(--line-2)}
.cifre div:last-child{border-right:none}
.cifre b{display:block;font-family:var(--display);font-size:clamp(1.5rem,2.6vw,2rem);font-weight:800;color:var(--pine-3);letter-spacing:-.02em;line-height:1.05}
.cifre span{display:block;font-size:.76rem;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-weight:700;margin-top:5px}
@media (max-width:640px){.cifre .wrap{grid-template-columns:1fr 1fr}.cifre div{border-bottom:1px solid var(--line-2)}.cifre div:nth-child(2n){border-right:none}}

/* corp articol */
.corp{padding:54px 0 20px}
.corp .wrap-n>*{min-width:0}
article section{padding-bottom:44px;margin-bottom:44px;border-bottom:1px solid var(--line-2)}
article section:last-child{border-bottom:none}
.shead{display:flex;align-items:center;gap:14px;margin-bottom:18px}
.shead .num{flex:0 0 auto;min-width:38px;height:38px;padding:0 10px;border-radius:11px;background:var(--pine);color:var(--gold-lt);display:grid;place-items:center;font-family:var(--display);font-weight:800;font-size:1rem}
.shead h2{margin:0}
article p{max-width:70ch}
article h3{margin-top:1.4em}
.mic-i{font-size:.9rem;color:var(--muted);font-style:italic}
.lbl{font-family:var(--display);font-size:.74rem;text-transform:uppercase;letter-spacing:.12em;color:var(--emerald-dk);font-weight:800}
.fise{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin:22px 0}
.fisa-c{border:1px solid var(--line);border-radius:var(--r);padding:20px;background:var(--card)}
.fisa-c h3{margin:.3em 0 .35em;font-size:1.08rem}
.fisa-c p{margin:0;font-size:.93rem;color:var(--muted)}
.fisa-c .ref{display:inline-flex;align-items:center;gap:6px;font-family:var(--display);font-size:.72rem;color:var(--emerald-dk);text-transform:uppercase;letter-spacing:.1em;font-weight:800}
.fisa-c .ref .ic{width:16px;height:16px}
.rand{display:grid;grid-template-columns:200px 1fr;gap:16px;padding:16px 0;border-top:1px solid var(--line-2)}
.rand:last-of-type{border-bottom:1px solid var(--line-2)}
.rand b{font-family:var(--display);color:var(--pine-3);font-size:1.02rem}
.rand span{color:var(--ink-2);font-size:.97rem}
@media (max-width:600px){.rand{grid-template-columns:1fr;gap:4px}}

/* grila pe site (exemple, materii): reia .grila/.opt din base.css */
.grila{margin:0 0 18px}
.grila .gnum{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;font-family:var(--display);font-weight:800;font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;color:var(--emerald-dk);margin-bottom:10px}
.grila .gnum .gsrc{color:var(--muted);font-weight:700}
.grila h2,.grila h3.q{font-family:var(--display);font-size:1.12rem;line-height:1.45;font-weight:600;margin:0 0 14px;color:var(--ink);letter-spacing:-.01em}
.grila .opts{display:grid;gap:0}
.grila .expl p{margin:0}
.grila .expl .lbl{display:block;margin-bottom:4px;color:var(--gold-dk)}

/* faq */
details.faq{border:1px solid var(--line);border-radius:var(--r-sm);background:var(--card);margin-bottom:10px;padding:0 18px}
details.faq summary{cursor:pointer;list-style:none;padding:15px 30px 15px 0;font-family:var(--display);font-weight:700;color:var(--pine-3);position:relative;font-size:1.02rem}
details.faq summary::-webkit-details-marker{display:none}
details.faq summary::after{content:"+";position:absolute;right:0;top:12px;font-size:1.4rem;color:var(--emerald-dk);font-weight:400;transition:transform .15s ease}
details.faq[open] summary::after{transform:rotate(45deg)}
details.faq p{padding:0 0 16px;margin:0;color:var(--ink-2);max-width:none}
details.faq p+p{padding-top:0}
article details{border:1px solid var(--line);border-radius:var(--r-sm);background:var(--card);margin-bottom:10px;padding:0 18px}
article details summary{cursor:pointer;list-style:none;padding:15px 30px 15px 0;font-family:var(--display);font-weight:700;color:var(--pine-3);position:relative}
article details summary::-webkit-details-marker{display:none}
article details summary::after{content:"+";position:absolute;right:0;top:12px;font-size:1.4rem;color:var(--emerald-dk)}
article details[open] summary::after{content:"–"}
article details p{padding:0 0 16px;margin:0}

/* cta */
.cta{background:var(--pine);color:#E7F2EC;margin-top:40px;background-image:radial-gradient(700px 400px at 100% 0%,rgba(217,164,65,.22),transparent 60%)}
.cta .wrap{padding:54px 22px}
.cta .lbl{color:var(--gold-lt)}
.cta h2{color:#fff;max-width:22ch;margin-top:8px}
.cta p{color:#C9DED5;max-width:60ch}
.cta .acts{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}
@media (max-width:520px){.cta .acts{flex-direction:column}.cta .acts .btn{width:100%}}

/* landing */
.l-sect{padding:60px 0}
.l-sect.alt{background:var(--card);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.l-sect .t{max-width:60ch;margin-bottom:28px}
.l-sect .t h2{margin-bottom:.3em}
.l-sect .t p{color:var(--muted);margin:0}
.pasi3{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}
.pas{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:22px}
.pas .n{width:40px;height:40px;border-radius:12px;background:var(--pine);color:var(--gold-lt);display:grid;place-items:center;font-family:var(--display);font-weight:800;margin-bottom:12px}
.pas h3{margin-bottom:.3em}
.pas p{margin:0;color:var(--muted);font-size:.95rem}
.mat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:14px}
.mat-c{display:flex;flex-direction:column;gap:8px;background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:18px;text-decoration:none;color:inherit;transition:border-color .12s ease,transform .12s ease,box-shadow .12s ease;position:relative}
.mat-c:hover{border-color:var(--emerald);transform:translateY(-2px);box-shadow:var(--shadow);color:inherit}
.mat-c .nr{position:absolute;top:14px;right:14px;font-family:var(--display);font-weight:800;font-size:.76rem;color:var(--gold-dk);background:var(--gold-wash);padding:4px 9px;border-radius:999px}
.mat-c h3{margin:0;font-size:1.02rem;padding-right:80px;color:var(--pine-3)}
.mat-c p{margin:0;font-size:.88rem;color:var(--muted);line-height:1.45}
.mat-c .disc{font-size:.74rem;text-transform:uppercase;letter-spacing:.08em;color:var(--emerald-dk);font-weight:800;font-family:var(--display)}
.ses-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px}
.ses-c{display:flex;gap:16px;align-items:center;background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:18px;text-decoration:none;color:inherit}
.ses-c:hover{border-color:var(--emerald);color:inherit}
.ses-c .an{font-family:var(--display);font-weight:800;font-size:1.5rem;color:var(--gold-dk);background:var(--gold-wash);border-radius:12px;padding:10px 14px;letter-spacing:-.02em}
.ses-c h3{margin:0 0 2px;font-size:1.02rem}.ses-c p{margin:0;font-size:.86rem;color:var(--muted)}
.planuri{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px;margin:8px 0 18px}
.plan{position:relative;background:var(--card);border:2px solid var(--line);border-radius:var(--r);padding:24px 22px;display:flex;flex-direction:column;gap:6px}
.plan.rec{border-color:var(--gold);background:linear-gradient(180deg,var(--gold-wash),#fff 60%)}
.plan .rec-t{position:absolute;top:-12px;left:18px;background:var(--gold);color:var(--pine-4);font-family:var(--display);font-weight:800;font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;padding:4px 10px;border-radius:999px}
.plan .n{font-family:var(--display);font-weight:700;color:var(--muted);font-size:.9rem;text-transform:uppercase;letter-spacing:.06em}
.plan .pret{font-family:var(--display);font-weight:800;font-size:2.1rem;color:var(--pine-3);letter-spacing:-.03em;line-height:1}
.plan .pl{font-size:.9rem;color:var(--muted)}
.plan .red{display:inline-block;font-family:var(--display);font-weight:800;color:var(--emerald-dk);background:var(--ok-wash);border-radius:999px;padding:3px 10px;font-size:.8rem;width:max-content}
.plan .btn{margin-top:12px}
.incl{columns:2;column-gap:24px;font-size:.96rem}
.incl li{break-inside:avoid}
@media (max-width:600px){.incl{columns:1}}
.struct td:first-child{font-weight:600}
.struct .bar{height:6px}

/* reclame */
.reclama{margin:34px 0;display:flex;flex-direction:column;align-items:center;gap:6px}
.reclama .et{font-size:.66rem;text-transform:uppercase;letter-spacing:.14em;color:var(--muted-2);font-weight:700}
.reclama ins{display:block;width:100%;min-height:90px}
.casa{display:flex;gap:16px;align-items:center;width:100%;max-width:760px;background:var(--card);border:1px dashed var(--line);border-radius:var(--r);padding:16px 18px;text-decoration:none;color:inherit;transition:border-color .12s ease}
.casa:hover{border-color:var(--emerald);color:inherit}
.casa .sig{width:52px;height:52px;border-radius:12px;background:var(--pine);color:var(--gold-lt);display:grid;place-items:center;font-family:var(--display);font-weight:800;font-size:1.1rem;flex:0 0 auto}
.casa b{font-family:var(--display);display:block;color:var(--pine-3)}
.casa span{font-size:.9rem;color:var(--muted)}
.casa .dr{margin-left:auto;font-family:var(--display);font-weight:800;color:var(--emerald-dk);white-space:nowrap;font-size:.9rem}
@media (max-width:520px){.casa .dr{display:none}}

/* ── SUBSOL (modelul celorlalte site-uri: brand + 5 coloane + ANPC/SOL) ── */
footer{background:var(--pine-4);color:rgba(255,255,255,.72);margin-top:56px;font-size:.92rem}
footer .wrap{padding:48px 22px 26px}
footer .cols{display:flex;flex-wrap:wrap;gap:34px 30px}
footer .brandcol{flex:0 1 320px;min-width:250px}
footer .brandcol .b{display:flex;align-items:center;gap:11px;margin-bottom:14px}
footer .brandcol .b img{width:30px;height:30px;border-radius:8px;display:block}
footer .brandcol .b b{font-family:var(--display);font-weight:800;font-size:1.25rem;color:#fff;letter-spacing:-.02em}
footer .brandcol p{font-size:.89rem;max-width:340px;line-height:1.6;margin:0 0 10px}
/* Datele firmei trebuie sa fie LIZIBILE, nu doar prezente: la .45 opacitate
   pe fundalul inchis contrastul era ~4,2:1, sub pragul AA de 4,5:1 pentru
   text mic. La .68 trece, si tot ramane discret. */
footer .brandcol p.firma{font-size:.74rem;letter-spacing:.02em;line-height:1.6;margin-top:8px;color:rgba(255,255,255,.68)}
footer .linkuri{flex:1 1 560px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:26px 16px;align-content:start}
footer .col{min-width:0}
footer h3{font-family:var(--display);font-size:.76rem;letter-spacing:.12em;text-transform:uppercase;
  color:var(--gold-lt);margin:0 0 11px;font-weight:800}
footer .col a{display:block;margin:8px 0;font-size:.87rem;font-weight:500;line-height:1.35;
  color:rgba(255,255,255,.72);text-decoration:none}
footer a{color:rgba(255,255,255,.72);text-decoration:none}
footer a:hover{color:#fff;text-decoration:underline}
.anpcbox{display:flex;flex-direction:column;gap:8px;margin-top:18px;max-width:340px}
.anpcbox a{display:flex;align-items:center;gap:12px;background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.12);border-radius:9px;padding:9px 12px;text-decoration:none;
  transition:border-color .15s ease}
.anpcbox a:hover{border-color:var(--gold-lt);text-decoration:none}
.anpcbox .logo{flex:none;background:#fff;border-radius:7px;height:34px;width:66px;
  display:flex;align-items:center;justify-content:center;overflow:hidden}
.anpcbox .logo img{width:58px;height:auto;display:block}
.anpcbox .logo svg{display:block}
.anpcbox span{font-size:.77rem;font-weight:500;color:rgba(255,255,255,.85);line-height:1.35;text-align:left}
.anpcbox span b{display:block;font-family:var(--display);font-size:.6rem;font-weight:800;
  letter-spacing:.1em;text-transform:uppercase;color:var(--gold-lt);margin-top:3px}
.anpcbox em{margin-left:auto;font-style:normal;color:rgba(255,255,255,.5)}
footer .fine{border-top:1px solid rgba(255,255,255,.12);margin-top:40px;padding-top:20px}
footer .fine p{font-size:.79rem;line-height:1.65;margin:0 0 10px;max-width:none;color:rgba(255,255,255,.62)}
@media (max-width:1080px){footer .linkuri{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:760px){footer .linkuri{grid-template-columns:1fr 1fr;gap:22px 14px}
  footer .brandcol{flex:1 1 100%}}
@media (max-width:420px){footer .linkuri{grid-template-columns:1fr}}

/* pagini legale */
.legal h2{font-size:1.25rem;margin-top:1.6em}
.legal table th{white-space:nowrap}