/* ==== SCOPED: .wjz-grid (9 cards, no numbers) ==== */
.wjz-grid{position:relative;width:100%;margin:0!important;overflow:hidden;isolation:isolate;background:#fff}
.wjz-bg{position:absolute;inset:0;pointer-events:none;z-index:0}
.wjz-bg--aurora{
  background:
    radial-gradient(600px 280px at 90% 0%, rgba(34,211,238,.14), transparent 60%),
    radial-gradient(640px 300px at 10% 100%, rgba(255,79,216,.12), transparent 60%),
    linear-gradient(180deg,#fff 0%,#FBFAFF 60%,#fff 100%)
}
.wjz-bg--grid{
  opacity:.06;mix-blend-mode:multiply;
  background:
    repeating-linear-gradient(90deg,#7B3AED12 0 1px,transparent 1px 26px),
    repeating-linear-gradient(180deg,#5C2FF612 0 1px,transparent 1px 26px)
}

.wjz-container{position:relative;z-index:2;max-width:1200px;margin-inline:auto;padding:40px 24px 56px}
@media (max-width:1024px){.wjz-container{padding:28px 20px 40px}}

.wjz-head{text-align:center;margin-bottom:18px}
.wjz-title{
  font-family:"Lalezar",system-ui;font-weight:400;
  font-size:clamp(26px,3.6vw,38px);line-height:1.25;color:#1B1440;margin:0 0 8px;
  text-shadow:0 6px 20px rgba(0,0,0,.08)
}
.wjz-subtitle{font-family:iransans,Tahoma,sans-serif;color:#4B4B57;font-size:clamp(14px,1.5vw,16px);line-height:1.9;margin:0 auto;max-width:900px}

/* Cards Grid */
.wjz-cards{
  list-style:none;margin:18px 0 0;padding:0;
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;
}
@media (max-width:960px){.wjz-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.wjz-cards{grid-template-columns:1fr}}

.wjz-card{
  position:relative;background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(255,255,255,.92));
  border:1px solid #ECE3FF;border-radius:18px;padding:14px;box-shadow:0 12px 28px rgba(27,20,64,.12);
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
  display:flex;flex-direction:column;gap:8px
}
.wjz-card:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(27,20,64,.18);border-color:#E5DAFF}

/* Head */
.wjz-card__head{display:flex;align-items:center;gap:10px}
.wjz-icon{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:#F5F1FF;color:#5C2FF6;border:1px solid #ECE3FF;font-size:18px}
.wjz-card__title{margin:0;font-family:iransans,Tahoma,sans-serif;font-weight:900;font-size:16px;color:#1B1440}

/* Body */
.wjz-card__text{margin:0;font-family:iransans,Tahoma,sans-serif;color:#57556A;font-size:14px;line-height:1.9}

/* KPI chips */
.wjz-kpis{display:flex;flex-wrap:wrap;gap:8px}
.wjz-kpi{
  font-family:iransans,Tahoma,sans-serif;font-size:12.5px;color:#0F1027;
  background:linear-gradient(135deg,#E7F8FB,#F8E7FB);border:1px solid #EFE2FF;border-radius:9999px;padding:6px 10px;
  box-shadow:0 6px 16px rgba(0,0,0,.06)
}

/* CTA */
.wjz-cta{display:flex;justify-content:center;margin-top:22px}
.wjz-btn{display:inline-flex;align-items:center;gap:10px;padding:12px 18px;border-radius:9999px;background:linear-gradient(135deg,#22D3EE,#7CF4FF);color:#0F1027;font-weight:900;border:1px solid rgba(0,0,0,.04);text-decoration:none;font-family:iransans,Tahoma,sans-serif;box-shadow:0 8px 26px rgba(0,0,0,.18)}
.wjz-btn:hover{transform:translateY(-2px) scale(1.02)}

/* Reveal (safe without JS) */
.wjz-card{opacity:1;transform:translateY(0)}
.wjz-grid.js-on .wjz-card{opacity:0;transform:translateY(10px)}
.wjz-grid.js-on .wjz-card.is-visible{opacity:1;transform:translateY(0);transition:opacity .22s ease, transform .22s ease}