/* =========================================================
   ADZO — Landing / Money Pages design system
   رنگ و فونت از main.css برند ارث می‌برد (var(--primary-color-*), YekanBakh)
   نسخه: 1.0.0
   ========================================================= */

.lp { --lp-primary: var(--primary-color-3, rgb(115,103,240));
      --lp-dark: var(--primary-color-1, rgb(47,51,73));
      --lp-ink: var(--primary-color-5, rgba(47,43,61,.9));
      --lp-muted: #6b6f80;
      --lp-line: #ecedf3;
      --lp-soft: #f6f5ff;
      --lp-grad: linear-gradient(120deg, rgb(115,103,240) 0%, #5f57be 100%);
      color: var(--lp-ink);
      overflow-x: hidden;
}

.lp .lp-container { max-width: 1160px; margin-inline: auto; padding-inline: 22px; }
.lp .lp-section { padding: 46px 0; }
.lp .lp-section.tight { padding: 30px 0; }

/* ---------- Typography ---------- */
.lp .lp-eyebrow { display:inline-block; font-size:13px; font-weight:700; color:var(--lp-primary);
    background:rgba(115,103,240,.10); padding:6px 14px; border-radius:30px; margin-bottom:16px; }
.lp .lp-title { font-size: clamp(1.7rem, 3.2vw, 2.7rem); font-weight: 800; line-height: 1.35; margin: 0 0 16px; color: var(--lp-dark); }
.lp .lp-title .hl { color: var(--lp-primary); }
.lp .lp-lead { font-size: clamp(1rem, 1.4vw, 1.18rem); line-height: 2.1; color: var(--lp-muted); max-width: 760px; margin: 0 auto; }
.lp .lp-h2 { font-size: clamp(1.35rem, 2.2vw, 1.85rem); font-weight: 800; color: var(--lp-dark); margin: 0 0 8px; }
.lp .lp-h2 .hl { color: var(--lp-primary); }
.lp .lp-sub { color: var(--lp-muted); margin: 0 0 30px; font-size: 1.02rem; }
.lp .lp-center { text-align: center; }
.lp .lp-center .lp-lead { margin-inline: auto; }

/* ---------- Hero ---------- */
.lp .lp-hero { position: relative; padding: 66px 0 54px; text-align: center;
    background: radial-gradient(1200px 380px at 50% -80px, var(--lp-soft) 0%, #fff 70%); }
.lp .lp-hero::after { content:""; position:absolute; inset:auto 0 0 0; height:1px; background:var(--lp-line); }
.lp .lp-hero .lp-price-tag { display:inline-block; margin:20px 0 6px; font-weight:800; color:var(--lp-primary);
    background:#fff; border:1px solid rgba(115,103,240,.25); box-shadow:0 6px 20px rgba(115,103,240,.10);
    padding:10px 20px; border-radius:14px; font-size:1.05rem; }

/* ---------- Buttons (override full-width .custom-btn for inline groups) ---------- */
.lp .lp-btns { display:flex; flex-wrap:wrap; gap:12px; justify-content:center; align-items:center; margin-top:22px; }
.lp .lp-btns.start { justify-content:flex-start; }
.lp .lp-btns .custom-btn { width:auto; max-width:none; display:inline-flex; align-items:center; justify-content:center;
    margin:0; padding:0 30px; line-height:50px; font-size:.98rem; font-weight:700; border-radius:14px;
    box-shadow:0 8px 22px rgba(115,103,240,.28); transition:transform .2s, box-shadow .2s; }
.lp .lp-btns .custom-btn:hover { transform:translateY(-2px); box-shadow:0 12px 28px rgba(115,103,240,.36); }
.lp .lp-btns .custom-btn.ghost { background:transparent !important; color:var(--lp-primary) !important;
    border:2px solid var(--lp-primary); line-height:46px; box-shadow:none; }
.lp .lp-btns .custom-btn.ghost:hover { background:rgba(115,103,240,.06) !important; }

/* ---------- Feature cards grid ---------- */
.lp .lp-grid { display:grid; grid-template-columns:repeat(auto-fit, minmax(280px, 1fr)); gap:22px; }
.lp .lp-card { background:#fff; border:1px solid var(--lp-line); border-radius:20px; padding:28px 24px;
    transition:transform .25s, box-shadow .25s, border-color .25s; }
.lp .lp-card:hover { transform:translateY(-6px); box-shadow:0 22px 48px rgba(47,51,73,.10); border-color:transparent; }
.lp .lp-card .lp-ic { width:56px; height:56px; border-radius:16px; display:flex; align-items:center; justify-content:center;
    background:rgba(115,103,240,.10); color:var(--lp-primary); margin-bottom:16px; }
.lp .lp-card .lp-ic svg { width:28px; height:28px; }
.lp .lp-card.warn .lp-ic { background:rgba(225,112,85,.12); color:#e17055; }
.lp .lp-card h3 { font-size:1.12rem; font-weight:800; color:var(--lp-dark); margin:0 0 8px; }
.lp .lp-card p { margin:0; color:var(--lp-muted); line-height:1.9; font-size:.97rem; }

/* ---------- Checklist (2-col on desktop) ---------- */
.lp .lp-checklist { list-style:none; padding:0; margin:0; display:grid; grid-template-columns:repeat(auto-fit, minmax(300px,1fr)); gap:2px 34px; }
.lp .lp-checklist li { padding:13px 0; border-bottom:1px dashed var(--lp-line); font-size:1rem; display:flex; gap:12px; align-items:flex-start; }
.lp .lp-checklist li::before { content:""; flex:0 0 22px; height:22px; margin-top:2px; border-radius:50%;
    background:rgba(34,160,107,.12) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%2322a06b' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E") center/14px no-repeat; }
.lp .lp-checklist li strong { color:var(--lp-dark); }

/* ---------- Comparison table ---------- */
.lp .lp-tablewrap { overflow-x:auto; border-radius:18px; border:1px solid var(--lp-line); }
.lp .lp-table { width:100%; border-collapse:collapse; min-width:520px; }
.lp .lp-table th, .lp .lp-table td { padding:15px 14px; text-align:center; border-bottom:1px solid var(--lp-line); font-size:.97rem; }
.lp .lp-table thead th { background:var(--lp-soft); color:var(--lp-dark); font-weight:800; }
.lp .lp-table tbody tr:last-child td { border-bottom:none; }
.lp .lp-table td:first-child, .lp .lp-table th:first-child { text-align:right; font-weight:700; color:var(--lp-dark); }
.lp .lp-table td.win { background:rgba(34,160,107,.07); color:#1b8a5a; font-weight:800; }

/* ---------- Steps ---------- */
.lp .lp-steps { counter-reset:step; list-style:none; padding:0; margin:0; display:grid; gap:14px; }
.lp .lp-steps li { position:relative; background:#fff; border:1px solid var(--lp-line); border-radius:16px;
    padding:18px 74px 18px 22px; }
.lp .lp-steps li::before { counter-increment:step; content:counter(step); position:absolute; right:18px; top:50%;
    transform:translateY(-50%); width:40px; height:40px; background:var(--lp-grad); color:#fff; border-radius:12px;
    display:flex; align-items:center; justify-content:center; font-weight:800; box-shadow:0 6px 16px rgba(115,103,240,.30); }
.lp .lp-steps li strong { color:var(--lp-dark); }

/* ---------- Trust / stats bar ---------- */
.lp .lp-trust { background:var(--lp-grad); border-radius:24px; padding:34px 24px; color:#fff;
    display:grid; grid-template-columns:repeat(4,1fr); gap:18px; text-align:center;
    box-shadow:0 20px 50px rgba(115,103,240,.22); }
.lp .lp-trust .num { font-size:clamp(1.6rem,3vw,2.2rem); font-weight:800; line-height:1.2; }
.lp .lp-trust .lbl { opacity:.9; font-size:.95rem; margin-top:4px; }
.lp .lp-trust .cell + .cell { border-right:1px solid rgba(255,255,255,.18); }

/* ---------- Portfolio ---------- */
.lp .lp-portfolio { display:grid; grid-template-columns:repeat(auto-fit, minmax(220px,1fr)); gap:20px; }
.lp .lp-proj { display:block; border:1px solid var(--lp-line); border-radius:18px; overflow:hidden; background:#fff;
    transition:transform .22s, box-shadow .22s; color:inherit; }
.lp .lp-proj:hover { transform:translateY(-5px); box-shadow:0 18px 40px rgba(47,51,73,.12); }
.lp .lp-proj .thumb { aspect-ratio:16/10; overflow:hidden; background:var(--lp-soft); }
.lp .lp-proj .thumb img { width:100%; height:100%; object-fit:cover; display:block; }
.lp .lp-proj .meta { padding:14px 16px; }
.lp .lp-proj .meta .cat { font-size:.82rem; color:var(--lp-primary); font-weight:700; }
.lp .lp-proj .meta .name { font-size:1.05rem; font-weight:800; color:var(--lp-dark); }

/* ---------- FAQ (native accordion) ---------- */
.lp .lp-faq { max-width:860px; margin-inline:auto; }
.lp .lp-faq details { border:1px solid var(--lp-line); border-radius:14px; margin-bottom:12px; background:#fff; overflow:hidden; }
.lp .lp-faq details[open] { border-color:rgba(115,103,240,.35); box-shadow:0 8px 24px rgba(115,103,240,.08); }
.lp .lp-faq summary { list-style:none; cursor:pointer; padding:18px 22px; font-weight:700; color:var(--lp-dark);
    display:flex; justify-content:space-between; align-items:center; gap:12px; font-size:1.03rem; }
.lp .lp-faq summary::-webkit-details-marker { display:none; }
.lp .lp-faq summary::after { content:"+"; font-size:1.5rem; color:var(--lp-primary); font-weight:400; transition:transform .2s; }
.lp .lp-faq details[open] summary::after { transform:rotate(45deg); }
.lp .lp-faq .ans { padding:0 22px 20px; color:var(--lp-muted); line-height:2; }

/* ---------- CTA ---------- */
.lp .lp-cta { position:relative; background:var(--lp-grad); border-radius:26px; padding:52px 28px; text-align:center;
    color:#fff; overflow:hidden; box-shadow:0 24px 60px rgba(115,103,240,.26); }
.lp .lp-cta h2 { color:#fff; font-size:clamp(1.4rem,2.4vw,2rem); font-weight:800; margin:0 0 10px; }
.lp .lp-cta p { color:rgba(255,255,255,.92); margin:0 0 22px; font-size:1.05rem; }
.lp .lp-cta .lp-btns .custom-btn { background:#fff !important; color:var(--lp-dark) !important; box-shadow:0 8px 22px rgba(0,0,0,.16); }
.lp .lp-cta .lp-btns .custom-btn:hover { transform:translateY(-2px); }
.lp .lp-cta .lp-btns .custom-btn.ghost { background:transparent !important; color:#fff !important; border-color:rgba(255,255,255,.7); }

/* ---------- Pricing ---------- */
.lp .lp-pricing { display:grid; grid-template-columns:repeat(auto-fit, minmax(290px,1fr)); gap:24px; align-items:stretch; }
.lp .price-card { position:relative; display:flex; flex-direction:column; background:#fff; border:1px solid var(--lp-line);
    border-radius:22px; padding:32px 26px; transition:transform .25s, box-shadow .25s; }
.lp .price-card:hover { transform:translateY(-6px); box-shadow:0 22px 50px rgba(47,51,73,.12); }
.lp .price-card.featured { border:2px solid var(--lp-primary); box-shadow:0 24px 56px rgba(115,103,240,.20); }
.lp .price-card .badge { position:absolute; top:-13px; right:26px; background:var(--lp-grad); color:#fff; font-size:12.5px;
    font-weight:700; padding:5px 16px; border-radius:20px; box-shadow:0 6px 16px rgba(115,103,240,.35); }
.lp .price-card .p-name { font-size:1.2rem; font-weight:800; color:var(--lp-dark); }
.lp .price-card .p-desc { color:var(--lp-muted); font-size:.92rem; min-height:44px; margin-top:6px; }
.lp .price-card .p-amount { font-size:2rem; font-weight:800; color:var(--lp-primary); margin:16px 0; }
.lp .price-card .p-amount small { font-size:.9rem; font-weight:400; color:var(--lp-muted); }
.lp .price-card ul { list-style:none; padding:0; margin:0 0 22px; flex:1; }
.lp .price-card ul li { padding:9px 0; border-bottom:1px dashed var(--lp-line); font-size:.95rem; display:flex; gap:10px; }
.lp .price-card ul li::before { content:""; flex:0 0 18px; height:18px; margin-top:3px;
    background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%237367f0' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E") center/16px no-repeat; }
.lp .price-card .p-delivery { font-size:.85rem; color:var(--lp-muted); margin-bottom:16px; }
.lp .price-card .custom-btn { width:100%; margin:0; line-height:48px; border-radius:14px; font-weight:700; }
.lp .price-card.featured .custom-btn { background:var(--lp-grad); }
.lp .price-note { text-align:center; color:var(--lp-muted); font-size:.85rem; margin-top:18px; }

/* ---------- Chips (دسته‌ها/برچسب‌ها) ---------- */
.lp .lp-chips { display:flex; flex-wrap:wrap; gap:10px; justify-content:center; }
.lp .lp-chips span, .lp .lp-chips a { display:inline-block; background:#fff; border:1px solid var(--lp-line); color:var(--lp-ink);
    border-radius:30px; padding:9px 18px; font-size:.93rem; font-weight:600; transition:transform .18s, box-shadow .18s, border-color .18s, color .18s; }
.lp .lp-chips span:hover, .lp .lp-chips a:hover { transform:translateY(-2px); border-color:var(--lp-primary); color:var(--lp-primary); box-shadow:0 8px 20px rgba(115,103,240,.12); }

/* ---------- Highlight / honest box ---------- */
.lp .lp-note { background:var(--lp-soft); border:1px solid rgba(115,103,240,.15); border-radius:18px; padding:26px; }
.lp .lp-note p { margin:0; line-height:2.05; }
.lp .lp-note.stack p + p { margin-top:14px; }

/* ---------- Responsive ---------- */
@media (max-width: 992px) {
    .lp .lp-trust { grid-template-columns:repeat(2,1fr); }
    .lp .lp-trust .cell:nth-child(3) { border-right:none; }
}
@media (max-width: 576px) {
    .lp .lp-section { padding:34px 0; }
    .lp .lp-hero { padding:46px 0 38px; }
    .lp .lp-trust { grid-template-columns:repeat(2,1fr); gap:22px 12px; }
    .lp .lp-trust .cell + .cell { border-right:none; }
    .lp .lp-btns .custom-btn { width:100%; }
}