:root{--bg: #121417;--surface: #1b1f24;--surface-2: #22272e;--border: #2b3138;--accent: #10b981;--accent-dim: #0e9d70;--warn: #f59e0b;--text: #e6e9ee;--muted: #9aa4b1;--maxw: 1100px;--radius: 14px;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);line-height:1.6;-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;inset:0;background-image:linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);background-size:44px 44px;pointer-events:none;z-index:0}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.wrap{max-width:var(--maxw);margin:0 auto;padding:0 22px;position:relative;z-index:1}.mono{font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,monospace}h1,h2,h3{line-height:1.2;letter-spacing:-.01em}h1{font-size:clamp(2rem,4.5vw,3.2rem);margin:0 0 .4em}h2{font-size:clamp(1.4rem,2.6vw,1.9rem);margin:1.8em 0 .5em}.eyebrow{font-family:JetBrains Mono,monospace;text-transform:uppercase;letter-spacing:.18em;font-size:.72rem;color:var(--accent);margin:0 0 14px}.lede{font-size:1.18rem;color:var(--muted);max-width:60ch}.site-header{position:sticky;top:0;z-index:10;backdrop-filter:blur(10px);background:#121417c7;border-bottom:1px solid var(--border)}.site-header .bar{display:flex;align-items:center;justify-content:space-between;height:62px}.brand{display:flex;align-items:center;gap:11px;font-weight:700;color:var(--text)}.brand:hover{text-decoration:none}.brand img{width:30px;height:30px;border-radius:7px}.brand .sub{color:var(--muted);font-weight:500;font-size:.82rem}.nav{display:flex;gap:20px;align-items:center;font-size:.92rem}.nav a{color:var(--muted)}.nav a:hover{color:var(--text);text-decoration:none}.btn{display:inline-flex;align-items:center;gap:8px;background:var(--accent);color:#06140e;font-weight:650;padding:11px 18px;border-radius:10px;font-size:.95rem}.btn:hover{background:var(--accent-dim);text-decoration:none}.btn.ghost{background:transparent;color:var(--text);border:1px solid var(--border)}.btn.ghost:hover{border-color:var(--accent);color:var(--accent)}.hero{padding:70px 0 28px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:22px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;transition:border-color .15s,transform .15s;display:flex;flex-direction:column}.card:hover{border-color:var(--accent);transform:translateY(-3px);text-decoration:none}.card .thumb{aspect-ratio:16/9;width:100%;object-fit:cover;background:var(--surface-2);display:block}.card .body{padding:15px 16px 18px}.card .cat{font-family:JetBrains Mono,monospace;font-size:.66rem;text-transform:uppercase;letter-spacing:.12em;color:var(--warn);margin-bottom:8px}.card h3{font-size:1.06rem;margin:0 0 6px;color:var(--text)}.card p{margin:0;color:var(--muted);font-size:.9rem}.article{max-width:760px;margin:0 auto;padding:40px 0 80px}.video-embed{position:relative;aspect-ratio:16/9;border-radius:var(--radius);overflow:hidden;border:1px solid var(--border);margin:22px 0 8px}.video-embed iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.article h1{margin-top:8px}.meta-row{display:flex;flex-wrap:wrap;gap:8px 16px;color:var(--muted);font-size:.85rem;font-family:JetBrains Mono,monospace;margin-bottom:6px}.article p{font-size:1.07rem}.callouts{display:flex;flex-wrap:wrap;gap:8px;margin:4px 0 6px}.chip{font-family:JetBrains Mono,monospace;font-size:.76rem;background:var(--surface);border:1px solid var(--border);color:var(--warn);padding:5px 10px;border-radius:8px}.sources{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:8px 22px 18px;margin-top:34px}.sources ol{margin:0;padding-left:20px}.sources li{margin:9px 0;font-size:.94rem;color:var(--muted)}.tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:26px}.tag{font-size:.76rem;color:var(--muted);background:var(--surface-2);padding:4px 9px;border-radius:6px}.cta-band{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:30px;text-align:center;margin:40px 0}.site-footer{border-top:1px solid var(--border);margin-top:60px;padding:30px 0 50px;color:var(--muted);font-size:.88rem}.site-footer .row{display:flex;justify-content:space-between;flex-wrap:wrap;gap:16px}.site-footer a{color:var(--muted)}.site-footer a:hover{color:var(--text)}@media (max-width: 640px){.hero{padding:44px 0 18px}.nav .hide-sm{display:none}}
