@import"https://fonts.googleapis.com/css2?family=Assistant:wght@300;400;500;600;700;800&family=Space+Mono:wght@400;700&display=swap";*{margin:0;padding:0;box-sizing:border-box}:root,[data-theme=light]{--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--sp-8: 32px;--sp-10: 40px;--sp-12: 48px;--sp-16: 64px;--sp-20: 80px;--sp-24: 96px;--bg-primary: #F1F3F4;--bg-secondary: #FFFFFF;--bg-tertiary: #E8EAED;--bg-card: #FFFFFF;--bg-elevated: #F1F3F4;--text-primary: #070707;--text-secondary: #555560;--text-muted: #9999A3;--accent: #FFD800;--accent-hover: #E6C200;--accent-blue: #0984E3;--accent-purple: #6C5CE7;--accent-green: #00B894;--border: rgba(0,0,0,.08);--border-hover: rgba(0,0,0,.16);--border-subtle: rgba(0,0,0,.04);--glass: rgba(255,255,255,.92);--glass-strong: rgba(255,255,255,.96);--radius-xl: 8px;--radius: 6px;--radius-sm: 4px;--radius-xs: 2px;--radius-pill: 100px;--shadow: 0 2px 8px rgba(0,0,0,.08);--shadow-lg: 0 8px 24px rgba(0,0,0,.1);--shadow-glow: none;--shadow-glow-strong: none;--glow-accent: none;--font: "Assistant", Arial, Helvetica, -apple-system, BlinkMacSystemFont, sans-serif;--mono: "Space Mono", "SF Mono", monospace;--text-xs: 11px;--text-sm: 13px;--text-base: 15px;--text-lg: 18px;--text-xl: 22px;--text-2xl: 28px;--text-3xl: 36px;--text-4xl: 48px;--text-hero: clamp(56px, 12vw, 112px);--leading-tight: 1.1;--leading-snug: 1.3;--leading-normal: 1.6;--tracking-tight: -.03em;--tracking-normal: 0;--tracking-wide: .05em;--tracking-wider: .12em;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--duration-fast: .15s;--duration-normal: .25s;--duration-slow: .4s;color-scheme:light}[data-theme=dark]{--bg-primary: #08080A;--bg-secondary: #0F0F12;--bg-tertiary: #16161A;--bg-card: #111115;--bg-elevated: #1A1A1F;--text-primary: #F5F5F7;--text-secondary: #B0B0B6;--text-muted: #7A7A80;--accent: #FFD800;--accent-hover: #E6C200;--border: rgba(255,255,255,.07);--border-hover: rgba(255,255,255,.14);--border-subtle: rgba(255,255,255,.04);--glass: rgba(12,12,14,.88);--glass-strong: rgba(10,10,12,.96);--shadow: 0 8px 32px rgba(0,0,0,.5);--shadow-lg: 0 16px 64px rgba(0,0,0,.6);--shadow-glow: none;--shadow-glow-strong: none;--glow-accent: none;color-scheme:dark}html{scroll-behavior:smooth}body{font-family:var(--font);font-size:var(--text-base);line-height:var(--leading-normal);background:var(--bg-primary);color:var(--text-primary);overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background var(--duration-slow) var(--ease-out),color var(--duration-slow) var(--ease-out)}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--text-muted);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@keyframes fadeIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes waveform{0%,to{height:4px}50%{height:20px}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.fade-in{animation:fadeIn .5s var(--ease-out) both}.fade-in-1{animation-delay:.06s}.fade-in-2{animation-delay:.12s}.fade-in-3{animation-delay:.18s}.fade-in-4{animation-delay:.24s}.btn-primary{padding:var(--sp-3) var(--sp-6);border-radius:var(--radius-pill);background:var(--accent);border:none;color:#000;font-size:var(--text-sm);font-weight:600;font-family:var(--font);cursor:pointer;transition:all var(--duration-normal) var(--ease-out);position:relative;overflow:hidden}.btn-primary:hover{background:var(--accent-hover);transform:translateY(-1px)}.btn-primary:active{transform:translateY(0) scale(.97)}.btn-ghost{padding:var(--sp-3) var(--sp-6);border-radius:var(--radius-pill);background:transparent;border:1px solid var(--border-hover);color:var(--text-primary);font-size:var(--text-sm);font-weight:500;font-family:var(--font);cursor:pointer;transition:all var(--duration-normal) var(--ease-out)}.btn-ghost:hover{border-color:var(--accent);color:var(--text-primary);transform:translateY(-1px)}.btn-ghost:active{transform:translateY(0) scale(.97)}.btn-press{transition:transform var(--duration-fast) var(--ease-out)}.btn-press:active{transform:scale(.96)}.btn-press:hover{transform:translateY(-1px)}.card-hover{transition:transform var(--duration-slow) var(--ease-out),box-shadow var(--duration-slow) var(--ease-out),border-color var(--duration-slow) var(--ease-out)}.card-hover:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);border-color:var(--border-hover)}.skeleton{background:linear-gradient(105deg,var(--bg-tertiary) 30%,var(--bg-elevated) 50%,var(--bg-tertiary) 70%);background-size:300% 100%;animation:shimmer 1.8s ease-in-out infinite;border-radius:var(--radius-sm)}.content-loaded{animation:fadeIn .35s var(--ease-out) both}.marquee-track{display:flex;animation:marquee 30s linear infinite;width:max-content}.marquee-track:hover{animation-play-state:paused}.reveal{opacity:0;transform:translateY(32px);transition:opacity .7s var(--ease-out),transform .7s var(--ease-out)}.reveal.visible{opacity:1;transform:translateY(0)}@media (max-width: 768px){.desktop-nav{display:none!important}.mobile-toggle{display:block!important}:root{--text-hero: clamp(40px, 11vw, 52px)}}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:4px;border-radius:2px;background:var(--bg-tertiary);outline:none;transition:all var(--duration-normal)}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:var(--accent);cursor:pointer;transition:transform var(--duration-fast)}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.25)}input[type=range]:active::-webkit-slider-thumb{transform:scale(1.1)}.range-slider{position:relative;height:4px;background:var(--bg-tertiary);border-radius:2px}.range-slider input[type=range]{position:absolute;width:100%;pointer-events:none;background:transparent;height:4px;top:0}.range-slider input[type=range]::-webkit-slider-thumb{pointer-events:all}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}:root,[data-theme=light],[data-theme=dark]{transition:background-color .4s ease,color .4s ease}nav,.nav-link,.card-hover,button,a,input,select,textarea,footer,section,div,main,header,aside{transition-property:background-color,border-color,color,box-shadow;transition-duration:var(--duration-slow);transition-timing-function:var(--ease-out)}canvas,video,svg,img{transition:none!important}.cookie-banner{position:fixed;bottom:0;left:0;right:0;z-index:9998;padding:var(--sp-4) var(--sp-6);background:var(--bg-secondary);border-top:1px solid var(--border)}.section{max-width:1280px;margin:0 auto;padding:0 var(--sp-6)}.section-gap{padding-bottom:var(--sp-24)}@media (max-width: 768px){body{padding-bottom:env(safe-area-inset-bottom,0px)}html{overscroll-behavior:none}.section{padding:0 var(--sp-4)}}@media (max-width: 480px){.section{padding:0 var(--sp-3)}}@media (max-width: 768px){:root{--duration-slow: .2s;--duration-normal: .15s}.btn-primary,.btn-ghost{transition:transform .1s ease!important}.btn-primary:active,.btn-ghost:active{transform:scale(.97)!important}}@keyframes routeProgress{0%{width:0%}50%{width:70%}to{width:100%}}.route-progress-bar{position:fixed;top:0;left:0;height:3px;background:linear-gradient(90deg,var(--accent),var(--accent-purple));z-index:9999;animation:routeProgress .6s ease-out forwards;box-shadow:0 0 10px var(--accent)}@keyframes bpmPulse{0%,to{opacity:1}50%{opacity:.7}}.accordion-content{overflow:hidden;transition:max-height .35s ease,opacity .25s ease}h1,h2,h3{text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}h1{letter-spacing:var(--tracking-tight)}h2{letter-spacing:-.02em}.section-label{font-size:var(--text-xs);font-family:var(--mono);color:var(--accent);text-transform:uppercase;letter-spacing:var(--tracking-wider);font-weight:600;margin-bottom:var(--sp-2)}a:hover{transition:color var(--duration-fast)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}