:root{
  --bg:#050505; --panel:#0d0c09; --gold:#e4ac20; --gold2:#f2c84f;
  --text:#f3f1eb; --muted:#a39d92; --line:#2a2415;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0; background:var(--bg); color:var(--text);
  font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;
  -webkit-font-smoothing:antialiased; line-height:1.6;
}
img{max-width:100%; height:auto; display:block; border-radius:12px}
h1,h2{line-height:1.15; margin:0 0 .6em; letter-spacing:-.01em}
h2{font-size:clamp(1.7rem,4vw,2.6rem); text-align:center}
.gold{color:var(--gold)}
.sub{text-align:center; color:var(--muted); margin:-.4em auto 2em; max-width:44em}

/* NAV */
.nav{
  position:sticky; top:0; z-index:50; display:flex; justify-content:space-between; align-items:center;
  padding:12px 20px; background:rgba(5,5,5,.88); backdrop-filter:blur(10px);
  border-bottom:1px solid var(--line);
}
.nav .brand img{border-radius:0; height:44px; width:auto}

/* BUTTONS */
.btn{
  display:inline-block; padding:15px 28px; border:0; cursor:pointer;
  background:linear-gradient(110deg,#9c680b,#f2c84f,#a66d0a); color:#0b0802;
  font-weight:800; font-size:1rem; letter-spacing:.04em; text-transform:uppercase;
  border-radius:10px; text-decoration:none; transition:transform .15s, box-shadow .15s;
}
.btn:hover{transform:translateY(-2px); box-shadow:0 12px 30px rgba(228,172,32,.25)}
.btn-small{padding:10px 18px; font-size:.85rem}

/* HERO */
.hero{
  display:grid; gap:32px; padding:56px 20px 40px; max-width:1200px; margin:0 auto;
}
@media(min-width:900px){ .hero{grid-template-columns:1fr 1.1fr; align-items:center; padding-top:80px} }
.eyebrow{
  display:inline-block; color:var(--gold); text-transform:uppercase; letter-spacing:.22em;
  font-size:.78rem; font-weight:700; border:1px solid var(--line); border-radius:999px;
  padding:8px 16px; margin:0 0 18px;
}
.hero h1{font-size:clamp(2.2rem,6vw,3.8rem)}
.lede{font-size:1.15rem; color:var(--muted); max-width:34em}
.lede strong{color:var(--text)}
.capture{display:flex; gap:10px; margin-top:22px; flex-wrap:wrap}
.capture input{
  flex:1 1 240px; padding:15px 18px; font-size:1rem; border-radius:10px;
  border:1px solid var(--line); background:#111; color:var(--text);
}
.capture input:focus{outline:2px solid var(--gold); border-color:var(--gold)}
.form-note{font-size:.85rem; color:var(--muted); margin:10px 0 0}
.form-note.ok{color:#7dd87d}
.form-note.err{color:#e88}
.tagline{margin-top:26px; font-weight:700; letter-spacing:.14em; text-transform:uppercase; color:var(--gold); font-size:.85rem}
.hero-media img{border:1px solid var(--line); box-shadow:0 30px 80px rgba(0,0,0,.6)}

/* SECTIONS */
.section{padding:64px 20px; max-width:1100px; margin:0 auto}
.section:nth-of-type(even){background:linear-gradient(180deg,transparent,rgba(228,172,32,.03),transparent)}

/* PROBLEM CARDS */
.cards3{display:grid; gap:16px; margin-top:28px}
@media(min-width:800px){ .cards3{grid-template-columns:repeat(3,1fr)} }
.card{
  background:var(--panel); border:1px solid var(--line); border-radius:14px; padding:28px;
}
.card-num{font-size:2.6rem; font-weight:800; color:var(--gold)}
.card h3{margin:.4em 0 .3em; font-size:1.15rem}
.card p{color:var(--muted); margin:0}
.section-cta{text-align:center; font-size:1.25rem; font-weight:700; margin-top:32px}

/* STEPS */
.steps{list-style:none; padding:0; margin:28px 0 0; display:grid; gap:12px}
@media(min-width:800px){ .steps{grid-template-columns:repeat(3,1fr)} }
.steps li{
  display:flex; gap:14px; background:var(--panel); border:1px solid var(--line);
  border-radius:12px; padding:18px;
}
.step-n{
  flex:0 0 40px; height:40px; display:grid; place-items:center; border-radius:50%;
  border:1px solid var(--gold); color:var(--gold); font-weight:800;
}
.steps h3{margin:0 0 4px; font-size:1.05rem}
.steps p{margin:0; color:var(--muted); font-size:.93rem}

/* SPLIT */
.split{display:grid; gap:28px; align-items:center}
@media(min-width:900px){ .split{grid-template-columns:1fr 1fr} .split.reverse>div:first-child{order:2} }
.split h2{text-align:left}
.features{list-style:none; padding:0; margin:20px 0 0; display:grid; gap:14px}
.features li{background:var(--panel); border:1px solid var(--line); border-radius:10px; padding:14px 18px}
.features strong{color:var(--gold)}

/* VIDEO */
.teaser video{width:100%; max-width:860px; margin:24px auto 0; display:block; border-radius:14px; border:1px solid var(--line)}

/* TIERS */
.tier{text-align:center}
.tier-name{text-transform:uppercase; letter-spacing:.14em; font-size:.8rem; color:var(--muted)}
.tier-price{font-size:3rem; font-weight:800; color:var(--gold); margin:.1em 0}
.tier.highlight{border-color:var(--gold); box-shadow:0 0 40px rgba(228,172,32,.12)}
.tiers .capture{max-width:560px; margin:32px auto 0}
.tiers .form-note{text-align:center}

/* FAQ */
.faq details{
  background:var(--panel); border:1px solid var(--line); border-radius:10px;
  padding:16px 20px; margin-bottom:10px; max-width:760px; margin-left:auto; margin-right:auto;
}
.faq summary{cursor:pointer; font-weight:700; font-size:1.05rem}
.faq summary::marker{color:var(--gold)}
.faq p{color:var(--muted); margin:.6em 0 0}

/* FOOTER */
footer{
  border-top:1px solid var(--line); padding:40px 20px; text-align:center; color:var(--muted);
}
footer img{margin:0 auto 16px; border-radius:0}
footer .fine{font-size:.78rem; max-width:52em; margin:12px auto 0}