:root{--bg:#08080a;--surface:#141417;--raised:#1e1e23;--text:#fff;--text2:rgba(255,255,255,.68);--text3:rgba(255,255,255,.46);--accent:#e4ff3a;--stroke:rgba(255,255,255,.08)}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--text);font:17px/1.6 -apple-system,BlinkMacSystemFont,"SF Pro Text","Inter",system-ui,sans-serif;-webkit-font-smoothing:antialiased}
a{color:var(--accent);text-decoration:none}
a:hover{text-decoration:underline}
.wrap{max-width:760px;margin:0 auto;padding:0 20px}
header{display:flex;align-items:center;justify-content:space-between;padding:22px 0}
.brand{display:flex;align-items:center;gap:10px;color:var(--text);font-weight:800;font-size:20px;letter-spacing:-.3px}
.brand:hover{text-decoration:none}
.brand img{width:34px;height:34px;border-radius:9px}
nav a{color:var(--text2);margin-left:18px;font-size:15px}
.hero{padding:56px 0 40px}
.hero h1{font-size:clamp(40px,8vw,64px);line-height:1.02;letter-spacing:-1.5px;margin:0 0 18px}
.hero p{color:var(--text2);font-size:19px;max-width:560px;margin:0 0 28px}
.pill{display:inline-block;background:var(--accent);color:#000;font-weight:700;padding:14px 22px;border-radius:999px;margin:0 8px 8px 0}
.pill.ghost{background:var(--raised);color:var(--text)}
.strip{display:flex;gap:4px;height:84px;margin:44px 0 10px}
.strip span{border-radius:8px;animation:pulse 2.4s ease-in-out infinite}
.beats{display:flex;justify-content:space-between;padding:0 2px;margin-bottom:48px}
.beats i{width:4px;height:4px;border-radius:50%;background:var(--text3)}
@keyframes pulse{50%{filter:brightness(1.25)}}
@media (prefers-reduced-motion:reduce){.strip span{animation:none}}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px;margin-bottom:56px}
.card{background:var(--surface);border:1px solid var(--stroke);border-radius:22px;padding:20px}
.card h3{margin:0 0 6px;font-size:17px}
.card p{margin:0;color:var(--text2);font-size:15px;line-height:1.5}
.doc{padding:24px 0 64px}
.doc h1{font-size:38px;letter-spacing:-.8px;margin:12px 0 4px}
.doc .date{color:var(--text3);font-size:15px;margin:0 0 28px}
.doc h2{font-size:21px;margin:34px 0 8px}
.doc p,.doc li{color:var(--text2)}
.doc li{margin:6px 0}
.doc strong{color:var(--text)}
footer{border-top:1px solid var(--stroke);padding:24px 0 40px;color:var(--text3);font-size:14px}
footer a{color:var(--text2);margin-right:16px}