/* ====== THEME COLORS ====== */
:root{
  --primary-blue:#1e3a8a;
  --primary-blue-2:#1e40af;
  --accent-orange:#f59e0b;
  --accent-orange-2:#ea580c;
  --light-blue:#eef4ff;
  --glass-bg:rgba(255,255,255,.72);
  --glass-stroke:rgba(255,255,255,.35);
  --shadow-lg:0 18px 45px rgba(16,24,40,.12);
  --shadow-md:0 10px 24px rgba(16,24,40,.10);
  --gray-900:#0f172a;
  --gray-700:#374151;
  --gray-600:#4b5563;
  --gray-100:#f3f4f6;
  --white:#fff;
}

/* ====== RESET / BASE ====== */
*,
*::before,
*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;color:var(--gray-700);background:#f6f8fc;overflow-x:hidden;
  font-feature-settings:\"kern\" 1,\"liga\" 1; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;
}
.container{max-width:1200px;margin-inline:auto;padding-inline:1rem}

/* ====== HERO (بدون تغییر متن) ====== */
.header-bg{
  position:relative;isolation:isolate;color:var(--white);
  background: radial-gradient(1200px 600px at 100% -10%, #3b82f6 0%, rgba(59,130,246,0) 60%),
              radial-gradient(800px 400px at -10% 10%, #22d3ee 0%, rgba(34,211,238,0) 55%),
              linear-gradient(135deg,var(--primary-blue) 0%, var(--primary-blue-2) 100%);
  overflow:hidden;
}
.header-bg::before{
  content:\"\";position:absolute;inset:0;z-index:0;opacity:.30;
  background: var(--hero-bg) no-repeat center/cover;
  mix-blend-mode:overlay;
}

/* بلاب‌های تزئینی نرم (بدون متن) */
.header-bg .hero-blob,
.header-bg .hero-blob-2{
  position:absolute;inset:auto;filter:blur(40px);opacity:.55;z-index:0;
  width:40vmax;height:40vmax;border-radius:50%;
  background: conic-gradient(from 180deg at 50% 50%,
    rgba(245,158,11,.85), rgba(234,88,12,.85), rgba(59,130,246,.9), rgba(56,189,248,.85), rgba(245,158,11,.85));
  animation: blobFloat 18s ease-in-out infinite;
}
.header-bg .hero-blob{right:-20vmax;top:-10vmax}
.header-bg .hero-blob-2{left:-22vmax;bottom:-12vmax;animation-delay:-9s}

@keyframes blobFloat{
  0%,100%{transform:translate3d(0,0,0) scale(1)}
  50%{transform:translate3d(2%, -3%, 0) scale(1.04)}
}

.header-content{
  position:relative;z-index:1;text-align:center;padding-block:6rem;max-width:900px;margin-inline:auto;
}
.header-content h1{
  margin:0 0 1rem 0;font-weight:900;
  font-size:clamp(2rem, 3.2vw + .5rem, 3.2rem);
  text-shadow:0 6px 22px rgba(0,0,0,.20);
}
.header-content p{
  margin:0 0 1.5rem 0;color:#f8fafc;font-size:clamp(1.05rem, .6vw + 1rem, 1.25rem)
}

/* ====== CARDS (شیشه‌ای + بوردر گرادیانی) ====== */
.section-card{
  position:relative;background:var(--glass-bg);backdrop-filter:saturate(140%) blur(12px);
  border:1px solid var(--glass-stroke);border-radius:18px;
  padding:clamp(1.25rem, 2vw + 1rem, 2.5rem);
  margin-block:3rem;box-shadow:var(--shadow-md);transition:transform .25s ease, box-shadow .25s ease, background .25s ease;
}
.section-card::before{
  /* گرادیان ظریف روی بوردر */
  content:\"\";position:absolute;inset:-1px;border-radius:inherit;z-index:-1;
  background:linear-gradient(135deg, rgba(245,158,11,.55), rgba(59,130,246,.55));
  -webkit-mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite:xor; mask-composite: exclude;
  padding:1px;
}
.section-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg)}

/* ====== IMAGES (فریم ظریف) ====== */
.section-card img{
  display:block;max-width:100%;height:auto;border-radius:14px;margin-block:1.25rem;
  box-shadow:0 12px 30px rgba(2,6,23,.12);
  outline:1px solid rgba(255,255,255,.6);
  outline-offset:-6px;
}

/* ====== GRIDS ====== */
.benefit-grid,.audit-types-grid,.audit-items-grid{display:grid;gap:1.25rem}
.audit-types-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.audit-items-grid{grid-template-columns:repeat(2,minmax(0,1fr))}

.benefit-card,.audit-type-card,.audit-item-card{
  background:linear-gradient(180deg, rgba(255,255,255,.9) 0%, rgba(255,255,255,.75) 100%);
  border:1px solid rgba(148,163,184,.25);
  border-radius:16px;padding:1.25rem;text-align:center;min-height:100%;
  transition:transform .25s ease, box-shadow .25s ease, background .25s ease;
}
.benefit-card:hover,.audit-type-card:hover,.audit-item-card:hover{
  transform:translateY(-4px);box-shadow:0 10px 24px rgba(2,6,23,.10);
}

