@import"https://fonts.googleapis.com/css2?family=Play:wght@400;700&family=Space+Mono:ital,wght@0,400;0,700;1,400;1,700&display=swap";#landing-page{position:fixed;inset:0;width:100%;height:100%;overflow-x:hidden;overflow-y:auto;background:var(--vox-bg-dark);scroll-behavior:smooth;color:var(--text-primary);-webkit-overflow-scrolling:touch;z-index:1000}section{position:relative;padding:80px 20px;display:flex;align-items:center;justify-content:center;min-height:100vh}.reveal{opacity:0;transform:translateY(30px);transition:all .8s ease-out}.reveal.visible{opacity:1;transform:translateY(0)}.hero-section{height:100vh;padding:0;flex-direction:column}.hero-bg{position:absolute;inset:0;overflow:hidden;z-index:1}.hero-grid{position:absolute;inset:0;background:linear-gradient(rgba(25,212,228,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(25,212,228,.03) 1px,transparent 1px);background-size:60px 60px;animation:gridPulse 8s ease-in-out infinite}.hero-glow{position:absolute;top:30%;left:50%;transform:translate(-50%,-50%);width:600px;height:600px;background:radial-gradient(circle,rgba(25,212,228,.12) 0%,transparent 70%);pointer-events:none}@keyframes gridPulse{0%,to{opacity:.5}50%{opacity:1}}.hero-content{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:24px;text-align:center;animation:fadeIn .8s ease-out}.scroll-indicator{position:absolute;bottom:40px;display:flex;flex-direction:column;align-items:center;gap:12px;color:var(--text-secondary);font-family:var(--font-mono);font-size:12px;text-transform:uppercase;letter-spacing:2px;animation:blink 2s infinite;background:none;border:none;cursor:pointer;padding:10px}.scroll-indicator:hover{color:var(--vox-teal)}.scroll-arrow{width:20px;height:20px;border-right:2px solid var(--vox-teal);border-bottom:2px solid var(--vox-teal);transform:rotate(45deg)}.feature-section{max-width:1200px;margin:0 auto;gap:60px}.feature-section.alt{flex-direction:row-reverse}.feature-image-container{flex:1;display:flex;justify-content:center}.feature-text-container{flex:1;display:flex;flex-direction:column;gap:20px}.feature-title{font-family:var(--font-brand);font-size:36px;color:var(--vox-teal);text-transform:uppercase}.feature-description{font-family:var(--font-body);font-size:18px;line-height:1.6;color:var(--text-secondary)}.image-placeholder{width:100%;aspect-ratio:16 / 9;border-radius:var(--vox-radius);display:flex;align-items:center;justify-content:center;border:2px solid var(--vox-border);box-shadow:0 10px 30px #0000004d;font-family:var(--font-mono);padding:20px;text-align:center}.vox-teal-bg{background:#19d4e41a;border-color:var(--vox-teal);color:var(--vox-teal)}.vox-green-bg{background:#2ecc711a;border-color:var(--vox-green);color:var(--vox-green)}.vox-red-bg{background:#e74c3c1a;border-color:var(--vox-red);color:var(--vox-red)}.landing-footer{padding:60px 20px;border-top:1px solid var(--vox-border);background:var(--vox-bg-menu)}.footer-content{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;color:var(--text-muted);font-size:14px}.footer-links{display:flex;gap:24px}@media(max-width:768px){.feature-section,.feature-section.alt{flex-direction:column;padding:40px 20px;gap:32px}.feature-title{font-size:28px}.footer-content{flex-direction:column;gap:20px}}.landing-logo{display:flex;flex-direction:column;align-items:center;gap:16px}.logo-icon{display:flex;align-items:center;justify-content:center;width:72px;height:72px}.logo-icon svg{width:100%;height:100%;fill:var(--vox-teal);filter:drop-shadow(0 0 20px var(--vox-teal-glow))}.logo-text{font-family:var(--font-brand);font-size:72px;color:var(--text-primary);letter-spacing:6px;text-transform:uppercase}.logo-text-vox{color:var(--vox-teal)}.landing-tagline{font-family:var(--font-mono);font-size:20px;color:var(--text-secondary)}.join-btn{display:inline-flex;align-items:center;gap:12px;padding:16px 48px;font-family:var(--font-mono);font-size:18px;color:var(--vox-bg-dark);background:var(--vox-teal);border:none;border-radius:var(--vox-radius);cursor:pointer;text-transform:uppercase;font-weight:700;transition:all .2s ease}.join-btn:hover{background:var(--vox-teal-light);box-shadow:0 0 20px var(--vox-teal-glow);transform:translateY(-2px)}.join-btn:active{transform:translateY(0)}@font-face{font-family:Armstrong;src:url(/assets/Armstrong-CwA2WwK5.otf) format("opentype");font-weight:400;font-style:normal;font-display:swap}:root{--vox-bg-dark: #0f141a;--vox-bg-mid: #151c23;--vox-bg-menu: #1b232c;--vox-bg-item: #242e38;--vox-bg-hover: #2e3a47;--vox-teal: #19d4e4;--vox-teal-light: #5ef3ff;--vox-teal-glow: rgba(25, 212, 228, .4);--vox-green: #2ecc71;--vox-grey: #95a5a6;--vox-red: #e74c3c;--vox-red-glow: rgba(231, 76, 60, .4);--vox-blue: #3b82f6;--vox-purple: #a855f7;--vox-purple-dark: #7c3aed;--vox-magenta: #e91e8f;--accent-yellow: #f1c40f;--status-online: var(--vox-green);--status-idle: #f0b232;--status-offline: #80848e;--profile-cyan: #00d2d3;--profile-magenta: #e91e8c;--profile-lime: #7bed9f;--profile-orange: #ff9f43;--profile-violet: #a55eea;--profile-red: #e53e3e;--profile-gold: #f6d365;--y2k-pink: #f5a7bf;--y2k-pink-hot: #e87aa0;--y2k-pink-soft: #fcd9e3;--y2k-cream: #f8ede0;--y2k-sky: #8fb3d1;--y2k-sky-soft: #c5d9e8;--y2k-peach: #f5c8a8;--y2k-plum: #5d4759;--text-primary: #ffffff;--text-secondary: #a0aec0;--text-muted: #718096;--vox-border: #2d3748;--vox-border-highlight: #4a5568;--vox-radius-sm: 4px;--vox-radius: 8px;--vox-radius-pill: 9999px;--shadow-subtle: 0 4px 12px rgba(0, 0, 0, .3);--shadow-standard: 0 4px 20px rgba(0, 0, 0, .4);--shadow-elevated: 0 10px 40px rgba(0, 0, 0, .5);--shadow-heavy: 0 20px 60px rgba(0, 0, 0, .5);--glow-teal: 0 0 12px var(--vox-teal-glow);--glow-teal-lg: 0 0 20px var(--vox-teal-glow);--glow-red: 0 0 12px var(--vox-red-glow);--accent-cyan: var(--vox-teal);--accent-green: var(--vox-green);--accent-red: var(--vox-red);--bg-panel: var(--vox-bg-menu);--font-brand: "Armstrong", sans-serif;--font-body: "Play", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", sans-serif;--font-mono: "Space Mono", "Courier New", monospace;--fs-10: 10px;--fs-11: 11px;--fs-12: 12px;--fs-13: 13px;--fs-14: 14px;--fs-15: 15px;--fs-16: 16px;--fs-24: 24px;--fs-36: 36px;--fs-72: 72px;--ls-tight: .5px;--ls-label: 1px;--ls-button: 2px;--ls-hero: 6px}*{margin:0;padding:0;box-sizing:border-box;scrollbar-width:thin;scrollbar-color:var(--vox-bg-item) transparent}*::-webkit-scrollbar{width:4px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background:var(--vox-bg-item);border-radius:2px}*::-webkit-scrollbar-thumb:hover{background:var(--vox-bg-hover)}html,body{width:100%;height:100%;overflow:hidden;background:var(--vox-bg-dark);font-family:var(--font-body);font-size:var(--fs-16);color:var(--text-primary)}.vox-display,.vox-hero{font-family:var(--font-brand);font-size:var(--fs-72);letter-spacing:var(--ls-hero);text-transform:uppercase;color:var(--text-primary);line-height:1}h1,.vox-h1{font-family:var(--font-brand);font-size:var(--fs-36);letter-spacing:var(--ls-button);text-transform:uppercase;color:var(--vox-teal);line-height:1.1}h2,.vox-h2{font-family:var(--font-body);font-size:var(--fs-24);font-weight:700;color:var(--text-primary);letter-spacing:var(--ls-tight);line-height:1.2}h3,.vox-h3{font-family:var(--font-body);font-size:var(--fs-16);font-weight:700;color:var(--text-primary)}p,.vox-body{font-family:var(--font-body);font-size:var(--fs-14);line-height:1.5;color:var(--text-secondary)}.vox-body-lg{font-family:var(--font-body);font-size:var(--fs-16);line-height:1.6;color:var(--text-secondary)}.vox-caption{font-family:var(--font-body);font-size:var(--fs-12);color:var(--text-muted)}.vox-label{font-family:var(--font-body);font-size:var(--fs-10);font-weight:700;text-transform:uppercase;letter-spacing:var(--ls-label);color:var(--text-muted)}code,.vox-mono{font-family:var(--font-mono);font-size:var(--fs-13);color:var(--vox-teal)}.vox-btn-label{font-family:var(--font-mono);font-size:var(--fs-14);text-transform:uppercase;letter-spacing:var(--ls-button);font-weight:700}#root,#app{width:100%;height:100%;position:relative;overflow:hidden}.hidden{display:none!important}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes blink{0%,to{opacity:1}50%{opacity:.5}}.logo-icon-svg,.feature-icon-svg,.icon-svg{pointer-events:none}.logo-icon-svg{width:32px;height:32px;filter:brightness(0) invert(1)}.feature-icon-svg{width:24px;height:24px;opacity:.8;filter:brightness(0) invert(1)}.icon-svg{width:20px;height:20px;stroke:currentColor;fill:none}.classic-btn{font-family:var(--font-body);font-size:var(--fs-14);padding:10px 20px;background:var(--vox-bg-item);color:var(--text-primary);border:1px solid var(--vox-border);border-radius:var(--vox-radius);cursor:pointer;text-transform:none;letter-spacing:normal;transition:all .2s ease}.classic-btn:hover{background:var(--vox-bg-hover);border-color:var(--vox-teal);box-shadow:var(--glow-teal)}.classic-btn:active{transform:scale(.98);background:var(--vox-bg-dark)}.classic-panel{background:var(--vox-bg-menu);border:1px solid var(--vox-border);border-radius:var(--vox-radius);box-shadow:var(--shadow-standard)}.classic-input{font-family:var(--font-body);font-size:var(--fs-14);padding:10px 14px;background:var(--vox-bg-dark);color:var(--text-primary);border:1px solid var(--vox-border);border-radius:var(--vox-radius-sm);outline:none;transition:border-color .2s,box-shadow .2s}.classic-input:focus{border-color:var(--vox-teal);box-shadow:0 0 0 2px var(--vox-teal-glow)}.classic-input::placeholder{color:var(--text-muted)}