/* The Applied Self — shared site stylesheet */
/* redeploy nudge 8 Jul 2026: prior deploy of the toc-row/cover fix stuck in Vercel INITIALIZING */
:root{
  --cream:#FAF9F6;
  --cream-deep:#F1EFE9;
  --card:#FFFFFF;
  --navy:#1C3F6E;
  --navy-deep:#152E4F;
  --ink:#26303A;
  --orange:#C8501E;
  --orange-deep:#A53F13;
  --teal:#2A7E78;
  --muted:#6E6A60;
  --hairline:#E6E2D8;
  --maxw:1120px;
  --display:'Poppins', system-ui, sans-serif;
  --body:'Source Serif 4', Georgia, serif;
}
*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{margin:0; background:var(--cream); color:var(--ink); font-family:var(--body); font-size:18px; line-height:1.65; -webkit-font-smoothing:antialiased;}
.wrap{max-width:var(--maxw); margin:0 auto; padding:0 clamp(1.2rem,4vw,2.5rem);}
.narrow{max-width:860px;}
a{color:var(--teal);}
img{max-width:100%;}
h1,h2,h3{font-family:var(--display); color:var(--navy); line-height:1.1; font-weight:800; margin:0;}
.eyebrow{font-family:var(--display); font-weight:700; text-transform:uppercase; letter-spacing:.24em; font-size:.72rem; color:var(--orange); margin:0;}

/* ===== NAV (sticky + hamburger drawer) ===== */
.nav{position:sticky; top:0; z-index:100; background:rgba(250,249,246,.9); backdrop-filter:blur(12px); border-bottom:1px solid var(--hairline);}
.nav-inner{max-width:var(--maxw); margin:0 auto; padding:0 clamp(1.2rem,4vw,2.5rem); height:64px; display:flex; align-items:center; justify-content:space-between;}
.brand{font-family:var(--display); font-weight:800; letter-spacing:.02em; color:var(--navy); font-size:1.02rem; text-decoration:none; white-space:nowrap;}
.brand span{color:var(--orange);}
.nav-links{display:flex; align-items:center; gap:2rem; list-style:none; margin:0; padding:0;}
.nav-links a{font-family:var(--display); font-size:.82rem; font-weight:600; letter-spacing:.04em; color:var(--ink); text-decoration:none; transition:color .2s;}
.nav-links a:hover, .nav-links a.active{color:var(--teal);}
.nav-toggle{display:none; flex-direction:column; gap:5px; background:none; border:none; cursor:pointer; padding:8px;}
.nav-toggle span{display:block; width:24px; height:2px; background:var(--navy); transition:all .3s;}
.nav-drawer{display:none; position:fixed; inset:0; background:var(--cream); z-index:99; padding:84px clamp(1.4rem,6vw,3rem) 48px; flex-direction:column; overflow-y:auto; transform:translateY(-100%); transition:transform .35s cubic-bezier(.4,0,.2,1); pointer-events:none;}
body.nav-open .nav-drawer{transform:translateY(0); pointer-events:auto;}
body.nav-open{overflow:hidden;}
.drawer-close{position:absolute; top:18px; right:26px; background:none; border:0; cursor:pointer; font-size:40px; line-height:1; color:var(--ink); font-family:var(--body);}
.nav-drawer a{font-family:var(--display); font-weight:700; font-size:1.35rem; line-height:1.2; color:var(--navy); text-decoration:none; padding:1.1rem 0; border-bottom:1px solid var(--hairline); display:block; overflow-wrap:break-word;}
@media(max-width:820px){
  .nav-links{display:none;}
  .nav-toggle{display:flex;}
  .nav-drawer{display:flex;}
  body.nav-open .nav-toggle span:nth-child(1){transform:rotate(45deg) translate(5px,5px);}
  body.nav-open .nav-toggle span:nth-child(2){opacity:0;}
  body.nav-open .nav-toggle span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px);}
}

