:root{
  --ink:#0b0b0b; --paper:#fefdf7; --muted:#6b7280; --line:#111; --brand:#ff4d4f; --brand2:#00c2ff; --brand3:#7c3aed;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--paper);color:var(--ink);font-family:"General Sans",system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}
h1,h2,h3{font-weight:800;letter-spacing:-.02em}
a{color:var(--ink);text-decoration:none}
a:hover{text-decoration:underline}
img{max-width:100%;height:auto}

.kb-mast{position:sticky;top:0;background:#fff;border-bottom:3px solid #111;display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;padding:14px clamp(16px,4vw,48px);z-index:50}
.kb-brand{display:flex;align-items:center;gap:10px;font-weight:800;font-size:18px}
.kb-brand img{width:32px;height:32px}
.kb-nav{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.nav-link{padding:10px 12px;border:2px solid #111;border-radius:10px;background:#fff;font-weight:700}
.nav-link.active{background:#111;color:#fff}
.kb-cta{padding:10px 14px;border:2px dashed #111;border-radius:12px;background:linear-gradient(90deg,var(--brand),var(--brand2));color:#fff;font-weight:800}

.kb-home{padding:22px clamp(16px,4vw,48px)}
.kb-hero{display:grid;grid-template-columns:1.1fr .9fr;gap:16px;align-items:center;margin-top:10px}
.kb-hero-copy h1{font-size:clamp(34px,6vw,72px);margin:0}
.kb-hero-copy p{font-size:18px;color:var(--muted)}
.kb-actions{display:flex;gap:10px;margin-top:10px;flex-wrap:wrap}
.btn{display:inline-block;padding:12px 16px;border-radius:12px;border:2px solid #111;background:#fff;font-weight:800}
.btn.primary{background:linear-gradient(90deg,var(--brand),var(--brand2));color:#fff;border-color:#111}
.btn.ghost{background:#fff}
.kb-stats{display:flex;gap:14px;list-style:none;margin:12px 0 0 0;padding:0;font-family:"IBM Plex Mono",monospace}
.kb-stats span{display:inline-block;padding:4px 8px;border:2px solid #111;border-radius:8px;background:#fff;margin-right:6px}

.kb-hero-chaos{position:relative;min-height:280px}
.kb-chip{position:absolute;background:#fff;border:2px solid #111;border-radius:12px;padding:12px;font-family:"IBM Plex Mono",monospace;font-weight:600;box-shadow:6px 6px 0 #111}
.kb-chip:nth-child(1){top:20px;left:20px;transform:rotate(-3deg)}
.kb-chip:nth-child(2){bottom:30px;right:30px;transform:rotate(2deg)}
.kb-chip:nth-child(3){top:160px;left:140px;transform:rotate(-2deg)}
.kb-swatch{position:absolute;filter:blur(18px);opacity:.7;border-radius:12px}
.kb-swatch.a{width:120px;height:120px;background:var(--brand);top:40px;right:40px}
.kb-swatch.b{width:100px;height:70px;background:var(--brand2);bottom:40px;left:60px}
.kb-swatch.c{width:80px;height:120px;background:var(--brand3);top:110px;left:220px}

.kb-matrix{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:20px}
.kb-card{background:#fff;border:3px solid #111;border-radius:16px;padding:16px;box-shadow:8px 8px 0 #111}
.kb-ticker{margin:20px 0}
.kb-tape{display:flex;gap:20px;overflow:hidden;border:3px dashed #111;border-radius:14px;background:#fff;padding:10px;font-family:"IBM Plex Mono",monospace;animation:slide 18s linear infinite}
.kb-tape span{white-space:nowrap}
@keyframes slide{from{transform:translateX(0)}to{transform:translateX(-50%)}}

.kb-boards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:20px}
.kb-board{background:#fff;border:3px solid #111;border-radius:16px;padding:16px;box-shadow:8px 8px 0 #111}
.more{font-weight:800}

.kb-page{padding:30px clamp(16px,4vw,48px);display:grid;gap:14px}
.kb-list{display:grid;gap:8px;padding-left:18px}
.kb-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px}
.shot{height:120px;display:flex;align-items:center;justify-content:center;background:repeating-linear-gradient(45deg,#fafafa,#fafafa 8px,#efefef 8px,#efefef 16px);border:2px solid #111;border-radius:12px;font-weight:800}
.kb-play .field{border:3px dashed #111;border-radius:14px;min-height:160px;padding:10px;display:grid;grid-auto-flow:dense;grid-auto-rows:60px;grid-template-columns:repeat(6,1fr);gap:8px;margin-top:10px}

.kb-foot{margin-top:40px;padding:24px clamp(16px,4vw,48px);background:#fff;border-top:3px solid #111}
.kb-foot-grid{display:grid;grid-template-columns:2fr 2fr 1fr;gap:12px;align-items:center}
.kb-news{display:flex;gap:8px}
.kb-news input{flex:1;padding:12px;border-radius:10px;border:2px solid #111}
.kb-news button{padding:12px 16px;border-radius:10px;border:2px solid #111;background:linear-gradient(90deg,var(--brand),var(--brand2));color:#fff;font-weight:800}
.kb-social a{font-weight:800}
.kb-legal{margin-top:10px;color:var(--muted);font-size:12px;text-align:center}

.tiny{font-size:12px;color:var(--muted)}

@media (max-width: 980px){
  .kb-hero{grid-template-columns:1fr}
  .kb-matrix{grid-template-columns:1fr 1fr}
  .kb-boards{grid-template-columns:1fr}
  .kb-foot-grid{grid-template-columns:1fr}
}