/* =====================================================================
   LANA WAY — one stylesheet for the whole site
   ---------------------------------------------------------------------
   House style: Lora (every book uses it) + Caveat for the handwritten
   notes, warm paper, dark ink, the coral heart.
   Each book only brings its own colours — see "BOOK THEMES" below.
   A new book = copy a theme block, change 7 colours, done.
   Fonts are served from this site. No Google, no trackers.
   ===================================================================== */

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

/* ---------- HOUSE ---------- */
:root{
  --paper:#FBF8F3;  --card:#FFFFFF;  --line:#E8E0D3;
  --ink:#23201E;    --muted:#5C5F5B; --heart:#E0533F;
  /* default theme = house (used on home, privacy, terms) */
  --accent:#23403C; --accent-ink:#23403C; --pop:#E0533F; --pop-ink:#B23F2C;
  --tint:#F1EBE1;   --tint-2:#FBEDE8;
  --hero-bg:#F4EEE4; --hero-ink:#23403C; --hero-muted:#5C5F5B;
  --radius:14px;
  --wrap:68rem;
}

/* ---------- BOOK THEMES ---------- */
/* Book 1 — Military Calisthenics for Women Over 40 (dark cover, orange) */
.t-military{
  --accent:#3F4A32; --accent-ink:#2F3826; --pop:#D2601A; --pop-ink:#A84A12;
  --tint:#EEF0E7;   --tint-2:#FBEEE3;
  --hero-bg:#23261F; --hero-ink:#FFFFFF; --hero-muted:#C9CFBE;
}
/* Book 2 — GLP-1 High Protein Cookbook for Seniors (teal + coral) */
.t-cookbook{
  --accent:#0D5255; --accent-ink:#0D5255; --pop:#E0533F; --pop-ink:#B23F2C;
  --tint:#E6F4F2;   --tint-2:#FBEDE9;
  --hero-bg:#F5ECE0; --hero-ink:#0D5255; --hero-muted:#4E5A58;
}

/* ---------- BASE ---------- */
*{box-sizing:border-box;}
html{-webkit-text-size-adjust:100%;}
body{margin:0;background:var(--paper);color:var(--ink);
  font-family:"Lora",Georgia,"Times New Roman",serif;font-size:19px;line-height:1.6;}
img{display:block;max-width:100%;height:auto;}
a{color:var(--accent-ink);text-underline-offset:3px;}
p{margin:0 0 1rem;}
h1,h2,h3{font-weight:700;line-height:1.1;margin:0;color:var(--accent-ink);letter-spacing:-0.01em;}
:focus-visible{outline:3px solid var(--pop);outline-offset:3px;}
.wrap{width:min(100% - 2.5rem, var(--wrap));margin-inline:auto;}
.narrow{width:min(100% - 2.5rem, 46rem);margin-inline:auto;}
.hand{font-family:"Caveat",cursive;font-weight:600;line-height:1.1;}
.heart{color:var(--heart);}
.eyebrow{font-size:.74rem;font-weight:700;letter-spacing:.24em;text-transform:uppercase;
  color:var(--pop-ink);margin:0 0 1rem;display:flex;align-items:center;gap:.8rem;}
.eyebrow::after{content:"";width:2.4rem;height:1px;background:currentColor;}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;}

/* ---------- TOP BAR (every page) ---------- */
.top{background:var(--paper);border-bottom:1px solid var(--line);}
.top .wrap{display:flex;align-items:center;justify-content:space-between;min-height:4.2rem;gap:1rem;}
.logo{font-weight:700;letter-spacing:.24em;font-size:1.02rem;color:var(--ink);text-decoration:none;white-space:nowrap;}
.logo .hand{letter-spacing:0;color:var(--heart);font-size:1.3rem;margin-left:.25rem;}
.nav{display:flex;gap:.2rem;flex-wrap:wrap;justify-content:flex-end;}
.nav a{font-size:.8rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;
  text-decoration:none;color:var(--ink);padding:.7rem .7rem;border-radius:999px;}
.nav a:hover{background:var(--tint);}

