/* Membership niche sales pages - DARK COSMIC theme, matched to the rest of launchautomation.ai.
   Scoped to .lp-main so nothing leaks into the shared .lhd header / .la-footer footer.
   Rebuilt 2026-09-11: starfield background, light text everywhere (never dark-on-dark),
   gradient color-pop headlines, site-matching glowing gradient-purple pill buttons, no eyebrows. */

:root{
  --lp-p1:#5b21b6; --lp-p2:#7c3aed; --lp-p3:#9333ea; --lp-p4:#b06bff; --lp-p5:#c4a5ff; --lp-p6:#e9d5ff;
  --lp-gold:#fbbf24; --lp-ink:#fff; --lp-body:#cdc6e2; --lp-dim:#a99fc6;
  --lp-cos1:#0a0617; --lp-cos2:#140a30; --lp-line:rgba(176,107,255,.22);
  --lp-glass:rgba(255,255,255,.045); --lp-wide:1240px;
}

/* ---- scoped resets (confined to page content, never the shared chrome) ---- */
.lp-main{position:relative;font-size:18px;line-height:1.65;color:var(--lp-body);
  font-family:Lato,Arial,sans-serif;background:var(--lp-cos1)}
/* these pages carry the CSS, so it is safe to lift the shared footer above the fixed starfield here */
body:has(.lp-main) footer.la-footer{position:relative;z-index:1}
.lp-main *{box-sizing:border-box}
.lp-main a{color:inherit}
.lp-main img{max-width:100%;height:auto;display:block}
.lp-main :is(button,input,select){font:inherit}
.lp-main :is(button,a){-webkit-tap-highlight-color:transparent}
.lp-main :is(a,button,summary):focus-visible{outline:3px solid var(--lp-p4);outline-offset:4px;border-radius:6px}
.lp-main :is(h1,h2,h3,p,figure){margin:0}
.lp-main :is(h1,h2){font-family:Oswald,'Arial Narrow',sans-serif;font-weight:600;line-height:1.06;letter-spacing:-.02em}
.lp-main h3{font-family:Oswald,sans-serif;font-weight:600;letter-spacing:-.01em;color:var(--lp-ink)}
.lp-main p{max-width:70ch}
.lp-main p+p{margin-top:18px}
.lp-main strong{color:#fff}
.lp-wrap{width:min(var(--lp-wide),calc(100% - 64px));margin-inline:auto}
.lp-skip{position:absolute;left:12px;top:-100px;z-index:100;background:#fff;color:#000;padding:12px}
.lp-skip:focus{top:10px}

/* remove eyebrows + hero kicker sitewide on these pages (per Corey) */
.lp-main .lp-eyebrow,.lp-main .lp-kicker{display:none !important}

/* ---- the starfield: one fixed cosmic video behind everything, same clip as the rest of the site ---- */
.lp-sky{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden;background:var(--lp-cos1)}
.lp-sky .starbed{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;border:0}
.lp-sky-veil{position:absolute;inset:0;
  background:radial-gradient(1100px 620px at 50% -8%,rgba(91,33,182,.42),transparent 62%),
             radial-gradient(900px 700px at 92% 12%,rgba(124,58,237,.26),transparent 60%),
             linear-gradient(180deg,rgba(8,4,20,.80),rgba(8,4,20,.90))}
.lp-main>section,.lp-main>div:not(.lp-sky){position:relative;z-index:1}

/* ---- buttons: site glowing gradient-purple pills ---- */
.lp-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:54px;
  padding:15px 30px;border-radius:999px;font-family:Oswald,sans-serif;font-weight:700;letter-spacing:.04em;
  text-transform:uppercase;font-size:.94rem;text-decoration:none;position:relative;isolation:isolate;
  border:1.5px solid transparent;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,background .16s ease}
.lp-btn-gold,.lp-btn-purple{background:linear-gradient(135deg,#7c3aed,#9333ea 52%,#b06bff);color:#fff;
  box-shadow:0 12px 30px rgba(124,58,237,.45)}
.lp-btn-gold::before,.lp-btn-purple::before{content:"";position:absolute;inset:-3px;z-index:-1;border-radius:999px;
  background-image:linear-gradient(90deg,#3b82f6,#8b5cf6,#ec4899,#f97316,#3b82f6);background-size:300% 300%;
  filter:blur(8px);opacity:.7;animation:lpAura 6s linear infinite;transition:opacity .3s}
.lp-btn-gold:hover,.lp-btn-purple:hover{transform:translateY(-2px);box-shadow:0 18px 40px rgba(124,58,237,.55)}
.lp-btn-gold:hover::before,.lp-btn-purple:hover::before{opacity:1}
.lp-btn-outline,.lp-btn-light{background:rgba(255,255,255,.06);color:#fff;border-color:rgba(196,165,255,.5)}
.lp-btn-outline:hover,.lp-btn-light:hover{background:rgba(255,255,255,.12);border-color:rgba(216,180,254,.85);transform:translateY(-2px)}
@keyframes lpAura{to{background-position:200% 0}}

/* ---- hero ---- */
.lp-hero{position:relative;overflow:hidden;padding:40px 0 84px}
.lp-hero::before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:radial-gradient(820px 520px at 80% 42%,rgba(124,58,237,.32),transparent 62%),
             linear-gradient(90deg,rgba(8,4,20,.72),rgba(8,4,20,.28) 60%,transparent)}
.lp-breadcrumb{font-size:14px;display:flex;flex-wrap:wrap;gap:10px;color:var(--lp-dim);margin-bottom:46px}
.lp-breadcrumb a{text-decoration:none}.lp-breadcrumb a:hover{color:#fff}
.lp-hero-grid{display:grid;grid-template-columns:1fr 1.08fr;gap:48px;align-items:center}
.lp-hero h1{max-width:13ch;font-size:clamp(3rem,5vw,4.9rem);color:#fff;text-shadow:0 0 42px rgba(150,120,255,.35)}
.lp-hero h1 .lp-hl{background:linear-gradient(92deg,#c4b5fd,#f0abfc 55%,#fbbf24);-webkit-background-clip:text;
  background-clip:text;-webkit-text-fill-color:transparent;color:transparent}
.lp-lead{font-size:19px;color:#e0d9ee;margin-top:26px;line-height:1.7;max-width:54ch}
.lp-actions{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin-top:32px}
.lp-small{font-size:14px}.lp-hero .lp-small{color:var(--lp-dim);margin-top:16px}
.lp-showcase{position:relative;padding:20px 0 96px;min-width:0}
.lp-screen{background:#0d0a1c;border:7px solid #241d38;border-radius:16px;overflow:hidden;
  box-shadow:0 34px 80px rgba(6,2,18,.7);transform:perspective(1200px) rotateY(-7deg) rotateX(2deg)}
.lp-screen-top{height:30px;background:#1a1530;color:#a99fc6;display:flex;gap:5px;align-items:center;padding:0 12px;font:11px Lato,sans-serif}
.lp-screen-top i{height:6px;width:6px;border-radius:50%;background:#4a4166}
.lp-screen-top span{margin:auto;position:relative;left:-10px}
.lp-screen img{width:100%;aspect-ratio:1330/755;object-fit:contain;background:#fff}
.lp-caption-tag{position:absolute;left:18px;bottom:6px;color:#f0e7ff;background:linear-gradient(160deg,#2a1745,#1a1030);
  border:1px solid rgba(176,107,255,.5);border-radius:12px;padding:15px 22px;font-size:15px;box-shadow:0 18px 40px rgba(6,2,18,.55)}
.lp-caption-tag strong{display:block;font:600 24px Oswald,sans-serif;color:#fff}
.lp-screen-label{font-size:13px;color:var(--lp-dim);margin:22px 0 0;line-height:1.5}

/* ---- pill row ---- */
.lp-pillrow{display:flex;flex-wrap:wrap;justify-content:center;gap:16px 40px;padding:22px 24px;
  border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08);
  background:rgba(124,58,237,.06);font-size:15px;font-weight:700;color:#efeaff}
.lp-pillrow span{display:flex;align-items:center;gap:9px}
.lp-pillrow span:before{content:'';width:16px;height:16px;border-radius:50%;flex:0 0 auto;
  background:radial-gradient(circle at 35% 30%,#e9d5ff,#7c3aed);box-shadow:0 0 10px rgba(176,107,255,.6)}

/* ---- generic section ---- */
.lp-section{padding:96px 0;position:relative}
.lp-section+.lp-section{border-top:1px solid rgba(255,255,255,.06)}
.lp-section.lp-tint{background:rgba(124,58,237,.07)}
.lp-section-heading{display:grid;grid-template-columns:1.1fr 1fr;gap:64px;align-items:end;margin-bottom:46px}
.lp-section-heading p,.lp-library p,.lp-money p,.lp-possibility p,.lp-faq-intro p{color:var(--lp-body)}
.lp-section h2,.lp-final h2{font-size:clamp(2.2rem,3.8vw,3.5rem);color:#fff}
.lp-section h2{background:linear-gradient(90deg,#ffffff 0%,#efe6ff 46%,#c9b6ff 100%);-webkit-background-clip:text;
  background-clip:text;-webkit-text-fill-color:transparent;color:transparent;text-shadow:none}

/* problems */
.lp-problems{display:grid;grid-template-columns:repeat(3,1fr);gap:34px}
.lp-problems article{padding-top:26px;border-top:2px solid var(--lp-p4)}
.lp-problems h3{font-size:1.28rem}
.lp-problems p{font-size:17px;color:var(--lp-body);margin-top:15px}

/* dark/journey */
.lp-dark{background:rgba(10,6,23,.35)}
.lp-dark p{color:#d6cfe8}
.lp-journey{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:48px}
.lp-journey article{position:relative;border-top:1px solid rgba(176,107,255,.35);padding:34px 24px 0 0}
.lp-journey article:before{content:attr(data-step);position:absolute;top:-18px;left:0;width:34px;height:34px;
  background:linear-gradient(160deg,#9333ea,#5b21b6);border:3px solid var(--lp-cos1);border-radius:50%;
  display:grid;place-items:center;font-size:13px;color:#fff;font-weight:900;box-shadow:0 0 16px rgba(124,58,237,.6)}
.lp-journey h3{font-size:1.15rem}
.lp-journey p{font-size:16px;color:var(--lp-body);margin-top:13px}
.lp-product-example{border-left:3px solid var(--lp-gold);padding:20px 28px;
  background:rgba(124,58,237,.14);border-radius:0 12px 12px 0;margin-top:44px;font-size:18px;color:#ece7f8}
.lp-product-example p{max-width:100%;color:#ece7f8}

/* features */
.lp-feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0 38px}
.lp-feature{padding:30px 0;border-bottom:1px solid rgba(255,255,255,.1)}
.lp-feature-number{font-family:Oswald,sans-serif;color:var(--lp-p5);font-size:28px;display:block;margin-bottom:12px;
  text-shadow:0 0 18px rgba(176,107,255,.5)}
.lp-feature h3{font-size:1.18rem}
.lp-feature p{margin-top:12px;color:var(--lp-body);font-size:17px}

/* course library */
.lp-library{display:grid;grid-template-columns:1fr 1.05fr;gap:64px;align-items:start}
.lp-library p{margin-top:22px}
.lp-course-list{display:grid;gap:16px}
.lp-course-row{padding:24px;background:var(--lp-glass);border:1px solid var(--lp-line);border-radius:14px;
  display:grid;grid-template-columns:44px 1fr;gap:18px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.lp-course-row>span{font-size:26px;color:var(--lp-p5);font-family:Oswald,sans-serif}
.lp-course-row h3{font-size:1.12rem}
.lp-course-row p{font-size:16px;margin:8px 0 0;color:var(--lp-body)}
.lp-course-callout{padding:18px 0;font-size:16px;color:var(--lp-dim)}

/* ideas */
.lp-ideas{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
.lp-idea{border-radius:16px;padding:30px;background:var(--lp-glass);border:1px solid var(--lp-line);
  -webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.lp-idea h3{font-size:1.24rem}
.lp-idea p{font-size:17px;color:var(--lp-body);margin-top:15px}
.lp-ideas-label{font-size:14px;color:var(--lp-dim);margin-top:18px}

/* possibility / config */
.lp-possibility{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}
.lp-possibility h2{max-width:12ch}
.lp-possibility p{margin-top:22px}
.lp-config{background:var(--lp-glass);border:1px solid var(--lp-line);border-radius:16px;overflow:hidden;
  box-shadow:0 26px 60px rgba(6,2,18,.5);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.lp-config-title{background:rgba(124,58,237,.2);padding:22px 25px;border-bottom:1px solid rgba(255,255,255,.1);
  font:700 16px Oswald,sans-serif;letter-spacing:.02em;color:#fff}
.lp-config dl{margin:0;padding:0 25px}
.lp-config dl>div{padding:18px 0;border-bottom:1px solid rgba(255,255,255,.08);display:flex;justify-content:space-between;gap:20px}
.lp-config dl>div:last-child{border:0}
.lp-config dt{font-size:15px;color:var(--lp-body)}
.lp-config dd{font-size:15px;font-weight:800;margin:0;text-align:right;color:#fff}
.lp-config .lp-swatch{display:inline-block;width:17px;height:17px;border-radius:50%;background:var(--swatch);vertical-align:middle;margin-left:5px;box-shadow:0 0 0 1px rgba(255,255,255,.2)}
.lp-config-bottom{padding:20px 25px;background:rgba(124,58,237,.1);font-size:14px;color:var(--lp-dim)}

/* investment / money */
.lp-money{display:grid;grid-template-columns:1.05fr 1fr;gap:64px;align-items:center}
.lp-money h2{max-width:12ch}
.lp-money p{margin-top:22px}
.lp-price-panel{padding:40px;border-radius:20px;border:1px solid var(--lp-line);
  background:linear-gradient(160deg,rgba(124,58,237,.16),rgba(255,255,255,.03));
  -webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 26px 60px rgba(6,2,18,.5)}
.lp-price-panel h3{font-size:1.5rem}
.lp-price-panel ul{padding-left:0;margin:24px 0;color:var(--lp-body);list-style:none}
.lp-price-panel li{margin:12px 0;padding-left:30px;position:relative}
.lp-price-panel li:before{content:'✓';position:absolute;left:0;top:0;color:var(--lp-p5);font-weight:900}
.lp-price-panel .lp-small{margin-top:15px;color:var(--lp-dim)}

/* process */
.lp-process{display:grid;grid-template-columns:repeat(3,1fr);gap:38px;margin-top:44px}
.lp-process strong{display:block;font:600 40px Oswald,sans-serif;
  background:linear-gradient(135deg,#c4b5fd,#f0abfc);-webkit-background-clip:text;background-clip:text;
  -webkit-text-fill-color:transparent;color:transparent;margin-bottom:16px}
.lp-process h3{font-size:1.15rem}
.lp-process p{font-size:17px;color:var(--lp-body);margin-top:14px}
.lp-static-note{font-size:14px;color:var(--lp-dim);margin-top:18px}

/* faq */
.lp-faq-layout{display:grid;grid-template-columns:.72fr 1.28fr;gap:64px}
.lp-faq-intro p{margin-top:22px}
.lp-faq details{border-bottom:1px solid rgba(255,255,255,.12)}
.lp-faq summary{cursor:pointer;padding:21px 40px 21px 0;list-style:none;font-weight:800;font-size:18px;position:relative;color:#fff}
.lp-faq summary::-webkit-details-marker{display:none}
.lp-faq summary:after{content:'+';position:absolute;right:3px;color:var(--lp-p5);font-size:26px;top:13px;transition:transform .2s}
.lp-faq details[open] summary:after{content:'−'}
.lp-faq details p{padding:0 30px 24px 0;color:var(--lp-body);font-size:17px;max-width:none}

/* closing CTA */
.lp-final{padding:92px 0;position:relative;overflow:hidden;
  background:linear-gradient(95deg,rgba(50,17,107,.92),rgba(91,33,182,.82))}
.lp-final::before{content:'';position:absolute;inset:0;z-index:-1;
  background:radial-gradient(600px 300px at 12% 20%,rgba(176,107,255,.35),transparent 60%)}
.lp-final .lp-wrap{display:grid;grid-template-columns:1.35fr 1fr;align-items:center;gap:50px}
.lp-final h2{color:#fff;-webkit-text-fill-color:#fff;background:none}
.lp-final p{color:#e8dbff;margin-top:20px}
.lp-final .lp-actions{margin:0;justify-content:flex-end}

/* related */
.lp-related{padding:52px 0}
.lp-related h3{color:#fff;font-size:1.2rem}
.lp-related-links{display:flex;gap:14px;flex-wrap:wrap;margin-top:20px}
.lp-related-links a{padding:11px 20px;text-decoration:none;border:1px solid rgba(196,165,255,.32);
  border-radius:999px;font-size:15px;font-weight:700;color:#efeaff;background:rgba(255,255,255,.05);transition:.15s}
.lp-related-links a:hover{border-color:rgba(216,180,254,.8);background:rgba(255,255,255,.1);transform:translateY(-1px)}

/* ============ responsive ============ */
@media(max-width:1000px){
  .lp-hero-grid{gap:30px;grid-template-columns:1fr 1fr}
  .lp-hero h1{font-size:3.6rem}
  .lp-section-heading,.lp-library,.lp-possibility,.lp-money,.lp-faq-layout{gap:40px}
  .lp-hero{padding-bottom:60px}
  .lp-problems,.lp-ideas{gap:24px}
  .lp-feature-grid{gap:0 24px}
  .lp-final .lp-wrap{grid-template-columns:1fr}
  .lp-final .lp-actions{justify-content:flex-start}
}
@media(max-width:760px){
  .lp-main{font-size:17px}
  .lp-wrap{width:calc(100% - 40px)}
  .lp-breadcrumb{margin-bottom:26px;font-size:12px}
  .lp-hero{padding:24px 0 46px}
  .lp-hero-grid{grid-template-columns:1fr;gap:34px}
  .lp-hero h1{font-size:2.9rem;max-width:15ch}
  .lp-lead{font-size:17px;margin-top:20px}
  .lp-actions{gap:10px}
  .lp-btn{width:100%;min-height:52px;padding:14px 20px;font-size:.9rem}
  .lp-hero .lp-actions .lp-btn{width:auto;flex:1 1 auto}
  .lp-showcase{max-width:560px;width:100%;margin:auto;padding:6px 0 80px}
  .lp-caption-tag{left:8px;bottom:6px;padding:11px 16px}
  .lp-screen-label{margin-top:16px;font-size:12px}
  .lp-section{padding:60px 0}
  .lp-section-heading,.lp-library,.lp-possibility,.lp-money,.lp-faq-layout{grid-template-columns:1fr;gap:26px}
  .lp-section-heading{margin-bottom:30px}
  .lp-problems,.lp-ideas,.lp-process{grid-template-columns:1fr;gap:26px}
  .lp-journey{grid-template-columns:1fr 1fr;gap:44px 22px}
  .lp-journey article{padding-right:0}
  .lp-feature-grid{grid-template-columns:1fr 1fr;gap:0 22px}
  .lp-product-example{padding:20px;margin-top:34px}
  .lp-price-panel{padding:28px}
  .lp-final{padding:60px 0}
  .lp-pillrow{gap:12px 22px;font-size:13px}
  .lp-section h2,.lp-section-heading h2,.lp-library h2,.lp-money h2,.lp-possibility h2{max-width:18ch}
}
@media(max-width:430px){
  .lp-hero h1{font-size:2.5rem}
  .lp-journey{grid-template-columns:1fr}
  .lp-feature-grid{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){
  .lp-btn,.lp-related-links a{transition:none}
  .lp-btn-gold::before,.lp-btn-purple::before{animation:none;opacity:.55}
  .lp-btn-gold:hover,.lp-btn-purple:hover,.lp-btn-outline:hover{transform:none}
  /* stop the perpetual background motion; the veil + cosmic ground stay */
  .lp-sky .starbed{display:none}
}