:root{
  --font-sans:ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,"Noto Sans","Vazirmatn","IRANSans",Tahoma,Arial
}
html,body,main,section,article,h1,h2,h3,h4,h5,h6,p,a,li,ul,ol,small,strong,span,button,input,select,textarea,label{
  font-family:var(--font-sans)!important
}
.banner{
  position:relative;border-radius:1.5rem;overflow:hidden;border:1px solid #e2e8f0;background:#f8fafc;
  box-shadow:0 14px 44px rgba(15,23,42,.1)
}
.banner .grad{position:absolute;inset:0;background:linear-gradient(180deg,rgba(2,6,23,0),rgba(2,6,23,.45))}
.banner .ring{position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1px rgba(0,0,0,.06)}
/* کارت‌های شرایط/مزایا/گام‌ها (در صورت وجود در ویو) */
.card-item,.benefit{
  background:#fff;border:1px solid #e2e8f0;border-radius:1.25rem;padding:1rem 1.25rem;transition:.25s
}
.card-item:hover,.benefit:hover{
  transform:translateY(-2px);box-shadow:0 20px 46px rgba(15,23,42,.12)
}
.item-title{font-weight:800;color:#0f172a;margin-bottom:.4rem}
.item-body{color:#334155;line-height:2}
.step{display:flex;gap:.9rem;align-items:flex-start}
.step-badge{
  width:34px;height:34px;display:inline-grid;place-content:center;border-radius:50%;
  background:#0ea5e9;color:#fff;font-weight:900;box-shadow:0 10px 26px rgba(14,165,233,.25)
}
.btn{
  display:inline-flex;align-items:center;gap:.6rem;padding:.7rem 1.1rem;border-radius:14px;border:2px solid #e2e8f0;
  font-weight:800;background:#fff;color:#0f172a;transition:.2s
}
.btn:hover{transform:translateY(-1px);box-shadow:0 12px 26px rgba(15,23,42,.08);background:#f8fafc}
.btn.sky{border-color:color-mix(in oklab, #0ea5e9 50%, transparent)}
.btn.em{border-color:color-mix(in oklab, #10b981 50%, transparent)}