:root{--bg:#000;--fg:#fff;--mut:#a3a3a3;--line:#262626;--acc:#ffff58;--sans:"Nunito Sans",system-ui,sans-serif;--serif:"EB Garamond",Georgia,serif}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--fg);font:400 17px/1.65 var(--sans);-webkit-font-smoothing:antialiased}
a{color:inherit}img{max-width:100%;height:auto}
.top,.foot,main{max-width:1120px;margin:0 auto;padding:0 20px}
.top{display:flex;align-items:center;justify-content:space-between;height:72px}
.logo img{display:block;height:26px;width:auto}
.top nav{display:flex;gap:18px;align-items:center;font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}
.top nav a{text-decoration:none;opacity:.85}.top nav a:hover{opacity:1;color:var(--acc)}
.top nav a:nth-child(2){display:none}
.cta{border:1px solid var(--acc);color:var(--acc)!important;padding:7px 12px;border-radius:999px}
.eyebrow{font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;margin:48px 0 12px}
.hero h1,.post h1{font-weight:800;line-height:1.05;letter-spacing:-.02em;margin:0}
.hero h1{font-size:clamp(44px,9vw,84px)}
h1 em,h2 em{font-style:italic;font-weight:700}
.lede{color:var(--mut);font-size:19px;max-width:620px;margin:18px 0 40px}
.list{border-top:1px solid var(--line)}
.card{padding:28px 0;border-bottom:1px solid var(--line)}
.card h2{font-size:clamp(24px,4vw,32px);line-height:1.15;margin:6px 0 10px;font-weight:800}
.card h2 a{text-decoration:none}.card h2 a:hover{color:var(--acc)}
.card p{color:var(--mut);margin:0}
.meta{font-size:13px;color:var(--mut);letter-spacing:.04em;text-transform:uppercase;margin:0}
.tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.tag{font-size:12px;text-decoration:none;border:1px solid var(--line);padding:3px 10px;border-radius:999px;color:var(--mut)}.tag:hover{color:var(--acc);border-color:var(--acc)}
.empty{color:var(--mut);padding:40px 0}
.post{max-width:700px;margin:0 auto;padding-bottom:40px}
.back{display:inline-block;margin:32px 0 28px;font-size:14px;color:var(--mut);text-decoration:none}.back:hover{color:var(--acc)}
.post h1{font-size:clamp(36px,7vw,60px);margin:10px 0 32px}
.prose{font-family:var(--serif);font-size:21px;line-height:1.6;color:#e8e8e8}
.prose h2,.prose h3{font-family:var(--sans);font-weight:800;color:#fff;line-height:1.2;margin:1.8em 0 .5em}
.prose h2{font-size:28px}.prose h3{font-size:22px}
.prose a{color:var(--acc);text-underline-offset:3px}
.prose blockquote{margin:1.5em 0;padding-left:20px;border-left:3px solid var(--acc);font-style:italic;color:#fff}
.prose code{font-size:.8em;background:#151515;padding:2px 6px;border-radius:4px}
.prose pre{background:#111;padding:16px;overflow-x:auto;border-radius:8px;font-size:15px}
.prose pre code{background:none;padding:0}.prose img{border-radius:8px}
.prose hr{border:0;border-top:1px solid var(--line);margin:2em 0}
.cta-box{margin-top:56px;padding:28px;border:1px solid var(--line);border-radius:16px}
.cta-box h3{margin:0 0 6px;font-size:24px;font-weight:800}.cta-box p{color:var(--mut);margin:0 0 18px}
.btn{display:inline-block;background:var(--acc);color:#000;font-weight:800;text-decoration:none;padding:11px 20px;border-radius:999px}
.foot{border-top:1px solid var(--line);margin-top:80px;padding-top:36px;padding-bottom:36px;display:grid;gap:20px;font-size:14px;color:var(--mut)}
.foot p{margin:8px 0 0;max-width:360px}.foot nav{display:flex;gap:20px;flex-wrap:wrap}.foot nav a{text-decoration:none}.foot nav a:hover{color:var(--acc)}
.copy{font-size:12px}
@media(min-width:760px){body{font-size:18px}.top{height:88px;padding:0 40px}main,.foot{padding-left:40px;padding-right:40px}
.top nav a:nth-child(2){display:inline}.logo img{height:32px}.eyebrow{margin-top:72px}.foot{grid-template-columns:1fr auto}}
/* landing */
.lhero{padding:40px 0 28px}
.lhero h1{font-weight:900;font-size:clamp(42px,10vw,92px);line-height:1;letter-spacing:-.03em;margin:0;max-width:14ch}
.lhero h1 em{color:var(--acc)}
.lhero .lede{color:#d4d4d4;font-size:clamp(18px,2.4vw,22px);margin:18px 0 26px;max-width:40ch}
.su-form{display:grid;gap:10px;max-width:640px}
.su-form input{font:inherit;font-size:16px;padding:14px 16px;border-radius:12px;border:1px solid #333;background:#0d0d0d;color:#fff;width:100%}
.su-form input:focus{outline:2px solid var(--acc);border-color:transparent}
.su-form button{font:800 16px var(--sans);padding:14px 22px;border:0;border-radius:12px;background:var(--acc);color:#000;cursor:pointer}
.su-form button:hover{filter:brightness(.92)}
.su-form.done input,.su-form.done button{display:none}
.su-thanks{margin:0;padding:14px 16px;border-radius:12px;background:#1a1a00;color:var(--acc);font-weight:700}
.proof{color:var(--mut);font-size:14px;margin:16px 0 0}
.ph{color:var(--acc);background:#1a1a00;border:1px dashed #666626;padding:1px 6px;border-radius:4px;font-size:.92em}
.chips{display:flex;gap:8px;overflow-x:auto;padding:6px 0 18px;margin:8px 0 8px;scrollbar-width:none}
.chip{flex:none;font-size:13px;font-weight:700;padding:8px 14px;border-radius:999px;border:1px solid #333;text-decoration:none;color:#ddd;white-space:nowrap}
.chip.on{background:#fff;color:#000;border-color:#fff}a.chip:hover{border-color:var(--acc);color:var(--acc)}.chip.off{opacity:.5}
.sec{font-size:12px;font-weight:900;letter-spacing:.14em;text-transform:uppercase;margin:28px 0 14px;display:flex;align-items:center;gap:12px}
.sec:after{content:"";flex:1;height:1px;background:var(--line)}
.tile a{display:block;text-decoration:none;padding:20px;border:1px solid var(--line);border-radius:18px;background:#0a0a0a;height:100%;transition:border-color .15s,transform .15s}
.tile a:hover{border-color:var(--acc);transform:translateY(-2px)}
.cat{display:inline-block;margin:0 0 10px;font-size:11px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:#000;background:var(--acc);padding:3px 8px;border-radius:4px}
.tile h3{margin:0 0 8px;font-size:22px;line-height:1.15;font-weight:800}
.tile .dek{color:var(--mut);margin:0 0 14px;font-size:16px}
.tile.big a{padding:26px;background:linear-gradient(135deg,#141400,#0a0a0a 60%)}
.tile.big h3{font-size:clamp(30px,5.5vw,52px);line-height:1.05;letter-spacing:-.02em}
.tile.big .dek{font-size:18px;color:#ccc;max-width:60ch}
.grid{display:grid;gap:14px}
.signup{margin:56px 0 0;padding:28px 22px;border-radius:22px;background:var(--acc);color:#000;display:grid;gap:18px}
.signup h2{margin:0;font-size:clamp(30px,5vw,46px);font-weight:900;line-height:1.02;letter-spacing:-.02em}
.signup p{margin:6px 0 0;font-weight:600}
.signup .su-form input{background:#fff;color:#000;border-color:#000}
.signup .su-form button{background:#000;color:var(--acc)}
.signup .su-thanks{background:#000}
@media(min-width:760px){.lhero{padding:64px 0 36px}
.su-form{grid-template-columns:1fr 1.3fr auto}.su-thanks{grid-column:1/-1}
.grid{grid-template-columns:repeat(2,1fr)}.signup{grid-template-columns:1fr 1.4fr;align-items:center;padding:40px}
.signup .su-form{grid-template-columns:1fr auto}.signup .su-form input[name=first_name]{grid-column:1/-1}}
@media(min-width:1040px){.grid{grid-template-columns:repeat(3,1fr)}}

/* CRM signup: optional segment select + honeypot */
.su-form select{font:inherit;font-size:16px;padding:14px 16px;border-radius:12px;border:1px solid #333;background:#0d0d0d;color:#fff;width:100%;grid-column:1/-1}
.signup .su-form select{background:#fff;color:#000;border-color:#000}
.su-form.done select{display:none}
.su-hp{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;opacity:0}
.su-err{margin:0;padding:12px 16px;border-radius:12px;background:#330d0d;color:#ff9a8a;font-weight:700;grid-column:1/-1}