/* =========================================================
   23. RPA / ROBOȚI VIRTUALI
   ========================================================= */

.zm-rpa-page{
  background:#fff;
}

/* Banner */
.zm-rpa-hero{
  position:relative;
  overflow:hidden;
  min-height:420px;
  border-bottom:1px solid #e7eef8;
  background:
    linear-gradient(
      160deg,
      rgba(248,251,255,.97) 0%,
      rgba(248,251,255,.94) 22%,
      rgba(248,251,255,.58) 55%,
      rgba(18,41,90,.08) 100%
    ),
    url('../images/rpa/rpa.webp') center center/cover no-repeat;
}

.zm-rpa-hero::after{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 78% 28%, rgba(82,168,255,.20), transparent 26%),
    radial-gradient(circle at 64% 60%, rgba(34,232,199,.12), transparent 24%);
  pointer-events:none;
}

.zm-rpa-hero-inner{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:1.08fr .92fr;
  align-items:center;
  gap:36px;
  width:min(1280px,calc(100% - 40px));
  min-height:420px;
  margin:0 auto;
  padding:72px 0 70px;
}

.zm-rpa-kicker{
  display:inline-flex;
  align-items:center;
  gap:8px;
  margin-bottom:14px;
  color:#9ed5ff;
  font-size:.86rem;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.zm-rpa-hero-copy h1{
  margin:0 0 18px;
  color:#fff;
  font-size:clamp(2.8rem,4.2vw,4.35rem);
  font-weight:800;
  line-height:1.03;
  letter-spacing:-.04em;
}

.zm-rpa-hero-copy p{
  max-width:670px;
  margin:0 0 26px;
  color:rgba(255,255,255,.92);
  font-size:1.05rem;
  line-height:1.78;
}

.zm-rpa-hero-copy .zm-btn.outline{
  border-color:rgba(255,255,255,.75);
  background:rgba(255,255,255,.08);
  color:#fff !important;
  backdrop-filter:blur(4px);
}

.zm-rpa-metrics{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:16px;
}

.zm-rpa-metric{
  padding:18px 18px 16px;
  border:1px solid rgba(170,214,255,.22);
  border-radius:18px;
  background:rgba(255,255,255,.08);
  box-shadow:0 14px 34px rgba(2,12,31,.14);
  backdrop-filter:blur(8px);
}

.zm-rpa-metric strong{
  display:block;
  margin-bottom:6px;
  color:#fff;
  font-size:1.85rem;
  font-weight:800;
}

.zm-rpa-metric span{
  color:#d5ebff;
  line-height:1.45;
  font-size:.92rem;
}

/* Intro cards */
.zm-rpa-summary-wrap{
  position:relative;
  z-index:3;
  width:min(1180px,calc(100% - 40px));
  margin:-18px auto 0;
}

.zm-rpa-summary{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:16px;
}

.zm-rpa-pill{
  padding:18px 18px 16px;
  border:1px solid #d9e8fa;
  border-radius:16px;
  background:#fff;
  box-shadow:0 12px 30px rgba(20,56,112,.08);
}

.zm-rpa-pill i{
  display:grid;
  place-items:center;
  width:46px;
  height:46px;
  margin-bottom:12px;
  border-radius:13px;
  background:linear-gradient(135deg,#edf7ff,#dcf0ff);
  color:#0d6adf;
  font-size:1.15rem;
}

.zm-rpa-pill h3{
  margin:0 0 8px;
  color:#17315d;
  font-size:1rem;
  font-weight:800;
}

.zm-rpa-pill p{
  margin:0;
  color:#5f6f86;
  font-size:.92rem;
  line-height:1.62;
}

/* Section shared */
.zm-rpa-section{
  padding:60px 0;
}

.zm-rpa-section.first{
  padding-top:82px;
}

.zm-rpa-section.alt{
  background:linear-gradient(180deg,#f8fbff 0%, #f2f8ff 100%);
}

/* story */
.zm-rpa-story{
  display:grid;
  grid-template-columns:.92fr 1.08fr;
  gap:46px;
  align-items:center;
}

.zm-rpa-visual{
  position:relative;
  min-height:420px;
  border-radius:22px;
  overflow:hidden;
  background:
    linear-gradient(135deg, rgba(7,40,90,.96), rgba(24,98,194,.90));
  box-shadow:0 22px 58px rgba(17,49,97,.18);
}

.zm-rpa-visual::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 28% 24%, rgba(255,255,255,.20), transparent 18%),
    radial-gradient(circle at 72% 62%, rgba(36,228,201,.24), transparent 24%);
}

.zm-rpa-visual-panel{
  position:absolute;
  inset:auto 22px 22px 22px;
  padding:22px 24px;
  border:1px solid rgba(255,255,255,.18);
  border-radius:18px;
  background:rgba(255,255,255,.10);
  color:#fff;
  backdrop-filter:blur(8px);
}

.zm-rpa-visual-panel strong{
  display:block;
  margin-bottom:8px;
  font-size:1.2rem;
}

.zm-rpa-visual-panel p{
  margin:0;
  color:#dbeaff;
  line-height:1.62;
}

.zm-rpa-copy .zm-rpa-kicker{
  color:#0f78e0;
}

.zm-rpa-copy h2{
  margin:0 0 16px;
  color:#16325f;
  font-size:clamp(1.9rem,2.8vw,2.8rem);
  font-weight:800;
  line-height:1.14;
  letter-spacing:-.03em;
}

.zm-rpa-copy p{
  margin:0 0 15px;
  color:#5f6f86;
  line-height:1.78;
}

.zm-rpa-highlight{
  margin-top:18px;
  padding:18px 20px;
  border-left:4px solid #0f78e0;
  border-radius:0 14px 14px 0;
  background:#eef7ff;
  color:#2d4c7e;
  font-weight:650;
  line-height:1.64;
}

/* automation types */
.zm-rpa-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:20px;
  margin-top:30px;
}

