.ex-hero-slider{
  --ex-hero-gold:#fbbf24;
  --ex-hero-ink:#f8fafc;
  position:relative;width:100%;overflow:hidden;color:#fff;
  background:#020617;
  isolation:isolate;
}
.ex-hero-slider-track{position:relative;min-height:18.5rem}
@media(min-width:768px){.ex-hero-slider-track{min-height:28rem}}
@media(min-width:1024px){.ex-hero-slider-track{min-height:34.5rem}}
.ex-hero-slide{
  position:absolute;inset:0;opacity:0;visibility:hidden;
  transition:opacity .65s ease,visibility .65s;
}
.ex-hero-slide.is-active{position:relative;opacity:1;visibility:visible;z-index:1}
.ex-hero-slide img.ex-hero-slide-bg{
  width:100%;height:18.5rem;object-fit:cover;display:block;
  transform:scale(1.05);animation:exHeroKen 16s ease-in-out alternate infinite;
}
@media(min-width:768px){.ex-hero-slide img.ex-hero-slide-bg{height:28rem}}
@media(min-width:1024px){.ex-hero-slide img.ex-hero-slide-bg{height:34.5rem}}
.ex-hero-slide::after{
  content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
  background:
    linear-gradient(90deg,rgba(2,6,23,.08) 0%,rgba(2,6,23,.42) 38%,rgba(2,6,23,.82) 68%,rgba(2,6,23,.92) 100%),
    linear-gradient(180deg,rgba(2,6,23,.28) 0%,transparent 28%,rgba(2,6,23,.55) 100%);
}
.ex-hero-slide-stage{
  position:absolute;inset:0;z-index:2;
  display:flex;flex-direction:column;justify-content:center;
  padding:1.2rem 1rem 4.2rem;
  max-width:80rem;margin:0 auto;width:100%;
}
.ex-hero-slide-panel{
  max-width:min(40rem,92%);
  margin-inline-start:0;
  padding:1.05rem 1.15rem 1.15rem;
  border-radius:1.35rem;
  background:linear-gradient(165deg,rgba(8,15,30,.55) 0%,rgba(8,15,30,.28) 100%);
  border:1px solid rgba(253,230,138,.22);
  box-shadow:0 18px 50px rgba(0,0,0,.28);
  backdrop-filter:blur(10px) saturate(1.15);
  -webkit-backdrop-filter:blur(10px) saturate(1.15);
}
.ex-hero-slide-brand{
  display:flex;align-items:center;gap:.7rem;margin:0 0 .85rem;
}
.ex-hero-slide-logo{
  height:2.35rem;width:auto;max-width:7.5rem;object-fit:contain;
  filter:drop-shadow(0 8px 14px rgba(0,0,0,.45));
}
@media(min-width:768px){.ex-hero-slide-logo{height:2.85rem;max-width:9rem}}
.ex-hero-slide-kicker{
  display:inline-flex;align-items:center;gap:.4rem;
  font-family:'Vazirmatn',Vazirmatn,Tahoma,sans-serif !important;
  font-size:.72rem;font-weight:700;letter-spacing:.04em;
  color:#fde68a;background:rgba(245,158,11,.12);
  border:1px solid rgba(251,191,36,.38);
  border-radius:999px;padding:.28rem .75rem;
}
.ex-hero-slide-title{
  margin:0 0 .55rem;
  font-size:clamp(1.45rem,3.35vw,2.75rem);
  font-weight:750;line-height:1.55;
  color:var(--ex-hero-ink);
  text-shadow:0 10px 32px rgba(0,0,0,.45);
  text-wrap:balance;
}
.ex-hero-slide-title::after{
  content:"";display:block;width:3.1rem;height:3px;margin-top:.55rem;
  border-radius:99px;background:linear-gradient(90deg,#fde68a,#f59e0b);
}
.ex-hero-slide-lead{
  margin:0 0 1rem;
  font-family:'Vazirmatn',Vazirmatn,Tahoma,sans-serif !important;
  font-size:clamp(.92rem,1.35vw,1.12rem);
  font-weight:500;line-height:1.95;color:#e2e8f0;
  max-width:34rem;
}
.ex-hero-slide-cta{
  display:inline-flex;align-items:center;gap:.55rem;
  min-height:2.9rem;padding:.6rem 1.25rem .6rem 1rem;
  border-radius:999px;
  background:linear-gradient(145deg,#fde68a,#f59e0b);
  color:#1c1917;font-weight:800;font-size:.92rem;
  font-family:'Vazirmatn',Vazirmatn,Tahoma,sans-serif !important;
  text-decoration:none;
  box-shadow:0 1px 0 #fff7d1 inset,0 3px 0 #b45309,0 12px 24px rgba(245,158,11,.28);
  transition:transform .18s ease,box-shadow .18s ease;
}
.ex-hero-slide-cta svg{width:1.05rem;height:1.05rem;flex:0 0 auto}
.ex-hero-slide-cta:hover{transform:translateY(-1px)}
.ex-hero-slide.theme-emerald .ex-hero-slide-kicker{color:#bbf7d0;border-color:rgba(52,211,153,.45);background:rgba(16,185,129,.12)}
.ex-hero-slide.theme-emerald .ex-hero-slide-title::after{background:linear-gradient(90deg,#6ee7b7,#059669)}
.ex-hero-slide.theme-emerald .ex-hero-slide-cta{
  background:linear-gradient(145deg,#6ee7b7,#059669);color:#022c22;
  box-shadow:0 1px 0 #d1fae5 inset,0 3px 0 #065f46,0 12px 24px rgba(16,185,129,.28);
}
.ex-hero-slide.is-active .ex-hero-slide-panel{
  animation:exHeroCopy .55s cubic-bezier(.22,1,.36,1) both;
}
.ex-hero-chrome{
  position:absolute;z-index:4;left:0;right:0;bottom:0;
  display:flex;align-items:center;justify-content:space-between;gap:.75rem;
  padding:.7rem 1rem calc(.75rem + env(safe-area-inset-bottom,0px));
  background:linear-gradient(180deg,transparent,rgba(2,6,23,.72));
}
.ex-hero-slider-nav{
  width:2.75rem;height:2.75rem;border:1px solid rgba(255,255,255,.16);
  border-radius:999px;background:rgba(15,23,42,.55);color:#fff;
  display:inline-flex;align-items:center;justify-content:center;
  cursor:pointer;backdrop-filter:blur(8px);
}
.ex-hero-slider-nav svg{width:1.05rem;height:1.05rem}
.ex-hero-slider-nav:hover{border-color:rgba(251,191,36,.55);background:rgba(15,23,42,.78)}
.ex-hero-pager{display:flex;align-items:center;gap:.75rem}
.ex-hero-index{
  font-family:'Vazirmatn',Vazirmatn,Tahoma,sans-serif !important;
  font-size:.78rem;font-weight:700;color:#fde68a;letter-spacing:.04em;
  font-variant-numeric:tabular-nums;
}
.ex-hero-index i{font-style:normal;color:#94a3b8;margin:0 .2rem}
.ex-hero-slider-dots{display:flex;align-items:center;gap:.38rem}
.ex-hero-dot{
  width:.48rem;height:.48rem;border-radius:99px;border:0;padding:0;
  background:rgba(255,255,255,.38);cursor:pointer;transition:width .2s,background .2s;
}
.ex-hero-dot.is-active{background:#fbbf24;width:1.45rem}
.ex-hero-slider-progress{position:absolute;left:0;right:0;bottom:0;height:3px;background:rgba(255,255,255,.1);z-index:5}
.ex-hero-slider-progress i{display:block;height:100%;width:0;background:linear-gradient(90deg,#fde68a,#f59e0b)}
.ex-hero-slider.is-playing .ex-hero-slider-progress i{animation:exHeroBar 6.5s linear infinite}
@keyframes exHeroKen{from{transform:scale(1.03)}to{transform:scale(1.08)}}
@keyframes exHeroBar{from{width:0}to{width:100%}}
@keyframes exHeroCopy{
  from{opacity:0;transform:translateY(10px)}
  to{opacity:1;transform:none}
}
@media(prefers-reduced-motion:reduce){
  .ex-hero-slide img.ex-hero-slide-bg,.ex-hero-slider-progress i,.ex-hero-slide.is-active .ex-hero-slide-panel{animation:none!important}
  .ex-hero-slide{transition:none}
}
@media(max-width:640px){
  .ex-hero-slide-panel{padding:.9rem .95rem 1rem;border-radius:1.1rem}
  .ex-hero-slide-title{font-size:1.38rem}
  .ex-hero-slider-nav{width:2.5rem;height:2.5rem}
}