:root{--red:#e11d2a;--ink:#0c0d10;--mut:#9aa0aa;--line:#22242b;--line2:#e5e7eb}
*{box-sizing:border-box;margin:0}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:#15171c;background:#fff;line-height:1.55}
a{color:var(--red);text-decoration:none}a:hover{text-decoration:underline}
.nav{display:flex;align-items:center;justify-content:space-between;padding:14px 26px;background:var(--ink)}
.nav .brand{display:flex;align-items:center;gap:10px;color:#fff;font-weight:900;font-size:18px;letter-spacing:.02em;text-transform:uppercase}
.nav .brand .stripe{width:8px;height:22px;background:var(--red);transform:skewX(-12deg)}
.nav nav a{color:#c7ccd4;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;margin-left:18px}.nav nav a:hover{color:#fff;text-decoration:none}
.kick{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.18em;color:var(--red)}.kick.light{color:#ff6b75}
.hero{background:var(--ink);color:#fff;background-image:repeating-linear-gradient(135deg,rgba(255,255,255,.02) 0 2px,transparent 2px 22px)}
.hwrap{max-width:840px;margin:0 auto;padding:74px 26px}
.hero h1{font-size:62px;line-height:1;letter-spacing:-.02em;text-transform:uppercase;font-weight:900;margin-top:14px}
.hero .sub{color:#aeb4bd;font-size:18px;margin-top:16px;max-width:560px}
.search{position:relative;max-width:520px;margin:28px 0 0}
.search input{width:100%;padding:15px 18px;font-size:16px;border:none;border-radius:8px;outline:none}
#results{list-style:none;position:absolute;left:0;right:0;background:#fff;border-radius:8px;margin-top:6px;box-shadow:0 18px 44px -16px rgba(0,0,0,.5);overflow:hidden;text-align:left}
#results a{display:block;padding:10px 16px;color:#15171c}#results a:hover{background:#f4f5f7;text-decoration:none}
#results b{font-size:14px}#results span{display:block;color:#6b7280;font-size:12px}
.wrap{max-width:840px;margin:0 auto;padding:44px 26px 64px}
h1{font-size:42px;text-transform:uppercase;font-weight:900;letter-spacing:-.01em;line-height:1.05}h2{font-size:22px;text-transform:uppercase;letter-spacing:.02em;margin-bottom:14px}
.lede{color:#5b6573;font-size:18px;margin:12px 0 24px;max-width:640px}
.cards{list-style:none;display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px;padding:0}
.cards a{display:block;padding:16px;border:1px solid var(--line2);border-left:4px solid var(--red);border-radius:8px;color:#15171c}.cards a:hover{background:#fafafa;text-decoration:none}
.cards b{font-size:15px}.cards span{display:block;color:#6b7280;font-size:13px;margin-top:3px}
.list{list-style:none;padding:0;counter-reset:n}
.list li{display:flex;gap:16px;align-items:center;padding:13px 0;border-bottom:1px solid var(--line2)}
.list .num{font-weight:900;color:var(--red);font-variant-numeric:tabular-nums;font-size:15px}
.list .info a{font-weight:700;font-size:16px;color:#15171c}.list .info a:hover{color:var(--red)}.list .meta{display:block;color:#6b7280;font-size:13px}
.cta{margin-top:24px}.cta a{display:inline-block;background:var(--red);color:#fff;padding:12px 22px;border-radius:8px;font-weight:800;text-transform:uppercase;font-size:14px;letter-spacing:.03em}.cta a:hover{background:#b91622;text-decoration:none}
.prose p{margin-top:15px;font-size:17px}
.foot{border-top:1px solid var(--line2);padding:30px 26px;color:#6b7280;font-size:14px}.foot .fine{font-size:12px;margin-top:12px}
@media(max-width:560px){.hero h1{font-size:46px}.nav nav{display:none}}