/* ==========================================================================
   pricing.css — صفحهٔ تعرفه‌ها (+ سکشن اپراتورهای صفحهٔ اصلی)
   ========================================================================== */
/* ==========================================================================
   صفحهٔ تعرفه‌ها + سکشن اپراتورها (صفحهٔ اصلی)
   ========================================================================== */
/* ——— هیرو: سرمه‌ای عمیق با اکولایزر (هم‌خانوادهٔ فوتر) ——— */
.hkpr-hero{position:relative;overflow:clip;isolation:isolate;color:#EAF2FE;
  background:linear-gradient(180deg,#1B2450 0%,#141B3F 70%,#0E1430 100%);padding:0 0 0}
.hkpr-hero::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;opacity:.5;
  background-image:radial-gradient(rgba(255,255,255,.05) 1px,transparent 1.4px);background-size:26px 26px;
  -webkit-mask-image:linear-gradient(180deg,#000,transparent 70%);mask-image:linear-gradient(180deg,#000,transparent 70%)}
.hkpr-hero::after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
  background:radial-gradient(640px 300px at 85% -10%,rgba(29,195,233,.20),transparent 62%),
             radial-gradient(520px 280px at 8% 0%,rgba(93,110,231,.16),transparent 60%)}
.hkpr-hero__eq{
  position:relative;
  z-index:1;
  height:34px;
  color:#1DC3E9;
  /* opacity: .9; */
  /* -webkit-mask-image: linear-gradient(90deg, transparent, #000 12%, #000 88%, transparent); */
  /* mask-image: linear-gradient(90deg, transparent, #000 12%, #000 88%, transparent); */
  overflow:hidden;
  background:#FFFFFF}
.hkpr-hero__eq svg,.hkpr-hero__eq canvas{display:block;width:100%;height:100%}
.hkpr-hero__in{position:relative;z-index:1;text-align:center;padding-top:18px;padding-bottom:46px}
.hkpr-hero__crumb{justify-content:center;margin-bottom:20px}
.hkpr-hero__crumb a{color:#9FB2D6}
.hkpr-hero__crumb a:hover{color:#fff}
.hkpr-hero__crumb em{color:#E8F1FE}
.hkpr-hero__chip{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:700;color:#9FEBFB;
  background:rgba(29,195,233,.12);border:1px solid rgba(29,195,233,.32);padding:5px 14px;border-radius:999px}
.hkpr-hero__chip i{width:7px;height:7px;border-radius:50%;background:#1DC3E9;box-shadow:0 0 0 4px rgba(29,195,233,.16)}
.hkpr-hero h1{font-size:clamp(23px,3.4vw,36px);font-weight:800;line-height:1.75;color:#fff;margin:16px 0 14px}
.hkpr-hero__lead{max-width:760px;margin:0 auto;font-size:14.6px;line-height:2.2;color:#B9C7E4}
.hkpr-hero__benefits{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin:22px 0 0;padding:0;list-style:none}
.hkpr-hero__benefits li{display:inline-flex;align-items:center;gap:7px;font-size:12.8px;font-weight:600;color:#DDE9FB;
  background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);border-radius:999px;padding:8px 16px}
.hkpr-hero__benefits .hk-ic{width:14px;height:14px;color:#4FD4EF}
@media(max-width:640px){.hkpr-hero h1{line-height:1.9}}

.hkpr-body{padding:34px 20px 20px}

/* Give pricing surfaces a clearer edge against the white page. */
.hkpr-body .hpd-card:not(.is-popular),
.hkpr-body .hpd-addons__card,
.hkpr-body .hpd-provider,
.hkpr-body .hpd-comparison__table-wrap,
.hkpr-body .hpd-comparison__mobile-item {
  border-color: #b4c2d3;
}
.hkpr-body .hpd-card:not(.is-popular):hover {
  border-color: #79bed0;
}