/* Comenerg SRL — site.css
   Locked design settings: palette A · hero D · stats inset-dark · marker delta ·
   navy contact band · utility strip · picker icons · navy theme on mobile (<768px) */
:root{
  --surface:#F2F1EC;--surface-alt:#ECEAE3;--card:#FFFFFF;--ink:#1F2421;
  --muted:rgba(31,36,33,.72);--hair:rgba(31,36,33,.14);
  --band:#141C2B;--band-t:#A9B4C4;
  --accent:#E0A526;--accent-txt:#9E5311;--accent-on:#16191D;
  --ok:#2E7D52;--warn:#B8382F;--field:rgba(31,36,33,.55);
  --gx:80px;--sec:96px;
  --sans:Archivo,system-ui,-apple-system,"Segoe UI",sans-serif;
  --mono:"IBM Plex Mono",ui-monospace,Menlo,Consolas,monospace;
  --word:"PT Sans Narrow","Arial Narrow",sans-serif;
}
@media (max-width:1023px){:root{--gx:32px;--sec:72px}}
@media (max-width:767px){
  :root{--gx:16px;--sec:48px;
    --surface:#141C2B;--surface-alt:#1B2536;--card:#1B2536;--ink:#F2F4F7;--muted:#A9B4C4;
    --hair:rgba(255,255,255,.16);--band:#0F1622;--band-t:#A9B4C4;--accent-txt:#F0B247;--accent-on:#0F1622;--warn:#F07A72;--ok:#5CC48C;--field:rgba(255,255,255,.45)}
}
*,*::before,*::after{box-sizing:border-box}
[hidden]{display:none!important}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:96px}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
@media (max-width:767px){html{scroll-padding-bottom:88px}}
html:has(#cookie:not([hidden])){scroll-padding-bottom:min(60vh,360px)}
html:has(#cookie:not([hidden])) body{padding-bottom:min(60vh,360px)}
@media (min-width:768px){html:has(#cookie:not([hidden])){scroll-padding-bottom:min(60vh,240px)}html:has(#cookie:not([hidden])) body{padding-bottom:min(60vh,240px)}}
@media (max-height:500px){html .cookie{position:static;max-height:none;max-width:none;margin:12px}html:has(#cookie:not([hidden])){scroll-padding-bottom:88px}html:has(#cookie:not([hidden])) body{padding-bottom:0}}
body{margin:0;background:var(--surface);color:var(--ink);font:400 16px/1.6 var(--sans);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
a:hover{text-decoration:underline}
:focus-visible{outline:2px solid var(--accent-txt);outline-offset:2px;border-radius:4px}
.band :focus-visible,.cookie :focus-visible{outline-color:var(--accent)}
main:focus{outline:none}
h1,h2,h3,p,figure,ul{margin:0}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.nw{white-space:nowrap}
.skip{position:absolute;left:12px;top:-60px;z-index:100;background:var(--accent);color:var(--accent-on);padding:10px 16px;border-radius:8px;font-weight:600}
.skip:focus{top:12px}

.wrap{width:min(1280px,100% - 2*var(--gx));margin-inline:auto}
.sec{padding-block:var(--sec)}
.alt{background:var(--surface-alt);border-top:1px solid var(--hair)}
.bt{border-top:1px solid var(--hair)}
.ph{filter:saturate(.9) contrast(1.06)}

/* type */
.kicker{display:flex;align-items:center;gap:10px;font:500 14px var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--accent-txt)}
.kicker.muted{color:var(--muted);font-size:14px;letter-spacing:.14em}
.mk{flex:none;width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:9px solid var(--accent)}
.h1{font:700 clamp(34px,4.6vw,60px)/1.04 var(--sans);letter-spacing:-.02em;text-wrap:balance;overflow-wrap:break-word;hyphens:auto}
.h2{font:600 clamp(26px,3vw,40px)/1.15 var(--sans);letter-spacing:-.01em;text-wrap:balance}
.lede{font:400 clamp(17px,1.5vw,20px)/1.6 var(--sans);color:var(--muted);max-width:820px;text-wrap:pretty}
.mono{font-family:var(--mono)}
.muted{color:var(--muted)}
.stack{display:flex;flex-direction:column}

/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;height:48px;padding:0 24px;border-radius:8px;font:600 16px var(--sans);border:1px solid transparent;cursor:pointer;white-space:nowrap}
.btn:hover{text-decoration:none}
.btn-p{background:var(--accent);color:var(--accent-on)}
.btn-p:hover{background:#EBB33A}
.btn-s{border-color:var(--hair);color:var(--ink);background:transparent}
.btn-s:hover{background:var(--surface-alt)}
.btn-sm{height:44px;padding:0 20px;font-size:15px}
.btns{display:flex;gap:12px;flex-wrap:wrap}

/* utility strip + header */
.util{background:var(--band);color:var(--band-t);font:400 14px var(--mono);letter-spacing:.04em}
.util .wrap{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-block:7px}
.util .mk{border-left-width:3px;border-right-width:3px;border-bottom-width:6px}
.util span{display:flex;align-items:center;gap:8px}
@media (max-width:1023px){.util{display:none}}
.hdr{position:sticky;top:0;z-index:65;background:color-mix(in srgb,var(--surface) 88%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--hair)}
.hdr .wrap{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-block:16px}
.logo{display:flex;align-items:center;gap:10px;color:var(--ink)}
.logo:hover{text-decoration:none}
.logo svg{height:28px;width:auto}
.logo i{width:1px;height:26px;background:currentColor}
.logo b{font:400 25px var(--word);letter-spacing:.01em}
.nav{display:flex;gap:28px;font:500 15px var(--sans)}
.nav a[aria-current="page"]{color:var(--accent-txt);text-decoration:underline;text-underline-offset:6px}
.hdr-m{display:none;gap:8px}
.icon-btn{display:inline-flex;align-items:center;justify-content:center;min-width:44px;height:44px;padding:0 14px;border-radius:8px;border:1px solid var(--hair);background:transparent;color:var(--ink);font:600 14px var(--sans);cursor:pointer}
.icon-btn svg{width:20px;height:20px}
.mnav{display:none}
@media (max-width:1023px){
  .nav,.hdr .btn-cta{display:none}
  .hdr-m{display:flex}
  .hdr .wrap{padding-block:12px}
  .logo svg{height:24px}.logo i{height:22px}.logo b{font-size:23px}
  .mnav{display:block;border-top:1px solid var(--hair);background:var(--surface);max-height:calc(100vh - 72px);max-height:calc(100dvh - 72px);overflow-y:auto}
  .mnav[hidden]{display:none}
  .mnav .wrap{display:block}
  .mnav ul{list-style:none;padding:8px 0 16px}
  .mnav a{display:flex;align-items:center;min-height:52px;font:500 18px var(--sans);border-bottom:1px solid var(--hair)}
  .mnav a[aria-current="page"]{color:var(--accent-txt);text-decoration:underline}
  .mnav .btn{margin-top:16px;width:100%}
}

/* hero D */
.hero{padding-top:56px}
.hero-g{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}
.hero-t{display:flex;flex-direction:column;gap:22px}
.hero h1{font:800 clamp(34px,3.6vw,50px)/1.04 var(--sans);letter-spacing:-.018em;text-wrap:balance}
.hero p{font:400 clamp(17px,1.4vw,19px)/1.55 var(--sans);color:var(--muted);max-width:30em}
.hero img{width:100%;height:380px;object-fit:cover;border-radius:10px;border:1px solid var(--hair)}
@media (max-width:767px){
  .hero{padding-top:0}
  .hero-g{grid-template-columns:1fr;gap:24px}
  .hero-g .hero-t{order:2}
  .hero-g img{order:1;height:260px;border-radius:0;border:0;width:calc(100% + 2*var(--gx));max-width:none;margin-inline:calc(-1*var(--gx))}
  .hero-t .btns .btn{flex:1}
}
@media (min-width:768px) and (max-width:1023px){.hero-g{grid-template-columns:1fr}.hero img{height:340px}}

/* stats (inset-dark) */
.stats{padding-block:48px}
.stats-g{display:grid;grid-template-columns:repeat(4,1fr);background:var(--band);color:#FFFFFF;border-radius:10px;overflow:hidden}
.stats-g>div{padding:26px 30px;display:flex;flex-direction:column;gap:6px}
.stats-g>div+div{border-left:1px solid rgba(255,255,255,.12)}
.stats-g b{font:700 34px var(--sans);letter-spacing:-.01em;white-space:nowrap}
.stats-g span{font:400 14px var(--mono);letter-spacing:.06em;color:var(--band-t)}
@media (min-width:1024px) and (max-width:1099px){.stats-g>div{padding-inline:24px}}
@media (max-width:1023px){
  .stats-g{grid-template-columns:1fr 1fr}
  .stats-g>div:nth-child(3){border-left:0}
  .stats-g>div:nth-child(n+3){border-top:1px solid rgba(255,255,255,.12)}
}
@media (max-width:767px){.stats{padding-block:24px}.stats-g{border:1px solid var(--hair)}.stats-g>div{padding:18px 16px}.stats-g b{font-size:22px}}

/* cards */
.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
@media (max-width:1023px){.grid-3{grid-template-columns:1fr}}
@media (max-width:767px){.grid-2{grid-template-columns:1fr;gap:16px}.grid-3{gap:16px}}
.card{background:var(--card);border:1px solid var(--hair);border-radius:10px;overflow:hidden;display:flex;flex-direction:column}
a.card:hover{text-decoration:none;border-color:var(--accent-txt)}
.pick{padding:32px;gap:12px;min-height:180px}
.pick svg{width:30px;height:30px;color:var(--accent-txt)}
.pick .t{font:600 24px var(--sans)}
.pick .d{font:400 16px/1.6 var(--sans);color:var(--muted)}
@media (max-width:767px){.pick{padding:20px;min-height:0;gap:6px}.pick .t{font-size:18px}.pick .d{font-size:15px}}
.card .media{height:200px;overflow:hidden;background:var(--surface-alt)}
.card .media img{width:100%;height:100%;object-fit:cover}
.card .body{padding:28px;display:flex;flex-direction:column;gap:10px;flex:1}
.card .t{font:600 20px var(--sans)}
.card .d{font:400 16px/1.6 var(--sans);color:var(--muted)}
.card .tag{font:500 14px var(--mono);color:var(--accent-txt)}
@media (max-width:767px){.card .media{height:160px}.card .body{padding:20px}}

/* service detail cards */
.svc .media{height:260px}
.svc .body{padding:32px;gap:16px}
.svc h2{font:600 28px/1.2 var(--sans)}
.svc p{font:400 17px/1.6 var(--sans);color:var(--muted)}
.svc ul{padding-left:20px;display:flex;flex-direction:column;gap:8px;font:400 16px/1.6 var(--sans)}
.chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:4px}
.chips span{font:500 14px var(--mono);border:1px solid var(--hair);border-radius:6px;padding:6px 10px;color:var(--muted)}
.svc .btn{width:fit-content;margin-top:auto;height:48px;padding:0 22px;font-size:15px}
@media (max-width:767px){.svc .media{height:160px}.svc .body{padding:20px;gap:12px}.svc h2{font-size:20px}.svc p{font-size:15px}.svc ul{font-size:15px}.svc .btn{width:100%}}

/* process strip */
.steps{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--hair);border-radius:10px;overflow:hidden;background:var(--surface)}
.steps>div{padding:28px;display:flex;flex-direction:column;gap:8px}
.steps>div+div{border-left:1px solid var(--hair)}
.steps .n{font:600 14px var(--mono);color:var(--accent-txt)}
.steps .t{font:600 20px var(--sans)}
.steps .d{font:400 15px/1.6 var(--sans);color:var(--muted)}
@media (max-width:1023px){.steps{grid-template-columns:1fr 1fr}.steps>div:nth-child(3){border-left:0}.steps>div:nth-child(n+3){border-top:1px solid var(--hair)}}
@media (max-width:767px){.steps{grid-template-columns:1fr}.steps>div{padding:20px}.steps>div+div{border-left:0;border-top:1px solid var(--hair)}}

/* contact band */
.band{background:var(--band);color:#FFFFFF}
.band .lbl{font:500 14px var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--band-t)}
.band-home .wrap{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:start}
.band-list{display:flex;flex-direction:column;gap:1px;background:rgba(255,255,255,.14);border-radius:8px;overflow:hidden}
.band-list>div{display:flex;justify-content:space-between;gap:24px;background:var(--band);padding:16px 20px;font:400 15px var(--mono)}
.band-list>div>span:first-child{color:var(--band-t)}
.band-list>div>:last-child{text-align:right}
.band-slim{padding-block:80px}
.band-slim .wrap{display:flex;align-items:center;justify-content:space-between;gap:32px 48px;flex-wrap:wrap}
.band-slim .act{display:flex;gap:32px;align-items:center;font:400 15px var(--mono);flex-wrap:wrap}
@media (max-width:767px){
  .band-home .wrap{grid-template-columns:1fr;gap:24px}
  .band-list>div{padding:12px 14px;font-size:14px}
  .band-slim{padding-block:32px}
  .band .lbl{font-size:14px}
}

/* footer */
.ftr{border-top:1px solid var(--hair);padding-block:48px;font:400 14px var(--sans);color:var(--muted)}
.ftr-full{padding:64px 0 48px}
.ftr-g{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:48px}
.ftr-g>div{display:flex;flex-direction:column;gap:8px}
.ftr .logo{color:var(--ink);margin-bottom:4px}
.ftr .cap{font:500 14px var(--mono);letter-spacing:.14em;text-transform:uppercase}
.ftr .id{font:400 14px var(--mono);color:var(--ink)}
.ftr .lnk{font:500 14px var(--sans);color:var(--accent-txt)}
.ftr-g>div>a:not(.logo){display:inline-flex;align-items:center;min-height:24px}
.ftr-slim .wrap{display:flex;justify-content:space-between;align-items:baseline;gap:16px 48px;flex-wrap:wrap}
.ftr-legal{display:flex;gap:24px;flex-wrap:wrap}
.ftr-bottom{margin-top:40px;padding-top:20px;border-top:1px solid var(--hair);display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:14px}
@media (max-width:767px){.ftr-g{grid-template-columns:1fr;gap:24px}.ftr,.ftr-full{padding:24px 0 96px}}

/* sticky mobile action bar */
.mbar{display:none}
@media (max-width:767px){
  .mbar{display:grid;grid-template-columns:1fr 1fr;gap:8px;position:fixed;left:0;right:0;bottom:0;z-index:40;padding:10px 16px calc(10px + env(safe-area-inset-bottom));background:var(--surface);border-top:1px solid var(--hair)}
  .mbar .btn{width:100%}
}

/* page intro */
.intro{padding:var(--sec) 0 48px;display:block}
.intro .wrap{display:flex;flex-direction:column;gap:20px}
@media (max-width:767px){.intro{padding:28px 0 16px}.intro .wrap{gap:12px}}

/* FAQ */
.faq-g{display:grid;grid-template-columns:280px 1fr;gap:64px;align-items:start}
.faq-toc{position:sticky;top:110px;display:flex;flex-direction:column;gap:10px;border-left:1px solid var(--hair);padding-left:20px;font:500 15px var(--sans)}
.faq-body{display:flex;flex-direction:column;gap:56px}
.faq-grp{display:flex;flex-direction:column;gap:28px;scroll-margin-top:110px}
.qa{display:flex;flex-direction:column;gap:8px;border-top:1px solid var(--hair);padding-top:24px}
.qa h3{font:600 20px/1.35 var(--sans)}
.qa p{font:400 17px/1.7 var(--sans);color:var(--muted);max-width:60ch;text-wrap:pretty}
.factors{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:12px;max-width:760px}
.factors>div{border:1px solid var(--hair);border-radius:8px;padding:16px;background:var(--card)}
.factors small{display:block;font:500 14px var(--mono);color:var(--accent-txt);letter-spacing:.12em}
.factors span{display:block;font:400 15px/1.5 var(--sans);margin-top:6px}
@media (max-width:1023px){
  .faq-g{grid-template-columns:1fr;gap:32px}
  .faq-toc{position:static;flex-direction:row;flex-wrap:wrap;border-left:0;padding-left:0;gap:8px}
  .faq-toc a{border:1px solid var(--hair);border-radius:999px;padding:8px 14px;min-height:40px;display:inline-flex;align-items:center}
}
@media (max-width:767px){.factors{grid-template-columns:1fr}.qa h3{font-size:18px}.qa p{font-size:16px}.faq-body{gap:40px}.qa{padding-top:18px}}

/* Despre */
.facts{display:grid;grid-template-columns:repeat(3,1fr);background:var(--card);border:1px solid var(--hair);border-radius:10px;overflow:hidden}
.facts>div{padding:28px}
.facts>div+div{border-left:1px solid var(--hair)}
.facts b{display:block;font:600 clamp(22px,2.4vw,32px)/1.2 var(--sans)}
.facts b.mono{font-family:var(--mono)}
.facts span{display:block;font:400 15px var(--sans);color:var(--muted);margin-top:4px}
.tl{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--hair);border-bottom:1px solid var(--hair)}
.tl>div{padding:32px 32px 32px 0}
.tl>div+div{padding-left:32px;border-left:1px solid var(--hair)}
.tl small{display:block;font:500 14px var(--mono);color:var(--accent-txt);letter-spacing:.14em}
.tl b{display:block;font:600 22px/1.3 var(--sans);margin-top:8px}
.tl span{display:block;font:400 15px/1.6 var(--sans);color:var(--muted);margin-top:6px}
.figs{display:grid;grid-template-columns:1.4fr 1fr;gap:32px;align-items:start}
.figs figure{display:flex;flex-direction:column;gap:10px}
.figs img{width:100%;height:420px;object-fit:cover;border-radius:10px}
.figs img.arch{filter:saturate(.7) contrast(1.03)}
figcaption{font:400 14px var(--mono);color:var(--muted)}
.link-card{padding:32px;gap:12px;max-width:640px}
.link-card .k{font:500 14px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--accent-txt)}
.link-card .t{font:600 24px var(--sans)}
.link-card .d{font:400 16px/1.6 var(--sans);color:var(--muted)}
.link-card .go{font:500 15px var(--sans);color:var(--accent-txt);margin-top:4px}
@media (max-width:767px){
  .facts,.tl{grid-template-columns:1fr}
  .facts>div{padding:18px 20px}
  .facts>div+div{border-left:0;border-top:1px solid var(--hair)}
  .tl>div,.tl>div+div{padding:20px 0;border-left:0}
  .tl>div+div{border-top:1px solid var(--hair)}
  .figs{grid-template-columns:1fr;gap:20px}
  .figs img{height:240px}
  .link-card{padding:20px}
}

/* Contact */
.ct-head{padding:54px 0 40px;border-bottom:1px solid var(--hair)}
.ct-head .wrap{display:flex;flex-direction:column;gap:18px}
.ct-head h1{font:700 clamp(32px,3.4vw,46px)/1.05 var(--sans);letter-spacing:-.018em;max-width:18em;text-wrap:balance}
.ct-g{display:grid;grid-template-columns:1.15fr .85fr;align-items:start;width:min(1440px,100%);margin-inline:auto}
.ct-g>section{padding:48px 40px 56px var(--gx);display:flex;flex-direction:column;gap:26px}
.ct-g>section+section{padding:48px var(--gx) 56px 40px;border-left:1px solid var(--hair)}
.rule{display:flex;align-items:baseline;gap:14px;font:500 14px var(--mono);letter-spacing:.14em;text-transform:uppercase}
.rule::after{content:"";flex:1;height:1px;background:var(--hair)}
.form{background:var(--card);border:1px solid var(--hair);border-radius:10px;padding:32px;display:flex;flex-direction:column;gap:24px}
.fld{display:flex;flex-direction:column;gap:8px;font:500 14px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.fld .opt{text-transform:none;letter-spacing:0;font:400 14px var(--sans)}
.fld input,.fld textarea{height:48px;border:1px solid var(--field);border-radius:8px;padding:0 14px;font:400 16px var(--sans);background:var(--surface);color:var(--ink);width:100%;letter-spacing:0;text-transform:none}
.fld input[type="tel"]{font-family:var(--mono)}
.fld textarea{height:177px;min-height:120px;padding:12px 14px;line-height:1.5;resize:vertical}
.fld input::placeholder,.fld textarea::placeholder{color:var(--muted);opacity:1}
.fld [aria-invalid="true"]{border-color:var(--warn)}
input[type="checkbox"][aria-invalid="true"]{outline:2px solid var(--warn);outline-offset:2px}
input[type="checkbox"][aria-invalid="true"]:focus-visible{outline-color:var(--accent-txt);outline-offset:4px}
.file:has([aria-invalid="true"]){border-color:var(--warn)}
.fld-msg{margin:0}
.row2{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.file{position:relative;display:flex;align-items:center;gap:14px;min-height:56px;border:1px dashed var(--field);border-radius:8px;padding:12px 16px;cursor:pointer;background:var(--surface)}
.file:focus-within{outline:2px solid var(--accent-txt);outline-offset:2px}
.file svg{flex:none;color:var(--muted)}
.file b{display:block;font:500 15px var(--sans)}
.file small{display:block;font:400 14px var(--mono);color:var(--muted)}
.file input{position:absolute;inset:0;opacity:0;cursor:pointer}
.form .btn{height:52px;width:100%}
.form .note{font:400 14px var(--mono);color:var(--muted);text-align:center}
.form .legal{font:400 14px/1.5 var(--sans);color:var(--muted);text-align:center}
.form .legal a{color:var(--accent-txt);text-decoration:underline}
.msg{position:relative;border:1px solid var(--warn);border-radius:8px;padding:12px 14px 12px 34px;font:500 15px/1.5 var(--sans);color:var(--warn)}
.msg::before{content:"";position:absolute;left:14px;top:18px;width:10px;height:10px;border-radius:50%;background:currentColor}
.msg.info{border-color:var(--hair);color:var(--ink)}
.msg.info::before{background:var(--accent)}
.msg a{text-decoration:underline}
.form .legal.left{text-align:left}
.form .consent{display:flex;gap:10px;align-items:flex-start;min-height:44px;text-align:left;color:var(--ink);cursor:pointer}
.form .consent input{width:20px;height:20px;margin:1px 0 0;flex:none;accent-color:var(--accent)}
.hp{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
.done h2{display:flex;align-items:center;gap:10px;font:600 20px var(--sans);color:var(--ok)}
.done h2::before{content:"";width:12px;height:12px;border-radius:50%;background:var(--ok)}
.done p{font:400 16px/1.6 var(--sans);color:var(--muted);margin-top:12px}
.done .btn{width:fit-content;margin-top:12px;height:48px}
.done a{text-decoration:underline}
.cinfo{display:flex;flex-direction:column;gap:22px}
.cinfo>div{display:flex;gap:16px;align-items:flex-start}
.cinfo svg{flex:none;margin-top:2px;width:20px;height:20px}
.cinfo small{display:block;font:400 14px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:4px}
.cinfo .v{font:600 17px/1.45 var(--sans)}
.cinfo .v.mono{font-family:var(--mono)}
.map{height:220px;border:1px solid var(--hair);border-radius:8px;position:relative;overflow:hidden;background:repeating-linear-gradient(135deg,var(--surface-alt) 0 9px,var(--surface) 9px 18px)}
.map iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.map .load{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:16px;text-align:center}
.map .load small{font:400 14px/1.5 var(--sans);color:var(--muted);max-width:30em}
.map .load small a{text-decoration:underline}
.tagbox{position:absolute;left:12px;bottom:12px;font:400 14px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);background:var(--surface);border:1px solid var(--hair);border-radius:6px;padding:5px 10px}
.sediu{position:relative;height:220px;border:1px solid var(--hair);border-radius:8px;overflow:hidden}
.sediu img{width:100%;height:100%;object-fit:cover}
@media (max-width:1023px){
  .ct-g{grid-template-columns:1fr}
  .ct-g>section,.ct-g>section+section{padding:40px var(--gx);border-left:0}
  .ct-g>section+section{border-top:1px solid var(--hair)}
}
@media (max-width:767px){
  .ct-head{padding:28px 0 20px}
  .ct-g>section,.ct-g>section+section{padding:24px var(--gx)}
  .form{padding:20px;gap:18px}
  .row2{grid-template-columns:1fr}
  .fld textarea{height:120px}
}

/* Atestări */
.cert{padding:32px;gap:12px}
.cert .k{font:500 14px var(--mono);letter-spacing:.14em;color:var(--accent-txt)}
.cert .n{font:600 clamp(20px,2vw,28px) var(--mono)}
.cert .d{font:400 17px/1.6 var(--sans);color:var(--muted)}
.cert .v{font:400 15px var(--mono);color:var(--muted)}
.scan img{width:100%;height:auto;border:1px solid var(--hair);border-radius:8px;background:#FFFFFF}
.scan{display:flex;flex-direction:column;gap:10px}
.scan a{display:flex;flex-direction:column;gap:10px}
.idbox{background:var(--surface-alt);border:1px solid var(--hair);border-radius:10px;padding:32px;display:grid;grid-template-columns:1fr 1fr;gap:32px}
.idbox>div{display:flex;flex-direction:column;gap:12px}
.idbox .k{font:500 14px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--accent-txt)}
.idbox .m{font:500 17px var(--mono)}
@media (max-width:767px){.cert{padding:20px}.cert .d{font-size:15px}.idbox{grid-template-columns:1fr;padding:20px;gap:20px}.idbox .m{font-size:15px}}

/* Lucrări */
.meta{display:flex;align-items:baseline;gap:16px;flex-wrap:wrap;padding-top:6px;font:400 14px var(--mono);color:var(--muted)}
.works{list-style:none;padding:0;margin:0}
.works li,.works-h{display:grid;grid-template-columns:64px minmax(0,1.35fr) minmax(0,1fr) 240px;gap:16px 32px;align-items:baseline}
.works-h{padding-bottom:12px;font:500 14px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.works li{border-top:1px solid var(--hair);padding:16px 0}
.works .nr{font:400 14px var(--mono);color:var(--muted)}
.works .t{font:400 16px/1.45 var(--sans);text-wrap:pretty}
.works .l{font:400 15px/1.5 var(--sans);color:var(--muted);text-wrap:pretty}
.works .b{font:400 14px/1.5 var(--mono);color:var(--accent-txt);text-wrap:pretty}
.works .l::before,.works .b::before{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.works .l::before{content:"Amplasament: "}
.works .b::before{content:"Beneficiar: "}
@media (max-width:1023px){.works .l::before,.works .b::before{position:static;width:auto;height:auto;overflow:visible;clip:auto;white-space:normal}}
@media (max-width:1023px){
  .works-h{display:none}
  .works li{grid-template-columns:48px minmax(0,1fr);gap:4px 12px;padding:14px 0}
  .works .l,.works .b{grid-column:2}
  .works .t{font-size:15px}.works .l{font-size:14px}.works .b{font-size:14px}
}

/* prose (legal) */
.prose{max-width:60ch;display:flex;flex-direction:column;gap:16px;font:400 17px/1.7 var(--sans)}
.prose h2{font:600 24px/1.3 var(--sans);margin-top:24px}
.prose p,.prose li{color:var(--muted)}
.prose strong{color:var(--ink);font-weight:600}
.prose ul{padding-left:22px;display:flex;flex-direction:column;gap:6px}
.prose a{color:var(--accent-txt);text-decoration:underline}
@media (max-width:767px){.prose{font-size:16px}.prose h2{font-size:20px}}

/* cookie notice */
.cookie{position:fixed;z-index:60;left:24px;bottom:24px;max-width:440px;background:var(--band);color:#FFFFFF;border-radius:10px;padding:20px;display:flex;flex-direction:column;gap:14px;box-shadow:0 12px 32px rgba(0,0,0,.24);max-height:60vh;overflow-y:auto}
.cookie[hidden]{display:none}
.cookie p{font:400 14px/1.55 var(--sans);color:#E3E7ED}
.cookie a{color:var(--accent);text-decoration:underline}
.cookie .btn{height:44px;width:fit-content}
@media (max-width:767px){.cookie{left:12px;right:12px;bottom:calc(80px + env(safe-area-inset-bottom));max-width:none;border:1px solid var(--hair)}}

/* 404 */
.nf{min-height:50vh;display:flex;align-items:center}
.nf .wrap{display:flex;flex-direction:column;gap:20px}