@import"https://fonts.googleapis.com/css2?family=Syne:wght@700;800&family=Inter:wght@400;500&family=JetBrains+Mono:wght@400;500&display=swap";:root{--void: #050507;--surface-1: #0D0D12;--surface-2: #13131A;--surface-3: #1C1C28;--juice: #C8FF00;--pulse: #FF2D78;--sonic: #00F0FF;--amber: #FF9500;--text-primary: #F0F0F8;--text-secondary: #7878A0;--text-accent: #C8FF00;--gradient-hero: linear-gradient(135deg, #050507 0%, #0D0012 50%, #050507 100%);--gradient-glow-ai: radial-gradient(ellipse at center, rgba(0,240,255,.15) 0%, transparent 70%);--gradient-glow-remix: radial-gradient(ellipse at center, rgba(200,255,0,.12) 0%, transparent 60%);--font-display: "Syne", system-ui, sans-serif;--font-body: "Inter", system-ui, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--type-hero: clamp(48px, 8vw, 108px);--type-section: clamp(36px, 5vw, 72px);--type-card: clamp(22px, 2.5vw, 34px);--type-body: 18px;--type-caption: 13px;--section-pad: clamp(80px, 10vh, 160px);--gutter: clamp(16px, 3vw, 40px);--max-content: 1200px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{position:relative;min-height:100vh;background:var(--void);color:var(--text-primary);font-family:var(--font-body);font-size:var(--type-body);line-height:1.7;overflow-x:hidden}.site-background{position:fixed;inset:0;z-index:0;pointer-events:none;background-color:var(--void);background-image:linear-gradient(180deg,#050507e0,#050507c7,#050507d9 70%,#050507eb),url(/screenshot.png);background-size:cover;background-position:center center;background-repeat:no-repeat;background-attachment:scroll}@media(min-width:769px){.site-background{background-attachment:fixed}}@media(max-width:768px){.site-background{background-image:linear-gradient(180deg,#050507ed,#050507e0,#050507f0),url(/screenshot.png);background-position:center top}}.site-content{position:relative;z-index:1}img,video{max-width:100%;display:block}a{color:inherit;text-decoration:none}.container{max-width:var(--max-content);margin:0 auto;padding:0 var(--gutter)}.container--wide{max-width:1440px;margin:0 auto;padding:0 var(--gutter)}.section{padding:var(--section-pad) 0;position:relative}.label{font-family:var(--font-body);font-size:var(--type-caption);font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--text-secondary)}.label--juice{color:var(--juice)}.label--sonic{color:var(--sonic)}.label--pulse{color:var(--pulse)}.label--amber{color:var(--amber)}.headline{font-family:var(--font-display);font-weight:800;line-height:1.05;letter-spacing:-.03em;color:var(--text-primary);padding-bottom:.1em;overflow:visible}.headline--hero{font-size:var(--type-hero)}.headline--section{font-size:var(--type-section)}.headline--card{font-size:var(--type-card)}.mono{font-family:var(--font-mono);font-size:14px}.glow-juice{text-shadow:0 0 40px rgba(200,255,0,.5)}.glow-sonic{text-shadow:0 0 40px rgba(0,240,255,.5)}.glow-pulse{text-shadow:0 0 40px rgba(255,45,120,.5)}.glass{background:#0d0d12b3;border:1px solid rgba(255,255,255,.06);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:16px}.glass--sonic{border-color:#00f0ff26;box-shadow:0 0 40px #00f0ff0d}.glass--juice{border-color:#c8ff0026;box-shadow:0 0 40px #c8ff000d}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--void)}::-webkit-scrollbar-thumb{background:var(--surface-3);border-radius:3px}::selection{background:#c8ff0033;color:var(--juice)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@keyframes fadeUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-40px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}@keyframes dotPulse{0%,80%,to{opacity:.2;transform:scale(.8)}40%{opacity:1;transform:scale(1.2)}}.thinking-dot{width:6px;height:6px;border-radius:50%;background:var(--sonic);display:inline-block;animation:dotPulse 1.4s infinite ease-in-out}.thinking-dot:nth-child(2){animation-delay:.16s}.thinking-dot:nth-child(3){animation-delay:.32s}@keyframes cursorBlink{0%,to{opacity:1}50%{opacity:0}}.cursor{display:inline-block;width:2px;height:1em;background:var(--sonic);margin-left:2px;vertical-align:middle;animation:cursorBlink 1s step-end infinite}@keyframes glowPulse{0%,to{opacity:.4;transform:scale(1)}50%{opacity:.7;transform:scale(1.05)}}@keyframes waveformReveal{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0% 0 0)}}@keyframes trackSlideIn{0%{opacity:0;transform:translate(-20px) scaleX(.95)}to{opacity:1;transform:translate(0) scaleX(1)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes scanLine{0%{transform:translate(-100%)}to{transform:translate(400%)}}.reveal{opacity:0;transform:translateY(40px);transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1)}.reveal.visible{opacity:1;transform:translateY(0)}.reveal--left{transform:translate(-40px)}.reveal--left.visible{transform:translate(0)}.reveal--right{transform:translate(40px)}.reveal--right.visible{transform:translate(0)}