@import url("../assets/framework-base.css");
.showcase { padding: clamp(28px, 6vw, 68px); }
.showcase-number { display: block; color: var(--accent); font-size: 12px; font-weight: 900; letter-spacing: .18em; }
.showcase > strong { position: relative; z-index: 2; display: block; max-width: 800px; margin-top: 20px; font-size: clamp(48px, 8vw, 105px); line-height: .85; letter-spacing: -.07em; }
.showcase > p { position: relative; z-index: 2; max-width: 420px; margin-top: 25px; color: #b9bec5; line-height: 1.5; }
.showcase-art { position: absolute; pointer-events: none; }

:root { --bg:#050505; --paper:#111; --ink:#f5f5f0; --muted:#9b9b94; --line:#42423d; --accent:#d8ff00; --accent-2:#242900; --dark:#000; --width:1240px; font-family:"Courier New",monospace; }
.backbar{color:#050505;background:#d8ff00}.site-header{border-bottom:2px solid #d8ff00}.brand{text-transform:uppercase}.nav-links .nav-cta,.button{border-radius:0;border:2px solid #d8ff00}.button.primary{color:#050505}.hero{background-image:linear-gradient(#242424 1px,transparent 1px),linear-gradient(90deg,#242424 1px,transparent 1px);background-size:32px 32px}
h1{text-transform:uppercase;font-size:clamp(52px,7vw,94px)}.eyebrow{color:#d8ff00}
.concept-stage{border:2px solid #d8ff00}.sysbar{padding:12px;color:#050505;background:#d8ff00;font-size:10px;font-weight:900}
.cyber-grid{display:grid;min-height:460px;padding:15px;grid-template-columns:.7fr 1.3fr;grid-template-rows:1fr auto;gap:14px}.threat,.log,.warning{padding:20px;border:1px solid #555;background:#090909}
.threat small{font-size:10px}.threat strong{display:block;margin-top:80px;color:#d8ff00;font-size:110px;line-height:.8}.threat span{font-size:11px}
.log{display:flex;flex-direction:column;gap:16px}.log b{color:#d8ff00}.log span{padding-top:12px;border-top:1px dashed #42423d;color:#bfc0b8;font-size:11px}
.warning{grid-column:span 2;color:#050505;background:#ff5b45;border:0;font-weight:900}
.section{border-top:1px solid #42423d}.feature{border:2px solid #d8ff00}.feature small{color:#d8ff00}.about-mark{color:#050505;background:#d8ff00}.section.alt{background:#0b0b0b}
.showcase{border:2px solid #d8ff00;background:#050505}.showcase-art{inset:0;background:repeating-linear-gradient(90deg,transparent 0 47px,rgba(216,255,0,.12) 48px),repeating-linear-gradient(transparent 0 47px,rgba(216,255,0,.12) 48px)}.showcase>strong{color:#d8ff00}
.cta-panel{border:2px solid #d8ff00}