/* PROOF LOOP — proofloop.com
   Tokens: Yellow #F2B60F · Ink #100F0D · Red #D0201A · Cream #F8F3E6 · Paper #FCFAF4 */
:root{
  --yellow:#F2B60F; --ink:#100F0D; --red:#D0201A; --cream:#F8F3E6;
  --paper:#FCFAF4; --gray:#6E6A61; --rule:#C9C2B2;
  --disp:"Barlow Condensed",sans-serif; --body:"Source Serif 4",Georgia,serif;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}
body{font-family:var(--body);color:var(--ink);background:var(--paper);font-size:1.08rem;line-height:1.72}
a{color:var(--ink)}
a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--red);outline-offset:2px}

/* nav */
.nav{background:var(--ink);color:var(--cream);position:sticky;top:0;z-index:9}
.nav-in{max-width:1060px;margin:0 auto;display:flex;align-items:center;gap:1.6rem;padding:.7rem 1.2rem}
.mark{display:flex;align-items:center;gap:.55rem;text-decoration:none;color:var(--cream);
  font-family:var(--disp);font-weight:700;font-size:1.35rem;letter-spacing:.06em}
.mark svg{width:26px;height:26px}
.nav a.lnk{color:var(--cream);text-decoration:none;font-family:var(--disp);font-weight:600;
  letter-spacing:.05em;font-size:1.02rem;opacity:.85}
.nav a.lnk:hover{opacity:1;color:var(--yellow)}
.nav .spacer{flex:1}
.nav a.book{background:var(--yellow);color:var(--ink);padding:.34rem .8rem;font-family:var(--disp);
  font-weight:700;text-decoration:none;letter-spacing:.04em}
.nav a.book:hover{background:var(--cream)}

/* hero */
.hero{background:var(--ink);color:var(--cream);padding:4.2rem 1.2rem 4.6rem;border-bottom:8px solid var(--yellow)}
.hero-in{max-width:1060px;margin:0 auto}
.eyebrow{font-family:var(--disp);font-weight:700;letter-spacing:.22em;font-size:.92rem;color:var(--yellow);text-transform:uppercase}
.hero h1{font-family:var(--disp);font-weight:700;text-transform:uppercase;line-height:.98;
  font-size:clamp(2.9rem,7.2vw,5.4rem);margin:.9rem 0 1.2rem}
