/* ------------------------------------------------------
   ART Concept – style.css (index)
------------------------------------------------------- */

/* Reset + bază */
*,
*::before,
*::after{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
  margin:0;
  font-family:"Inter",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  background:linear-gradient(to bottom,#f5f9ff 0,#f3f7fb 35%,#f3f7fb 100%);
  color:#111827;
  line-height:1.6;
}

/* Variabile */
:root{
  --bg-page:#f3f7fb;
  --bg-section-main:#f3f7fb;
  --bg-section-alt:#edf3fb;
  --bg-section-soft:#e7effa;
  --bg-card:#ffffff;

  --border-subtle:rgba(148,163,184,0.45);
  --border-strong:rgba(15,118,178,0.5);

  --text-main:#111827;
  --text-muted:#374151;
  --text-soft:#6b7280;
  --text-strong:#0f172a;

  --accent:#0ea5e9;
  --accent-dark:#0369a1;
  --accent-soft:rgba(14,165,233,0.08);

  --shadow-soft:0 18px 45px rgba(15,23,42,0.12);

  --radius-md:10px;
  --radius-lg:14px;
  --radius-xl:18px;
  --radius-full:999px;

  --container-width:1180px;
  --section-y:clamp(3.5rem,4.5vw,5.3rem);
}

/* Layout general */
.container{width:min(var(--container-width),100% - 2.5rem);margin-inline:auto;}
a{text-decoration:none;color:inherit;}
h1,h2,h3{font-family:"Poppins",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;margin:0 0 .5em;color:var(--text-strong);}
h1{font-size:clamp(2.1rem,2.5vw + 1.1rem,3rem);line-height:1.15;}
h2{font-size:clamp(1.7rem,1.7vw + 1.1rem,2.3rem);}
h3{font-size:clamp(1.15rem,1.1vw + 1rem,1.4rem);}
p{margin:0 0 .5em;font-size:.97rem;}
.highlight-blue{color:#0369a1;}
.text-accent{color:#0ea5e9;}
.section{padding-block:var(--section-y);}
.section-header{max-width:760px;margin:0 auto clamp(2rem,3vw,2.7rem);text-align:center;}
.section-kicker{font-size:.75rem;text-transform:uppercase;letter-spacing:.18em;color:var(--accent-dark);margin:0 0 .4rem;}
.section-subtitle{margin:.6rem 0 0;font-size:.98rem;color:var(--text-muted);}

/* HEADER */
.site-header{position:sticky;top:0;z-index:50;background:#fff;border-bottom:1px solid rgba(209,213,219,.9);box-shadow:0 4px 12px rgba(15,23,42,.06);}
.header-inner{display:flex;align-items:center;justify-content:space-between;padding-block:.65rem;}
.logo{display:inline-flex;align-items:center;gap:.6rem;}
.logo-img{width:40px;height:40px;border-radius:8px;object-fit:contain;}
.logo-name{font-size:1rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#0f172a;}
.main-nav{display:flex;align-items:center;gap:1rem;}
.nav-list{list-style:none;display:flex;align-items:center;gap:1.3rem;margin:0;padding:0;}
.nav-list a{font-size:.98rem;color:#111827;padding:.35rem 0;position:relative;font-weight:500;}
.nav-list a:hover{color:var(--accent-dark);}
.nav-list a.active{color:var(--accent-dark);font-weight:600;}
.nav-list a::after{content:"";position:absolute;left:0;bottom:-.25rem;width:0;height:2px;border-radius:var(--radius-full);background:linear-gradient(to right,#0ea5e9,#0369a1);transition:width .2s ease-out;}
.nav-list a:hover::after,.nav-list a.active::after{width:100%;}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;padding:.6rem 1.3rem;border-radius:var(--radius-full);border:1px solid transparent;font-size:.9rem;font-weight:500;cursor:pointer;transition:background-color .18s ease-out,border-color .18s ease-out,color .18s ease-out,box-shadow .18s ease-out,transform .08s ease-out;}
.btn-primary{background-image:linear-gradient(135deg,#0ea5e9,#0369a1);color:#f9fafb;box-shadow:0 12px 30px rgba(15,23,42,.24);}
.btn-primary:hover{transform:translateY(-1px);box-shadow:0 16px 38px rgba(15,23,42,.28);}
.btn-outline{background:#fff;color:#0369a1;border-color:rgba(148,163,184,.7);}
.btn-outline:hover{background:#e0f2fe;border-color:#0ea5e9;}
.btn-outline-light{background:transparent;color:#e5f2fc;border-color:rgba(226,232,240,.7);}
.btn-outline-light:hover{background:rgba(15,23,42,.25);border-color:#e5f2fc;}
.btn-nav{
  padding-inline:1.35rem;   /* era 1.1rem -> mai mult spațiu stânga/dreapta */
  padding-block:.42rem;
  border-radius:8px;
  background:rgba(14,165,233,.04);
  border:1px solid rgba(14,165,233,.85);
  color:#0369a1;
  font-weight:500;
  letter-spacing:.02em;     /* subtil, ca să respire textul */
}

.btn-nav:hover{
  background:rgba(14,165,233,.12);
  color:#0369a1;
  border-color:#0ea5e9;
}
.nav-toggle{display:none;flex-direction:column;justify-content:center;gap:4px;width:32px;height:32px;border-radius:var(--radius-full);border:1px solid rgba(148,163,184,.9);background:#fff;cursor:pointer;padding:0;}
.nav-toggle-line{width:16px;height:2px;border-radius:var(--radius-full);background:#111827;margin-inline:auto;}

/* HERO SLIDER */
.hero-slider{position:relative;height:clamp(420px,70vh,620px);background:#000;color:#f9fafb;overflow:hidden;}
.hero-slides{width:100%;height:100%;position:relative;}
.hero-slide{position:absolute;inset:0;background-size:cover;background-position:center;opacity:0;transition:opacity .6s ease-out;}
.hero-slide.is-active{opacity:1;z-index:1;}
.hero-gradient{position:absolute;inset:0;background-image:linear-gradient(120deg,rgba(15,23,42,.92) 0,rgba(15,23,42,.65) 55%,rgba(15,23,42,.15) 100%);}
.hero-slide-inner{position:relative;z-index:2;height:100%;display:flex;align-items:center;}
.hero-panel{max-width:540px;padding:1.6rem 2rem;background:linear-gradient(to bottom,rgba(15,23,42,.9),rgba(15,23,42,.9));border-radius:8px;box-shadow:0 20px 55px rgba(15,23,42,.8);border:1px solid rgba(148,163,184,.45);}
.hero-panel-eyebrow{font-size:.78rem;letter-spacing:.2em;text-transform:uppercase;color:#e5e7eb;margin:0 0 .7rem;opacity:.85;}
.hero-panel-title{font-size:clamp(2rem,2.3vw + 1.1rem,2.6rem);line-height:1.15;margin:0 0 .7rem;color:#fff;}
.hero-panel-lead{margin:0 0 1rem;color:#e5e7eb;font-size:.98rem;}
.hero-panel-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1.1rem;}
.hero-nav{position:absolute;top:50%;transform:translateY(-50%);width:38px;height:38px;border-radius:999px;border:none;background:rgba(15,23,42,.7);color:#f9fafb;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 10px 24px rgba(15,23,42,.7);z-index:3;}
.hero-prev{left:18px;}
.hero-next{right:18px;}
.hero-nav:hover{background:rgba(15,23,42,.9);}
.hero-dots{position:absolute;bottom:18px;left:50%;transform:translateX(-50%);display:flex;gap:8px;z-index:3;}
.hero-dot{width:10px;height:10px;border-radius:999px;border:none;background:rgba(255,255,255,.4);cursor:pointer;}
.hero-dot.is-active{width:22px;background:#0ea5e9;}

/* AVANTAJE */
.section-advantages{background:var(--bg-section-main);padding-bottom:calc(var(--section-y) - 1rem);}
.advantages-layout{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1.2fr);gap:2.2rem;align-items:center;}
.advantages-left .section-header{text-align:left;margin:0 0 1.5rem;}
.advantages-left .section-subtitle{max-width:520px;}
.advantages-list{display:grid;gap:.8rem;margin-top:1.2rem;}
.adv-row{display:grid;grid-template-columns:auto 1fr;gap:.9rem;align-items:flex-start;padding:.75rem .9rem;background:#fff;border-radius:10px;border:1px solid rgba(209,213,219,.9);box-shadow:0 10px 26px rgba(148,163,184,.25);}
.adv-icon{width:40px;height:40px;border-radius:8px;background:linear-gradient(135deg,#0ea5e9,#0f9bd4);display:inline-flex;align-items:center;justify-content:center;color:#fff;font-size:1.1rem;}
.adv-text h3{margin:0 0 .25rem;font-size:1rem;color:#0f172a;}
.adv-text p{margin:0;font-size:.97rem;color:var(--text-muted);}

/* imagine mare + pătrate mici */
.advantages-right{
  display:flex;
  flex-direction:column;
  align-items:flex-end;
}

.advantages-visual{
  max-width:420px;
  border-radius:18px;
  overflow:hidden;
  box-shadow:0 20px 45px rgba(15,23,42,.35);
}

.advantages-visual img{
  display:block;
  width:100%;
  height:auto;
}

/* container pentru pătratele mici – SUB imaginea mare */
.advantages-thumbs{
  position:relative;
  margin-top:1.3rem;
  width:220px;
  height:130px;
}

.advantages-thumb{
  position:absolute;
  width:130px;
  height:130px;
  border-radius:14px;
  overflow:hidden;
  background:#ffffff;
  box-shadow:0 16px 40px rgba(15,23,42,0.28);
}

.advantages-thumb img{
  width:100%;
  height:100%;
  object-fit:cover;
}

/* primul pătrat – jos, stânga */
.advantages-thumb--first{
  left:0;
  bottom:0;
  border:2px solid #ef4444;
}

/* al doilea pătrat – sus, puțin peste primul */
.advantages-thumb--second{
  left:60px;
  bottom:20px;
  border:2px solid #111827;
}

/* SERVICII (3 teaser-e) */
.section-services{position:relative;background:linear-gradient(to bottom,#f5f9ff 0,var(--bg-section-alt) 60%,var(--bg-section-main) 100%);overflow:hidden;}
.services-bg{position:absolute;inset:0;background:url("images/services-bg.avif") center/cover no-repeat;opacity:.12;pointer-events:none;}
.section-services>.container{position:relative;z-index:1;}
.services-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.6rem;}
.service-teaser{background:#fff;border-radius:var(--radius-lg);overflow:hidden;border:1px solid rgba(209,213,219,.9);box-shadow:var(--shadow-soft);display:flex;flex-direction:column;transition:transform .18s ease-out,box-shadow .18s ease-out;}
.service-teaser:hover{transform:translateY(-5px);box-shadow:0 20px 50px rgba(15,23,42,.2);}
.service-image{aspect-ratio:16/9;background-size:cover;background-position:center;}
.service-body{padding:1rem 1.1rem 1.1rem;}
.service-body h3{margin-bottom:.45rem;}
.service-body p{font-size:.98rem;color:var(--text-muted);margin-bottom:.6rem;}
.service-link{font-size:.9rem;color:#0369a1;}

/* SISTEM / DE CE NOI */
.section-system{background:linear-gradient(to bottom,var(--bg-section-main) 0,var(--bg-section-soft) 60%,var(--bg-section-main) 100%);border-top:1px solid rgba(209,213,219,.9);}
.system-header{margin-bottom:1.8rem;}
.system-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.4rem 2.5rem;}
.system-row{display:grid;grid-template-columns:auto 1fr;gap:.8rem;align-items:flex-start;position:relative;padding:.4rem 0;}
/* SISTEM / DE CE NOI – iconuri premium fără emoji */
.system-icon{
  position:relative;
  width:42px;
  height:42px;
  border-radius:999px;
  border:1px solid rgba(148,163,184,.65);
  background:
    radial-gradient(circle at 30% 25%, rgba(14,165,233,.18), transparent 55%),
    radial-gradient(circle at 75% 80%, rgba(2,132,199,.10), transparent 55%),
    #ffffff;
  box-shadow:0 10px 22px rgba(15,23,42,.18);
  flex:0 0 42px;
}

/* “shine” subtil */
.system-icon::after{
  content:"";
  position:absolute;
  inset:2px 2px auto 2px;
  height:42%;
  border-radius:999px;
  background:linear-gradient(to right, rgba(255,255,255,.65), rgba(255,255,255,.0));
  opacity:.55;
  pointer-events:none;
}

/* stroke-ul iconului (desenat din CSS) */
.system-icon::before{
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  width:22px;
  height:22px;
}

/* 1) “Struct” – stil grindă/structură */
.system-icon.icon-struct::before{
  background:
    linear-gradient(#0369a1,#0369a1) 50% 15%/18px 2px no-repeat,
    linear-gradient(#0369a1,#0369a1) 50% 50%/18px 2px no-repeat,
    linear-gradient(#0369a1,#0369a1) 50% 85%/18px 2px no-repeat,
    linear-gradient(#0369a1,#0369a1) 25% 50%/2px 18px no-repeat,
    linear-gradient(#0369a1,#0369a1) 75% 50%/2px 18px no-repeat;
  opacity:.95;
}

/* 2) “Plan” – stil plan/blueprint */
.system-icon.icon-plan::before{
  border:2px solid #0369a1;
  border-radius:6px;
  box-sizing:border-box;
  background:
    linear-gradient(#0369a1,#0369a1) 50% 42%/14px 2px no-repeat,
    linear-gradient(#0369a1,#0369a1) 50% 60%/10px 2px no-repeat;
  opacity:.95;
}

/* 3) “Team” – stil echipă (2 siluete simple) */
.system-icon.icon-team::before{
  background:
    radial-gradient(circle at 35% 42%, #0369a1 0 3px, transparent 3.2px),
    radial-gradient(circle at 65% 42%, #0369a1 0 3px, transparent 3.2px),
    radial-gradient(ellipse at 35% 70%, #0369a1 0 6px, transparent 6.2px),
    radial-gradient(ellipse at 65% 70%, #0369a1 0 6px, transparent 6.2px);
  opacity:.95;
}

/* 4) “Check” – bifă curată */
.system-icon.icon-check::before{
  width:20px;
  height:12px;
  border-left:2.6px solid #0369a1;
  border-bottom:2.6px solid #0369a1;
  transform:translate(-50%,-50%) rotate(-45deg);
  border-radius:1px;
  opacity:.95;
}

/* hover subtil pe desktop */
@media (min-width:1025px){
  .system-icon{
    transition:transform .14s ease-out, box-shadow .14s ease-out, border-color .14s ease-out;
  }
  .system-row:hover .system-icon{
    transform:translateY(-2px);
    box-shadow:0 14px 30px rgba(15,23,42,.22);
    border-color:rgba(14,165,233,.55);
  }
}

.system-text h3{margin:0 0 .55rem;font-size:.98rem;color:#0f172a;position:relative;padding-bottom:.15rem;}
.system-text h3::after{content:"";position:absolute;left:0;bottom:-.15rem;width:46px;height:2px;border-radius:999px;background:linear-gradient(90deg,#0ea5e9,#0369a1);}
.system-text p{margin:0;font-size:.98rem;line-height:1.6;color:#1f2937;font-weight:500;}

/* PORTOFOLIU STRIP */
.section-portfolio-preview{background:linear-gradient(to bottom,var(--bg-section-main) 0,var(--bg-section-alt) 55%,var(--bg-section-main) 100%);border-top:1px solid rgba(209,213,219,.9);}
.portfolio-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.4rem;}
.portfolio-item{margin:0;background:#fff;border-radius:var(--radius-lg);overflow:hidden;border:1px solid rgba(209,213,219,.9);box-shadow:var(--shadow-soft);display:flex;flex-direction:column;}
.portfolio-image{aspect-ratio:16/9;background-size:cover;background-position:center;}
.portfolio-item figcaption{padding:.85rem 1rem 1rem;}
.portfolio-item h3{margin-bottom:.25rem;}
.portfolio-item p{margin:0;font-size:.96rem;color:var(--text-muted);}
.section-cta.section-cta-secondary{margin-top:2.4rem;}
.section-cta.section-cta-secondary .btn{margin-top:.1rem;}

/* CTA FINAL – CONTACT */
.section-final-cta{position:relative;overflow:hidden;padding-block:3rem 3.2rem;background:linear-gradient(to right,rgba(15,23,42,.92),rgba(15,23,42,.7)),url("images/contact-bg.avif") center/cover no-repeat;border-top:1px solid rgba(15,23,42,.35);color:#f9fafb;}
.section-final-cta .section-kicker{color:#bfdbfe;}
.section-final-cta h2{color:#e5f2fc;}
.section-final-cta .final-cta-text{color:#e5e7eb;font-size:.98rem;}
.final-cta-inner{display:flex;align-items:center;justify-content:space-between;gap:1.8rem;}
.final-cta-text{margin:.7rem 0 0;max-width:520px;}
.final-cta-actions{display:flex;flex-direction:column;align-items:flex-start;gap:.6rem;}
.section-final-cta .btn-primary{border-radius:999px;padding:.7rem 2.2rem;background-image:linear-gradient(135deg,#0ea5e9,#0369a1);box-shadow:0 18px 40px rgba(0,0,0,.55);font-weight:500;}
.section-final-cta .btn-primary:hover{transform:translateY(-1px);box-shadow:0 22px 50px rgba(0,0,0,.6);}

/* buton al doilea – „Sună direct la …” */
.btn-call{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  margin-top:.4rem;
  padding:.6rem 2rem;
  border-radius:999px;
  border:1px solid rgba(37,99,235,.45);
  background:linear-gradient(135deg,#0284c7,#38bdf8);
  color:#f9fafb;
  font-size:.9rem;
  font-weight:500;
  box-shadow:0 12px 28px rgba(0,0,0,.45);
}
.btn-call:hover{
  transform:translateY(-1px);
  box-shadow:0 16px 36px rgba(0,0,0,.55);
}

/* FOOTER */
.site-footer{
  background:#ffffff;
  border-top:1px solid rgba(209,213,219,0.9);
  padding-top:1.8rem;
}
.footer-inner{
  display:grid;
  grid-template-columns:minmax(0,2fr) minmax(0,1.4fr) minmax(0,1.2fr) minmax(0,1.2fr);
  gap:1.7rem;
  padding-bottom:1.4rem;
}
.footer-brand .footer-logo{
  display:flex;
  align-items:center;
  gap:0.65rem;
  margin-bottom:0.6rem;
}
.footer-logo-text{display:flex;flex-direction:column;gap:0.1rem;}
.footer-tagline{font-size:0.8rem;color:#1f2937;font-weight:500;}
.footer-text{margin:0;font-size:0.92rem;color:#1f2937;max-width:40rem;}
.footer-contact h3,
.footer-pages h3,
.footer-social h3{font-size:0.9rem;margin:0 0 0.7rem;color:#0f172a;}
.footer-contact-list{list-style:none;margin:0;padding:0;font-size:0.9rem;color:#1f2937;}
.contact-item{margin-bottom:0.45rem;}
.contact-link{display:inline-flex;align-items:center;gap:0.55rem;color:#0369a1;}
.contact-link:hover{color:#0ea5e9;}
.contact-icon{width:28px;height:28px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;background:rgba(148,163,184,0.06);border:1px solid rgba(148,163,184,0.7);}
.contact-icon svg{width:16px;height:16px;display:block;stroke:#0369a1;stroke-width:1.6;fill:none;}
.contact-icon-wa{background:rgba(37,211,102,0.08);border-color:#25d366;}
.contact-icon-wa svg{stroke:#25d366;}
.footer-pages .footer-list{list-style:none;margin:0;padding:0;font-size:0.9rem;color:#111827;}
.footer-pages .footer-list li{margin-bottom:0.4rem;}
.footer-pages .footer-list a{position:relative;display:inline-block;padding-bottom:2px;}
.footer-pages .footer-list a::after{content:"";position:absolute;left:0;bottom:-3px;width:48px;height:2px;border-radius:999px;background:linear-gradient(90deg,#0ea5e9,#0369a1);opacity:0.4;transition:opacity 0.2s ease,width 0.2s ease;}
.footer-pages .footer-list a:hover{color:var(--accent-dark);}
.footer-pages .footer-list a:hover::after{opacity:1;width:72px;}
.footer-social-list{list-style:none;margin:0;padding:0;font-size:0.9rem;color:#111827;}
.social-link{display:inline-flex;align-items:center;gap:0.55rem;padding:0.25rem 0;color:#0f172a;font-weight:500;}
.social-link:hover{color:#0ea5e9;}
.social-icon{width:28px;height:28px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;color:#ffffff;}
.social-icon svg{width:15px;height:15px;display:block;fill:currentColor;}
.social-link-fb .social-icon{background:#1877f2;}
.social-link-tt .social-icon{background:#000000;}
.footer-bottom{border-top:1px solid rgba(209,213,219,0.9);padding-block:0.7rem;background:#f9fafb;}
.footer-bottom-inner{display:flex;justify-content:center;}
.footer-bottom p{margin:0;font-size:0.82rem;color:#4b5563;}

/* RESPONSIVE */

/* < 1024px */
@media(max-width:1024px){
  .hero-slider{height:clamp(380px,70vh,520px);}
  .advantages-layout{grid-template-columns:minmax(0,1fr);}
  .advantages-right{align-items:center;}
  .advantages-visual{max-width:380px;}
  .services-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .system-grid{grid-template-columns:minmax(0,1fr);}
  .portfolio-strip{grid-template-columns:repeat(2,minmax(0,1fr));}
  .footer-inner{grid-template-columns:minmax(0,2fr) minmax(0,1.4fr);row-gap:1.8rem;}
}

/* < 768px */
@media(max-width:768px){
  .header-inner{padding-block:.6rem;}
  .nav-toggle{display:inline-flex;}
  .nav-list{position:absolute;inset-inline:0;top:100%;flex-direction:column;align-items:flex-start;gap:0;padding:.4rem 1.3rem .8rem;background:#fff;border-bottom:1px solid rgba(209,213,219,.9);box-shadow:0 10px 24px rgba(15,23,42,.08);transform-origin:top;transform:scaleY(0);opacity:0;pointer-events:none;transition:transform .16s ease-out,opacity .14s ease-out;}
  .nav-list.is-open{transform:scaleY(1);opacity:1;pointer-events:auto;}
  .nav-list li{width:100%;}
  .nav-list a,.btn-nav{display:block;width:100%;padding-block:.45rem;}
  .hero-slider{height:clamp(380px,80vh,520px);}
  .hero-slide-inner{padding-block:2.6rem;}
  .hero-panel{padding-inline:1.4rem;}
  .hero-prev,.hero-next{display:none;}

  .advantages-layout{gap:1.8rem;}
  .advantages-right{align-items:center;}
  .advantages-visual{max-width:360px;}
  .advantages-thumbs{
    position:static;
    margin-top:1rem;
    width:auto;
    height:auto;
    display:flex;
    gap:0.75rem;
    justify-content:center;
  }
  .advantages-thumb{
    position:static;
    width:110px;
    height:110px;
  }

  .services-grid,.portfolio-strip{grid-template-columns:minmax(0,1fr);}
  .final-cta-inner{flex-direction:column;align-items:flex-start;}
  .section-final-cta{padding-block:2.4rem 2.6rem;}
  .footer-inner{grid-template-columns:minmax(0,1fr);gap:1.2rem;}
  .footer-text{font-size:0.9rem;margin-bottom:0.4rem;}
  .footer-contact h3,.footer-pages h3,.footer-social h3{margin-bottom:0.4rem;}
  .footer-pages .footer-list{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    column-gap:1.2rem;
  }
  .footer-pages .footer-list li{margin-bottom:0.3rem;}
  .final-cta-actions .btn,
  .final-cta-actions .btn-call{width:100%;justify-content:center;}
}

/* < 480px */
@media(max-width:480px){
  h1{font-size:1.9rem;}
  .hero-panel{padding:1.3rem 1.2rem;}
  .footer-text{display:none;}
  .footer-bottom-inner{text-align:center;}
}
/* Ajustare poziție imagini mici la AVANTAJE (desktop) */
@media (min-width: 1025px){
  .advantages-thumbs{
    margin-top:5rem !important;   /* mai jos */
    margin-left:-70px !important;   /* mai spre stânga */
  }

  .advantages-thumb--first{
    left:0 !important;
    bottom:-5px !important;         /* coboară ușor pătratul de jos */
  }

  .advantages-thumb--second{
    left:55px !important;           /* un pic mai spre stânga decât înainte */
    bottom:15px !important;         /* ușor mai jos */
  }
}
/* Ajustare dimensiune + poziție imagini mici AVANTAJE – desktop */
@media (min-width: 1025px){
  /* containerul pentru cele două pătrate */
  .advantages-thumbs{
    margin-top:8.7rem !important;   /* mai mult loc sub imaginea mare */
    margin-left:0 !important;
    width:280px !important;
    height:190px !important;
  }

  /* mărim ambele pătrate */
  .advantages-thumb{
    width:180px !important;
    height:180px !important;
  }

  /* pătratul de jos */
  .advantages-thumb--first{
    left:-30px !important;
    bottom:0 !important;
  }

  /* pătratul de sus – doar colțurile să se atingă */
  .advantages-thumb--second{
    left:95px !important;   /* un pic mai spre dreapta */
    bottom:92px !important; /* suprapunere mică în colț */
  }
}
/* Ascund cele 2 imagini mici la AVANTAJE pe telefon */
@media (max-width: 768px){
  .advantages-thumbs{
    display:none !important;
  }
}
/* Chenar albastru discret pentru cele două imagini mici – AVANTAJE */
@media (min-width: 1025px){
  .advantages-thumb--first,
  .advantages-thumb--second{
    border:2px solid rgba(14,165,233,0.35) !important; /* albastru deschis, abia sesizabil */
  }
}
/* Hover animat pentru imaginea mare + cele două imagini mici (AVANTAJE) */
@media (min-width: 1025px){
  .advantages-visual,
  .advantages-thumb{
    transition:
      transform 0.18s ease-out,
      box-shadow 0.18s ease-out;
    cursor:pointer;
  }

  .advantages-visual:hover,
  .advantages-thumb:hover{
    transform:translateY(-6px);
    box-shadow:0 24px 50px rgba(15,23,42,0.3);
  }
}
/* Hover animat pentru cardurile din PORTOFOLIU (desktop) */
@media (min-width: 1025px){
  .portfolio-item{
    transition:
      transform 0.18s ease-out,
      box-shadow 0.18s ease-out;
    cursor:pointer;
  }

  .portfolio-item:hover{
    transform:translateY(-6px);
    box-shadow:0 24px 50px rgba(15,23,42,0.3);
  }
}
/* ======================================================
   INDEX – text ca pe restul + scroll reveal (scoped)
====================================================== */

/* text un pic mai mare + puțin mai gros (ca pe paginile cu body.page-...) */
body.page-index p,
body.page-index li{
  font-size:1.02rem;
  line-height:1.7;
  font-weight:500;
}

body.page-index .section-subtitle{
  font-size:1.02rem;
  font-weight:500;
}

/* pe index, footer-bottom era mic (0.82rem). Îl aducem la aceeași “greutate” vizuală */
body.page-index .footer-bottom p{
  font-size:0.92rem;
  font-weight:500;
}

/* Scroll Reveal – ca la Servicii/Portofoliu */
body.page-index .reveal-up,
body.page-index .reveal-left,
body.page-index .reveal-right,
body.page-index .reveal-zoom,
body.page-index .reveal-stagger > *{
  opacity:0;
  transform:translate3d(0,14px,0);
  filter:blur(10px);
  transition:
    opacity .85s cubic-bezier(.2,.9,.2,1),
    transform .95s cubic-bezier(.2,.9,.2,1),
    filter .85s cubic-bezier(.2,.9,.2,1);
  will-change:transform,opacity,filter;
}

body.page-index .reveal-left{ transform:translate3d(-36px,10px,0) rotate(-.4deg); }
body.page-index .reveal-right{ transform:translate3d(36px,10px,0) rotate(.4deg); }
body.page-index .reveal-up{ transform:translate3d(0,26px,0); }

body.page-index .reveal-zoom{
  transform:translate3d(0,18px,0) scale(.94) rotate(-.6deg);
  filter:blur(14px) saturate(.95);
}

body.page-index .is-inview{
  opacity:1 !important;
  transform:translate3d(0,0,0) scale(1) rotate(0) !important;
  filter:blur(0) saturate(1) !important;
}

body.page-index .reveal-stagger > *{
  transform:translate3d(0,18px,0);
}

/* Motion redus */
@media (prefers-reduced-motion: reduce){
  body.page-index .reveal-up,
  body.page-index .reveal-left,
  body.page-index .reveal-right,
  body.page-index .reveal-zoom,
  body.page-index .reveal-stagger > *{
    transition:none !important;
    transform:none !important;
    filter:none !important;
    opacity:1 !important;
  }
}
/* Contact în header: desktop rămâne "chip", dar pe mobil devine link normal */
.site-header .nav-list a.btn-nav::after{
  display:none !important; /* nu vrem underline-ul de meniu pe buton */
}

/* Desktop (>=769px): păstrăm chip discret, cu aer lateral */
@media (min-width:769px){
  .site-header .nav-list a.btn.btn-nav{
    padding:.15rem 0.5rem !important;
    letter-spacing:.02em;
  }
}

/* Mobil (<=768px): Contact să arate ca un item normal din meniu */
@media (max-width:768px){
  .site-header .nav-list a.btn.btn-nav{
    width:100% !important;
    border:0 !important;
    background:transparent !important;
    box-shadow:none !important;
    border-radius:0 !important;

    /* ca restul linkurilor din meniu */
    padding:.45rem 0 !important;
    color:#111827 !important;
    font-weight:500 !important;
    letter-spacing:0 !important;
    text-align:left !important;
  }

  /* să nu pară "buton" la hover */
  .site-header .nav-list a.btn.btn-nav:hover{
    background:transparent !important;
    color:var(--accent-dark) !important;
  }
}
/* SERVICII (teaser) – aliniază "Detalii" pe aceeași linie + stilizare */
.section-services .service-teaser{
  display:flex;
  flex-direction:column;
}

.section-services .service-body{
  display:flex;
  flex-direction:column;
  flex:1;
}

/* împinge linkul jos în card, indiferent de lungimea textului */
.section-services .service-link{
  margin-top:auto;
  align-self:flex-start;

  display:inline-flex;
  align-items:center;
  gap:.4rem;

  padding:.48rem .95rem;
  border-radius:999px;
  border:1px solid rgba(14,165,233,.45);
  background:linear-gradient(135deg, rgba(14,165,233,.08), rgba(3,105,161,.05));
  color:#0369a1;
  font-size:.9rem;
  font-weight:600;
  letter-spacing:.01em;

  transition:transform .14s ease-out, box-shadow .14s ease-out, border-color .14s ease-out, background .14s ease-out;
}

/* oprește sublinierea/linie de meniu dacă există */
.section-services .service-link::after{ display:none !important; }

@media (min-width:1025px){
  .section-services .service-link:hover{
    transform:translateY(-1px);
    border-color:rgba(14,165,233,.75);
    box-shadow:0 12px 28px rgba(15,23,42,.12);
    background:linear-gradient(135deg, rgba(14,165,233,.12), rgba(3,105,161,.08));
  }
}

/* un mic accent pe iconiță */
.section-services .service-link::before{
  content:"";
  width:7px;
  height:7px;
  border-radius:999px;
  background:linear-gradient(135deg,#0ea5e9,#0369a1);
  opacity:.9;
}
/* ======================================================
   SERVICII (teaser) – overlay pe partea albă (service-body)
   - pornește din colțul dreapta-jos al zonei albe
   - hover desktop + tap mobile (clasa .is-tapped)
====================================================== */

/* ne asigurăm că overlay-ul stă în interiorul zonei albe */
.section-services .service-body{
  position:relative;
  overflow:hidden;
}

/* overlay-ul “curge” pe partea albă */
.section-services .service-body::before{
  content:"";
  position:absolute;
  inset:-2px;                 /* acoperă până la margini */
  pointer-events:none;

  /* negru foarte subtil, cu pornire din dreapta-jos */
  background:
    radial-gradient(circle at 100% 100%,
      rgba(15,23,42,0.18) 0%,
      rgba(15,23,42,0.10) 38%,
      rgba(15,23,42,0.06) 62%,
      rgba(15,23,42,0.00) 80%
    );

  transform:scale(0);
  transform-origin:100% 100%; /* dreapta-jos */
  transition:transform .26s cubic-bezier(.2,.9,.2,1);
}

/* hover desktop: overlay pe partea albă */
@media (min-width:1025px){
  .section-services .service-teaser{
   transition:transform .16s cubic-bezier(.16,1,.3,1);

    cursor:pointer;
  }

  .section-services .service-teaser:hover{
    transform:translateY(-4px);
    box-shadow:0 24px 55px rgba(15,23,42,0.18);
  }

  .section-services .service-teaser:hover .service-body::before{
    transform:scale(2.1); /* umple zona albă */
  }
}

/* tap mobile: adaugi clasa is-tapped pe card */
.section-services .service-teaser.is-tapped .service-body::before{
  transform:scale(2.1);
}

/* motion redus */
@media (prefers-reduced-motion: reduce){
  .section-services .service-teaser,
  .section-services .service-body::before{
    transition:none !important;
    transform:none !important;
  }
}
/* SERVICII (teaser) – mișcare pe tot cardul (merge chiar dacă .is-inview are !important) */
@media (min-width:1025px){
  .section-services .service-teaser.is-inview{
    will-change:transform;
    transition:transform .28s cubic-bezier(.16,1,.3,1), box-shadow .28s ease;
  }

  .section-services .service-teaser.is-inview:hover{
    transform:translate3d(0,-6px,0) scale(1.01) !important;
    box-shadow:0 26px 60px rgba(15,23,42,0.20);
  }
}

/* tap mobile – folosește aceeași clasă pe care o pui în JS (is-tapped) */
.section-services .service-teaser.is-inview.is-tapped{
  transform:translate3d(0,-3px,0) scale(1.01) !important;
  box-shadow:0 22px 52px rgba(15,23,42,0.18);
}

/* motion redus */
@media (prefers-reduced-motion: reduce){
  .section-services .service-teaser.is-inview,
  .section-services .service-teaser.is-inview:hover,
  .section-services .service-teaser.is-inview.is-tapped{
    transition:none !important;
    transform:none !important;
  }
}
.section-services .service-teaser--link{
  text-decoration:none;
  color:inherit;
  display:flex;
  flex-direction:column;
}

.section-services .service-teaser--link:focus{
  outline:none;
}

.section-services .service-teaser--link:focus-visible{
  box-shadow:0 0 0 2px rgba(17,24,39,0.14), 0 20px 55px rgba(15,23,42,0.16);
}
/* ======================================================
   PORTOFOLIU (preview) – carduri clickabile + animații ca la Servicii
====================================================== */

/* cardurile devin linkuri, dar păstrează look-ul */
.section-portfolio-preview .portfolio-item--link{
  text-decoration:none;
  color:inherit;
  display:flex;
  flex-direction:column;
}

/* scoatem margin default de la figure dacă exista (siguranță) */
.section-portfolio-preview .portfolio-item{
  margin:0;
}

/* facem figcaption un container real (pentru overlay) */
.section-portfolio-preview .portfolio-cap{
  position:relative;
  overflow:hidden;
  flex:1;
}

/* mic "detalii" ca chip, aliniat jos */
.section-portfolio-preview .portfolio-more{
  display:inline-flex;
  align-items:center;
  gap:.45rem;
  margin-top:auto;
  padding:.48rem .95rem;
  border-radius:999px;
  border:1px solid rgba(14,165,233,.45);
  background:linear-gradient(135deg, rgba(14,165,233,.08), rgba(3,105,161,.05));
  color:#0369a1;
  font-size:.9rem;
  font-weight:600;
  letter-spacing:.01em;
}

/* punct mic înainte */
.section-portfolio-preview .portfolio-more::before{
  content:"";
  width:7px;
  height:7px;
  border-radius:999px;
  background:linear-gradient(135deg,#0ea5e9,#0369a1);
  opacity:.9;
}

/* ca să stea chip-ul jos în caption */
.section-portfolio-preview .portfolio-item--link .portfolio-cap{
  display:flex;
  flex-direction:column;
}
.section-portfolio-preview .portfolio-item--link .portfolio-cap p{
  margin-bottom:.75rem;
}

/* focus accesibil */
.section-portfolio-preview .portfolio-item--link:focus{ outline:none; }
.section-portfolio-preview .portfolio-item--link:focus-visible{
  box-shadow:0 0 0 2px rgba(17,24,39,0.14), 0 20px 55px rgba(15,23,42,0.16);
}

/* ======================================================
   Overlay “curge” pe partea albă (caption), din dreapta-jos
=========================================
/* ======================================================
   PORTOFOLIU (preview - index) – overlay din colț + mișcare card
   - overlay pornește din dreapta-jos pe imagine
   - overlay pornește din dreapta-jos pe partea albă
   - mișcare fină pe tot cardul (merge cu is-inview !important)
====================================================== */

/* card link (nu arată ca link) */
.section-portfolio-preview .portfolio-item--link{
  text-decoration:none;
  color:inherit;
  display:flex;
  flex-direction:column;
}

/* siguranță: fără margin implicit */
.section-portfolio-preview .portfolio-item{ margin:0; }

/* imagine: container pentru overlay */
.section-portfolio-preview .portfolio-image{
  position:relative;
  overflow:hidden;
  transition:transform .28s cubic-bezier(.16,1,.3,1), filter .28s ease;
  will-change:transform;
}

/* overlay pe imagine – pornește din dreapta-jos */
.section-portfolio-preview .portfolio-image::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;

  background:
    radial-gradient(circle at 100% 100%,
      rgba(15,23,42,0.28) 0%,
      rgba(15,23,42,0.16) 34%,
      rgba(15,23,42,0.08) 58%,
      rgba(15,23,42,0.00) 78%
    );

  transform:scale(0);
  transform-origin:100% 100%;
  transition:transform .55s cubic-bezier(.16,1,.3,1);
}

/* partea albă: container pentru overlay */
.section-portfolio-preview .portfolio-cap{
  position:relative;
  overflow:hidden;
  display:flex;
  flex-direction:column;
  flex:1;
}

/* overlay pe partea albă – pornește din dreapta-jos */
.section-portfolio-preview .portfolio-cap::before{
  content:"";
  position:absolute;
  inset:-2px;
  pointer-events:none;

  background:
    radial-gradient(circle at 100% 100%,
      rgba(15,23,42,0.18) 0%,
      rgba(15,23,42,0.10) 38%,
      rgba(15,23,42,0.06) 62%,
      rgba(15,23,42,0.00) 80%
    );

  transform:scale(0);
  transform-origin:100% 100%;
  transition:transform .55s cubic-bezier(.16,1,.3,1);
}

/* ca să fie totul clickabil și să se miște frumos */
.section-portfolio-preview .portfolio-item{
  -webkit-tap-highlight-color:transparent;
  will-change:transform;
}

/* IMPORTANT: mișcarea trebuie aplicată pe .is-inview (altfel o blochează transform:... !important din reveal) */
@media (min-width:1025px){
  .section-portfolio-preview .portfolio-item.is-inview{
    transition:transform .28s cubic-bezier(.16,1,.3,1), box-shadow .28s ease;
    cursor:pointer;
  }

  .section-portfolio-preview .portfolio-item.is-inview:hover{
    transform:translate3d(0,-6px,0) scale(1.01) !important;
    box-shadow:0 26px 60px rgba(15,23,42,0.20);
  }

  .section-portfolio-preview .portfolio-item.is-inview:hover .portfolio-image{
    transform:scale(1.02);
    filter:saturate(1.02) contrast(1.02);
  }

  .section-portfolio-preview .portfolio-item.is-inview:hover .portfolio-image::after{
    transform:scale(2.1); /* acoperă toată poza */
  }

  .section-portfolio-preview .portfolio-item.is-inview:hover .portfolio-cap::before{
    transform:scale(2.1); /* acoperă partea albă */
  }
}

/* tap mobil (folosește .is-tapped) */
.section-portfolio-preview .portfolio-item.is-inview.is-tapped{
  transform:translate3d(0,-3px,0) scale(1.01) !important;
  box-shadow:0 22px 52px rgba(15,23,42,0.18);
}
.section-portfolio-preview .portfolio-item.is-inview.is-tapped .portfolio-image::after,
.section-portfolio-preview .portfolio-item.is-inview.is-tapped .portfolio-cap::before{
  transform:scale(2.1);
}

/* focus accesibil */
.section-portfolio-preview .portfolio-item--link:focus{ outline:none; }
.section-portfolio-preview .portfolio-item--link:focus-visible{
  box-shadow:0 0 0 2px rgba(17,24,39,0.14), 0 20px 55px rgba(15,23,42,0.16);
}

/* motion redus */
@media (prefers-reduced-motion: reduce){
  .section-portfolio-preview .portfolio-item,
  .section-portfolio-preview .portfolio-image,
  .section-portfolio-preview .portfolio-image::after,
  .section-portfolio-preview .portfolio-cap::before{
    transition:none !important;
    transform:none !important;
    filter:none !important;
  }
}
/* PORTOFOLIU preview – tap pe mobil (aceleași efecte ca pe desktop) */
@media (max-width:1024px){
  .section-portfolio-preview .portfolio-item.is-inview{
    transition:transform .28s cubic-bezier(.16,1,.3,1), box-shadow .28s ease;
  }

  .section-portfolio-preview .portfolio-item.is-inview.is-tapped{
    transform:translate3d(0,-3px,0) scale(1.01) !important;
    box-shadow:0 22px 52px rgba(15,23,42,0.18);
  }

  .section-portfolio-preview .portfolio-item.is-inview.is-tapped .portfolio-image{
    transform:scale(1.015);
  }

  .section-portfolio-preview .portfolio-item.is-inview.is-tapped .portfolio-image::after,
  .section-portfolio-preview .portfolio-item.is-inview.is-tapped .portfolio-cap::before{
    transform:scale(2.1);
  }
}