:root{
  --navy:#132A4C; --navy-deep:#0D1E38; --gold:#B8860B; --gold-light:#D9A93A;
  --green:#14532D; --ink:#222222; --gray:#5B6472; --cream:#FBF8F2; --white:#fff;
  --radius:14px; --maxw:760px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0; font-family:Georgia,'Times New Roman',serif; color:var(--ink);
  background:var(--white); line-height:1.65; font-size:17px;
}
img{max-width:100%; display:block}
a{color:inherit}
h1,h2,h3{font-family:Georgia,serif; margin:0 0 .5em; line-height:1.25}
.wrap{max-width:var(--maxw); margin:0 auto; padding:0 22px}
.wrap-wide{max-width:920px; margin:0 auto; padding:0 22px}

/* header */
header.bar{
  position:sticky; top:0; z-index:50; background:var(--navy-deep);
  border-bottom:1px solid rgba(184,134,11,.4);
}
header.bar .wrap-wide{display:flex; align-items:center; justify-content:space-between; padding:12px 22px}
.brand{color:var(--gold-light); font-weight:bold; font-size:15px; letter-spacing:.3px}
.brand small{display:block; color:#cbd5e1; font-weight:normal; font-size:11px; letter-spacing:1px; text-transform:uppercase}
.buy-btn{
  background:var(--gold); color:#1a1a1a; font-weight:bold; text-decoration:none;
  padding:10px 18px; border-radius:8px; font-family:Georgia,serif; font-size:14px;
  white-space:nowrap;
}
.buy-btn:hover{background:var(--gold-light)}
.price-tag{color:var(--white); font-size:13px; margin-right:12px; display:none}

/* hero */
.hero{background:linear-gradient(180deg,var(--navy),var(--navy-deep)); color:#EFEFEF; padding:52px 0 40px}
.eyebrow{color:var(--gold-light); text-transform:uppercase; letter-spacing:2px; font-size:12px; font-weight:bold; margin-bottom:14px}
.hero h1{font-size:32px; color:#fff}
.hero .meta{color:#9fb0c8; font-size:13px; margin:14px 0 24px}
.hero img{border-radius:var(--radius); box-shadow:0 20px 50px rgba(0,0,0,.45)}

/* body sections */
section{padding:38px 0}
section.cream{background:var(--cream)}
h2.section-title{color:var(--green); font-size:24px; border-bottom:3px solid var(--gold); display:inline-block; padding-bottom:6px; margin-bottom:20px}
p{margin:0 0 16px}
.lede{font-size:19px; color:var(--navy)}

/* what's inside */
.inside-list{list-style:none; margin:0; padding:0}
.inside-list li{
  display:flex; gap:14px; padding:14px 0; border-bottom:1px solid #e7e2d6;
}
.inside-list .num{color:var(--gold); font-weight:bold; font-size:18px; min-width:26px}
.inside-list .pg{color:var(--gray); font-size:13px; white-space:nowrap}
.inside-list .txt{flex:1}

/* testimonials */
.testi-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:18px}
@media(max-width:760px){.testi-grid{grid-template-columns:1fr}}
.testi{
  background:var(--white); border:1px solid #e7e2d6; border-radius:var(--radius);
  padding:20px; box-shadow:0 6px 18px rgba(0,0,0,.04);
}
.stars{color:var(--gold); letter-spacing:2px; margin-bottom:10px}
.testi p{font-style:italic; color:var(--ink); font-size:15px}
.testi .who{color:var(--green); font-weight:bold; font-size:14px; margin-top:10px}

/* pricing */
.price-box{
  background:var(--navy); color:#fff; border-radius:var(--radius); padding:34px 26px; text-align:center;
  box-shadow:0 20px 50px rgba(0,0,0,.25);
}
.price-box .was{color:#9fb0c8; text-decoration:line-through; font-size:18px}
.price-box .now{color:var(--gold-light); font-size:44px; font-weight:bold; margin:6px 0}
.price-box .scarcity{color:#ffd479; font-size:14px; margin-bottom:20px}
.price-box .buy-btn{display:inline-block; font-size:17px; padding:14px 34px}
.micro{font-size:12px; color:#9fb0c8; margin-top:14px}

/* bonuses */
.bonus-row{display:flex; gap:22px; align-items:center; padding:26px 0; border-bottom:1px solid #e7e2d6}
.bonus-row img{width:130px; border-radius:10px; flex-shrink:0}
.bonus-row .btitle{color:var(--green); font-weight:bold; font-size:17px; margin-bottom:6px}
.bonus-row .tag{display:inline-block; background:var(--gold); color:#1a1a1a; font-size:11px; font-weight:bold; padding:2px 8px; border-radius:5px; margin-bottom:8px}
@media(max-width:600px){.bonus-row{flex-direction:column; text-align:center}.bonus-row img{width:160px}}

/* guarantee */
.guarantee{background:var(--green); color:#eefbf1; border-radius:var(--radius); padding:32px 26px; text-align:center}
.guarantee h2{color:#fff; border:none}

/* footer */
footer{background:var(--navy-deep); color:#9fb0c8; padding:30px 0; font-size:13px; text-align:center}
footer a{color:var(--gold-light); text-decoration:none}

/* thank you page specifics */
.confirm{color:var(--gold-light); text-align:center; letter-spacing:2px; font-size:12px; font-weight:bold}
.thank-hero h1{text-align:center; font-size:30px}
.thank-hero .wrap{text-align:center}
.download-card{
  background:var(--white); border:1px solid #e7e2d6; border-radius:var(--radius);
  padding:20px 22px; margin-bottom:14px; display:flex; align-items:center; justify-content:space-between; gap:16px;
}
.download-card .dtitle{color:var(--green); font-weight:bold; font-size:16px; margin-bottom:4px}
.download-card .dsub{color:var(--gray); font-size:14px}
.dl-btn{
  background:var(--navy); color:#fff; text-decoration:none; padding:10px 20px;
  border-radius:8px; font-weight:bold; white-space:nowrap; font-family:Georgia,serif; font-size:14px;
}
.dl-btn:hover{background:var(--navy-deep)}
@media(max-width:560px){.download-card{flex-direction:column; align-items:flex-start}.dl-btn{width:100%; text-align:center}}

.steps{counter-reset:step}
.step{display:flex; gap:16px; margin-bottom:24px}
.step .n{
  counter-increment:step; background:var(--gold); color:#1a1a1a; font-weight:bold;
  width:34px; height:34px; border-radius:50%; display:flex; align-items:center; justify-content:center; flex-shrink:0;
}
.step .n::before{content:counter(step)}
.step h3{color:var(--green); font-size:17px; margin-bottom:4px}