:root{--y:#ffc400;--y2:#e0a800;--c:#1f2124;--c2:#2b2e33;--g:#c9ccd1;--w:#f6f5f0}
*{box-sizing:border-box}body{margin:0;font:17px/1.65 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color:var(--c);background:var(--w)}
a{color:inherit}.wrap{max-width:1040px;margin:0 auto;padding:0 20px}.pad{padding-top:40px;padding-bottom:56px}
h1,h2,h3{font-family:Impact,"Arial Black","Helvetica Neue",sans-serif;letter-spacing:.01em;line-height:1.1;text-transform:uppercase}
.top{background:var(--c);color:#fff;border-bottom:6px solid var(--y);position:sticky;top:0;z-index:5}
.nav{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:8px;padding-bottom:8px}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font:900 20px Impact,"Arial Black",sans-serif;text-transform:uppercase}.brand b{color:var(--y);font-weight:inherit}
.brand-mark{display:inline-flex;align-items:center;justify-content:center;background:var(--w);border-radius:10px;padding:3px;box-shadow:0 0 0 2px rgba(255,196,0,.35)}.brand-mark .logo,.logo{display:block;width:44px;height:44px;object-fit:contain}
nav{display:flex;gap:14px;align-items:center;font-weight:700;font-size:15px}nav a{text-decoration:none}nav a:not(.btn){display:none}
.btn{display:inline-block;background:var(--y);color:var(--c);font-weight:800;text-decoration:none;padding:13px 22px;border:3px solid var(--y);border-radius:6px;text-transform:uppercase;font-size:15px;cursor:pointer}
.btn.sm{padding:6px 12px;font-size:13px}.btn.ghost{background:transparent;color:var(--y)}.btn:disabled{opacity:.6;cursor:not-allowed}
.hero{background:repeating-linear-gradient(-45deg,var(--c) 0 40px,var(--c2) 40px 80px);color:#fff;padding:56px 0 64px}
.hero h1{font-size:clamp(40px,10vw,84px);margin:.1em 0}.hero h1 span{color:var(--y)}.kicker{color:var(--y);font-weight:800;text-transform:uppercase;letter-spacing:.12em;margin:0}
.lead{font-size:19px;max-width:640px;color:#e8e8e8}.ctas{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}
.values{display:grid;gap:16px;padding-top:36px;padding-bottom:12px}.values div{background:#fff;border-left:8px solid var(--y);padding:4px 20px;border-radius:4px}
.sec{font-size:32px;border-bottom:4px solid var(--y);display:inline-block;margin-top:32px}
.grid{display:grid;gap:18px;margin-bottom:40px}.card{display:block;background:#fff;border:3px solid var(--c);border-radius:8px;padding:20px;text-decoration:none;box-shadow:6px 6px 0 var(--y);transition:transform .1s}.card:hover{transform:translate(-2px,-2px)}
.card h3{font-size:24px;margin:.4em 0}.tag{background:var(--c);color:var(--y);font-size:12px;font-weight:800;text-transform:uppercase;padding:3px 8px;border-radius:3px;letter-spacing:.06em}.meta{color:#666;font-size:14px;font-weight:700}
.soon{background:var(--c);color:var(--y);font-size:14px;padding:4px 10px;border-radius:4px;vertical-align:middle}
[id]{scroll-margin-top:84px}
.signup{background:#111;color:#fff;padding:56px 0 60px;border-top:6px solid var(--y)}.signup-in{max-width:720px}
.signup h2{font-size:clamp(34px,9vw,48px);margin:.15em 0 .3em;line-height:1.15}.signup h2 span{color:var(--y)}.signup-lead{color:#e8e8e8;margin:0 0 20px}
.sub{display:flex;flex-direction:column;gap:12px}.sub input{width:100%;min-height:52px;padding:12px 16px;border:2px solid #4a4e55;background:#fff;color:var(--c);border-radius:6px;font:inherit;font-size:17px}
.sub input:focus{outline:3px solid var(--y);outline-offset:2px}.sub .btn{width:100%;min-height:52px;font-size:16px}.bh-embed{width:100%;max-width:520px;margin:-12px auto -36px}.bh-embed iframe{width:100%!important;max-width:100%!important;border:0!important;display:block}.fallback{font-size:14px;color:var(--g);margin:8px 0 0}.fallback a{color:var(--y)}.trust{text-align:left;color:var(--g);font-size:14px;margin:12px 0 0}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.small{font-size:13px}.post{max-width:760px}.post h1{font-size:clamp(32px,7vw,52px);margin:.3em 0}.post h2{font-size:28px;margin-top:1.6em;border-left:8px solid var(--y);padding-left:12px}
pre{background:var(--c);color:#f1f1f1;padding:16px;border-radius:6px;overflow-x:auto;white-space:pre-wrap;font-size:14.5px;border-left:6px solid var(--y)}
code{font-family:ui-monospace,Menlo,Consolas,monospace}
.foot{background:#17181b;color:var(--g);padding:28px 0;font-size:15px}.foot p{margin:.5em 0}.foot a{color:var(--y)}
@media(min-width:640px){.sub{flex-direction:row}.sub input{flex:1}.sub .btn{width:auto;padding:0 28px}}
@media(min-width:720px){nav a:not(.btn){display:inline}.values,.grid{grid-template-columns:repeat(3,1fr)}.grid{grid-template-columns:repeat(2,1fr)}}
/* Toolkit */
.post pre{position:relative;padding-top:40px}
.post pre .copy{position:absolute;top:8px;right:8px;font:600 12px/1 system-ui,sans-serif;padding:6px 10px;border:0;border-radius:4px;background:var(--y);color:#1f2124;cursor:pointer}
.tpl{border:2px dashed #c9c9c9;border-radius:6px;padding:4px 20px;margin:12px 0 28px}
.tpl table{width:100%;border-collapse:collapse}.tpl td,.tpl th{border:1px solid #c9c9c9;padding:10px;text-align:left}.tpl td{height:22px}
.teaser{text-align:center}.toolkit-promo p{margin-top:-8px}