/* ===========================================================
   صفحه‌ی لندینگ — از همون توکن‌های رنگی style.css استفاده می‌کند
   (این فایل باید بعد از style.css لود شود)
   =========================================================== */

.lp-header{
  position:sticky;top:0;z-index:50;
  background:var(--indigo);
  display:flex;align-items:center;justify-content:space-between;
  padding:16px 32px;
}
.lp-header .lp-logo{color:#fff;font-weight:800;font-size:18px;display:flex;align-items:center;gap:8px;}
.lp-header .lp-logo .dot{width:9px;height:9px;border-radius:50%;background:var(--gold);}
.lp-header nav{display:flex;gap:26px;}
.lp-header nav a{color:#C9C2B3;text-decoration:none;font-size:13.5px;}
.lp-header nav a:hover{color:#fff;}
.lp-header .lp-actions{display:flex;gap:10px;}
.lp-btn{
  padding:9px 18px;border-radius:8px;font-size:13px;font-weight:700;
  text-decoration:none;display:inline-flex;align-items:center;gap:6px;
  font-family:inherit;border:none;cursor:pointer;
}
.lp-btn-ghost{background:transparent;color:#EDE8DD;border:1.5px solid #ffffff33;}
.lp-btn-ghost:hover{border-color:#ffffff66;}
.lp-btn-gold{background:var(--gold);color:#1E1608;}
.lp-btn-gold:hover{background:#a37725;}
.lp-menu-btn{display:none;background:none;border:1px solid #ffffff33;color:#fff;width:36px;height:36px;border-radius:8px;font-size:16px;}

/* ---------- هیرو / اسلایدر ---------- */
.lp-hero{
  position:relative;background:var(--indigo);color:#EDE8DD;overflow:hidden;
  min-height:520px;display:flex;align-items:center;
}
.lp-hero::before{
  content:"";position:absolute;inset:0;
  background:
    repeating-linear-gradient(45deg, #ffffff08 0 2px, transparent 2px 26px),
    repeating-linear-gradient(-45deg, #ffffff08 0 2px, transparent 2px 26px);
}
.lp-slide{
  position:relative;display:none;width:100%;padding:60px 32px;text-align:center;
  max-width:760px;margin:0 auto;
}
.lp-slide.active{display:block;animation:lpFade .5s ease;}
@keyframes lpFade{from{opacity:0;transform:translateY(8px);}to{opacity:1;transform:translateY(0);}}
.lp-slide h1{font-size:36px;font-weight:800;line-height:1.5;margin:0 0 18px;}
.lp-slide p{font-size:15.5px;color:#C9C2B3;line-height:2;max-width:560px;margin:0 auto 30px;}
.lp-hero-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;position:relative;}
.lp-hero-actions .lp-btn{padding:13px 26px;font-size:14px;}
.lp-dots{position:relative;display:flex;gap:8px;justify-content:center;margin-top:36px;}
.lp-dot{width:8px;height:8px;border-radius:50%;background:#ffffff33;border:none;cursor:pointer;padding:0;}
.lp-dot.active{background:var(--gold);width:22px;border-radius:5px;transition:.2s;}

/* ---------- بخش ویژگی‌ها ---------- */
.lp-section{padding:70px 32px;max-width:1120px;margin:0 auto;}
.lp-section-head{text-align:center;max-width:600px;margin:0 auto 44px;}
.lp-section-head h2{font-size:26px;font-weight:800;margin:0 0 12px;color:var(--ink);}
.lp-section-head p{font-size:14.5px;color:var(--ink-soft);line-height:2;}

.lp-features{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
.lp-feature{
  background:var(--surface);border:1px solid var(--border);border-radius:12px;
  padding:26px 22px;position:relative;overflow:hidden;
}
.lp-feature:nth-child(3n+2){background:var(--teal-soft);}
.lp-feature .rug-strip{position:absolute;top:0;right:0;left:0;}
.lp-feature .ic{
  width:44px;height:44px;border-radius:10px;background:var(--teal);color:#fff;
  display:flex;align-items:center;justify-content:center;font-size:19px;margin:14px 0 16px;
}
.lp-feature h3{font-size:15px;font-weight:700;margin:0 0 8px;color:var(--ink);}
.lp-feature p{font-size:13px;color:var(--ink-soft);line-height:1.9;margin:0;}

/* ---------- نوار اطمینان ---------- */
.lp-trust{background:var(--teal-soft);padding:40px 32px;}
.lp-trust-inner{max-width:900px;margin:0 auto;display:flex;align-items:center;justify-content:center;gap:16px;text-align:center;flex-wrap:wrap;}
.lp-trust-inner p{font-size:14.5px;color:var(--teal);font-weight:600;margin:0;}

/* ---------- بخش تماس/ثبت‌نام ---------- */
.lp-cta{background:var(--indigo);padding:70px 32px;}
.lp-cta-inner{max-width:920px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;}
.lp-cta-text h2{color:#fff;font-size:26px;font-weight:800;margin:0 0 14px;}
.lp-cta-text p{color:#C9C2B3;font-size:14px;line-height:2;margin:0;}
.lp-cta-form{background:var(--surface);border-radius:14px;padding:26px;}
.lp-cta-form .field{margin-bottom:14px;}
.lp-cta-form label{display:block;font-size:12.5px;color:var(--ink-soft);margin-bottom:6px;}
.lp-cta-form input, .lp-cta-form textarea{
  width:100%;padding:11px 14px;border-radius:8px;border:1.5px solid var(--border);
  font-family:inherit;font-size:14px;background:#FBFAF7;box-sizing:border-box;
}
.lp-cta-form textarea{resize:vertical;min-height:70px;}
.lp-cta-form input:focus, .lp-cta-form textarea:focus{outline:none;border-color:var(--teal);box-shadow:0 0 0 3px var(--teal-soft);}
.lp-honeypot{position:absolute;left:-9999px;opacity:0;height:0;}

/* ---------- فوتر ۳ بخشی ---------- */
.lp-footer{background:#12202D;color:#9AA5AC;padding:56px 32px 0;}
.lp-footer-grid{max-width:1120px;margin:0 auto;display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:40px;padding-bottom:40px;}
.lp-footer-col h4{color:#EDE8DD;font-size:14px;font-weight:700;margin:0 0 16px;}
.lp-footer-col p{font-size:13px;line-height:2;margin:0 0 8px;}
.lp-footer-col a{color:#9AA5AC;text-decoration:none;font-size:13px;display:block;margin-bottom:10px;}
.lp-footer-col a:hover{color:#fff;}
.lp-footer-logo{color:#fff;font-weight:800;font-size:16px;display:flex;align-items:center;gap:8px;margin-bottom:14px;}
.lp-footer-logo .dot{width:8px;height:8px;border-radius:50%;background:var(--gold);}
.lp-footer-bottom{
  max-width:1120px;margin:0 auto;border-top:1px solid #ffffff14;
  padding:18px 0;font-size:12px;text-align:center;color:#6B7580;
}

/* ---------- ریسپانسیو ---------- */
@media (max-width:900px){
  .lp-header nav{display:none;}
  .lp-menu-btn{display:inline-block;}
  .lp-slide h1{font-size:26px;}
  .lp-features{grid-template-columns:1fr;}
  .lp-cta-inner{grid-template-columns:1fr;}
  .lp-footer-grid{grid-template-columns:1fr;gap:28px;}
  .lp-section{padding:50px 20px;}
  .lp-hero{min-height:440px;}
}
@media (max-width:520px){
  .lp-header{padding:14px 16px;}
  .lp-header .lp-actions .lp-btn-ghost{display:none;}
  .lp-slide{padding:40px 16px;}
}