:root{color:#191816;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f3f1ea;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0}#root{min-height:100vh}button:focus-visible,.drop-zone:focus-visible,input:focus-visible{outline-offset:2px;outline:2px solid #0f766e}.starter-library{--library-ink:#12161b;--library-radius:335px;--library-card-width:220px;--library-card-height:298px;isolation:isolate;color:var(--library-ink);background:radial-gradient(at 50% 70%,#39b8ff2e,#0000 50%),radial-gradient(at 15% 20%,#c9a35a1f,#0000 40%),linear-gradient(#fbf8f1,#eef6fb 60%,#fbf8f1);border-bottom:1px solid #12161b14;padding:clamp(48px,6vw,84px) clamp(20px,5vw,80px) 38px;position:relative;overflow:hidden}.starter-library-heading{z-index:1;grid-template-columns:1.1fr 1fr;align-items:end;gap:64px;max-width:1260px;margin:0 auto;display:grid;position:relative}.starter-library-heading h2{max-width:650px;font-family:var(--display);letter-spacing:-.02em;margin:0;font-size:clamp(2.2rem,4.4vw,3.8rem);font-weight:500;line-height:1.04}.starter-library-intro{color:#59626d;max-width:530px;margin:0 0 3px;font-size:1.08rem;line-height:1.7}.starter-library-experience{position:relative}.starter-library-stage{perspective:1500px;perspective-origin:50% 47%;width:100%;height:470px;position:relative}.starter-library-floor{background:radial-gradient(#0594df26,#39b8ff12 45%,#0000 70%);border-radius:50%;width:min(100%,850px);height:180px;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}.starter-library-floor:before,.starter-library-floor:after{content:"";border:1px solid #0594df30;border-radius:50%;position:absolute;inset:22px 2%}.starter-library-floor:after{border-color:#c9a35a40;inset:40px 12%}.starter-library-orbit{width:var(--library-card-width);height:var(--library-card-height);margin:calc(var(--library-card-height) / -2) 0 0 calc(var(--library-card-width) / -2);transform-style:preserve-3d;padding:0;list-style:none;animation:64s linear infinite library-spin;position:absolute;top:50%;left:50%}.starter-library-stage:hover .starter-library-orbit,.starter-library[data-viewing] .starter-library-orbit{animation-play-state:paused}@keyframes library-spin{0%{transform:rotateY(0)}to{transform:rotateY(-360deg)}}.starter-library-open{z-index:2;border-radius:inherit;cursor:pointer;background:0 0;border:0;width:100%;padding:0;position:absolute;inset:0}.starter-library-cover{transition:transform .25s,box-shadow .25s}.starter-library-book:hover .starter-library-cover{transform:translateY(-8px)}.starter-library-book{transform:rotateY(var(--book-angle)) translateZ(var(--library-radius));backface-visibility:hidden;position:absolute;inset:0}.starter-library-cover{--book-ink:#04639d;--book-wash:#0594df;--book-shine:#c9a35a;height:100%;color:var(--book-ink);background:linear-gradient(90deg,#d8d0bf80,#0000 4% 95%,#fffefb80),linear-gradient(145deg,#fffdf8,#f2ede2);border:1px solid #fffefa;border-radius:4px 10px 10px 4px;padding:18px 20px 18px 24px;position:relative;overflow:hidden;box-shadow:-5px 5px #d9d2c2,-6px 6px #fbf8f1,-8px 9px #b3aa96,0 26px 36px #12161b2e}.starter-library-cover:before{content:"";border-left:1px solid #12161b20;position:absolute;top:0;bottom:0;left:11px;box-shadow:2px 0 2px #fffefa}.starter-library-cover:after{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(125deg,#fffefa45,#0000 38%,#34665a08);position:absolute;inset:0}.starter-library-book-gold .starter-library-cover{--book-ink:#6d5222;--book-wash:#c9a35a;--book-shine:#0594df}.starter-library-book-blue .starter-library-cover{--book-ink:#12161b;--book-wash:#12161b;--book-shine:#39b8ff}.starter-library-book-sage .starter-library-cover{--book-ink:#7d1f2c;--book-wash:#7d1f2c;--book-shine:#c9a35a}.starter-library-cover-top{letter-spacing:.2em;justify-content:space-between;font-size:.56rem;font-weight:800;display:flex}.starter-library-cover-top>span:last-child{letter-spacing:.06em;color:#8a929c}.starter-library-cover-art{border-bottom:2px solid var(--book-shine);background:repeating-linear-gradient(#0000 0 30px,#12161b38 30px 31px,#0000 31px 40px,#12161b38 40px 41px,#0000 41px 50px,#12161b38 50px 51px,#0000 51px 60px,#12161b38 60px 61px,#0000 61px 70px,#12161b38 70px 71px,#0000 71px 118px);height:118px;position:absolute;top:44px;left:24px;right:17px;overflow:hidden}.cover-clef{color:var(--book-ink);font-family:Noto Music,Bravura,Apple Symbols,Segoe UI Symbol,serif;font-size:74px;line-height:1;position:absolute;top:14px;left:-2px}.cover-initials{font-family:var(--display,Georgia, serif);letter-spacing:-.04em;color:var(--book-wash);opacity:.9;font-size:46px;font-style:italic;line-height:1;position:absolute;bottom:4px;right:0}.cover-notes>i{background:var(--book-ink);border-radius:50%;width:11px;height:8px;position:absolute;transform:rotate(-20deg)}.cover-notes>i:after{content:"";background:var(--book-ink);width:1.5px;height:26px;position:absolute;bottom:4px;right:0}.cover-notes>i:first-child{top:61px;left:52px}.cover-notes>i:nth-child(2){background:var(--book-wash);top:51px;left:74px}.cover-notes>i:nth-child(3){top:41px;left:96px}.cover-notes>i:nth-child(4){top:56px;left:118px}.starter-library-cover-copy{flex-direction:column;display:flex;position:absolute;inset:176px 17px 17px 24px}.starter-library-cover-copy p{margin:0 0 7px;font-size:.62rem;line-height:1.3}.starter-library-cover-copy h3{font-family:var(--display,Georgia, serif);letter-spacing:-.03em;margin:0;font-size:1.32rem;font-weight:500;line-height:1.13}.starter-library-cover-copy>span{text-transform:uppercase;letter-spacing:.16em;margin-top:auto;padding-top:8px;font-size:.49rem}.starter-library-piece-list{flex-wrap:wrap;justify-content:center;gap:4px 10px;margin:20px auto 28px;display:flex}.starter-library-piece-list button{color:#59626d;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:50px;min-height:44px;padding:0 12px;font-size:.77rem}.starter-library-piece-list button:hover{color:#12161b;background:#ffffffa6;border-color:#0594df50}.starter-library-piece-list button:focus-visible{outline-offset:4px;outline:3px solid #0594df}.starter-library-piece-list button:hover{color:#0594df}.starter-library-bottom{border-top:1px solid #12161b20;justify-content:space-between;align-items:center;gap:20px;max-width:1260px;margin:0 auto;padding-top:25px;display:flex}.starter-library-included{color:#59626d;align-items:center;gap:9px;font-size:.78rem;display:inline-flex}.starter-library-included>i{background:#0594df;border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 4px #0594df13}.starter-library-bottom a{align-items:center;gap:10px;min-height:44px;font-size:.84rem;font-weight:700;display:inline-flex}.starter-library-bottom a:hover{color:#0594df}@media (width<=900px){.starter-library{--library-radius:285px;--library-card-width:200px;--library-card-height:280px}.starter-library-heading{grid-template-columns:1fr;gap:24px}.starter-library-intro{max-width:650px}.starter-library-stage{perspective:1500px;height:430px}.starter-library-cover-copy{top:165px}.starter-library-cover-art{height:110px}.starter-library-cover-copy h3{font-size:1.2rem}}@media (width<=520px){.starter-library{--library-radius:240px;--library-card-width:180px;--library-card-height:260px;padding-bottom:24px}.starter-library-heading h2{max-width:370px}.starter-library-intro{font-size:.94rem;line-height:1.75}.starter-library-stage{perspective:1450px;width:calc(100% + 40px);height:390px;margin-left:-20px}.starter-library-cover{padding-left:21px;padding-right:14px}.starter-library-cover-art{height:103px;top:39px;left:21px;right:13px}.starter-library-cover-copy{inset:153px 13px 15px 21px}.starter-library-cover-copy h3{font-size:1.1rem}.starter-library-cover-copy p{font-size:.57rem}.starter-library-piece-list{gap:0 3px;margin:12px -8px 20px}.starter-library-piece-list button{padding:0 9px;font-size:.72rem}.starter-library-bottom{flex-direction:column;align-items:flex-start;gap:6px}}@media (prefers-reduced-motion:reduce){.starter-library-stage{perspective:none;width:100%;height:auto;margin:36px 0 24px}.starter-library-orbit{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;width:auto;max-width:1040px;height:auto;margin:0 auto;transition:none;animation:none;display:grid;position:static;transform:none}.starter-library-book{justify-self:center;width:100%;max-width:230px;height:298px;position:relative;inset:auto;transform:none}}@media (prefers-reduced-motion:reduce) and (width<=1000px){.starter-library-orbit{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (prefers-reduced-motion:reduce) and (width<=520px){.starter-library-orbit{gap:18px}.starter-library-book{height:260px}.starter-library-cover{padding-left:15px}.starter-library-cover:before{left:7px}.starter-library-cover-top{letter-spacing:.14em;font-size:.5rem}.starter-library-cover-art,.starter-library-cover-copy{left:15px;right:9px}.starter-library-cover-copy h3{font-size:1rem}}@media (prefers-reduced-motion:reduce) and (width<=380px){.starter-library-orbit{grid-template-columns:1fr}.starter-library-book{max-width:220px}}.score-viewer{color:#12161b;background:#fffdf8;border:0;border-radius:22px;width:min(920px,100vw - 24px);max-width:none;height:min(92vh,1100px);max-height:none;padding:0;overflow:hidden;box-shadow:0 40px 120px #0b0e1299}.score-viewer::backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0b0e12b8}.score-viewer[open]{animation:.28s ease-out viewer-in}.score-viewer-panel{flex-direction:column;height:100%;display:flex}.score-viewer header{border-bottom:1px solid #12161b14;justify-content:space-between;align-items:center;gap:16px;padding:18px 22px;display:flex}.score-viewer header p{color:#59626d;margin:0 0 4px;font-size:.8rem}.score-viewer header h3{font-family:var(--display,Georgia, serif);margin:0;font-size:clamp(1.3rem,2.4vw,1.7rem);font-weight:500}.score-viewer-close{color:#12161b;cursor:pointer;background:#fff;border:1px solid #12161b1f;border-radius:50%;flex:none;place-items:center;width:44px;height:44px;display:grid}.score-viewer-close:hover{color:#0594df;border-color:#0594df}.score-viewer-pages{overscroll-behavior:contain;background:#ebe6db;flex:1;justify-items:center;gap:18px;padding:22px;display:grid;overflow-y:auto}.score-viewer-pages img{background:#fff;border-radius:4px;width:100%;max-width:860px;height:auto;display:block;box-shadow:0 6px 22px #12161b26}.score-viewer footer{color:#59626d;border-top:1px solid #12161b14;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 20px;padding:14px 22px;font-size:.82rem;display:flex}.score-viewer footer p{max-width:520px;margin:0;line-height:1.5}.score-viewer footer div{flex-wrap:wrap;align-items:center;gap:8px 18px;display:flex}.score-viewer footer a{color:#04639d;text-underline-offset:3px;font-weight:650;text-decoration:underline}.score-viewer .score-viewer-pdf{color:#fbf8f1;background:#0b0e12;border-radius:10px;align-items:center;gap:6px;padding:10px 14px;text-decoration:none;display:inline-flex}@keyframes viewer-in{0%{opacity:0;transform:translateY(14px)scale(.98)}to{opacity:1;transform:none}}@media (width<=560px){.score-viewer{border-radius:18px;height:88vh}.score-viewer header,.score-viewer footer{padding-inline:16px}}@media (prefers-reduced-motion:reduce){.score-viewer[open]{animation:none}}.marketing-page{--ebony:#0b0e12;--ebony-2:#141a21;--ebony-3:#1d252e;--ivory:#fbf8f1;--paper:#f3eee3;--paper-2:#ebe4d5;--ink:#12161b;--muted:#59626d;--line:#12161b17;--sonira:#0594df;--sonira-bright:#39b8ff;--sonira-deep:#04639d;--sonira-ice:#dff2fd;--brass:#c9a35a;--felt:#7d1f2c;--gutter:clamp(16px, 5vw, 80px);--display:"Fraunces", "Iowan Old Style", "Palatino Linotype", Georgia, serif;background:var(--ivory);min-height:100vh;color:var(--ink);-webkit-font-smoothing:antialiased;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow-x:clip}.marketing-page a{color:inherit;text-decoration:none}.marketing-page h1,.marketing-page h2,.marketing-page h3{text-wrap:balance}.marketing-page p{text-wrap:pretty}.marketing-page a:focus-visible,.marketing-page summary:focus-visible,.marketing-page button:focus-visible{outline:3px solid var(--sonira-bright);outline-offset:4px;border-radius:6px}.eyebrow{color:var(--sonira-deep);letter-spacing:.16em;text-transform:uppercase;margin:0 0 16px;font-size:.76rem;font-weight:800}.eyebrow-light{color:var(--sonira-bright)}.section-head{max-width:640px}.section-head h2{font-family:var(--display);letter-spacing:-.02em;font-variation-settings:"opsz" 144;margin:0;font-size:clamp(2.2rem,4.6vw,3.9rem);font-weight:500;line-height:1.04}.section-head>p:not(.eyebrow){color:var(--muted);margin:22px 0 0;font-size:clamp(1.05rem,1.5vw,1.2rem);line-height:1.6}.section-head-center{text-align:center;max-width:820px;margin:0 auto}.store-button{white-space:nowrap;border-radius:14px;align-items:center;gap:10px;min-height:54px;padding:0 24px;font-size:1rem;font-weight:700;transition:transform .2s,box-shadow .2s,background .2s;display:inline-flex}.store-button:hover{transform:translateY(-2px)}.marketing-page .store-button-light{background:var(--ivory);color:var(--ebony);box-shadow:0 10px 30px #0005,inset 0 -2px #d8d0bf}.marketing-page .store-button-dark{background:var(--ebony);color:var(--ivory);box-shadow:0 10px 26px #0b0e1240}.apple-mark{flex:none;width:17px;height:20px}.ghost-button{min-height:54px;color:var(--ivory);border:1px solid #fbf8f13a;border-radius:14px;align-items:center;gap:8px;padding:0 20px;font-weight:600;transition:background .2s;display:inline-flex}.ghost-button:hover{background:#fbf8f112}.marketing-page .marketing-primary-button{background:var(--ebony);min-height:48px;color:var(--ivory);border-radius:12px;align-items:center;gap:8px;padding:0 20px;font-weight:700;display:inline-flex}.marketing-primary-button svg{width:18px;height:18px}.marketing-nav{z-index:5;padding:22px var(--gutter);justify-content:space-between;align-items:center;gap:20px;display:flex;position:relative}.marketing-brand{letter-spacing:-.01em;align-items:center;gap:11px;font-size:1.05rem;font-weight:750;display:inline-flex}.marketing-brand img{border-radius:10px;width:40px;height:40px;box-shadow:0 6px 18px #0000002e}.marketing-nav-actions{align-items:center;gap:26px;font-size:.94rem;font-weight:600;display:flex}.nav-link{opacity:.74;transition:opacity .2s}.nav-link:hover{opacity:1}.marketing-nav-dark{color:var(--ivory)}.marketing-nav-light{color:var(--ink)}.marketing-page .marketing-nav-button{border-radius:11px;align-items:center;gap:8px;min-height:44px;padding:0 16px;font-weight:700;display:inline-flex}.marketing-nav-dark .marketing-nav-button{background:var(--ivory);color:var(--ebony)}.marketing-nav-light .marketing-nav-button{background:var(--ebony);color:var(--ivory)}.marketing-nav-button svg{width:15px;height:18px}.marketing-language{position:relative}.marketing-language summary{cursor:pointer;opacity:.8;align-items:center;gap:6px;min-height:44px;list-style:none;display:flex}.marketing-language summary::-webkit-details-marker{display:none}.marketing-language ul{z-index:20;background:var(--ivory);min-width:220px;color:var(--ink);border:1px solid var(--line);border-radius:14px;margin:6px 0;padding:8px;list-style:none;position:absolute;right:0;box-shadow:0 24px 60px #0b0e1235}.marketing-language li a{border-radius:8px;justify-content:space-between;align-items:center;padding:10px 12px;display:flex}.marketing-language li a:hover,.marketing-language li a[aria-current]{background:var(--sonira-ice)}.hero{min-height:min(100svh,980px);color:var(--ivory);background:radial-gradient(ellipse at 78% 40%, #0d2a40 0%, transparent 55%), var(--ebony);isolation:isolate;grid-template-rows:auto 1fr auto;display:grid;position:relative;overflow:hidden}.hero-body{padding:clamp(32px, 7vh, 96px) var(--gutter) clamp(64px, 10vh, 120px);box-sizing:border-box;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:center;gap:clamp(32px,6vw,104px);width:100%;max-width:1480px;margin:0 auto;display:grid}.hero-copy{max-width:540px}.hero h1{font-family:var(--display);letter-spacing:-.03em;font-variation-settings:"opsz" 144;color:var(--ivory);margin:0;font-size:clamp(3rem,5.4vw,5.6rem);font-weight:400;line-height:.96}.hero-kicker{letter-spacing:.2em;text-transform:uppercase;color:var(--sonira-bright);align-items:center;gap:10px;margin-bottom:28px;font:600 .8rem/1 ui-monospace,SF Mono,Menlo,monospace;display:flex}.hero-kicker:before{content:"";background:var(--sonira-bright);width:7px;height:7px;box-shadow:0 0 12px var(--sonira-bright);border-radius:50%}.hero-intro{color:#fbf8f1a8;max-width:450px;margin:30px 0 0;font-size:clamp(1.05rem,1.35vw,1.18rem);line-height:1.6}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:38px;display:flex}.hero .ghost-button{background:#fbf8f108}.hero-note{letter-spacing:.12em;text-transform:uppercase;color:#fbf8f170;margin:24px 0 0;font:500 .76rem/1 ui-monospace,SF Mono,Menlo,monospace}.hero-visual{aspect-ratio:1/.82;position:relative}.hero-photo-card{border-radius:26px;width:74%;margin:0;position:absolute;top:0;right:0;overflow:hidden;box-shadow:0 40px 90px #00000080,0 0 0 1px #fbf8f11f}.hero-photo-card img{aspect-ratio:4/3;object-fit:cover;object-position:55% 50%;width:100%;height:auto;display:block}.hero-ipad{background:linear-gradient(145deg,#2c333c,#07090c);border-radius:30px;width:47%;padding:10px;position:absolute;bottom:0;left:0;box-shadow:0 44px 80px #000000a0,0 0 0 1px #000,inset 0 0 0 1.5px #ffffff24}.hero-ipad-screen{border-radius:21px;position:relative;overflow:hidden}.hero-ipad-screen>img{width:100%;height:auto;display:block}.note-hit{aspect-ratio:1.38;background:#009ff0;border-radius:50%;width:1.55%;animation:.56s ease-out note-hit;position:absolute;transform:translate(-50%,-50%)rotate(-20deg);box-shadow:0 0 0 1px #009ff0,0 0 10px 2px #39b8ffb3}.key-hit{mix-blend-mode:multiply;background:linear-gradient(#8fd8ff,#009ff0);border-radius:0 0 3px 3px;position:absolute;box-shadow:0 0 12px #39b8ffcc}.key-hit-black{mix-blend-mode:normal;background:linear-gradient(#0567a8,#009ff0)}.hero-hud{z-index:2;min-width:168px;color:var(--ivory);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;background:#0b1622eb;border:1px solid #39b8ff4d;border-radius:13px;align-items:center;gap:10px;padding:10px 14px 10px 12px;font:600 .72rem/1 ui-monospace,SF Mono,Menlo,monospace;display:inline-flex;position:absolute;top:-20px;right:-26px;box-shadow:0 16px 36px #12161b55,0 0 26px #0594df2e}.hero-hud strong{min-width:3ch;color:var(--sonira-bright);letter-spacing:.02em;text-transform:none;margin-left:auto;font-size:.86rem}.hud-wave{align-items:center;gap:3px;height:18px;display:flex}.hud-wave i{background:var(--sonira-bright);border-radius:2px;width:3px;height:100%;transition:transform .2s;transform:scaleY(.3);box-shadow:0 0 8px #39b8ff}.hud-wave[data-active] i{animation:1.1s ease-in-out infinite wave}.hud-wave i:nth-child(2){animation-delay:-.2s}.hud-wave i:nth-child(3){animation-delay:-.45s}.hud-wave i:nth-child(4){animation-delay:-.7s}.hud-wave i:nth-child(5){animation-delay:-.9s}.hero-keys{border-top:10px solid #050608;height:clamp(84px,10vw,140px);position:relative;box-shadow:0 -1px #39b8ff40}.piano-keys{-webkit-user-select:none;user-select:none;touch-action:manipulation;width:100%;height:100%;position:relative}.piano-keys:before{content:"";z-index:3;background:linear-gradient(var(--felt), #5a1520);pointer-events:none;height:5px;position:absolute;top:0;left:0;right:0}.piano-keys-white{height:100%;display:flex}.piano-key{cursor:pointer;transition:background .12s,box-shadow .12s,transform .12s}.piano-key-white{background:linear-gradient(#e9e3d6 0%,#fdfbf6 18%,#f4efe5 100%);border-right:1px solid #b9b1a2;border-radius:0 0 6px 6px;flex:1;box-shadow:inset 0 -7px #d8d0c0,inset 1px 0 #fff}.piano-key-white:hover{background:linear-gradient(#e9e3d6 0%,#fff 18%,#f8f4ec 100%)}.piano-key-white[data-lit]{box-shadow:inset 0 -4px 0 var(--sonira), 0 0 24px #39b8ff66;background:linear-gradient(#bfe6fb 0%,#e8f6fe 30%,#8ed4fa 100%)}.piano-keys-black{pointer-events:none;height:62%;position:absolute;inset:0 0 auto}.piano-key-black{height:100%;top:0;left:calc((var(--key-index) + 1) / var(--white-count) * 100%);width:calc(100% / var(--white-count) * .6);pointer-events:auto;background:linear-gradient(#050608 0%,#252b33 82%,#3a424c 100%);border-radius:0 0 5px 5px;position:absolute;transform:translate(-50%);box-shadow:inset 0 -6px #0b0e12,inset 1px 0 #ffffff14,0 4px 6px #0000006b}.piano-key-black[data-lit]{background:linear-gradient(180deg, #04395c 0%, var(--sonira) 82%, var(--sonira-bright) 100%);box-shadow:0 0 22px #39b8ff88}.proof-strip{background:var(--sonira);color:#fff;border-block:1px solid #fff2;overflow:hidden}.proof-track{width:max-content;animation:38s linear infinite marquee;display:flex}.proof-track span{font-family:var(--display);white-space:nowrap;align-items:center;gap:28px;padding:16px 0 16px 28px;font-size:clamp(1.05rem,1.6vw,1.3rem);font-style:italic;display:inline-flex}.proof-track span:after{content:"♩";opacity:.6;font-style:normal}.clutter{padding:clamp(72px, 10vw, 140px) var(--gutter);background:repeating-linear-gradient(180deg, transparent 0 46px, #12161b08 46px 47px), var(--ivory);grid-template-columns:minmax(280px,.72fr) 1.28fr;align-items:center;gap:clamp(36px,6vw,96px);display:grid}.clutter-carry{font-family:var(--display);font-style:italic;color:var(--ink)!important;font-size:clamp(1.15rem,1.8vw,1.4rem)!important}.clutter-stage{grid-template-columns:.9fr auto 1.25fr;align-items:center;gap:18px;display:grid}.clutter-pile{height:380px;position:relative}.paper{color:#3d444d;overflow-wrap:anywhere;background:#fff repeating-linear-gradient(#0000 0 62px,#12161b14 62px 63px,#0000 63px 66px,#12161b14 66px 67px,#0000 67px 70px,#12161b14 70px 71px);border:1px solid #12161b14;border-radius:4px;flex-direction:column;gap:10px;width:min(220px,90%);padding:14px 14px 46px;font:600 .76rem/1.35 ui-monospace,SF Mono,Menlo,monospace;display:flex;position:absolute;left:50%;box-shadow:0 10px 24px #12161b1f}.paper b{letter-spacing:.06em;color:#fff;background:#8b939d;border-radius:5px;align-self:flex-start;padding:3px 7px;font-size:.66rem}.paper-0{top:8px;transform:translate(-62%)rotate(-9deg)}.paper-0 b,.paper-2 b,.paper-3 b{background:#c2453b}.paper-1{top:70px;transform:translate(-30%)rotate(7deg)}.paper-1 b,.paper-5 b{background:#8a6bbf}.paper-2{top:128px;transform:translate(-70%)rotate(4deg)}.paper-3{top:176px;transform:translate(-38%)rotate(-6deg)}.paper-4{top:236px;transform:translate(-58%)rotate(-2deg)}.paper-4 b{background:var(--sonira)}.paper-5{top:286px;transform:translate(-34%)rotate(10deg)}.clutter-arrow{background:var(--sonira);color:#fff;border-radius:50%;place-items:center;width:52px;height:52px;display:grid;box-shadow:0 10px 26px #0594df55}.clutter-library{background:#fff;border:1px solid #12161b12;border-radius:24px;padding:22px;box-shadow:0 30px 70px #12161b22}.clutter-library-head{border-bottom:1px solid var(--line);color:var(--sonira-deep);align-items:center;gap:9px;padding-bottom:14px;display:flex}.clutter-library-head strong{color:var(--ink);font-size:1rem}.clutter-library ul{margin:0;padding:0;list-style:none}.clutter-library li{border-bottom:1px solid #12161b0d;grid-template-columns:54px 1fr auto;align-items:center;gap:12px;padding:12px 0;display:grid}.clutter-library li:last-child{border-bottom:0}.mini-staff{background:radial-gradient(circle at 30% 64%, var(--sonira) 0 3.5px, transparent 4px), radial-gradient(circle at 55% 44%, #12161b 0 3.5px, transparent 4px), radial-gradient(circle at 78% 54%, #12161b 0 3.5px, transparent 4px), repeating-linear-gradient(180deg, transparent 0 7px, #12161b40 7px 8px), #fffdf7;background-position:0 0,0 0,0 0,0 3px,0 0;background-size:auto,auto,auto,100% 40px,auto;border:1px solid #0594df2a;border-radius:8px;height:38px}.row-copy{flex-direction:column;min-width:0;display:flex}.row-copy strong{white-space:nowrap;text-overflow:ellipsis;font-size:.92rem;overflow:hidden}.row-copy small{color:var(--muted);margin-top:2px;font-size:.76rem}.row-badge{background:var(--sonira-ice);color:var(--sonira-deep);white-space:nowrap;border-radius:999px;padding:5px 9px;font-size:.7rem;font-weight:750}.how{padding:clamp(72px, 10vw, 140px) var(--gutter);background:linear-gradient(180deg, #fff 0%, var(--paper) 100%);grid-template-columns:1.05fr .95fr;align-items:center;gap:clamp(40px,7vw,110px);display:grid}.how-copy h2{font-family:var(--display);letter-spacing:-.02em;margin:0;font-size:clamp(2.2rem,4.6vw,3.9rem);font-weight:500;line-height:1.04}.movements{gap:30px;margin:44px 0 0;padding:0;list-style:none;display:grid}.movements li{border-top:1px solid var(--line);grid-template-columns:64px 1fr;align-items:start;gap:18px;padding-top:26px;display:grid}.movement-number{font-family:var(--display);color:var(--sonira);font-size:2.3rem;font-style:italic;line-height:1}.movements h3{letter-spacing:-.01em;margin:0 0 8px;font-size:1.25rem}.movements p{color:var(--muted);margin:0;line-height:1.62}.ipad{perspective:1600px;margin:0;position:relative}.ipad-frame{transform-origin:30%;background:linear-gradient(145deg,#2c333c,#0b0e12);border-radius:38px;padding:14px;position:relative;transform:rotateY(-7deg)rotateX(3deg);box-shadow:0 50px 90px #12161b40,0 0 0 1px #00000040,inset 0 0 0 2px #ffffff14}.ipad-frame img{border-radius:26px;width:100%;height:auto;display:block}.ipad-pill{background:var(--ebony);color:var(--ivory);border-radius:999px;align-items:center;gap:8px;padding:10px 16px;font-size:.88rem;font-weight:650;display:inline-flex;position:absolute;top:8%;right:-6px;box-shadow:0 16px 34px #0b0e1250}.ipad-pill i{background:var(--sonira-bright);border-radius:50%;width:8px;height:8px;animation:1.8s ease-out infinite pulse}.formats{padding:clamp(72px, 10vw, 130px) var(--gutter);background:var(--paper)}.format-grid{grid-template-columns:repeat(3,1fr);gap:20px;max-width:1240px;margin:56px auto 0;display:grid}.format-card{background:#fffdf8;border:1px solid #12161b12;border-radius:22px;flex-direction:column;gap:12px;padding:30px 28px 26px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 1px #fff,0 18px 40px #12161b0f}.format-card:before{content:"";background:linear-gradient(90deg, var(--sonira), var(--sonira-bright));height:5px;position:absolute;inset:0 0 auto}.format-card-2:before{background:#c7bfae}.format-label{letter-spacing:.04em;color:var(--sonira-deep);font:700 .74rem/1.3 ui-monospace,SF Mono,Menlo,monospace}.format-card-2 .format-label{color:var(--muted)}.format-card h3{font-family:var(--display);margin:0;font-size:1.65rem;font-weight:500;line-height:1.12}.format-card p{color:var(--muted);margin:0 0 8px;line-height:1.6}.format-cost{background:var(--sonira-ice);color:var(--sonira-deep);border-radius:999px;align-self:flex-start;margin-top:auto;padding:7px 12px;font-size:.8rem;font-weight:750}.format-card-2 .format-cost{background:var(--paper-2);color:var(--muted)}.conversion-note{text-align:center;max-width:860px;color:var(--muted);margin:30px auto 0;font-size:.86rem;line-height:1.6}.practice{padding:clamp(72px, 10vw, 140px) var(--gutter);background:radial-gradient(ellipse at 50% 0%, #11314a 0%, transparent 60%), var(--ebony);color:var(--ivory);position:relative}.practice .section-head h2{color:var(--ivory)}.mode-grid{grid-template-columns:1fr 1fr;gap:22px;max-width:1100px;margin:56px auto 0;display:grid}.mode-card{background:linear-gradient(160deg,#fbf8f10f,#fbf8f104);border:1px solid #fbf8f11c;border-radius:26px;padding:clamp(28px,4vw,44px)}.mode-name{font-family:var(--display);color:var(--sonira-bright);font-size:clamp(3rem,6vw,4.6rem);font-style:italic;line-height:1;display:block}.mode-card h3{margin:18px 0 10px;font-size:1.25rem}.mode-card p{color:#fbf8f1b3;margin:0;font-size:1.04rem;line-height:1.65}.extras{flex-wrap:wrap;justify-content:center;gap:10px;max-width:1000px;margin:36px auto 0;padding:0;list-style:none;display:flex}.extras li{color:#fbf8f1d9;border:1px solid #fbf8f124;border-radius:999px;align-items:center;gap:8px;padding:10px 16px;font-size:.92rem;display:inline-flex}.extras svg{color:var(--sonira-bright)}.pricing{padding:clamp(72px, 10vw, 140px) var(--gutter);background:radial-gradient(ellipse at 50% 100%, #dff2fd 0%, transparent 60%), var(--ivory)}.price-grid{grid-template-columns:1fr 1.12fr 1fr;align-items:stretch;gap:20px;max-width:1200px;margin:56px auto 0;display:grid}.price-card{background:#fff;border:1px solid #12161b12;border-radius:26px;flex-direction:column;padding:32px 28px;display:flex;position:relative;box-shadow:0 20px 50px #12161b10}.price-card h3{margin:0;font-size:1.05rem;font-weight:700}.price{align-items:baseline;gap:10px;margin:16px 0 6px;display:flex}.price strong{font-family:var(--display);letter-spacing:-.02em;font-size:clamp(2.6rem,4vw,3.4rem);font-weight:500;line-height:1}.price span{color:var(--muted);font-weight:600}.price-text{color:var(--muted);margin:6px 0 20px;line-height:1.55}.price-card ul{gap:12px;margin:0 0 24px;padding:0;list-style:none;display:grid}.price-card li{align-items:flex-start;gap:10px;font-size:.96rem;line-height:1.45;display:flex}.price-card li svg{color:var(--sonira);flex:none;margin-top:2px}.price-card-featured{background:linear-gradient(165deg, #18212b, var(--ebony));color:var(--ivory);border-color:#000;transform:translateY(-12px);box-shadow:0 40px 80px #0b0e1240,0 0 0 1px #39b8ff33,0 0 60px #0594df2a}.price-card-featured .price span,.price-card-featured .price-text{color:#fbf8f1a6}.price-card-featured li svg{color:var(--sonira-bright)}.marketing-page .price-card-featured .store-button{background:var(--sonira);color:#fff;justify-content:center;margin-top:auto;box-shadow:0 12px 28px #0594df55}.price-badge{background:var(--brass);color:#1d1608;letter-spacing:.06em;text-transform:uppercase;border-radius:999px;padding:6px 12px;font-size:.74rem;font-weight:800;position:absolute;top:-13px;left:28px}.price-card .pack-list{gap:0;margin-bottom:18px}.pack-list li{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:14px 0;display:flex}.pack-list li:first-child{border-top:1px solid var(--line)}.pack-credits strong{font-family:var(--display);font-size:1.6rem;font-weight:500}.pack-credits{color:var(--muted)}.pack-credits strong{color:var(--ink)}.pack-price{flex-direction:column;align-items:flex-end;display:flex}.pack-price strong{font-size:1.08rem}.pack-price small{color:var(--sonira-deep);font-size:.76rem;font-weight:650}.pack-note{color:var(--muted);margin:auto 0 0;font-size:.84rem;line-height:1.5}.price-note{text-align:center;color:var(--muted);margin:34px auto 0;font-size:.84rem}.duo{padding:clamp(64px, 9vw, 120px) var(--gutter);background:radial-gradient(ellipse at 80% 30%, #39b8ff 0%, transparent 50%), linear-gradient(135deg, #032f4c 0%, var(--sonira-deep) 55%, var(--sonira) 100%);color:#fff;grid-template-columns:1.2fr .8fr;align-items:center;gap:40px;display:grid;overflow:hidden}.duo h2{font-family:var(--display);letter-spacing:-.02em;margin:0;font-size:clamp(2.2rem,4.6vw,3.8rem);font-weight:500;line-height:1.04}.duo-copy p:not(.eyebrow){color:#ffffffd0;max-width:520px;margin:18px 0 0;font-size:1.15rem;line-height:1.6}.duo .eyebrow-light{color:#bfe7ff}.duo-phone{aspect-ratio:9/19;background:linear-gradient(145deg,#1a2129,#050608);border-radius:40px;justify-self:center;width:min(210px,60%);padding:10px;transform:rotate(8deg);box-shadow:0 40px 80px #00000060,inset 0 0 0 2px #ffffff1f}.duo-screen{background:#fffdf7;border-radius:31px;flex-direction:column;justify-content:center;gap:22px;height:100%;padding:20px 14px;display:flex}.duo-screen span{background:repeating-linear-gradient(#12161b55 0 1px,#0000 1px 6px);height:26px;position:relative}.duo-screen span:nth-child(2):after{content:"";border:1.5px solid var(--sonira);background:#39b8ff40;border-radius:4px;width:30%;height:34px;position:absolute;top:-4px;left:20%}.compare-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff14;border:1px solid #ffffff2a;border-radius:20px;grid-column:1/-1;align-items:center;gap:18px;padding:22px 26px;transition:background .2s;display:flex}.compare-card:hover{background:#fff2}.compare-card>span{flex-direction:column;flex:1;gap:4px;display:flex}.compare-card strong{font-size:1.1rem}.compare-card small{color:#ffffffc2;font-size:.92rem;line-height:1.5}.faq{padding:clamp(72px, 10vw, 140px) var(--gutter);background:var(--ivory);grid-template-columns:.8fr 1.2fr;gap:clamp(36px,6vw,96px);display:grid}.faq .section-head{align-self:start;position:sticky;top:32px}.faq-list details{border-bottom:1px solid var(--line)}.faq-list details:first-child{border-top:1px solid var(--line)}.faq-list summary{cursor:pointer;padding:22px 44px 22px 0;font-size:1.1rem;font-weight:650;line-height:1.4;list-style:none;display:block;position:relative}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:"+";color:var(--sonira);font-size:1.6rem;font-weight:300;transition:transform .2s;position:absolute;top:50%;right:4px;transform:translateY(-50%)}.faq-list details[open] summary:after{transform:translateY(-50%)rotate(45deg)}.faq-list p{max-width:720px;color:var(--muted);margin:0 0 24px;line-height:1.7}.final{color:var(--ivory);background:radial-gradient(ellipse at 50% 30%, #12324c 0%, transparent 60%), var(--ebony);text-align:center;grid-template-rows:1fr auto;display:grid;position:relative}.final-copy{padding:clamp(80px, 11vw, 150px) var(--gutter) clamp(56px, 7vw, 90px)}.final h2{max-width:900px;font-family:var(--display);letter-spacing:-.02em;margin:0 auto;font-size:clamp(2.5rem,5.6vw,5rem);font-style:italic;font-weight:450;line-height:1.02}.final-copy p{color:#fbf8f1b8;max-width:560px;margin:22px auto 34px;font-size:1.15rem;line-height:1.6}.final-keys{border-top:12px solid #050608;height:clamp(80px,10vw,130px)}.marketing-footer{padding:34px var(--gutter);color:#fbf8f1a3;background:#050608;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;font-size:.9rem;display:flex}.marketing-footer .marketing-brand{color:var(--ivory)}.marketing-footer .marketing-brand img{border-radius:8px;width:32px;height:32px}.footer-brand p{margin:10px 0 0}.marketing-footer-links{flex-wrap:wrap;gap:8px 22px;display:flex}.marketing-footer-links a{opacity:.85}.marketing-footer-links a:hover{opacity:1;color:var(--ivory)}.info-page .marketing-footer>a.marketing-brand img{width:32px;height:32px}.analytics-controls{z-index:50;position:fixed;bottom:12px;right:12px}.analytics-settings{background:var(--ivory);color:var(--ink);cursor:pointer;font:inherit;border:1px solid #12161b26;border-radius:10px;padding:10px 14px;font-size:.85rem;box-shadow:0 8px 24px #0b0e1226}.analytics-panel{background:var(--ivory);max-width:390px;color:var(--ink);border:1px solid #12161b1f;border-radius:16px;margin-bottom:8px;padding:22px;box-shadow:0 20px 50px #0b0e1240}.analytics-panel p{margin:0 0 12px;line-height:1.6}.analytics-panel>div{gap:10px;margin-top:16px;display:flex}.analytics-panel button{border:1px solid var(--ink);background:var(--paper);color:var(--ink);cursor:pointer;font:inherit;border-radius:10px;padding:10px 14px;font-weight:600}.info-page{background:linear-gradient(180deg, var(--paper) 0%, var(--ivory) 40%)}.info-card{border:1px solid var(--line);background:#fffdf8;border-radius:24px;width:min(860px,100% - 32px);margin:56px auto 90px;padding:clamp(28px,5vw,64px);box-shadow:0 30px 70px #12161b14}.info-card h1{font-family:var(--display);letter-spacing:-.02em;margin:0 0 18px;font-size:clamp(2.6rem,6vw,4.6rem);font-weight:500;line-height:1}.info-card>p:not(.eyebrow),.info-card section p,.info-card li{color:var(--muted);line-height:1.7}.info-card .marketing-primary-button{margin:18px 0 34px}.info-card section{margin-top:34px}.info-card h2{margin:0 0 10px;font-size:1.3rem}.info-card ul{padding-left:22px}.info-updated{font-size:.9rem}.info-trust{background:var(--sonira-ice);color:var(--sonira-deep);border-radius:12px;align-items:center;gap:8px;margin-top:34px;padding:14px;font-weight:700;display:flex}.info-trust svg{width:20px;height:20px}.comparison-page{max-width:1280px;padding:0 var(--gutter);margin:56px auto 90px}.comparison-page h1{max-width:1040px;font-family:var(--display);letter-spacing:-.02em;margin:0 0 26px;font-size:clamp(2.4rem,5vw,4.4rem);font-weight:500;line-height:1.04}.comparison-intro{max-width:970px;color:var(--muted);font-size:1.2rem;line-height:1.65}.comparison-method{max-width:900px;color:var(--muted);margin:22px 0 44px;font-size:.9rem;line-height:1.7}.comparison-table-scroll{border:1px solid var(--line);background:#fffdf8;border-radius:16px;margin:30px 0 48px;overflow-x:auto}.comparison-table{border-collapse:collapse;text-align:left;width:100%;min-width:960px;font-size:.94rem;line-height:1.6}.comparison-table caption{text-align:left;padding:20px;font-size:1.2rem;font-weight:700}.comparison-table th,.comparison-table td{vertical-align:top;border-top:1px solid var(--line);padding:20px}.comparison-table thead{background:var(--ebony);color:var(--ivory)}.comparison-table tbody th{min-width:145px}.comparison-table tbody a,.comparison-page section a:not(.store-button){text-underline-offset:3px;text-decoration:underline}.comparison-sonira{background:var(--sonira-ice)}.comparison-cards{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.comparison-cards>a{border:1px solid var(--line);background:#fffdf8;border-radius:18px;padding:26px;transition:transform .2s,box-shadow .2s}.comparison-cards>a:hover{transform:translateY(-3px);box-shadow:0 18px 40px #12161b14}.comparison-cards h2{font-family:var(--display);margin:0 0 14px;font-size:1.5rem;font-weight:500;line-height:1.2}.comparison-cards p,.comparison-page section p{color:var(--muted);line-height:1.8}.comparison-cards span{color:var(--sonira-deep);align-items:center;gap:8px;font-weight:700;display:flex}.comparison-page>section{max-width:880px;margin:48px 0}.comparison-page section h2{font-family:var(--display);letter-spacing:-.01em;font-size:1.9rem;font-weight:500}.comparison-page section li{margin:12px 0}.comparison-try{background:var(--paper);border-radius:22px;padding:32px}.comparison-try .store-button{margin:8px 0 12px}@keyframes pulse{0%{box-shadow:0 0 #39b8ffaa}to{box-shadow:0 0 0 10px #39b8ff00}}@keyframes wave{0%,to{transform:scaleY(.3)}50%{transform:scaleY(1)}}@keyframes note-hit{0%{opacity:.2;transform:translate(-50%,-50%)rotate(-20deg)scale(1.9)}to{opacity:1;transform:translate(-50%,-50%)rotate(-20deg)scale(1)}}@keyframes marquee{to{transform:translate(-50%)}}@media (width<=1080px){.nav-link{display:none}.clutter,.how,.faq{grid-template-columns:1fr}.faq .section-head{position:static}.format-grid,.price-grid{grid-template-columns:1fr;max-width:560px}.price-card-featured{order:-1;transform:none}.comparison-cards{grid-template-columns:1fr 1fr}.ipad{max-width:560px;margin:0 auto}}@media (width<=860px){.hero{min-height:0}.hero-body{grid-template-columns:1fr;gap:48px;padding-top:16px}.hero-visual{justify-self:center;width:100%;max-width:600px}.clutter-stage{grid-template-columns:1fr}.clutter-pile{height:410px}.clutter-arrow{justify-self:center;transform:rotate(90deg)}.mode-grid,.duo{grid-template-columns:1fr}.duo-phone{display:none}.comparison-cards{grid-template-columns:1fr}.ipad-frame{transform:none}}@media (width<=560px){.marketing-nav{padding-block:16px}.marketing-brand span{font-size:.98rem}.marketing-language summary span,.marketing-nav-button span{display:none}.marketing-nav-actions{gap:10px}.marketing-page .marketing-nav-button{padding:0 13px}.hero-actions{flex-direction:column;align-items:stretch}.store-button,.ghost-button{justify-content:center}.hero-hud{min-width:0;padding:7px 10px 7px 9px;font-size:.62rem;top:-16px;right:-10px}.hero-ipad{border-radius:18px;width:54%;padding:6px}.hero-ipad-screen{border-radius:13px}.paper{width:64%;font-size:.7rem}.movements li{grid-template-columns:44px 1fr}.compare-card{flex-direction:column;align-items:flex-start}.ipad-pill{top:-14px;right:8px}}@media (prefers-reduced-motion:reduce){.hud-wave i,.ipad-pill i,.note-hit{animation:none}.proof-track{flex-wrap:wrap;justify-content:center;width:auto;animation:none}.proof-track span[aria-hidden=true]{display:none}.store-button:hover{transform:none}}