:root { --ink:#0a090b; --navy:#21384a; --wine:#71152e; --cream:#f1e8dc; --paper:#e7ddd0; --gold:#c8a36d; --serif:"Playfair Display",Georgia,serif; --sans:"Manrope",Arial,sans-serif; --mono:"DM Mono",monospace; }
* { box-sizing:border-box; }
html { background:var(--ink); scroll-behavior:smooth; }
body { margin:0; color:var(--cream); background:radial-gradient(ellipse at 80% 15%,#71152e30,transparent 30%),var(--ink); font:400 16px/1.7 var(--sans); -webkit-font-smoothing:antialiased; }
a { color:inherit; }
a:focus-visible,input:focus-visible,button:focus-visible,summary:focus-visible { outline:2px solid var(--gold); outline-offset:5px; }
.shell { width:min(1380px,calc(100% - 80px)); margin:auto; }
.masthead { border-bottom:1px solid #f1e8dc25; }
.masthead-inner { min-height:88px; display:flex; align-items:center; justify-content:space-between; gap:2rem; }
.brand { display:flex; gap:1rem; align-items:center; text-decoration:none; }
.brand-mark { width:29px; height:29px; display:grid; place-items:center; border:1px solid var(--gold); transform:rotate(45deg); flex-shrink:0; }
.brand-mark i { width:8px; height:8px; background:#a92a4c; }
.brand-copy { display:grid; gap:6px; }
.brand-copy strong { font:500 .78rem/1.3 var(--mono); letter-spacing:.1em; text-transform:uppercase; }
.brand-copy span { font:400 .68rem/1.3 var(--mono); color:#b6a99e; }
.back-link,.footer-link { display:inline-flex; align-items:center; min-height:44px; font:500 .72rem/1.5 var(--mono); text-decoration:none; }
.back-link:hover,.footer-link:hover { color:var(--gold); }
.hero { display:grid; grid-template-columns:minmax(0,1.15fr) minmax(360px,.8fr); gap:clamp(3rem,6vw,6rem); align-items:center; padding-block:clamp(4rem,7vw,7rem); }
.hero > * { min-width:0; }
.eyebrow { margin:0 0 1.6rem; color:var(--gold); font:500 .72rem/1.6 var(--mono); letter-spacing:.1em; text-transform:uppercase; }
h1,h2 { margin:0; font-weight:500; font-family:var(--serif); letter-spacing:-.055em; }
h1 { font-size:clamp(3.5rem,5.8vw,6.4rem); line-height:1; }
h1 em { display:block; }
h1 em,h2 em { color:var(--gold); font-weight:500; }
.lead { max-width:640px; margin:1.8rem 0 0; color:#c7bdb4; font-size:1.08rem; line-height:1.85; }
.hero-actions { display:flex; align-items:center; flex-wrap:wrap; gap:1rem 1.8rem; margin-top:2rem; }
.button,button { display:inline-flex; align-items:center; justify-content:center; gap:1.4rem; min-height:52px; padding:1rem 1.3rem; border:0; font:500 .78rem/1.4 var(--mono); text-decoration:none; cursor:pointer; transition:background .2s ease; }
.button-gold { background:var(--gold); color:var(--ink); }
.button-gold:hover { background:var(--cream); }
.text-link { display:inline-flex; align-items:center; justify-content:space-between; gap:1.2rem; min-height:48px; font:500 .8rem/1.5 var(--mono); text-decoration:none; border-bottom:1px solid currentColor; }
.text-link:hover { color:var(--gold); }
.trial-note { margin:.8rem 0 0; color:#b9ada1; font-size:.8rem; }
.value-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); margin-top:2.5rem; border-top:1px solid #f1e8dc33; }
.value { padding:1.3rem 1.1rem 0 0; }
.value + .value { padding-left:1.1rem; border-left:1px solid #f1e8dc25; }
.value small { display:block; margin-bottom:.8rem; color:var(--gold); font:500 .67rem/1.5 var(--mono); }
.value strong { display:block; margin-bottom:.5rem; font:500 1.2rem/1.25 var(--serif); }
.value span { display:block; color:#b9ada1; font-size:.86rem; line-height:1.65; }
.offer-wrap { position:relative; padding:1rem 1rem 0 0; scroll-margin-top:2rem; }
.offer-wrap::before { content:""; position:absolute; inset:0 0 1rem 1rem; border:1px solid #c8a36d70; background:#71152e25; transform:rotate(1.35deg); }
.offer { position:relative; background:var(--paper); color:var(--ink); box-shadow:0 30px 80px #0005; }
.report-cover { padding:1.5rem 1.7rem 2rem; color:var(--cream); background:radial-gradient(circle at 85% 70%,#9b244470,transparent 55%),var(--navy); border-bottom:9px solid #9b2444; }
.report-meta { display:flex; justify-content:space-between; gap:1rem; font:400 .62rem/1.5 var(--mono); color:#d6c9bd; }
.report-title { display:grid; margin-top:2rem; font:500 clamp(2.8rem,4vw,4.3rem)/.85 var(--serif); letter-spacing:-.06em; }
.report-title span:last-child { margin-left:10%; font-style:italic; }
.offer-body { padding:1.75rem; }
.offer-kicker { margin:0 0 1rem; color:var(--wine); font:500 .69rem/1.5 var(--mono); }
.price-row { display:flex; align-items:end; justify-content:space-between; flex-wrap:wrap; gap:1rem; }
.price-row h2 { font-size:clamp(2.8rem,3.6vw,4rem); line-height:1; }
.price-row span { color:#564b45; font:500 .73rem/1.6 var(--mono); }
.offer-copy { color:#534a44; font-size:.94rem; margin:1.2rem 0 0; }
form { margin-top:1.5rem; }
label { display:block; margin-bottom:.6rem; font:500 .76rem/1.5 var(--mono); }
input { width:100%; min-height:52px; padding:.8rem 1rem; border:1px solid #776b60; border-radius:0; background:#fff8; color:var(--ink); font:400 1rem/1.5 var(--sans); }
button { width:100%; margin-top:.8rem; color:var(--cream); background:var(--wine); }
button:hover { background:#481020; }
.fine { margin:1rem 0 0; color:#5c5048; font-size:.78rem; line-height:1.7; }
.offer-sample { display:inline-flex; align-items:center; min-height:44px; margin-top:.8rem; color:var(--wine); font-size:.85rem; text-underline-offset:4px; }
.sample-section { padding-block:clamp(4rem,7vw,7rem); background:var(--paper); color:var(--ink); scroll-margin-top:1rem; }
.section-heading { display:grid; grid-template-columns:1fr 1fr; align-items:end; gap:4rem; margin-bottom:3.5rem; }
.sample-section .eyebrow { color:var(--wine); }
h2 { font-size:clamp(2.8rem,4.5vw,4.8rem); line-height:1.05; }
.sample-section h2 em { color:var(--wine); }
.sample-intro { max-width:530px; }
.sample-intro > p:first-child { margin:0 0 1rem; color:#534943; }
.sample-intro .text-link { color:var(--wine); }
.sample-intro .text-link:hover { color:var(--ink); }
.sample-note { margin:1rem 0 0; font-size:.8rem; line-height:1.65; color:#64584f; }
.sample-pages { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:2rem; }
figure { margin:0; min-width:0; }
.sample-pages figure > a { display:block; box-shadow:0 12px 30px #26171b25; transition:transform .25s ease; }
.sample-pages figure > a:hover { transform:translateY(-5px); }
.sample-pages img { display:block; width:100%; height:auto; }
figcaption { padding-top:1.5rem; }
figcaption > span { display:block; margin-bottom:.7rem; color:var(--wine); font:500 .72rem/1.5 var(--mono); }
figcaption strong { display:block; font:500 1.4rem/1.3 var(--serif); }
figcaption p { color:#534943; font-size:.92rem; line-height:1.7; margin:.7rem 0 0; }
.faq-section { display:grid; grid-template-columns:1fr 1.15fr; gap:5rem; padding-block:clamp(4rem,7vw,7rem); }
.faq-section .text-link { margin-top:2rem; }
.faq-list { border-top:1px solid #f1e8dc40; }
details { border-bottom:1px solid #f1e8dc40; }
summary { display:flex; align-items:center; justify-content:space-between; gap:1rem; padding:1.5rem 0; cursor:pointer; font:500 1.3rem/1.4 var(--serif); list-style:none; }
summary::-webkit-details-marker { display:none; }
summary::after { content:"+"; color:var(--gold); font:400 1.3rem/1 var(--sans); }
details[open] summary::after { content:"−"; }
details p { margin:0 0 1.5rem; color:#c7bdb4; font-size:.95rem; }
footer { border-top:1px solid #f1e8dc33; }
.footer-inner { display:flex; align-items:center; justify-content:space-between; gap:3rem; padding-block:2rem; }
.disclaimer { max-width:820px; margin:0; color:#aa9d91; font-size:.78rem; line-height:1.7; }
.footer-link { flex-shrink:0; color:#c7bdb4; }
@media(max-width:980px) {
  .shell { width:calc(100% - 48px); }
  .hero { grid-template-columns:1fr; gap:3.5rem; }
  .hero-copy { max-width:760px; }
  .offer-wrap { width:min(100%,560px); margin:auto; }
  .section-heading { gap:2rem; }
  .sample-pages { gap:1.2rem; }
  .faq-section { gap:3rem; grid-template-columns:.85fr 1.15fr; }
  .footer-inner { align-items:start; flex-direction:column; gap:1rem; }
}
@media(max-width:620px) {
  .shell { width:calc(100% - 40px); }
  .masthead-inner { min-height:76px; }
  .brand-copy strong { font-size:.7rem; }
  .brand-copy span { font-size:.62rem; }
  .back-link { display:none; }
  .hero { padding-block:2.75rem 4rem; }
  .eyebrow { font-size:.67rem; margin-bottom:1.3rem; letter-spacing:.06em; }
  h1 { font-size:clamp(2.75rem,11.5vw,4.4rem); line-height:1.02; }
  .lead { font-size:1rem; line-height:1.75; margin-top:1.4rem; }
  .hero-actions { gap:.6rem 1.4rem; margin-top:1.5rem; }
  .button { font-size:.74rem; }
  .value-grid { grid-template-columns:1fr; margin-top:2rem; }
  .value,.value + .value { padding:1.1rem 0; border-left:0; border-bottom:1px solid #f1e8dc25; }
  .value small { margin-bottom:.4rem; }
  .offer-wrap { padding:.6rem .6rem 0 0; }
  .report-cover { padding:1.2rem 1.2rem 1.7rem; }
  .report-meta { font-size:.55rem; }
  .report-title { font-size:clamp(2.4rem,11vw,3.8rem); }
  .offer-body { padding:1.4rem 1.2rem; }
  .section-heading,.sample-pages,.faq-section { grid-template-columns:1fr; }
  .section-heading { margin-bottom:2.5rem; }
  .sample-pages { gap:2.75rem; }
  h2 { font-size:clamp(2.7rem,11vw,3.5rem); }
  .sample-pages figure { max-width:430px; margin-inline:auto; }
  .faq-section { gap:2.5rem; }
  summary { font-size:1.15rem; }
}
@media(prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } *,*::before,*::after { transition:none!important; } }