.hero h1 .r{color:var(--red)}
.hero p.lede{max-width:34em;font-size:1.18rem;color:#DAD4C4}
.loopmark{display:inline-block;vertical-align:-.06em}
.loopmark svg{width:.86em;height:.86em}

/* proof-line signature: CTA styled as a journal line */
.proofline{margin-top:2.1rem;max-width:34em}
.proofline .day{font-family:var(--disp);font-weight:700;letter-spacing:.1em;font-size:.9rem;color:var(--gray)}
.hero .proofline .day{color:#9A937F}
.proofline a{display:block;text-decoration:none;border-bottom:2px solid var(--yellow);
  padding:.45rem .1rem .5rem;font-size:1.22rem;color:inherit}
.proofline a .hand{font-style:italic}
.proofline a .go{font-family:var(--disp);font-weight:700;color:var(--yellow);letter-spacing:.05em;white-space:nowrap;float:right}
.proofline a:hover{background:rgba(242,182,15,.07)}
main .proofline a{border-color:var(--ink)}
main .proofline a .go{color:var(--red)}

/* content */
main{max-width:720px;margin:0 auto;padding:3rem 1.2rem 4rem}
main.wide{max-width:1060px}
h2{font-family:var(--disp);font-weight:700;text-transform:uppercase;letter-spacing:.03em;
  font-size:1.75rem;margin:2.6rem 0 .9rem;padding-left:.85rem;border-left:8px solid var(--yellow)}
h3{font-family:var(--disp);font-weight:700;font-size:1.28rem;letter-spacing:.03em;margin:1.9rem 0 .6rem;text-transform:uppercase}
p{margin:.95rem 0}
p.intro{font-size:1.2rem}
.smallcap{font-family:var(--disp);font-weight:700;letter-spacing:.16em;text-transform:uppercase;font-size:.9rem;color:var(--gray)}
ul.clean{list-style:none;margin:1rem 0}
ul.clean li{padding:.35rem 0 .35rem 1.5rem;position:relative}
ul.clean li::before{content:"";position:absolute;left:0;top:.78em;width:.8em;height:.8em;
  background:var(--red);clip-path:circle(50%);mask:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="black" d="M12 4a8 8 0 1 0 8 8h-2.4a5.6 5.6 0 1 1-1.64-3.96L13.5 10.5H20V4l-2.34 2.34A8 8 0 0 0 12 4z"/></svg>') center/contain no-repeat;
  -webkit-mask:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="black" d="M12 4a8 8 0 1 0 8 8h-2.4a5.6 5.6 0 1 1-1.64-3.96L13.5 10.5H20V4l-2.34 2.34A8 8 0 0 0 12 4z"/></svg>') center/contain no-repeat}

/* boxes echoing book interior */
.box{border-top:5px solid var(--ink);border-bottom:1px solid var(--ink);background:#fff;
  padding:1.2rem 1.4rem;margin:1.8rem 0}
.box .label{font-family:var(--disp);font-weight:700;letter-spacing:.14em;font-size:.95rem}
.box.do{background:var(--cream)}
.attr{font-family:var(--disp);font-size:.82rem;letter-spacing:.12em;color:var(--gray);margin-top:.8rem}

/* four steps band (homepage) */
.steps{background:var(--cream);border-top:6px solid var(--ink);border-bottom:6px solid var(--ink);padding:3rem 1.2rem}
.steps-in{max-width:1060px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:1.4rem}
.step{background:#fff;border:2px solid var(--ink);padding:1.1rem 1.2rem}
.step .n{font-family:var(--disp);font-weight:700;font-size:2.4rem;color:var(--red);line-height:1}
.step h3{margin:.3rem 0 .4rem}
.step p{font-size:.98rem;margin:0}

/* cards */
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.3rem;margin:1.6rem 0}
.card{border:2px solid var(--ink);background:#fff;padding:1.15rem 1.2rem;text-decoration:none;display:block}
.card:hover{background:var(--cream)}
.card .q{font-family:var(--disp);font-weight:700;font-size:1.18rem;letter-spacing:.02em;text-transform:uppercase}
.card p{font-size:.96rem;color:#3d3a33;margin:.5rem 0 0}

/* book band */
.bookband{background:var(--ink);color:var(--cream);padding:3rem 1.2rem;border-top:8px solid var(--yellow)}
.bookband-in{max-width:1060px;margin:0 auto;display:grid;grid-template-columns:190px 1fr;gap:2.2rem;align-items:center}
.bookband img{width:100%;height:auto;max-width:210px;justify-self:center;border:3px solid var(--yellow);box-shadow:0 10px 28px rgba(0,0,0,.45)}
.bookband h2{border:none;padding:0;color:var(--cream);margin-top:0}
.bookband p{color:#DAD4C4;max-width:38em}
.buy{display:inline-block;background:var(--yellow);color:var(--ink);font-family:var(--disp);
  font-weight:700;letter-spacing:.05em;text-decoration:none;padding:.7rem 1.3rem;font-size:1.15rem;margin-top:1rem}
.buy:hover{background:#fff}
@media(max-width:640px){.bookband-in{grid-template-columns:1fr}.bookband img{max-width:170px}}

/* journal form */
.capture{background:var(--cream);border:2px solid var(--ink);padding:1.5rem;margin:2rem 0}
.capture input[type=email]{font-family:var(--body);font-size:1.05rem;padding:.6rem .7rem;
  border:2px solid var(--ink);background:#fff;width:100%;max-width:22rem}
.capture button{font-family:var(--disp);font-weight:700;font-size:1.1rem;letter-spacing:.05em;
  background:var(--ink);color:var(--yellow);border:2px solid var(--ink);padding:.62rem 1.2rem;cursor:pointer;margin-top:.7rem}
.capture button:hover{background:var(--red);border-color:var(--red);color:#fff}

/* footer */
footer{background:var(--ink);color:#B7B1A0;font-size:.92rem;padding:2.4rem 1.2rem}
.foot-in{max-width:1060px;margin:0 auto}
footer a{color:var(--cream)}
.disclosure{border-top:1px solid #3a382f;margin-top:1.2rem;padding-top:1.2rem;font-size:.86rem}

/* citations */
.cite{font-size:.9rem;color:var(--gray)}
.ruleoff{border:none;border-top:1px solid var(--rule);margin:2.2rem 0}


/* ---- LIGHT THEME (body.light) — white ground trial ---- */
body.light .hero{background:var(--paper);color:var(--ink);border-bottom:8px solid var(--ink)}
body.light .hero .eyebrow{color:var(--red)}
body.light .hero h1{color:var(--ink)}
body.light .hero p.lede{color:#4A463D}
body.light .hero .proofline .day{color:var(--gray)}
body.light .hero .proofline a{border-bottom-color:var(--ink);color:var(--ink)}
body.light .hero .proofline a .go{color:var(--red)}
body.light .hero .proofline a:hover{background:rgba(16,15,13,.05)}
body.light .steps{background:#fff}