/* ================================
   AEPL SNAPSHOT — NAMESPACED CSS
================================ */

.aepl-snapshot{
  --bg:#f9fafb;
  --card:#ffffff;
  --text:#111827;
  --muted:#6b7280;
  --border:#e5e7eb;
  --green:#7fb13d;
  --shadow:0 20px 45px rgba(0,0,0,.08);

  font-family:'Outfit',sans-serif;
  /* background:var(--bg); */
  color:var(--text);
}

/* SECTION */
.aepl-snapshot .snapshot{
  padding:50px 6%;
  position:relative;
}

/* .aepl-snapshot .snapshot::before,
.aepl-snapshot .snapshot::after{
  content:"";
  position:absolute;
  left:0;right:0;
  height:1px;
  background:var(--border);
} */

.aepl-snapshot .snapshot::before{top:30px}
.aepl-snapshot .snapshot::after{bottom:30px}

/* GRID */
.aepl-snapshot .snapshot-grid{
  display:grid;
  grid-template-columns:420px 1fr;
  gap:70px;
  align-items:center;
}

/* LEFT CARD */
.aepl-snapshot .logo-card{
  background:var(--card);
  border-radius:30px;
  padding:50px 40px;
  box-shadow:var(--shadow);
  text-align:center;
}

.aepl-snapshot .logo-circle{
  width:260px;
  height:260px;
  border-radius:50%;
  border:5px solid var(--green);
  margin:auto;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#fff;
}

.aepl-snapshot .logo-img{
  width:150px;
  height:150px;
  object-fit:contain;
}

.aepl-snapshot .desc{
  margin-top:28px;
  font-size:16px;
  line-height:1.7;
  color:#374151;
}

/* STATS */
.aepl-snapshot .stats{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:40px;
}

.aepl-snapshot .stat{
  background:var(--card);
  border-radius:22px;
  padding:32px;
  text-align:center;
  border:1px solid var(--border);
  box-shadow:var(--shadow);
}

.aepl-snapshot .stat-icon{
  width:42px;
  height:42px;
  object-fit:contain;
  margin-bottom:14px;
}

.aepl-snapshot .stat h3{
  font-size:26px;
  font-weight:600;
}

.aepl-snapshot .stat p{
  font-size:15px;
  color:var(--muted);
}

/* RESPONSIVE */
@media(max-width:1100px){
  .aepl-snapshot .snapshot-grid{
    grid-template-columns:1fr;
  }
  .aepl-snapshot .logo-card{
    max-width:480px;
    margin:auto;
  }
}

@media(max-width:600px){
  .aepl-snapshot .stats{
    grid-template-columns:1fr;
  }
  .aepl-snapshot .logo-circle{
    width:220px;
    height:220px;
  }
}

.aepl-snapshot *{
  will-change: transform, opacity;
}

.aepl-snapshot .stat,
.aepl-snapshot .stat-icon,
.aepl-snapshot .logo-card,
.aepl-snapshot .logo-img{
  transform: translateZ(0);
}