:root{--midnight: #0B1426;--midnight-deep: #060D18;--midnight-soft: #111F38;--midnight-light: #1A2D4D;--amber: #E8AA4C;--amber-soft: rgba(232, 170, 76, .15);--amber-glow: rgba(232, 170, 76, .3);--sage: #A8B5A0;--sage-soft: rgba(168, 181, 160, .1);--cream: #F5F2EB;--cream-soft: rgba(245, 242, 235, .9);--cream-muted: rgba(245, 242, 235, .6);--cream-faint: rgba(245, 242, 235, .4);--font-display: "Fraunces", Georgia, serif;--font-body: "Outfit", -apple-system, sans-serif;--container: 1200px;--radius: 1.25rem;--radius-sm: .75rem}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-body);background:var(--midnight);color:var(--cream);line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden;isolation:isolate}.grain-overlay{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1000;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E")}.container{width:100%;max-width:var(--container);margin:0 auto;padding:0 2rem}h1,h2,h3{font-family:var(--font-display);font-weight:400;line-height:1.15}h1 em,h2 em{font-style:italic;color:var(--amber)}p{font-weight:300}header{position:fixed;top:0;left:0;width:100%;z-index:1000;padding:1.5rem 0;background:var(--midnight);border-bottom:1px solid rgba(255,255,255,.05)}nav{display:flex;align-items:center;justify-content:space-between}.logo{height:2rem;opacity:.9}.nav-cta{font-size:.875rem;font-weight:500;letter-spacing:.05em;text-transform:uppercase;color:var(--cream-muted);padding:.75rem 1.5rem;border:1px solid var(--cream-faint);border-radius:3rem;transition:all .4s ease}.nav-cta:hover{color:var(--cream);border-color:var(--amber);background:var(--amber-soft)}.hero{min-height:100vh;display:flex;align-items:center;position:relative;padding:8rem 0 6rem;background:var(--midnight);background-image:radial-gradient(ellipse 80% 60% at 20% 40%,var(--midnight-soft) 0%,transparent 60%),radial-gradient(ellipse 60% 50% at 80% 70%,rgba(232,170,76,.05) 0%,transparent 50%);z-index:10}.hero-ambient{position:absolute;inset:0;overflow:hidden;pointer-events:none}.ambient-orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.5}.orb-1{width:400px;height:400px;background:linear-gradient(135deg,var(--midnight-light),var(--sage-soft));top:10%;left:-10%;animation:float-slow 25s ease-in-out infinite}.orb-2{width:300px;height:300px;background:var(--amber-soft);bottom:20%;right:5%;animation:float-slow 20s ease-in-out infinite reverse}.orb-3{width:200px;height:200px;background:var(--sage-soft);top:60%;left:30%;animation:float-slow 18s ease-in-out infinite 5s}@keyframes float-slow{0%,to{transform:translate(0) scale(1)}50%{transform:translate(30px,-30px) scale(1.05)}}.hero-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:4rem;align-items:center;position:relative;z-index:2}.hero-content{max-width:520px}.hero-badge{display:inline-flex;align-items:center;gap:.5rem;font-size:.75rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--amber);margin-bottom:2rem;padding:.5rem 1rem;background:var(--amber-soft);border-radius:3rem;animation:fade-in-up .8s ease-out}.badge-dot{width:6px;height:6px;background:var(--amber);border-radius:50%;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}.hero h1{font-size:clamp(3rem,6vw,4.5rem);letter-spacing:-.02em;margin-bottom:1.5rem;animation:fade-in-up .8s ease-out .1s backwards}.hero-subtitle{font-size:1.125rem;color:var(--cream-muted);margin-bottom:2.5rem;max-width:440px;animation:fade-in-up .8s ease-out .2s backwards}.hero-rating{display:flex;align-items:center;gap:1rem;margin-bottom:2rem;animation:fade-in-up .8s ease-out .3s backwards}.rating-stars{display:flex;gap:.125rem}.rating-stars svg{width:1rem;height:1rem;color:var(--amber)}.rating-text{font-size:.875rem;color:var(--cream-faint)}.store-buttons{display:flex;gap:.75rem;flex-wrap:wrap;animation:fade-in-up .8s ease-out .4s backwards}.store-button,.store-button:link,.store-button:visited,.store-button:hover,.store-button:active{display:flex;align-items:center;gap:.75rem;padding:.875rem 1.25rem;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-sm);transition:all .3s ease;text-decoration:none!important}.store-button:hover{background:#ffffff0f;border-color:#ffffff26;transform:translateY(-2px)}.store-icon{width:1.5rem;height:1.5rem;color:var(--cream);opacity:.8}.store-text{display:flex;flex-direction:column;align-items:flex-start}.store-small{font-size:.625rem;color:var(--cream-faint);line-height:1.2}.store-large{font-size:.9375rem;font-weight:500;color:var(--cream);line-height:1.2}.hero-visual{position:relative;animation:fade-in-up .8s ease-out .5s backwards}.phone-showcase{display:flex;justify-content:center;align-items:flex-end;gap:1rem;position:relative;z-index:2}.phone-frame{border-radius:1.5rem;overflow:hidden;box-shadow:0 40px 80px #0006,0 0 0 1px #ffffff0d;transition:all .5s cubic-bezier(.4,0,.2,1)}.phone-frame img{display:block;width:100%;height:auto}.phone-center{width:220px;z-index:3}.phone-left,.phone-right{width:180px;opacity:.7;transform:scale(.92)}.phone-left{transform:scale(.92) translate(10px)}.phone-right{transform:scale(.92) translate(-10px)}.phone-showcase:hover .phone-center{transform:translateY(-10px)}.phone-showcase:hover .phone-left,.phone-showcase:hover .phone-right{transform:scale(.92) translate(0) translateY(-5px);opacity:.85}.phone-glow{position:absolute;width:120%;height:120%;top:50%;left:50%;transform:translate(-50%,-50%);background:radial-gradient(ellipse at center,var(--amber-soft) 0%,transparent 60%);filter:blur(60px);z-index:1}.scroll-indicator{position:absolute;bottom:3rem;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;animation:fade-in 1s ease-out 1s backwards}.scroll-line{width:1px;height:60px;background:linear-gradient(to bottom,var(--amber),transparent);animation:scroll-hint 2s ease-in-out infinite}@keyframes scroll-hint{0%,to{transform:scaleY(.5);opacity:.3}50%{transform:scaleY(1);opacity:1}}.section-header{text-align:center;max-width:600px;margin:0 auto 5rem;position:relative}.section-eyebrow{display:block;font-size:.75rem;font-weight:500;letter-spacing:.15em;text-transform:uppercase;color:var(--amber);margin-bottom:1.25rem}.section-header h2{font-size:clamp(2.25rem,4vw,3.5rem);letter-spacing:-.02em}.features{padding:8rem 0;background:linear-gradient(to bottom,var(--midnight),var(--midnight-deep));position:relative;z-index:5;overflow:hidden}.features-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.feature-card{position:relative;padding:2.5rem;background:linear-gradient(135deg,#ffffff08,#ffffff03);border:1px solid rgba(255,255,255,.05);border-radius:var(--radius);overflow:hidden;transition:all .4s ease}.feature-card:hover{border-color:#e8aa4c33;transform:translateY(-4px);box-shadow:0 20px 60px #0003}.feature-card.feature-wide{grid-column:span 2;display:grid;grid-template-columns:auto 1fr auto;gap:2rem;align-items:center}.feature-number{position:absolute;top:2rem;right:2rem;font-family:var(--font-display);font-size:.875rem;color:var(--cream-faint);opacity:.5}.feature-content h3{font-family:var(--font-display);font-size:1.5rem;margin-bottom:.75rem}.feature-content p{color:var(--cream-muted);font-size:.9375rem;max-width:360px}.feature-visual{margin-top:2rem}.feature-wide .feature-visual{margin-top:0}.sound-wave{display:flex;align-items:center;gap:4px;height:50px}.sound-wave span{width:4px;background:var(--amber);border-radius:2px;animation:wave 1.2s ease-in-out infinite}.sound-wave span:nth-child(1){height:20%;animation-delay:0s}.sound-wave span:nth-child(2){height:60%;animation-delay:.1s}.sound-wave span:nth-child(3){height:40%;animation-delay:.2s}.sound-wave span:nth-child(4){height:80%;animation-delay:.3s}.sound-wave span:nth-child(5){height:50%;animation-delay:.4s}.sound-wave span:nth-child(6){height:70%;animation-delay:.5s}.sound-wave span:nth-child(7){height:30%;animation-delay:.6s}.sound-wave span:nth-child(8){height:90%;animation-delay:.7s}.sound-wave span:nth-child(9){height:45%;animation-delay:.8s}.sound-wave span:nth-child(10){height:25%;animation-delay:.9s}@keyframes wave{0%,to{transform:scaleY(.5);opacity:.5}50%{transform:scaleY(1);opacity:1}}.timer-ring{position:relative;width:80px;height:80px}.timer-ring svg{width:100%;height:100%;transform:rotate(-90deg)}.timer-bg{fill:none;stroke:#ffffff0d;stroke-width:4}.timer-progress{fill:none;stroke:var(--amber);stroke-width:4;stroke-dasharray:283;stroke-dashoffset:70;stroke-linecap:round;animation:timer-fill 3s ease-in-out infinite}@keyframes timer-fill{0%,to{stroke-dashoffset:200}50%{stroke-dashoffset:70}}.timer-display{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-family:var(--font-display);font-size:1rem;color:var(--cream)}.mixer-visual{display:flex;gap:1rem;height:80px;align-items:flex-end}.mixer-slider{width:8px;height:100%;background:#ffffff0d;border-radius:4px;overflow:hidden;position:relative}.mixer-slider span{position:absolute;bottom:0;left:0;width:100%;background:linear-gradient(to top,var(--amber),var(--sage));border-radius:4px;transition:height .5s ease}.feature-card:hover .mixer-slider:nth-child(1) span{height:85%!important}.feature-card:hover .mixer-slider:nth-child(2) span{height:55%!important}.feature-card:hover .mixer-slider:nth-child(3) span{height:70%!important}.feature-card:hover .mixer-slider:nth-child(4) span{height:40%!important}.feature-card:hover .mixer-slider:nth-child(5) span{height:90%!important}.sounds{padding:8rem 0;background:var(--midnight-deep);position:relative;z-index:5;overflow:hidden}.sound-categories{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem}.sound-category{padding:2.5rem;background:linear-gradient(135deg,rgba(255,255,255,.02),transparent);border:1px solid rgba(255,255,255,.05);border-radius:var(--radius);transition:all .4s ease}.sound-category:hover{border-color:#ffffff1a;transform:translateY(-4px)}.category-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.category-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--amber-soft);border-radius:12px}.category-icon svg{width:24px;height:24px;color:var(--amber)}.sound-category h3{font-family:var(--font-display);font-size:1.5rem}.sound-category>p{color:var(--cream-muted);font-size:.9375rem;margin-bottom:1.5rem}.sound-list{list-style:none;display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}.sound-list li{font-size:.875rem;color:var(--cream-faint);padding:.5rem 0;border-bottom:1px solid rgba(255,255,255,.03);transition:color .3s ease}.sound-list li:hover{color:var(--cream)}.testimonials{padding:8rem 0;background:linear-gradient(to bottom,var(--midnight-deep),var(--midnight));overflow:hidden;position:relative;z-index:5}.testimonial-marquee{margin-top:4rem;overflow:hidden;mask-image:linear-gradient(to right,transparent,black 10%,black 90%,transparent)}.testimonial-track{display:flex;gap:2rem;animation:marquee 30s linear infinite}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.testimonial{flex:0 0 400px;padding:2rem;background:linear-gradient(135deg,#ffffff08,#ffffff03);border:1px solid rgba(255,255,255,.05);border-radius:var(--radius)}.testimonial-stars{display:flex;gap:.25rem;margin-bottom:1.25rem}.testimonial-stars svg{width:1rem;height:1rem;color:var(--amber)}.testimonial p{font-family:var(--font-display);font-size:1.125rem;font-style:italic;line-height:1.7;margin-bottom:1.25rem;color:var(--cream-soft)}.testimonial cite{font-style:normal;font-size:.875rem;color:var(--cream-faint)}.cta{padding:10rem 0;text-align:center;background-color:var(--midnight);background-image:radial-gradient(ellipse 80% 50% at 50% 80%,var(--amber-soft) 0%,transparent 60%);position:relative;z-index:5;overflow:hidden}.cta-content h2{font-size:clamp(2.5rem,5vw,4rem);margin-bottom:1rem}.cta-content>p{font-size:1.125rem;color:var(--cream-muted);margin-bottom:3rem}.cta-primary{display:inline-flex;align-items:center;gap:.75rem;padding:1.125rem 2.5rem;background:var(--amber);color:var(--midnight);font-weight:500;font-size:1rem;border-radius:3rem;transition:all .3s ease}.cta-primary svg{width:1.25rem;height:1.25rem;transition:transform .3s ease}.cta-primary:hover{background:var(--cream);transform:translateY(-2px);box-shadow:0 20px 40px #e8aa4c4d}.cta-primary:hover svg{transform:translate(4px)}footer{padding:4rem 0;border-top:1px solid rgba(255,255,255,.05);background:var(--midnight-deep);position:relative;z-index:5}.footer-content{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:2rem}.footer-brand{display:flex;align-items:center;gap:1.5rem}.footer-logo{height:1.75rem;opacity:.7}.footer-brand p{font-size:.875rem;color:var(--cream-faint)}.footer-links{display:flex;gap:2rem}.footer-links a{font-size:.875rem;color:var(--cream-muted);transition:color .3s ease}.footer-links a:hover{color:var(--cream)}.footer-copy{font-size:.75rem;color:var(--cream-faint);opacity:.6}@keyframes fade-in-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@media(max-width:1024px){.hero-grid{grid-template-columns:1fr;text-align:center;gap:4rem}.hero-content{max-width:100%;display:flex;flex-direction:column;align-items:center}.hero-subtitle{max-width:100%}.store-buttons{justify-content:center}.features-grid{grid-template-columns:1fr}.feature-card.feature-wide{grid-column:span 1;grid-template-columns:1fr;text-align:center}.feature-wide .feature-visual{justify-content:center}.sound-categories{grid-template-columns:1fr}}@media(max-width:768px){.container{padding:0 1.5rem}.hero{padding:6rem 0 4rem;min-height:auto}.phone-center{width:180px}.phone-left,.phone-right{width:140px}.store-buttons{flex-direction:column;align-items:center;width:100%}.store-button{width:100%;max-width:280px;justify-content:center}.scroll-indicator{display:none}.features,.sounds,.testimonials,.cta{padding:5rem 0}.section-header{margin-bottom:3rem}.testimonial{flex:0 0 300px}.footer-content{flex-direction:column;text-align:center}.footer-brand{flex-direction:column}}@media(max-width:480px){.hero h1{font-size:2.5rem}.phone-showcase{flex-direction:column;align-items:center;gap:1rem}.phone-center,.phone-left,.phone-right{width:200px;opacity:1;transform:none}.phone-left,.phone-right{display:none}.sound-list{grid-template-columns:1fr}.feature-card,.sound-category{padding:2rem}}.nav-links[data-astro-cid-3ef6ksr2]{display:flex;gap:1.5rem;align-items:center}.nav-link[data-astro-cid-3ef6ksr2]{font-size:.875rem;color:var(--cream-muted);text-decoration:none;transition:color .3s ease}.nav-link[data-astro-cid-3ef6ksr2]:hover{color:var(--cream)}.site-footer[data-astro-cid-sz7xmlte]{padding:4rem 0 2rem;border-top:1px solid rgba(255,255,255,.05);background:var(--midnight-deep);position:relative;z-index:5}.footer-grid[data-astro-cid-sz7xmlte]{display:grid;grid-template-columns:repeat(6,1fr);gap:2rem}.footer-col-brand[data-astro-cid-sz7xmlte]{display:flex;flex-direction:column;gap:.75rem}.footer-brand-link[data-astro-cid-sz7xmlte]{text-decoration:none}.footer-logo[data-astro-cid-sz7xmlte]{height:1.75rem;opacity:.7;transition:opacity .3s ease}.footer-logo[data-astro-cid-sz7xmlte]:hover{opacity:1}.footer-tagline[data-astro-cid-sz7xmlte]{font-size:.8125rem;color:var(--cream-faint);line-height:1.6}.footer-badges[data-astro-cid-sz7xmlte]{display:flex;flex-direction:column;gap:.5rem;margin-top:.5rem}.footer-badge-link[data-astro-cid-sz7xmlte]{display:inline-flex;align-items:center;gap:.4rem;font-size:.75rem;color:var(--cream-faint);text-decoration:none;transition:color .3s ease}.footer-badge-link[data-astro-cid-sz7xmlte]:hover{color:var(--cream)}.footer-badge-link[data-astro-cid-sz7xmlte] svg[data-astro-cid-sz7xmlte]{opacity:.7}.footer-heading[data-astro-cid-sz7xmlte]{font-family:var(--font-body);font-size:.8rem;font-weight:500;text-transform:uppercase;letter-spacing:.1em;color:var(--amber);margin-bottom:1rem}.footer-link-list[data-astro-cid-sz7xmlte]{list-style:none;padding:0;margin:0}.footer-link-list[data-astro-cid-sz7xmlte] li[data-astro-cid-sz7xmlte]{line-height:1.8}.footer-link-list[data-astro-cid-sz7xmlte] a[data-astro-cid-sz7xmlte]{font-size:.8125rem;color:var(--cream-faint);text-decoration:none;transition:color .3s ease}.footer-link-list[data-astro-cid-sz7xmlte] a[data-astro-cid-sz7xmlte]:hover{color:var(--cream)}.footer-bottom[data-astro-cid-sz7xmlte]{border-top:1px solid rgba(255,255,255,.05);padding-top:2rem;margin-top:3rem}.footer-bottom[data-astro-cid-sz7xmlte] p[data-astro-cid-sz7xmlte]{font-size:.75rem;color:var(--cream-faint);opacity:.5}@media(max-width:1024px){.footer-grid[data-astro-cid-sz7xmlte]{grid-template-columns:repeat(3,1fr);gap:2.5rem 2rem}}@media(max-width:768px){.footer-grid[data-astro-cid-sz7xmlte]{grid-template-columns:repeat(2,1fr);gap:2rem 1.5rem}}@media(max-width:480px){.footer-grid[data-astro-cid-sz7xmlte]{grid-template-columns:1fr;gap:2rem}.footer-col-brand[data-astro-cid-sz7xmlte]{align-items:center;text-align:center}.footer-badges[data-astro-cid-sz7xmlte]{flex-direction:row;justify-content:center}.footer-bottom[data-astro-cid-sz7xmlte]{text-align:center}}