@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap");:root{--gradient-primary:linear-gradient(93.4deg,#ef5eef,#ff5f97 51%,#ff7e89 95%);--gradient-primary-soft:linear-gradient(93.4deg,rgba(185,56,185,.1),rgba(223,60,117,.1) 51%,rgba(231,114,124,.1) 95%);--gradient-text:linear-gradient(0deg,#b6c0db,#fff);--gradient-text-pink:linear-gradient(93.4deg,#f7f,#ff7aa8 51%,#ff99a1 95%);--bg-primary:#020617;--bg-secondary:#0f172a;--bg-card:hsla(0,0%,100%,.01);--bg-card-hover:hsla(0,0%,100%,.03);--bg-glass:hsla(0,0%,100%,.03);--bg-glass-strong:hsla(0,0%,100%,.05);--text-primary:#fff;--text-secondary:#b6c0db;--text-muted:#72728b;--text-subtle:#64648e;--accent-pink:#ef5eef;--accent-coral:#ff5f97;--accent-salmon:#ff7e89;--font-primary:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--space-24:96px;--radius-sm:7px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;--radius-full:48px;--shadow-glow:0 0 15px 0 hsla(0,100%,99%,.11) inset;--shadow-glow-pink:0 0 40px rgba(239,94,239,.15);--shadow-card:0 4px 24px rgba(0,0,0,.3);--transition-fast:150ms cubic-bezier(0.4,0,0.2,1);--transition-normal:250ms cubic-bezier(0.4,0,0.2,1);--transition-slow:400ms cubic-bezier(0.4,0,0.2,1)}*{font-family:var(--font-primary)}body{background-color:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.gradient-text-white{background:var(--gradient-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.gradient-text-pink{background:var(--gradient-text-pink);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.glass-badge{background:var(--gradient-primary-soft);backdrop-filter:blur(45px);-webkit-backdrop-filter:blur(45px);padding:7px 28px 10px;border-radius:var(--radius-sm);display:inline-flex;align-items:center;justify-content:center}.glass-badge-text{font-size:20px;font-weight:300;letter-spacing:.4px;line-height:24px;background:var(--gradient-text-pink);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.btn-primary-gradient{background:var(--gradient-primary);padding:16px 25px;border-radius:var(--radius-full);display:inline-flex;align-items:center;gap:10px;font-weight:500;font-size:16px;letter-spacing:.32px;color:#fff;border:none;cursor:pointer;transition:var(--transition-normal);text-decoration:none;position:relative;overflow:hidden}.btn-primary-gradient:hover{transform:translateY(-2px);box-shadow:var(--shadow-glow-pink)}.btn-primary-gradient:active{transform:translateY(0)}.btn-secondary-glass{background:hsla(0,0%,100%,.01);box-shadow:var(--shadow-glow);padding:16px 25px;border-radius:var(--radius-full);display:inline-flex;align-items:center;gap:10px;font-weight:500;font-size:16px;letter-spacing:.32px;color:#fff;border:none;cursor:pointer;transition:var(--transition-normal);text-decoration:none;position:relative;z-index:10}.btn-secondary-glass:hover{background:hsla(0,0%,100%,.08);transform:translateY(-2px) scale(1.02);box-shadow:var(--shadow-glow),0 8px 25px rgba(239,94,239,.2)}.btn-secondary-glass:active{transform:translateY(0) scale(1)}.section-dark{background-color:var(--bg-primary);position:relative}.section-title{font-size:clamp(36px,6vw,54px);font-weight:500;line-height:1.2;letter-spacing:-1.08px;text-align:center;margin:0}.section-title span{background:var(--gradient-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.section-subtitle{font-size:clamp(18px,2.5vw,20px);font-weight:300;line-height:1.55;letter-spacing:.4px;color:var(--text-primary);text-align:center;max-width:550px;margin:0 auto}.hero-section{position:relative;min-height:80vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--bg-primary);overflow:hidden;padding-top:120px;padding-bottom:20px}.hero-section:before{content:"";position:absolute;inset:0;background:url(/hero/background.png) no-repeat bottom;background-size:100% auto;filter:grayscale(100%) brightness(1.2) opacity(.38);pointer-events:none;z-index:0}@media (max-width:1200px){.hero-section:before{background-size:auto 100%;background-position:50%}}@media (max-width:768px){.hero-section{min-height:auto;padding-top:120px;padding-bottom:15px}.hero-section:before{background-size:cover;background-position:50%}}.hero-gradient-bg{position:absolute;top:0;left:0;right:0;height:550px;background:radial-gradient(ellipse 80% 60% at 50% 0,rgba(239,94,239,.15),transparent 60%),radial-gradient(ellipse 60% 40% at 30% 10%,rgba(255,95,151,.1),transparent 50%),radial-gradient(ellipse 60% 40% at 70% 10%,rgba(255,126,137,.1),transparent 50%);pointer-events:none}.hero-content{position:relative;z-index:10;max-width:900px;margin:0 auto;padding:0 24px;text-align:center}.hero-title{font-size:clamp(42px,8vw,70px);font-weight:500;line-height:1.2;letter-spacing:-1.4px;margin:0 0 20px}.hero-title span{background:var(--gradient-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-description{font-size:clamp(18px,2.5vw,22px);font-weight:300;line-height:1.55;letter-spacing:.44px;color:var(--text-primary);max-width:575px;margin:0 auto 24px}.social-proof{justify-content:center;gap:12px;margin-bottom:24px}.avatar-stack,.social-proof{display:flex;align-items:center}.avatar-stack img{width:37px;height:37px;border-radius:50%;margin-right:-10px;border:2px solid var(--bg-primary);object-fit:cover}.avatar-stack img:last-child{margin-right:0}.social-proof-text{font-size:17px;font-weight:500;letter-spacing:-.85px;color:var(--text-primary)}.hero-cta{display:flex;flex-direction:column;align-items:center;gap:13px}.hero-note{font-size:16px;font-weight:300;letter-spacing:.32px;color:var(--text-subtle)}.hero-image-container{position:relative;margin-top:40px;max-width:1067px;width:100%;padding:0 24px}.hero-image-wrapper{position:relative;border-radius:var(--radius-lg);overflow:hidden;backdrop-filter:blur(35px)}.hero-image-wrapper img,.hero-image-wrapper video{width:100%;height:auto;display:block}.features-section{padding:var(--space-24) var(--space-6);background:var(--bg-primary);position:relative}.features-header{text-align:center;margin-bottom:100px}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:40px;max-width:990px;margin:0 auto}.feature-card{background:var(--bg-card);border-radius:var(--radius-md);overflow:hidden;position:relative;height:420px}.feature-card-content{position:absolute;bottom:12px;left:12px;right:12px;background:var(--bg-glass);backdrop-filter:blur(47px);-webkit-backdrop-filter:blur(47px);border-radius:6px;padding:32px 38px}.feature-card-icon{width:45px;height:34px;margin-bottom:12px;color:var(--accent-pink)}.feature-card-title{font-size:28px;font-weight:500;letter-spacing:-.28px;line-height:1.45;color:var(--text-primary);margin:0 0 12px}.feature-card-description{font-size:20px;font-weight:300;line-height:1.65;letter-spacing:.4px;color:var(--text-muted);margin:0}.feature-card-visual{position:absolute;top:0;left:0;right:0;height:280px;display:flex;align-items:center;justify-content:center;padding:24px}.how-it-works-section{padding:var(--space-24) var(--space-6);background:var(--bg-primary);position:relative;overflow:hidden}.how-it-works-container{max-width:1200px;margin:0 auto;padding:0 24px;position:relative}.steps-visual{display:flex;justify-content:center;align-items:center;margin-top:60px;margin-bottom:40px;padding:0 20px}.steps-image{width:100%;max-width:900px;height:auto;object-fit:contain}.steps-labels{display:flex;justify-content:space-between;align-items:flex-start;max-width:900px;margin:0 auto;padding:0 20px}.step-label{display:flex;flex-direction:column;align-items:center;text-align:center;flex:1;padding:0 15px}.step-label:first-child{align-items:flex-start;text-align:left;padding-left:0}.step-label:last-child{align-items:flex-end;text-align:right;padding-right:0}.step-title{font-size:15px;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:#c8a882;margin:0 0 12px;line-height:1.4}.step-description{font-size:16px;font-weight:400;line-height:1.6;color:#6b7280;margin:0;max-width:200px}@media (max-width:900px){.steps-visual{margin-top:40px;margin-bottom:30px}.steps-labels{flex-direction:column;align-items:center;gap:30px}.step-label,.step-label:first-child,.step-label:last-child{align-items:center;text-align:center;padding:0}.step-description{max-width:280px}}@media (max-width:640px){.steps-visual{margin-top:30px;margin-bottom:20px}.step-title{font-size:14px;letter-spacing:1.5px}.step-description{font-size:15px}}.feature-card-visual img{max-width:100%;max-height:100%;object-fit:contain}.modes-section{padding:var(--space-24) var(--space-6);background:var(--bg-primary);position:relative;overflow:hidden}.modes-section:before{content:"";position:absolute;inset:0;background:url(/how-to/instrument-bg.png) no-repeat;background-position:60%;background-size:cover;filter:grayscale(100%) brightness(1.2) opacity(.38);pointer-events:none;z-index:0}.modes-section>div{position:relative;z-index:1}.modes-header{text-align:center;margin-bottom:60px}.modes-grid{display:flex;justify-content:center;gap:76px;max-width:1100px;margin:0 auto;flex-wrap:wrap}.mode-card{flex:1;min-width:300px;max-width:470px;text-align:center}.mode-icon{width:135px;height:117px;margin:0 auto 19px}.mode-icon img{width:100%;height:100%;object-fit:contain}.mode-title{font-size:28px;font-weight:500;letter-spacing:-.28px;line-height:1.45;color:var(--text-primary);margin:0 0 19px}.mode-description{font-size:20px;font-weight:300;line-height:1.65;letter-spacing:.4px;color:var(--text-muted);margin:0;max-width:470px}.modes-divider{width:3px;background:linear-gradient(180deg,transparent,var(--accent-pink),transparent);align-self:stretch;opacity:.3}.cta-footer-wrapper{position:relative;background:var(--bg-primary)}.cta-footer-wrapper:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:url(/footer/footer-cta.png);background-size:cover;background-position:bottom;background-repeat:no-repeat;filter:grayscale(100%) brightness(1.2) opacity(.16);pointer-events:none;z-index:0}.cta-footer-wrapper>*{position:relative;z-index:1}.cta-section{padding:var(--space-16) var(--space-6);background:transparent}.cta-container{max-width:677px;margin:0 auto;text-align:center;position:relative}.cta-lines{display:flex;align-items:center;justify-content:center;gap:24px}.cta-line{width:195px;height:2px;background:linear-gradient(90deg,transparent,var(--accent-pink),transparent);opacity:.3}.cta-content{display:flex;flex-direction:column;align-items:center;gap:10px;position:relative;z-index:5}.reviews-section{padding:var(--space-20) 0;background:var(--bg-primary);overflow:hidden}.reviews-header{text-align:center;margin-bottom:var(--space-16);padding:0 var(--space-6)}.reviews-carousel{mask-image:linear-gradient(90deg,transparent 0,#000 15%,#000 85%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 15%,#000 85%,transparent);overflow:hidden;padding:10px 0}.reviews-track{display:flex;gap:30px;animation:scroll-reviews 60s linear infinite;width:fit-content}.reviews-track:hover{animation-play-state:paused}@keyframes scroll-reviews{0%{transform:translateX(0)}to{transform:translateX(-50%)}}.review-card{flex-shrink:0;width:544px;background:var(--bg-primary);backdrop-filter:blur(55px);-webkit-backdrop-filter:blur(55px);border-radius:var(--radius-md);padding:47px 48px;border:1px solid hsla(0,0%,100%,.05)}.review-text{font-size:18px;font-weight:300;line-height:1.55;letter-spacing:.36px;color:var(--text-muted);margin:0 0 39px}.review-author{display:flex;align-items:center;gap:16px}.review-avatar{width:48px;height:48px;border-radius:100px;overflow:hidden}.review-avatar img{width:100%;height:100%;object-fit:cover}.review-author-info{display:flex;flex-direction:column;gap:0}.review-author-name{font-size:14px;font-weight:300;color:var(--text-primary);margin:0}.review-author-role{font-size:14px;font-weight:400;color:hsla(0,0%,100%,.4);margin:0}.faq-section{padding:var(--space-20) var(--space-6);background:transparent}.faq-container{max-width:800px;margin:0 auto}.faq-header{text-align:center;margin-bottom:var(--space-12)}.faq-list{display:flex;flex-direction:column;gap:var(--space-4)}.faq-item{background:var(--bg-card);border:1px solid hsla(0,0%,100%,.05);border-radius:var(--radius-md);overflow:hidden;transition:var(--transition-normal)}.faq-item:hover{background:var(--bg-card-hover);border-color:hsla(0,0%,100%,.08)}.faq-question{width:100%;padding:var(--space-5) var(--space-6);background:none;border:none;text-align:left;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);transition:var(--transition-fast)}.faq-question span{font-size:17px;font-weight:500;color:var(--text-primary)}.faq-icon{color:var(--text-muted);transition:var(--transition-normal);flex-shrink:0}.faq-icon.rotate{transform:rotate(180deg)}.faq-answer{padding:0 var(--space-6) var(--space-5)}.faq-answer p{font-size:16px;font-weight:300;line-height:1.65;color:var(--text-muted);margin:0}.footer-compact{background:transparent;border-top:1px solid hsla(0,0%,100%,.05);padding:24px 0 20px}.footer-compact-container{max-width:1200px;margin:0 auto;padding:0 24px}.footer-compact-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.footer-compact-logo{height:32px;width:auto;transition:var(--transition-normal);cursor:pointer}.footer-compact-logo:hover{opacity:.8;transform:scale(1.05)}.footer-compact-socials{display:flex;align-items:center;gap:16px}.footer-compact-social-link{opacity:.5;transition:var(--transition-fast);display:flex;align-items:center;justify-content:center}.footer-compact-social-link:hover{opacity:.8}.footer-compact-social-link img{width:22px;height:22px;filter:brightness(0) invert(1)}.footer-compact-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:16px;border-top:1px solid hsla(0,0%,100%,.05)}.footer-compact-links{display:flex;align-items:center;gap:24px}.footer-compact-link{font-size:13px;font-weight:400;color:hsla(0,0%,100%,.5);text-decoration:none;transition:var(--transition-fast)}.footer-compact-link:hover{color:hsla(0,0%,100%,.8)}.footer-compact-copyright{font-size:13px;font-weight:400;color:hsla(0,0%,100%,.4)}@media (max-width:640px){.footer-compact-top{flex-direction:column;gap:16px;text-align:center}.footer-compact-bottom{flex-direction:column;gap:12px;text-align:center}.footer-compact-links{gap:16px;flex-wrap:wrap;justify-content:center}}.demo-carousel-wrapper{mask-image:linear-gradient(90deg,transparent 0,#000 5%,#000 95%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 5%,#000 95%,transparent)}@media (max-width:768px){.hero-content{padding:0 16px}.social-proof{flex-direction:column;gap:8px}.features-grid{grid-template-columns:1fr;gap:24px}.feature-card{height:auto;min-height:380px}.modes-grid{flex-direction:column;gap:48px;align-items:center}.modes-divider{display:none}.review-card{width:320px;padding:32px 24px}.footer-grid{grid-template-columns:1fr;gap:var(--space-8)}.footer-bottom-content{flex-direction:column;text-align:center}.cta-lines{display:none}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px rgba(239,94,239,.2)}50%{box-shadow:0 0 40px rgba(239,94,239,.4)}}.animate-float{animation:float 4s ease-in-out infinite}.animate-pulse-glow{animation:pulse-glow 3s ease-in-out infinite}.stars-bg{width:100%;height:100%;pointer-events:none;overflow:hidden}.star,.stars-bg{position:absolute}.star{width:4px;height:4px;background:#fff;border-radius:50%;opacity:.3;animation:twinkle 3s ease-in-out infinite}@keyframes twinkle{0%,to{opacity:.3}50%{opacity:.8}}.globe-container{position:relative;width:588px;height:588px;border-radius:50%;overflow:hidden;opacity:.3}.partner-carousel-section{padding:var(--space-8) 0;background:var(--bg-primary)}.partner-carousel-wrapper{mask-image:linear-gradient(90deg,transparent 0,#000 10%,#000 90%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 10%,#000 90%,transparent);overflow:hidden}.partner-carousel-track{display:flex;gap:40px;animation:scroll-partners 40s linear infinite;width:fit-content}.partner-carousel-track:hover{animation-play-state:paused}@keyframes scroll-partners{0%{transform:translateX(0)}to{transform:translateX(-50%)}}.partner-logo{height:32px;opacity:.4;filter:brightness(0) invert(1);transition:var(--transition-normal)}.partner-logo:hover{opacity:.7}@keyframes loadingBar{0%,to{transform:scaleY(.4);opacity:.5}50%{transform:scaleY(1);opacity:1}}.loading-bar{animation:loadingBar 1.2s ease-in-out infinite}.loading-bar:first-child{animation-delay:0s}.loading-bar:nth-child(2){animation-delay:.15s}.loading-bar:nth-child(3){animation-delay:.3s}