:root{--ink:#1c1917;--muted:#57534e;--line:#e7e5e4;--orange:#f59e0b;--orange-d:#b45309;--blue:#1d6fd6;--bg:#fafaf9;--cream:#fef3c7}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;font-family:system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;color:var(--ink);background:#fff;font-size:18px;line-height:1.6}
img{max-width:100%;height:auto}
a{color:var(--orange-d)}
a:hover{color:var(--ink)}
h1,h2,h3{line-height:1.2;margin:0 0 .6em;font-weight:800;letter-spacing:-.01em}
h1{font-size:clamp(2rem,5vw,3.1rem)}
h2{font-size:clamp(1.5rem,3vw,2rem)}
h3{font-size:1.2rem}
.wrap{max-width:1080px;margin:0 auto;padding:0 20px}
.narrow{max-width:760px}
.center{text-align:center}
.small{font-size:.85rem}
.muted{color:var(--muted)}
.kicker{text-transform:uppercase;letter-spacing:.1em;font-size:.8rem;font-weight:700;color:var(--orange-d);margin:0 0 .5rem}
.lead{font-size:1.2rem;color:#292524}
.btn{display:inline-block;background:var(--orange);color:var(--ink);font-weight:800;text-decoration:none;padding:.8em 1.4em;border-radius:8px;border:2px solid var(--ink);box-shadow:3px 3px 0 var(--ink);transition:transform .08s}
.btn:hover{color:var(--ink);transform:translate(1px,1px);box-shadow:2px 2px 0 var(--ink)}
.btn-lg{font-size:1.15rem;padding:.9em 1.7em}
.btn-sm{padding:.45em .9em;font-size:.9rem;box-shadow:2px 2px 0 var(--ink)}
.site-head{border-bottom:1px solid var(--line);background:#fff;position:sticky;top:0;z-index:10}
.nav{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:8px;padding-bottom:8px;flex-wrap:wrap}
.brand img{display:block;height:52px;width:auto}
.nav nav{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.nav nav a:not(.btn){color:var(--ink);text-decoration:none;font-weight:600;font-size:.95rem}
.nav nav a:not(.btn):hover{color:var(--orange-d)}
.hero{background:linear-gradient(180deg,var(--bg),#fff);padding:56px 0 40px}
.hero-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:40px;align-items:center}
.hero-card{background:var(--ink);color:#fff;border-radius:16px;padding:28px;text-align:center;border-bottom:8px solid var(--orange)}
.hero-card img{border-radius:12px;background:#fff}
.hero-card p{font-size:1.2rem;margin:.8em 0 0}
.block{padding:48px 20px}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.card{border:1px solid var(--line);border-radius:12px;padding:22px;background:#fff;border-top:5px solid var(--orange)}
.card p{margin:0;color:#44403c}
.freebie{background:var(--cream);padding:48px 0;border-top:1px solid #fde68a;border-bottom:1px solid #fde68a}
.freebie-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:40px;align-items:center}
.checks{list-style:none;margin:0;padding:22px;background:#fff;border:2px solid var(--ink);border-radius:12px}
.checks li{padding:.35em 0 .35em 1.8em;position:relative;font-weight:600}
.checks li:before{content:"\2713";position:absolute;left:0;color:var(--orange-d);font-weight:900}
.issue{display:block;border:2px solid var(--ink);border-radius:12px;padding:22px;text-decoration:none;color:var(--ink);max-width:760px;box-shadow:4px 4px 0 var(--orange)}
.issue strong{display:block;font-size:1.3rem;margin:.1em 0 .3em}
.issue span{display:block;color:#44403c}
.issue .more{color:var(--orange-d);font-weight:700;margin-top:.5em}
.cta-band{background:var(--ink);color:#fff;padding:56px 0}
.cta-band h2{color:#fff}
.cta-band p{color:#e7e5e4}
.cta-band .muted{color:#a8a29e}
.page{padding:48px 20px}
.page h2{margin-top:1.6em}
.page li{margin:.3em 0}
.post-body img{border-radius:8px}
.post-body blockquote{margin:1em 0;padding:.6em 1em;border-left:5px solid var(--orange);background:var(--bg)}
.post-body pre,.post-body code{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:.9em}
.post-body pre{white-space:pre-wrap;background:var(--bg);border:1px solid var(--line);border-radius:8px;padding:14px}
.inline-cta{background:var(--cream);border:2px solid var(--ink);border-radius:12px;padding:20px;margin:2em 0}
.inline-cta p{margin:0 0 .8em}
.posts{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;margin-top:1.5rem}
.post-card{border:1px solid var(--line);border-radius:12px;padding:20px;border-top:5px solid var(--orange)}
.post-card a.t{color:var(--ink);text-decoration:none}
.post-card h3{margin:.2em 0 .4em}
.pager{display:flex;justify-content:space-between;margin-top:2rem}
.site-foot{border-top:1px solid var(--line);padding:28px 0;background:var(--bg)}
.foot p{margin:.3em 0}
@media (max-width:800px){
 body{font-size:17px}
 .hero{padding:36px 0 28px}
 .hero-grid,.freebie-grid,.cards{grid-template-columns:1fr}
 .hero-card{display:none}
 .nav nav{gap:12px}
 .nav nav a[href*="beehiiv.com"]:not(.btn){display:none}
 .brand img{height:42px}
}