function BookPromo() {
  return (
    <section style={bkStyles.section}>
      <div style={bkStyles.cover}>
        <div style={bkStyles.bookFrame}>
          <div style={bkStyles.bookSpineSmall}>DR. JONATHAN LAZAR</div>
          <div style={bkStyles.bookTitle}>LIVE<br/>LIFE<br/>WELL</div>
          <div style={bkStyles.bookSub}>Unlocking the secrets to living your best life.</div>
        </div>
      </div>
      <div style={bkStyles.copy}>
        <div className="t-eyebrow" style={{color:'var(--gold)',marginBottom:14}}>THE BOOK</div>
        <h2 style={bkStyles.h2}>Twenty years of patients, distilled to one read.</h2>
        <p style={bkStyles.p}>Why most people aren't sick — they're stuck. The framework Dr. Lazar uses with thousands of patients, written for the person who's tried everything and is still not better.</p>
        <div style={bkStyles.ctas}>
          <a href="#" className="btn btn-bone">Get the book</a>
          <a href="#" className="btn btn-ghost" style={{borderColor:'var(--gold)',color:'var(--gold)'}}>Read sample chapter</a>
        </div>
      </div>
    </section>
  );
}

const bkStyles = {
  section: {display:'grid',gridTemplateColumns:'1fr 1fr',gap:64,padding:'96px 64px',background:'var(--ink)',borderTop:'2px solid var(--gold)',borderBottom:'2px solid var(--gold)',alignItems:'center'},
  cover: {display:'flex',justifyContent:'center'},
  bookFrame: {width:300,height:440,background:'linear-gradient(180deg, #1B1B1F, #0E0E10)',border:'2px solid var(--gold)',padding:'36px 28px',display:'flex',flexDirection:'column',justifyContent:'space-between',boxShadow:'0 32px 64px -24px rgba(200,162,75,.25)'},
  bookSpineSmall: {fontFamily:'var(--font-display)',fontSize:11,letterSpacing:'.3em',color:'var(--gold)'},
  bookTitle: {fontFamily:'var(--font-display)',fontSize:80,lineHeight:.9,letterSpacing:'-0.02em',color:'var(--bone)',textTransform:'uppercase'},
  bookSub: {fontFamily:'var(--font-serif)',fontStyle:'italic',fontSize:13,color:'var(--fg-2)',lineHeight:1.4},
  copy: {maxWidth:480},
  h2: {fontFamily:'var(--font-serif)',fontWeight:600,fontSize:48,lineHeight:1.05,letterSpacing:'-0.012em',color:'var(--fg-1)',margin:'0 0 20px'},
  p: {fontFamily:'var(--font-sans)',fontSize:18,lineHeight:1.6,color:'var(--fg-2)',margin:'0 0 32px'},
  ctas: {display:'flex',gap:14,flexWrap:'wrap'},
};

window.BookPromo = BookPromo;