:root{
  --bg:#f3f6fb;
  --card:#ffffff;
  --text:#0b1b36;
  --muted:#5b6678;
  --line:rgba(11,27,54,.10);

  --blue:#0b4ea2;
  --blue2:#083a78;
  --red:#d12a2a;
  --red2:#a81515;

  --max:1120px;

  --shadow:0 18px 40px rgba(11,27,54,.12);
  --shadow2:0 12px 28px rgba(11,27,54,.10);

  --ease:cubic-bezier(.2,.8,.2,1);
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  color:var(--text);
  background:var(--bg);
  line-height:1.55;
}

a{color:inherit;text-decoration:none}
img{max-width:100%;height:auto;display:block}

.container{max-width:var(--max);margin:0 auto;padding:0 18px}
.anchor{scroll-margin-top:92px}

.skip-link{
  position:absolute; left:-999px; top:12px;
  background:#fff; color:#111;
  padding:10px 12px; border:1px solid var(--line);
  z-index:9999;
}
.skip-link:focus{left:12px}

/* SVG icons helper */
.icon-svg{display:inline-flex;align-items:center;justify-content:center;line-height:0}
.icon-svg svg{
  width:18px;height:18px;
  stroke:currentColor;fill:none;
  stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;
}

/* Header */
.site-header{
  position:sticky; top:0; z-index:50;
  background:rgba(255,255,255,.86);
  backdrop-filter: blur(10px);
  border-bottom:1px solid var(--line);
}
.topbar{
  display:flex; align-items:center; justify-content:space-between;
  gap:14px; padding:14px 0;
}
.brand{display:flex; flex-direction:column; gap:2px; min-width:220px}
.brand .name{font-weight:900; letter-spacing:.3px; font-size:20px; line-height:1.1}
.brand .ani{color:var(--red)}
.brand .mini{color:var(--blue)}
.brand .tag{font-size:12px; font-weight:650; color:#607088}

.nav{display:flex; gap:18px; align-items:center; justify-content:center; flex:1}

.nav-link{
  font-weight:800;
  color:#22324d;
  padding:8px 10px;
  border-radius:0px;
  position:relative;
  transition: background .2s var(--ease), color .2s var(--ease);
}

.nav-link:hover{background:rgba(11,27,54,.06)}
.nav-link.active{color:var(--blue)}
.nav-link.active::after{
  content:"";
  position:absolute; left:10px; right:10px; bottom:2px;
  height:3px; background:var(--red);
}

/* ===========================
   DROPDOWN "Servicii" (desktop)
   =========================== */

/* Wrapper pentru itemul din nav care are dropdown */
.nav-item{
  position:relative;
  display:inline-flex;
  align-items:center;
}

/* link-ul care are caret */
.nav-link--caret{
  display:inline-flex;
  align-items:center;
  gap:8px;
}

.caret{
  font-size:12px;
  line-height:1;
  opacity:.9;
  transform: translateY(-1px);
}

/* dropdown container */
.has-dropdown .dropdown{
  position:absolute;
  top: calc(100% + 10px);
  left:0;
  min-width: 260px;
  padding:10px;
  background:#fff;
  border:1px solid rgba(11,27,54,.12);
  box-shadow: 0 18px 40px rgba(11,27,54,.14);
  border-radius:0px;
  display:none;
  z-index: 2000;
}

/* deschidere pe hover + tastatură */
@media (hover:hover){
  .has-dropdown:hover .dropdown{display:block;}
}
.has-dropdown:focus-within .dropdown{display:block;}

/* săgețică */
.has-dropdown .dropdown::before{
  content:"";
  position:absolute;
  top:-8px;
  left:18px;
  width:14px;
  height:14px;
  background:#fff;
  border-left:1px solid rgba(11,27,54,.12);
  border-top:1px solid rgba(11,27,54,.12);
  transform: rotate(45deg);
}

/* link-uri din dropdown */
.dropdown-link{
  display:block;
  padding:10px 12px;
  border-radius:0px;
  font-weight:850;
  color:#22324d;
  white-space:nowrap;
  transition: background .2s var(--ease);
}
.dropdown-link:hover,
.dropdown-link:focus-visible{
  background: rgba(11,27,54,.06);
}

/* ===========================
   Mobile submenu (dacă îl folosești în meniu mobil)
   =========================== */
.m-sub{
  margin:6px 0 10px;
  padding-left:10px;
  border-left:2px solid rgba(11,27,54,.10);
}

.m-sublink{
  display:block;
  padding:10px 10px;
  font-weight:850;
  color:#22324d;
  border-radius:0px;
}

.m-sublink:hover{
  background: rgba(11,27,54,.06);
}

/* pe mobile ascunde dropdown-ul desktop */
@media (max-width: 980px){
  .has-dropdown .dropdown{display:none !important;}
}

/* ===========================
   Dropdown UX improvement
   =========================== */

/* 1) Buffer invizibil (“pod”) între link și dropdown ca să nu se închidă accidental */
.has-dropdown{
  position: relative; /* necesar pentru pseudo-element */
}
@media (hover:hover){
  .has-dropdown::after{
    content:"";
    position:absolute;
    left:0;
    right:0;
    top:100%;
    height:12px;      /* mărește zona “iertătoare” */
  }
}

/* 2) Permite menținerea deschisă printr-o clasă din JS */
.has-dropdown.is-open .dropdown{
  display:block;
}

.phone-btn{
  display:inline-flex; align-items:center; gap:10px;
  background:var(--red); color:#fff;
  padding:10px 14px; border-radius:0px;
  font-weight:900;
  box-shadow:0 10px 22px rgba(209,42,42,.22);
  white-space:nowrap;
  transition: transform .12s var(--ease), filter .2s var(--ease);
}
.phone-btn:hover{filter:brightness(1.05)}
.phone-btn:active{transform:translateY(1px)}

.burger{
  display:none;
  width:44px;height:44px;
  border-radius:0px;
  border:1px solid var(--line);
  background:#fff;
  align-items:center; justify-content:center;
  cursor:pointer;
}
.burger span{
  width:18px;height:2px;background:#1f2a44;display:block;position:relative;
}
.burger span::before,.burger span::after{
  content:""; position:absolute; left:0; width:18px; height:2px; background:#1f2a44;
}
.burger span::before{top:-6px}
.burger span::after{top:6px}

.mobile-nav{
  display:none;
  padding:10px 0 14px;
}
.mobile-nav.open{display:block}
.m-link{
  display:block;
  padding:12px 10px;
  font-weight:900;
  border-radius:0px;
  color:#22324d;
}
.m-link:hover{background:rgba(11,27,54,.06)}
.mobile-ctas{display:flex;gap:10px;flex-wrap:wrap;padding-top:8px}

/* Buttons */
.btn{
  display:inline-flex; align-items:center; justify-content:center;
  padding:12px 18px;
  border-radius:0px;
  font-weight:900;
  border:1px solid transparent;
  cursor:pointer;
  user-select:none;
  white-space:nowrap;
  gap:10px;
  transition: transform .12s var(--ease), filter .2s var(--ease), background .2s var(--ease);
}
.btn:active{transform:translateY(1px)}
.btn-red{background:var(--red); color:#fff; box-shadow:0 12px 24px rgba(209,42,42,.22)}
.btn-red:hover{filter:brightness(1.05)}
.btn-ghost{background:rgba(255,255,255,.14); color:#fff; border-color:rgba(255,255,255,.28)}
.btn-ghost:hover{filter:brightness(1.05)}
.btn-light{background:#fff;color:#0b1b36;border:1px solid rgba(11,27,54,.14)}
.btn-white{background:#fff;color:var(--red2);border:1px solid rgba(255,255,255,.75); box-shadow:0 12px 24px rgba(0,0,0,.16)}
.btn-white:hover{filter:brightness(1.02)}

/* Hero */
.hero{
  margin-top:14px;
  border-radius:0px;
  overflow:hidden;
  box-shadow:var(--shadow);
  background:
    linear-gradient(90deg, rgba(8,26,56,.82) 0%, rgba(8,26,56,.30) 60%, rgba(8,26,56,.08) 100%),
    url("/assets/images/HERO.jpg");
  background-size:cover;
  background-position:center;
  color:#fff;
}
.hero-inner{padding:58px 26px; max-width:760px}
.hero h1{
  margin:0 0 10px;
  font-size:clamp(30px, 4.2vw, 48px);
  line-height:1.1;
  letter-spacing:.2px;
  text-shadow:0 10px 30px rgba(0,0,0,.25);
}
.hero p{
  margin:0 0 18px;
  font-size:16px;
  color:rgba(255,255,255,.92);
  font-weight:650;
  max-width:62ch;
}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap}

/* Sections */
.section{padding:44px 0}
.section-title{
  text-align:center;
  margin:0 0 6px;
  font-size:clamp(22px, 3vw, 34px);
  color:#143257;
  font-weight:1000;
  letter-spacing:.2px;
}
.section-sub{
  text-align:center;
  margin:0 auto 22px;
  max-width:76ch;
  color:var(--muted);
  font-weight:650;
  font-size:14px;
}
.divider{
  height:1px;
  background:linear-gradient(90deg, transparent, rgba(11,27,54,.14), transparent);
  margin:18px auto 0;
  max-width:720px;
}

/* Strip */
.strip{
  margin-top:-26px;
  background:linear-gradient(180deg, #ffffff, #fbfcff);
  border:1px solid var(--line);
  border-radius:0px;
  box-shadow:var(--shadow2);
  overflow:hidden;
  transform: translateZ(0);
}
.strip--lift{
  will-change: transform;
  transition: transform .25s var(--ease), box-shadow .25s var(--ease);
}
.strip--lift:hover{transform: translateY(-2px); box-shadow:var(--shadow)}
.strip--flat{margin-top:14px}
.strip-grid{display:grid; grid-template-columns:repeat(3,1fr)}
.strip-item{
  padding:22px 16px;
  text-align:center;
  border-right:1px solid var(--line);
}
.strip-item:last-child{border-right:none}
.strip-icon{
  width:56px; height:56px; margin:0 auto 10px;
  border-radius:16px;
  background:rgba(255,255,255,.10);
  display:flex; align-items:center; justify-content:center;
  color:var(--blue);
}
.strip-item h3{margin:0 0 6px; font-size:16px; color:#16345f; font-weight:900}
.strip-item p{margin:0; font-size:13px; color:var(--muted); font-weight:650}

/* Feature icon size */
.i svg{width:52px;height:52px}
.i svg path,.i svg circle,.i svg rect{stroke:currentColor}

/* Services */
.services-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:16px;
  margin-top:22px;
}
.service-card{
  background:var(--card);
  border:1px solid var(--line);
  border-radius:0px;
  box-shadow:var(--shadow2);
  overflow:hidden;
  transition: transform .2s var(--ease), box-shadow .2s var(--ease);
}
.service-card:hover{transform: translateY(-3px); box-shadow:var(--shadow)}
.service-card .head{
  padding:12px 14px;
  font-weight:950;
  color:#16345f;
  background:linear-gradient(180deg, #ffffff, #f7f9ff);
  border-bottom:1px solid var(--line);
}
.service-card img{
  width:100%;
  aspect-ratio:16/11;
  object-fit:cover;
  transform: translateZ(0);
}

/* Brands */
.brands-wrap{margin-top:26px;text-align:center}
.brands-title{margin:0;font-weight:950;color:#143257;font-size:20px}
.brands-sub{margin:6px 0 14px;color:var(--muted);font-weight:650;font-size:14px}
.brands-strip{
  display:flex;
  justify-content:center;
  align-items:center;
  gap:18px;
  padding:16px;
  background:#fff;

  flex-wrap: nowrap;      /* IMPORTANT: nu mai rupe pe rândul 2 */
  overflow-x: auto;       /* dacă nu încape, apare scroll discret */
  -webkit-overflow-scrolling: touch;
  scrollbar-width: thin;
}

.brands-strip::-webkit-scrollbar{
  height: 8px;
}

/* Brand logos – equal visual sizing */
.logo-pill{
  padding:5px 5px;
 /* border-radius:999px;
  background:rgba(11,27,54,.04);
  border:1px solid rgba(11,27,54,.08); */
  display:inline-flex;
  align-items:center;
  justify-content:center;
  transition: transform .2s var(--ease), background .2s var(--ease);
}
.logo-pill:hover{
  transform: translateY(-2px);
  background:rgba(11,27,54,.06);
}

/* Cutie identică pentru toate logo-urile */
.logo-box{
  height: 30px;
  width: 160px;
  display:flex;
  align-items:center;
  justify-content:center;

  /* AICI aplicăm scalarea */
  transform-origin:center;
  transform: scale(var(--box-scale, 1));
}

/* Imaginea doar “încape” în cutie */
.logo-box img{
  max-height:100%;
  max-width:100%;
  height:auto;
  width:auto;
  display:block;
  object-fit:contain;
}

/* Calibrare corectă (scale pe BOX) */
.logo-box.canon{ --box-scale: 0.85; }
.logo-box.epson{ --box-scale: 0.85; }
.logo-box.brother{ --box-scale: 1.06; }
.logo-box.xerox{ --box-scale: 1.12; }
.logo-box.konica{ --box-scale: 1.85; }
.logo-box.hp{ --box-scale: 1.35; }



/* CTA */
.cta{
  margin-top:26px;
  border-radius:0px;
  overflow:hidden;
  box-shadow:var(--shadow);
  position:relative;
  color:#fff;
  background: linear-gradient(135deg, var(--red), var(--red2));
}
.cta::before{
  content:"";
  position:absolute; inset:0;
  background:
    url('data:image/svg+xml;utf8,\
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1400 500">\
<defs>\
<linearGradient id="g" x1="0" y1="0" x2="1" y2="1">\
<stop offset="0" stop-color="%23ffffff" stop-opacity="0.20"/>\
<stop offset="1" stop-color="%23ffffff" stop-opacity="0.00"/>\
</linearGradient>\
</defs>\
<path d="M0,340 C180,260 260,430 420,360 C620,270 710,430 900,350 C1090,270 1170,410 1400,320 L1400,500 L0,500 Z" fill="url(%23g)"/>\
<path d="M0,300 C180,220 300,360 450,300 C640,220 760,360 930,295 C1100,240 1220,340 1400,270" fill="none" stroke="%23ffffff" stroke-opacity="0.18" stroke-width="36" stroke-linecap="round"/>\
</svg>') center/cover no-repeat;
  pointer-events:none;
}
.cta-inner{position:relative;padding:34px 18px;text-align:center}
.cta h3{margin:0 0 8px;font-size:clamp(20px,2.6vw,30px);font-weight:1000;letter-spacing:.2px}
.cta p{margin:0 0 16px;font-weight:650;color:rgba(255,255,255,.92)}

/* Footer */
.site-footer{
  margin-top:34px;
  background: linear-gradient(180deg, #0b1b36, #081528);
  color:#fff;
  border-top: 1px solid rgba(255,255,255,.10);
}
.footer-grid{
  padding:26px 0;
  display:grid;
  grid-template-columns: 1.2fr 1fr 1fr;
  gap:18px;
}
.fcard{
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.10);
  border-radius:0px;
  padding:16px;
}
.fcard h4{
  margin:0 0 10px;
  font-size:13px;
  text-transform:uppercase;
  letter-spacing:.35px;
  color:rgba(255,255,255,.90);
}
.fcard p{margin:0;color:rgba(255,255,255,.82);font-weight:650;font-size:14px}
.fcard a{color:#fff;font-weight:950}
.f-links a{display:block;padding:7px 0;color:rgba(255,255,255,.9);font-weight:900}
.f-links a:hover{opacity:.95}
.frow{display:flex;align-items:center;gap:10px}
.fineprint{
  text-align:center;
  padding:14px 0;
  border-top:1px solid rgba(255,255,255,.10);
  color:rgba(255,255,255,.70);
  font-weight:650;
  font-size:13px;
}

/* Focus (enterprise accessibility) */
:focus-visible{
  outline:3px solid rgba(11,78,162,.35);
  outline-offset:2px;
}

/* Reduced motion */
@media (prefers-reduced-motion: reduce){
  *{transition:none !important; scroll-behavior:auto}
}

/* Responsive */
@media (max-width: 980px){
  .nav{display:none}
  .burger{display:flex}
  .phone-btn{display:none}
  .brand{min-width:unset}

  .strip-grid{grid-template-columns:1fr}
  .strip-item{border-right:none;border-bottom:1px solid var(--line)}
  .strip-item:last-child{border-bottom:none}

  .services-grid{grid-template-columns:repeat(2,1fr)}
  .footer-grid{grid-template-columns:1fr}
}

@media (max-width: 520px){
  .services-grid{grid-template-columns:1fr}
  .hero-inner{padding:50px 18px}
}
/* ===== CTA (closer to reference) ===== */
.footer-cta{
  margin-top:34px;
  border-radius:0;
  overflow:hidden;
  position:relative;
  background: linear-gradient(180deg, #cf2b2b 0%, #b51616 100%);
  box-shadow: var(--shadow);
}

/* NEW: fade către footer */
.footer-cta::after{
  content:"";
  position:absolute;
  left:0; right:0; bottom:-1px;
  height:34px;
  background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(3,10,22,.55) 100%);
  pointer-events:none;
  z-index:2;
}

.footer-cta::before{
  content:"";
  position:absolute; inset: -2% -6% -28% -6%;
  background:
    radial-gradient(900px 240px at 50% 0%, rgba(255,255,255,.14), transparent 62%),
    url('data:image/svg+xml;utf8,\
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1400 520">\
<defs>\
<linearGradient id="g" x1="0" y1="0" x2="1" y2="0">\
<stop offset="0" stop-color="%23ffffff" stop-opacity="0.20"/>\
<stop offset="1" stop-color="%23ffffff" stop-opacity="0.00"/>\
</linearGradient>\
</defs>\
<path d="M0,210 C200,150 330,250 520,205 C720,155 850,255 1050,200 C1210,160 1310,210 1400,175 L1400,520 L0,520 Z" fill="url(%23g)"/>\
<path d="M0,220 C220,150 340,260 540,210 C760,155 880,265 1100,205 C1250,165 1325,215 1400,185" fill="none" stroke="%23ffffff" stroke-opacity="0.12" stroke-width="34" stroke-linecap="round"/>\
<path d="M0,270 C220,210 360,320 570,265 C780,215 900,325 1130,260 C1260,220 1340,265 1400,240" fill="none" stroke="%23000000" stroke-opacity="0.07" stroke-width="44" stroke-linecap="round"/>\
</svg>') center/cover no-repeat;
  pointer-events:none;
  opacity:1;
  filter: saturate(1.05) contrast(1.06);
}

.footer-cta-inner{
  position:relative;
  padding:28px 18px 26px;
  text-align:center;
  color:#fff;
}

.footer-cta-inner h3{
  margin:0 0 8px;
  font-size: clamp(22px, 2.8vw, 34px);
  font-weight:1000;
  letter-spacing:.2px;
}

.footer-cta-inner p{
  margin:0 0 18px;
  font-weight:650;
  color:rgba(255,255,255,.92);
}

.footer-cta-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:12px 26px;
  border-radius:0;
  background:#fff;
  color:#b51616;
  border:1px solid rgba(255,255,255,.92);
  font-weight:1000;
  box-shadow:0 12px 24px rgba(0,0,0,.22);
  transition: transform .12s var(--ease), filter .2s var(--ease);
}
.footer-cta-btn:hover{filter:brightness(1.02)}
.footer-cta-btn:active{transform:translateY(1px)}


/* ===== Footer dark (closer to reference) ===== */
.footer-dark{
  background: linear-gradient(180deg, #081a34 0%, #061327 100%);
  color:#fff;
  border-top:1px solid rgba(255,255,255,.10);
}

.footer-dark-grid{
  padding:18px 0;
  display:grid;
  grid-template-columns: 1.35fr 1fr 1.2fr;
  gap:18px;
  align-items:start;
}

.footer-col{
  padding:10px 12px;
}

/* separators like reference */
.footer-mid{
border-left:1px solid rgba(255,255,255,.10);
border-right:1px solid rgba(255,255,255,.10);
  padding-left:20px;
  padding-right:20px;
}

.footer-title{
  font-weight:900;
  margin:0 0 12px;
  color:rgba(255,255,255,.95);
}

.footer-row{
  display:flex;
  gap:12px;
  align-items:flex-start;
}

.footer-ic{
  width:28px;
  height:28px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:0 0 auto;
  opacity:.95;
}

.footer-ic svg{
  width:22px;height:22px;
  stroke:rgba(255,255,255,.95);
  fill:none;
  stroke-width:1.9;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.footer-link{
  color:#fff;
  font-weight:900;
  text-decoration:none;
}

.footer-muted{
  margin-top:2px;
  color:rgba(255,255,255,.70);
  font-weight:650;
  font-size:13px;
  line-height:1.35;
}

/* Navigation links: less heavy, like reference list */
.footer-navlink{
  display:block;
  padding:6px 0;
  color:rgba(255,255,255,.86);
  font-weight:800;
  font-size:13px;
}
.footer-navlink:hover{opacity:.95}

/* bottom line like reference */
.footer-bottom{
  border-top:1px solid rgba(255,255,255,.12);
  padding:12px 0;
  text-align:center;
  color:rgba(255,255,255,.75);
  font-weight:650;
  font-size:13px;
}

/* Responsive */
@media (max-width: 980px){
  .footer-dark-grid{ grid-template-columns:1fr; }
  .footer-mid{
    border-left:none;
    border-right:none;
    border-top:1px solid rgba(255,255,255,.12);
    border-bottom:1px solid rgba(255,255,255,.12);
    padding:16px 12px;
  }
}

/* =========================
   Contract mentenanță page
   ========================= */

.lp-hero{
  display:flex;
  gap:18px;
  align-items:stretch;
  justify-content:space-between;
  padding:22px 18px;
}

.lp-hero-main{flex:1; min-width: 260px;}
.lp-kicker{
  color:#607088;
  font-weight:800;
  font-size:12px;
  letter-spacing:.2px;
  margin-bottom:8px;
}
.lp-title{
  margin:0 0 10px;
  font-size:clamp(26px,3.2vw,40px);
  line-height:1.08;
  color:#143257;
  font-weight:1000;
}
.lp-lead{
  margin:0 0 16px;
  color:var(--muted);
  font-weight:650;
  max-width:70ch;
}

.lp-bullets{
  margin-top:14px;
  display:flex;
  gap:10px;
  flex-wrap:wrap;
}
.lp-chip{
  display:inline-flex;
  align-items:center;
  padding:8px 10px;
  border:1px solid rgba(11,27,54,.10);
  background: rgba(255,255,255,.85);
  color:#22324d;
  font-weight:850;
  font-size:12px;
}

/* right card */
.lp-hero-card{
  width:min(380px, 100%);
  background:#fff;
  border:1px solid var(--line);
  box-shadow:var(--shadow2);
  padding:16px;
  border-radius:0px;
}
.lp-card-title{
  font-weight:950;
  color:#16345f;
  margin-bottom:10px;
}

.sla-mini{
  display:flex;
  gap:10px;
  align-items:flex-start;
  padding:10px 0;
  border-bottom:1px solid rgba(11,27,54,.08);
}
.sla-mini:last-child{border-bottom:none}

.sla-dot{
  width:10px;height:10px;border-radius:50%;
  margin-top:5px;
}
.sla-dot.basic{background:#25b36a}
.sla-dot.standard{background:#0b4ea2}
.sla-dot.business{background:#d12a2a}

.sla-mini-name{font-weight:950;color:#143257}
.sla-mini-desc{font-weight:700;color:var(--muted);font-size:12px}

.lp-note{
  margin-top:10px;
  color:var(--muted);
  font-weight:650;
  font-size:12px;
}

/* segments */
.segment-grid{
  display:grid;
  grid-template-columns: repeat(3, 1fr);
  gap:16px;
  margin-top:22px;
}
.segment-card{
  background:#fff;
  border:1px solid var(--line);
  box-shadow:var(--shadow2);
  border-radius:0px;
  padding:16px;
}
.segment-title{
  font-weight:950;
  color:#16345f;
  margin-bottom:10px;
}
.segment-list{
  margin:0;
  padding-left:18px;
  color:#22324d;
  font-weight:700;
  line-height:1.7;
}

/* SLA cards */
.sla-grid{
  margin-top:22px;
  display:grid;
  grid-template-columns: repeat(3, 1fr);
  gap:16px;
}
.sla-card{
  background:#fff;
  border:1px solid var(--line);
  box-shadow:var(--shadow2);
  border-radius:0px;
  overflow:hidden;
  display:flex;
  flex-direction:column;
}
.sla-head{
  padding:14px 14px 12px;
  border-bottom:1px solid rgba(11,27,54,.10);
  background:linear-gradient(180deg, #ffffff, #f7f9ff);
}
.sla-badge{
  display:inline-flex;
  align-items:center;
  padding:6px 10px;
  font-weight:1000;
  letter-spacing:.2px;
  font-size:12px;
  color:#fff;
}
.sla-badge.basic{background:#25b36a}
.sla-badge.standard{background:var(--blue)}
.sla-badge.business{background:var(--red)}

.sla-sub{
  margin-top:8px;
  color:var(--muted);
  font-weight:700;
  font-size:13px;
}

.sla-body{padding:14px}
.sla-row{
  display:flex;
  justify-content:space-between;
  gap:10px;
  padding:8px 0;
  border-bottom:1px solid rgba(11,27,54,.08);
  color:#22324d;
  font-weight:800;
  font-size:13px;
}
.sla-row:last-of-type{border-bottom:none}

.sla-include-title{
  margin-top:12px;
  font-weight:950;
  color:#16345f;
}
.sla-list{
  margin:8px 0 0;
  padding-left:18px;
  color:#22324d;
  font-weight:700;
  line-height:1.7;
}
.sla-pricehint{
  margin-top:10px;
  color:var(--muted);
  font-weight:650;
  font-size:12px;
}

.sla-cta{padding:14px;border-top:1px solid rgba(11,27,54,.10)}

/* pricing */
.tarife-grid{
  margin-top:22px;
  display:grid;
  grid-template-columns:repeat(2, 1fr);
  gap:16px;
}
.tarif-card{
  background:#fff;
  border:1px solid var(--line);
  box-shadow:var(--shadow2);
  border-radius:0px;
  padding:16px;
}
.tarif-title{font-weight:950;color:#16345f;margin-bottom:6px}
.tarif-sub{color:var(--muted);font-weight:700;margin-bottom:10px}
.tarif-list{
  margin:0;
  padding-left:18px;
  color:#22324d;
  font-weight:700;
  line-height:1.7;
}
.tarif-note{
  margin-top:10px;
  color:var(--muted);
  font-weight:650;
  font-size:12px;
  line-height:1.45;
}

/* FAQ */
.faq-item{
  padding:10px 0;
  border-bottom:1px solid var(--line);
}
.faq-item:last-child{border-bottom:none}
.faq-q{
  cursor:pointer;
  font-weight:950;
  color:#16345f;
}
.faq-a{
  padding-top:8px;
  color:var(--muted);
  font-weight:650;
}

/* Responsive */
@media (max-width: 980px){
  .lp-hero{flex-direction:column}
  .segment-grid{grid-template-columns:1fr}
  .sla-grid{grid-template-columns:1fr}
  .tarife-grid{grid-template-columns:1fr}
}

/* CONTACT PAGE (incremental) */
.page-hero .lead { max-width: 800px;}

.contact-quick {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  margin-top: 18px;
}

.section-muted { background: #f7f7f7; } /* dacă ai deja alt “muted”, păstrează-l */

.contact-grid {
  display: grid;
  grid-template-columns: 1.1fr 0.9fr;
  gap: 22px;
}

.map-grid {
  display: grid;
  grid-template-columns: 1.1fr 0.9fr;
  gap: 22px;
}

.card {
  background: #fff;
  border: 1px solid rgba(0,0,0,0.08);
  border-radius: 14px;
  padding: 20px;
}

.card-title { margin: 0 0 8px; }
.card-text { margin: 0 0 14px; }

.mini-divider {
  height: 1px;
  background: rgba(0,0,0,0.08);
  margin: 16px 0;
}

.mini-title { margin: 0 0 10px; }

.contact-list, .bullets {
  margin: 0;
  padding-left: 18px;
}

.form .form-row { margin-bottom: 12px; }
.form label { display: block; margin-bottom: 6px; font-weight: 600; }
.form input { border: 1px solid rgba(0,0,0,0.18); border-radius: 10px; padding: 10px 12px; font: inherit;}
.form select, .form textarea {
  width: 100%;
  border: 1px solid rgba(0,0,0,0.18);
  border-radius: 10px;
  padding: 10px 12px;
  font: inherit;
}

.checkbox { display: flex; gap: 10px; align-items: flex-start; }
.checkbox input { margin-top: 3px; }

.field-hint, .micro-note {
  display: block;
  margin-top: 6px;
  font-size: 0.92rem;
  opacity: 0.8;
}

.form-status { margin-top: 10px; }

.map-embed iframe {
  width: 100%;
  height: 320px;
  border: 0;
  border-radius: 14px;
}

.faq details { padding: 10px 0; border-bottom: 1px solid rgba(0,0,0,0.08); }
.faq details:last-child { border-bottom: 0; }
.faq summary { cursor: pointer; font-weight: 600; }

@media (max-width: 980px) {
  .contact-grid, .map-grid { grid-template-columns: 1fr; }
}