/* ============================================================
   CALMMAA v3 — Program Landing Page CSS (landing.css)
   9-section high-conversion layout
   ============================================================ */

/* ── LANDING HERO ── */
.lp-hero{min-height:100vh;position:relative;display:flex;align-items:center;overflow:hidden;background-color:#2A2418}
.lp-hero-bg{position:absolute;inset:0;background-color:#2A2418;background-size:cover;background-position:center;background-repeat:no-repeat;transform:scale(1.05);transition:transform 8s ease}
.lp-hero-bg::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 30% 40%,#E5A845 0%,#C49A2A 25%,#776200 55%,#2A2418 90%);z-index:-1}
.lp-hero-bg.loaded{transform:scale(1)}
.lp-hero-bg-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;display:block;z-index:0}
.lp-hero-overlay{position:absolute;inset:0;z-index:1;background:linear-gradient(100deg,rgba(42,36,24,0.94) 0%,rgba(42,36,24,0.78) 45%,rgba(229,168,69,0.35) 100%)}
.lp-hero-content{position:relative;z-index:2;max-width:700px;padding:130px 72px 100px}
.lp-level-badge{display:inline-flex;align-items:center;gap:10px;background:rgba(205,167,232,0.12);border:1px solid rgba(205,167,232,0.38);padding:8px 20px;border-radius:30px;margin-bottom:28px;font-size:0.7rem;letter-spacing:0.22em;text-transform:uppercase;color:#E5A845;backdrop-filter:blur(8px)}
.lp-level-badge span{width:6px;height:6px;background:rgba(196,154,42,0.9);border-radius:50%;animation:pulse 2s infinite}
@keyframes pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:0.5;transform:scale(1.5)}}
.lp-hero-content h1{font-family:var(--font-display);font-size:clamp(2.8rem,5.5vw,5rem);font-weight:600;color:var(--cream);line-height:1.08;margin-bottom:22px}
.lp-hero-content h1 em{font-style:italic;color:#C49A2A;font-weight:400;display:block}
.lp-hero-tagline{font-size:1.08rem;color:rgba(255,255,255,0.72);line-height:1.75;font-weight:300;margin-bottom:12px;max-width:560px}
.lp-hero-note{font-size:0.78rem;letter-spacing:0.14em;text-transform:uppercase;color:rgba(196,154,42,0.55);margin-bottom:44px}
.lp-hero-btns{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:52px;align-items:center}
.lp-hero-btns .btn-pay,.lp-hero-btns .btn-primary{display:inline-block;background:var(--grad-brand);color:#fff;padding:16px 36px;border-radius:50px;font-size:0.82rem;font-weight:600;letter-spacing:0.1em;text-transform:uppercase;text-decoration:none;transition:transform 0.3s,box-shadow 0.3s;box-shadow:0 10px 32px rgba(196,154,42,0.45);font-family:var(--font-body);border:none;cursor:pointer}
.lp-hero-btns .btn-pay:hover,.lp-hero-btns .btn-primary:hover{transform:translateY(-2px);box-shadow:0 16px 42px rgba(196,154,42,0.6)}
.lp-hero-btns .btn-hero-secondary,.lp-hero-btns a.btn-secondary{display:inline-block;border:1.5px solid rgba(255,255,255,0.4);color:#fff;padding:15px 30px;border-radius:50px;font-size:0.8rem;font-weight:500;letter-spacing:0.1em;text-transform:uppercase;text-decoration:none;background:rgba(255,255,255,0.05);backdrop-filter:blur(8px);transition:all 0.3s;font-family:var(--font-body)}
.lp-hero-btns .btn-hero-secondary:hover,.lp-hero-btns a.btn-secondary:hover{background:rgba(255,255,255,0.12);border-color:rgba(255,255,255,0.7)}
.lp-hero-proof{display:flex;gap:36px;align-items:center}
.lp-proof-item{text-align:center}
.lp-proof-num{font-family:var(--font-display);font-size:1.7rem;font-weight:600;color:#C49A2A;line-height:1}
.lp-proof-label{font-size:0.65rem;letter-spacing:0.14em;text-transform:uppercase;color:rgba(196,154,42,0.5);margin-top:4px}
.lp-proof-divider{width:1px;height:36px;background:rgba(229,168,69,0.2)}

/* ── SECTION 2: PROBLEM ── */
.lp-problem{background:var(--warm-white);padding:90px 72px}
.lp-problem-inner{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}
.lp-problem-text .pain-list{list-style:none;margin:24px 0 28px}
.lp-problem-text .pain-list li{padding:13px 0;border-bottom:1px solid rgba(196,154,42,0.1);display:flex;gap:14px;align-items:flex-start;font-size:0.97rem;color:var(--text-body);font-weight:300}
.lp-problem-text .pain-list li::before{content:'?';width:22px;height:22px;background:rgba(229,168,69,0.12);border:1px solid rgba(229,168,69,0.3);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:0.72rem;color:var(--gold);flex-shrink:0;font-weight:700;margin-top:2px}
.lp-problem-img{border-radius:16px;overflow:hidden;height:460px;position:relative}
.lp-problem-img img{width:100%;height:100%;object-fit:cover;display:block}

/* ── SECTION 3: SOLUTION ── */
.lp-solution{background:#2A2418;padding:90px 72px}
.lp-solution-inner{max-width:1100px;margin:0 auto}
.solution-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:48px}
.sol-card{background:rgba(255,255,255,0.04);border:1px solid rgba(229,168,69,0.15);border-radius:12px;padding:36px 28px;transition:all 0.3s}
.sol-card:hover{background:rgba(196,154,42,0.12);border-color:rgba(229,168,69,0.28);transform:translateY(-3px)}
.sol-num{font-family:var(--font-display);font-size:3rem;color:rgba(229,168,69,0.15);font-weight:600;line-height:1;margin-bottom:16px}
.sol-card h3{font-family:var(--font-display);font-size:1.2rem;color:#C49A2A;font-style:italic;margin-bottom:12px;font-weight:500}
.sol-card p{color:rgba(255,255,255,0.5);font-size:0.9rem;line-height:1.75;font-weight:300}

/* ── SECTION 4: CURRICULUM ── */
.lp-curriculum{background:var(--cream);padding:90px 72px}
.lp-curriculum-inner{max-width:1000px;margin:0 auto}
.curriculum-list{list-style:none;margin-top:40px}
.curriculum-item{display:flex;gap:20px;align-items:flex-start;padding:20px 0;border-bottom:1px solid rgba(196,154,42,0.1);transition:background 0.2s;cursor:default}
.curriculum-item:last-child{border-bottom:none}
.curriculum-num{font-family:var(--font-display);font-size:1.1rem;color:rgba(196,154,42,0.35);font-weight:600;min-width:36px;margin-top:3px}
.curriculum-item h4{font-family:var(--font-display);font-size:1.05rem;color:var(--charcoal);font-style:italic;font-weight:500;margin-bottom:4px}
.curriculum-item p{color:var(--text-muted);font-size:0.88rem;font-weight:300;line-height:1.6}
.curriculum-item:hover{padding-left:8px}
.curriculum-item:hover .curriculum-num{color:var(--teal)}

/* ── SECTION 5: MENTOR ── */
.lp-mentor{background:#2A2418;padding:90px 72px;position:relative;overflow:hidden}
.lp-mentor::before{content:'';position:absolute;top:-150px;left:-100px;width:500px;height:500px;background:radial-gradient(circle,rgba(196,154,42,0.1),transparent 65%);filter:blur(40px);pointer-events:none}
.lp-mentor::after{content:'';position:absolute;bottom:-150px;right:-100px;width:500px;height:500px;background:radial-gradient(circle,rgba(229,168,69,0.12),transparent 65%);filter:blur(40px);pointer-events:none}
.lp-mentor-inner{max-width:1000px;margin:0 auto;display:grid;grid-template-columns:340px 1fr;gap:70px;align-items:center;position:relative;z-index:1}
.mentor-photo{border-radius:18px;overflow:hidden;height:440px;position:relative;background:linear-gradient(135deg,#FBF8EC,#F5EFD6);box-shadow:0 24px 60px rgba(0,0,0,0.4)}
.mentor-photo img{width:100%;height:100%;object-fit:cover;object-position:top center;display:block}
.mentor-photo::after{content:'';position:absolute;inset:0;background:linear-gradient(to top,rgba(42,36,24,0.6),transparent 55%)}
.mentor-cred{position:absolute;bottom:20px;left:20px;right:20px}
.mentor-cred-tag{display:inline-block;background:rgba(255,255,255,0.95);border-radius:8px;padding:10px 16px;font-size:0.78rem;color:var(--teal-dark);font-weight:600;letter-spacing:0.06em}
.mentor-info h2{font-family:var(--font-display);font-size:clamp(1.8rem,3vw,2.5rem);color:var(--cream);font-weight:600;font-style:italic;margin-bottom:8px}
.mentor-title{font-size:0.7rem;letter-spacing:0.2em;text-transform:uppercase;color:rgba(196,154,42,0.7);display:block;margin-bottom:20px;font-weight:500}
.mentor-info p{color:rgba(255,255,255,0.55);font-size:0.95rem;line-height:1.82;font-weight:300;margin-bottom:14px}
.mentor-creds{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}
.cred-tag{border:1px solid rgba(205,167,232,0.28);padding:7px 16px;border-radius:20px;font-size:0.78rem;color:rgba(205,167,232,0.7)}

/* ── SECTION 6: TESTIMONIALS ── */
.lp-testi{background:var(--warm-white);padding:90px 72px}
.lp-testi-inner{max-width:1100px;margin:0 auto}
.lp-testi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:48px}
.lp-testi-card{background:var(--cream);border:1px solid rgba(196,154,42,0.12);border-radius:12px;padding:30px;transition:all 0.3s}
.lp-testi-card:hover{box-shadow:0 12px 32px rgba(0,0,0,0.08);transform:translateY(-3px)}
.lp-testi-stars{color:var(--gold);letter-spacing:3px;font-size:0.78rem;margin-bottom:12px}
.lp-testi-card blockquote{font-family:var(--font-display);font-size:1rem;font-style:italic;color:var(--text-body);line-height:1.78;margin-bottom:16px;font-weight:400}
.lp-testi-author{font-size:0.7rem;letter-spacing:0.14em;text-transform:uppercase;color:var(--teal);font-weight:600}
.lp-testi-role{display:block;font-size:0.78rem;color:var(--text-muted);font-weight:300;margin-top:2px;letter-spacing:0.03em;text-transform:none}

/* ── SECTION 7: FAQ ── */
.lp-faq{background:#F5E5A8;padding:90px 72px}
.lp-faq-inner{max-width:820px;margin:0 auto}
.faq-list{margin-top:40px}
.faq-item{border-bottom:1px solid rgba(196,154,42,0.15);overflow:hidden}
.faq-q{width:100%;background:none;border:none;text-align:left;padding:20px 0;display:flex;justify-content:space-between;align-items:center;cursor:pointer;font-family:var(--font-display);font-size:1.08rem;color:var(--charcoal);font-style:italic;font-weight:500;transition:color 0.2s}
.faq-q:hover{color:var(--teal-dark)}
.faq-icon{font-size:1.2rem;color:var(--cta-purple);transition:transform 0.3s;flex-shrink:0;margin-left:16px}
.faq-item.open .faq-icon{transform:rotate(45deg)}
.faq-a{max-height:0;overflow:hidden;transition:max-height 0.4s var(--ease-out)}
.faq-item.open .faq-a{max-height:300px}
.faq-a p{padding:0 0 20px;color:var(--text-muted);font-size:0.93rem;line-height:1.8;font-weight:300}

/* ── SECTION 8: INVESTMENT / PRICING ── */
.lp-pricing{background:#2A2418;padding:90px 72px;text-align:center}
.lp-pricing-inner{max-width:780px;margin:0 auto}
.pricing-card{background:rgba(255,255,255,0.04);border:1px solid rgba(229,168,69,0.2);border-radius:20px;padding:56px 52px;margin-top:48px;position:relative;overflow:hidden}
.pricing-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:var(--grad-brand)}
.pricing-label{font-size:0.68rem;letter-spacing:0.22em;text-transform:uppercase;color:rgba(196,154,42,0.6);display:block;margin-bottom:16px}
.pricing-amount{font-family:var(--font-display);font-size:clamp(3rem,6vw,5rem);color:var(--cream);font-weight:600;line-height:1;margin-bottom:8px}
.pricing-note{color:rgba(255,255,255,0.4);font-size:0.88rem;font-weight:300;margin-bottom:32px}
.pricing-includes{list-style:none;text-align:left;margin:28px 0 36px;display:inline-block}
.pricing-includes li{padding:9px 0;color:rgba(255,255,255,0.65);font-size:0.93rem;display:flex;gap:12px;align-items:flex-start;font-weight:300}
.pricing-includes li::before{content:'✦';color:var(--gold);font-size:0.6rem;margin-top:4px;flex-shrink:0}
.pricing-guarantee{margin-top:20px;font-size:0.82rem;color:rgba(196,154,42,0.45);font-style:italic}
.pricing-guarantee strong{color:rgba(196,154,42,0.7);font-style:normal}

/* ── SECTION 9: FINAL CTA ── */
.lp-final{position:relative;overflow:hidden;padding:110px 72px;text-align:center}
.lp-final-bg{position:absolute;inset:0;background-color:#2A2418;background-size:cover;background-position:center;background-repeat:no-repeat;filter:brightness(0.7) saturate(0.85)}
.lp-final-bg::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 50% 50%,#E5A845 0%,#C49A2A 30%,#776200 60%,#1A1610 90%);z-index:-1}
.lp-final-overlay{position:absolute;inset:0;background:linear-gradient(160deg,rgba(42,36,24,0.9),rgba(196,154,42,0.6))}
.lp-final-content{position:relative;z-index:1}
.lp-final-content h2{font-family:var(--font-display);font-size:clamp(2.2rem,5vw,4rem);color:var(--cream);font-weight:600;font-style:italic;max-width:680px;margin:0 auto 18px;line-height:1.15}
.lp-final-content h2 strong{font-style:normal;font-weight:600;color:rgba(196,154,42,0.95);display:block}
.lp-final-content p{color:rgba(255,255,255,0.55);font-size:0.97rem;max-width:440px;margin:0 auto 40px;font-weight:300;line-height:1.75}
.lp-urgency{display:inline-flex;align-items:center;gap:8px;background:rgba(242,196,0,0.1);border:1px solid rgba(242,196,0,0.28);border-radius:30px;padding:8px 20px;font-size:0.72rem;letter-spacing:0.14em;text-transform:uppercase;color:#C49A2A;margin-bottom:28px}
.lp-urgency::before{content:'';width:6px;height:6px;background:var(--gold);border-radius:50%;animation:pulse 2s infinite}

/* ── STICKY BOTTOM BAR ── */
.lp-sticky-bar{position:fixed;bottom:0;left:0;right:0;z-index:900;background:rgba(42,36,24,0.97);backdrop-filter:blur(20px);border-top:1px solid rgba(229,168,69,0.15);padding:16px 64px;display:flex;align-items:center;justify-content:space-between;transform:translateY(100%);transition:transform 0.4s var(--ease-out)}
.lp-sticky-bar.visible{transform:translateY(0)}
.sticky-info h4{font-family:var(--font-display);font-size:1.1rem;color:var(--cream);font-style:italic;font-weight:500}
.sticky-info p{font-size:0.78rem;color:rgba(255,255,255,0.45);font-weight:300}
.sticky-actions{display:flex;gap:12px;align-items:center}

/* ── RESPONSIVE LANDING ── */
@media(max-width:1024px){.lp-hero-content{padding:130px 40px 100px}.lp-problem-inner{grid-template-columns:1fr;gap:40px}.lp-problem-img{height:320px}.lp-mentor-inner{grid-template-columns:1fr;gap:40px}.mentor-photo{height:340px}.lp-testi-grid{grid-template-columns:1fr}.solution-cards{grid-template-columns:1fr}}
@media(max-width:768px){.lp-hero-content{padding:110px 24px 80px}.lp-problem,.lp-solution,.lp-curriculum,.lp-mentor,.lp-testi,.lp-faq,.lp-pricing,.lp-final{padding:64px 24px}.lp-sticky-bar{padding:14px 20px;flex-direction:column;gap:10px;text-align:center}.pricing-card{padding:36px 24px}.lp-hero-proof{flex-wrap:wrap;gap:20px}}