@font-face{
  font-family:Heebo;
  font-style:normal;
  font-weight:400;
  font-display:swap;
  src:url('/assets/fonts/heebo-regular.ttf') format('truetype');
}
@font-face{
  font-family:Heebo;
  font-style:normal;
  font-weight:700 900;
  font-display:swap;
  src:url('/assets/fonts/heebo-bold.ttf') format('truetype');
}
@font-face{
  font-family:'Frank Ruhl Libre';
  font-style:normal;
  font-weight:700 900;
  font-display:swap;
  src:url('/assets/fonts/frank-ruhl-libre-bold.ttf') format('truetype');
}
:root{
  --panel:#14120f;
  --panel2:#1b1812;
  --line:rgba(212,175,55,.28);
}
body{font-family:Heebo,Arial,sans-serif}
button,input,textarea,select{font-family:inherit}
a,button,summary,input,textarea,select{-webkit-tap-highlight-color:rgba(212,175,55,.15)}
:focus-visible{outline:3px solid var(--gold2);outline-offset:5px}
section[id],details[id]{scroll-margin-top:28px}
.hero{padding-top:48px}
.hero-grid{align-items:start;gap:48px}
.hero-grid>div:first-child{position:sticky;top:28px;min-width:0}
.kicker{gap:12px;padding:6px 16px 6px 7px;border-radius:16px;font-weight:700}
.brand-mark{width:48px;height:48px;border-radius:12px;flex:none}
h1,.section-title,.offer h3{font-family:'Frank Ruhl Libre',Heebo,serif;font-weight:700}
h1{font-size:clamp(40px,5.1vw,66px);line-height:1.1;letter-spacing:-.025em;margin-bottom:22px;text-wrap:balance}
.lead{font-size:clamp(19px,2vw,24px);line-height:1.65;text-wrap:pretty}
.micro-copy{font-weight:700;color:var(--gold2)}
.hero-points{gap:8px}
.hero-point{background:transparent;border-color:rgba(212,175,55,.14);font-weight:700;font-size:15px;padding:12px;border-radius:12px}
.cta-row{gap:10px;margin-top:26px}
.btn{border-radius:14px;transition:transform .18s ease,box-shadow .18s ease,background-color .18s ease}
.btn-primary{background:linear-gradient(135deg,#f0d57a,#d4af37);box-shadow:0 8px 24px rgba(212,175,55,.16),inset 0 1px rgba(255,255,255,.4)}
.btn-primary:hover{box-shadow:0 12px 30px rgba(212,175,55,.27)}
.btn-secondary:hover{background:rgba(212,175,55,.09);border-color:rgba(212,175,55,.5)}
.btn:active{transform:translateY(1px)}
.trust-ribbon{gap:0;border-block:1px solid var(--line);padding-block:16px;margin-top:28px}
.trust-item{border:0;border-radius:0;background:transparent;padding:4px 12px;font-size:14px}
.trust-item+.trust-item{border-inline-start:1px solid var(--line)}
.trust-item small{font-size:12px;line-height:1.6;font-weight:400}
.hero-card{padding:20px;background:linear-gradient(150deg,#211b11,#100e0b);border-color:rgba(212,175,55,.4)}
.sample-eyebrow{font-weight:700;letter-spacing:0}
.book{padding:12px;background:linear-gradient(145deg,#302613,#57451a,#211b10);border-radius:18px}
.book-page-frame{padding:8px;border-radius:12px}
.book-page-frame img{border-radius:6px}
.section{padding-block:44px}
.panel{padding:36px;background:linear-gradient(150deg,rgba(40,32,20,.6),rgba(16,14,11,.8));border-color:rgba(212,175,55,.16)}
.section-title{font-size:clamp(30px,4vw,46px);text-wrap:balance}
.section-title:after{content:'';display:block;width:48px;height:2px;margin:18px auto;background:var(--gold)}
.section-sub{font-size:18px;line-height:1.8;text-wrap:pretty}
.card,.proof-line,.article,details{border-color:rgba(212,175,55,.14)}
.offer-wrap{gap:20px;padding-top:14px;align-items:stretch}
.offer{display:flex;flex-direction:column;background:linear-gradient(165deg,#1b1710,#11100d);padding:30px 22px 22px;border-radius:22px;border-color:rgba(212,175,55,.2)}
.offer.featured{background:linear-gradient(160deg,#332814,#19150d);border:2px solid var(--gold);box-shadow:0 18px 50px rgba(212,175,55,.13)}
.offer h3{font-size:32px}
.offer .btn{margin-top:auto}
.offer-note{font-size:13px;line-height:1.7}
.price{line-height:1.3;font-size:42px;font-variant-numeric:tabular-nums}
.price-sub{display:block;margin-top:4px;font-weight:400}
.price-orig{font-size:20px}
.badge{right:20px;top:-16px;padding:8px 15px;font-size:12px}
.set-box{background:rgba(212,175,55,.05);border-color:rgba(212,175,55,.22)}
.price-save{color:#b3dcbf;background:rgba(96,153,112,.12);border-color:rgba(128,180,142,.35)}
.ship-badge{background:#b3dcbf;color:#173c24}
.ship-badge svg{fill:currentColor}
summary{min-height:34px;line-height:1.5}
details[open]{border-color:rgba(212,175,55,.4)}
details[open]>summary{padding-bottom:12px;border-bottom:1px solid var(--line)}
.floating-bar .btn{border-radius:12px}
.footer{padding-bottom:50px}
:root #checkout-modal{z-index:100000}
:root #checkout-modal .ck-dialog{border-radius:24px;border-color:rgba(212,175,55,.4)}
:root #checkout-modal .ck-close:focus-visible{outline:3px solid var(--gold2);outline-offset:3px}
@media(min-width:981px) and (max-height:780px){
  .hero-grid>div:first-child{position:static}
}
@media(max-width:980px){
  .hero-grid{gap:30px}
  .hero-grid>div:first-child{position:static}
  .hero-card{max-width:600px;width:100%;margin-inline:auto}
  .hero-grid>div:first-child{max-width:740px;margin-inline:auto}
  .cta-row .btn{flex:1}
}
@media(max-width:720px){
  .hero{padding-top:22px}
  h1{font-size:clamp(38px,9.5vw,54px);line-height:1.14}
  .kicker{font-size:12px;gap:10px}
  .brand-mark{width:40px;height:40px}
  .micro-copy{font-size:16px}
  .hero-points{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .hero-point{padding:10px;font-size:13px;line-height:1.65}
  .trust-ribbon{grid-template-columns:repeat(3,minmax(0,1fr));padding-block:14px}
  .trust-item{font-size:12px;padding-inline:6px}
  .trust-item small{font-size:11px}
  .cta-row{gap:10px}
  .cta-row .btn{flex:auto;min-height:56px;font-size:16px}
  .panel{padding:26px 16px;border-radius:22px}
  .section{padding-block:28px}
  .section-sub{font-size:16px}
  .offer-wrap{grid-template-columns:1fr;gap:28px}
  .hero-card{padding:14px;border-radius:22px}
  .offer{padding:28px 20px 22px}
  .floating-bar{padding-inline:12px}
  .floating-actions .btn{font-size:13px}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*:before,*:after{animation:none!important;transition:none!important}
}