/* ===== buttons ===== */
.btn{font-family:var(--display); font-weight:700; font-size:.95rem; letter-spacing:.01em; text-decoration:none; padding:.85rem 1.6rem; border-radius:9px; display:inline-block; cursor:pointer; border:none; text-align:center;}
.btn-primary{background:var(--orange); color:#fff;}
.btn-primary:hover{background:var(--orange-deep);}
.btn-ghost{background:transparent; color:var(--navy); border:1.5px solid var(--navy);}
.btn-ghost:hover{background:var(--navy); color:#fff;}
.btn-lg{padding:1rem 2rem; font-size:1.02rem;}
.soon{font-family:var(--display); font-size:.78rem; font-weight:600; color:var(--muted); letter-spacing:.03em;}
.cta{display:flex; flex-wrap:wrap; gap:.8rem; align-items:center;}

/* ===== breadcrumb ===== */
.crumb{font-family:var(--display); font-weight:600; font-size:.82rem; color:var(--muted); padding:1.3rem 0 0;}
.crumb a{color:var(--muted); text-decoration:none;}
.crumb a:hover{color:var(--teal);}

/* ===== sales hero ===== */
.book-hero{display:grid; grid-template-columns:minmax(240px,360px) 1fr; gap:clamp(1.8rem,5vw,3.8rem); align-items:center; padding:clamp(2rem,5vw,4rem) 0 clamp(1.8rem,4vw,3rem);}
.book-hero .cover img{width:100%; height:auto; display:block; border-radius:7px; box-shadow:0 22px 48px rgba(28,63,110,.22), 0 5px 12px rgba(0,0,0,.13);}
.book-hero h1{font-size:clamp(2.1rem,4.8vw,3.3rem); letter-spacing:-.01em; margin:.5rem 0 0;}
.book-hero .sub{font-family:var(--display); font-weight:600; color:var(--teal); font-size:clamp(1.05rem,2.3vw,1.4rem); margin:.7rem 0 1.2rem; line-height:1.35;}
.book-hero .stand{font-size:1.15rem; color:var(--ink); margin:0 0 1.6rem; max-width:32em;}
.book-hero .stand strong{color:var(--navy);}
.book-hero .byline{font-family:var(--display); font-weight:600; color:var(--muted); font-size:.9rem; margin:1.2rem 0 0; letter-spacing:.02em;}
@media(max-width:760px){
  .book-hero{grid-template-columns:1fr; text-align:center; gap:1.6rem;}
  .book-hero .cover{max-width:260px; justify-self:center;}
  .book-hero .stand{margin-left:auto; margin-right:auto;}
  .book-hero .cta{justify-content:center;}
}

/* ===== sections ===== */
.section{padding:clamp(2rem,5vw,3.5rem) 0; border-top:1px solid var(--hairline);}
.section h2{font-size:clamp(1.6rem,3.2vw,2.3rem); margin:0 0 1.1rem; max-width:20em;}
.section .kicker{margin-bottom:.7rem;}
.section p{margin:0 0 1.15rem; max-width:44em;}
.section p .pull{color:var(--navy); font-weight:600;}
.section.alt{background:var(--cream-deep); border-top:none;}
.section.dark{background:var(--navy); border-top:none;}
.section.dark h2, .section.dark h3{color:#fff;}
.section.dark p{color:rgba(255,255,255,.86);}
.section.dark .eyebrow{color:#E8A87C;}
.lead-quote{font-family:var(--display); font-weight:700; color:var(--navy); font-size:clamp(1.35rem,3.2vw,2rem); line-height:1.25; max-width:18em; margin:0 0 1.4rem;}
.section.dark .lead-quote{color:#fff;}

/* ===== phase cards (the system) ===== */
.phase-grid{display:grid; grid-template-columns:repeat(auto-fit,minmax(170px,1fr)); gap:1rem; margin:1.6rem 0 0;}
.phase-card{background:var(--card); border:1px solid var(--hairline); border-top:3px solid var(--teal); border-radius:9px; padding:1.1rem 1.2rem;}
.section.dark .phase-card{background:rgba(255,255,255,.06); border-color:rgba(255,255,255,.14); border-top-color:#E8A87C;}
.phase-card .pn{font-family:var(--display); text-transform:uppercase; letter-spacing:.16em; font-size:.72rem; color:var(--orange);}
.phase-card .pt{font-family:var(--display); font-weight:800; font-size:1.25rem; color:var(--navy); margin:.25rem 0 .35rem;}
.section.dark .phase-card .pt{color:#fff;}
.phase-card .pd{font-size:.95rem; color:var(--muted); line-height:1.4;}
.section.dark .phase-card .pd{color:rgba(255,255,255,.78);}
.phases{display:flex; flex-wrap:wrap; gap:.6rem; margin:1.2rem 0 0;}
.phase-chip{font-family:var(--display); font-weight:600; font-size:.82rem; color:var(--navy); background:var(--card); border:1px solid var(--hairline); border-radius:20px; padding:.4rem .95rem;}
.phase-chip b{color:var(--orange);}

/* ===== what's inside list ===== */
.inside{list-style:none; padding:0; margin:1rem 0 0; display:grid; grid-template-columns:1fr 1fr; gap:.8rem 2rem;}
.inside li{position:relative; padding-left:1.7rem; line-height:1.4; break-inside:avoid;}
.inside li::before{content:""; position:absolute; left:0; top:.5em; width:9px; height:9px; border-radius:50%; background:var(--teal);}
.inside li b{font-family:var(--display); color:var(--navy); font-weight:700;}
@media(max-width:640px){ .inside{grid-template-columns:1fr;} }

/* ===== chapter / week breakdown ===== */
.toc-list{margin:1.4rem 0 0; display:grid; gap:.7rem;}
.toc-row{display:grid; grid-template-columns:7rem 1fr; gap:1rem; align-items:baseline; padding:.8rem 0; border-bottom:1px solid var(--hairline);}
.toc-row .tnum{font-family:var(--display); font-weight:800; color:var(--orange); font-size:.85rem; letter-spacing:.05em; white-space:nowrap;}
.toc-row .tt{font-family:var(--display); font-weight:700; color:var(--navy); font-size:1.05rem;}
.toc-row .td{color:var(--muted); font-size:.95rem; margin:.15rem 0 0;}

/* ===== who it's for ===== */
.forwho{display:grid; grid-template-columns:1fr 1fr; gap:1.4rem; margin:1.4rem 0 0;}
.forwho .col{background:var(--card); border:1px solid var(--hairline); border-radius:12px; padding:1.4rem 1.5rem;}
.forwho h3{font-size:1.15rem; margin:0 0 .8rem;}
.forwho ul{margin:0; padding-left:1.1rem;}
.forwho li{margin:0 0 .5rem; line-height:1.4;}
.forwho .yes{border-top:3px solid var(--teal);}
.forwho .no{border-top:3px solid var(--muted);}
@media(max-width:640px){ .forwho{grid-template-columns:1fr;} }

/* ===== outcome list ===== */
.outcome{list-style:none; padding:0; margin:1.2rem 0 0; display:grid; gap:.9rem;}
.outcome li{padding-left:2rem; position:relative; max-width:42em;}
.outcome li::before{content:"\2713"; position:absolute; left:0; top:0; color:var(--teal); font-weight:800; font-family:var(--display);}
.section.dark .outcome li::before{color:#E8A87C;}

/* ===== author ===== */
.author{display:grid; grid-template-columns:1fr 2fr; gap:clamp(1.2rem,4vw,2.5rem); align-items:start;}
.author .who{font-family:var(--display); font-weight:600; color:var(--muted); margin-top:.3rem; font-size:.92rem;}
.author p{margin:0 0 1rem; max-width:42em;}
@media(max-width:640px){ .author{grid-template-columns:1fr;} }

/* ===== FAQ ===== */
.faq{margin:1.2rem 0 0;}
.faq details{border-bottom:1px solid var(--hairline); padding:.3rem 0;}
.faq summary{font-family:var(--display); font-weight:700; color:var(--navy); font-size:1.08rem; cursor:pointer; list-style:none; padding:1rem 2.4rem 1rem 0; position:relative;}
.faq summary::-webkit-details-marker{display:none;}
.faq summary::after{content:"+"; position:absolute; right:0; top:50%; transform:translateY(-50%); color:var(--orange); font-size:1.6rem; font-weight:400; line-height:1;}
.faq details[open] summary::after{content:"\2013";}
.faq details p{margin:0 0 1rem; color:var(--ink);}

/* ===== final CTA band ===== */
.cta-band{background:var(--navy); color:#fff; text-align:center; padding:clamp(2.5rem,6vw,4.5rem) 0;}
.cta-band h2{color:#fff; font-size:clamp(1.7rem,3.4vw,2.4rem); margin:0 0 1rem;}
.cta-band p{color:rgba(255,255,255,.85); max-width:34em; margin:0 auto 1.6rem;}
.cta-band .cta{justify-content:center;}

/* ===== homepage bits ===== */
.hero{padding:clamp(3rem,8vw,6rem) 0 clamp(2rem,5vw,3.5rem); text-align:center;}
.hero .eyebrow{margin-bottom:1.1rem;}
.hero h1{font-size:clamp(2.4rem,6.2vw,4.4rem); letter-spacing:-.01em; color:var(--navy);}
.hero h1 em{font-style:normal; color:var(--orange);}
.hero p.lede{font-size:clamp(1.1rem,2.4vw,1.4rem); color:var(--ink); max-width:34em; margin:1.5rem auto 0; line-height:1.55;}
.hero .byline{font-family:var(--display); font-weight:600; color:var(--muted); letter-spacing:.02em; margin-top:1.4rem; font-size:1rem;}
.dots{display:flex; gap:.5rem; justify-content:center; margin-top:2.2rem;}
.dots i{width:9px; height:9px; border-radius:50%; display:block;}
.dots i:nth-child(1){background:var(--navy);}
.dots i:nth-child(2){background:var(--teal);}
.dots i:nth-child(3){background:var(--orange);}

.hero-covers{display:flex; justify-content:center; align-items:flex-end; gap:clamp(1rem,3vw,2rem); margin:2rem auto 2.4rem; flex-wrap:wrap;}
.hero-cover{display:block; line-height:0; text-decoration:none;}
.hero-cover img{height:180px; width:auto; border-radius:4px; box-shadow:0 16px 34px -14px rgba(28,63,110,.55); transition:transform .3s;}
.hero-cover:hover img{transform:translateY(-6px);}
@media(max-width:560px){ .hero-cover img{height:124px;} }
.books{padding:clamp(1.5rem,4vw,2.5rem) 0 clamp(2rem,6vw,4rem); display:grid; gap:clamp(1.5rem,4vw,2.75rem);}
.book{background:var(--card); border:1px solid var(--hairline); border-radius:16px; display:grid; grid-template-columns:minmax(200px,300px) 1fr; gap:clamp(1.5rem,4vw,3rem); padding:clamp(1.5rem,4vw,2.75rem); align-items:center;}
.book .cover a{display:block;}
.book .cover img{width:100%; height:auto; display:block; border-radius:6px; box-shadow:0 12px 30px rgba(28,63,110,.18), 0 3px 8px rgba(0,0,0,.10);}
.book .meta .eyebrow{margin-bottom:.7rem;}
.book .meta h2{font-size:clamp(1.7rem,3.6vw,2.4rem); letter-spacing:-.01em;}
.book .meta h2 a{color:inherit; text-decoration:none;}
.book .meta h2 a:hover{color:var(--teal);}
.book .meta .sub{font-family:var(--display); font-weight:600; color:var(--teal); font-size:clamp(1rem,2.1vw,1.18rem); margin:.55rem 0 1.1rem; line-height:1.35;}
.book .meta p{margin:0 0 1.4rem; color:var(--ink);}
.book .meta p .pull{color:var(--navy); font-weight:600;}
@media(max-width:680px){ .book{grid-template-columns:1fr; text-align:center;} .book .cover{max-width:230px; margin:0; justify-self:center;} .cta{justify-content:center;} }

/* ===== /owd download page ===== */
.dl-hero{display:grid; grid-template-columns:minmax(220px,320px) 1fr; gap:clamp(1.8rem,5vw,3.5rem); align-items:center; padding:clamp(2rem,5vw,3.5rem) 0;}
.dl-hero .preview img{width:100%; height:auto; display:block; border-radius:6px; box-shadow:0 16px 38px rgba(28,63,110,.18), 0 3px 8px rgba(0,0,0,.10); border:1px solid var(--hairline);}
.dl-hero h1{font-size:clamp(2rem,4.4vw,2.9rem); margin:.5rem 0 0; letter-spacing:-.01em;}
.dl-hero .sub{font-family:var(--display); font-weight:600; color:var(--teal); font-size:1.15rem; margin:.6rem 0 1.1rem;}
.dl-buttons{display:flex; flex-wrap:wrap; gap:.9rem; margin:1.4rem 0 .6rem;}
.dl-btn{display:flex; flex-direction:column; align-items:flex-start; text-decoration:none; background:var(--orange); color:#fff; border-radius:10px; padding:.85rem 1.4rem; font-family:var(--display);}
.dl-btn:hover{background:var(--orange-deep);}
.dl-btn b{font-weight:700; font-size:1rem;}
.dl-btn span{font-weight:500; font-size:.78rem; opacity:.9;}
.dl-note{font-size:.92rem; color:var(--muted);}

/* ===== footer ===== */
footer{background:var(--cream-deep); border-top:1px solid var(--hairline); margin-top:clamp(2.5rem,6vw,4.5rem); padding:clamp(2.2rem,5vw,3.2rem) 0;}
.foot-grid{display:flex; flex-wrap:wrap; gap:1.5rem 3rem; justify-content:space-between; align-items:flex-start;}
.foot-brand .fbrand{font-family:var(--display); font-weight:800; color:var(--navy); font-size:1.05rem;}
.foot-brand .fbrand span{color:var(--orange);}
.foot-brand p{color:var(--muted); font-size:.88rem; margin:.5rem 0 0; max-width:22em;}
.foot-col h4{font-family:var(--display); font-weight:700; font-size:.78rem; letter-spacing:.14em; text-transform:uppercase; color:var(--muted); margin:0 0 .8rem;}
.foot-col a{display:block; color:var(--ink); text-decoration:none; font-size:.95rem; margin:0 0 .5rem; font-family:var(--display); font-weight:500;}
.foot-col a:hover{color:var(--teal);}
.foot-legal{border-top:1px solid var(--hairline); margin-top:1.8rem; padding-top:1.2rem; color:var(--muted); font-size:.82rem; font-family:var(--display);}


/* ===== notify (email capture placeholder) ===== */
.notify{display:flex; flex-wrap:wrap; gap:.6rem; justify-content:center; max-width:30rem; margin:1.4rem auto 0;}
.notify input[type=email]{flex:1 1 14rem; min-width:0; font-family:var(--body); font-size:1rem; padding:.85rem 1rem; border:1.5px solid var(--hairline); border-radius:9px; background:#fff; color:var(--ink);}
.notify input[type=email]:focus{outline:none; border-color:var(--teal);}
.notify .btn{white-space:nowrap;}
.notify-msg{font-family:var(--display); font-weight:700; margin:1rem auto 0; color:#fff; display:none;}
.notify-msg.show{display:block;}
.notify-note{font-size:.8rem; color:rgba(255,255,255,.72); margin:.8rem auto 0; font-family:var(--display);}

/* ===== interactive quiz ===== */
.quiz{max-width:760px; margin:1.4rem auto 0;}
.q-item{border-bottom:1px solid var(--hairline); padding:1.3rem 0;}
.q-item .q-text{font-family:var(--display); font-weight:600; color:var(--navy); font-size:1.05rem; margin:0 0 .8rem;}
.q-scale{display:flex; flex-wrap:wrap; gap:.5rem;}
.q-scale button{font-family:var(--display); font-weight:600; font-size:.85rem; color:var(--ink); background:#fff; border:1.5px solid var(--hairline); border-radius:8px; padding:.5rem .95rem; cursor:pointer; transition:all .15s;}
.q-scale button:hover{border-color:var(--teal);}
.q-scale button.sel{background:var(--teal); border-color:var(--teal); color:#fff;}
.quiz-submit{margin:1.6rem 0 0;}
.quiz-result{display:none; background:var(--card); border:1px solid var(--hairline); border-top:4px solid var(--teal); border-radius:12px; padding:1.8rem; margin:1.6rem 0 0;}
.quiz-result.show{display:block;}
.quiz-result .band{font-family:var(--display); font-weight:800; color:var(--navy); font-size:1.5rem; margin:.3rem 0 .5rem;}
.quiz-result .score b{color:var(--orange);}
.quiz-cta{background:var(--navy); color:#fff; border-radius:12px; padding:1.6rem; margin:1.4rem 0 0;}
.quiz-cta h3{color:#fff; margin:0 0 .5rem;}
.quiz-cta p{color:rgba(255,255,255,.85); margin:0 0 1rem;}

/* ===== reviews page ===== */
.review-hero{text-align:center; max-width:660px; margin:0 auto; padding:clamp(2rem,6vw,4rem) 0 1rem;}
.review-hero h1{font-size:clamp(2rem,4.4vw,2.8rem); margin:.6rem 0 .8rem;}
.review-hero p{color:var(--ink); font-size:1.1rem;}
.review-btns{display:flex; flex-wrap:wrap; gap:1rem; justify-content:center; margin:2rem 0 0;}
.review-btn{text-decoration:none; font-family:var(--display); font-weight:700; font-size:1rem; padding:1rem 1.8rem; border-radius:10px; border:1.5px solid var(--navy); color:var(--navy);}
.review-btn:hover{background:var(--navy); color:#fff;}
.review-btn.amazon{background:var(--orange); border-color:var(--orange); color:#fff;}
.review-btn.amazon:hover{background:var(--orange-deep);}
.review-cover{width:120px; margin:0 auto 1rem; display:block; border-radius:5px; box-shadow:0 12px 26px -12px rgba(28,63,110,.5);}