:root{--color-bg: #0a0a0a;--color-bg-secondary: #0d0d0d;--color-bg-tertiary: #151515;--color-bg-elevated: #1a1a1a;--color-accent: #00ff88;--color-accent-hover: #00cc6a;--color-accent-dim: rgba(0, 255, 136, .1);--color-text: #e0e0e0;--color-text-muted: #888;--color-text-dimmer: #666;--color-text-dimmest: #555;--color-border: #333;--color-border-light: #252525;--color-border-dark: #222;--color-error: #ff4444;--color-error-bg: #2a1515;--color-info: #4488ff;--font-mono: "SF Mono", "Fira Code", "Consolas", monospace;--bp-phablet: 480px;--bp-tablet: 768px;--bp-desktop: 1024px}*{box-sizing:border-box}body{font-family:var(--font-mono);background:var(--color-bg);color:var(--color-text);margin:0;padding:0;min-height:100vh;line-height:1.6}a{color:var(--color-accent);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3,h4,h5,h6{color:var(--color-accent);margin-top:0}code{font-family:var(--font-mono);background:var(--color-bg-tertiary);padding:2px 6px;border-radius:4px}body{overflow-x:hidden}img,video,iframe{max-width:100%;height:auto}h1{font-size:clamp(1.75rem,5vw,2.5rem)}h2{font-size:clamp(1.25rem,4vw,1.8rem)}h3{font-size:clamp(1rem,3vw,1.4rem)}.site-nav{background:var(--color-bg-tertiary);border-bottom:1px solid var(--color-border);padding:12px 16px;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:100}.logo{color:var(--color-accent);font-size:1.25rem;font-weight:700;text-decoration:none;display:flex;align-items:center;gap:8px}.logo:hover{text-decoration:none}.logo-icon{width:28px;height:28px;flex-shrink:0}.logo-text{display:none}.nav-links{display:flex;gap:0}.nav-links a{color:var(--color-text-muted);text-decoration:none;font-size:1.1rem;transition:color .2s;padding:10px 12px;min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center}.nav-links a:hover,.nav-links a.active{color:var(--color-accent);text-decoration:none}.nav-icon{display:flex;align-items:center;justify-content:center}.nav-icon svg{width:22px;height:22px;stroke:currentColor;transition:all .25s ease;filter:drop-shadow(0 0 0px transparent)}.nav-links a:hover .nav-icon svg,.nav-links a.active .nav-icon svg{stroke:var(--color-accent);filter:drop-shadow(0 0 6px var(--color-accent)) drop-shadow(0 0 12px rgba(0,255,136,.4))}.nav-label{display:none}@media(min-width:480px){.site-nav{padding:15px 20px}.logo{font-size:1.5rem;gap:10px}.logo-icon{width:32px;height:32px}.logo-text{display:inline}.nav-links{gap:4px}.nav-links a{font-size:.8rem;padding:8px 10px}.nav-icon{display:none}.nav-label{display:inline}.nav-label-full{display:none}.nav-label-short{display:inline}}@media(min-width:768px){.nav-links{gap:8px}.nav-links a{font-size:.85rem;padding:8px 12px}.nav-label-full{display:inline}.nav-label-short{display:none}}@media(min-width:1024px){.nav-links{gap:20px}.nav-links a{font-size:.9rem;padding:8px 4px;min-width:auto}}.btn-primary{background:var(--color-accent);color:#000;padding:14px 32px;border-radius:6px;text-decoration:none;font-weight:700;font-size:1rem;transition:all .2s;border:none;cursor:pointer;font-family:var(--font-mono)}.btn-primary:hover{background:var(--color-accent-hover);transform:translateY(-2px);box-shadow:0 8px 25px #00ff8840;text-decoration:none}.btn-secondary{background:transparent;color:var(--color-accent);padding:14px 32px;border-radius:6px;text-decoration:none;font-weight:700;font-size:1rem;border:2px solid var(--color-accent);transition:all .2s;font-family:var(--font-mono);cursor:pointer}.btn-secondary:hover{background:var(--color-accent-dim);transform:translateY(-2px);text-decoration:none}.feature-card{background:var(--color-bg-tertiary);border:1px solid var(--color-border-light);border-radius:12px;padding:30px;transition:all .3s}.feature-card:hover{border-color:#00ff8854;transform:translateY(-4px);box-shadow:0 15px 40px #0000004d}a.feature-card{text-decoration:none;color:inherit;display:block}a.feature-card:focus{outline:2px solid var(--color-accent);outline-offset:2px}.feature-icon{font-size:2rem;margin-bottom:15px}.feature-card h3{color:var(--color-accent);margin:0 0 10px;font-size:1.1rem}.feature-card p{color:var(--color-text-muted);margin:0;line-height:1.6;font-size:.9rem}.engine-tag{display:inline-block;background:var(--color-bg-elevated);border:1px solid var(--color-border);padding:10px 18px;border-radius:20px;font-size:.85rem;color:#aaa;transition:all .2s;text-decoration:none;cursor:pointer}.engine-tag:hover{border-color:var(--color-accent);color:var(--color-accent);background:#00ff880d;text-decoration:none}.engine-tag span{color:var(--color-text-dimmer);margin-left:6px}footer{padding:30px 20px;background:var(--color-bg);border-top:1px solid var(--color-border-dark);text-align:center;color:var(--color-text-dimmest);font-size:.85rem}footer a{color:var(--color-accent);text-decoration:none}footer a:hover{text-decoration:underline}@media(max-width:767px){.btn-primary,.btn-secondary{padding:12px 24px;font-size:.95rem}.feature-card{padding:24px}.feature-icon{font-size:1.75rem;margin-bottom:12px}.engine-tag{padding:8px 14px;font-size:.8rem}}@media(max-width:479px){.btn-primary,.btn-secondary{padding:14px 24px;min-height:48px;font-size:.9rem}.feature-card{padding:20px}.feature-card h3{font-size:1rem}.feature-card p{font-size:.85rem}.engine-tag{padding:8px 12px;min-height:44px;display:inline-flex;align-items:center}footer{padding:24px 16px;font-size:.8rem}}
