/* Landing-page components (includes/landing.php). Uses the theme tokens from
   critical.css; no colours of its own except the yes/no icons. */

/* hero */
.lp-hero { padding-bottom: 4.5rem; }
.lp-hero .lp-eyebrow { font-size: .75rem; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; color: var(--color-gold); margin: 0 0 1rem; max-width: none; }
.lp-hero h1 { max-width: 860px; margin-left: auto; margin-right: auto; }
.lp-hero h1 span { background: linear-gradient(90deg,#c9a96e,#d4b87a,#e8d5b0,#c9a96e); background-size: 300% 100%; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; animation: heroGradientWave 10s ease-in-out infinite; }
.lp-hero .lp-lead { max-width: 680px; font-size: 1.1rem; line-height: 1.7; color: rgba(255,255,255,.72); }
.lp-badges { list-style: none; padding: 0; margin: 1.5rem auto 0; display: flex; flex-wrap: wrap; justify-content: center; gap: .5rem; max-width: 760px; }
.lp-badges li { font-size: .8rem; font-weight: 600; color: rgba(255,255,255,.85); background: rgba(255,255,255,.07); border: 1px solid rgba(255,255,255,.14); border-radius: 50px; padding: .35rem .85rem; display: inline-flex; align-items: center; gap: .4rem; }
.lp-badges li i { color: var(--color-gold); }
.lp-hero-actions { display: flex; flex-wrap: wrap; gap: .75rem; justify-content: center; margin-top: 1.75rem; }
.lp-inline-price .cur { display: none; }
html[data-currency="usd"] .lp-inline-price .cur-usd,
html[data-currency="inr"] .lp-inline-price .cur-inr { display: inline; }

/* sections */
.lp-section .lp-heading { max-width: 820px; margin-left: auto; margin-right: auto; }
.lp-intro { color: var(--color-gray-500); font-size: 1rem; line-height: 1.7; margin: 0 auto; max-width: 680px; }
.section-dark .lp-intro { color: rgba(255,255,255,.65); }

/* plans */
.lp-plans .lp-pill { display: inline-block; font-size: .65rem; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; padding: .15rem .5rem; border-radius: 50px; margin-left: .4rem; vertical-align: middle; }
.lp-pill-gold { background: rgba(201,169,110,.18); color: #8a6d3b; }
.lp-plan-highlight td, .lp-plan-highlight th { background: rgba(201,169,110,.06); }
.lp-plans-foot { font-size: .8rem; color: var(--color-gray-500); padding: .85rem 1.25rem; border-top: 1px solid var(--color-gray-100); }

/* steps */
.lp-steps { list-style: none; padding: 0; margin: 0; counter-reset: lp; }
.lp-steps li { display: flex; gap: 1.1rem; padding: 1.25rem 0; border-bottom: 1px solid var(--color-gray-100); }
.lp-steps li:last-child { border-bottom: none; }
.lp-step-num { flex: 0 0 40px; width: 40px; height: 40px; border-radius: 10px; background: var(--color-black); color: var(--color-white); font-weight: 700; display: flex; align-items: center; justify-content: center; }
.lp-step-title { font-size: 1rem; font-weight: 700; margin: .35rem 0 .35rem; }
.lp-steps p { font-size: .9rem; color: var(--color-gray-500); margin: 0; line-height: 1.65; }
.section-dark .lp-steps li { border-color: rgba(255,255,255,.08); }
.section-dark .lp-step-num { background: var(--color-white); color: var(--color-black); }
.section-dark .lp-steps p { color: rgba(255,255,255,.65); }

/* checklist */
.lp-checklist { list-style: none; padding: 0; margin: 0; }
.lp-checklist li { position: relative; padding: .45rem 0 .45rem 1.85rem; font-size: .92rem; color: var(--color-gray-600); line-height: 1.6; }
.lp-checklist li::before { font-family: "bootstrap-icons"; position: absolute; left: 0; top: .5rem; font-size: 1rem; }
.lp-checklist-yes li::before { content: "\f26a"; color: #2f855a; }
.lp-checklist-no li::before { content: "\f622"; color: #b83a3a; }
.section-dark .lp-checklist li { color: rgba(255,255,255,.75); }

/* compare table */
.lp-compare-wrap { border: 1px solid var(--color-gray-200); border-radius: 12px; overflow: hidden; background: var(--color-white); }
.lp-compare { width: 100%; border-collapse: collapse; font-size: .9rem; margin: 0; }
.lp-compare caption { caption-side: bottom; font-size: .78rem; color: var(--color-gray-400); padding: .75rem 1rem; text-align: left; }
.lp-compare th, .lp-compare td { padding: .85rem 1rem; border-bottom: 1px solid var(--color-gray-100); vertical-align: top; text-align: left; }
.lp-compare thead th { background: var(--color-gray-50); font-size: .75rem; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: var(--color-gray-500); }
.lp-compare thead th:first-child { width: 32%; }
.lp-compare tbody th { font-weight: 600; color: var(--color-gray-900); }
.lp-compare tbody td { color: var(--color-gray-600); }
.lp-compare tbody tr:last-child th, .lp-compare tbody tr:last-child td { border-bottom: none; }
.lp-yes { color: #2f855a; font-size: 1.05rem; }
.lp-no { color: #b83a3a; font-size: 1.05rem; }

/* callout */
.lp-note { display: flex; gap: .85rem; align-items: flex-start; border-radius: 12px; padding: 1.1rem 1.25rem; font-size: .9rem; line-height: 1.65; margin: 1.5rem 0; }
.lp-note i { font-size: 1.2rem; margin-top: .1rem; }
.lp-note strong { display: block; margin-bottom: .2rem; }
.lp-note p:last-child { margin-bottom: 0; }
.lp-note-info { background: var(--color-gray-50); border: 1px solid var(--color-gray-200); color: var(--color-gray-600); }
.lp-note-info i { color: var(--color-gray-500); }
.lp-note-warn { background: #fff8ec; border: 1px solid #f3dfb6; color: #6b4e14; }
.lp-note-warn i { color: #b98a2b; }
.lp-note-gold { background: rgba(201,169,110,.1); border: 1px solid rgba(201,169,110,.35); color: var(--color-gray-800); }
.lp-note-gold i { color: var(--color-gold); }
.section-dark .lp-note-info { background: rgba(255,255,255,.05); border-color: rgba(255,255,255,.12); color: rgba(255,255,255,.75); }

/* prose */
.lp-prose { font-size: .98rem; line-height: 1.8; color: var(--color-gray-600); }
.lp-prose h2 { font-size: 1.6rem; font-weight: 800; letter-spacing: -.02em; color: var(--color-gray-900); margin: 2.25rem 0 .9rem; }
.lp-prose h2:first-child { margin-top: 0; }
.lp-prose h3 { font-size: 1.15rem; font-weight: 700; color: var(--color-gray-900); margin: 1.75rem 0 .6rem; }
.lp-prose p { margin-bottom: 1.05rem; }
.lp-prose ul, .lp-prose ol { padding-left: 1.3rem; margin-bottom: 1.05rem; }
.lp-prose li { margin-bottom: .35rem; }
.lp-prose a { color: var(--color-gray-900); font-weight: 600; text-decoration: underline; text-underline-offset: 3px; }
.lp-prose strong { color: var(--color-gray-900); }
.lp-prose code { background: var(--color-gray-100); padding: .1rem .4rem; border-radius: 6px; font-size: .88em; color: var(--color-gray-900); }
.lp-prose table { width: 100%; font-size: .9rem; margin-bottom: 1.25rem; }
.lp-prose table th, .lp-prose table td { padding: .6rem .75rem; border-bottom: 1px solid var(--color-gray-200); text-align: left; vertical-align: top; }
.lp-prose table th { font-weight: 700; color: var(--color-gray-900); background: var(--color-gray-50); }
.section-dark .lp-prose, .section-dark .lp-prose h2, .section-dark .lp-prose h3, .section-dark .lp-prose strong, .section-dark .lp-prose a { color: var(--color-white); }
.section-dark .lp-prose { color: rgba(255,255,255,.72); }

/* payments strip */
.lp-pay { text-align: center; }
.lp-pay-title { font-size: .75rem; font-weight: 600; letter-spacing: .12em; text-transform: uppercase; color: var(--color-gray-400); margin-bottom: 1rem; }
.lp-pay-list { list-style: none; padding: 0; margin: 0; display: flex; flex-wrap: wrap; justify-content: center; gap: .75rem; }
.lp-pay-list li { display: inline-flex; align-items: center; gap: .65rem; background: var(--color-white); border: 1px solid var(--color-gray-200); border-radius: 12px; padding: .7rem 1rem; text-align: left; min-width: 200px; }
.lp-pay-list li i { font-size: 1.35rem; color: var(--color-gray-900); }
.lp-pay-list li span { display: flex; flex-direction: column; line-height: 1.25; }
.lp-pay-list li strong { font-size: .85rem; color: var(--color-gray-900); }
.lp-pay-list li small { font-size: .72rem; color: var(--color-gray-500); }
.section-dark .lp-pay-list li { background: rgba(255,255,255,.05); border-color: rgba(255,255,255,.12); }
.section-dark .lp-pay-list li i, .section-dark .lp-pay-list li strong { color: var(--color-white); }
.section-dark .lp-pay-list li small { color: rgba(255,255,255,.55); }
.section-dark .lp-pay-title { color: rgba(255,255,255,.45); }

/* coupon block (offers page) */
.lp-coupon { border: 2px dashed var(--color-gray-200); border-radius: 14px; padding: 1.5rem; background: var(--color-white); display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 1rem; }
.lp-coupon-code { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 1.35rem; font-weight: 700; letter-spacing: .12em; background: var(--color-gray-50); border: 1px solid var(--color-gray-200); border-radius: 10px; padding: .55rem 1rem; color: var(--color-gray-900); }
.lp-coupon-meta { font-size: .85rem; color: var(--color-gray-500); }
.lp-coupon-meta strong { color: var(--color-gray-900); display: block; font-size: 1rem; margin-bottom: .15rem; }
.lp-coupon-soon { opacity: .75; }

/* stats row */
.lp-stats { display: flex; flex-wrap: wrap; gap: 1.5rem 3rem; justify-content: center; }
.lp-stats .stat-item { text-align: center; }

/* cta */
.lp-cta-title { font-style: normal; font-size: 2rem; }
.lp-cta-text { color: rgba(255,255,255,.65); max-width: 620px; margin: 0 auto; font-size: 1rem; line-height: 1.7; }

/* related */
.lp-related-card { display: block; text-decoration: none; color: inherit; }
.lp-related-card:hover { color: inherit; border-color: var(--color-gray-200); }
.lp-related-more { display: inline-block; margin-top: .75rem; font-size: .8rem; font-weight: 600; color: var(--color-gray-900); }

@media (max-width: 767.98px) {
    .lp-hero h1 { font-size: 1.9rem; }
    .lp-cta-title { font-size: 1.5rem; }
    .lp-pay-list li { min-width: 46%; }
    .lp-prose h2 { font-size: 1.35rem; }
}