/* ==========================================================================
   ENEXIS — confecții metalice & infrastructură rutieră
   ========================================================================== */

/* Fonturile sunt încărcate din fonts.css (data URI), ca site-ul să arate corect
   și când index.html e deschis direct de pe disc. Pentru producție, folosește acest bloc
   și șterge <link> către fonts.css:

@font-face{font-family:"Archivo";src:url("../fonts/archivo-var.woff2") format("woff2-variations");
  font-weight:100 900;font-stretch:62% 125%;font-display:swap}
@font-face{font-family:"Plex";src:url("../fonts/plexsans-var.woff2") format("woff2-variations");
  font-weight:100 700;font-stretch:75% 100%;font-display:swap}
*/

:root{
  --night:#0A1120; --night-2:#101A2E; --steel:#18243B;
  --mist:#E8EDF4; --mist-2:#D9E0EA; --paper:#F5F7FA;
  --blue:#1251EE; --blue-hi:#4C82FF; --sky:#1EA7FF; --cobalt:#0B3FC7;
  --ash:#7D8899;

  --ink-d:#EEF2F8; --mute-d:rgba(238,242,248,.62); --faint-d:rgba(238,242,248,.30);
  --ink-l:#0A1120; --mute-l:rgba(10,17,32,.72); --faint-l:rgba(10,17,32,.22);

  --rule:rgba(120,140,175,.28);
  --wrap:1440px; --gut:clamp(1.25rem,4vw,3.25rem);
  --hdr:74px;

  --fs-hero:clamp(2.8rem,7.6vw,7rem);
  --fs-1:clamp(2.15rem,5vw,4.4rem);
  --fs-2:clamp(1.6rem,2.8vw,2.5rem);
  --fs-3:clamp(1.15rem,1.5vw,1.4rem);
  --fs-tech:clamp(.72rem,.85vw,.8rem);

  --e-out:cubic-bezier(.16,.84,.28,1);
  --e-io:cubic-bezier(.62,.05,.2,1);
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{
  margin:0;background:var(--night);color:var(--ink-d);
  font-family:"Plex",ui-sans-serif,system-ui,sans-serif;
  font-size:clamp(1rem,1.03vw,1.075rem);line-height:1.62;
  font-variation-settings:"wght" 400;
  -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;
  overflow-x:hidden;
}
img,video,svg{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit;color:inherit}
h1,h2,h3,h4{margin:0;font-family:"Archivo",ui-sans-serif,sans-serif;font-weight:700;line-height:.96;letter-spacing:-.025em}
p{margin:0}
::selection{background:var(--blue);color:#fff}

:focus-visible{outline:2px solid var(--blue-hi);outline-offset:3px;border-radius:2px}

.wrap{max-width:var(--wrap);margin-inline:auto;padding-inline:var(--gut)}
.tech{font-family:"Archivo";font-variation-settings:"wght" 620,"wdth" 82;
  font-size:var(--fs-tech);letter-spacing:.1em;line-height:1.2}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* --- structural grid rules: the site's spine ---------------------------- */
.grid-rules{position:absolute;inset:0;z-index:4;pointer-events:none;
  max-width:var(--wrap);margin-inline:auto;padding-inline:var(--gut);
  display:grid;grid-template-columns:repeat(4,1fr)}
.grid-rules i{border-left:1px solid var(--rule);transform-origin:top;
  transform:scaleY(0);transition:transform 1.1s var(--e-out)}
.grid-rules i:first-child{border-left:0}
.ready .grid-rules i{transform:scaleY(1)}
.ready .grid-rules i:nth-child(2){transition-delay:.08s}
.ready .grid-rules i:nth-child(3){transition-delay:.16s}
.ready .grid-rules i:nth-child(4){transition-delay:.24s}
@media (max-width:760px){.grid-rules{grid-template-columns:repeat(2,1fr)}}

/* --- header -------------------------------------------------------------- */
.hdr{position:fixed;inset:0 0 auto;z-index:40;height:var(--hdr);
  display:flex;align-items:center;
  transition:background .45s var(--e-out),height .45s var(--e-out),backdrop-filter .45s}
.hdr::after{content:"";position:absolute;inset:auto 0 0;height:1px;background:var(--rule);
  transform:scaleX(0);transform-origin:left;transition:transform .6s var(--e-out)}
.hdr.stuck{background:rgba(10,17,32,.86);backdrop-filter:blur(14px) saturate(1.2);height:62px}
.hdr.stuck::after{transform:scaleX(1)}
.hdr .wrap{display:flex;align-items:center;gap:clamp(1rem,3vw,2.5rem);width:100%}
.brand{--logo-mark:var(--blue);--logo-text:var(--ink-d);display:block;flex:none}
.brand svg,.brand img{height:22px;width:auto}
.logo-svg{display:block;overflow:visible}
/* meniul principal: patru intrări cu pictogramă (cerința clientului) */
.nav{display:flex;align-items:center;gap:.2rem;margin-left:auto}
.ni{position:relative;display:flex;align-items:center;gap:.55rem;padding:.55rem .8rem;color:var(--mute-d);
  font-family:"Archivo";transition:color .3s,background .35s var(--e-out)}
.ni-ico{flex:none;width:20px;height:20px;display:block;transition:color .3s,transform .45s var(--e-out)}
.ni-ico svg{width:100%;height:100%;display:block;overflow:visible}
.ni-txt{display:grid;line-height:1.15}
.ni b{font-weight:400;font-variation-settings:"wght" 600,"wdth" 94;font-size:.88rem;letter-spacing:.005em;white-space:nowrap}
.ni em{display:none}
.ni::after{content:"";position:absolute;left:.8rem;right:.8rem;bottom:.15rem;height:2px;background:var(--blue-hi);
  transform:scaleX(0);transform-origin:left;transition:transform .45s var(--e-out)}
.ni:hover,.ni:focus-visible,.ni[aria-current]{color:var(--ink-d)}
.ni:hover .ni-ico,.ni:focus-visible .ni-ico,.ni[aria-current] .ni-ico{color:var(--blue-hi)}
.ni:hover .ni-ico{transform:translateY(-2px)}
.ni:hover::after,.ni[aria-current]::after{transform:scaleX(1)}
/* la hover pictograma se „desenează” din nou */
.ni:hover .ni-ico path{animation:ni-draw .8s var(--e-out)}
@keyframes ni-draw{from{stroke-dashoffset:100}to{stroke-dashoffset:0}}
.ni-ico path{stroke-dasharray:100}
.nav-quick{display:none}
.hdr-act{display:flex;align-items:center;gap:.85rem;flex:none;margin-left:.6rem}

.lang{display:flex;align-items:center;gap:.1rem;border:1px solid var(--faint-d);border-radius:2px;padding:2px}
.lang button{background:none;border:0;cursor:pointer;padding:.24rem .5rem;border-radius:1px;
  font-family:"Archivo";font-variation-settings:"wght" 640,"wdth" 88;font-size:.7rem;letter-spacing:.09em;
  color:var(--mute-d);transition:background .3s,color .3s}
.lang button[aria-pressed="true"]{background:var(--blue);color:#fff}

.btn{--bg:var(--blue);--fg:#fff;position:relative;display:inline-flex;align-items:center;gap:.6rem;
  background:var(--bg);color:var(--fg);border:0;cursor:pointer;padding:.78rem 1.35rem;
  font-family:"Archivo";font-variation-settings:"wght" 640,"wdth" 92;font-size:.83rem;letter-spacing:.02em;
  overflow:hidden;transition:transform .35s var(--e-out)}
.btn span{position:relative;z-index:1}
.btn::before{content:"";position:absolute;inset:0;background:var(--ink-d);
  transform:translateY(101%);transition:transform .45s var(--e-io)}
.btn:hover::before{transform:translateY(0)}
.btn:hover{color:var(--night)}
.btn.ghost{--bg:transparent;--fg:var(--ink-d);box-shadow:inset 0 0 0 1px var(--faint-d)}
.btn.ghost:hover{color:var(--night)}
.burger{display:none;width:38px;height:38px;background:none;border:1px solid var(--faint-d);cursor:pointer;
  align-items:center;justify-content:center;flex-direction:column;gap:4px}
.burger i{display:block;width:16px;height:1.5px;background:var(--ink-d);transition:transform .4s var(--e-out),opacity .3s}
.burger[aria-expanded="true"] i:nth-child(1){transform:translateY(5.5px) rotate(45deg)}
.burger[aria-expanded="true"] i:nth-child(2){opacity:0}
.burger[aria-expanded="true"] i:nth-child(3){transform:translateY(-5.5px) rotate(-45deg)}

@media (max-width:1080px){
  .burger{display:flex}
  .hdr-act{margin-left:auto}
  .nav{position:fixed;inset:var(--hdr) 0 auto;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:1px;align-items:stretch;
    background:#1E293F;border-top:1px solid var(--rule);padding:0;
    max-height:calc(100svh - var(--hdr));overflow-y:auto;
    clip-path:inset(0 0 100% 0);visibility:hidden;transition:clip-path .55s var(--e-io),visibility 0s .55s}
  .hdr.stuck .nav{inset:62px 0 auto}
  .nav.open{clip-path:inset(0 0 0 0);visibility:visible;transition:clip-path .55s var(--e-io)}
  .ni{flex-direction:column;align-items:flex-start;gap:.9rem;padding:1.3rem var(--gut) 1.4rem;background:var(--night);
    opacity:0;transform:translateY(10px);transition:opacity .4s,transform .5s var(--e-out),background .3s,color .3s}
  .nav.open .ni{opacity:1;transform:none}
  .nav.open .ni:nth-child(2){transition-delay:.05s}
  .nav.open .ni:nth-child(3){transition-delay:.1s}
  .nav.open .ni:nth-child(4){transition-delay:.15s}
  .nav.open .ni:nth-child(5){transition-delay:.2s}
  .ni-ct{grid-column:1/-1}
  .ni-ico{width:30px;height:30px;color:var(--blue-hi)}
  .ni b{font-size:1.08rem;white-space:normal;font-variation-settings:"wght" 660,"wdth" 100;color:var(--ink-d)}
  .ni em{display:block;font-style:normal;font-family:"Plex",ui-sans-serif,system-ui,sans-serif;font-size:.8rem;color:var(--mute-d);margin-top:.3rem}
  .ni::after{display:none}
  .ni[aria-current]{background:var(--night-2);box-shadow:inset 3px 0 0 var(--blue-hi)}
  .nav-quick{display:flex;flex-wrap:wrap;gap:.4rem 1.6rem;grid-column:1/-1;margin:0;background:var(--night);
    padding:1rem var(--gut) 1.3rem;font-size:.88rem}
  .nav-quick a{color:var(--mute-d)}
  .nav-quick a:hover{color:var(--ink-d)}
}

/* --- hero ---------------------------------------------------------------- */
.hero{position:relative;min-height:100svh;display:flex;flex-direction:column;justify-content:flex-end;
  overflow:hidden;background:#060A14}
.hero-media{position:absolute;inset:0;z-index:0}
.hero-media video,.hero-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;
  opacity:0;transition:opacity 1.5s var(--e-io);will-change:opacity}
.hero-media .on{opacity:1}
.hero-scrim{position:absolute;inset:0;z-index:1;pointer-events:none;
  background:
    linear-gradient(180deg,rgba(6,10,20,.72) 0%,rgba(6,10,20,0) 26%),
    linear-gradient(0deg,rgba(6,10,20,.55) 0%,rgba(6,10,20,0) 26%)}
.hero-in{position:relative;z-index:5;width:100%;padding-block:0 clamp(1.4rem,3vw,2.2rem)}
.hero-foot{display:flex;align-items:center;justify-content:space-between;gap:1.5rem}
h1{font-size:var(--fs-hero);max-width:14ch;
  font-variation-settings:"wght" 780,"wdth" 112}
.scroll-cue{width:26px;height:42px;border:1.5px solid rgba(238,242,248,.6);border-radius:14px;display:grid;justify-items:center;
  padding-top:7px;opacity:0;transition:opacity .8s ease .9s,border-color .3s}
.ready .scroll-cue{opacity:1}
.scroll-cue:hover{border-color:#fff}
.scroll-cue span{width:3px;height:8px;border-radius:2px;background:#fff;animation:cue 1.8s var(--e-io) infinite}
@keyframes cue{0%{transform:translateY(0);opacity:1}70%{transform:translateY(12px);opacity:0}100%{opacity:0}}

/* clip indicator */
.clips{display:flex;gap:6px;align-items:center;opacity:0;transition:opacity .8s ease .7s}
.ready .clips{opacity:1}
.clips button{width:46px;height:2px;background:rgba(238,242,248,.26);border:0;padding:0;cursor:pointer;
  position:relative;overflow:hidden}
.clips button::after{content:"";position:absolute;inset:0;background:var(--blue-hi);
  transform:scaleX(0);transform-origin:left}
.clips button.act::after{animation:clipfill var(--dur,7s) linear forwards}
.clips button.done::after{transform:scaleX(1)}
@keyframes clipfill{to{transform:scaleX(1)}}

.ico{flex:none;display:block;width:34px;height:34px}

/* --- mobil ---------------------------------------------------------------- */
@media (max-width:760px){
  .caps li{flex-direction:column;gap:.3rem;align-items:stretch}
  .caps li::before{display:none}
  .caps li b{color:var(--ink-d)}
}

/* --- generic sections ---------------------------------------------------- */
section{position:relative;z-index:3}
.pad{padding-block:clamp(4.5rem,10vw,9rem)}
.light{background:var(--mist);color:var(--ink-l)}
.light .tech{color:var(--cobalt)}
.dark{background:var(--night);color:var(--ink-d)}
.paper{background:var(--paper);color:var(--ink-l)}

.light + .light,.paper + .paper,.light + .paper,.paper + .light{padding-top:clamp(2.2rem,4.5vw,4rem)}
.sec-head{display:grid;grid-template-columns:minmax(0,1fr);gap:1.4rem;margin-bottom:clamp(2.2rem,4vw,3.6rem)}
@media (min-width:900px){.sec-head{grid-template-columns:minmax(0,.92fr) minmax(0,1fr);gap:clamp(2rem,5vw,5rem);align-items:end}}
.sec-head h2{font-size:var(--fs-1);font-variation-settings:"wght" 700,"wdth" 106;max-width:17ch;text-wrap:balance}
.sec-head p{color:var(--mute-l);max-width:52ch}
.dark .sec-head p{color:var(--mute-d)}
.eyebrow{display:flex;align-items:center;gap:.7rem;margin-bottom:1.1rem;color:var(--cobalt)}
.dark .eyebrow{color:var(--blue-hi)}
.eyebrow::before{content:"";width:26px;height:1px;background:currentColor;flex:none}

/* reveal */
.rv{opacity:0;transform:translateY(22px);transition:opacity .8s var(--e-out),transform .8s var(--e-out)}
.rv.in{opacity:1;transform:none}
.rv[data-d="1"]{transition-delay:.08s}.rv[data-d="2"]{transition-delay:.16s}
.rv[data-d="3"]{transition-delay:.24s}.rv[data-d="4"]{transition-delay:.32s}
.rv[data-d="5"]{transition-delay:.4s}.rv[data-d="6"]{transition-delay:.48s}

/* --- about --------------------------------------------------------------- */
.about-grid{display:grid;gap:clamp(2rem,4vw,3.5rem)}
@media (min-width:900px){.about-grid{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-items:start}}
.about-copy p + p{margin-top:1.1rem}
.about-copy .lead{font-size:var(--fs-3);line-height:1.45;color:var(--ink-l);
  font-family:"Archivo";font-variation-settings:"wght" 480,"wdth" 100;letter-spacing:-.01em}
.about-fig{position:relative;overflow:hidden;aspect-ratio:4/5}
@media (min-width:900px){.about-fig{aspect-ratio:1/1}}
.about-fig img{width:100%;height:100%;object-fit:cover;transform:scale(1.1);will-change:transform}
.about-fig figcaption{position:absolute;inset:auto 0 0;padding:1rem;background:linear-gradient(transparent,rgba(6,10,20,.85));
  color:var(--ink-d)}

.stats{display:grid;grid-template-columns:repeat(2,1fr);gap:0;
  margin-top:clamp(2.6rem,5vw,3.6rem);border-top:1px solid var(--faint-l)}
.stat{border-bottom:1px solid var(--faint-l);padding:clamp(1.2rem,2.2vw,1.7rem) clamp(1rem,1.6vw,1.4rem) clamp(1.2rem,2.2vw,1.7rem) 0}
.stat:nth-child(even){padding-left:clamp(1rem,1.6vw,1.4rem);border-left:1px solid var(--faint-l)}
.stat b{display:block;font-family:"Archivo";font-variation-settings:"wght" 720,"wdth" 112;
  font-size:clamp(2.2rem,4.4vw,3.6rem);line-height:1;letter-spacing:-.04em;color:var(--ink-l)}
.stat span{display:block;margin-top:.5rem;color:var(--mute-l);font-size:.85rem;max-width:22ch}

/* --- marquee ------------------------------------------------------------- */
.mq{overflow:hidden;border-block:1px solid var(--rule);background:var(--night-2);padding-block:.85rem}
.mq-in{display:flex;gap:2.6rem;width:max-content;animation:mq 42s linear infinite}
.mq:hover .mq-in{animation-play-state:paused}
.mq span{font-family:"Archivo";font-variation-settings:"wght" 560,"wdth" 92;font-size:.85rem;
  letter-spacing:.06em;color:var(--mute-d);display:flex;align-items:center;gap:2.6rem;white-space:nowrap}
.mq span::after{content:"";width:5px;height:5px;background:var(--blue-hi);flex:none;transform:rotate(45deg)}
@keyframes mq{to{transform:translateX(-50%)}}

/* --- divisions ----------------------------------------------------------- */
.div-sec{--acc:var(--blue-hi)}
.div-sec.road{--acc:var(--sky)}
.div-band{position:relative;height:clamp(320px,52vh,560px);overflow:hidden}
.div-band img{width:100%;height:130%;object-fit:cover;will-change:transform}
.div-band::after{content:"";position:absolute;inset:0;
  background:linear-gradient(0deg,rgba(10,17,32,.95) 0%,rgba(10,17,32,.6) 42%,rgba(10,17,32,.2) 72%,rgba(10,17,32,.5) 100%)}
.div-band .band-cap{position:absolute;z-index:2;inset:auto 0 0;padding-bottom:clamp(1.4rem,3vw,2.6rem)}
.div-band h2{font-size:var(--fs-1);font-variation-settings:"wght" 740,"wdth" 114;color:var(--ink-d);max-width:18ch}
.div-band .kicker{color:var(--acc);margin-bottom:.9rem;display:flex;gap:.7rem;align-items:center}
.div-band .kicker::before{content:"";width:34px;height:2px;background:currentColor}

.div-body{display:grid;gap:clamp(2rem,4vw,4rem);padding-block:clamp(3rem,6vw,5rem)}
@media (min-width:960px){.div-body{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr)}}
.div-body .lead{font-size:var(--fs-3);line-height:1.45;font-family:"Archivo";
  font-variation-settings:"wght" 460,"wdth" 100;letter-spacing:-.01em;color:var(--ink-d)}
.caps{list-style:none;margin:0;padding:0;display:grid;gap:0;border-top:1px solid var(--rule)}
.caps li{border-bottom:1px solid var(--rule);padding:.85rem 0;display:flex;gap:1rem;align-items:baseline;
  transition:padding-left .45s var(--e-out),color .35s}
.caps li::before{content:"";width:6px;height:6px;flex:none;background:var(--acc);transform:rotate(45deg) translateY(-2px);
  transition:transform .45s var(--e-out)}
.caps li:hover{padding-left:.7rem;color:#fff}
.caps li:hover::before{transform:rotate(45deg) scale(1.5) translateY(-2px)}
.caps li b{font-family:"Archivo";font-variation-settings:"wght" 620,"wdth" 96;font-weight:400}
.caps li em{font-style:normal;color:var(--mute-d);font-size:.92rem}

.div-cta{margin-top:2rem;display:inline-flex}
.div-cta .btn{--bg:transparent;--fg:var(--ink-d);box-shadow:inset 0 0 0 1px var(--acc);color:var(--acc)}
.div-cta .btn::before{background:var(--acc)}
.div-cta .btn:hover{color:var(--night)}

/* --- pagini fără hero ----------------------------------------------------- */
body.subpage{padding-top:var(--hdr)}
body.subpage .hdr{background:rgba(10,17,32,.92);backdrop-filter:blur(14px) saturate(1.2)}
body.subpage .hdr::after{transform:scaleX(1)}

.page-head .sec-head{margin-bottom:clamp(1.8rem,3.2vw,2.6rem)}

/* --- fișa tehnică (pagina de proiect) ----------------------------------- */
.specs{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:1px;background:var(--rule);
  margin:1.6rem 0;border:1px solid var(--rule)}
.specs div{background:var(--night);padding:.85rem .9rem}
.specs dt{color:var(--mute-d);font-family:"Archivo";font-variation-settings:"wght" 560,"wdth" 84;
  font-size:.7rem;letter-spacing:.09em;margin-bottom:.3rem}
.specs dd{margin:0;font-family:"Archivo";font-variation-settings:"wght" 640,"wdth" 100;font-size:1.05rem}

/* --- standards ----------------------------------------------------------- */
.std{border-top:1px solid var(--faint-l)}
.dark .std{border-color:var(--rule)}
.std-item{border-bottom:1px solid var(--faint-l)}
.dark .std-item{border-color:var(--rule)}
.std-btn{width:100%;background:none;border:0;cursor:pointer;text-align:left;padding:clamp(1.1rem,2.2vw,1.7rem) 0;
  display:grid;grid-template-columns:auto 1fr auto;gap:clamp(1rem,3vw,2.5rem);align-items:center;
  transition:padding-left .45s var(--e-out)}
.std-btn:hover{padding-left:.8rem}
.std-code{font-family:"Archivo";font-variation-settings:"wght" 660,"wdth" 84;font-size:.78rem;
  letter-spacing:.08em;color:var(--cobalt);min-width:9ch}
.dark .std-code{color:var(--blue-hi)}
.std-btn h3{font-size:clamp(1.15rem,2.2vw,1.7rem);font-variation-settings:"wght" 620,"wdth" 104}
.std-plus{width:26px;height:26px;position:relative;flex:none}
.std-plus::before,.std-plus::after{content:"";position:absolute;background:currentColor;
  transition:transform .5s var(--e-io)}
.std-plus::before{inset:50% 0 auto;height:1px;transform:translateY(-50%)}
.std-plus::after{inset:0 50% auto;width:1px;transform:translateX(-50%)}
.std-btn[aria-expanded="true"] .std-plus::after{transform:translateX(-50%) scaleY(0)}
.std-panel{display:grid;grid-template-rows:0fr;transition:grid-template-rows .55s var(--e-io)}
.std-item.open .std-panel{grid-template-rows:1fr}
.std-panel > div{overflow:hidden}
.std-panel p{padding:0 0 clamp(1.2rem,2.4vw,1.8rem);max-width:62ch;color:var(--mute-l)}
.dark .std-panel p{color:var(--mute-d)}

/* --- partners ------------------------------------------------------------ */
.partners{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1px;background:var(--rule)}
.partner{background:var(--night);padding:clamp(1.6rem,3vw,2.4rem);display:flex;flex-direction:column;gap:1rem;
  transition:background .45s}
.partner:hover{background:var(--night-2)}
.partner img{height:32px;width:auto;align-self:start;opacity:.72;transition:opacity .5s,transform .5s var(--e-out)}
.partner:hover img{opacity:1;transform:translateY(-2px)}
.partner p{color:var(--mute-d);font-size:.9rem}
.partner .lnk{margin-top:auto;color:var(--blue-hi);font-family:"Archivo";
  font-variation-settings:"wght" 620,"wdth" 90;font-size:.78rem;letter-spacing:.06em}

/* --- contact ------------------------------------------------------------- */
.contact{position:relative;overflow:hidden;background:var(--night)}
.contact-bg{position:absolute;inset:0;opacity:.11}
.contact-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--night) 0%,rgba(10,17,32,.55) 45%,rgba(10,17,32,.8) 100%)}
.contact-bg img{width:100%;height:120%;object-fit:cover;will-change:transform}
.contact .wrap{position:relative;z-index:2}
.contact-grid{display:grid;gap:clamp(2.2rem,5vw,4.5rem)}
@media (min-width:960px){.contact-grid{grid-template-columns:minmax(0,.8fr) minmax(0,1fr)}}
.cinfo{display:grid;gap:1.6rem;align-content:start}
.cinfo .row{display:grid;gap:.3rem}
.cinfo dt{color:var(--blue-hi)}
.cinfo dd{margin:0;font-family:"Archivo";font-variation-settings:"wght" 560,"wdth" 100;font-size:1.08rem}
.cinfo a{position:relative}
.cinfo a::after{content:"";position:absolute;left:0;right:100%;bottom:-2px;height:1px;background:var(--blue-hi);
  transition:right .4s var(--e-out)}
.cinfo a:hover::after{right:0}

form{display:grid;gap:1px;background:var(--rule);border:1px solid var(--rule)}
.f2{display:grid;grid-template-columns:1fr;gap:1px;background:var(--rule)}
@media (min-width:600px){.f2{grid-template-columns:1fr 1fr}}
.field{background:var(--night);position:relative;display:grid}
.field label{padding:.85rem 1rem .1rem;font-family:"Archivo";
  font-variation-settings:"wght" 560,"wdth" 84;font-size:.68rem;letter-spacing:.1em;color:var(--mute-d);
  transition:color .3s}
.field:focus-within label{color:var(--blue-hi)}
.field input,.field select,.field textarea{background:none;border:0;padding:.15rem 1rem .95rem;width:100%;
  font-size:.98rem;outline:none}
.field textarea{resize:vertical;min-height:120px}
.field select{appearance:none;cursor:pointer}
.field option{background:var(--night);color:var(--ink-d)}
.field::after{content:"";position:absolute;inset:auto 0 0;height:1px;background:var(--blue-hi);
  transform:scaleX(0);transform-origin:left;transition:transform .5s var(--e-out)}
.field:focus-within::after{transform:scaleX(1)}
.f-submit{background:var(--night);padding:1rem}
.form-note{color:var(--mute-d);font-size:.82rem;margin-top:.9rem}
.form-ok{background:var(--blue);color:#fff;padding:1rem;font-size:.92rem;display:none}
.form-ok.show{display:block}

/* --- footer -------------------------------------------------------------- */
footer{background:#070C18;border-top:1px solid var(--rule);padding-block:clamp(2.5rem,5vw,4rem) 1.5rem}
.f-grid{display:grid;gap:2.2rem}
@media (min-width:820px){.f-grid{grid-template-columns:minmax(0,1.3fr) repeat(2,minmax(0,1fr))}}
.f-brand{--logo-mark:var(--blue);--logo-text:var(--ink-d);display:block;margin-bottom:1.1rem}
.f-brand svg,.f-brand img{height:26px;width:auto}
footer p{color:var(--mute-d);font-size:.9rem;max-width:40ch}
.f-col h4{font-size:.72rem;letter-spacing:.1em;font-variation-settings:"wght" 620,"wdth" 84;
  color:var(--blue-hi);margin-bottom:.9rem}
.f-col ul{list-style:none;margin:0;padding:0;display:grid;gap:.55rem}
.f-col li{color:var(--mute-d);font-size:.92rem}
.f-col a{color:inherit;font-size:inherit;transition:color .3s}
.f-col a:hover{color:var(--ink-d)}
.f-bot{margin-top:clamp(2rem,4vw,3.2rem);padding-top:1.4rem;border-top:1px solid var(--rule);
  display:flex;flex-wrap:wrap;gap:1rem 1.6rem;justify-content:space-between;align-items:center}
.f-bot small,.f-bot a{color:var(--mute-d);font-size:.8rem}
.f-bot a:hover{color:var(--ink-d)}
.f-legal{display:flex;gap:1.3rem;flex-wrap:wrap}

/* --- footer: slogan ------------------------------------------------------- */
.f-slogan{color:var(--blue-hi);margin:-.35rem 0 1rem}

/* --- ENEXIS METAL ------------------------------------------------------- */
.em-plate{background:var(--paper);display:flex;align-items:center;justify-content:center;
  padding:clamp(1.3rem,3vw,2.2rem) clamp(1.4rem,3vw,2.6rem);border-top:3px solid var(--blue)}
.em-plate img{width:min(100%,300px);height:auto}
.em-plate-sm{display:inline-flex;padding:.9rem 1.2rem;margin-bottom:1.6rem}
.em-plate-sm img{width:180px}

/* --- ENEXIS METAL: site-ul vechi, păstrat ca atare și legat de ENEXIS ------
   Tot ce ține de pagina enexis-metal.html stă sub .old, cu stilul site-ului vechi:
   font de sistem, fundal alb/gri, carduri rotunjite cu umbră, albastrul #0072F9. */
.old{--o-blue:#0072F9;--o-blue-2:#005FD1;--o-ink:#101828;--o-text:#364153;--o-gray:#F9FAFB;
  background:#fff;color:var(--o-text);font-family:ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}
.old h1,.old h2,.old h3{font-family:inherit;letter-spacing:-.02em;line-height:1.15;color:var(--o-ink)}
.o-wrap{max-width:1280px;margin-inline:auto;padding-inline:var(--gut)}
.o-div{background:var(--night);border-bottom:1px solid var(--rule)}
.o-div-in{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.4rem .7rem;padding-block:.65rem;
  color:var(--mute-d);font-size:.85rem;text-align:center;--logo-mark:var(--blue);--logo-text:var(--ink-d)}
.o-div-in a{display:inline-flex;padding:.2rem 0}

.o-hero{position:relative;min-height:clamp(520px,78svh,760px);display:grid;place-items:center;overflow:hidden;text-align:center}
.o-hero-bg{position:absolute;inset:0}
.o-hero-bg img{width:100%;height:125%;object-fit:cover;will-change:transform}
.o-hero-bg::after{content:"";position:absolute;inset:0;background:rgba(0,114,249,.62)}
.metal-page .o-div{border-top:1px solid var(--rule);scroll-margin-top:62px}
.o-hero-in{position:relative;z-index:2;display:grid;justify-items:center;gap:2.2rem;padding:4rem var(--gut)}
.o-hero-logo{width:min(70vw,300px);height:auto;background:rgba(255,255,255,.92);padding:.8rem 1.2rem;border-radius:16px;
  box-shadow:0 20px 40px -20px rgba(0,0,0,.35)}
.old .o-hero h1{color:#fff;font-size:clamp(2.2rem,5.4vw,4.5rem);font-weight:700;max-width:18ch;text-wrap:balance;
  text-shadow:0 2px 24px rgba(0,40,110,.25)}
.o-pill{display:inline-flex;align-items:center;gap:1rem;background:rgba(0,114,249,.7);color:#fff;border-radius:999px;
  padding:1rem 1.6rem;font-weight:600;font-size:clamp(1.05rem,1.6vw,1.25rem);box-shadow:0 10px 25px -10px rgba(0,0,0,.35);
  transition:background .25s,color .25s}
.o-pill svg{width:22px;height:22px}
.o-pill:hover{background:#fff;color:#000}

.o-about{background:var(--o-gray);padding-block:clamp(5rem,9vw,8rem)}
.o-about-grid{display:grid;gap:clamp(3rem,6vw,5rem);align-items:center}
@media (min-width:1000px){.o-about-grid{grid-template-columns:1fr 1fr}}
.old .o-about h2{font-size:clamp(2.1rem,3.6vw,3rem);font-weight:700}
.o-rule{display:block;width:64px;height:4px;border-radius:4px;background:linear-gradient(90deg,var(--o-blue),var(--sky));margin:1.4rem 0 1.8rem}
.o-about p{font-size:1.1rem;line-height:1.7}
.o-about p + p{margin-top:1.3rem}
.o-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem 1rem;margin-top:3rem;text-align:center}
.o-stats b{display:block;font-size:clamp(2.2rem,3.6vw,3rem);font-weight:700;color:var(--o-blue);line-height:1.1}
.o-stats span{display:block;margin-top:.4rem;font-size:.95rem;color:#4A5565}
.o-fig{position:relative;margin:0}
.o-fig > img{width:100%;height:auto;aspect-ratio:4/3.4;object-fit:cover;border-radius:16px;box-shadow:0 25px 50px -12px rgba(0,0,0,.25)}
.o-badge{position:absolute;left:-1rem;bottom:-1.8rem;display:flex;align-items:center;gap:.9rem;background:#fff;
  padding:1.1rem 1.4rem;border-radius:16px;border:1px solid #F3F4F6;box-shadow:0 20px 25px -5px rgba(0,0,0,.1)}
@media (min-width:1000px){.o-badge{left:-2rem}}
.o-badge-ico{width:46px;height:46px;border-radius:999px;background:var(--o-blue);color:#fff;display:grid;place-items:center}
.o-badge-ico svg{width:20px;height:auto}
.o-badge b{display:block;color:var(--o-ink);font-size:1.05rem}
.o-badge em{font-style:normal;color:var(--o-blue);font-weight:600;font-size:.9rem}

.o-services{background:linear-gradient(135deg,#F8FAFC,#F3F4F6);padding-block:clamp(5rem,9vw,8rem)}
.o-head{text-align:center;max-width:46rem;margin:0 auto clamp(3rem,5vw,4.5rem)}
.old .o-head h2{font-size:clamp(2.1rem,4vw,3.4rem);font-weight:700}
.o-head p{margin-top:1.2rem;font-size:1.1rem;line-height:1.65}
.o-cards{display:grid;gap:2rem}
@media (min-width:760px){.o-cards{grid-template-columns:repeat(2,1fr)}}
.o-card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);
  transition:transform .45s var(--e-out),box-shadow .45s}
.o-card:hover{transform:translateY(-6px);box-shadow:0 25px 50px -12px rgba(0,0,0,.25)}
.o-card-img{aspect-ratio:2/1;overflow:hidden}
.o-card-img img{width:100%;height:100%;object-fit:cover;transition:transform .7s var(--e-out)}
.o-card:hover .o-card-img img{transform:scale(1.05)}
.o-card-body{padding:2rem 2.2rem 2.2rem}
.old .o-card h3{font-size:clamp(1.4rem,2vw,1.85rem);font-weight:700}
.o-card p{margin-top:.9rem;line-height:1.65}
.o-bar{display:block;margin-top:1.5rem;width:48px;height:4px;border-radius:4px;background:linear-gradient(90deg,var(--o-blue),var(--sky));
  transition:width .5s var(--e-out)}
.o-card:hover .o-bar{width:80px}
.o-cta{background:#fff;border-radius:24px;box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);
  text-align:center;max-width:56rem;margin:clamp(3.5rem,6vw,5rem) auto 0;padding:clamp(2.2rem,4vw,3rem) var(--gut)}
.old .o-cta h3{font-size:clamp(1.6rem,2.6vw,2.2rem);font-weight:700}
.o-cta p{margin:.9rem auto 1.8rem;max-width:44rem}
.o-btn{display:inline-block;background:linear-gradient(90deg,var(--o-blue),var(--o-blue-2));color:#fff;font-weight:600;
  padding:.95rem 1.7rem;border-radius:999px;box-shadow:0 10px 15px -3px rgba(0,114,249,.3);transition:transform .25s,box-shadow .25s}
.o-btn:hover{transform:translateY(-2px);box-shadow:0 14px 22px -6px rgba(0,114,249,.45)}

.o-partners{background:#fff;padding-block:clamp(5rem,9vw,8rem)}
.o-logos{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-around;gap:3rem}
.o-logos img{height:clamp(44px,5vw,60px);width:auto;transition:transform .3s}
.o-logos a:hover img{transform:scale(1.05)}

.o-family{background:var(--night);color:var(--ink-d);font-family:"Plex",ui-sans-serif,system-ui,sans-serif}
.o-family-in{display:grid;gap:1.6rem 3rem;align-items:center;padding-block:clamp(2.6rem,5vw,3.6rem)}
@media (min-width:900px){.o-family-in{grid-template-columns:minmax(0,1fr) auto}}
.o-family .eyebrow{color:var(--blue-hi);margin-bottom:.8rem}
.o-family p{color:var(--mute-d);max-width:58ch}
.o-family-act{display:flex;flex-wrap:wrap;gap:.7rem}

/* --- footer: legătura spre ENEXIS METAL ------------------------------------ */
.f-metal{display:inline-flex;align-items:center;gap:.9rem;margin-top:1.4rem;padding:.55rem .9rem .55rem .55rem;
  border:1px solid var(--rule);transition:border-color .3s}
.f-metal img{width:96px;height:auto;background:var(--paper);padding:.35rem .45rem}
.f-metal span{color:var(--mute-d);font-size:.84rem}
.f-metal:hover{border-color:var(--blue-hi)}
.f-metal:hover span{color:var(--ink-d)}

/* --- proiect evidențiat ---------------------------------------------------- */
.feat{display:grid;background:var(--night-2);color:var(--ink-d);border:1px solid var(--rule);transition:border-color .4s}
@media (min-width:900px){.feat{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr)}}
.feat:hover{border-color:var(--blue-hi)}
.feat-fig{display:block;overflow:hidden;aspect-ratio:16/10}
.feat-fig img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--e-out)}
.feat:hover .feat-fig img{transform:scale(1.04)}
.feat-txt{display:flex;flex-direction:column;gap:1rem;padding:clamp(1.4rem,3vw,2.6rem);justify-content:center}
.feat-eye{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem;color:var(--blue-hi)}
.feat-eye i{font-style:normal;color:var(--night);background:var(--sky);padding:.18rem .45rem}
.feat-h{font-family:"Archivo";font-variation-settings:"wght" 720,"wdth" 108;font-size:var(--fs-2);line-height:1.02;letter-spacing:-.025em}
.feat-p{color:var(--mute-d)}
.feat-meta{display:grid;grid-template-columns:repeat(3,auto);justify-content:start;gap:.4rem 1.6rem;
  border-top:1px solid var(--rule);padding-top:1rem}
.feat-meta > span{display:grid;gap:.15rem}
.feat-meta b{font-family:"Archivo";font-variation-settings:"wght" 600,"wdth" 84;font-weight:400;font-size:.68rem;
  letter-spacing:.1em;text-transform:uppercase;color:var(--mute-d)}
.feat-meta span span{font-size:.92rem}
.feat-cta{color:var(--blue-hi);font-family:"Archivo";font-variation-settings:"wght" 640,"wdth" 92;font-size:.85rem;letter-spacing:.03em}
@media (max-width:520px){.feat-meta{grid-template-columns:1fr 1fr}}

.feats{display:grid;gap:clamp(1rem,2vw,1.5rem)}
@media (min-width:1100px){.feats{grid-template-columns:repeat(3,minmax(0,1fr))}.feats .feat{grid-template-columns:1fr}
  .feats .feat-meta{grid-template-columns:repeat(3,auto);gap:.4rem 1.1rem}
  .feats .feat-h{font-size:clamp(1.45rem,1.9vw,1.9rem)}
  .feats .feat{grid-template-rows:auto 1fr}
  .feats .feat-txt{justify-content:flex-start}
  .feats .feat-meta{margin-top:auto}}
.feats .feat-txt{justify-content:flex-start}
.div-sec .feats{margin-top:clamp(1rem,2vw,1.5rem)}
.gal-links{display:flex;flex-wrap:wrap;gap:.4rem 1.4rem}
.more-pj{margin-top:1.6rem;display:flex;flex-wrap:wrap;gap:.6rem 2rem}
.more-pj a{color:var(--cobalt)}
.more-pj a:hover{text-decoration:underline;text-underline-offset:4px}

/* --- servicii: salt rapid între domenii ----------------------------------- */
.jump{display:flex;flex-wrap:wrap;gap:1px;background:var(--faint-l);border:1px solid var(--faint-l)}
.jump a{background:var(--mist);flex:1 1 auto;text-align:center;padding:.85rem clamp(.9rem,1.6vw,1.3rem);
  font-family:"Archivo";font-variation-settings:"wght" 620,"wdth" 92;font-size:.82rem;color:var(--mute-l);
  transition:background .35s var(--e-out),color .35s}
.jump a:hover{background:var(--cobalt);color:#fff}
.div-sec{scroll-margin-top:calc(var(--hdr) - 10px)}
.sec-gap{height:clamp(3rem,6vw,5rem)}
.div-sec .feat{margin-top:clamp(1rem,2vw,1.5rem)}

/* --- galerie foto + lightbox --------------------------------------------- */
.gal-head{display:flex;align-items:end;justify-content:space-between;gap:1rem 1.5rem;flex-wrap:wrap;
  margin:clamp(2.6rem,5vw,4rem) 0 1.4rem}
.gal-head h3{font-size:var(--fs-2);font-variation-settings:"wght" 660,"wdth" 104}
.gal-head a{color:var(--acc);font-family:"Archivo";font-variation-settings:"wght" 640,"wdth" 90;
  font-size:.8rem;letter-spacing:.06em}
.gal-head a:hover{text-decoration:underline;text-underline-offset:4px}
.gal{display:grid;gap:3px;grid-template-columns:repeat(2,minmax(0,1fr))}
@media (min-width:640px){.gal{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (min-width:1000px){.gal{grid-template-columns:repeat(4,minmax(0,1fr))}}
.gal-it{position:relative;display:block;aspect-ratio:4/3;overflow:hidden;background:var(--night-2);cursor:zoom-in}
.gal-it img{width:100%;height:100%;object-fit:cover;transition:transform 1s var(--e-out),opacity .5s}
.gal-it:hover img{transform:scale(1.05)}
.gal-it::after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 0 0 var(--acc);transition:box-shadow .35s var(--e-out)}
.gal-it:hover::after,.gal-it:focus-visible::after{box-shadow:inset 0 0 0 2px var(--acc)}
.gal-stage{display:flex;align-items:center;gap:.8rem;color:var(--acc);margin:2.2rem 0 1rem}
.gal-stage::after{content:"";flex:1;height:1px;background:var(--rule)}
.gal-stage b{font-weight:400;color:var(--mute-d)}

.lb{position:fixed;inset:0;z-index:90;border:0;padding:0;margin:0;width:100%;height:100%;max-width:none;max-height:none;
  background:#04070F;color:var(--ink-d);overflow:hidden}
.lb::backdrop{background:#04070F}
.lb-fig{position:absolute;inset:clamp(3.5rem,8vh,5rem) clamp(.5rem,6vw,5.5rem) clamp(4rem,9vh,5.5rem);margin:0;
  display:flex;align-items:center;justify-content:center;touch-action:pan-y;
  background:#04070F;contain:strict;isolation:isolate;transform:translateZ(0)}
.lb-fig img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;user-select:none;-webkit-user-drag:none;
  transition:opacity .25s}
.lb-fig img.ld{opacity:.25}
.lb-fig img{animation:lb-in .25s ease}
@keyframes lb-in{from{opacity:.25}to{opacity:1}}
.lb-bar{position:absolute;inset:auto 0 0;display:flex;align-items:center;justify-content:center;gap:1rem;
  padding:1rem var(--gut) 1.3rem;text-align:center}
.lb-cap{color:var(--mute-d);font-size:.9rem}
.lb-cnt{color:var(--blue-hi);white-space:nowrap}
.lb button{position:absolute;width:48px;height:48px;border:1px solid var(--faint-d);background:rgba(9,14,27,.6);
  color:var(--ink-d);cursor:pointer;display:grid;place-items:center;font-size:1.1rem;transition:background .3s,border-color .3s}
.lb button:hover{background:var(--blue);border-color:var(--blue)}
.lb-x{top:1rem;right:1rem}
.lb-p{left:clamp(.5rem,2vw,1.5rem);top:50%;transform:translateY(-50%)}
.lb-n{right:clamp(.5rem,2vw,1.5rem);top:50%;transform:translateY(-50%)}
@media (max-width:640px){.lb-p,.lb-n{top:auto;bottom:.9rem;transform:none}.lb-bar{padding-inline:4.5rem}}

/* --- pagina de proiect: video Facebook --------------------------------------
   Linkul e de tip /reel/, dar clipul în sine e orizontal (16:9) — verificat în player.
   Containerul ține raportul, iar iframe-ul îl umple, la orice lățime. */
.rz-video{display:grid;gap:clamp(1.8rem,4vw,4rem);align-items:center}
@media (min-width:960px){.rz-video{grid-template-columns:minmax(0,.75fr) minmax(0,1.5fr)}}
.reel{position:relative;width:100%;aspect-ratio:16/9;background:var(--night-2);
  border:1px solid var(--rule);overflow:hidden}
.reel iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.specs{margin-top:0;align-self:start;background:none;border:0;grid-template-columns:repeat(auto-fill,minmax(min(100%,170px),1fr))}
.specs div{box-shadow:0 0 0 1px var(--rule)}

/* --- reduced motion ------------------------------------------------------ */
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.001ms !important;animation-iteration-count:1 !important;
    transition-duration:.001ms !important}
  .rv{opacity:1;transform:none}
  .grid-rules i{transform:scaleY(1)}
  .clips,.scroll-cue{opacity:1}
}

/* --- carieră -------------------------------------------------------------- */
.jobs{display:grid;gap:clamp(.9rem,1.6vw,1.3rem);grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr))}
.job{position:relative;display:flex;flex-direction:column;gap:1rem;background:#fff;border:1px solid var(--mist-2);
  padding:clamp(1.4rem,2.4vw,2rem)}
.job::before{content:"";position:absolute;left:-1px;right:-1px;top:-1px;height:3px;background:var(--blue);
  transform:scaleX(0);transform-origin:left;transition:transform .55s var(--e-out)}
.job::after{content:"";position:absolute;inset:0;pointer-events:none;box-shadow:0 22px 44px -26px rgba(10,17,32,.4);
  opacity:0;transition:opacity .5s}
.job:hover::before{transform:scaleX(1)}
.job:hover::after{opacity:1}
.job-a,.job-b{display:flex;flex-direction:column;gap:1rem}
.job-b{flex:1}
.job-fig{margin:0;overflow:hidden;aspect-ratio:3/2}
.job-fig img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--e-out)}
.job:hover .job-fig img{transform:scale(1.04)}
.job-top{display:flex;align-items:center;justify-content:space-between;gap:1rem}
.job-ico .ico{width:40px;height:40px;color:var(--blue);transition:transform .45s var(--e-out)}
.job:hover .job-ico .ico{transform:translateY(-3px)}
.job-tag{color:var(--cobalt);border:1px solid var(--faint-l);padding:.32rem .55rem}
.job h3{font-size:clamp(1.4rem,2vw,1.75rem);font-variation-settings:"wght" 700,"wdth" 106;color:var(--ink-l)}
.job-a > p{color:var(--mute-l);font-size:.95rem}
.job ul{list-style:none;margin:0;padding:0;display:grid;gap:.45rem;font-size:.92rem;color:var(--ink-l)}
.job li{display:flex;gap:.7rem;align-items:baseline}
.job li::before{content:"";width:6px;height:6px;flex:none;background:var(--blue);transform:rotate(45deg) translateY(-2px)}
.job-req{font-size:.88rem;border-top:1px solid var(--mist-2);padding-top:.9rem}
.job-req b{font-weight:400;font-family:"Archivo";font-variation-settings:"wght" 660,"wdth" 90;color:var(--ink-l);margin-right:.25rem}
.job-meta{display:flex;flex-wrap:wrap;gap:.3rem .7rem;color:var(--ash);font-size:.68rem}
.job-meta span{display:inline-flex;align-items:center;gap:.7rem;white-space:nowrap}
.job-meta span + span::before{content:"";width:4px;height:4px;background:currentColor;transform:rotate(45deg)}
.job-cta{margin-top:auto;display:flex;align-items:center;gap:.6rem 1.2rem;flex-wrap:wrap;padding-top:.4rem}
.job .btn::before{background:var(--night)}
.job .btn:hover{color:#fff}
.job-tel{font-size:.88rem;color:var(--cobalt);text-decoration:underline;text-underline-offset:4px;
  text-decoration-color:var(--faint-l);transition:text-decoration-color .3s}
.job-tel:hover{text-decoration-color:currentColor}

.why{display:grid;gap:clamp(2rem,5vw,4.5rem)}
@media (min-width:960px){.why{grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);align-items:center}}
.why-fig{margin:0;overflow:hidden;aspect-ratio:16/10}
@media (min-width:960px){.why-fig{aspect-ratio:4/5}}
.why-fig img{width:100%;height:100%;object-fit:cover;object-position:88% 55%}
.perks{list-style:none;margin:0;padding:0;display:grid;gap:1px;background:var(--rule);border:1px solid var(--rule)}
@media (min-width:640px){.perks{grid-template-columns:1fr 1fr}}
.perks li{background:var(--night);padding:clamp(1.2rem,2vw,1.7rem);display:grid;gap:1rem;align-content:start;transition:background .4s}
.perks li:hover{background:var(--night-2)}
.perk-ico .ico{color:var(--blue-hi)}
.perks h3{font-size:1.2rem;font-variation-settings:"wght" 660,"wdth" 102;line-height:1.1;margin-bottom:.45rem}
.perks p{color:var(--mute-d);font-size:.92rem}

.steps{list-style:none;margin:0;padding:0;display:grid;gap:clamp(1.6rem,3vw,2.4rem)}
@media (min-width:800px){.steps{grid-template-columns:repeat(3,minmax(0,1fr))}}
.steps li{position:relative;border-top:1px solid var(--faint-l);padding-top:1.3rem}
.steps li::before{content:"";position:absolute;left:0;top:-2px;width:56px;height:3px;background:var(--blue)}
.step-n{display:block;font-size:2.4rem;line-height:1;letter-spacing:-.03em;font-variation-settings:"wght" 720,"wdth" 100;margin-bottom:.9rem}
.steps h3{font-size:clamp(1.25rem,1.8vw,1.5rem);font-variation-settings:"wght" 680,"wdth" 104;margin-bottom:.5rem}
.steps p{color:var(--mute-l);max-width:36ch}
.apply{margin-top:clamp(2.4rem,4.5vw,3.4rem);display:grid;gap:1px;background:var(--faint-l);border:1px solid var(--faint-l)}
@media (min-width:760px){.apply{grid-template-columns:1fr 1fr}}
.apply-it{position:relative;background:var(--paper);padding:clamp(1.2rem,2.4vw,1.8rem) 3.5rem clamp(1.2rem,2.4vw,1.8rem) clamp(1.2rem,2.4vw,1.8rem);
  display:grid;gap:.45rem;transition:background .4s,color .4s}
.apply-it b{font-family:"Archivo";font-weight:400;font-variation-settings:"wght" 700,"wdth" 104;
  font-size:clamp(1.25rem,2.4vw,1.9rem);line-height:1.1;letter-spacing:-.02em;overflow-wrap:anywhere}
.apply-it::after{content:"→";position:absolute;right:clamp(1.2rem,2.4vw,1.8rem);top:50%;transform:translateY(-50%);
  font-size:1.4rem;transition:transform .45s var(--e-out)}
.apply-it:hover{background:var(--night);color:var(--ink-d)}
.apply-it:hover .tech{color:var(--blue-hi)}
.apply-it:hover::after{transform:translate(6px,-50%)}

/* --- carieră: formular de candidatură -------------------------------------- */
.hero-lnk{color:var(--mute-d);font-size:.9rem;transition:color .3s}
.hero-lnk:hover{color:var(--ink-d)}
.apply-grid{display:grid;gap:clamp(2.2rem,4vw,3.5rem)}
@media (min-width:1000px){.apply-grid{grid-template-columns:minmax(0,.62fr) minmax(0,1.38fr);align-items:start}
  .apply-side{position:sticky;top:calc(var(--hdr) + 1.5rem)}}
.apply-side .steps{grid-template-columns:1fr;gap:1.6rem}
.apply-side .steps h3{font-size:1.2rem}
.apply-side .step-n{font-size:1.6rem;margin-bottom:.6rem}
.apply-alt{color:var(--cobalt);margin-top:2.2rem}
.apply-side .apply{grid-template-columns:1fr;margin-top:.9rem}
.apply-side .apply-it b{font-size:clamp(1.05rem,1.5vw,1.3rem)}

form.af{display:block;background:#fff;border:1px solid var(--mist-2);gap:0;scroll-margin-top:calc(var(--hdr) + 1rem)}
.af-grp{padding:clamp(1.4rem,3vw,2.4rem)}
.af-grp + .af-grp{border-top:1px solid var(--mist-2)}
.af-grp > h3{display:flex;align-items:baseline;gap:.8rem;font-size:clamp(1.3rem,2vw,1.6rem);
  font-variation-settings:"wght" 700,"wdth" 104;color:var(--ink-l);margin-bottom:1.5rem}
.af-grp > h3 .tech{color:var(--blue)}
.af-row{display:grid;gap:1.1rem 1.2rem;margin-bottom:1.5rem}
@media (min-width:640px){.af-row{grid-template-columns:1fr 1fr}}
.af-row:last-child{margin-bottom:0}
.af-row.af-one{grid-template-columns:1fr}
.af-one:has(> [hidden]:only-child){display:none}
.af-f{display:grid;gap:.45rem;align-content:start}
.af-grp > .af-f + .af-f,.af-grp > .q + .af-f{margin-top:1.4rem}
.af label,.af-lbl,.q legend{font-family:"Archivo";font-variation-settings:"wght" 620,"wdth" 94;font-size:.93rem;color:var(--ink-l)}
.af .req{font-style:normal;color:var(--blue)}
.af .opt{font-style:normal;font-family:"Plex",ui-sans-serif,system-ui,sans-serif;font-variation-settings:"wght" 400;color:var(--ash);font-size:.82rem}
.af input[type=text],.af input[type=tel],.af input[type=email],.af textarea{width:100%;background:var(--paper);
  border:1px solid var(--mist-2);border-radius:0;padding:.8rem .9rem;font-size:1rem;color:var(--ink-l);outline:none;
  transition:border-color .3s,background .3s,box-shadow .3s}
.af input:focus,.af textarea:focus{border-color:var(--blue);background:#fff;box-shadow:0 0 0 3px rgba(18,81,238,.12)}
.af textarea{resize:vertical;min-height:96px}
.af textarea::placeholder{color:var(--ash)}
.q{border:0;margin:0 0 1.6rem;padding:0;min-width:0}
.q:last-child{margin-bottom:0}
.q legend{padding:0;margin-bottom:.75rem}
.q[data-when]:not([hidden]),.af-f[data-when]:not([hidden]){animation:af-in .5s var(--e-out)}
@keyframes af-in{from{opacity:0;transform:translateY(8px)}}
.chips{display:flex;flex-wrap:wrap;gap:.5rem}
.chip{position:relative;cursor:pointer}
.chip input{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}
.chip span{display:inline-flex;align-items:center;gap:.55rem;padding:.62rem .95rem;border:1px solid var(--mist-2);background:var(--paper);
  font-size:.92rem;line-height:1.25;color:var(--ink-l);user-select:none;transition:background .25s,border-color .25s,color .25s}
.chip:hover span{border-color:var(--blue)}
.chip input:checked + span{background:var(--night);border-color:var(--night);color:#fff}
.chip input:focus-visible + span{outline:2px solid var(--blue-hi);outline-offset:2px}
.chip input[type=checkbox] + span::before{content:"";width:11px;height:11px;flex:none;border:1.5px solid currentColor;transition:background .2s,border-color .2s}
.chip input[type=checkbox]:checked + span::before{background:var(--blue-hi);border-color:var(--blue-hi)}
.af-file{position:relative;display:flex;align-items:center;flex-wrap:wrap;gap:.6rem 1rem;padding:1rem;border:1px dashed var(--faint-l);
  background:var(--paper);cursor:pointer;transition:border-color .3s}
.af-file:hover{border-color:var(--blue)}
.af-file input{position:absolute;opacity:0;width:1px;height:1px}
.af-file:focus-within{outline:2px solid var(--blue-hi);outline-offset:2px}
.af-file-btn{background:#fff;border:1px solid var(--mist-2);padding:.5rem .9rem;font-family:"Archivo";
  font-variation-settings:"wght" 640,"wdth" 92;font-size:.82rem;color:var(--ink-l)}
.af-file-name{color:var(--mute-l);font-size:.88rem;overflow-wrap:anywhere}
label.af-consent{display:flex;gap:.7rem;align-items:flex-start;font-family:"Plex",ui-sans-serif,system-ui,sans-serif;
  font-variation-settings:"wght" 400;font-size:.88rem;color:var(--mute-l);cursor:pointer}
.af-consent input{flex:none;width:18px;height:18px;margin:.15rem 0 0;accent-color:var(--blue)}
.af-consent a{color:var(--cobalt);text-decoration:underline;text-underline-offset:3px}
.af-foot{display:flex;flex-wrap:wrap;align-items:center;gap:1rem 1.5rem;margin-top:1.8rem}
.af .btn::before{background:var(--night)}
.af .btn:hover{color:#fff}
.af-note{color:var(--ash);font-size:.8rem;max-width:40ch}
.q-err{display:none;color:#C62828;font-size:.82rem}
.is-bad .q-err{display:block;margin-top:.15rem}
.is-bad input[type=text],.is-bad input[type=tel],.is-bad input[type=email]{border-color:#C62828}
.q.is-bad .chip span{border-color:rgba(198,40,40,.45)}
.af-ok{display:none;padding:clamp(2rem,5vw,3.5rem);outline:none}
.af.sent > .af-grp{display:none}
.af.sent .af-ok{display:grid;gap:1rem;justify-items:start;animation:af-in .6s var(--e-out)}
.af-ok-ico svg{width:52px;height:52px;color:var(--blue)}
.af-ok h3{font-size:clamp(1.6rem,3vw,2.2rem);font-variation-settings:"wght" 720,"wdth" 106;color:var(--ink-l);max-width:20ch}
.af-ok p{color:var(--mute-l);max-width:44ch}

/* --- reabilitări: înainte și după ------------------------------------------ */
.body-p{margin-top:1.2rem;color:var(--mute-d)}
.jump-lnk{display:inline-flex;margin-top:1.6rem;color:var(--blue-hi);font-family:"Archivo";font-variation-settings:"wght" 640,"wdth" 92;
  font-size:.88rem;letter-spacing:.02em}
.jump-lnk:hover{text-decoration:underline;text-underline-offset:4px}
.ba-hint{display:flex;align-items:center;gap:.7rem}
.ba-hint::before{content:"";width:34px;height:14px;flex:none;border:1.5px solid var(--blue-hi);border-radius:7px;
  background:linear-gradient(var(--blue-hi),var(--blue-hi)) center/2px 100% no-repeat;animation:ba-nudge 2.4s var(--e-io) infinite}
@keyframes ba-nudge{0%,100%{background-position:50% 0}30%{background-position:20% 0}70%{background-position:80% 0}}
.ba-list{display:grid;gap:clamp(1.6rem,3vw,2.6rem)}
@media (min-width:1000px){.ba-list{grid-template-columns:1fr 1fr}}
.ba-wrap{margin:0}
.ba-wrap figcaption{margin-top:.8rem;color:var(--mute-d);font-size:.92rem}
.ba{--pos:50%;position:relative;aspect-ratio:16/9;overflow:hidden;background:var(--night-2);user-select:none;-webkit-user-select:none}
.ba img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none}
.ba-i{position:absolute;inset:0;clip-path:inset(0 calc(100% - var(--pos)) 0 0)}
.ba-h{position:absolute;top:0;bottom:0;left:var(--pos);width:2px;margin-left:-1px;background:#fff;z-index:2;pointer-events:none;
  box-shadow:0 0 12px rgba(0,0,0,.35)}
.ba-knob{position:absolute;top:50%;left:50%;width:48px;height:48px;margin:-24px 0 0 -24px;border-radius:50%;background:#fff;color:var(--night);
  display:grid;place-items:center;box-shadow:0 8px 24px -8px rgba(0,0,0,.5);transition:transform .3s var(--e-out),background .3s,color .3s}
.ba-knob svg{width:22px;height:22px}
.ba:hover .ba-knob,.ba-r:focus-visible ~ .ba-h .ba-knob{transform:scale(1.1);background:var(--blue);color:#fff}
.ba-r:focus-visible + .ba-h,.ba:has(.ba-r:focus-visible) .ba-knob{outline:2px solid var(--blue-hi);outline-offset:3px}
.ba-r{position:absolute;inset:0;z-index:3;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize;touch-action:pan-y;-webkit-appearance:none;appearance:none}
.ba-tag{position:absolute;top:.8rem;z-index:2;display:flex;align-items:center;gap:.5rem;padding:.35rem .6rem;background:rgba(6,10,20,.72);
  color:#fff;backdrop-filter:blur(6px);pointer-events:none;transition:opacity .3s}
.ba-tag i{font-style:normal;color:var(--mute-d)}
.ba-tag-i{left:.8rem}
.ba-tag-d{right:.8rem}
.ba-tag-d span{color:var(--sky)}
.ba.at-l .ba-tag-i,.ba.at-r .ba-tag-d{opacity:0}

.feats.feats-2{grid-template-columns:1fr}
@media (min-width:760px){.feats.feats-2{grid-template-columns:repeat(2,minmax(0,1fr))}
  .feats-2 .feat{grid-template-columns:1fr;grid-template-rows:auto 1fr}
  .feats-2 .feat-txt{justify-content:flex-start}
  .feats-2 .feat-meta{margin-top:auto}}
.ba-teaser{max-width:920px;margin-top:clamp(2rem,4vw,3rem)}
@media (min-width:640px){.gal.gal-5{grid-template-columns:repeat(5,minmax(0,1fr))}}

/* --- video Facebook la cerere -------------------------------------------- */
.reel-load{position:absolute;inset:0;width:100%;height:100%;border:0;padding:0;margin:0;cursor:pointer;background:var(--night);color:#fff;
  display:grid;place-items:center;overflow:hidden;text-align:center}
.reel-load img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.45;transition:transform 1.2s var(--e-out),opacity .5s}
.reel-load:hover img{transform:scale(1.04);opacity:.6}
.reel-play{position:relative;width:76px;height:76px;border-radius:50%;background:var(--blue);display:grid;place-items:center;
  box-shadow:0 0 0 0 rgba(76,130,255,.55);animation:reel-pulse 2.4s var(--e-out) infinite;transition:transform .4s var(--e-out)}
.reel-load:hover .reel-play{transform:scale(1.08)}
.reel-play svg{width:30px;height:30px;margin-left:4px}
@keyframes reel-pulse{0%{box-shadow:0 0 0 0 rgba(76,130,255,.55)}70%,100%{box-shadow:0 0 0 22px rgba(76,130,255,0)}}
.reel-txt{position:absolute;left:0;right:0;bottom:0;display:grid;gap:.25rem;padding:1rem 1.2rem;
  background:linear-gradient(transparent,rgba(6,10,20,.85))}
.reel-txt b{font-family:"Archivo";font-weight:400;font-variation-settings:"wght" 660,"wdth" 96}
.reel-txt em{font-style:normal;font-size:.8rem;color:var(--mute-d)}

/* --- pagini legale -------------------------------------------------------- */
.sec-head h1{font-size:var(--fs-1);font-variation-settings:"wght" 700,"wdth" 106;max-width:17ch;text-wrap:balance}
.lg-upd{margin-top:1rem;display:flex;gap:.6rem;align-items:center}
.lg-upd b{font-weight:400;color:var(--ink-l)}
.lg-tabs{display:inline-flex;flex-wrap:wrap;max-width:100%;gap:1px;background:var(--faint-l);border:1px solid var(--faint-l)}
.lg-tabs a{flex:1 1 auto;text-align:center;background:var(--mist);padding:.7rem 1.2rem;font-family:"Archivo";font-variation-settings:"wght" 620,"wdth" 92;font-size:.85rem;
  color:var(--mute-l);transition:background .3s,color .3s}
.lg-tabs a:hover{color:var(--ink-l);background:#fff}
.lg-tabs a[aria-current]{background:var(--night);color:#fff}
.lg-progress{position:fixed;left:0;right:0;top:var(--hdr);height:3px;z-index:60;pointer-events:none}
.hdr.stuck ~ main .lg-progress{top:62px}
.lg-progress i{display:block;height:100%;background:var(--blue);transform-origin:left;transform:scaleX(var(--p,0))}
.lg-grid{display:grid;gap:clamp(2rem,4vw,4rem)}
@media (min-width:1000px){.lg-grid{grid-template-columns:minmax(0,.32fr) minmax(0,1fr);align-items:start}
  .lg-toc{position:sticky;top:calc(var(--hdr) + 2rem)}}
@media (max-width:999px){.lg-toc{display:none}}
.lg-toc .tech{color:var(--cobalt);margin-bottom:.9rem}
.lg-toc ol{list-style:none;margin:0;padding:0;display:grid;gap:1px;border-left:1px solid var(--faint-l)}
.lg-toc a{position:relative;display:flex;gap:.8rem;align-items:baseline;padding:.45rem 0 .45rem 1rem;color:var(--mute-l);font-size:.92rem;transition:color .3s,padding .4s var(--e-out)}
.lg-toc a .tech{margin:0;color:var(--ash);font-size:.7rem}
.lg-toc a::before{content:"";position:absolute;left:-1px;top:0;bottom:0;width:2px;background:var(--blue);transform:scaleY(0);transition:transform .4s var(--e-out)}
.lg-toc a:hover{color:var(--ink-l);padding-left:1.25rem}
.lg-toc a.on{color:var(--ink-l)}
.lg-toc a.on .tech{color:var(--blue)}
.lg-toc a.on::before{transform:scaleY(1)}
.lg-art{max-width:780px}
.lg-sec{padding-bottom:clamp(2rem,4vw,3rem);margin-bottom:clamp(2rem,4vw,3rem);border-bottom:1px solid var(--faint-l);scroll-margin-top:calc(var(--hdr) + 1.5rem)}
.lg-sec:last-child{border-bottom:0;margin-bottom:0}
.lg-sec h2{display:flex;gap:.9rem;align-items:baseline;font-size:clamp(1.35rem,2.2vw,1.75rem);font-variation-settings:"wght" 700,"wdth" 104;
  line-height:1.15;color:var(--ink-l);margin-bottom:1.1rem}
.lg-sec h2 .tech{color:var(--blue);font-size:.8rem}
.lg-sec p{color:var(--mute-l);line-height:1.7}
.lg-sec p + p,.lg-sec ul + p,.lg-sec .lg-tbl + p,.lg-sec p + ul{margin-top:1rem}
.lg-sec a{color:var(--cobalt);text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--faint-l);transition:text-decoration-color .3s}
.lg-sec a:hover{text-decoration-color:currentColor}
.lg-sec ul{list-style:none;margin:0;padding:0;display:grid;gap:.6rem;color:var(--mute-l)}
.lg-sec li{position:relative;padding-left:1.4rem;line-height:1.6}
.lg-sec li::before{content:"";position:absolute;left:.15rem;top:.62em;width:6px;height:6px;background:var(--blue);transform:rotate(45deg)}
.lg-sec b{font-weight:600;color:var(--ink-l)}
.lg-co{display:grid;grid-template-columns:1fr;gap:1px;background:var(--faint-l);border:1px solid var(--faint-l);margin:1.2rem 0 0}
@media (min-width:640px){.lg-co{grid-template-columns:1fr 1fr}}
.lg-co div{background:#fff;padding:.85rem 1rem}
.lg-co dt{font-family:"Archivo";font-variation-settings:"wght" 600,"wdth" 84;font-size:.7rem;letter-spacing:.09em;text-transform:uppercase;color:var(--ash);margin-bottom:.25rem}
.lg-co dd{margin:0;color:var(--ink-l)}
.lg-tbl{overflow-x:auto;border:1px solid var(--faint-l);margin-top:1rem;background:#fff}
.lg-tbl table{width:100%;border-collapse:collapse;font-size:.92rem}
.lg-tbl th{text-align:left;font-family:"Archivo";font-weight:400;font-variation-settings:"wght" 640,"wdth" 88;font-size:.75rem;letter-spacing:.06em;
  text-transform:uppercase;color:var(--ink-l);background:var(--mist);padding:.75rem 1rem}
.lg-tbl td{padding:.85rem 1rem;border-top:1px solid var(--mist-2);color:var(--mute-l);vertical-align:top}
.lg-tbl td:first-child{color:var(--ink-l)}
.lg-tbl tbody tr{transition:background .3s}
.lg-tbl tbody tr:hover{background:var(--paper)}
@media (max-width:640px){.lg-tbl{border:0;background:none}.lg-tbl thead{display:none}.lg-tbl table,.lg-tbl tbody,.lg-tbl tr,.lg-tbl td{display:block}
  .lg-tbl tr{background:#fff;border:1px solid var(--faint-l);margin-bottom:.6rem}
  .lg-tbl td{border-top:0;padding:.55rem .9rem}
  .lg-tbl td::before{content:attr(data-label);display:block;font-family:"Archivo";font-variation-settings:"wght" 600,"wdth" 84;font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;color:var(--ash)}}

/* --- contact: persoane ---------------------------------------------------- */
.people{display:grid;gap:clamp(.9rem,1.6vw,1.3rem);margin-bottom:clamp(2.4rem,4.5vw,3.6rem)}
@media (min-width:760px){.people{grid-template-columns:1fr 1fr}}
.person{position:relative;display:grid;gap:.9rem;align-content:start;background:rgba(16,26,46,.82);border:1px solid var(--rule);
  padding:clamp(1.4rem,2.6vw,2rem);backdrop-filter:blur(8px);transition:border-color .4s,background .4s}
.person::before{content:"";position:absolute;left:-1px;right:-1px;top:-1px;height:3px;background:var(--blue-hi);transform:scaleX(0);transform-origin:left;transition:transform .55s var(--e-out)}
.person:hover{border-color:rgba(76,130,255,.5);background:rgba(16,26,46,.95)}
.person:hover::before{transform:scaleX(1)}
.person-top{display:flex;align-items:center;gap:1rem;margin-bottom:.4rem}
.person-av{flex:none;width:56px;height:56px;border-radius:50%;display:grid;place-items:center;font-family:"Archivo";
  font-variation-settings:"wght" 700,"wdth" 100;font-size:1.1rem;letter-spacing:.02em;color:#fff;
  background:linear-gradient(135deg,var(--blue),var(--sky));box-shadow:0 10px 24px -12px rgba(30,167,255,.7);transition:transform .5s var(--e-out)}
.person:hover .person-av{transform:rotate(-8deg) scale(1.06)}
.person-role{display:block;color:var(--blue-hi);margin-bottom:.35rem}
.person-name{font-size:clamp(1.4rem,2.2vw,1.8rem);font-variation-settings:"wght" 700,"wdth" 104;line-height:1.05}
.person-l{display:inline-flex;align-items:center;gap:.75rem;justify-self:start;font-family:"Archivo";font-variation-settings:"wght" 560,"wdth" 100;
  font-size:1.08rem;color:var(--ink-d);position:relative;padding:.15rem 0}
.person-l svg{width:20px;height:20px;flex:none;color:var(--blue-hi)}
.person-l svg path{stroke-dasharray:100}
.person-l:hover svg path{animation:ni-draw .8s var(--e-out)}
.person-l span{position:relative}
.person-l span::after{content:"";position:absolute;left:0;right:100%;bottom:-3px;height:1px;background:var(--blue-hi);transition:right .4s var(--e-out)}
.person-l:hover span::after{right:0}
.person-vcf{display:inline-flex;align-items:center;gap:.5rem;justify-self:start;margin-top:.5rem;padding:.5rem .85rem;border:1px solid var(--rule);
  font-family:"Archivo";font-variation-settings:"wght" 600,"wdth" 90;font-size:.78rem;letter-spacing:.03em;color:var(--mute-d);
  transition:color .3s,border-color .3s,background .3s}
.person-vcf svg{width:16px;height:16px;transition:transform .4s var(--e-out)}
.person-vcf:hover{color:#fff;border-color:var(--blue-hi);background:rgba(76,130,255,.12)}
.person-vcf:hover svg{transform:translateY(2px)}
@media (hover:hover) and (pointer:fine){.person-vcf{display:none}}

/* --- pagina compania ------------------------------------------------------ */
.co-motto{font-family:"Archivo";font-variation-settings:"wght" 600,"wdth" 100;font-size:var(--fs-3);line-height:1.35;color:var(--ink-l)!important;
  padding-left:1.1rem;border-left:3px solid var(--blue)}
.co-h{font-size:var(--fs-1);font-variation-settings:"wght" 700,"wdth" 106;max-width:17ch;text-wrap:balance;margin-bottom:1.6rem}
.co-p{margin-top:1.2rem;color:var(--mute-l)}
.co-more{display:inline-flex;margin-top:1.4rem;color:var(--cobalt);font-family:"Archivo";font-variation-settings:"wght" 640,"wdth" 92;
  font-size:.92rem;letter-spacing:.02em;transition:transform .35s var(--e-out)}
.co-more:hover{transform:translateX(4px);text-decoration:underline;text-underline-offset:4px}
.co-pts{list-style:none;margin:0 0 clamp(2rem,4vw,3rem);padding:0;display:grid;gap:1px;background:var(--faint-l);border:1px solid var(--faint-l)}
@media (min-width:640px){.co-pts{grid-template-columns:1fr 1fr}}
@media (min-width:1100px){.co-pts{grid-template-columns:repeat(4,1fr)}}
.co-pts li{background:var(--mist);padding:clamp(1.2rem,2vw,1.6rem);display:grid;gap:1rem;align-content:start;transition:background .4s}
.co-pts li:hover{background:#fff}
.co-pts .ico{color:var(--blue);transition:transform .45s var(--e-out)}
.co-pts li:hover .ico{transform:translateY(-4px) rotate(-4deg)}
.co-pts b{font-family:"Archivo";font-variation-settings:"wght" 660,"wdth" 102;font-weight:400;font-size:1.1rem;line-height:1.15}
.co-cols{display:grid;gap:1.2rem clamp(2rem,5vw,4.5rem)}
@media (min-width:900px){.co-cols{grid-template-columns:1fr 1fr}}
.co-cols p{color:var(--mute-l)}
.dark .co-cols p{color:var(--mute-d)}
.co-tags{list-style:none;margin:1.4rem 0 0;padding:0;display:flex;flex-wrap:wrap;gap:.5rem}
.co-tags li{padding:.55rem .9rem;border:1px solid var(--rule);font-family:"Archivo";font-variation-settings:"wght" 600,"wdth" 92;font-size:.85rem;
  letter-spacing:.02em;color:var(--ink-d);transition:border-color .3s,background .3s,transform .35s var(--e-out)}
.co-tags li:hover{border-color:var(--blue-hi);background:rgba(76,130,255,.12);transform:translateY(-2px)}
.co-logos{display:flex;flex-wrap:wrap;align-items:center;gap:1.2rem clamp(2rem,5vw,3.5rem);margin-top:clamp(2.4rem,5vw,3.6rem);padding-top:1.6rem;border-top:1px solid var(--rule)}
.co-logos .tech{color:var(--mute-d)}
.co-logos img{height:32px;width:auto;opacity:.72;transition:opacity .4s,transform .4s var(--e-out)}
.co-logos a:hover img{opacity:1;transform:translateY(-2px)}
.co-vm{display:grid;gap:clamp(2rem,5vw,4.5rem)}
@media (min-width:960px){.co-vm{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:start}}
.co-big{font-family:"Archivo";font-variation-settings:"wght" 600,"wdth" 100;font-size:var(--fs-3);line-height:1.35;letter-spacing:-.01em;color:var(--ink-l)}
.co-mis{position:relative;background:var(--night);color:var(--ink-d);padding:clamp(1.6rem,3.5vw,3rem);overflow:hidden}
.co-mis::before{content:"";position:absolute;left:0;top:0;height:3px;width:100%;background:linear-gradient(90deg,var(--blue),var(--sky));
  transform:scaleX(0);transform-origin:left;transition:transform 1.2s var(--e-out) .35s}
.co-mis.in::before{transform:scaleX(1)}
.co-mis .eyebrow{color:var(--blue-hi)}
.co-mis p{font-family:"Archivo";font-variation-settings:"wght" 640,"wdth" 104;font-size:clamp(1.25rem,1.8vw,1.6rem);line-height:1.3}
@media (min-width:1000px){.perks.perks-3{grid-template-columns:repeat(3,1fr)}}
.home-more{color:var(--cobalt)}
.hp{position:absolute!important;left:-9999px;width:1px;height:1px;opacity:0}
@media (min-width:1100px){.feats:not(.feats-2) > .feat:last-child:nth-child(3n+1){grid-column:1/-1;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);grid-template-rows:none}
  .feats:not(.feats-2) > .feat:last-child:nth-child(3n+1) .feat-txt{justify-content:center}}
@media (min-width:900px){.feats-2 > .feat:last-child:nth-child(2n+1){grid-column:1/-1;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);grid-template-rows:none}
  .feats-2 > .feat:last-child:nth-child(2n+1) .feat-txt{justify-content:center}}