@font-face{font-family:Sora;src:url(/BRAND/Sora/Sora-Light.woff2)format("woff2");font-style:normal;font-weight:300;font-display:swap}@font-face{font-family:Sora;src:url(/BRAND/Sora/Sora-Bold.woff2)format("woff2");font-style:normal;font-weight:700;font-display:swap}:root{--white:#fff;--paper:#f8fbfc;--paper-cyan:#eefbfd;--navy:#071425;--navy-soft:#0c1b2e;--text:#071425;--muted:#4f5d70;--faint:#687487;--line:#dce6eb;--line-soft:#edf2f5;--cyan:#08d9ea;--cyan-deep:#007f8f;--cyan-ink:#003e49;--content:1240px;--header-height:76px;--ease:cubic-bezier(.22, 1, .36, 1)}*,:before,:after{box-sizing:border-box}html{color-scheme:light;scroll-behavior:smooth;overflow-x:clip}body{background:var(--white);min-width:320px;color:var(--text);-webkit-font-smoothing:antialiased;text-rendering:geometricprecision;margin:0;font-family:Sora,sans-serif;font-size:16px;font-weight:300;line-height:1.55}body.dialog-open{overflow:hidden}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}svg{display:block}strong,b{font-weight:700}h1,h2,h3,p{margin:0}h1,h2{letter-spacing:-.075em;font-weight:300;line-height:.99}h3{letter-spacing:-.045em;font-weight:300;line-height:1.14}::selection{background:var(--cyan);color:var(--navy)}:focus-visible{outline:2px solid var(--cyan-deep);outline-offset:4px}.sr-only{clip:rect(0, 0, 0, 0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.skip-link{z-index:999;background:var(--navy);color:var(--white);border-radius:8px;padding:10px 14px;transition:transform .18s;position:fixed;top:10px;left:10px;transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}.section-shell{width:min(calc(100% - 48px), var(--content));margin-inline:auto}.site-header{z-index:100;height:var(--header-height);background:color-mix(in srgb, var(--white) 88%, transparent);backdrop-filter:blur(18px);border-bottom:1px solid #0000;transition:border-color .22s,background .22s;position:fixed;inset:0 0 auto}.site-header.is-scrolled{border-color:var(--line-soft);background:color-mix(in srgb, var(--white) 96%, transparent)}.nav-shell{width:min(calc(100% - 48px), var(--content));grid-template-columns:minmax(180px,1fr) auto minmax(180px,1fr);align-items:center;gap:30px;height:100%;margin-inline:auto;display:grid}.brand{justify-self:start;align-items:center;display:inline-flex}.brand-full{width:158px;height:auto}.brand-icon-wrap{background:var(--navy);border-radius:9px;justify-content:center;align-items:center;width:38px;height:38px;display:none}.brand-icon{width:23px;height:23px}.main-nav{align-items:center;gap:30px;display:flex}.main-nav a,.footer-links a{color:var(--muted);font-size:.79rem;transition:color .18s;position:relative}.main-nav a:after,.footer-links a:after{content:"";background:var(--cyan-deep);transform-origin:100%;height:1px;transition:transform .22s var(--ease);position:absolute;inset:auto 0 -7px;transform:scaleX(0)}.main-nav a:hover,.footer-links a:hover{color:var(--navy)}.main-nav a:hover:after,.footer-links a:hover:after{transform-origin:0;transform:scaleX(1)}.language-switch{background:#ffffffb8;border:1px solid #07132429;border-radius:999px;align-items:center;gap:2px;padding:3px;display:inline-flex}.main-nav .language-option{min-width:34px;min-height:30px;color:var(--navy);font:inherit;letter-spacing:.08em;cursor:pointer;background:0 0;border:0;border-radius:999px;justify-content:center;align-items:center;padding:0 9px;font-size:.74rem;font-weight:300;text-decoration:none;display:inline-flex}.main-nav .language-option:after{content:none}.main-nav .language-option:hover{color:var(--navy);background:#0713240f}.main-nav .language-option.is-active,.main-nav .language-option.is-active:hover{background:var(--navy);color:var(--white)}.main-nav .language-option:focus-visible{outline:2px solid var(--navy);outline-offset:2px}@media (width<=760px){.main-nav .language-switch{align-self:flex-start;margin-top:.5rem}}.nav-download{justify-self:end}.button{min-height:42px;color:var(--navy);cursor:pointer;transition:transform .19s var(--ease), background .19s ease, border-color .19s ease, color .19s ease;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:9px;padding:0 17px;font-size:.76rem;font-weight:300;display:inline-flex}.button:hover{transform:translateY(-2px)}.button svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.45px;width:17px;height:17px}.button-primary{background:var(--cyan);color:var(--navy)}.button-primary:hover{background:#22e4f2}.button-dark{background:var(--navy);color:var(--white)}.button-dark:hover{background:#10243a}.icon-button{border:1px solid var(--line);background:var(--white);width:40px;height:40px;color:var(--navy);cursor:pointer;border-radius:10px;place-items:center;padding:0;display:inline-grid}.icon-button svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-width:1.35px;width:21px;height:21px}.menu-toggle{display:none}.text-link{color:var(--navy);align-items:center;gap:7px;font-size:.79rem;display:inline-flex}.text-link svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.4px;width:16px;height:16px;transition:transform .18s var(--ease)}.text-link:hover svg{transform:translate(3px)}.label,.kicker{color:var(--cyan-deep);letter-spacing:.18em;font-size:.65rem;line-height:1.2}.label{background:var(--navy);width:fit-content;color:var(--white);border-radius:7px;padding:8px 10px}.hero{grid-template-rows:1fr auto;grid-template-columns:minmax(0,.92fr) minmax(500px,1.08fr);align-items:center;column-gap:58px;min-height:860px;padding-top:150px;padding-bottom:80px;display:grid;position:relative}.hero:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(circle at 56% 32%,#08d9ea29,#0000 40%),radial-gradient(circle at 84% 72%,#08d9ea12,#0000 32%);width:58vw;height:650px;position:absolute;top:70px;left:38%}.hero-copy{z-index:3;align-self:center;position:relative}.hero-copy h1{max-width:650px;margin-top:26px;font-size:clamp(3.2rem,5.3vw,5.65rem)}.hero-copy h1 strong,.section-heading h2 strong,.split-heading h2 strong,.collection-intro h2 strong,.beta-copy h2 strong,.questions-heading h2 strong,.final-cta h2 strong{font-weight:700}.hero-lead{max-width:610px;color:var(--muted);margin-top:28px;font-size:clamp(.94rem,1.25vw,1.08rem);line-height:1.65}.hero-actions{align-items:center;gap:20px;margin-top:31px;display:flex}.availability{color:var(--faint);margin-top:14px;font-size:.68rem}.hero-stage{isolation:isolate;place-items:center;min-height:650px;display:grid;position:relative;overflow:visible}.hero-grid-pattern{z-index:-2;opacity:.56;background-image:linear-gradient(var(--line-soft) 1px, transparent 1px), linear-gradient(90deg, var(--line-soft) 1px, transparent 1px);background-size:72px 72px;position:absolute;inset:2% -8% 10%;mask-image:radial-gradient(circle,#000 34%,#0000 78%)}.ambient{z-index:-3;filter:blur(8px);pointer-events:none;border-radius:50%;position:absolute}.ambient-one{aspect-ratio:1;filter:blur(75px);background:#08d9ea30;width:310px;top:4%;right:0}.song-sheet{aspect-ratio:1391/1800;border:1px solid var(--line);background:var(--white);transform-origin:82% 48%;backface-visibility:hidden;border-radius:22px;width:min(74%,470px);position:relative;overflow:hidden;box-shadow:0 28px 70px #07142514}.song-sheet:after{content:"";border-radius:inherit;pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #ffffffbf}.song-sheet img{object-fit:cover;width:100%;height:100%;transition:transform .85s var(--ease)}.song-sheet:hover img{transform:scale(1.012)}.hero-signal{z-index:4;background:var(--navy);min-width:142px;color:var(--white);border:1px solid #1a2d43;border-radius:14px;align-items:baseline;gap:9px;padding:18px 20px;display:flex;position:absolute}.signal-content,.ready-content{z-index:2;align-items:center;gap:9px;display:flex;position:relative}.signal-content{align-items:baseline}.hero-signal .signal-content>span{letter-spacing:-.055em;font-size:1.72rem;line-height:1}.hero-signal .signal-content>small{color:#b5c4d1;letter-spacing:.2em;font-size:.58rem}.hero-signal-top{top:13%;right:1%}.hero-signal-bottom{bottom:19%;left:1%}.hero-ready{z-index:4;background:var(--navy);max-width:345px;color:var(--white);letter-spacing:.12em;border:1px solid #1a2d43;border-radius:12px;align-items:center;gap:10px;padding:13px 17px;font-size:.69rem;display:flex;position:absolute;bottom:12%;right:2%}.hero-ready svg{fill:none;width:18px;height:18px;stroke:var(--cyan);stroke-linecap:round;stroke-linejoin:round;stroke-width:1.3px;flex:none}.hero-ready strong{font-weight:700}.pixel-cloud{z-index:1;opacity:0;pointer-events:none;transform-origin:50%;position:absolute;inset:-42px;overflow:visible}.pixel-cloud:after{content:attr(data-pixel-text);color:#e5fdffeb;letter-spacing:-.045em;white-space:nowrap;opacity:0;filter:blur(18px);place-items:center;font-size:1.18rem;font-weight:300;display:grid;position:absolute;inset:0;transform:scale(1.08)}.hero-ready .pixel-cloud:after{letter-spacing:.1em;font-size:.63rem}.pixel-cloud>i{left:var(--particle-x);top:var(--particle-y);width:var(--particle-size);height:var(--particle-size);background:var(--particle-color);box-shadow:0 0 8px color-mix(in srgb, var(--particle-color) 72%, transparent);opacity:0;transform:translate(var(--particle-from-x), var(--particle-from-y)) scale(.25);will-change:transform, opacity;border-radius:50%;position:absolute}.hero-drag-cursor{z-index:7;opacity:0;width:38px;height:44px;color:var(--navy);pointer-events:none;backface-visibility:hidden;position:absolute;top:43%;right:4%}.hero-stage.is-sequencing .song-sheet,.hero-stage.is-sequencing .hero-drag-cursor{will-change:transform, opacity}.hero-drag-cursor svg{z-index:2;width:32px;height:38px;fill:var(--white);stroke:var(--navy);stroke-linejoin:round;stroke-width:2px;filter:drop-shadow(0 4px 8px #0714253d);position:relative;overflow:visible}.hero-drag-cursor>span{z-index:1;border:1px solid var(--cyan);opacity:0;border-radius:50%;width:35px;height:35px;position:absolute;top:-11px;left:-10px}.hero-stage.is-sequencing .pixel-reveal{animation:pixel-shell-materialize .613s 1.84s var(--ease) both}.hero-stage.is-sequencing .pixel-cloud{animation:1.013s cubic-bezier(.16,.72,.18,1) 1.72s both pixel-cloud-coalesce}.hero-stage.is-sequencing .pixel-cloud:after{animation:.853s cubic-bezier(.16,.72,.18,1) 1.787s both pixel-ghost-resolve}.hero-stage.is-sequencing .pixel-cloud>i{animation:pixel-particle-flow .747s calc(1.72s + var(--particle-delay)) cubic-bezier(.18, .68, .2, 1) both}.hero-stage.is-sequencing .signal-content,.hero-stage.is-sequencing .ready-content{animation:.72s cubic-bezier(.16,.72,.18,1) 1.907s both pixel-text-materialize}.hero-stage.is-sequencing.drag-from-top .song-sheet{animation:1.72s cubic-bezier(.05,.7,.1,1) both chart-drag-in-top}.hero-stage.is-sequencing.drag-from-bottom .song-sheet{animation:1.72s cubic-bezier(.05,.7,.1,1) both chart-drag-in-bottom}.hero-stage.drag-from-top .hero-drag-cursor,.hero-stage.drag-from-bottom .hero-drag-cursor{top:43%;left:auto;right:7%}.hero-stage.is-sequencing.drag-from-top .hero-drag-cursor{animation:1.787s cubic-bezier(.2,0,0,1) both cursor-drag-in-top}.hero-stage.is-sequencing.drag-from-bottom .hero-drag-cursor{animation:1.787s cubic-bezier(.2,0,0,1) both cursor-drag-in-bottom}.hero-stage.is-sequencing .hero-drag-cursor>span{animation:.347s ease-out .413s both cursor-grab}@keyframes chart-drag-in-top{0%{opacity:0;transform:translateY(-82%)rotate(1.4deg)scale(.94)}18%{opacity:1}38%{transform:translateY(-32%)rotate(.7deg)scale(.97)}76%{transform:translateY(1.8%)rotate(-.2deg)scale(1.006)}to{opacity:1;transform:translateY(0)rotate(0)scale(1)}}@keyframes chart-drag-in-bottom{0%{opacity:0;transform:translateY(82%)rotate(-1.4deg)scale(.94)}18%{opacity:1}38%{transform:translateY(32%)rotate(-.7deg)scale(.97)}76%{transform:translateY(-1.8%)rotate(.2deg)scale(1.006)}to{opacity:1;transform:translateY(0)rotate(0)scale(1)}}@keyframes cursor-drag-in-top{0%{opacity:0;transform:translate(26px,-230px)rotate(-7deg)}12%{opacity:1}35%{opacity:1;transform:translate(12px,-112px)rotate(-3deg)}68%{opacity:1;transform:translate(-18px,14px)rotate(0)}84%{opacity:1;transform:translate(-22px,22px)rotate(1deg)}to{opacity:0;transform:translate(14px,72px)rotate(3deg)}}@keyframes cursor-drag-in-bottom{0%{opacity:0;transform:translate(-26px,230px)rotate(7deg)}12%{opacity:1}35%{opacity:1;transform:translate(-12px,112px)rotate(3deg)}68%{opacity:1;transform:translate(18px,-14px)rotate(0)}84%{opacity:1;transform:translate(22px,-22px)rotate(-1deg)}to{opacity:0;transform:translate(-14px,-72px)rotate(-3deg)}}@keyframes cursor-grab{0%{opacity:0;transform:scale(.4)}35%{opacity:.8}to{opacity:0;transform:scale(1.5)}}@keyframes pixel-cloud-coalesce{0%{opacity:0;filter:blur(12px);transform:scale(.72)rotate(-2deg)}18%{opacity:.96}54%{opacity:1;filter:blur(3px);transform:scale(1.08)rotate(.8deg)}78%{opacity:.76;filter:blur(.8px)}to{opacity:0;filter:blur();transform:scale(.9)rotate(0)}}@keyframes pixel-particle-flow{0%{opacity:0;transform:translate(var(--particle-from-x), var(--particle-from-y)) scale(.15)}22%{opacity:.92}58%{opacity:1;transform:translate(var(--particle-mid-x), var(--particle-mid-y)) scale(1.3)}82%{opacity:.72;transform:translate(0)scale(.85)}to{opacity:0;transform:translate(0)scale(.12)}}@keyframes pixel-ghost-resolve{0%{opacity:0;filter:blur(20px);transform:scale(1.12)}28%{opacity:.9}64%{opacity:.6;filter:blur(6px);transform:scale(1.025)}to{opacity:0;filter:blur();transform:scale(1)}}@keyframes pixel-shell-materialize{0%{box-shadow:none;background-color:#0000;border-color:#0000}62%{background-color:#0714259e;border-color:#08d9ea80}to{background-color:var(--navy);border-color:#1a2d43}}@keyframes pixel-text-materialize{0%{opacity:.04;filter:blur(18px);transform:translateY(4px)scale(1.045)}36%{opacity:.38;filter:blur(10px)}74%{opacity:.9;filter:blur(1.6px);transform:translateY(0)scale(1.005)}to{opacity:1;filter:blur();transform:translateY(0)scale(1)}}.hero-proof{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-column:1/-1;grid-template-columns:repeat(3,1fr);width:min(100%,920px);margin:48px auto 0;padding:18px 0;display:grid}.hero-proof p{flex-direction:column;gap:2px;padding:0 28px;display:flex}.hero-proof p+p{border-left:1px solid var(--line)}.hero-proof strong{color:var(--navy);font-size:.72rem}.hero-proof span{color:var(--faint);font-size:.64rem}.section-heading{z-index:1;max-width:780px;position:relative}.section-heading h2,.split-heading h2,.collection-intro h2,.beta-copy h2,.questions-heading h2,.final-cta h2{margin-top:18px;font-size:clamp(2.55rem,4.5vw,4.75rem)}.section-heading>p:last-child{color:#b8c4cf;max-width:660px;margin-top:22px;font-size:.96rem}.kicker-on-dark{color:var(--cyan)}.benefits{padding-top:128px;padding-bottom:132px}.split-heading{grid-template-columns:minmax(0,1.18fr) minmax(280px,.55fr);align-items:end;gap:80px;max-width:none;display:grid}.split-heading>p{color:var(--muted);padding-bottom:5px;font-size:.93rem}.benefit-grid{grid-template-columns:repeat(3,1fr);gap:16px;margin-top:66px;display:grid}.benefit-card{border:1px solid var(--line);background:var(--white);border-radius:18px;flex-direction:column;min-height:410px;padding:30px;display:flex}.benefit-card>span{color:var(--cyan-deep);font-size:.64rem}.benefit-card>svg{fill:none;width:76px;height:76px;stroke:var(--navy);stroke-linecap:round;stroke-linejoin:round;stroke-width:1.1px;margin:auto}.benefit-card h3{margin-top:auto;font-size:1.55rem}.benefit-card p{color:var(--muted);margin-top:13px;font-size:.78rem}.benefit-card-dark{border-color:var(--navy);background:var(--navy);color:var(--white)}.benefit-card-dark>span{color:var(--cyan)}.benefit-card-dark p{color:#b8c4cf}.benefit-card-cyan{border-color:var(--cyan);background:var(--cyan)}.benefit-card-cyan>span{color:var(--cyan-ink)}.benefit-card-cyan p{color:#123c44}.chord-sequence{grid-template-columns:auto 1fr auto 1fr auto;align-items:center;gap:10px;margin:auto 0;display:grid}.chord-sequence b{width:56px;height:56px;color:var(--white);border:1px solid #ffffff47;border-radius:50%;place-items:center;font-size:.73rem;display:grid}.chord-sequence i{background:#ffffff38;height:1px}.steps-row{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:24px;margin-top:64px;padding:30px 34px;display:grid}.steps-row article{grid-template-columns:auto 1fr;align-items:baseline;column-gap:14px;display:grid}.steps-row article span{color:var(--cyan-deep);grid-row:1/3;font-size:.6rem}.steps-row h3{font-size:1.05rem}.steps-row p{color:var(--faint);margin-top:4px;font-size:.67rem}.steps-row>svg{fill:none;width:18px;height:18px;stroke:var(--faint);stroke-linecap:round;stroke-linejoin:round;stroke-width:1.1px}.chart-collection{background:var(--paper);padding:126px 0 70px;overflow:clip}.collection-intro{text-align:center;max-width:880px}.collection-intro .kicker{margin-inline:auto}.collection-intro>p:last-child{margin-top:22px;max-width:650px;color:var(--muted);margin-inline:auto;font-size:.9rem}.chart-scroll{grid-template-rows:1fr;grid-template-columns:minmax(240px,.56fr) minmax(650px,1.44fr);gap:44px;margin-top:60px;display:grid;position:relative}.chart-sticky{z-index:2;grid-area:1/2;align-self:start;height:min(760px,100vh - 118px);position:sticky;top:96px}.chart-viewer{border:1px solid var(--line);background:radial-gradient(circle at 50% 45%, #08d9ea24, transparent 41%), var(--paper);isolation:isolate;border-radius:24px;width:100%;height:100%;position:relative;overflow:hidden}.chart-viewer-grid{z-index:-1;opacity:.72;background-image:linear-gradient(var(--line-soft) 1px, transparent 1px), linear-gradient(90deg, var(--line-soft) 1px, transparent 1px);background-size:70px 70px;position:absolute;inset:0;mask-image:radial-gradient(circle,#000,#0000 82%)}.chart-slide{z-index:0;border:1px solid var(--line);background:var(--white);opacity:0;width:auto;height:88%;transition:opacity .52s var(--ease), transform .76s var(--ease);will-change:transform, opacity;border-radius:19px;margin:0;position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-46%)scale(.82)}.chart-slide img{aspect-ratio:1391/1800;object-fit:contain;width:auto;max-width:none;height:100%}.chart-slide.is-active{z-index:3;opacity:1;transform:translate(-50%,-50%)scale(1)}.chart-slide.is-prev{z-index:1;opacity:.72;transform:translate(-94%,-48%)rotate(-5deg)scale(.89)}.chart-slide.is-next{z-index:2;opacity:.72;transform:translate(-6%,-48%)rotate(5deg)scale(.89)}.viewer-metric{z-index:5;background:var(--navy);min-width:105px;color:var(--white);border:1px solid #1b3047;border-radius:11px;justify-content:center;align-items:baseline;gap:7px;padding:13px 15px;display:flex;position:absolute}.viewer-metric>span{letter-spacing:-.05em;font-size:1.18rem}.viewer-metric small{color:#b8c4cf;letter-spacing:.15em;font-size:.48rem}.viewer-metric-key{bottom:28px;left:28px}.viewer-metric-bpm{top:28px;right:28px}.viewer-progress{z-index:5;background:var(--line);height:2px;position:absolute;bottom:33px;left:160px;right:28px;overflow:hidden}.viewer-progress span{background:var(--cyan-deep);transform-origin:0;width:16.6667%;height:100%;transition:width .52s var(--ease);display:block}.viewer-count{z-index:5;color:var(--faint);letter-spacing:.11em;font-size:.56rem;position:absolute;bottom:22px;right:28px}.viewer-count span{color:var(--navy)}.chart-steps{grid-area:1/1}.chart-step{opacity:.3;min-height:72vh;transition:opacity .34s ease, transform .52s var(--ease);flex-direction:column;justify-content:center;padding:70px 12px 70px 0;display:flex}.chart-step.is-active{opacity:1;transform:translate(8px)}.chart-step>p:first-child{color:var(--cyan-deep);letter-spacing:.16em;font-size:.6rem}.chart-step h3{margin-top:12px;font-size:clamp(2rem,3.1vw,3.2rem)}.chart-step>div{gap:8px;margin-top:18px;display:flex}.chart-step>div span{border:1px solid var(--line);min-width:64px;color:var(--navy);text-align:center;border-radius:8px;padding:8px 10px;font-size:.62rem}.chart-step>p:last-child{max-width:330px;color:var(--muted);margin-top:20px;font-size:.75rem}.collection-cta{background:var(--navy);min-height:270px;color:var(--white);border-radius:22px;justify-content:space-between;align-items:center;gap:48px;margin-top:42px;padding:46px 52px;display:flex;position:relative;overflow:hidden}.collection-cta:after{content:"";aspect-ratio:1;filter:blur(58px);background:#08d9ea2e;border-radius:50%;width:360px;position:absolute;right:-90px}.collection-cta>*{z-index:1;position:relative}.collection-cta h3{letter-spacing:-.065em;margin-top:13px;font-size:clamp(2rem,3.6vw,3.65rem)}.collection-cta h3 strong{font-weight:700}.collection-cta div>p:last-child{color:#b8c4cf;margin-top:14px;font-size:.77rem}.collection-cta .button{flex:none}.beta-section{background:var(--navy);color:var(--white);position:relative;overflow:hidden}.beta-section:before{content:"";aspect-ratio:1;filter:blur(80px);background:#08d9ea24;border-radius:50%;width:620px;position:absolute;top:-260px;right:-80px}.beta-shell{grid-template-columns:minmax(350px,.8fr) minmax(460px,1.2fr);align-items:center;gap:88px;min-height:770px;padding-top:100px;padding-bottom:100px;display:grid}.beta-copy{z-index:2;position:relative}.label-cyan{background:var(--cyan);color:var(--navy)}.beta-copy>p:not(.label){color:#b8c4cf;max-width:540px;margin-top:24px;font-size:.92rem}.beta-actions{align-items:center;gap:16px;margin-top:31px;display:flex}.beta-actions>span{color:#9fb0bf;font-size:.63rem}.plan-grid{z-index:1;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid;position:relative}.plan-card{border-radius:22px;flex-direction:column;min-height:420px;padding:30px;display:flex}.plan-card>p{letter-spacing:.18em;margin:0;font-size:.66rem;font-weight:700}.plan-card h3{letter-spacing:-.08em;margin-top:48px;font-size:clamp(3.2rem,5.4vw,5.2rem);font-weight:300;line-height:.9}.plan-card>span{opacity:.58;margin-top:9px;font-size:.68rem}.plan-card ul{gap:13px;margin:34px 0 28px;padding:0;font-size:.77rem;list-style:none;display:grid}.plan-card li{align-items:center;gap:9px;display:flex}.plan-card li:before{content:"";background:var(--cyan);border-radius:50%;flex:none;width:6px;height:6px}.plan-card .button{width:100%;margin-top:auto}.plan-card-free{color:var(--navy);background:var(--white)}.plan-card-pro{color:var(--white);background:linear-gradient(150deg,#122639 0%,#061421 70%);border:1px solid #08d9ea4d}.beta-video-frame{z-index:1;aspect-ratio:16/9;background:#020a12;border:1px solid #ffffff29;border-radius:22px;justify-self:end;width:100%;position:relative;overflow:hidden}.beta-video-frame:after{content:"";border-radius:inherit;pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #ffffff0f}.beta-video-frame video{object-fit:cover;width:100%;height:100%}.beta-video-frame>span{background:var(--cyan);width:58px;height:2px;position:absolute;bottom:20px;right:22px}.questions{grid-template-columns:minmax(300px,.72fr) minmax(540px,1.28fr);align-items:start;gap:92px;padding-top:126px;padding-bottom:126px;display:grid}.accordion{border-top:1px solid var(--line)}.accordion details{border-bottom:1px solid var(--line)}.accordion summary{min-height:70px;color:var(--navy);cursor:pointer;align-items:center;padding:0 42px 0 0;font-size:.86rem;list-style:none;display:flex}.accordion summary::-webkit-details-marker{display:none}.accordion summary:after{content:"+";color:var(--cyan-deep);font-size:1.25rem;font-weight:300;position:absolute;right:4px}.accordion details{position:relative}.accordion details[open] summary:after{content:"−"}.accordion details p{max-width:630px;color:var(--muted);padding:0 38px 24px 0;font-size:.76rem}.final-cta{background:radial-gradient(circle at 50% 100%, #08d9ea42, transparent 47%), var(--navy);min-height:510px;color:var(--white);text-align:center;border-radius:26px;flex-direction:column;justify-content:center;align-items:center;margin-bottom:80px;padding:70px;display:flex;position:relative;overflow:hidden}.final-cta:before{content:"";opacity:.17;background-image:linear-gradient(#ffffff14 1px,#0000 1px),linear-gradient(90deg,#ffffff14 1px,#0000 1px);background-size:72px 72px;position:absolute;inset:0;mask-image:radial-gradient(circle,#000,#0000 72%)}.final-cta>*{z-index:1;position:relative}.final-cta>img{width:54px;height:54px;margin-bottom:24px}.final-cta h2{max-width:780px}.final-cta>p:not(.kicker){color:#b8c4cf;margin-top:20px;font-size:.89rem}.final-cta .button{margin-top:28px}.site-footer{border-top:1px solid var(--line);padding:40px 0 34px}.footer-grid{grid-template-columns:1fr 1fr auto;align-items:center;gap:30px;display:grid}.footer-brand img{width:145px;height:auto}.footer-grid>p{color:var(--faint);font-size:.66rem}.footer-links{gap:24px;display:flex}.copyright{border-top:1px solid var(--line-soft);grid-column:1/-1;padding-top:24px}.device-dialog{background:var(--white);width:min(100% - 32px,860px);color:var(--navy);border:0;border-radius:22px;padding:0;overflow:hidden}.device-dialog::backdrop{backdrop-filter:blur(7px);background:#030b16b8}.device-dialog[open]{animation:dialog-in .3s var(--ease) both;grid-template-columns:minmax(250px,.72fr) minmax(390px,1.28fr);display:grid}.device-dialog-visual{background:radial-gradient(circle at 55% 40%,#08d9eabd,#0000 28%),linear-gradient(145deg,#081b2e,#123e4a);place-items:center;min-height:470px;display:grid;position:relative;overflow:hidden}.device-dialog-visual:before,.device-dialog-visual:after{content:"";border:1px solid #ffffff1f;border-radius:50%;position:absolute}.device-dialog-visual:before{width:320px;height:320px}.device-dialog-visual:after{width:220px;height:220px}.device-dialog-visual img{z-index:2;width:58px;height:58px;position:relative}.device-dialog-copy{align-self:center;padding:62px 58px;position:relative}.dialog-close{position:absolute;top:22px;right:22px}.device-dialog-copy h2{max-width:520px;margin-top:18px;font-size:clamp(2rem,3.2vw,3.15rem)}.device-dialog-copy>p:not(.kicker){color:var(--muted);margin-top:22px;font-size:.82rem}.dialog-actions{align-items:center;gap:18px;margin-top:30px;display:flex}.reveal{opacity:1;transform:none}.js .reveal{opacity:0;transform:translateY(22px)}.js .reveal.is-visible{opacity:1;transition:opacity .7s var(--ease), transform .7s var(--ease);transform:translateY(0)}@keyframes dialog-in{0%{opacity:0;transform:translateY(14px)scale(.985)}}@media (width<=1120px){:root{--header-height:70px}.section-shell,.nav-shell{width:min(calc(100% - 36px), var(--content))}.nav-shell{grid-template-columns:minmax(150px,1fr) auto minmax(150px,1fr);gap:20px}.main-nav{gap:22px}.hero{grid-template-columns:minmax(0,.92fr) minmax(440px,1.08fr);gap:30px;min-height:790px;padding-top:124px}.hero-stage{min-height:590px}.hero-signal-top{right:0}.hero-signal-bottom{left:0}.hero-ready{right:0}.chart-scroll{grid-template-columns:minmax(210px,.48fr) minmax(560px,1.52fr);gap:26px}.chart-sticky{height:min(710px,100vh - 108px)}.beta-shell{gap:52px}}@media (width<=900px){.nav-shell{grid-template-columns:1fr auto auto}.brand-full{display:none}.brand-icon-wrap{display:inline-flex}.menu-toggle{order:2;display:inline-grid}.nav-download{order:1}.main-nav{border:1px solid var(--line);background:var(--white);border-radius:14px;flex-direction:column;align-items:stretch;gap:0;padding:14px;display:none;position:absolute;top:calc(100% + 8px);left:18px;right:18px}.main-nav.is-open{display:flex}.main-nav a{padding:12px 8px}.main-nav a:after{display:none}.hero{grid-template-rows:auto auto auto;grid-template-columns:1fr;gap:36px;min-height:auto;padding-top:130px;padding-bottom:76px}.hero-copy{width:min(100%,720px)}.hero-copy h1{font-size:clamp(3.4rem,10vw,5.5rem)}.hero-stage{width:min(100%,700px);min-height:690px;margin-inline:auto}.song-sheet{width:min(69%,450px)}.hero-proof{margin-top:12px}.benefits{padding-top:104px;padding-bottom:105px}.split-heading{grid-template-columns:1fr;gap:26px}.benefit-grid{grid-template-columns:1fr}.benefit-card{min-height:330px}.steps-row{grid-template-columns:1fr;gap:20px;padding:28px 0}.steps-row>svg{margin-left:14px;transform:rotate(90deg)}.chart-collection{padding-top:104px}.chart-scroll{grid-template-columns:minmax(180px,.42fr) minmax(470px,1.58fr);gap:18px}.chart-sticky{height:min(650px,100vh - 100px);top:84px}.chart-slide{height:82%}.chart-step{min-height:68vh}.chart-step h3{font-size:2rem}.collection-cta{padding:42px}.beta-shell{grid-template-columns:1fr;gap:58px;min-height:auto;padding:104px 0}.plan-grid{max-width:680px}.questions{grid-template-columns:1fr;gap:52px;padding-top:105px;padding-bottom:105px}.footer-grid{grid-template-columns:1fr auto}.footer-grid>p:not(.copyright){grid-column:1/-1}}@media (width<=640px){:root{--header-height:66px}body{font-size:15px}.section-shell,.nav-shell{width:min(calc(100% - 28px), var(--content))}.nav-shell{gap:9px}.brand-icon-wrap{width:36px;height:36px}.nav-download{min-height:38px;padding:0 12px}.nav-download span{display:none}.hero{padding-top:108px;padding-bottom:65px}.hero-copy h1{margin-top:21px;font-size:clamp(3rem,14vw,4.1rem)}.hero-lead{margin-top:21px;font-size:.87rem}.hero-actions{flex-direction:column;align-items:flex-start;gap:15px;margin-top:25px}.hero-stage{min-height:550px;overflow:clip}.hero-grid-pattern{inset-inline:-14px}.song-sheet{border-radius:16px;width:min(79%,360px)}.hero-signal{border-radius:10px;min-width:100px;padding:12px 13px}.hero-signal .signal-content>span{font-size:1.18rem}.hero-signal .signal-content>small{font-size:.47rem}.hero-signal-top{top:13%}.hero-signal-bottom{bottom:22%}.hero-ready{max-width:230px;padding:10px 12px;font-size:.54rem;bottom:15%;right:0}.hero-ready svg{width:15px;height:15px}.hero-drag-cursor{display:block;right:5%;transform:scale(.82)}.hero-stage.is-sequencing .song-sheet{animation-duration:1.72s}.beta-video-frame{border-radius:16px}.hero-proof{grid-template-columns:1fr;margin-top:0}.hero-proof p{padding:15px 6px}.hero-proof p+p{border-top:1px solid var(--line);border-left:0}.section-heading h2,.split-heading h2,.collection-intro h2,.beta-copy h2,.questions-heading h2,.final-cta h2{font-size:clamp(2.55rem,12vw,3.6rem)}.benefits,.chart-collection,.questions{padding-top:86px;padding-bottom:86px}.benefit-grid{margin-top:45px}.benefit-card{min-height:310px;padding:24px}.chart-collection{padding-bottom:35px}.collection-intro{text-align:left}.collection-intro .kicker,.collection-intro>p:last-child{margin-left:0}.chart-scroll{grid-template-rows:1fr;grid-template-columns:1fr;gap:0;width:100%;margin-top:42px}.chart-sticky{grid-area:1/1;height:calc(100svh - 84px);min-height:560px;top:72px}.chart-viewer{border-radius:17px}.chart-slide{aspect-ratio:1391/1800;border-radius:14px;width:74%;height:auto}.chart-slide img{width:100%;height:100%}.chart-slide.is-prev{transform:translate(-95%,-48%)rotate(-5deg)scale(.9)}.chart-slide.is-next{transform:translate(-5%,-48%)rotate(5deg)scale(.9)}.viewer-metric{min-width:86px;padding:10px}.viewer-metric>span{font-size:.98rem}.viewer-metric-key{bottom:18px;left:14px}.viewer-metric-bpm{top:14px;right:14px}.viewer-progress{bottom:25px;left:118px;right:14px}.viewer-count{bottom:13px;right:14px}.chart-steps{z-index:6;pointer-events:none;grid-area:1/1;padding-top:54vh;position:relative}.chart-step{justify-content:flex-end;min-height:72vh;padding:0 18px 28px}.chart-step>*{width:fit-content;max-width:min(100%,330px)}.chart-step>p,.chart-step>h3,.chart-step>div{z-index:1;position:relative}.chart-step:before{content:"";border:1px solid var(--line);backdrop-filter:blur(12px);background:#fffffff0;border-radius:13px;height:215px;position:absolute;bottom:14px;left:12px;right:12px}.chart-step h3{font-size:1.8rem}.chart-step>p:last-child{font-size:.69rem}.collection-cta{flex-direction:column;justify-content:center;align-items:flex-start;gap:26px;min-height:330px;margin-top:28px;padding:36px 25px}.collection-cta h3{font-size:2.35rem}.beta-shell{padding:86px 0}.beta-actions{flex-direction:column;align-items:flex-start}.plan-grid{grid-template-columns:1fr}.plan-card{min-height:365px;padding:25px}.questions{gap:40px}.final-cta{border-radius:19px;width:calc(100% - 28px);min-height:480px;margin-bottom:60px;padding:52px 24px}.footer-grid{grid-template-columns:1fr}.footer-links{flex-wrap:wrap}.copyright{grid-column:auto}.device-dialog{width:min(100% - 20px,560px);max-height:calc(100dvh - 20px)}.device-dialog[open]{grid-template-columns:1fr}.device-dialog-visual{min-height:175px}.device-dialog-visual:before{width:220px;height:220px}.device-dialog-visual:after{width:130px;height:130px}.device-dialog-visual img{width:48px;height:48px}.device-dialog-copy{padding:38px 25px 30px}.dialog-close{top:14px;right:14px}.device-dialog-copy h2{padding-right:32px}.dialog-actions{flex-direction:column;align-items:flex-start}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.js .reveal{opacity:1;transform:none}}