@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;700&family=Press+Start+2P&display=swap";
:root{--color-bg-base:#0a0c0a;--color-bg-surface:#0d150d;--color-bg-elevated:#111a11;--color-bg-overlay:#0a120a;--color-bg-terminal:#030603;--color-accent:#4ade80;--color-accent-dim:#22c55e;--color-accent-muted:#15803d;--color-accent-ghost:#4ade8014;--color-arcade:#9bbc0f;--color-arcade-dim:#6d8a0a;--color-arcade-ghost:#9bbc0f14;--color-text-primary:#f0faf0;--color-text-secondary:#7aab8a;--color-text-muted:#4a6a4a;--color-text-disabled:#2a4a2a;--color-text-arcade:#9bbc0f;--color-border-subtle:#1a2e1a;--color-border-medium:#2a4a2a;--color-border-strong:#3a6a3a;--color-border-arcade:#9bbc0f4d;--color-danger:#ef4444;--color-warning:#f97316;--color-success:#4ade80;--color-info:#60a5fa;--font-sans:"Inter", sans-serif;--font-mono:"JetBrains Mono", monospace;--font-pixel:"Press Start 2P", monospace;--text-xs:11px;--text-sm:13px;--text-base:15px;--text-lg:18px;--text-xl:24px;--text-2xl:32px;--text-3xl:44px;--weight-regular:400;--weight-medium:500;--weight-bold:700;--leading-tight:1.2;--leading-normal:1.6;--leading-loose:1.8;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--radius-sm:4px;--radius-md:7px;--radius-lg:10px;--radius-xl:16px;--radius-full:9999px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;scroll-behavior:smooth;font-size:16px;overflow-x:hidden}body{background:var(--color-bg-base);color:var(--color-text-primary);font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);overflow-x:hidden}.heading-display{font-family:var(--font-sans);font-size:var(--text-3xl);font-weight:var(--weight-bold);color:var(--color-text-primary);line-height:var(--leading-tight);letter-spacing:-.03em}.heading-display .accent{color:var(--color-accent)}.heading-1{font-size:var(--text-2xl);font-weight:var(--weight-bold);color:var(--color-text-primary);line-height:var(--leading-tight)}.body-lg{font-size:var(--text-base);line-height:var(--leading-loose);color:var(--color-text-secondary)}.body-sm{font-size:var(--text-sm);line-height:var(--leading-normal);color:var(--color-text-secondary)}.section-label{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--weight-bold);color:var(--color-accent);letter-spacing:2px;text-transform:uppercase;margin-bottom:var(--space-3)}.cursor{background:var(--color-accent);vertical-align:middle;width:2px;animation:1s step-end infinite blink;display:inline-block}.btn{justify-content:center;align-items:center;gap:var(--space-2);padding:10px var(--space-5);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--weight-bold);cursor:pointer;white-space:nowrap;border:1px solid #0000;text-decoration:none;transition:background .15s,color .15s,border-color .15s;display:inline-flex}.btn-primary{background:var(--color-accent);color:#0a0c0a;border-color:var(--color-accent)}.btn-primary:hover{background:var(--color-accent-dim);border-color:var(--color-accent-dim)}.btn-secondary{color:var(--color-text-primary);border-color:var(--color-border-medium);background:0 0}.btn-secondary:hover{background:var(--color-bg-elevated)}.btn-arcade{font-family:var(--font-pixel);background:var(--color-arcade);color:#050805;border:2px solid var(--color-arcade);letter-spacing:1px;cursor:pointer;border-radius:0;padding:9px 16px;font-size:8px}.btn-arcade:hover{background:var(--color-bg-terminal);color:var(--color-arcade)}.btn-cli{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-accent);border:1px solid var(--color-border-medium);border-radius:var(--radius-md);padding:10px var(--space-5);cursor:pointer;background:0 0}.btn-cli:before{content:"$ ";color:var(--color-text-muted)}.btn-cli:hover{background:var(--color-accent-ghost);border-color:var(--color-accent-muted)}.btn-sm{font-size:var(--text-xs);padding:6px 14px}.btn-lg{font-size:var(--text-base);padding:14px 32px}.card{background:var(--color-bg-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);padding:var(--space-5)}.card:hover{border-color:var(--color-border-medium)}.terminal-window{background:var(--color-bg-terminal);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);overflow:hidden}.terminal-titlebar{padding:10px var(--space-4);background:var(--color-bg-overlay);border-bottom:1px solid var(--color-border-subtle);align-items:center;gap:6px;display:flex}.terminal-dot{border-radius:50%;width:10px;height:10px}.terminal-dot-red{background:#ff5f57}.terminal-dot-yellow{background:#ffbd2e}.terminal-dot-green{background:#28c840}.terminal-title{font-family:var(--font-pixel);color:var(--color-text-muted);margin-left:var(--space-2);font-size:8px}.terminal-body{padding:var(--space-5) var(--space-6);font-family:var(--font-mono);font-size:var(--text-xs);line-height:var(--leading-loose)}.terminal-prompt{color:var(--color-accent)}.terminal-cmd{color:var(--color-text-primary)}.terminal-flag{color:var(--color-accent)}.terminal-output{color:var(--color-text-muted);padding-left:var(--space-4)}.terminal-success{color:var(--color-accent);padding-left:var(--space-4)}.terminal-arcade .terminal-title{font-family:var(--font-pixel);color:var(--color-arcade)}.terminal-arcade .terminal-prompt{color:var(--color-arcade)}.terminal-arcade .terminal-cmd{color:#c8d8a0}.terminal-arcade .terminal-output{color:#5a6a30}.terminal-arcade .terminal-success{color:var(--color-arcade)}.badge{font-size:var(--text-xs);font-weight:var(--weight-medium);border-radius:var(--radius-full);border:1px solid;align-items:center;gap:5px;padding:3px 9px;display:inline-flex}.badge-green{color:var(--color-accent);background:var(--color-accent-ghost);border-color:var(--color-accent-muted)}.badge-gray{color:var(--color-text-muted);background:var(--color-bg-elevated);border-color:var(--color-border-subtle)}.status-dot{border-radius:50%;flex-shrink:0;width:7px;height:7px;display:inline-block}.status-dot-active{background:var(--color-accent)}.status-dot-warning{background:var(--color-warning)}.nav-bar{padding:var(--space-4) var(--space-10);border-bottom:1px solid var(--color-border-subtle);background:var(--color-bg-base);justify-content:space-between;align-items:center;display:flex}.nav-logo{align-items:center;gap:var(--space-3);font-size:var(--text-lg);font-weight:var(--weight-bold);color:var(--color-accent);text-decoration:none;display:flex}.nav-link{font-size:var(--text-sm);color:var(--color-text-secondary);border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:none;padding:4px 8px;text-decoration:none}.nav-link:hover{color:var(--color-text-primary);background:var(--color-bg-elevated)}.nav-link.active{color:var(--color-accent)}.section{padding:var(--space-16) var(--space-10);border-bottom:1px solid var(--color-border-subtle)}.section-hero{text-align:center;border-bottom:1px solid var(--color-border-subtle);padding:72px 48px 64px;position:relative;overflow:hidden}.section-terminal{background:#080f08}.container{max-width:1100px;margin:0 auto}.container-narrow{max-width:680px;margin:0 auto}.feat-card{background:var(--color-bg-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);transition:border-color .2s}.feat-card:hover{border-color:var(--color-border-medium)}.feat-icon{background:var(--color-accent-ghost);border:1px solid var(--color-accent-muted);border-radius:var(--radius-md);width:34px;height:34px;margin-bottom:var(--space-4);justify-content:center;align-items:center;display:flex}.feat-title{font-size:var(--text-base);font-weight:var(--weight-bold);color:#c8e6c8;margin-bottom:6px}.feat-desc{font-size:var(--text-sm);color:var(--color-text-muted);line-height:var(--leading-normal)}.hero-badge{align-items:center;gap:var(--space-2);background:var(--color-bg-surface);border:1px solid var(--color-border-medium);border-radius:var(--radius-full);margin-bottom:var(--space-6);padding:5px 14px;display:inline-flex}.hero-badge-text{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-secondary)}.quote-card{background:var(--color-bg-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);padding:var(--space-5)}.quote-text{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:var(--leading-loose);margin-bottom:var(--space-4)}.quote-author{align-items:center;gap:var(--space-3);display:flex}.quote-name{font-size:var(--text-sm);font-weight:var(--weight-medium);color:#c8e6c8}.quote-role{font-size:var(--text-xs);color:var(--color-text-muted)}.avatar{background:var(--color-bg-elevated);border:1px solid var(--color-border-medium);font-weight:var(--weight-bold);color:var(--color-accent);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.avatar-md{width:36px;height:36px;font-size:var(--text-xs)}.tui-window{background:var(--color-bg-terminal);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);font-family:var(--font-mono);font-size:var(--text-xs);overflow:hidden}.tui-header{background:var(--color-bg-overlay);border-bottom:1px solid var(--color-border-subtle);padding:8px var(--space-4);color:var(--color-arcade);font-family:var(--font-pixel);justify-content:space-between;align-items:center;font-size:8px;display:flex}.tui-keybinds{background:var(--color-bg-overlay);border-top:1px solid var(--color-border-subtle);padding:5px var(--space-4);color:var(--color-text-disabled);justify-content:space-between;font-size:9px;display:flex}.tui-key{color:var(--color-arcade)}@keyframes blink{50%{opacity:0}}@keyframes fx-blink{0%,49%{opacity:1}50%,to{opacity:.25}}@keyframes fx-row-in{0%{opacity:0;transform:translate(-6px)}to{opacity:1;transform:translate(0)}}@keyframes fx-type{0%{max-width:0}to{max-width:100%}}@keyframes fx-dot-pulse-g{0%{box-shadow:0 0 #4ade808c}70%{box-shadow:0 0 0 7px #4ade8000}to{box-shadow:0 0 #4ade8000}}@keyframes fx-slide-down{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.fx-scan{position:relative;overflow:hidden}.fx-scan:after{content:"";pointer-events:none;mix-blend-mode:screen;background:repeating-linear-gradient(#4ade8008 0 1px,#0000 1px 3px);position:absolute;inset:0}.fx-typed{white-space:nowrap;vertical-align:bottom;max-width:0;animation:1.1s steps(22,end) .25s forwards fx-type;display:inline-block;overflow:hidden}.fx-cursor{vertical-align:-2px;background:#4ade80;width:7px;height:12px;margin-left:2px;animation:1s step-end infinite blink;display:inline-block}.fx-cursor-arcade{background:#9bbc0f}.fx-row{opacity:0;animation:.25s forwards fx-row-in;transform:translate(-6px)}.fx-row.d1{animation-delay:1.45s}.fx-row.d2{animation-delay:1.75s}.fx-row.d3{animation-delay:2.05s}.fx-row.d4{animation-delay:2.35s}.status-dot.fx-pulse{position:relative}.status-dot.fx-pulse.status-dot-active{animation:1.8s ease-out infinite fx-dot-pulse-g}.fx-px-dot{background:#9bbc0f;border-radius:0;width:8px;height:8px;animation:.8s steps(2,end) infinite blink;display:inline-block}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--color-bg-base)}::-webkit-scrollbar-thumb{background:var(--color-border-medium);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--color-border-strong)}