/* ============================================================
   Landing — صفحهٔ فرود عمومی (`/`)
   ساده و سریع: بدون انیمیشن، بدون افکت سنگین. توکن‌ها از app.css
   می‌آیند و با تم دارک/لایت هماهنگ‌اند.
   ============================================================ */

.lp-body {
  margin: 0;
  min-height: 100vh;
  background: var(--bg);
  color: var(--text);
  font-family: var(--font);
  -webkit-font-smoothing: antialiased;
}

/* ---------- Brand (داخل هیرو استفاده می‌شود؛ هدر جدا وجود ندارد) ---------- */
.lp-top__brand {
  display: inline-flex;
  align-items: center;
  gap: .55rem;
  text-decoration: none;
  color: var(--text);
}

.lp-top__logo img {
  width: 38px;
  height: 38px;
  border-radius: 10px;
  object-fit: contain;
}

.lp-top__name {
  font-weight: 800;
  font-size: 1.02rem;
}

.lp-top__nav {
  display: inline-flex;
  align-items: center;
  gap: .5rem;
}

.lp-top__theme {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: grid;
  place-items: center;
}

/* ---------- Buttons ---------- */
.lp-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .45rem;
  min-height: 40px;
  padding: .45rem 1rem;
  border: 0;
  border-radius: 11px;
  background: linear-gradient(135deg, var(--primary), var(--primary-hover));
  color: #fff;
  font-family: inherit;
  font-weight: 700;
  font-size: .86rem;
  text-decoration: none;
  cursor: pointer;
  transition: filter var(--transition), transform var(--transition);
}

.lp-btn:hover { filter: brightness(1.06); }
.lp-btn:active { transform: translateY(1px); }

.lp-btn--ghost {
  background: transparent;
  color: var(--text);
  border: 1px solid var(--border);
}

.lp-btn--ghost:hover {
  background: var(--surface-hover);
  filter: none;
}

.lp-btn--lg {
  min-height: 48px;
  padding: .65rem 1.5rem;
  border-radius: 13px;
  font-size: .95rem;
}

/* ---------- Layout ---------- */
.lp-main {
  max-width: 1080px;
  margin: 0 auto;
  padding: 0 clamp(1rem, 4vw, 2.5rem);
}

/* ---------- Hero (صحنهٔ سه‌بعدی؛ استایل داخلی در landing-3d.css) ---------- */
.lp-hero3d {
  margin-top: 1rem;
}

/* ---------- Features ---------- */
.lp-features {
  padding: clamp(1.6rem, 4vw, 2.6rem) 0 clamp(2rem, 5vw, 3.5rem);
}

.lp-features__title {
  margin: 0 0 1.1rem;
  font-size: clamp(1.05rem, .95rem + .5vw, 1.35rem);
  font-weight: 800;
  text-align: center;
}

.lp-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
  gap: .9rem;
}

.lp-card {
  padding: 1.05rem 1.1rem;
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: var(--radius);
}

.lp-card__icon {
  display: inline-grid;
  place-items: center;
  width: 42px;
  height: 42px;
  margin-bottom: .65rem;
  border-radius: 50%;
  background: var(--primary-soft);
  color: var(--primary);
  font-size: 1.05rem;
}

.lp-card__title {
  margin: 0 0 .3rem;
  font-size: .95rem;
  font-weight: 700;
}

.lp-card__text {
  margin: 0;
  color: var(--text-muted);
  font-size: .82rem;
  line-height: 1.8;
}

/* ---------- رنگ‌بندی آیکن قابلیت‌ها ---------- */
.lp-card__icon--blue   { background: rgba(91, 155, 255, .16); color: #5b9bff; }
.lp-card__icon--mint   { background: rgba(79, 220, 190, .16); color: #4fdcbe; }
.lp-card__icon--violet { background: rgba(179, 155, 255, .18); color: #b39bff; }
.lp-card__icon--amber  { background: rgba(255, 200, 92, .18); color: #ffc85c; }
.lp-card__icon--rose   { background: rgba(249, 138, 165, .16); color: #f98aa5; }
.lp-card__icon--green  { background: rgba(121, 226, 154, .16); color: #79e29a; }
.lp-card__icon--cyan   { background: rgba(103, 220, 242, .16); color: #67dcf2; }
.lp-card__icon--indigo { background: rgba(130, 142, 250, .18); color: #828efa; }

/* روی تم روشن، نسخهٔ تیره‌تر برای کنتراست کافی */
[data-theme="light"] .lp-card__icon--blue   { background: rgba(47, 111, 224, .12); color: #2f6fe0; }
[data-theme="light"] .lp-card__icon--mint   { background: rgba(23, 167, 147, .12); color: #17a793; }
[data-theme="light"] .lp-card__icon--violet { background: rgba(124, 92, 240, .12); color: #7c5cf0; }
[data-theme="light"] .lp-card__icon--amber  { background: rgba(224, 147, 42, .14); color: #c9791b; }
[data-theme="light"] .lp-card__icon--rose   { background: rgba(224, 82, 111, .12); color: #e0526f; }
[data-theme="light"] .lp-card__icon--green  { background: rgba(61, 189, 95, .13);  color: #2f9e4d; }
[data-theme="light"] .lp-card__icon--cyan   { background: rgba(40, 182, 209, .13); color: #1f9cb5; }
[data-theme="light"] .lp-card__icon--indigo { background: rgba(111, 123, 247, .12); color: #4f5ee0; }

/* ---------- Footer ---------- */
.lp-footer {
  padding: 1.4rem clamp(1rem, 4vw, 2.5rem) 2rem;
  border-top: 1px solid var(--border);
  text-align: center;
}

.lp-footer__note {
  margin: 0 0 .45rem;
  color: var(--text-muted);
  font-size: .78rem;
  line-height: 1.8;
}

.lp-footer__links {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: .5rem;
  margin: 0;
  color: var(--text-muted);
  font-size: .78rem;
}

.lp-footer__links a {
  color: var(--primary);
  text-decoration: none;
}

.lp-footer__links a:hover { text-decoration: underline; }

/* ---------- Mobile ---------- */
@media (max-width: 560px) {
  /* نام برند و برچسب دکمه‌ها داخل هیرو مهم‌اند و مخفی نمی‌شوند؛
     فقط دکمه‌ها جمع‌وجورتر می‌شوند. */
  .lp-btn { padding: .45rem .85rem; }
  .tn-hero-nav .lp-btn { width: min(100%, 220px); }
  .tn-hero-nav .lp-btn span { display: inline; }
}