@import url(https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800;900&display=swap);:root{--bg-color:#09090b;--bg-secondary:#121214;--bg-tertiary:#18181b;--primary-color:#1ed760;--primary-hover:#1fdf64;--text-primary:#f8fafc;--text-secondary:#a1a1aa;--border-color:#ffffff1a;--error:#ef4444;--font-main:"Outfit",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;--max-width:1200px;--nav-height:80px;--ease-spring:cubic-bezier(0.175,0.885,0.32,1.275);--ease-smooth:cubic-bezier(0.16,1,0.3,1)}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#09090b;background-color:var(--bg-color);color:#f8fafc;color:var(--text-primary);font-family:Outfit,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-family:var(--font-main);font-size:16px}body{display:flex;flex-direction:column;min-height:100vh;overflow-x:hidden}::selection{background-color:#1ed760;background-color:var(--primary-color);color:#000}h1,h2,h3,h4,h5,h6{font-weight:700;letter-spacing:-.02em;line-height:1.1}p{color:#a1a1aa;color:var(--text-secondary);line-height:1.6}a{color:inherit;text-decoration:none;transition:color .2s ease}button{background:none;border:none;cursor:pointer;font-family:inherit}.container{margin:0 auto;max-width:1200px;max-width:var(--max-width);padding:0 2rem;width:100%}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}.lenis.lenis-stopped{overflow:hidden}.lenis.lenis-smooth iframe{pointer-events:none}.header{align-items:center;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#09090bb3;border-bottom:1px solid var(--border-color);display:flex;height:var(--nav-height);justify-content:space-between;left:0;padding:0 4rem;position:fixed;top:0;transition:all .3s ease;width:100%;z-index:1000}.logo{color:var(--text-primary);font-size:1.5rem;font-weight:800;letter-spacing:-.02em}.header nav ul{align-items:center;display:flex;gap:2rem;list-style:none}.header nav a{color:var(--text-secondary);font-size:.95rem;font-weight:500;transition:color .2s ease}.header nav a:hover{color:var(--text-primary)}.github-link{background-color:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:.5rem;color:var(--text-primary)!important;padding:.5rem 1rem}.github-link:hover{background-color:var(--bg-secondary);border-color:#fff3}@media (max-width:768px){.header{padding:0 2rem}.header nav ul{gap:1.5rem}}@media (max-width:480px){.header{padding:0 1rem}.header nav ul{gap:1rem}.header nav a{font-size:.85rem}}.hero{align-items:center;display:flex;min-height:100vh;overflow:hidden;padding-top:var(--nav-height);position:relative}.hero:before{background:radial-gradient(circle,#1ed76026 0,#09090b00 70%);content:"";height:60vw;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:60vw;z-index:0}.hero-content{grid-gap:4rem;align-items:center;display:grid;gap:4rem;grid-template-columns:1fr 1fr;position:relative;z-index:1}.badge-container{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:2rem}.badge{align-items:center;background-color:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:2rem;color:var(--text-secondary);display:inline-flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.5rem 1rem}.windows-badge{background:#0078d41a;border-color:#0078d44d;color:#0078d4}.live-dot{animation:pulse-dot 2s infinite;background-color:var(--primary-color);border-radius:50%;box-shadow:0 0 10px var(--primary-color);height:8px;width:8px}@keyframes pulse-dot{0%{box-shadow:0 0 0 0 #1ed76066}70%{box-shadow:0 0 0 6px #1ed76000}to{box-shadow:0 0 0 0 #1ed76000}}.hero-title{font-size:clamp(3rem,5vw,4.5rem);margin-bottom:1.5rem}.accent-text{color:var(--primary-color)}.hero-description{font-size:1.125rem;margin-bottom:2.5rem;max-width:480px}.hero-cta-group{display:flex;gap:1rem}.cta-primary,.cta-secondary{border-radius:.5rem;font-weight:600;padding:1rem 2rem;transition:all .2s var(--ease-smooth)}.cta-primary{background-color:var(--primary-color);color:#000}.cta-primary:hover{background-color:var(--primary-hover);box-shadow:0 10px 20px -10px var(--primary-color);transform:translateY(-2px)}.cta-secondary{background-color:initial;border:1px solid var(--border-color);color:var(--text-primary)}.cta-secondary:hover{background-color:var(--bg-tertiary)}.hero-visual{display:flex;justify-content:center;perspective:1000px}.interactive-island{background:var(--bg-secondary);border:1px solid #ffffff26;border-radius:8px;box-shadow:0 25px 50px -12px #00000080;cursor:pointer;max-width:400px;overflow:hidden;transform:rotateY(-5deg) rotateX(5deg);transition:transform .5s var(--ease-spring),border-color .3s ease,box-shadow .3s ease;width:100%}.interactive-island:hover{border-color:#ffffff4d;box-shadow:0 35px 60px -15px #0009,0 0 40px -10px #1ed76026;transform:rotateY(0deg) rotateX(0deg) translateY(-10px)}.island-header.win-header{align-items:center;background:#1e1e1e;border-bottom:1px solid var(--border-color);display:flex;height:32px;justify-content:space-between;padding:0}.win-title{color:#ccc;font-family:Segoe UI,sans-serif;font-size:.75rem;padding-left:12px;-webkit-user-select:none;user-select:none}.island-controls.win-controls{display:flex;gap:0;height:100%;margin-right:0}.island-controls.win-controls span{align-items:center;background:#0000;border-radius:0;display:flex;height:100%;justify-content:center;position:relative;width:46px}.island-controls.win-controls span:after{background:#ccc;content:"";position:absolute}.win-min:after{height:1px;width:10px}.win-max:after{background:#0000!important;border:1px solid #ccc;height:10px;width:10px}.win-close:after{height:1px;transform:rotate(45deg);width:12px}.win-close:before{background:#ccc;content:"";height:1px;position:absolute;transform:rotate(-45deg);width:12px}.island-controls.win-controls span:hover{background:#ffffff1a}.win-close:hover{background:#e81123!important}.win-close:hover:after,.win-close:hover:before{background:#fff}.island-body{background:#111;display:flex;flex-direction:column;gap:2rem;padding:2rem}.status-badge{align-items:center;border-radius:2rem;display:inline-flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.5rem 1rem;transition:all .3s ease}.status-badge.ok{background:#1ed7601a;color:var(--primary-color)}.status-badge.alert{background:#ef44441a;color:var(--error)}.spotify-status{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:1rem;gap:1rem;padding:1rem}.spotify-icon,.spotify-status{align-items:center;display:flex}.spotify-icon{background:#000;border-radius:50%;height:40px;justify-content:center;width:40px}.spotify-icon svg{height:24px;width:24px}.song-info h4{font-size:.9rem;margin-bottom:.25rem}.song-info p{font-size:.8rem;margin:0;transition:color .3s ease}.interactive-island.paused .song-info p{color:var(--error)}.waveform-container{align-items:center;display:flex;height:100px;justify-content:center;position:relative}.state-icon{position:absolute;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:2}.play-icon{color:var(--primary-color)}.pause-icon{color:var(--error)}.waveform{height:100%;left:0;position:absolute;top:0;width:100%}.wave-path{transition:d .5s var(--ease-spring),stroke .3s ease}.waveform.active .wave-path{animation:wave-oscillate 1s linear infinite}.waveform.flatline .wave-path{d:path("M0 20 L 100 20");stroke:var(--text-secondary)}@keyframes wave-oscillate{0%{d:path("M0 20 C 10 0, 20 40, 30 20 C 40 0, 50 40, 60 20 C 70 0, 80 40, 90 20 C 100 0, 110 40, 120 20")}50%{d:path("M-20 20 C -10 40, 0 0, 10 20 C 20 40, 30 0, 40 20 C 50 40, 60 0, 70 20 C 80 40, 90 0, 100 20")}to{d:path("M0 20 C 10 0, 20 40, 30 20 C 40 0, 50 40, 60 20 C 70 0, 80 40, 90 20 C 100 0, 110 40, 120 20")}}@media (max-width:968px){.hero-content{gap:3rem;grid-template-columns:1fr;text-align:center}.badge-container{justify-content:center}.hero-description{margin:0 auto 2.5rem}.hero-cta-group{justify-content:center}.interactive-island{transform:none}}@media (max-width:480px){.badge-container{flex-direction:column;gap:.5rem}.hero-title{font-size:2.5rem}.hero-cta-group{flex-direction:column}}.features{padding:8rem 0;position:relative}.features-header{margin-bottom:4rem;text-align:center}.features-header h2{font-size:clamp(2.5rem,4vw,3.5rem);margin-bottom:1rem}.features-header p{color:var(--text-secondary);font-size:1.125rem;margin:0 auto;max-width:600px}.bento-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-auto-rows:minmax(250px,auto);grid-template-columns:repeat(3,1fr)}.bento-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:1.5rem;overflow:hidden;padding:2.5rem;position:relative;transition:transform .3s var(--ease-spring),border-color .3s ease;z-index:1}.card-wide{grid-column:span 2}.card-square{grid-column:span 1}.bento-card:hover{border-color:#1ed7604d;transform:translateY(-5px)}.card-glow{background:radial-gradient(circle at center,#1ed7601a 0,#0000 60%);height:100%;left:0;opacity:0;pointer-events:none;position:absolute;top:0;transition:opacity .3s ease;width:100%;z-index:-1}.bento-card:hover .card-glow{opacity:1}.card-content{display:flex;flex-direction:column;height:100%}.icon-wrapper{align-items:center;background:#1ed7601a;border-radius:12px;color:var(--primary-color);display:flex;height:50px;justify-content:center;margin-bottom:auto;width:50px}.bento-card h3{color:var(--text-primary);font-size:1.5rem;margin:1.5rem 0 .75rem}.bento-card p{color:var(--text-secondary);font-size:1rem;line-height:1.6;margin:0}@media (max-width:968px){.bento-grid{grid-auto-rows:auto;grid-template-columns:1fr}.card-square,.card-wide{grid-column:span 1}}@media (max-width:480px){.features{padding:4rem 0}.bento-card{padding:2rem}}.installation{align-items:center;display:flex;flex-direction:column;padding:8rem 0}.install-header{margin-bottom:3rem;text-align:center}.install-header h2{font-size:clamp(2rem,3vw,3rem);margin-bottom:1rem}.install-header p{color:var(--text-secondary);font-size:1.125rem}.terminal-window{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 25px 50px -12px #00000080;max-width:800px;overflow:hidden;width:100%}.terminal-header.win-header{align-items:center;background:#1e1e1e;border-bottom:1px solid var(--border-color);display:flex;height:32px;justify-content:space-between;padding:0}.terminal-title.win-title{align-items:center;color:#ccc;display:flex;font-family:Segoe UI,sans-serif;font-size:.75rem;gap:8px;justify-content:flex-start;padding-left:12px;-webkit-user-select:none;user-select:none}.terminal-buttons.win-controls{display:flex;gap:0;height:100%;position:relative}.terminal-buttons.win-controls span{align-items:center;background:#0000;border-radius:0;display:flex;height:100%;justify-content:center;position:relative;width:46px}.terminal-buttons.win-controls span:after,.terminal-buttons.win-controls span:before{background:#ccc;content:"";position:absolute}.term-win-min:after{height:1px;width:10px}.term-win-max:after{background:#0000!important;border:1px solid #ccc;height:10px;width:10px}.term-win-close:after{height:1px;transform:rotate(45deg);width:12px}.term-win-close:before{height:1px;transform:rotate(-45deg);width:12px}.terminal-buttons.win-controls span:hover{background:#ffffff1a}.term-win-close:hover{background:#e81123!important}.term-win-close:hover:after,.term-win-close:hover:before{background:#fff}.terminal-body{font-family:Consolas,Monaco,Courier New,monospace;gap:1.5rem;padding:2rem}.terminal-body,.terminal-step{display:flex;flex-direction:column}.terminal-step{gap:.5rem}.step-comment{color:#6272a4;font-size:.9rem}.command-row{align-items:center;background:var(--bg-tertiary);border-radius:6px;display:flex;padding:.75rem 1rem;position:relative}.prompt{color:var(--primary-color);margin-right:1rem;-webkit-user-select:none;user-select:none}.command-text{color:#f8f8f2;flex:1 1;font-size:.95rem;overflow-x:auto;scrollbar-width:none;white-space:nowrap}.command-text::-webkit-scrollbar{display:none}.copy-btn{align-items:center;background:var(--bg-secondary);border-radius:6px;color:var(--text-secondary);display:flex;justify-content:center;opacity:.5;padding:.5rem;transition:all .2s ease}.command-row:hover .copy-btn{opacity:1}.copy-btn:hover{background:#ffffff1a;color:var(--text-primary)}.text-green{color:var(--primary-color)}@media (max-width:768px){.terminal-body{padding:1.5rem}}@media (max-width:480px){.terminal-window{border-radius:8px}.terminal-header{padding:.5rem 1rem}.terminal-body{gap:1rem;padding:1rem}.command-row{padding:.5rem .75rem}.command-text{font-size:.85rem}.copy-btn{opacity:1}}.faq{margin:0 auto;max-width:800px;padding:8rem 0}.faq-header{margin-bottom:4rem;text-align:center}.faq-header h2{font-size:clamp(2rem,3vw,3rem);margin-bottom:1rem}.faq-header p{color:var(--text-secondary);font-size:1.125rem}.faq-accordion{display:flex;flex-direction:column;gap:1rem}.faq-item{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;cursor:pointer;overflow:hidden;transition:border-color .3s ease}.faq-item:hover{border-color:#fff3}.faq-item.open{background:var(--bg-tertiary);border-color:#1ed7604d}.faq-question{align-items:center;display:flex;gap:1rem;justify-content:space-between;padding:1.5rem}.faq-question h3{color:var(--text-primary);font-size:1.125rem;font-weight:500;margin:0;transition:color .3s ease}.faq-item.open .faq-question h3{color:var(--primary-color)}.chevron{color:var(--text-secondary);transition:transform .3s var(--ease-spring)}.faq-item.open .chevron{color:var(--primary-color);transform:rotate(180deg)}.faq-answer{display:grid;grid-template-rows:0fr;transition:grid-template-rows .3s ease-out}.faq-item.open .faq-answer{grid-template-rows:1fr}.answer-content{overflow:hidden;padding:0 1.5rem}.answer-content p{color:var(--text-secondary);line-height:1.6;margin:0;padding-bottom:1.5rem}.footer{background:var(--bg-secondary);border-top:1px solid var(--border-color);margin-top:auto;padding:4rem 0}.footer-content{align-items:center;display:flex;flex-direction:column;gap:1rem;text-align:center}.footer-brand{color:var(--text-primary);font-size:1.5rem;font-weight:800;letter-spacing:-.02em}.logo-accent{color:var(--primary-color)}.footer-text{max-width:400px}.copyright,.footer-text{color:var(--text-secondary)}.copyright{font-size:.875rem;margin-top:1rem;opacity:.7}
/*# sourceMappingURL=main.13ccf181.css.map*/