/* ---------- BUTTONS ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;text-align:center;
  min-height:3.6rem;padding:.8rem 1.6rem;border-radius:10px;border:0;cursor:pointer;
  font:700 1.12rem/1.2 "Lora",Georgia,serif;letter-spacing:.02em;text-decoration:none;}
.btn-pop{background:var(--pop);color:#fff;box-shadow:inset 0 -4px 0 rgba(0,0,0,.18);}
.btn-pop:hover{filter:brightness(.94);}
.btn-solid{background:var(--accent);color:#fff;}
.btn-solid:hover{filter:brightness(1.12);}
.btn-line{border:2px solid var(--accent);color:var(--accent-ink);background:transparent;}
.btn-line:hover{background:var(--tint);}
.btn-wide{width:100%;}
.btn[disabled]{opacity:.6;cursor:default;}

/* ---------- BOOK HERO (landing + download pages) ---------- */
.hero{background:var(--hero-bg);color:var(--hero-ink);}
.hero .wrap{display:grid;gap:2rem;padding:2.6rem 0 2.8rem;align-items:center;}
.hero .eyebrow{color:var(--pop);}
.t-cookbook .hero .eyebrow{color:var(--pop-ink);}
.hero h1{color:var(--hero-ink);font-size:clamp(2.5rem,8vw,3.9rem);line-height:1.02;}
.hero h1 em{font-style:normal;color:var(--pop);display:block;}
.t-cookbook .hero h1 em{color:#D24A37;}
.hero .deck{font-size:1.18rem;line-height:1.5;color:var(--hero-muted);margin:1.2rem 0 0;max-width:32rem;}
.hero .deck i{color:var(--hero-ink);}
.hero .cover{justify-self:center;text-align:center;}
.hero .cover img{width:min(15rem,62vw);border-radius:4px;box-shadow:0 18px 40px rgba(0,0,0,.28);}
.hero .cover .hand{display:block;margin-top:1rem;font-size:1.55rem;color:var(--pop);}
.t-cookbook .hero .cover .hand{color:var(--accent);}

/* ---------- SECTIONS ---------- */
.section{padding:3rem 0;}
.head{display:flex;align-items:center;gap:1rem;margin:0 0 1.5rem;}
.head h2{font-size:1.75rem;white-space:nowrap;}
.head::after{content:"";flex:1;height:1px;background:var(--line);}
.intro{font-size:1.1rem;max-width:40rem;}

/* numbered bonus cards */
.bonuses{list-style:none;margin:0;padding:0;display:grid;gap:1rem;}
.bonus{display:flex;gap:1rem;align-items:flex-start;background:var(--card);
  border:1px solid var(--line);border-radius:var(--radius);padding:1.15rem 1.2rem;}
.bonus .n{flex:0 0 auto;width:2.5rem;height:2.5rem;border-radius:50%;display:grid;place-items:center;
  font-weight:700;font-size:1.1rem;background:var(--tint);color:var(--accent-ink);}
.bonus:nth-child(even) .n{background:var(--tint-2);color:var(--pop-ink);}
.bonus b{display:block;font-size:1.14rem;color:var(--accent-ink);line-height:1.25;margin-bottom:.25rem;}
.bonus span{display:block;font-size:1rem;line-height:1.45;color:#3E423F;}
.bonus .get{margin-top:.8rem;}
.bonus .get a{display:inline-flex;align-items:center;gap:.4rem;font-weight:700;font-size:1rem;
  text-decoration:none;color:var(--accent-ink);border:2px solid var(--accent);border-radius:8px;
  padding:.6rem 1rem;min-height:3rem;}
.bonus .get a:hover{background:var(--tint);}
.bonus.star{background:var(--tint);border-color:transparent;}
.bonus.star .n{background:var(--accent);color:#fff;}

/* ---------- OPT-IN ---------- */
.optin{background:var(--card);border:1px solid var(--line);border-top:6px solid var(--accent);
  border-radius:var(--radius);padding:2rem 1.4rem 2.2rem;margin:2.5rem 0 0;}
.optin h2{font-size:1.7rem;margin:0 0 .6rem;}
.optin .how{font-size:1.02rem;color:var(--muted);margin:0 0 1.4rem;}
.optin label.f{display:block;font-weight:700;color:var(--accent-ink);margin:0 0 .45rem;}
.optin input[type=email]{display:block;width:100%;font:1.15rem/1.3 "Lora",Georgia,serif;color:var(--ink);
  padding:1rem .95rem;background:#fff;border:2px solid #CFC7BA;border-radius:8px;}
.optin input[type=email]:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px var(--tint);}
.consent{display:flex;gap:.85rem;align-items:flex-start;cursor:pointer;margin:1.2rem 0 0;
  padding:1rem 1.1rem;background:var(--tint-2);border-left:4px solid var(--pop);border-radius:6px;
  font-size:.98rem;line-height:1.5;}
.consent input{flex:0 0 auto;width:24px;height:24px;margin:.1rem 0 0;accent-color:var(--accent);cursor:pointer;}
.consent strong{color:var(--accent-ink);}
.optin .btn{margin-top:1.2rem;}
.fine{font-size:.86rem;line-height:1.55;color:var(--muted);margin:1rem 0 0;}
.alt{margin:2rem 0 0;padding-left:1rem;border-left:3px solid var(--line);font-size:.98rem;color:var(--muted);}
.alt strong{color:var(--ink);}

/* confirmation state — body gets .is-sent after the form goes */
.sent{display:none;}
body.is-sent .before{display:none;}
body.is-sent .sent{display:block;}
.steps{list-style:none;margin:1.5rem 0 0;padding:0;display:grid;gap:1rem;}
.steps .n{flex:0 0 auto;width:2.5rem;height:2.5rem;border-radius:50%;display:grid;place-items:center;font-weight:700;background:var(--accent);color:#fff;}
.steps b{color:var(--accent-ink);}
.steps li{display:flex;gap:1rem;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:1.1rem 1.2rem;}

/* ---------- DOWNLOAD PAGE ---------- */
.all{display:block;text-decoration:none;text-align:center;background:var(--pop);color:#fff;
  border-radius:12px;padding:1.35rem 1rem;box-shadow:inset 0 -5px 0 rgba(0,0,0,.18);margin:0 0 .7rem;}
.all b{display:block;font-size:1.3rem;letter-spacing:.04em;}
.all small{display:block;font-size:.95rem;opacity:.95;margin-top:.2rem;}
.all:hover{filter:brightness(.94);}
.under{text-align:center;font-size:.95rem;color:var(--muted);margin:0 0 2.2rem;}
.callout{background:var(--tint);border-radius:var(--radius);padding:1.3rem 1.4rem;margin:2rem 0 0;font-size:1rem;}
.callout p:last-child{margin:0;}

.review{background:var(--tint-2);border-radius:var(--radius);padding:1.9rem 1.4rem;margin:2.8rem 0 0;}
.review h2{font-size:1.55rem;color:var(--pop-ink);margin:0 0 1rem;}
.review .pull{font-style:italic;font-size:1.12rem;color:var(--accent-ink);border-left:3px solid var(--pop);padding-left:1rem;margin:1.3rem 0;}
.review .btn{margin-top:.6rem;}

.more{border-top:1px solid var(--line);margin-top:2.8rem;padding-top:1.8rem;display:flex;gap:1.2rem;align-items:center;}
.more > a{flex:0 0 4.5rem;}
.more img{width:4.5rem;border-radius:3px;box-shadow:0 6px 16px rgba(0,0,0,.18);}
.more b{display:block;color:var(--ink);}
.more p{margin:0;font-size:1rem;}

.sign{text-align:center;margin:2.6rem 0 0;}
.sign .hand{font-size:2rem;color:var(--accent-ink);}

/* ---------- HOME ---------- */
.home-hero{background:var(--hero-bg);}
.home-hero .wrap{display:grid;gap:2.5rem;padding:3.2rem 0 3.4rem;align-items:center;}
.home-hero h1{font-size:clamp(2.6rem,8.5vw,4.6rem);line-height:1;color:var(--accent-ink);}
.home-hero h1 em{color:var(--pop-ink);font-style:italic;font-weight:600;}
.home-hero .lede{font-size:1.15rem;color:var(--muted);max-width:33rem;margin:1.4rem 0 1.8rem;}
.home-hero .note{margin:1.6rem 0 0;font-size:1.6rem;color:var(--accent-ink);}
.shelf{display:flex;justify-content:center;align-items:flex-end;gap:1rem;}
.shelf img{width:min(12.5rem,42vw);border-radius:3px;box-shadow:12px 18px 34px rgba(0,0,0,.25);}
.shelf a:first-child img{transform:rotate(-2.5deg);}
.shelf a:last-child img{transform:rotate(2.5deg);}
.actions{display:flex;flex-wrap:wrap;gap:.7rem;}

.books{display:grid;gap:1.6rem;}
.book{border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column;border:1px solid var(--line);background:var(--card);}
.book .band{padding:.9rem 1.5rem;font-size:.74rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;background:var(--accent);color:#fff;}
.book .body{padding:1.4rem 1.2rem 0;display:grid;gap:1rem;grid-template-columns:5.2rem 1fr;align-items:start;}
.book .body > div{grid-column:1 / -1;}
.book .body > img{grid-row:1;}
.book .body img{border-radius:3px;box-shadow:0 10px 22px rgba(0,0,0,.2);}
.book h3{font-size:1.45rem;margin:0 0 .6rem;color:var(--accent-ink);}
.book p{font-size:1rem;color:#3E423F;}
.tags{list-style:none;display:flex;flex-wrap:wrap;gap:.4rem;margin:0 0 .5rem;padding:0;}
.tags li{font-size:.76rem;font-weight:700;letter-spacing:.06em;padding:.35rem .7rem;border-radius:999px;background:var(--tint);color:var(--accent-ink);}
.book .foot{margin-top:auto;padding:1.4rem 1.5rem 1.6rem;display:grid;gap:.6rem;}

.about{background:#23403C;color:#F4EFE7;}
.about .wrap{display:grid;gap:2rem;padding:3.5rem 0;align-items:center;}
.about img{width:12rem;height:12rem;object-fit:cover;border-radius:50%;box-shadow:0 14px 34px rgba(0,0,0,.3);}
.about h2{color:#fff;font-size:clamp(1.7rem,5vw,2.4rem);margin:0 0 1.2rem;}
.about .eyebrow{color:#F3A08F;}
.about p{color:rgba(244,239,231,.86);max-width:38rem;}
.about .hand{font-size:1.9rem;color:#F3A08F;}

/* ---------- TEXT PAGES (privacy, terms) ---------- */
.doc{padding:2.6rem 0 1rem;}
.doc h1{font-size:clamp(2.2rem,7vw,3rem);margin:0 0 .5rem;}
.doc h2{font-size:1.3rem;margin:2rem 0 .6rem;}
.doc .updated{color:var(--muted);font-size:.9rem;margin:0 0 1.8rem;}
.doc ul{padding-left:1.2rem;margin:0 0 1rem;} .doc li{margin:0 0 .45rem;}

/* ---------- FOOTER (every page) ---------- */
.foot-site{margin-top:3.5rem;background:#1E2422;color:rgba(244,239,231,.72);padding:2.4rem 0 2.2rem;font-size:.92rem;}
.foot-site .row{display:flex;flex-wrap:wrap;justify-content:space-between;gap:1rem 2rem;align-items:baseline;}
.foot-site .logo{color:#F4EFE7;}
.foot-site nav{display:flex;flex-wrap:wrap;gap:.2rem 1.2rem;}
.foot-site a{color:#F4EFE7;}
.foot-site .small{margin:1.2rem 0 0;font-size:.84rem;color:rgba(244,239,231,.55);}

/* ---------- WIDER SCREENS ---------- */
@media (min-width:48rem){
  body{font-size:20px;}
  .hero .wrap{grid-template-columns:1.2fr .8fr;padding:3.6rem 0 3.8rem;gap:3rem;}
  .hero .cover{justify-self:end;}
  .bonuses{grid-template-columns:1fr 1fr;}
  .optin{padding:2.4rem 2.2rem 2.6rem;}
  .optin form{max-width:34rem;}
  .home-hero .wrap{grid-template-columns:1.1fr .9fr;padding:4.5rem 0 5rem;}
  .books{grid-template-columns:1fr 1fr;}
  .book .foot{grid-template-columns:1fr 1fr;}
  .book .body{grid-template-columns:7.5rem 1fr;gap:1.3rem;padding:1.6rem 1.5rem 0;}
  .book .body > div{grid-column:auto;}
  .about .wrap{grid-template-columns:auto 1fr;gap:3.5rem;}
  .about img{width:15rem;height:15rem;}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important;}}
@media print{.top,.foot-site,.optin,.review{display:none;}}
.about + .foot-site{margin-top:0;}
.form-msg{margin:.8rem 0 0;font-size:.98rem;color:var(--pop-ink);font-weight:600;} .form-msg:empty{display:none;} .form-msg a{color:inherit;}