*,:before,:after{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{-webkit-font-smoothing:antialiased;min-height:100svh;line-height:1.5}img,picture,svg{max-width:100%;display:block}input,button,textarea,select{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:none}a{color:inherit;text-decoration:none}ul,ol{padding:0;list-style:none}p,h1,h2,h3,h4{overflow-wrap:break-word}body{overscroll-behavior-y:none}button,a[role=button]{touch-action:manipulation;-webkit-tap-highlight-color:transparent}@media (pointer:coarse){button,a[role=button]{min-height:44px}}:root{--bg-0:#020617;--bg-1:#0f172a;--bg-2:#1e1b4b;--bg-3:#164e63;--ink-0:#f8fafc;--ink-1:#cbd5e1;--ink-2:#94a3b8;--ink-3:#64748b;--cy-0:#a5f3fc;--cy-1:#67e8f9;--cy-2:#22d3ee;--cy-3:#0e7490;--vi-0:#c4b5fd;--vi-1:#a78bfa;--vi-2:#8b6cd9;--glass-fill:#ffffff1a;--glass-fill-2:#ffffff0d;--glass-line:#ffffff26;--glow-key:drop-shadow(0 0 6px #22d3eed9);--grad-cta:linear-gradient(90deg, #22d3ee, #a78bfa);--edge-fade:linear-gradient(to bottom, var(--bg-0) 0%, transparent 12%, transparent 88%, var(--bg-0) 100%);--focus:var(--cy-1);--sans:"Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--mono:"JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--fs-display:clamp(2.75rem, 1.2rem + 7.2vw, 8rem);--fs-h1:clamp(2rem, 1rem + 4.4vw, 4.5rem);--fs-h2:clamp(1.5rem, 1rem + 2.2vw, 2.75rem);--fs-lead:clamp(1.0625rem, .95rem + .9vw, 1.5rem);--fs-body:clamp(1rem, .96rem + .2vw, 1.125rem);--fs-small:.875rem;--fs-label:.75rem;--fs-chord:clamp(1.125rem, .8rem + 1.6vw, 2rem);--fs-chart:clamp(.9375rem, .8rem + .6vw, 1.25rem);--s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:24px;--s6:32px;--s7:48px;--s8:64px;--s9:96px;--s10:128px;--measure:62ch;--wide:1200px;--e-out:cubic-bezier(.22, 1, .36, 1);--e-in-out:cubic-bezier(.65, 0, .35, 1);--e-camera:cubic-bezier(.4, 0, .2, 1);--e-snap:cubic-bezier(.16, 1, .3, 1);--nav-h:56px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@media (prefers-color-scheme:light){:root:not([data-theme=dark]){--bg-0:#f8fafc;--bg-1:#e0f2fe;--bg-2:#ddd6fe;--bg-3:#a5f3fc;--ink-0:#0f172a;--ink-1:#334155;--ink-2:#52607a;--ink-3:#64748b;--cy-2:#0e7490;--cy-fill:#22d3ee;--glass-fill:#ffffff80;--glass-line:#0f172a24;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}}:root[data-theme=light]{--bg-0:#f8fafc;--bg-1:#e0f2fe;--bg-2:#ddd6fe;--bg-3:#a5f3fc;--ink-0:#0f172a;--ink-1:#334155;--ink-2:#52607a;--ink-3:#64748b;--cy-2:#0e7490;--cy-fill:#22d3ee;--glass-fill:#ffffff80;--glass-line:#0f172a24;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-contrast:more){:root{--glass-line:#ffffff59;--ink-2:var(--ink-1)}}@media (prefers-reduced-transparency:reduce){:root{--glass-fill:#ffffff29}@media (prefers-color-scheme:light){:root:not([data-theme=dark]){--glass-fill:#ffffffb8}}:root[data-theme=light]{--glass-fill:#ffffffb8}}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/inter-latin.woff2)format("woff2")}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/jetbrainsmono-latin.woff2)format("woff2")}html{font-family:var(--sans);color:var(--ink-0)}h1,h2,h3{letter-spacing:-.02em;font-weight:700}h1{font-size:var(--fs-display);letter-spacing:-.035em;font-weight:800;line-height:.92}h2{font-size:var(--fs-h2);letter-spacing:-.02em;font-weight:650;line-height:1.1}p{font-size:var(--fs-body);line-height:1.6}.lead{font-size:var(--fs-lead);color:var(--ink-1);font-weight:400;line-height:1.5}.eyebrow{font-size:var(--fs-label);letter-spacing:.14em;text-transform:uppercase;color:var(--cy-2);font-weight:600}.font-mono,pre,code,.mono{font-family:var(--mono)}.display{font-size:var(--fs-display)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:1000;background:var(--bg-1);color:var(--ink-0);border:1px solid var(--glass-line);border-radius:8px;padding:.75rem 1.25rem;font-weight:600;position:absolute;top:-100%;left:.5rem}.skip-link:focus-visible{top:.5rem}:focus-visible{outline:2px solid var(--focus);outline-offset:3px;border-radius:6px}html{scroll-padding-top:calc(var(--nav-h) + 1rem)}section[id]{scroll-margin-top:calc(var(--nav-h) + 1rem)}@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.scene{--p:initial}}body{background:var(--bg-0);color:var(--ink-0)}.aurora-static{background:var(--edge-fade), linear-gradient(130deg, #0f172a, #1e1b4b 30%, #164e63 65%, #0f172a)}@media (prefers-color-scheme:light){:root:not([data-theme=dark]) .aurora-static{background:var(--edge-fade), linear-gradient(130deg, #e0f2fe, #ddd6fe 30%, #a5f3fc 65%, #e0f2fe)}}:root[data-theme=light] .aurora-static{background:var(--edge-fade), linear-gradient(130deg, #e0f2fe, #ddd6fe 30%, #a5f3fc 65%, #e0f2fe)}.container{max-width:var(--wide);padding-inline:max(20px, env(safe-area-inset-left) + 16px);margin-inline:auto}.prose{max-width:var(--measure)}main>section{padding-block:var(--s10);position:relative}main>section:first-of-type{padding-top:calc(var(--nav-h) + var(--s9))}.section-head{max-width:46ch;margin-bottom:var(--s8)}.section-head h2{margin-top:var(--s3)}.section-head .lead{margin-top:var(--s4)}.glass{background:var(--glass-fill);border:1px solid var(--glass-line);-webkit-backdrop-filter:blur(14px)saturate(1.2);backdrop-filter:blur(14px)saturate(1.2);border-radius:20px}@media (pointer:coarse) and (max-width:640px){.glass{-webkit-backdrop-filter:none;backdrop-filter:none;background:#0f172ab8}}.btn{justify-content:center;align-items:center;gap:var(--s2);min-height:52px;padding-inline:var(--s6);font-weight:600;font-size:var(--fs-body);white-space:nowrap;border-radius:999px;display:inline-flex}.btn--primary{background:var(--grad-cta);color:#0f172a}.btn--ghost{border:1px solid var(--glass-line);color:var(--ink-0);background:0 0}.btn--ghost:hover{border-color:var(--cy-2)}.cta-note{font-size:var(--fs-small);color:var(--ink-2)}a.cta-secondary{color:var(--ink-1);font-weight:600;font-size:var(--fs-small);align-items:center;min-height:44px;display:inline-flex}a.cta-secondary:hover{color:var(--cy-2)}p.cta-secondary{color:var(--ink-2);font-size:var(--fs-small)}.cta-row{align-items:center;gap:var(--s5);flex-wrap:wrap;display:flex}.chip{align-items:center;gap:var(--s2);padding:var(--s2) var(--s4);background:var(--glass-fill-2);border:1px solid var(--glass-line);font-size:var(--fs-small);color:var(--ink-1);border-radius:999px;display:inline-flex}.frame{filter:drop-shadow(0 30px 60px #0206178c);background:linear-gradient(150deg,#334155,#0f172a 45%,#475569);border-radius:13.6%/6.3%;width:clamp(190px,22vw,320px);min-width:0;min-height:0;padding:2.5%;box-shadow:0 0 0 1px #ffffff24}.frame .screen{aspect-ratio:1290/2796;background:#020617;border-radius:11.5%/5.4%;position:relative;overflow:clip}.frame .screen img{object-fit:cover;width:100%;height:100%}.chord-grid{gap:var(--s2) var(--s5);grid-template-columns:auto 1fr;align-items:baseline;display:grid}.chord-grid dt{color:var(--ink-2);font-size:var(--fs-small);text-transform:uppercase;letter-spacing:.06em}.chord-grid dd{font-size:var(--fs-chart);word-spacing:.4em;letter-spacing:0;font-weight:700}.vh{visibility:hidden}.stack{gap:var(--s5);flex-direction:column;display:flex}.site-header{z-index:100;height:var(--nav-h);border-bottom:1px solid var(--glass-line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#02061799;align-items:center;display:flex;position:sticky;top:0}@media (prefers-color-scheme:light){:root:not([data-theme=dark]) .site-header{background:#f8fafcb3}}:root[data-theme=light] .site-header{background:#f8fafcb3}@media (pointer:coarse) and (max-width:640px){.site-header{-webkit-backdrop-filter:none;backdrop-filter:none;background:#020617eb}@media (prefers-color-scheme:light){:root:not([data-theme=dark]) .site-header{background:#f8fafcf0}}:root[data-theme=light] .site-header{background:#f8fafcf0}}.site-header .container{justify-content:space-between;align-items:center;width:100%;display:flex}.wordmark{align-items:center;gap:var(--s2);letter-spacing:-.01em;font-size:1.05rem;font-weight:700;display:flex}.wordmark svg{flex:none;width:26px;height:26px}.site-nav{align-items:center;gap:var(--s6);display:flex}.site-nav__links{gap:var(--s5);display:flex}.site-nav__links a{font-size:var(--fs-small);color:var(--ink-1);align-items:center;min-height:24px;display:inline-flex}.site-nav__links a:hover{color:var(--ink-0)}.site-nav .btn{min-height:40px;padding-inline:var(--s5);font-size:var(--fs-small)}@media (max-width:720px){.site-nav__links{display:none}}.lang-picker{flex:none;position:relative}.lang-picker>summary{min-height:40px;padding-inline:var(--s5);border:1px solid var(--glass-line);background:var(--glass-fill);color:var(--ink-1);font-size:var(--fs-small);cursor:pointer;white-space:nowrap;border-radius:999px;align-items:center;gap:.4em;list-style:none;display:flex}.lang-picker>summary::-webkit-details-marker{display:none}.lang-picker>summary::marker{content:""}.lang-picker>summary:hover{color:var(--ink-0)}.lang-picker>summary:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.lang-picker>summary:after{content:"";border-bottom:1.5px solid;border-right:1.5px solid;width:.42em;height:.42em;margin-inline-start:.15em;transform:translateY(-.12em)rotate(45deg)}.lang-picker[open]>summary:after{transform:translateY(.08em)rotate(-135deg)}.lang-picker__menu{inset-inline-end:0;z-index:60;border:1px solid var(--glass-line);background:var(--bg-1);border-radius:14px;min-width:11rem;max-height:min(70vh,22rem);margin:0;padding:6px;list-style:none;position:absolute;top:calc(100% + 6px);overflow-y:auto;box-shadow:0 18px 40px #00000073}.lang-picker__menu a{color:var(--ink-1);font-size:var(--fs-small);white-space:nowrap;border-radius:9px;align-items:center;gap:.55em;padding:8px 10px;text-decoration:none;display:flex}.lang-picker__menu a:hover{background:var(--bg-2);color:var(--ink-0)}.lang-picker__menu a:focus-visible{outline:2px solid var(--focus);outline-offset:-2px}.lang-picker__menu a[aria-current=page]{color:var(--ink-0);background:var(--bg-2)}.lang-picker__flag{font-size:1.05em;line-height:1}@media (prefers-reduced-motion:reduce){.lang-picker>summary:after{transition:none}}@media (max-width:720px){.site-nav{gap:var(--s3)}.lang-picker>summary{padding-inline:var(--s3);gap:.3em}.lang-picker>summary [data-lang-current]{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.site-nav .btn{padding-inline:var(--s4)}}@media (max-width:360px){.site-nav{gap:var(--s2)}.site-nav .btn{padding-inline:var(--s3)}.lang-picker>summary{padding-inline:var(--s2)}}@media (max-width:340px){.wordmark{font-size:0}.site-nav .btn{font-size:.8rem}}@media (max-width:440px){:lang(ru) .wordmark,:lang(fr) .wordmark{font-size:0}}.site-footer{border-top:1px solid var(--glass-line);padding-block:var(--s7)}.site-footer .container{justify-content:space-between;align-items:center;gap:var(--s4);flex-wrap:wrap;display:flex}.site-footer nav{gap:var(--s2) var(--s5);flex-wrap:wrap;display:flex}.site-footer a{color:var(--ink-2);font-size:var(--fs-small);align-items:center;min-height:24px;display:inline-flex}.site-footer a:hover{color:var(--ink-0)}.site-footer .claim{color:var(--ink-2);font-size:var(--fs-small)}@property --p{syntax:"<number>";inherits:true;initial-value:0}.scene{height:var(--len,100vh);contain:layout paint style;view-timeline-name:--scene;view-timeline-axis:block;position:relative}.stage{isolation:isolate;height:100svh;position:sticky;top:0;overflow:clip}@media (max-height:580px){.scene{contain:none;height:auto}.stage{height:auto;padding-block:var(--s6);position:static;overflow:visible}}.layer{position:absolute;inset:0}[data-near] .layer{will-change:transform, opacity}@media (prefers-reduced-motion:no-preference){@supports (animation-timeline:view()) and (timeline-scope:--x){.scene{animation:linear both scene-progress;animation-timeline:--scene;animation-range:contain}}}@keyframes scene-progress{0%{--p:0}to{--p:1}}.scene--static{contain:none;view-timeline-name:none;height:auto}.scene--static .stage{height:auto;position:static}.trust{justify-content:center;gap:var(--s2) var(--s5);margin:var(--s2) 0 0;font-size:var(--fs-small);color:var(--ink-1);flex-wrap:wrap;padding:0;list-style:none;display:flex}.trust li{padding-left:1.4em;position:relative}.trust li:before{content:"✓" / "";color:var(--cy-2);font-weight:700;position:absolute;left:0}main>section.feature,main>section.info{padding-block:var(--s8)}.feature{background:var(--bg-0)}.feature--flip{background:linear-gradient(180deg, color-mix(in srgb, var(--bg-1) 22%, var(--bg-0)), var(--bg-0))}.feature__inner{gap:var(--s7);grid-template-columns:1fr;align-items:center;display:grid}.feature__text{min-width:0;max-width:52ch}.feature__text h2{margin-top:var(--s3)}.feature__text .lead{margin-top:var(--s4)}.feature__shot{justify-content:center;min-width:0;display:flex}.feature__shot .frame{width:clamp(220px,62vw,300px)}@media (min-width:900px){.feature__inner{gap:var(--s9);grid-template-columns:minmax(0,1fr) minmax(240px,340px)}.feature--flip .feature__inner{grid-template-columns:minmax(240px,340px) minmax(0,1fr)}.feature--flip .feature__shot{order:-1}.feature__shot .frame{width:100%}}.fineprint{margin:var(--s3) 0 0;max-width:var(--measure);color:var(--ink-2);font-size:var(--fs-small)}.chip--pro{margin-left:var(--s2);min-height:0;font-size:var(--fs-label);letter-spacing:.04em;color:#0f172a;background:linear-gradient(90deg, var(--cy-fill,#22d3ee), #a78bfa);vertical-align:1px;border:0;padding:2px 10px;font-weight:700}.checks{gap:var(--s3);margin:var(--s5) 0 0;color:var(--ink-1);padding:0;list-style:none;display:grid}.checks li{padding-left:1.7em;position:relative}.checks li:before{content:"✓" / "";color:var(--cy-2);font-weight:700;position:absolute;left:0}.feature__note{margin-top:var(--s5);padding-left:var(--s4);border-left:3px solid var(--cy-2);font-size:var(--fs-small);color:var(--ink-2)}.demo__video{aspect-ratio:9/16;background:#020617;border-radius:28px;width:min(100%,300px);height:auto;display:block;box-shadow:0 0 0 1px #ffffff24,0 30px 60px #02061773}.section-head--center{text-align:center;margin-inline:auto}.container--narrow{max-width:760px}.cards{gap:var(--s4);grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));margin:0;padding:0;list-style:none;display:grid}.card{padding:var(--s5)}.card h3{font-size:1.05rem}.card p{margin-top:var(--s2);font-size:var(--fs-small);color:var(--ink-1)}.faq{gap:var(--s3);display:grid}.faq__item{padding:0}.faq__item summary{justify-content:space-between;align-items:center;gap:var(--s4);min-height:56px;padding:var(--s3) var(--s5);cursor:pointer;font-weight:600;list-style:none;display:flex}.faq__item summary::-webkit-details-marker{display:none}.faq__item summary::marker{content:""}.faq__item summary:focus-visible{outline:2px solid var(--focus);outline-offset:2px;border-radius:20px}.faq__item summary:after{content:"";border-right:2px solid var(--cy-2);border-bottom:2px solid var(--cy-2);width:.5em;height:.5em;transition:transform .2s var(--e-out);flex:none;transform:rotate(45deg)}.faq__item[open] summary:after{transform:rotate(-135deg)}.faq__item p{padding:0 var(--s5) var(--s5);color:var(--ink-1)}.theme-toggle{border:1px solid var(--glass-line);background:var(--glass-fill);width:40px;height:40px;color:var(--ink-1);cursor:pointer;border-radius:999px;flex:none;place-items:center;padding:0;display:inline-grid}.theme-toggle:hover{color:var(--ink-0)}.theme-toggle:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.theme-toggle svg{width:20px;height:20px}@media (max-width:440px){.theme-toggle{display:none}}.sprite{width:0;height:0;position:absolute;overflow:hidden}.ottavio{align-items:center;gap:var(--s2) var(--s4);margin-top:var(--s6);flex-wrap:wrap;display:flex}.ottavio--center{margin:0 0 var(--s7);justify-content:center}.ottavio__art{flex:none;width:clamp(150px,40vw,320px);height:auto;margin-block:-12px;overflow:visible}.ottavio__art .ott-mono{font-family:var(--mono)}.ottavio__say{max-width:24ch;padding:var(--s4) var(--s5);border:1.5px solid color-mix(in srgb, var(--cy-2) 45%, transparent);background:var(--bg-0);color:var(--ink-0);font-size:var(--fs-body);border-radius:18px;flex:150px;margin:0;font-weight:600;line-height:1.35;position:relative}.ottavio__say:before{content:"";background:var(--bg-0);border-left:1.5px solid color-mix(in srgb, var(--cy-2) 45%, transparent);border-bottom:1.5px solid color-mix(in srgb, var(--cy-2) 45%, transparent);width:12px;height:12px;position:absolute;top:50%;left:-7px;transform:translateY(-50%)rotate(45deg)}@media (prefers-reduced-motion:no-preference){.ottavio__art{transform-origin:50% 92%;animation:5s ease-in-out infinite ottavio-sway}.ottavio--center .ottavio__art{animation-delay:-1.5s}}@keyframes ottavio-sway{0%,to{transform:translateY(0)rotate(-1.2deg)}50%{transform:translateY(-6px)rotate(1.2deg)}}.cards--three{grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));max-width:900px;margin-inline:auto}.plans__shots{margin:var(--s5) auto 0;text-align:center;max-width:820px;font-size:var(--fs-small);color:var(--ink-2)}[data-scene=hero]{--len:220vh}main>section[data-scene=hero]:first-of-type{padding-top:0}[data-scene=hero] .stage{justify-content:center;align-items:center;min-height:100svh;display:flex}[data-scene=hero] .layer{width:100%;position:static}.hero-inner{text-align:center;align-items:center;gap:var(--s5);flex-direction:column;display:flex}.hero-mascot{width:clamp(120px,18vw,220px);animation:3s ease-in-out infinite hero-bob}@keyframes hero-bob{0%,to{transform:translateY(0)rotate(-1deg)}50%{transform:translateY(-10px)rotate(1deg)}}.hero-lead{max-width:44ch}.hero-inner .cta-row{margin-top:var(--s3);justify-content:center}.hero-inner .hero-price{margin-top:var(--s3);font-size:var(--fs-small);color:var(--ink-2)}.hero-inner{transform:translate3d(0, calc(var(--p) * -6vh), 0) scale(calc(1 - var(--p) * .08));opacity:calc(1 - var(--p) * .65);filter:blur(calc(var(--p) * 3px))}@media (prefers-reduced-motion:reduce){[data-scene=hero]{--len:auto}[data-scene=hero] .stage{height:auto;padding-block:var(--s9)}.hero-mascot{animation:none}.hero-inner{opacity:1;filter:none;transform:none}}@media (max-width:640px){[data-scene=hero]{--len:180vh}}@media (max-height:700px){.hero-inner{gap:var(--s3)}.hero-mascot{width:clamp(80px,12vw,140px)}}[data-scene=transpose]{--len:340vh;background:var(--edge-fade), linear-gradient(155deg, var(--bg-0), color-mix(in srgb, var(--cy-3) 16%, var(--bg-0)) 40%, color-mix(in srgb, var(--vi-2) 14%, var(--bg-0)) 75%, var(--bg-0))}.visual-h2{font-size:var(--fs-h2);letter-spacing:-.02em;margin-top:var(--s3);color:var(--ink-0);font-weight:650;line-height:1.1}[data-scene=transpose] .stage{padding-block:var(--s2);align-items:center;display:flex}[data-scene=transpose] .transpose-motion .visual-h2{display:none}[data-scene=transpose] .section-head{margin-bottom:var(--s4)}[data-scene=transpose] .layer{width:100%;position:static;inset:auto}.g{will-change:opacity, transform;grid-area:1/1}.chart-live{margin-top:var(--s3);padding:var(--s3);gap:var(--s3);contain:paint style;flex-direction:column;max-width:720px;display:flex}.chart-row{align-items:baseline;gap:var(--s2);flex-wrap:wrap;display:flex}.row-label{width:6ch;color:var(--ink-2);font-size:var(--fs-small);text-transform:uppercase;letter-spacing:.06em;flex:none}.tok{width:4ch;font-size:var(--fs-chord);flex:none;font-weight:700;display:inline-flex}.tok .root{width:2ch;display:inline-grid}.tok .sfx{color:var(--ink-2)}.tok{--s1:calc(.16 + (var(--tok-i,0)) * .012);--s2:calc(.56 + (var(--tok-i,0)) * .012);--m1:clamp(0, calc((var(--p) - var(--s1)) / .04), 1);--m2:clamp(0, calc((var(--p) - var(--s2)) / .04), 1);--k:calc(var(--m1) + var(--m2))}.tok-0{--tok-i:0}.tok-1{--tok-i:1}.tok-2{--tok-i:2}.tok-3{--tok-i:3}.tok-4{--tok-i:4}.tok-5{--tok-i:5}.tok-6{--tok-i:6}.tok-7{--tok-i:7}.tok .g-0{--n:0}.tok .g-1{--n:1}.tok .g-2{--n:2}.tok .g{opacity:clamp(0, calc(1 - max(calc(var(--k) - var(--n)), calc(var(--n) - var(--k))) * 2.2), 1);transform:translateY(calc((var(--k) - var(--n)) * -.55em))}@supports (animation-timeline:view()) and (timeline-scope:--x){@keyframes glyph-in{0%{opacity:0;transform:translateY(.55em)}to{opacity:1;transform:none}}@keyframes glyph-out{0%{opacity:1;transform:none}to{opacity:0;transform:translateY(-.55em)}}@keyframes glyph-mid{0%{opacity:0;transform:translateY(.55em)}9.09%{opacity:1;transform:none}90.91%{opacity:1;transform:none}to{opacity:0;transform:translateY(-.55em)}}.tok-0 .g-0{animation:1s linear both glyph-out;animation-timeline:--scene;animation-range:contain 16% contain 20%}.tok-0 .g-1{animation:1s linear both glyph-mid;animation-timeline:--scene;animation-range:contain 16% contain 60%}.tok-0 .g-2{animation:1s linear both glyph-in;animation-timeline:--scene;animation-range:contain 56% contain 60%}.tok-1 .g-0{animation:1s linear both glyph-out;animation-timeline:--scene;animation-range:contain 17.2% contain 21.2%}.tok-1 .g-1{animation:1s linear both glyph-mid;animation-timeline:--scene;animation-range:contain 17.2% contain 61.2%}.tok-1 .g-2{animation:1s linear both glyph-in;animation-timeline:--scene;animation-range:contain 57.2% contain 61.2%}.tok-2 .g-0{animation:1s linear both glyph-out;animation-timeline:--scene;animation-range:contain 18.4% contain 22.4%}.tok-2 .g-1{animation:1s linear both glyph-mid;animation-timeline:--scene;animation-range:contain 18.4% contain 62.4%}.tok-2 .g-2{animation:1s linear both glyph-in;animation-timeline:--scene;animation-range:contain 58.4% contain 62.4%}.tok-3 .g-0{animation:1s linear both glyph-out;animation-timeline:--scene;animation-range:contain 19.6% contain 23.6%}.tok-3 .g-1{animation:1s linear both glyph-mid;animation-timeline:--scene;animation-range:contain 19.6% contain 63.6%}.tok-3 .g-2{animation:1s linear both glyph-in;animation-timeline:--scene;animation-range:contain 59.6% contain 63.6%}.tok-4 .g-0{animation:1s linear both glyph-out;animation-timeline:--scene;animation-range:contain 20.8% contain 24.8%}.tok-4 .g-1{animation:1s linear both glyph-mid;animation-timeline:--scene;animation-range:contain 20.8% contain 64.8%}.tok-4 .g-2{animation:1s linear both glyph-in;animation-timeline:--scene;animation-range:contain 60.8% contain 64.8%}.tok-5 .g-0{animation:1s linear both glyph-out;animation-timeline:--scene;animation-range:contain 22% contain 26%}.tok-5 .g-1{animation:1s linear both glyph-mid;animation-timeline:--scene;animation-range:contain 22% contain 66%}.tok-5 .g-2{animation:1s linear both glyph-in;animation-timeline:--scene;animation-range:contain 62% contain 66%}.tok-6 .g-0{animation:1s linear both glyph-out;animation-timeline:--scene;animation-range:contain 23.2% contain 27.2%}.tok-6 .g-1{animation:1s linear both glyph-mid;animation-timeline:--scene;animation-range:contain 23.2% contain 67.2%}.tok-6 .g-2{animation:1s linear both glyph-in;animation-timeline:--scene;animation-range:contain 63.2% contain 67.2%}.tok-7 .g-0{animation:1s linear both glyph-out;animation-timeline:--scene;animation-range:contain 24.4% contain 28.4%}.tok-7 .g-1{animation:1s linear both glyph-mid;animation-timeline:--scene;animation-range:contain 24.4% contain 68.4%}.tok-7 .g-2{animation:1s linear both glyph-in;animation-timeline:--scene;animation-range:contain 64.4% contain 68.4%}}.key-readout{align-items:baseline;gap:var(--s3);margin-top:var(--s2);display:flex}.key-readout__label{color:var(--ink-2);font-size:var(--fs-label);text-transform:uppercase;letter-spacing:.14em}.key-badge{font-family:var(--mono);font-size:var(--fs-h2);color:var(--cy-1);min-width:2.5ch;font-weight:800;display:inline-grid}.key-readout__semi{color:var(--ink-2);font-size:var(--fs-small);display:inline-grid}[data-scene=transpose]{--M1:clamp(0, calc((var(--p) - .3) / .04), 1);--M2:clamp(0, calc((var(--p) - .7) / .06), 1);--pc:calc(var(--M1) + var(--M2))}.key-badge .g-0,.key-readout__semi .g-0{--n:0}.key-badge .g-1,.key-readout__semi .g-1{--n:1}.key-badge .g-2,.key-readout__semi .g-2{--n:2}.key-badge .g,.key-readout__semi .g{opacity:clamp(0, calc(1 - max(calc(var(--pc) - var(--n)), calc(var(--n) - var(--pc))) * 2.2), 1);transform:translateY(calc((var(--pc) - var(--n)) * -.5em))}.see-react{align-items:center;gap:var(--s4);margin-top:var(--s4);contain:paint style;flex-wrap:wrap;display:flex}.piano-svg{width:min(340px,100%);height:auto}.guitar-svg{width:clamp(150px,20vw,220px);height:auto}.pk{fill:#fafafa;stroke:#94a3b8}.pkb{fill:#1e293b;stroke:#0f172a}.hk{fill:#22d3ee;stroke:#67e8f9;stroke-width:2px;filter:drop-shadow(0 0 6px #22d3eed9)}.hi .g-0,.gh-group .g-0,.hi-0{--n:0}.hi-1{--n:1}.hi-2{--n:2}.hi{opacity:clamp(0, calc(1 - max(calc(var(--pc) - var(--n)), calc(var(--n) - var(--pc))) * 2.2), 1)}.gt-nut{fill:#e2e8f0}.gt-label,.gt-fret-num{fill:#94a3b8;font-size:11px}.gt-label{text-anchor:middle}.gt-fret-num{text-anchor:end}.gt-string{stroke:#64748b;stroke-width:1.2px}.gt-fret{stroke:#64748b;stroke-width:1px}.gt-mute{fill:#94a3b8;text-anchor:middle;font-size:13px}.gt-open{fill:none;stroke:#22d3ee;stroke-width:1.8px}.gt-dot,.gt-barre{fill:#22d3ee;filter:drop-shadow(0 0 6px #22d3eed9)}.gt-barre{fill-opacity:.85}.gt-finger{fill:#042f2e;text-anchor:middle;font-size:12px;font-weight:700}.gh-0{--n:0}.gh-1{--n:1}.gh-2{--n:2}.gh{opacity:clamp(0, calc(1 - max(calc(var(--pc) - var(--n)), calc(var(--n) - var(--pc))) * 2.2), 1)}.capo-caption{margin-top:var(--s3);color:var(--ink-1);max-width:56ch;display:inline-grid}.capo-caption .g-0{--n:0}.capo-caption .g-1{--n:1}.capo-caption .g-2{--n:2}.capo-caption .g{opacity:clamp(0, calc(1 - max(calc(var(--pc) - var(--n)), calc(var(--n) - var(--pc))) * 2.2), 1);grid-area:1/1}.transpose-chart .chord-grid dt,.transpose-chart .chord-grid dd{opacity:.45;transition:opacity .2s}.transpose-card[data-active-key="0"] .chord-grid>:first-child,.transpose-card[data-active-key="0"] .chord-grid>:nth-child(2),.transpose-card:not([data-active-key]) .chord-grid>:first-child,.transpose-card:not([data-active-key]) .chord-grid>:nth-child(2),.transpose-card[data-active-key="1"] .chord-grid>:nth-child(3),.transpose-card[data-active-key="1"] .chord-grid>:nth-child(4),.transpose-card[data-active-key="2"] .chord-grid>:nth-child(5),.transpose-card[data-active-key="2"] .chord-grid>:nth-child(6){opacity:1}.transpose-card{max-width:720px;padding:var(--s6)}.transpose-card__keys{gap:var(--s3);margin-bottom:var(--s6);flex-wrap:wrap;display:flex}.key-btn{align-items:flex-start;gap:var(--s1);padding:var(--s4) var(--s5);border:1px solid var(--glass-line);background:var(--glass-fill-2);color:var(--ink-1);text-align:left;cursor:pointer;border-radius:14px;flex-direction:column;flex:160px;display:flex}.key-btn:hover{border-color:var(--cy-2)}.key-btn:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.key-btn--active,.key-btn[aria-pressed=true]{border-color:var(--cy-2);background:color-mix(in srgb, var(--cy-3) 22%, var(--glass-fill-2))}.key-btn__name{font-family:var(--mono);font-size:var(--fs-h2);color:var(--ink-0);font-weight:800}.key-btn--active .key-btn__name,.key-btn[aria-pressed=true] .key-btn__name{color:var(--cy-1)}.key-btn__note{font-size:var(--fs-small);color:var(--ink-2)}.transpose-chart{padding:var(--s5);background:var(--glass-fill-2);border-radius:14px}.transpose-card__note{margin-top:var(--s5);color:var(--ink-1);max-width:60ch}@media (max-width:640px){.transpose-card__keys{flex-direction:column}.key-btn{justify-content:space-between;align-items:baseline;gap:var(--s3);flex-direction:row;flex:auto}}.transpose-static{display:none}@media (prefers-reduced-motion:reduce){.transpose-motion{display:none}.transpose-static{display:block}[data-scene=transpose]{--len:auto}[data-scene=transpose] .stage{height:auto;padding-block:var(--s9)}}@media (max-width:640px){[data-scene=transpose]{--len:260vh}.see-react{flex-direction:column;align-items:flex-start}.tok{width:3.4ch}}@media (max-height:760px){[data-scene=transpose] .stage{padding-block:0}[data-scene=transpose] .section-head{margin-bottom:var(--s2)}.key-readout{margin-top:var(--s1)}.chart-live{margin-top:var(--s2);padding:var(--s2);gap:var(--s1)}.tok{font-size:clamp(.9375rem,.7rem + 1vw,1.5rem)}.see-react{margin-top:var(--s2)}.piano-svg{width:min(240px,100%)}.capo-caption{margin-top:var(--s1);font-size:var(--fs-small)}}[data-scene=breath]{--len:140vh;background:var(--edge-fade), radial-gradient(70% 60% at 50% 50%, color-mix(in srgb, var(--bg-2) 20%, var(--bg-0)), var(--bg-0) 80%)}[data-scene=breath] .stage{justify-content:center;align-items:center;display:flex}[data-scene=breath] .layer{width:100%;position:static}[data-scene=breath] .container{text-align:center}.breath-line{opacity:1}.breath-line:nth-child(2){transform:translateY(calc((1 - clamp(0, calc(var(--p) / .3), 1)) * 24px))}.breath-line:nth-child(3){transform:translateY(calc((1 - clamp(0, calc((var(--p) - .25) / .3), 1)) * 24px))}.breath-line:nth-child(4){transform:translateY(calc((1 - clamp(0, calc((var(--p) - .5) / .3), 1)) * 24px))}@media (prefers-reduced-motion:reduce){[data-scene=breath]{--len:auto}[data-scene=breath] .stage{height:auto;padding-block:var(--s8)}.breath-line,.breath-line:nth-child(2),.breath-line:nth-child(3),.breath-line:nth-child(4){transform:none}}#everything{background:var(--edge-fade), linear-gradient(180deg, var(--bg-0), color-mix(in srgb, var(--bg-1) 25%, var(--bg-0)))}.plans{margin-top:var(--s7);gap:var(--s5);grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));max-width:820px;margin-inline:auto;display:grid}.plan{padding:var(--s6)}.plan--pro{border-color:var(--cy-2)}.plan__price{margin-top:var(--s2);font-size:var(--fs-lead);color:var(--ink-0);font-weight:700}.plan__list{margin-top:var(--s4);gap:var(--s2);color:var(--ink-1);padding:0;list-style:none;display:grid}.plan__list li{padding-left:1.5em;position:relative}.plan__list li:before{content:"✓" / "";color:var(--cy-2);font-weight:700;position:absolute;left:0}.plan__note{margin-top:var(--s4);font-size:var(--fs-small);color:var(--ink-2)}[data-scene=final-cta]{--len:140vh;text-align:center}[data-scene=final-cta] .stage{justify-content:center;align-items:center;min-height:100svh;display:flex}[data-scene=final-cta] .layer{width:100%;position:static}.final-cta-inner{align-items:center;gap:var(--s2);opacity:1;transform:translate3d(0, calc((1 - clamp(0, calc(var(--p) / .25), 1)) * 8vh), 0);flex-direction:column;display:flex}.final-mascot{width:clamp(80px,11vw,140px);animation:3.4s ease-in-out infinite hero-bob}.final-cta-inner h2.display{font-size:var(--fs-display)}.final-cta-inner .cta-row{margin-top:var(--s2);justify-content:center}.qr-block{margin-top:var(--s3);align-items:center;gap:var(--s2);flex-direction:column;display:flex}.qr-block__code{background:#fff;border-radius:14px;width:132px;height:132px;padding:10px}.qr-block__code svg{width:100%;height:100%;display:block}.qr-block__caption{font-size:var(--fs-small);color:var(--ink-2)}@media (max-width:520px){.qr-block{display:none}}@media (prefers-reduced-motion:reduce){[data-scene=final-cta]{--len:auto}[data-scene=final-cta] .stage{height:auto;padding-block:var(--s9)}.final-cta-inner{opacity:1;transform:none}.final-mascot{animation:none}}@media (max-height:760px){.final-mascot{width:clamp(56px,8vw,100px)}.final-cta-inner h2.display{font-size:clamp(2rem,1rem + 5vw,5rem)}.qr-block{margin-top:var(--s1)}}
/*$vite$:1*/