.zm-rpa-card{
  height:100%;
  padding:24px;
  border:1px solid #dbe8f8;
  border-radius:18px;
  background:#fff;
  box-shadow:0 10px 28px rgba(17,49,97,.06);
  transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}

.zm-rpa-card:hover{
  transform:translateY(-5px);
  border-color:#b5d3f8;
  box-shadow:0 18px 38px rgba(17,49,97,.12);
}

.zm-rpa-card .icon{
  display:grid;
  place-items:center;
  width:56px;
  height:56px;
  margin-bottom:14px;
  border-radius:15px;
  background:linear-gradient(135deg,#eef8ff,#dff0ff);
  color:#0e77df;
  font-size:1.32rem;
}

.zm-rpa-card h3{
  margin:0 0 9px;
  color:#17315d;
  font-size:1.05rem;
  font-weight:800;
}

.zm-rpa-card p{
  margin:0;
  color:#607188;
  line-height:1.68;
}

/* process steps */
.zm-rpa-steps{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:18px;
  margin-top:30px;
}

.zm-rpa-step{
  position:relative;
  padding:24px 22px;
  border:1px solid #dbe8f8;
  border-radius:18px;
  background:#fff;
  box-shadow:0 10px 28px rgba(17,49,97,.05);
}

.zm-rpa-step .nr{
  display:inline-grid;
  place-items:center;
  width:42px;
  height:42px;
  margin-bottom:14px;
  border-radius:50%;
  background:linear-gradient(135deg,#0d6adf,#24a7ff);
  color:#fff;
  font-weight:800;
}

.zm-rpa-step h3{
  margin:0 0 9px;
  color:#17315d;
  font-size:1rem;
  font-weight:800;
}

.zm-rpa-step p{
  margin:0;
  color:#607188;
  line-height:1.66;
}

/* benefits */
.zm-rpa-benefits{
  display:grid;
  grid-template-columns:1.02fr .98fr;
  gap:26px;
  align-items:stretch;
}

.zm-rpa-benefits-main{
  padding:30px;
  border:1px solid #dbe8f8;
  border-radius:22px;
  background:#fff;
  box-shadow:0 12px 30px rgba(17,49,97,.06);
}

.zm-rpa-benefits-main h2{
  margin:0 0 12px;
  color:#16325f;
  font-size:clamp(1.7rem,2.5vw,2.3rem);
  font-weight:800;
}

.zm-rpa-benefits-main p{
  margin:0 0 18px;
  color:#607188;
  line-height:1.74;
}

.zm-rpa-checks{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px 18px;
  margin-top:10px;
}

.zm-rpa-check{
  display:flex;
  gap:10px;
  align-items:flex-start;
  color:#405775;
  line-height:1.55;
}

.zm-rpa-check i{
  margin-top:3px;
  color:#0f78e0;
}

.zm-rpa-usecases{
  display:grid;
  grid-template-columns:1fr;
  gap:15px;
}

.zm-rpa-usecase{
  padding:18px 18px 16px;
  border:1px solid #dbe8f8;
  border-radius:18px;
  background:linear-gradient(180deg,#fff,#f8fbff);
  box-shadow:0 10px 24px rgba(17,49,97,.05);
}

.zm-rpa-usecase h3{
  margin:0 0 7px;
  color:#17315d;
  font-size:1rem;
  font-weight:800;
}

.zm-rpa-usecase p{
  margin:0;
  color:#607188;
  line-height:1.62;
}

/* industries */
.zm-rpa-industries{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:16px;
  margin-top:28px;
}

.zm-rpa-industry{
  padding:22px 16px;
  border:1px solid #dbe8f8;
  border-radius:18px;
  background:#fff;
  text-align:center;
  box-shadow:0 9px 24px rgba(17,49,97,.05);
  transition:transform .22s ease, box-shadow .22s ease;
}

.zm-rpa-industry:hover{
  transform:translateY(-4px);
  box-shadow:0 16px 34px rgba(17,49,97,.10);
}

.zm-rpa-industry i{
  display:grid;
  place-items:center;
  width:54px;
  height:54px;
  margin:0 auto 12px;
  border-radius:16px;
  background:linear-gradient(135deg,#eef8ff,#dff0ff);
  color:#0f78e0;
  font-size:1.3rem;
}

.zm-rpa-industry h3{
  margin:0 0 6px;
  color:#17315d;
  font-size:.98rem;
  font-weight:800;
}

.zm-rpa-industry p{
  margin:0;
  color:#6a7a90;
  font-size:.88rem;
  line-height:1.56;
}

/* final CTA / Zia */
.zm-rpa-zia{
  display:flex;
  align-items:center;
  gap:20px;
  width:min(1180px,calc(100% - 40px));
  margin:48px auto;
  padding:25px 28px;
  border:1px solid #dbe8f8;
  border-radius:18px;
  background:linear-gradient(90deg,#eef7ff,#fff);
  box-shadow:0 10px 28px rgba(17,49,97,.06);
}

.zm-rpa-zia img{
  width:76px;
  height:76px;
  border-radius:50%;
  object-fit:cover;
}

.zm-rpa-zia h2{
  margin:0 0 5px;
  color:#17315d;
  font-size:1.22rem;
  font-weight:800;
}

.zm-rpa-zia p{
  margin:0;
  color:#63748a;
}

.zm-rpa-zia .zm-btn{
  margin-left:auto;
  white-space:nowrap;
}

/* responsive */
@media(max-width:1100px){
  .zm-rpa-summary{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .zm-rpa-grid,
  .zm-rpa-industries{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
  .zm-rpa-steps{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media(max-width:900px){
  .zm-rpa-hero-inner,
  .zm-rpa-story,
  .zm-rpa-benefits{
    grid-template-columns:1fr;
  }

  .zm-rpa-hero-inner{
    padding:56px 0 62px;
  }

  .zm-rpa-metrics{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .zm-rpa-section.first{
    padding-top:56px;
  }
}

@media(max-width:768px){
  .zm-rpa-hero,
  .zm-rpa-hero-inner{
    min-height:340px;
  }

  .zm-rpa-hero h1{
    font-size:clamp(2.12rem,9vw,3rem);
  }

  .zm-rpa-summary,
  .zm-rpa-grid,
  .zm-rpa-steps,
  .zm-rpa-industries,
  .zm-rpa-checks{
    grid-template-columns:1fr;
  }

  .zm-rpa-zia{
    flex-wrap:wrap;
    align-items:flex-start;
  }

  .zm-rpa-zia .zm-btn{
    margin-left:96px;
  }
}

@media(max-width:520px){
  .zm-rpa-metrics{
    grid-template-columns:1fr;
  }

  .zm-rpa-zia .zm-btn,
  .zm-rpa-hero .zm-btn{
    width:100%;
    margin-left:0;
  }
}


/* RPA - imagini originale integrate în designul premium */
.zm-rpa-story-image{
  position:relative;
  overflow:hidden;
  border-radius:22px;
  background:#0d2b57;
  box-shadow:0 22px 58px rgba(17,49,97,.18);
}
.zm-rpa-story-image img{
  width:100%;
  min-height:420px;
  height:100%;
  object-fit:cover;
}
.zm-rpa-story-image::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(to top,rgba(6,24,52,.28),transparent 44%);
  pointer-events:none;
}

.zm-rpa-logo-row{
  display:flex;
  align-items:center;
  justify-content:center;
  margin:0 0 28px;
}
.zm-rpa-logo-row img{
  width:min(420px,86%);
  max-height:130px;
  object-fit:contain;
}

.zm-rpa-stage-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:20px;
  margin-top:30px;
}
.zm-rpa-stage-card{
  overflow:hidden;
  border:1px solid #dbe8f8;
  border-radius:18px;
  background:#fff;
  box-shadow:0 10px 28px rgba(17,49,97,.06);
  transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease;
}
.zm-rpa-stage-card:hover{
  transform:translateY(-5px);
  border-color:#b5d3f8;
  box-shadow:0 18px 38px rgba(17,49,97,.12);
}
.zm-rpa-stage-card img{
  width:100%;
  height:185px;
  object-fit:cover;
  border-bottom:1px solid #e7eef8;
}
.zm-rpa-stage-body{
  padding:20px 20px 22px;
}
.zm-rpa-stage-no{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:34px;
  height:34px;
  margin-bottom:10px;
  padding:0 10px;
  border-radius:999px;
  background:linear-gradient(135deg,#0d6adf,#24a7ff);
  color:#fff;
  font-size:.82rem;
  font-weight:800;
}
.zm-rpa-stage-card h3{
  margin:0 0 8px;
  color:#17315d;
  font-size:1.06rem;
  font-weight:800;
}
.zm-rpa-stage-card p{
  margin:0;
  color:#607188;
  line-height:1.64;
}

.zm-rpa-service-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:22px;
  margin-top:30px;
}
.zm-rpa-service-card{
  overflow:hidden;
  border:1px solid #dbe8f8;
  border-radius:20px;
  background:#fff;
  box-shadow:0 12px 30px rgba(17,49,97,.07);
  transition:transform .22s ease,box-shadow .22s ease;
}
.zm-rpa-service-card:hover{
  transform:translateY(-5px);
  box-shadow:0 20px 42px rgba(17,49,97,.13);
}
.zm-rpa-service-card img{
  width:100%;
  height:210px;
  object-fit:cover;
  background:#f5f9ff;
}
.zm-rpa-service-body{
  padding:22px 22px 24px;
}
.zm-rpa-service-card h3{
  margin:0 0 12px;
  color:#17315d;
  font-size:1.08rem;
  font-weight:800;
  text-transform:uppercase;
}
.zm-rpa-service-card p{
  margin:0;
  color:#607188;
  line-height:1.68;
}
.zm-rpa-service-card em{
  color:#294f82;
  font-style:normal;
  font-weight:800;
}
.zm-rpa-service-list{
  margin:10px 0 0;
  padding:0;
  list-style:none;
}
.zm-rpa-service-list li{
  position:relative;
  margin:7px 0;
  padding-left:18px;
  color:#607188;
  line-height:1.55;
}
.zm-rpa-service-list li::before{
  content:"›";
  position:absolute;
  left:0;
  top:-1px;
  color:#0f78e0;
  font-size:1.15rem;
  font-weight:800;
}

.zm-rpa-ai{
  display:grid;
  grid-template-columns:1.04fr .96fr;
  gap:34px;
  align-items:center;
}
.zm-rpa-ai-image{
  overflow:hidden;
  border-radius:22px;
  box-shadow:0 18px 44px rgba(17,49,97,.14);
}
.zm-rpa-ai-image img{
  width:100%;
  min-height:360px;
  object-fit:cover;
}
.zm-rpa-ai-copy h2{
  margin:0 0 14px;
  color:#16325f;
  font-size:clamp(1.8rem,2.6vw,2.5rem);
  font-weight:800;
}
.zm-rpa-ai-copy p{
  margin:0 0 14px;
  color:#607188;
  line-height:1.76;
}

@media(max-width:1000px){
  .zm-rpa-stage-grid,
  .zm-rpa-service-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .zm-rpa-ai{
    grid-template-columns:1fr;
  }
}
@media(max-width:700px){
  .zm-rpa-stage-grid,
  .zm-rpa-service-grid{
    grid-template-columns:1fr;
  }
  .zm-rpa-stage-card img,
  .zm-rpa-service-card img{
    height:auto;
  }
}



/* RPA benefits section */
.zm-rpa-benefits-wrap{padding-top:8px;}
.zm-rpa-benefits-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:28px;align-items:start;}
.zm-rpa-benefits-main,.zm-rpa-mini-card{background:#fff;border:1px solid #d7e3f4;border-radius:22px;box-shadow:0 10px 26px rgba(17,49,97,.06);}
.zm-rpa-benefits-main{padding:30px 30px 28px;}
.zm-rpa-benefits-main h2{margin:0 0 16px;color:#17315d;font-size:clamp(1.9rem,2.8vw,3.1rem);font-weight:800;line-height:1.08;}
.zm-rpa-benefits-main>p{margin:0 0 22px;color:#607188;line-height:1.76;max-width:56ch;}
.zm-rpa-benefits-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 22px;}
.zm-rpa-benefit-item{display:flex;gap:12px;align-items:flex-start;color:#294f82;font-size:1.02rem;line-height:1.55;}
.zm-rpa-benefit-item i{color:#1c78e8;font-size:1.1rem;line-height:1.2;flex:0 0 auto;margin-top:3px;}
.zm-rpa-benefits-side{display:grid;gap:18px;}
.zm-rpa-mini-card{padding:24px 24px 22px;}
.zm-rpa-mini-card h3{margin:0 0 10px;color:#17315d;font-size:1.05rem;font-weight:800;}
.zm-rpa-mini-card p{margin:0;color:#607188;line-height:1.72;}
@media(max-width:1000px){.zm-rpa-benefits-grid{grid-template-columns:1fr;}.zm-rpa-benefits-main h2{max-width:none;}}
@media(max-width:700px){.zm-rpa-benefits-main{padding:22px 20px;}.zm-rpa-benefits-list{grid-template-columns:1fr;gap:12px;}.zm-rpa-mini-card{padding:20px 18px;}}