:root{--bg: #050505;--bg-surface: #0d0d0d;--bg-raised: #1a1a1a;--grid-line: #1a1a1a;--text: #e0e0e0;--text-muted: #666666;--accent: #CCFF00;--danger: #FF3B30;--info: #3b82f6;--border: #222222;--mono: "JetBrains Mono", "Space Mono", "Fira Code", "SF Mono", "Cascadia Code", ui-monospace, monospace;--sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--max-width: 960px}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background:var(--bg);color:var(--text);font-family:var(--sans);line-height:1.6;cursor:crosshair;background-image:repeating-linear-gradient(90deg,var(--grid-line) 0,var(--grid-line) 1px,transparent 1px,transparent 40px),repeating-linear-gradient(0deg,var(--grid-line) 0,var(--grid-line) 1px,transparent 1px,transparent 40px)}a{color:var(--accent);text-decoration:none;cursor:pointer}a:hover{text-decoration:underline}button,[type=range]{cursor:pointer}.container{max-width:var(--max-width);margin:0 auto;padding:0 1.5rem}section{padding:5rem 0;border-bottom:1px solid var(--border)}section:last-of-type{border-bottom:none}h1,h2,h3,h4{font-family:var(--mono);font-weight:700;line-height:1.2;letter-spacing:-.02em;text-transform:uppercase}h1{font-size:3rem}h2{font-size:1.75rem;margin-bottom:1.5rem;color:var(--text)}h2:hover{animation:glitch .3s ease-in-out}h3{font-size:1.125rem;margin-bottom:.75rem}p{margin-bottom:1rem}pre{background:var(--bg-surface);border:1px solid var(--border);padding:1rem 1.25rem;overflow-x:auto;font-family:var(--mono);font-size:.875rem;line-height:1.5;margin-bottom:1rem}code{font-family:var(--mono);font-size:.875em}p code,li code{background:var(--bg-surface);border:1px solid var(--border);padding:.125em .375em}@keyframes glitch{0%{text-shadow:none}20%{text-shadow:-2px 0 #FF3B30,2px 0 #00FFFF}40%{text-shadow:2px 0 #FF3B30,-2px 0 #00FFFF}60%{text-shadow:-1px 0 #FF3B30,1px 0 #00FFFF}80%{text-shadow:1px 0 #FF3B30,-1px 0 #00FFFF}to{text-shadow:none}}@keyframes typing{0%{width:0}to{width:100%}}@keyframes blink-caret{50%{border-color:transparent}}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes scanline{0%{top:-5%}to{top:105%}}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-1px)}20%,40%,60%,80%{transform:translate(1px)}}@keyframes log-scroll{0%{transform:translateY(0)}to{transform:translateY(-50%)}}.hero{padding:4rem 0 3rem;text-align:center;position:relative}.hero:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,transparent 0%,transparent 99%,var(--border) 100%)}.hero-logo{display:block;max-width:400px;width:100%;margin:0 auto 2rem;image-rendering:auto}.hero h1{font-size:clamp(2.5rem,7vw,4.5rem);margin-bottom:.25rem;line-height:1.05;letter-spacing:-.03em}.hero h1 .line-2{display:block;color:var(--accent)}.hero .subtitle{font-family:var(--mono);font-size:1.125rem;color:var(--text-muted);margin-bottom:2rem;display:inline-block;overflow:hidden;white-space:nowrap;border-right:2px solid var(--accent);animation:typing 2s steps(35) .5s forwards,blink-caret .7s step-end infinite;width:0;max-width:100%}.hero .epigraph{max-width:600px;margin:0 auto 2rem;padding:1.25rem 1.5rem;border-left:3px solid var(--accent);text-align:left;font-style:italic;color:var(--text-muted);font-size:.95rem}.hero .epigraph cite{display:block;margin-top:.5rem;font-style:normal;font-family:var(--mono);font-size:.8rem;color:var(--text-muted)}.hero .epigraph cite a{color:var(--accent)}.throttle-control{max-width:500px;margin:0 auto 2rem;padding:1.5rem;background:var(--bg-surface);border:1px solid var(--border)}.throttle-control label{display:block;font-family:var(--mono);font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);margin-bottom:.75rem}.throttle-control input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:4px;background:var(--border);outline:none;border-radius:0}.throttle-control input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;background:var(--accent);border:2px solid var(--bg);cursor:pointer}.throttle-control input[type=range]::-moz-range-thumb{width:20px;height:20px;background:var(--accent);border:2px solid var(--bg);cursor:pointer;border-radius:0}.throttle-stops{display:flex;justify-content:space-between;font-family:var(--mono);font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-top:.5rem}.throttle-status{font-family:var(--mono);font-size:.9rem;margin-top:1rem;text-align:center;min-height:1.4em;transition:color .2s}.throttle-control[data-level=bunker] input[type=range]::-webkit-slider-thumb{background:var(--info)}.throttle-control[data-level=bunker] input[type=range]::-moz-range-thumb{background:var(--info)}.throttle-control[data-level=bunker] .throttle-status{color:var(--info)}.throttle-control[data-level=tactical] input[type=range]::-webkit-slider-thumb{background:var(--accent)}.throttle-control[data-level=tactical] input[type=range]::-moz-range-thumb{background:var(--accent)}.throttle-control[data-level=tactical] .throttle-status{color:var(--accent)}.throttle-control[data-level=yolo] input[type=range]::-webkit-slider-thumb{background:var(--danger)}.throttle-control[data-level=yolo] input[type=range]::-moz-range-thumb{background:var(--danger)}.throttle-control[data-level=yolo] .throttle-status{color:var(--danger)}.throttle-control[data-level=yolo]{animation:shake .5s ease-in-out}.install-block{display:inline-flex;align-items:center;gap:.75rem;background:var(--bg-surface);border:1px solid var(--border);padding:.75rem 1.5rem;font-family:var(--mono);font-size:1rem;margin-bottom:1rem;cursor:pointer;transition:border-color .2s}.install-block:hover{border-color:var(--accent)}.install-block .prompt{color:var(--text-muted);user-select:none}.install-block .copy-hint{font-size:.7rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;user-select:none}.hero .cta-row{display:flex;justify-content:center;gap:1.5rem;margin-top:1rem;font-family:var(--mono);font-size:.875rem}.ticker{padding:.75rem 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);overflow:hidden;white-space:nowrap}.ticker-track{display:inline-block;animation:marquee 20s linear infinite}.ticker-track span{font-family:var(--mono);font-size:.8rem;letter-spacing:.05em;color:var(--accent);text-transform:uppercase}.problem-solution{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-top:1.5rem}.panel{padding:1.5rem;border:1px solid var(--border);background:var(--bg-surface)}.panel-label{font-family:var(--mono);font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid var(--border)}.panel-label.weak{color:var(--danger)}.panel-label.strong{color:var(--accent)}.chat-bubble{font-family:var(--mono);font-size:.85rem;line-height:1.6;color:var(--text-muted)}.chat-bubble .role{color:var(--text);font-weight:700}.chat-bubble .struck{text-decoration:line-through;opacity:.5}.terminal-out{font-family:var(--mono);font-size:.85rem;line-height:1.8}.terminal-out .blocked{color:var(--danger);font-weight:700}.terminal-out .muted-line{color:var(--text-muted);font-size:.8rem}.arsenal-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem;margin-top:2rem}.module-card{background:var(--bg-surface);border:1px solid var(--border);border-left:3px solid var(--accent);padding:1.25rem 1.5rem}.module-card h3{font-family:var(--mono);font-size:.9rem;color:var(--accent);margin-bottom:.5rem;letter-spacing:.03em}.module-card p{font-size:.875rem;color:var(--text-muted);margin-bottom:0;line-height:1.5}.throttle-levels{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.25rem;margin-top:2rem}.throttle-card{border:1px solid var(--border);padding:1.25rem 1.5rem}.throttle-card h3{font-family:var(--mono);text-transform:uppercase;letter-spacing:.05em;font-size:1rem;margin-bottom:.25rem}.throttle-card .tagline{font-family:var(--mono);font-size:.75rem;margin-bottom:.75rem;font-weight:700}.throttle-card p{font-size:.85rem;color:var(--text-muted);margin-bottom:0}.throttle-card.bunker{border-color:var(--danger);border-left-width:3px}.throttle-card.bunker h3,.throttle-card.bunker .tagline{color:var(--danger)}.throttle-card.tactical{border-color:var(--accent);border-left-width:3px}.throttle-card.tactical h3,.throttle-card.tactical .tagline{color:var(--accent)}.throttle-card.yolo{border-color:var(--danger);border-left-width:3px}.throttle-card.yolo h3,.throttle-card.yolo .tagline{color:var(--danger)}.terminal-window{background:var(--bg-surface);border:1px solid var(--border);margin-top:2rem;overflow:hidden}.terminal-titlebar{display:flex;align-items:center;gap:.5rem;padding:.6rem 1rem;background:var(--bg-raised);border-bottom:1px solid var(--border);font-family:var(--mono);font-size:.75rem;color:var(--text-muted)}.terminal-dots{display:flex;gap:.35rem}.terminal-dots span{width:10px;height:10px;border-radius:50%;display:block}.terminal-dots span:nth-child(1){background:#ff5f57}.terminal-dots span:nth-child(2){background:#febc2e}.terminal-dots span:nth-child(3){background:#28c840}.terminal-body{padding:1.25rem;font-family:var(--mono);font-size:.85rem;line-height:2}.terminal-body .cmd{color:var(--text)}.terminal-body .prompt-char{color:var(--accent);user-select:none}.terminal-body .comment{color:var(--text-muted)}.getting-started-layout{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-top:2rem}.log-panel{background:var(--bg-surface);border:1px solid var(--border);overflow:hidden;height:260px;position:relative}.log-panel:after{content:"";position:absolute;bottom:0;left:0;right:0;height:60px;background:linear-gradient(transparent,var(--bg-surface));pointer-events:none}.log-titlebar{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--bg-raised);border-bottom:1px solid var(--border);font-family:var(--mono);font-size:.7rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.log-scroll{animation:log-scroll 12s linear infinite;padding:.75rem 1rem}.log-line{font-family:var(--mono);font-size:.75rem;line-height:1.8;white-space:nowrap}.log-line .ts{color:var(--text-muted)}.log-line .warn{color:#f59e0b}.log-line .info{color:var(--accent)}.log-line .deny{color:var(--danger)}footer{padding:4rem 0 3rem;text-align:center;border-top:1px solid var(--border)}footer .footer-tagline{font-family:var(--mono);font-size:clamp(1rem,3vw,1.5rem);font-weight:700;color:var(--text);text-transform:uppercase;letter-spacing:.02em;margin-bottom:2rem}footer .footer-links{display:flex;justify-content:center;gap:2rem;font-family:var(--mono);font-size:.875rem;margin-bottom:2rem;list-style:none}footer .footer-links a{color:var(--accent)}footer .footer-status{font-family:var(--mono);font-size:.75rem;color:var(--text-muted);margin-bottom:.5rem}.status-dot{display:inline-block;width:8px;height:8px;background:var(--accent);border-radius:50%;margin-right:.5rem;animation:blink 2s infinite;vertical-align:middle}footer .footer-meta{font-family:var(--mono);font-size:.7rem;color:var(--text-muted)}body:after{content:"";position:fixed;top:0;left:0;width:100%;height:4px;background:#ccff0008;animation:scanline 8s linear infinite;pointer-events:none;z-index:9999}@media(max-width:768px){section{padding:3.5rem 0}h1{font-size:2rem}h2{font-size:1.375rem}.problem-solution,.arsenal-grid,.throttle-levels,.getting-started-layout{grid-template-columns:1fr}.hero .subtitle{font-size:.9rem;white-space:normal;animation:none;width:auto;border-right:none}.hero-logo{max-width:280px}}
