@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Share+Tech+Mono&display=swap');

:root{
  --bg:#070707; --panel:#0d0d0f; --panel2:#121214; --line:#28282c;
  --text:#ededed; --muted:#9a9a9f; --red:#ff3030; --red2:#a91515;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;background:var(--bg);color:var(--text);
  font-family:Inter,Arial,sans-serif;line-height:1.6;
}
a{color:inherit;text-decoration:none}
.header{
  min-height:310px;display:flex;align-items:center;justify-content:center;
  position:relative;overflow:hidden;
  background:
    linear-gradient(180deg,rgba(0,0,0,.28),rgba(0,0,0,.82)),
    linear-gradient(90deg,rgba(255,0,0,.10),transparent 40%,rgba(255,0,0,.08)),
    url('https://i.postimg.cc/jWZjbhpg/image.png') center/cover no-repeat;
  border-bottom:1px solid #333;
}
.header:after{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:repeating-linear-gradient(0deg,transparent 0 3px,rgba(255,255,255,.025) 4px);
}
.header-inner{text-align:center;position:relative;z-index:1}
.logo{font-size:clamp(4rem,11vw,8rem);font-weight:800;letter-spacing:.08em;text-shadow:0 0 30px #000}
.tagline{font-family:"Share Tech Mono",monospace;letter-spacing:.38em;color:#ddd;font-size:.85rem}
.rec{position:absolute;left:26px;top:24px;color:#ff3333;font-family:"Share Tech Mono";font-size:14px;z-index:2}
.cam{position:absolute;right:26px;top:24px;color:#ff3333;font-family:"Share Tech Mono";font-size:14px;z-index:2;text-align:right}

nav{
  height:72px;background:#090909;border-bottom:1px solid var(--line);
  display:flex;align-items:center;justify-content:center;gap:10px;
  position:sticky;top:0;z-index:20;
}
nav a{padding:22px 20px;color:#aaa;font-weight:600;font-size:14px;letter-spacing:.06em}
nav a:hover,nav a.active{color:#fff;background:linear-gradient(180deg,transparent,#160909)}
nav a.active{color:var(--red);border-bottom:2px solid var(--red)}
.wrap{max-width:1250px;margin:auto;padding:44px 24px}
.grid{display:grid;grid-template-columns:250px 1fr;gap:32px}
.grid3{display:grid;grid-template-columns:220px 1fr 300px;gap:28px}
.card{background:linear-gradient(145deg,var(--panel),#09090a);border:1px solid var(--line);border-radius:7px}
.sidebar{padding:14px;align-self:start}
.side-title,.eyebrow,.section-title{
  font-family:"Share Tech Mono",monospace;color:var(--red);
  letter-spacing:.12em;text-transform:uppercase;
}
.side-title{padding:12px 14px 18px;font-size:15px}
.incident-link{display:block;padding:15px 14px;border-radius:4px;color:#aaa}
.incident-link:hover,.incident-link.active{background:#241010;color:#fff}
.incident-link.active{border-left:2px solid var(--red)}
.incident-link small{display:block;color:#777;margin-top:3px}
.eyebrow{font-size:14px;margin-bottom:5px}
h1{font-size:clamp(2rem,5vw,4rem);line-height:1.08;margin:0 0 26px}
h2{margin:0 0 18px}
h3{margin:0 0 10px}
p{color:#c4c4c7}
hr{border:0;border-top:1px solid var(--line);margin:30px 0}
.section-title{font-size:15px;margin-bottom:16px}
.summary{font-size:17px;max-width:800px}
.quote{
  background:#151518;border:1px solid #303035;border-radius:6px;
  padding:22px 24px;margin:12px 0;box-shadow:0 12px 30px rgba(0,0,0,.22)
}
.quote-head{font-weight:700;margin-bottom:14px}
.quote-head span{font-family:"Share Tech Mono";color:#aaa;font-weight:400}
.quote ol{margin:0;padding-left:25px}
.quote li{padding:3px 0}
.evidence-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.evidence-img,.mention-img{
  width:100%;display:block;border:1px solid #29292d;border-radius:5px;
  background:#090909;cursor:zoom-in;
}
.caption{font-size:12px;color:#777;margin-top:8px}
.mention{padding:16px;margin-bottom:14px}
.badge{display:inline-block;border:1px solid #6e1c1c;color:#ff6666;padding:4px 8px;border-radius:99px;font:12px "Share Tech Mono";margin-bottom:15px}
.hero-card{padding:28px}
.tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.tile{padding:24px;min-height:160px}
.tile:hover{border-color:#4a2020;transform:translateY(-2px);transition:.2s}
.tile .num{font:28px "Share Tech Mono";color:var(--red)}
.footer{border-top:1px solid var(--line);color:#666;text-align:center;padding:30px 20px;font-size:12px}
.notice{padding:14px 16px;border-left:3px solid var(--red);background:#120909;color:#aaa}
.contact-form{display:grid;gap:14px;max-width:700px}
input,textarea{width:100%;background:#0b0b0d;border:1px solid #303035;color:#eee;border-radius:5px;padding:13px;font:inherit}
textarea{min-height:150px;resize:vertical}
button{background:var(--red);border:0;color:white;padding:13px 20px;border-radius:4px;font-weight:700;cursor:pointer}
button:hover{background:#d51e1e}
.lightbox{display:none;position:fixed;inset:0;background:rgba(0,0,0,.92);z-index:50;align-items:center;justify-content:center;padding:30px}
.lightbox img{max-width:95vw;max-height:90vh}
.lightbox:target{display:flex}
.lightbox-close{position:absolute;top:15px;right:25px;font-size:34px}
@media(max-width:950px){
 .grid3{grid-template-columns:1fr}.sidebar{display:none}
 .evidence-grid,.tiles{grid-template-columns:1fr}
 nav{overflow:auto;justify-content:flex-start}
 nav a{white-space:nowrap;padding:22px 14px}
 .wrap{padding:28px 16px}
}