/* ====== TYPOGRAPHY ====== */
.content h1,.content h2,.content h3,.content h4{
  color:var(--primary-blue);position:relative;margin-block:2rem 1rem
}
.content h2::after,.content h3::after,.content h4::after{
  content:\"\";position:absolute;inset-inline-start:0;inset-block-end:-10px;
  width:72px;height:5px;border-radius:8px;
  background:linear-gradient(90deg,var(--accent-orange), var(--accent-orange-2));
  box-shadow:0 6px 14px rgba(234,88,12,.25);
}
.content p,.content ul,.content ol{line-height:1.9;margin-block:1rem;color:var(--gray-600)}
.content ul li,.content ol li{margin-block:.65rem;position:relative;padding-inline-start:1.5rem}
.content ul li::before{
  content:\"\";position:absolute;inset-inline-start:0;inset-block-start:.55rem;
  width:.65rem;height:.65rem;border-radius:50%;
  background:radial-gradient(circle at 30% 30%, #fff 0 30%, transparent 31%), linear-gradient(135deg, var(--accent-orange), var(--accent-orange-2));
  box-shadow:0 0 0 3px rgba(234,88,12,.15);
}
/* شماره‌دار با نشانه سفارشی اما بدون اضافه‌کردن متن جدید */
.content ol{counter-reset:item}
.content ol li{counter-increment:item}
.content ol li::before{
  content:counter(item);
  position:absolute;inset-inline-start:0;inset-block-start:.15rem;
  width:1.4rem;height:1.4rem;border-radius:10px;
  display:grid;place-items:center;font-weight:800;color:#fff;
  background:linear-gradient(135deg,#fb923c,#ef4444);box-shadow:0 6px 14px rgba(239,68,68,.22);
  font-variant-numeric:tabular-nums;
}

/* ====== CTA BUTTON ====== */
.cta-button{
  display:inline-block;background:linear-gradient(135deg,var(--accent-orange),var(--accent-orange-2));
  color:#fff;text-decoration:none;font-weight:900;
  padding:.95rem 1.75rem;border-radius:12px;
  box-shadow:0 12px 26px rgba(234,88,12,.28);
  transition:transform .18s ease, box-shadow .18s ease, filter .18s ease;
  position:relative;overflow:hidden;
}
.cta-button::after{
  /* افکت شاین */
  content:\"\";position:absolute;inset:0;translate:-120% 0;rotate:12deg;
  background:linear-gradient(90deg, transparent, rgba(255,255,255,.45), transparent);
  transition:translate .6s ease;
}
.cta-button:hover{transform:translateY(-2px);box-shadow:0 18px 34px rgba(234,88,12,.34)}
.cta-button:hover::after{translate:120% 0}
.cta-button:focus-visible{outline:3px solid #111827;outline-offset:3px}

/* ====== CTA SECTION ====== */
.cta-section{
  background:
    radial-gradient(600px 300px at 15% 0%, rgba(99,102,241,.35), transparent 60%),
    radial-gradient(600px 300px at 85% 100%, rgba(14,165,233,.35), transparent 60%),
    linear-gradient(135deg, var(--primary-blue), var(--primary-blue-2));
  color:#fff;text-align:center;border-radius:18px;
  padding:clamp(1.6rem,3vw + 1rem,3rem);margin-block:3rem;
  box-shadow:0 16px 38px rgba(30,58,138,.28);
}
.cta-section h2{font-size:clamp(1.4rem,1.2vw + 1rem,1.9rem);font-weight:900}
.cta-section p{font-size:clamp(1rem,.6vw + .9rem,1.125rem)}

/* ====== ANIMATIONS ====== */
@keyframes fadeIn {
  from{opacity:0;transform:translateY(18px)}
  to{opacity:1;transform:translateY(0)}
}
@media (prefers-reduced-motion:no-preference){
  .fade-in{animation:fadeIn .9s ease-out both}
}

/* ====== ACCESSIBILITY ====== */
.screen-reader-text{
  position:absolute!important;margin:-1px!important;border:0!important;padding:0!important;
  width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(1px,1px,1px,1px)!important;
  clip-path:inset(50%)!important;white-space:nowrap!important
}

/* ====== RESPONSIVE ====== */
@media (max-width:1024px){
  .container{padding-inline:1.2rem}
  .audit-types-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:768px){
  .header-content{padding-block:3rem}
  .section-card{padding:1.25rem}
  .audit-items-grid{grid-template-columns:1fr}
}
@media (max-width:480px){
  .audit-types-grid{grid-template-columns:1fr}
}

/* ====== DARK MODE ====== */
@media (prefers-color-scheme: dark){
  body{background:#0b1220;color:#cbd5e1}
  .section-card{background:rgba(15,23,42,.55);border-color:rgba(148,163,184,.22)}
  .section-card::before{background:linear-gradient(135deg, rgba(245,158,11,.45), rgba(59,130,246,.45))}
  .benefit-card,.audit-type-card,.audit-item-card{
    background:linear-gradient(180deg, rgba(15,23,42,.9) 0%, rgba(15,23,42,.75) 100%);
    border-color:rgba(148,163,184,.18)
  }
  .content h1,.content h2,.content h3,.content h4{color:#dbeafe}
  .content p,.content ul,.content ol{color:#cbd5e1}
  .header-bg::before{opacity:.28}
}