:root{
  --sun:#f5b301;
  --amber:#f59e0b;
  --blue:#2563eb;
  --blueD:#0b1220;
  --headerH:72px;
}

html{ scroll-behavior:smooth }
body{ background:#f5f7fb; padding-top:var(--headerH) }

/* فونت فارسی */
body, #lang-fa {
  font-family: Vazirmatn, system-ui, -apple-system, Segoe UI, Tahoma, Geneva, Verdana, sans-serif;
}

/* برند */
.brand{
  position:relative;
  width:56px;height:56px;
  border-radius:9999px;
  overflow:hidden;
  display:grid;place-items:center
}
.brand::before{
  content:""; position:absolute; inset:-38%;
  border-radius:50%;
  background:conic-gradient(var(--sun),#ffd166,var(--amber),#ffb703,var(--sun));
  filter:blur(18px); opacity:.5;
  animation:spin 8s linear infinite
}
.brand img{ position:relative; z-index:1; width:100%; height:100%; object-fit:cover }
@keyframes spin{ to{ transform:rotate(360deg) } }

/* لینک‌های منو */
.nav-link{
  display:flex; align-items:center; gap:.55rem;
  padding:.55rem 1rem; border-radius:.75rem;
  font-weight:800; color:#0f172a; transition:.2s
}
.nav-link:hover{ background:#e0f2fe; transform:translateY(-2px) }
.nav-link i{ transition:.2s }
.nav-link:hover i{ transform:translateY(-3px) rotate(6deg) }

/* منوی موبایل */
.burger{ width:44px;height:44px;border-radius:.75rem;display:grid;place-items:center }
.mobile-panel{ position:fixed; inset:0; background:rgba(0,0,0,.35); backdrop-filter:blur(2px); display:none; z-index:60 }
.mobile-panel.open{ display:block }
.sheet{ position:absolute; top:0; right:0; width:78%; max-width:360px; height:100%;
  background:#fff; padding:1rem; box-shadow:-12px 0 32px rgba(0,0,0,.25);
  transform:translateX(100%); transition:.25s
}
.mobile-panel.open .sheet{ transform:translateX(0) }
.sheet a{
  display:flex; align-items:center; gap:.7rem;
  padding:.8rem 1rem; border-radius:.8rem;
  font-weight:800; color:#0f172a
}
.sheet a:hover{ background:#f1f5f9 }

/* بخش اصلی - Hero */
.hero{
  background: radial-gradient(900px 420px at 90% -10%, rgba(255,200,0,.18), transparent 60%),
              linear-gradient(180deg,#eef4ff,#ffffff);
}
.hero-img{ border-radius:1rem; overflow:hidden; box-shadow:0 18px 38px rgba(0,0,0,.12) }
.hero-badge{
  display:inline-flex; align-items:center; gap:.5rem; padding:.35rem .65rem;
  border-radius:9999px; background:#fff; box-shadow:0 6px 18px rgba(0,0,0,.08);
  font-weight:800
}
.hero-title{ font-size:clamp(1.6rem,4.5vw,2.4rem); font-weight:900; letter-spacing:-.02em }
.btn-cta{
  background:var(--amber); color:#fff; padding:.9rem 1.4rem; border-radius:.9rem; font-weight:900;
  box-shadow:0 12px 24px rgba(0,0,0,.15); transition:.2s
}
.btn-cta:hover{ transform:translateY(-3px); background:#d97706 }
.btn-ghost{
  padding:.9rem 1.2rem; border-radius:.9rem; font-weight:900;
  background:#fff; border:2px solid #e5e7eb
}
.btn-ghost:hover{ transform:translateY(-2px) }

/* کارت‌ها */
.card{
  background:#fff; padding:1.2rem; border-radius:1rem;
  box-shadow:0 10px 24px rgba(0,0,0,.06); transition:.25s
}
.card:hover{ transform:translateY(-6px) }
.ico{ font-size:1.8rem }

/* آیکون‌های شبکه اجتماعی */
.social a{
  display:inline-grid; place-items:center; width:60px; height:60px;
  border-radius:9999px; color:#fff; font-size:1.45rem;
  box-shadow:0 14px 30px rgba(0,0,0,.22); transition:.25s;
  animation:float 4s ease-in-out infinite;
}
@keyframes float{ 0%,100%{transform:translateY(0)} 50%{transform:translateY(-4px)} }
.social a:hover{ transform:translateY(-8px) rotate(4deg) scale(1.06) }
.s-wa{background:#25d366}.s-ig{background:#e1306c}.s-tg{background:#0088cc}.s-ph{background:var(--amber)}
.s-blue{background:#3b82f6}.s-rose{background:#ef4444}

/* واتساپ شناور */
.fab-wa{
  position:fixed; left:16px; bottom:16px;
  width:62px; height:62px; border-radius:9999px;
  background:#25d366; color:#fff;
  display:grid; place-items:center; font-size:1.7rem;
  box-shadow:0 18px 36px rgba(0,0,0,.25); z-index:55
}

/* فوتر */
.footer-wave{
  height:60px;
  background:radial-gradient(120% 160% at 60% -20%, rgba(255,193,7,.3), transparent 60%),
             linear-gradient(180deg, transparent, var(--blueD) 58%)
}
footer{ background:var(--blueD); color:#cbd5e1 }
.footer-title{ color:#fff; font-weight:900; margin-bottom:.5rem }
.footer-link{ color:#c7d2fe; display:block; margin:.35rem 0; transition:.2s }
.footer-link:hover{ color:#fff; transform:translateX(-4px) }

/* فاصله بخش‌ها */
.section{ scroll-margin-top: calc(var(--headerH) + 10px) }