/* product.css — shared styling for the deck's product pages
   (workbook.html, masterclass.html, workspace.html, pricing.html) */
:root{
  --ink:#0E222D; --navy:#16323F; --navy-2:#1B3A4B;
  --mauve:#9B5A4D; --cream:#F0E7D6; --cream-2:#FAF8F4;
  --gold:#C9A24B; --gold-deep:#B8860B;
  --rule:#D0C9BC; --mid:#5A5A5A; --on-dark:rgba(240,231,214,0.74);
  --serif:'Cormorant Garamond',Georgia,serif;
  --sans:'Inter','Helvetica Neue',-apple-system,sans-serif;
}
*{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;}
body{font-family:var(--sans);color:var(--navy-2);background:var(--cream-2);line-height:1.6;-webkit-font-smoothing:antialiased;}

.pp-nav{display:flex;align-items:center;justify-content:space-between;padding:1.1rem 2rem;border-bottom:0.5px solid var(--rule);background:var(--cream-2);}
.pp-nav .mark{font-family:var(--serif);font-size:1.15rem;font-weight:600;color:var(--navy);text-decoration:none;}
.pp-nav .mark sup{font-size:0.55rem;color:var(--mid);}
.pp-nav .back{font-family:var(--sans);font-size:0.72rem;letter-spacing:0.16em;text-transform:uppercase;color:var(--mid);text-decoration:none;}
.pp-nav .back:hover{color:var(--navy);}

.pp-hero{padding:5rem 2rem 3rem;max-width:900px;margin:0 auto;}
.pp-eyebrow{font-family:var(--sans);font-size:0.7rem;font-weight:600;letter-spacing:0.28em;text-transform:uppercase;color:var(--mauve);margin-bottom:1rem;}
.pp-hero h1{font-family:var(--serif);font-weight:500;font-size:clamp(2.2rem,5vw,3.6rem);line-height:1.05;letter-spacing:-0.015em;color:var(--navy);max-width:18ch;margin-bottom:1.3rem;}
.pp-hero h1 em{font-style:italic;color:var(--mauve);}
.pp-lead{font-family:var(--serif);font-size:1.35rem;line-height:1.5;color:var(--mid);max-width:56ch;}

section.pp{max-width:900px;margin:0 auto;padding:3rem 2rem;}
.pp h2{font-family:var(--serif);font-weight:500;font-size:clamp(1.7rem,3.5vw,2.5rem);color:var(--navy);margin-bottom:1.4rem;letter-spacing:-0.01em;}
.pp p.body{font-family:var(--serif);font-size:1.2rem;line-height:1.6;color:var(--navy-2);margin-bottom:1.2rem;max-width:60ch;}
.pp p.body em{font-style:italic;color:var(--mauve);}

.pp-features h3{font-family:var(--sans);font-size:0.72rem;font-weight:600;letter-spacing:0.2em;text-transform:uppercase;color:var(--gold-deep);margin-bottom:1rem;}
.pp-list{list-style:none;border-top:0.5px solid var(--rule);}
.pp-list li{position:relative;padding:1rem 0 1rem 1.7rem;border-bottom:0.5px solid var(--rule);font-family:var(--serif);font-size:1.12rem;line-height:1.5;color:var(--navy-2);}
.pp-list li::before{content:'◇';position:absolute;left:0;top:1.05rem;color:var(--gold);font-size:0.85rem;}

.pp-quote{background:var(--navy);padding:4.5rem 2rem;}
.pp-quote-inner{max-width:900px;margin:0 auto;border-left:2px solid var(--gold);padding-left:2.2rem;}
.pp-quote p{font-family:var(--serif);font-style:italic;font-weight:500;font-size:clamp(1.5rem,3vw,2.2rem);line-height:1.3;color:var(--cream);max-width:26ch;}
.pp-quote .attr{font-family:var(--sans);font-size:0.72rem;letter-spacing:0.14em;text-transform:uppercase;color:var(--on-dark);margin-top:1.3rem;}

.pp-buy{max-width:900px;margin:0 auto;padding:3rem 2rem 4rem;}
.buy-card{background:#fff;border-top:2px solid var(--gold);border-left:0.5px solid var(--rule);border-right:0.5px solid var(--rule);border-bottom:0.5px solid var(--rule);padding:2.4rem 2.2rem;max-width:560px;box-shadow:0 30px 60px -30px rgba(14,34,45,0.28);}
.buy-card .bname{font-family:var(--serif);font-weight:600;font-size:1.5rem;color:var(--navy);}
.buy-card .bprice{font-family:var(--serif);font-size:3rem;line-height:1;color:var(--gold-deep);margin:0.6rem 0 0.3rem;}
.buy-card .btag{font-family:var(--sans);font-size:0.66rem;font-weight:600;letter-spacing:0.14em;text-transform:uppercase;color:var(--mauve);margin-bottom:1.6rem;}
.cta-gold{display:inline-flex;align-items:center;gap:0.8rem;padding:1.05rem 2rem;background:var(--gold);color:var(--ink);font-family:var(--sans);font-size:0.82rem;font-weight:600;letter-spacing:0.1em;text-transform:uppercase;text-decoration:none;border:1px solid var(--gold);transition:all 200ms ease;}
.cta-gold:hover{background:transparent;color:var(--gold-deep);}
.buy-card .cta-gold{width:100%;justify-content:center;}
.buy-foot{font-family:var(--serif);font-style:italic;font-size:0.98rem;line-height:1.55;color:var(--mid);margin-top:1.2rem;}

.pp-footer{border-top:0.5px solid var(--rule);padding:2.5rem 2rem;text-align:center;font-family:var(--serif);font-style:italic;font-size:0.9rem;color:var(--mid);background:var(--cream);}

@media (max-width:680px){
  .pp-hero{padding:3.5rem 1.3rem 2rem;} section.pp{padding:2.5rem 1.3rem;} .pp-buy{padding:2rem 1.3rem 3rem;}
  .buy-card{padding:1.8rem 1.4rem;}
}