@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600;700&family=Outfit:wght@300;400;500;600;700;800;900&display=swap";:root,[data-theme=light],[data-theme=dark]{--font-sans: "Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", monospace;color-scheme:light;--black: #000000;--toned-blue: #1D4ED8;--white: #FFFFFF;--bg-space: #FFFFFF;--bg-surface: #FFFFFF;--bg-surface-elevated: #F8F9FA;--bg-card: #FFFFFF;--bg-card-hover: #FFFFFF;--border-subtle: rgba(0, 0, 0, .08);--border-medium: rgba(0, 0, 0, .16);--border-focus: #1D4ED8;--accent-cyan: #1D4ED8;--accent-cyan-hover: #1E40AF;--accent-cyan-dim: rgba(29, 78, 216, .05);--accent-cyan-glow: rgba(29, 78, 216, .2);--accent-cyan-vibrant: #1D4ED8;--neon-cyan: #1D4ED8;--accent-green: #10B981;--accent-amber: #D97706;--accent-rose: #E11D48;--text-primary: #000000;--text-secondary: #334155;--text-muted: #64748B;--text-dim: #94A3B8;--nav-bg: rgba(255, 255, 255, .96);--mobile-drawer-bg: rgba(255, 255, 255, .98);--dropdown-bg: rgba(255, 255, 255, .98);--shadow-card: 0 4px 20px -2px rgba(0, 0, 0, .06), 0 1px 3px rgba(0, 0, 0, .02);--canvas-bg: #000000;--btn-primary-bg: #1D4ED8;--btn-primary-text: #FFFFFF;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--nav-height: 68px;--max-width: 1200px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent!important}html,body{-webkit-tap-highlight-color:transparent!important}button,a,input,select,textarea,label,[role=button],[tabindex]{-webkit-tap-highlight-color:transparent!important;-webkit-touch-callout:none}html{font-family:var(--font-sans);background-color:#fff;color:var(--text-primary);scroll-behavior:smooth;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}body{min-height:100vh;background-color:#fff;background-image:none;overflow-x:hidden;display:flex;flex-direction:column}#root{min-height:100vh;display:flex;flex-direction:column}a{color:inherit;text-decoration:none;-webkit-tap-highlight-color:transparent!important}button{font-family:inherit;cursor:pointer;border:none;background:none;outline:none;-webkit-tap-highlight-color:transparent!important;user-select:none;-webkit-user-select:none;touch-action:manipulation}button:focus:not(:focus-visible),a:focus:not(:focus-visible),input:focus:not(:focus-visible),[role=button]:focus:not(:focus-visible){outline:none!important;box-shadow:none!important}input,select,textarea{font-family:inherit;-webkit-tap-highlight-color:transparent!important}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-space)}::-webkit-scrollbar-thumb{background:var(--bg-surface-elevated);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--accent-cyan)}.font-mono{font-family:var(--font-mono)}.text-cyan{color:var(--accent-cyan)}.route-progress-bar{position:fixed;top:0;left:0;right:0;height:2px;background:var(--accent-cyan);z-index:99999;transform-origin:0%;box-shadow:0 0 10px var(--accent-cyan-glow)}input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:6px;border-radius:var(--radius-full);background:var(--bg-surface-elevated);outline:none;cursor:pointer;position:relative;transition:background-color .2s ease}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:var(--neon-cyan);border:2px solid var(--black);cursor:pointer;box-shadow:0 2px 8px var(--accent-cyan-glow);transition:transform .15s ease,box-shadow .15s ease}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.15);box-shadow:0 0 16px var(--accent-cyan-glow)}input[type=range]::-webkit-slider-thumb:active{transform:scale(.95)}.tech-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.tech-card:hover{border-color:#1d4ed859;box-shadow:0 8px 24px -4px #1d4ed81a,0 2px 8px -2px #0000000a}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--btn-primary-bg, #1D4ED8);color:var(--btn-primary-text, #FFFFFF);font-weight:700;font-size:.95rem;padding:12px 24px;border-radius:var(--radius-md);border:1px solid rgba(0,0,0,.12);transition:background .15s ease,box-shadow .15s ease,transform .15s ease;box-shadow:0 2px 10px var(--accent-cyan-glow);white-space:nowrap}.btn-primary:hover{background:#1e40af;box-shadow:0 4px 16px var(--accent-cyan-glow)}.btn-primary:active{transform:scale(.97)}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:#fff;color:var(--text-primary);font-weight:600;font-size:.95rem;padding:12px 24px;border-radius:var(--radius-md);border:1px solid var(--border-medium);box-shadow:0 1px 3px #0202020a;transition:all .15s ease;white-space:nowrap}.btn-secondary:hover{background:var(--bg-surface-elevated);border-color:var(--border-focus)}.container{max-width:var(--max-width);margin:0 auto;padding:0 24px;width:100%}.nav-list-item:hover{background-color:var(--bg-surface-elevated)!important;border-color:var(--border-medium)!important}@media(max-width:960px){.desktop-nav,.desktop-only{display:none!important}.mobile-toggle-btn{display:inline-flex!important}}.console-card{padding:36px 28px}.waveform-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;width:100%}.eject-mode-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;width:100%}.stereo-visualizer{display:flex;align-items:center;justify-content:center;gap:32px;margin:20px 0 36px}.stereo-ear-indicator{width:110px;height:110px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;font-weight:800;font-size:1.2rem;transition:all .2s ease;flex-shrink:0}.stereo-center-wire{width:60px;height:2px;background:var(--border-medium)}.btn-responsive-lg{padding:16px 36px;font-size:1.05rem}.eject-mode-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}@media(max-width:640px){.container{padding:0 16px!important}.tech-card{border-radius:var(--radius-md)!important;padding:20px 14px!important}.console-card,.tech-card.card-responsive{padding:20px 14px!important}.waveform-grid{grid-template-columns:repeat(2,1fr)!important;gap:8px!important}.waveform-grid button{padding:12px 8px!important;font-size:.85rem!important}.eject-mode-grid{grid-template-columns:1fr!important;gap:8px!important}.btn-primary,.btn-secondary{padding:12px 16px!important;font-size:.9rem!important;max-width:100%!important;white-space:normal!important;text-align:center!important}.btn-responsive-lg{padding:14px 18px!important;font-size:.92rem!important;width:100%!important;max-width:100%!important;white-space:normal!important;text-align:center!important}.stereo-visualizer{gap:12px!important}.stereo-ear-indicator{width:84px!important;height:84px!important;font-size:1rem!important}.stereo-center-wire{width:24px!important}.scale-hide-mobile{display:none!important}.scale-mobile-only{display:inline-block!important}}.scale-mobile-only{display:none!important}.reveal{opacity:0;transform:translateY(28px);transition:opacity .6s cubic-bezier(.16,1,.3,1),transform .6s cubic-bezier(.16,1,.3,1)}.reveal.visible{opacity:1;transform:translateY(0)}.reveal-left{opacity:0;transform:translate(-32px);transition:opacity .65s cubic-bezier(.16,1,.3,1),transform .65s cubic-bezier(.16,1,.3,1)}.reveal-left.visible{opacity:1;transform:translate(0)}.reveal-right{opacity:0;transform:translate(32px);transition:opacity .65s cubic-bezier(.16,1,.3,1),transform .65s cubic-bezier(.16,1,.3,1)}.reveal-right.visible{opacity:1;transform:translate(0)}.reveal-scale{opacity:0;transform:scale(.94);transition:opacity .55s cubic-bezier(.16,1,.3,1),transform .55s cubic-bezier(.16,1,.3,1)}.reveal-scale.visible{opacity:1;transform:scale(1)}.cardinal-btn{position:absolute;font-size:.72rem;font-weight:700;color:var(--text-muted);background:var(--bg-card);padding:3px 8px;border-radius:4px;border:1px solid var(--border-subtle);cursor:pointer;letter-spacing:.04em;transition:all .15s ease;z-index:5;user-select:none;-webkit-tap-highlight-color:transparent!important}.cardinal-btn:hover{color:var(--accent-cyan);border-color:var(--accent-cyan);background:var(--accent-cyan-dim)}.cardinal-btn.active{color:var(--accent-cyan);border-color:var(--accent-cyan);background:var(--accent-cyan-dim);box-shadow:0 0 8px var(--accent-cyan-glow)}.hero-title-suite{display:inline-block;white-space:nowrap}@media(max-width:480px){.hero-title-suite{white-space:normal}}