@font-face{font-family:"Playfair Display";src:url(/fonts/playfair-display-latin-600-normal.woff2) format("woff2");font-weight:600;font-display:swap}
@font-face{font-family:"Playfair Display";src:url(/fonts/playfair-display-latin-700-normal.woff2) format("woff2");font-weight:700;font-display:swap}
@font-face{font-family:"Playfair Display";src:url(/fonts/playfair-display-latin-400-italic.woff2) format("woff2");font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:"Lora";src:url(/fonts/lora-latin-400-normal.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Lora";src:url(/fonts/lora-latin-600-normal.woff2) format("woff2");font-weight:600;font-display:swap}
@font-face{font-family:"Caveat";src:url(/fonts/caveat-latin-500-normal.woff2) format("woff2");font-weight:500;font-display:swap}

:root{--cream:#fbf6ea;--cream2:#f4ead3;--cran:#7a1f2b;--cran2:#9b2a38;--green:#2f4a3a;--gold:#b08d3e;--gold2:#d8c08a;--ink:#2a2522;--muted:#6b5f55}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--cream);color:var(--ink);font-family:Lora,Georgia,serif;font-size:19px;line-height:1.6}
img,video{max-width:100%;height:auto;display:block}
h1,h2,h3{font-family:"Playfair Display",Georgia,serif;color:var(--cran);line-height:1.2;margin:0 0 .5em}
h1{font-size:2.15rem}
h2{font-size:1.85rem;text-align:center}
h3{font-size:1.3rem}
p{margin:0 0 1em}
a{color:var(--cran)}
.wrap{max-width:1040px;margin:0 auto;padding:0 20px}
.narrow{max-width:720px;margin:0 auto;padding:0 20px}
section{padding:52px 0}
.center{text-align:center}
.eyebrow{font-family:"Playfair Display",serif;letter-spacing:.24em;text-transform:uppercase;font-size:.8rem;color:var(--gold)}
.ornament{color:var(--gold);text-align:center;font-size:1.1rem;letter-spacing:.6em;margin:.2em 0 .8em}

/* buttons */
.btn{display:flex;align-items:center;justify-content:center;min-height:60px;padding:14px 28px;background:var(--cran);color:#fff8ea;font-family:"Playfair Display",serif;font-weight:700;font-size:1.3rem;text-decoration:none;border-radius:10px;border:2px solid var(--gold);box-shadow:0 4px 0 #561520;text-align:center;line-height:1.2;width:100%;max-width:460px;margin:0 auto}
.btn:hover{background:var(--cran2)}
.btn:active{transform:translateY(2px);box-shadow:0 2px 0 #561520}
.btn.green{background:var(--green);box-shadow:0 4px 0 #1e3127}
.pdfnote{font-size:.92rem;color:var(--muted);text-align:center;margin:.7em auto 0;max-width:460px;line-height:1.45}
.pdfnote b{color:var(--green)}

/* header */
.topbar{background:var(--green);color:var(--cream);text-align:center;font-size:.9rem;padding:8px 14px;letter-spacing:.02em}

/* hero */
.hero{background:radial-gradient(ellipse at 50% 0%,#8d2533 0%,#6a1823 65%,#4e1019 100%);color:var(--cream);padding:36px 0 46px;border-bottom:5px solid var(--gold)}
.hero h1{color:#fff8ea;font-size:2.25rem;text-align:center}
.hero .sub{text-align:center;font-size:1.12rem;color:#f3e3c4;max-width:680px;margin:0 auto 1.3em}
.hero .sub b{color:#fff}
.video{position:relative;max-width:760px;margin:0 auto 26px;border:4px solid var(--gold);border-radius:8px;overflow:hidden;background:#000;aspect-ratio:16/9;box-shadow:0 14px 34px rgba(0,0,0,.4)}
.video video{width:100%;height:100%;object-fit:cover}
.hero .pdfnote{color:#efdcb8}
.hero .pdfnote b{color:#fff}

/* stats */
.stats{background:var(--cream2);padding:22px 0;border-bottom:1px solid var(--gold2)}
.stats ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:16px;text-align:center}
.stats b{display:block;font-family:"Playfair Display",serif;font-size:1.9rem;color:var(--cran);line-height:1.1}
.stats span{font-size:.95rem;color:var(--muted)}

/* familiar */
.pains{list-style:none;padding:0;margin:0 auto;max-width:640px}
.pains li{background:#fff;border:1px solid var(--gold2);border-left:5px solid var(--cran);padding:16px 18px;margin-bottom:12px;border-radius:6px}
.pains li b{font-family:"Playfair Display",serif;color:var(--cran);display:block;font-size:1.15rem}

/* costs */
.costs{background:#fff;border-top:1px solid var(--gold2);border-bottom:1px solid var(--gold2)}
.cost-grid{display:grid;gap:14px;max-width:760px;margin:0 auto}
.cost-card{border:1px solid var(--gold2);border-radius:8px;padding:18px 20px;background:var(--cream)}
.cost-card .price{font-family:"Playfair Display",serif;font-size:1.6rem;color:var(--cran);font-weight:700}
.cost-card.us{background:var(--green);color:var(--cream);border-color:var(--gold)}
.cost-card.us .price{color:#fff}
.cost-card.us h3{color:var(--gold2)}
.small{font-size:.85rem;color:var(--muted)}
.cost-card.us .small{color:#cfd9cf}

/* look inside */
.inside{display:grid;grid-template-columns:1fr 1fr;gap:14px;max-width:900px;margin:0 auto}
.inside figure{margin:0;background:#fff;border:1px solid var(--gold2);padding:6px;box-shadow:0 6px 16px rgba(60,40,20,.12)}
.inside figcaption{font-size:.85rem;color:var(--muted);text-align:center;padding-top:6px}

/* parts */
.parts{list-style:none;padding:0;margin:0 auto;max-width:720px}
.parts li{display:flex;gap:16px;padding:16px 0;border-bottom:1px dotted var(--gold2)}
.parts .n{flex:0 0 52px;height:52px;border-radius:50%;background:var(--cran);color:#fff8ea;font-family:"Playfair Display",serif;font-weight:700;font-size:1.25rem;display:flex;align-items:center;justify-content:center;border:2px solid var(--gold)}
.parts h3{margin:0 0 .2em}
.parts p{margin:0;color:#4a403a}

/* buy box */
.buybox{background:#fffdf6;border:3px double var(--gold);border-radius:12px;max-width:560px;margin:0 auto;padding:28px 22px;text-align:center;box-shadow:0 10px 30px rgba(60,40,20,.12)}
.buybox .title{font-family:"Playfair Display",serif;font-size:1.55rem;color:var(--cran);font-weight:700;line-height:1.2}
.buybox .price{font-family:"Playfair Display",serif;font-size:3.2rem;color:var(--green);font-weight:700;line-height:1;margin:.3em 0 .1em}
.buybox .price small{font-size:1rem;color:var(--muted);font-weight:400}
.buybox ul{text-align:left;list-style:none;padding:0;margin:16px auto 20px;max-width:400px}
.buybox li{padding-left:30px;position:relative;margin-bottom:8px}
.buybox li::before{content:"✓";position:absolute;left:0;color:var(--green);font-weight:700}
.guarantee{display:flex;gap:12px;align-items:center;text-align:left;background:var(--cream2);border-radius:8px;padding:12px 14px;margin-top:18px;font-size:.95rem}
.seal{flex:0 0 66px;height:66px;border-radius:50%;background:var(--gold);color:#fff;display:flex;align-items:center;justify-content:center;text-align:center;font-family:"Playfair Display",serif;font-weight:700;font-size:.72rem;line-height:1.1;border:3px double #fff}

/* note */
.note{background:var(--green);color:var(--cream)}
.note h2{color:var(--gold2)}
.note .inner{display:grid;gap:24px;align-items:center;max-width:860px;margin:0 auto}
.note .portrait{width:230px;height:290px;margin:0 auto;border-radius:115px 115px 8px 8px;overflow:hidden;border:4px solid var(--gold);box-shadow:0 0 0 6px var(--green),0 0 0 8px var(--gold2)}
.note .portrait img{width:100%;height:100%;object-fit:cover;object-position:50% 20%}
.note .sig{font-family:Caveat,cursive;font-size:2.2rem;color:var(--gold2);line-height:1}

/* faq */
details{background:#fff;border:1px solid var(--gold2);border-radius:8px;margin:0 auto 12px;max-width:720px}
summary{cursor:pointer;padding:18px 20px;font-family:"Playfair Display",serif;font-weight:700;font-size:1.15rem;color:var(--cran);list-style:none;min-height:56px}
summary::-webkit-details-marker{display:none}
summary::after{content:"+";float:right;color:var(--gold);font-size:1.4rem;line-height:1}
details[open] summary::after{content:"–"}
details .a{padding:0 20px 16px}

/* final */
.final{background:radial-gradient(ellipse at 50% 0%,#8d2533 0%,#6a1823 70%);color:var(--cream);text-align:center}
.final h2{color:#fff8ea}
.final .pdfnote{color:#efdcb8}

/* footer */
footer{background:#2a1f1c;color:#cbbfae;font-size:.9rem;padding:28px 0 110px;text-align:center;line-height:1.6}
footer a{color:var(--gold2)}

/* sticky mobile bar */
.sticky{position:fixed;left:0;right:0;bottom:0;padding:10px 14px calc(10px + env(safe-area-inset-bottom));background:rgba(251,246,234,.97);border-top:2px solid var(--gold);z-index:50;box-shadow:0 -6px 18px rgba(0,0,0,.12)}
.sticky .btn{min-height:56px;font-size:1.2rem;max-width:520px}
.sticky .pdfnote{margin-top:4px;font-size:.78rem}

/* thanks + terms */
.panel{background:#fff;border:1px solid var(--gold2);border-radius:12px;padding:24px 20px;margin:0 auto 22px;max-width:720px}
.steps3{counter-reset:s;list-style:none;padding:0;margin:0}
.steps3 li{counter-increment:s;position:relative;padding-left:52px;margin-bottom:14px;min-height:40px}
.steps3 li::before{content:counter(s);position:absolute;left:0;top:0;width:38px;height:38px;border-radius:50%;background:var(--cran);color:#fff;font-family:"Playfair Display",serif;font-weight:700;display:flex;align-items:center;justify-content:center}
.two{display:grid;gap:18px}
.status{text-align:center;font-size:1.1rem}
.prose h2{text-align:left;font-size:1.4rem;margin-top:1.4em}

@media (min-width:760px){
  body{font-size:19px}
  h1,.hero h1{font-size:3rem}
  h2{font-size:2.2rem}
  section{padding:72px 0}
  .stats ul{grid-template-columns:repeat(4,1fr)}
  .cost-grid{grid-template-columns:1fr 1fr 1fr}
  .inside{grid-template-columns:repeat(3,1fr)}
  .note .inner{grid-template-columns:260px 1fr}
  .two{grid-template-columns:1fr 1fr}
}
@media (min-width:900px){
  .sticky{display:none}
  footer{padding-bottom:40px}
}