:root{--bg-0:#050912;--bg-1:#0a1226;--bg-2:#0e1a38;--bg-alt:#070d1d;--neon:#2bc4ff;--neon-2:#1c7bff;--neon-soft:#2bc4ff8c;--glow:1;--gold-1:#f6cd86;--gold-2:#dca157;--gold-3:#a06d32;--gold-4:#5c3d1c;--text:#eaf1ff;--muted:#94a7c9;--muted-2:#6a7da0;--line:#7ca0dc29;--panel:#78a0e60d;--font-display:"Montserrat";--font-body:"Sora";--r:18px;--maxw:1180px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg-0);color:var(--text);font-family:var(--font-body),system-ui,sans-serif;-webkit-font-smoothing:antialiased;line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}em{font-style:normal}.wrap{max-width:var(--maxw);width:100%;margin:0 auto;padding:0 28px}.wrap-narrow{max-width:820px}.btn{font-family:var(--font-body);cursor:pointer;white-space:nowrap;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:9px;padding:12px 22px;font-size:15px;font-weight:600;transition:transform .15s,box-shadow .25s,background .2s;display:inline-flex}.btn-lg{padding:16px 30px;font-size:16.5px}.btn-block{width:100%;display:flex}.btn-neon{color:#03121f;background:linear-gradient(180deg,var(--neon),var(--neon-2));box-shadow:0 0 calc(28px*var(--glow)) var(--neon-soft), 0 6px 22px #00000059, inset 0 1px 0 #ffffff80;font-weight:700}.btn-neon:hover{box-shadow:0 0 calc(44px*var(--glow)) var(--neon-soft), 0 10px 30px #0006, inset 0 1px 0 #fff9;transform:translateY(-2px)}.btn-ghost{color:var(--text);border-color:var(--line)}.btn-ghost:hover{border-color:var(--neon);color:#fff}.btn-glass{color:var(--text);background:var(--panel);border-color:var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.btn-glass:hover{border-color:var(--neon-soft);box-shadow:0 0 calc(20px*var(--glow)) #2bc4ff2e;transform:translateY(-2px)}.play-dot{background:var(--neon);width:18px;height:18px;box-shadow:0 0 calc(14px*var(--glow)) var(--neon-soft);border-radius:50%;flex:none;position:relative}.play-dot:after{content:"";border-top:4px solid #0000;border-bottom:4px solid #0000;border-left:6px solid #03121f;position:absolute;top:5px;left:6.5px}.nav{z-index:100;border-bottom:1px solid #0000;transition:background .3s,border-color .3s,-webkit-backdrop-filter .3s,backdrop-filter .3s;position:fixed;top:0;left:0;right:0}.nav.scrolled{-webkit-backdrop-filter:blur(16px)saturate(140%);backdrop-filter:blur(16px)saturate(140%);border-bottom-color:var(--line);background:#060b18d1}.nav-inner{align-items:center;gap:24px;height:72px;display:flex}.brand{align-items:center;gap:11px;display:flex}.brand-pick{filter:drop-shadow(0 0 calc(10px*var(--glow)) var(--neon-soft));place-items:center;display:grid}.brand-words{line-height:.95;font-family:var(--font-display);flex-direction:column;display:flex}.brand-words b{letter-spacing:.06em;color:#fff;font-size:16px;font-weight:800}.brand-words i{letter-spacing:.14em;color:var(--neon);font-size:13px;font-style:normal;font-weight:800}.nav-links{gap:26px;margin-left:8px;display:flex}.nav-links a{color:var(--muted);font-size:14.5px;font-weight:500;transition:color .2s}.nav-links a:hover{color:#fff}.nav-cta{align-items:center;gap:10px;margin-left:auto;display:flex}.nav-burger{cursor:pointer;background:0 0;border:0;flex-direction:column;gap:5px;margin-left:auto;padding:8px;display:none}.nav-burger span{background:var(--text);border-radius:2px;width:24px;height:2px;transition:all .25s}.hero{background:radial-gradient(120% 90% at 50% -10%, #12244e 0%, var(--bg-1) 38%, var(--bg-0) 80%);align-items:center;min-height:100vh;padding:118px 0 60px;display:flex;position:relative;overflow:hidden}.hero-bg{z-index:0;pointer-events:none;position:absolute;inset:0}.spotlight{clip-path:polygon(42% 0,58% 0,100% 100%,0 100%);filter:blur(8px);opacity:.9;background:radial-gradient(closest-side,#78aaff29,#0000 70%);width:60vw;height:90vh;position:absolute;top:-12%;left:50%;transform:translate(-50%)}.stars{position:absolute;inset:0}.stars i{opacity:.5;background:#cfe3ff;border-radius:50%;width:2px;height:2px;animation:4s ease-in-out infinite twinkle;position:absolute}@keyframes twinkle{0%,to{opacity:.15}50%{opacity:.7}}.staff{opacity:.5;background:repeating-linear-gradient(0deg,#0000 0 27px,#2bc4ff1a 27px 28px);height:140px;position:absolute;left:-5%;right:-5%;-webkit-mask-image:linear-gradient(90deg,#0000,#000 20% 80%,#0000)}.staff-1{top:30%;transform:rotate(-4deg)}.staff-2{opacity:.3;bottom:14%;transform:rotate(3deg)}.hero-variant{z-index:2;width:100%;display:none;position:relative}.hero[data-hero=a] .hv-a{display:flex}.hero[data-hero=b] .hv-b{display:grid}.hero[data-hero=c] .hv-c{display:flex}.hero-eyebrow{color:var(--neon);letter-spacing:.04em;border:1px solid var(--neon-soft);box-shadow:0 0 calc(20px*var(--glow)) #2bc4ff1f;background:#2bc4ff12;border-radius:999px;align-items:center;gap:9px;padding:7px 15px;font-size:13.5px;font-weight:600;display:inline-flex}.hero-eyebrow.center{margin:0 auto}.hero-eyebrow .dot{background:var(--neon);width:7px;height:7px;box-shadow:0 0 10px var(--neon);border-radius:50%}.hero-h1{font-family:var(--font-display);letter-spacing:-.01em;color:#fff;text-wrap:balance;font-size:clamp(38px,6.4vw,76px);font-weight:800;line-height:1.02}.hero-h1 em{color:#0000;background:linear-gradient(180deg,var(--neon),var(--neon-2));filter:drop-shadow(0 0 calc(18px*var(--glow)) #2bc4ff66);-webkit-background-clip:text;background-clip:text}.hero-sub{color:var(--muted);max-width:560px;font-size:clamp(16px,1.5vw,20px);line-height:1.55}.hero-actions{flex-wrap:wrap;gap:14px;display:flex}.hero-actions.center{justify-content:center}.hv-a{text-align:center;flex-direction:column;align-items:center;gap:22px}.hv-a .hero-sub{margin:0 auto}.hv-a .hero-actions{justify-content:center;margin-top:2px}.hero-stage-wrap{justify-content:center;width:min(560px,92vw);margin-top:10px;display:flex;position:relative}.orbit{z-index:3;position:absolute;inset:0}.orbit .chord-bubble{position:absolute}.orbit .b1{top:-2%;left:50%;transform:translate(-50%)}.orbit .b2{top:14%;left:2%}.orbit .b3{top:50%;left:-3%}.orbit .b4{top:14%;right:2%}.orbit .b5{top:50%;right:-3%}.orbit .b6{bottom:4%;left:30%}.chord-bubble{width:74px;height:74px;font-family:var(--font-display);color:#fff;border:1.5px solid var(--neon);box-shadow:0 0 calc(26px*var(--glow)) var(--neon-soft), inset 0 0 18px #2bc4ff66;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);text-shadow:0 0 12px #2bc4ff99;background:radial-gradient(circle at 38% 30%,#2bc4ff66,#071228b3 72%);border-radius:50%;place-items:center;font-size:23px;font-weight:800;animation:6s ease-in-out infinite bob;display:grid}.chord-bubble.b2,.chord-bubble.float-b,.chord-bubble.c-b2{animation-delay:-1.2s}.chord-bubble.b3,.chord-bubble.float-c,.chord-bubble.c-b3{animation-delay:-2.4s}.chord-bubble.b4,.chord-bubble.c-b4{animation-delay:-3.6s}.chord-bubble.b5,.chord-bubble.c-b5{animation-delay:-4.8s}.chord-bubble.b6{animation-delay:-.6s}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.orbit .b1{animation-name:bobx}@keyframes bobx{0%,to{transform:translate(-50%)translateY(0)}50%{transform:translate(-50%)translateY(-12px)}}.guitar-stage{filter:drop-shadow(0 30px 60px #0000008c);width:auto;height:min(500px,56vh)}.guitar-stage.big{height:min(440px,52vh)}.guitar-stage svg{width:auto;height:100%;display:block;overflow:visible}.hv-b{text-align:left;grid-template-columns:1.05fr .95fr;align-items:center;gap:48px}.hv-b-text{flex-direction:column;align-items:flex-start;gap:20px;display:flex}.hero-chips{flex-wrap:wrap;gap:10px;margin-top:4px;list-style:none;display:flex}.hero-chips li{color:var(--muted);border:1px solid var(--line);background:var(--panel);border-radius:999px;padding:7px 14px;font-size:13.5px}.hv-b-art{place-items:center;min-height:440px;display:grid;position:relative}.phone{aspect-ratio:941/1672;width:min(290px,72vw);box-shadow:0 0 calc(60px*var(--glow)) #2bc4ff40, 0 40px 80px #0009, inset 0 1px 0 #ffffff1f;background:linear-gradient(160deg,#1a2a4d,#070d1d);border:1px solid #7ca0dc40;border-radius:38px;padding:10px;position:relative}.phone img{object-fit:cover;border-radius:30px;width:100%;height:100%;display:block}.phone-notch{z-index:2;background:#00000080;border-radius:99px;width:90px;height:7px;position:absolute;top:18px;left:50%;transform:translate(-50%)}.hv-b-art .chord-bubble{position:absolute}.hv-b-art .float-a{top:6%;left:2%}.hv-b-art .float-b{bottom:18%;right:0%}.hv-b-art .float-c{bottom:2%;left:14%}.hv-c{text-align:center;flex-direction:column;align-items:center;gap:6px;width:100%}.hv-c-top{flex-direction:column;align-items:center;gap:18px;display:flex}.hv-c-h1{font-size:clamp(44px,8.5vw,104px);line-height:.96}.hv-c-stage{place-items:center;width:100%;margin:-6px 0;display:grid;position:relative}.hv-c-stage .chord-bubble{z-index:4;position:absolute}.hv-c-stage .c-b1{top:6%;left:30%}.hv-c-stage .c-b2{top:24%;left:18%}.hv-c-stage .c-b3{bottom:18%;left:24%}.hv-c-stage .c-b4{top:22%;right:18%}.hv-c-stage .c-b5{bottom:16%;right:23%}.hv-c-bottom{flex-direction:column;align-items:center;gap:20px;margin-top:6px;display:flex}.section{padding:104px 0;position:relative}.section-alt{background:var(--bg-alt);border-block:1px solid var(--line)}.section-head{text-align:center;flex-direction:column;align-items:center;gap:14px;max-width:680px;margin:0 auto 56px;display:flex}.kicker{letter-spacing:.16em;text-transform:uppercase;color:var(--neon);font-size:13px;font-weight:700}.section-title{font-family:var(--font-display);color:#fff;letter-spacing:-.01em;text-wrap:balance;font-size:clamp(28px,3.6vw,44px);font-weight:800;line-height:1.06}.section-lead{color:var(--muted);text-wrap:pretty;max-width:560px;font-size:17px}.steps{grid-template-columns:repeat(4,1fr);gap:18px;list-style:none;display:grid}.step{border:1px solid var(--line);border-radius:var(--r);background:var(--panel);flex-direction:column;gap:10px;padding:28px 24px;transition:border-color .25s,transform .25s;display:flex;position:relative;overflow:hidden}.step:before{content:"";background:linear-gradient(90deg,var(--neon),transparent);opacity:.6;height:2px;position:absolute;top:0;left:0;right:0}.step:hover{border-color:var(--neon-soft);transform:translateY(-4px)}.step-num{font-family:var(--font-display);color:var(--neon);opacity:.85;font-size:30px;font-weight:800}.step h3{color:#fff;font-size:18px;font-weight:700}.step p{color:var(--muted);font-size:14.5px}.features{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.feature{border:1px solid var(--line);border-radius:var(--r);background:var(--panel);flex-direction:column;gap:13px;padding:28px 26px;transition:border-color .25s,transform .25s,box-shadow .25s;display:flex}.feature:hover{border-color:var(--neon-soft);box-shadow:0 0 calc(34px*var(--glow)) #2bc4ff14;transform:translateY(-4px)}.feature-wide{grid-column:span 1}.feature h3{color:#fff;font-size:18.5px;font-weight:700}.feature p{color:var(--muted);font-size:15px}.feat-ic{border:1px solid var(--neon-soft);width:54px;height:54px;box-shadow:inset 0 0 16px #2bc4ff40, 0 0 calc(18px*var(--glow)) #2bc4ff1f;background:radial-gradient(circle at 35% 30%,#2bc4ff47,#07122899);border-radius:14px;position:relative}.feat-ic:after{content:"";background:var(--neon);-webkit-mask:center/26px no-repeat var(--ic);-webkit-mask:center/26px no-repeat var(--ic);mask:center/26px no-repeat var(--ic);position:absolute;inset:0}.feat-ic[data-ic=ai]{--ic:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'><path d='M12 3v3M12 18v3M3 12h3M18 12h3'/><circle cx='12' cy='12' r='4'/><path d='M5.6 5.6l2.1 2.1M16.3 16.3l2.1 2.1M18.4 5.6l-2.1 2.1M7.7 16.3l-2.1 2.1'/></svg>")}.feat-ic[data-ic=time]{--ic:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'><circle cx='12' cy='12' r='9'/><path d='M12 7v5l3 2'/></svg>")}.feat-ic[data-ic=chord]{--ic:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round'><path d='M5 4v16M10 4v16M14 4v16M19 4v16M4 8h16M4 14h16'/></svg>")}.feat-ic[data-ic=key]{--ic:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'><path d='M3 12h12'/><path d='M11 8l4 4-4 4'/><circle cx='19' cy='12' r='2.4'/></svg>")}.feat-ic[data-ic=play]{--ic:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'><path d='M5 4v16M5 12h9'/><path d='M14 8l5 4-5 4z' fill='black'/></svg>")}.feat-ic[data-ic=beat]{--ic:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'><path d='M3 12h3l2-7 4 14 2-7h7'/></svg>")}.demo{grid-template-columns:300px 1fr;align-items:start;gap:22px;display:grid}.demo-controls{border:1px solid var(--line);border-radius:var(--r);background:var(--panel);padding:26px 24px;position:sticky;top:96px}.demo-controls-label{letter-spacing:.06em;text-transform:uppercase;color:var(--muted-2);font-size:12.5px;font-weight:600}.level-seg{flex-direction:column;gap:8px;margin-top:14px;display:flex}.level-seg button{font-family:var(--font-body);text-align:left;color:var(--muted);border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:12px;padding:12px 16px;font-size:14.5px;font-weight:600;transition:all .2s}.level-seg button:hover{border-color:var(--neon-soft);color:#fff}.level-seg button.on{color:#03121f;background:linear-gradient(180deg,var(--neon),var(--neon-2));box-shadow:0 0 calc(20px*var(--glow)) var(--neon-soft);border-color:#0000;font-weight:700}.your-chords{flex-wrap:wrap;gap:8px;margin-top:22px;display:flex}.your-chords span{font-family:var(--font-display);color:var(--neon);border:1.4px solid var(--neon-soft);background:#2bc4ff14;border-radius:50%;place-items:center;width:42px;height:42px;font-size:14px;font-weight:700;display:grid;box-shadow:inset 0 0 12px #2bc4ff2e}.player{border:1px solid var(--line);border-radius:var(--r);background:linear-gradient(#14244680,#070d1d99);overflow:hidden;box-shadow:0 30px 70px #00000073}.player-top{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:18px;padding:24px 26px 18px;display:flex}.player-eyebrow{color:var(--muted-2);letter-spacing:.04em;font-size:12px}.player-title{font-family:var(--font-display);color:#fff;margin:4px 0 6px;font-size:26px;font-weight:800}.player-key{color:var(--muted);font-size:14px}.player-key b{color:var(--neon);font-weight:700}.abtoggle{cursor:pointer;background:0 0;border:0;flex-direction:column;align-items:center;gap:8px;padding:0;display:flex}.abtoggle-track{border:1px solid var(--neon-soft);background:#2bc4ff29;border-radius:999px;width:58px;height:30px;transition:all .25s;position:relative}.abtoggle-thumb{background:var(--neon);width:22px;height:22px;box-shadow:0 0 12px var(--neon-soft);border-radius:50%;transition:left .25s;position:absolute;top:3px;left:3px}.abtoggle[aria-pressed=false] .abtoggle-track{background:#7ca0dc1f}.abtoggle[aria-pressed=false] .abtoggle-thumb{background:var(--muted);left:33px}.abtoggle-labels{gap:8px;font-size:12px;font-weight:600;display:flex}.abtoggle-labels i{color:var(--muted-2);font-style:normal}.abtoggle-labels i[data-on]{color:var(--neon)}.abtoggle[aria-pressed=false] .abtoggle-labels i[data-on]{color:var(--muted-2)}.abtoggle[aria-pressed=false] .abtoggle-labels i:last-child{color:var(--text)}.sheet{min-height:268px;font-family:var(--font-body);flex-direction:column;gap:20px;padding:26px;display:flex}.sheet-line{flex-direction:column;gap:3px;display:flex}.sheet-chords{font-family:var(--font-display);flex-wrap:wrap;gap:6px;font-size:17px;font-weight:800;display:flex}.sheet-chords .ch{color:var(--neon);text-shadow:0 0 12px #2bc4ff66;min-width:34px;transition:color .3s;position:relative}.sheet-chords .ch.hard{color:var(--gold-1);text-shadow:0 0 12px #dca15766}.sheet-chords .ch.active{color:#fff;text-shadow:0 0 16px var(--neon)}.sheet-lyric{color:#cdd9ef;letter-spacing:.01em;font-size:17px}.sheet-note{color:var(--muted-2);align-items:center;gap:8px;margin-top:auto;font-size:13.5px;display:flex}.sheet-note b{color:var(--neon);font-weight:600}.player-bar{align-items:center;gap:16px;padding:16px 26px 22px;display:flex}.player-play{cursor:pointer;background:linear-gradient(180deg,var(--neon),var(--neon-2));width:44px;height:44px;box-shadow:0 0 calc(20px*var(--glow)) var(--neon-soft);border:0;border-radius:50%;flex:none;position:relative}.player-play:after{content:"";border-top:9px solid #0000;border-bottom:9px solid #0000;border-left:13px solid #03121f;position:absolute;top:13px;left:17px}.player-play.playing:after{background:#03121f;border:0;width:5px;height:18px;top:13px;left:14px;box-shadow:9px 0 #03121f}.player-progress{background:#7ca0dc29;border-radius:99px;flex:1;height:6px;overflow:hidden}.player-progress span{background:linear-gradient(90deg,var(--neon-2),var(--neon));width:0;height:100%;box-shadow:0 0 12px var(--neon-soft);display:block}.player-time{color:var(--muted);font-variant-numeric:tabular-nums;min-width:34px;font-size:13px}.player-strum{align-items:flex-end;gap:4px;height:24px;display:flex}.player-strum i{background:var(--neon);opacity:.5;border-radius:2px;width:3px;height:8px}.player-strum.go i{animation:.8s ease-in-out infinite eq}.player-strum.go i:nth-child(2){animation-delay:.15s}.player-strum.go i:nth-child(3){animation-delay:.3s}.player-strum.go i:nth-child(4){animation-delay:.45s}@keyframes eq{0%,to{opacity:.4;height:6px}50%{opacity:1;height:22px}}.evo{grid-template-columns:1fr 1fr;align-items:center;gap:54px;display:grid}.evo-text{flex-direction:column;align-items:flex-start;gap:16px;display:flex}.evo-text .section-title{text-align:left}.evo-ring{place-items:center;width:118px;height:118px;margin-top:10px;display:grid;position:relative}.evo-ring svg{filter:drop-shadow(0 0 calc(12px*var(--glow)) var(--neon-soft));position:absolute;inset:0}.evo-ring-c{text-align:center}.evo-ring-c b{font-family:var(--font-display);color:#fff;font-size:22px;font-weight:800;display:block}.evo-ring-c span{color:var(--muted);letter-spacing:.03em;font-size:11px}.timeline{padding-left:8px;list-style:none;position:relative}.timeline:before{content:"";background:linear-gradient(180deg,var(--neon),#7ca0dc33);width:2px;position:absolute;top:8px;bottom:8px;left:13px}.timeline li{padding:0 0 26px 44px;position:relative}.timeline li:last-child{padding-bottom:0}.tl-dot{border:2px solid var(--muted-2);background:var(--bg-alt);border-radius:50%;width:16px;height:16px;position:absolute;top:2px;left:6px}.timeline li.done .tl-dot{border-color:var(--neon);background:var(--neon);box-shadow:0 0 12px var(--neon-soft)}.timeline li.now .tl-dot{border-color:var(--neon);background:var(--bg-alt);box-shadow:0 0 0 4px #2bc4ff2e,0 0 14px var(--neon-soft);animation:2s ease-in-out infinite pulse}@keyframes pulse{0%,to{box-shadow:0 0 0 3px #2bc4ff29,0 0 12px var(--neon-soft)}50%{box-shadow:0 0 0 7px #2bc4ff0f,0 0 18px var(--neon-soft)}}.timeline b{color:#fff;font-size:16.5px;font-weight:700}.timeline li.now b{color:var(--neon)}.timeline p{color:var(--muted);font-size:14px}.quotes{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.quote{border:1px solid var(--line);border-radius:var(--r);background:var(--panel);flex-direction:column;gap:22px;padding:30px 28px;display:flex}.quote blockquote{color:#dde7f7;text-wrap:pretty;font-size:17px;line-height:1.5}.quote figcaption{align-items:center;gap:13px;display:flex}.avatar{background:linear-gradient(135deg,var(--neon-2),var(--gold-2));border-radius:50%;flex:none;width:44px;height:44px}.avatar[data-a=d]{background:linear-gradient(135deg,var(--gold-2),#b1543c)}.avatar[data-a=c]{background:linear-gradient(135deg,#7a5ad0,var(--neon))}.quote figcaption b{color:#fff;font-size:15px;font-weight:700;display:block}.quote figcaption i{color:var(--muted);font-size:13px;font-style:normal}.plans{grid-template-columns:repeat(3,1fr);align-items:stretch;gap:20px;display:grid}.plan{border:1px solid var(--line);background:var(--panel);border-radius:22px;flex-direction:column;gap:16px;padding:34px 30px;display:flex;position:relative}.plan-feature{border-color:var(--neon-soft);background:linear-gradient(180deg,#2bc4ff14,var(--panel));box-shadow:0 0 calc(50px*var(--glow)) #2bc4ff24;z-index:2;transform:scale(1.03)}.plan-badge{letter-spacing:.04em;color:#03121f;background:linear-gradient(180deg,var(--neon),var(--neon-2));box-shadow:0 0 18px var(--neon-soft);border-radius:999px;padding:6px 16px;font-size:12px;font-weight:700;position:absolute;top:-13px;left:50%;transform:translate(-50%)}.plan-name{font-family:var(--font-display);color:#fff;font-size:20px;font-weight:800}.plan-price{font-family:var(--font-display);color:#fff;align-items:baseline;gap:2px;display:flex}.plan-price .cur{color:var(--muted);align-self:flex-start;margin-top:8px;font-size:18px;font-weight:600}.plan-price b{font-size:52px;font-weight:800;line-height:1}.plan-price .cents{align-self:flex-start;margin-top:6px;font-size:24px;font-weight:700}.plan-price .per{color:var(--muted);font-size:14px;font-weight:500;font-family:var(--font-body);margin-left:5px}.plan-desc{color:var(--muted);font-size:14.5px}.plan-feats{flex-direction:column;gap:11px;margin:4px 0 6px;list-style:none;display:flex}.plan-feats li{color:#cdd9ef;padding-left:28px;font-size:14.5px;position:relative}.plan-feats li:before{content:"";border:1px solid var(--neon-soft);background:#2bc4ff24;border-radius:50%;width:18px;height:18px;position:absolute;top:3px;left:0}.plan-feats li:after{content:"";border-left:2px solid var(--neon);border-bottom:2px solid var(--neon);width:7px;height:4px;position:absolute;top:8px;left:5.5px;transform:rotate(-45deg)}.plan .btn{margin-top:auto}.faq{flex-direction:column;gap:12px;display:flex}.faq-item{border:1px solid var(--line);background:var(--panel);border-radius:14px;overflow:hidden}.faq-item summary{cursor:pointer;color:#fff;justify-content:space-between;align-items:center;gap:16px;padding:20px 22px;font-size:16.5px;font-weight:600;list-style:none;display:flex}.faq-item summary::-webkit-details-marker{display:none}.faq-x{flex:none;width:18px;height:18px;position:relative}.faq-x:before,.faq-x:after{content:"";background:var(--neon);border-radius:2px;transition:all .25s;position:absolute;top:50%;left:50%}.faq-x:before{width:16px;height:2px;transform:translate(-50%,-50%)}.faq-x:after{width:2px;height:16px;transform:translate(-50%,-50%)}.faq-item[open] .faq-x:after{opacity:0;transform:translate(-50%,-50%)rotate(90deg)}.faq-item p{color:var(--muted);max-width:90%;padding:0 22px 22px;font-size:15px}.faq-item[open]{border-color:var(--neon-soft)}.cta-final{background:radial-gradient(80% 140% at 50% 100%, #12244e 0%, var(--bg-0) 70%);padding:110px 0;position:relative;overflow:hidden}.cta-inner{text-align:center;flex-direction:column;align-items:center;gap:30px;display:flex;position:relative}.cta-glow{filter:blur(20px);background:radial-gradient(circle,#2bc4ff38,#0000 65%);border-radius:50%;width:480px;height:480px;position:absolute;top:-180px}.cta-inner h2{font-family:var(--font-display);color:#fff;text-wrap:balance;max-width:840px;font-size:clamp(30px,4.6vw,56px);font-weight:800;line-height:1.04}.cta-inner h2 em{color:#0000;background:linear-gradient(180deg,var(--neon),var(--neon-2));-webkit-background-clip:text;background-clip:text}.footer{background:var(--bg-alt);border-top:1px solid var(--line);padding:60px 0 30px}.footer-inner{border-bottom:1px solid var(--line);grid-template-columns:1.2fr 2fr;gap:40px;padding-bottom:40px;display:grid}.footer-brand p{color:var(--muted);margin-top:12px;font-size:14.5px}.footer-cols{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.footer-cols h4{letter-spacing:.08em;text-transform:uppercase;color:var(--muted-2);margin-bottom:14px;font-size:13px;font-weight:700}.footer-cols a{color:var(--muted);margin-bottom:10px;font-size:14.5px;transition:color .2s;display:block}.footer-cols a:hover{color:var(--neon)}.footer-base{color:var(--muted-2);justify-content:space-between;padding-top:24px;font-size:13px;display:flex}.footer-legal{gap:18px;display:flex}.footer-legal a:hover{color:var(--neon)}.reveal{opacity:0;transition:opacity .7s cubic-bezier(.2,.7,.3,1),transform .7s cubic-bezier(.2,.7,.3,1);transform:translateY(26px)}.reveal.in{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transition:none;transform:none}.chord-bubble,.timeline li.now .tl-dot,.stars i{animation:none}}@media (width<=980px){.nav-links,.nav-cta{display:none}.nav-burger{display:flex}.steps,.features{grid-template-columns:repeat(2,1fr)}.demo{grid-template-columns:1fr}.demo-controls{position:static}.level-seg{flex-flow:wrap}.level-seg button{text-align:center;flex:1;min-width:120px}.evo{grid-template-columns:1fr;gap:34px}.evo-text .section-title{text-align:left}.quotes{grid-template-columns:1fr}.plans{grid-template-columns:1fr;gap:26px}.plan-feature{transform:none}.hv-b{text-align:center;grid-template-columns:1fr;gap:34px}.hv-b-text{align-items:center}.hero-chips{justify-content:center}.footer-inner{grid-template-columns:1fr;gap:30px}}@media (width<=560px){.wrap{padding:0 18px}.section{padding:72px 0}.steps,.features{grid-template-columns:1fr}.chord-bubble{width:60px;height:60px;font-size:19px}.hero{padding:104px 0 50px}.player-top{flex-direction:column;align-items:flex-start}.footer-cols{grid-template-columns:1fr 1fr}.footer-base{flex-direction:column;gap:10px}}.admin,.admin-login{--a-bg:#0a0f1d;--a-bg-2:#0e1730;--a-panel:#111c38;--a-line:#7ca0dc2e;--a-text:#e9effb;--a-muted:#93a4c4;--a-neon:#2bc4ff;--a-neon-2:#1c7bff;--a-danger:#ff6b6b;color:var(--a-text);font-family:Sora,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.admin{background:var(--a-bg);flex-direction:column;height:100vh;display:flex;overflow:hidden}.admin-top{z-index:10;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--a-line);background:#0a0f1deb;justify-content:space-between;align-items:center;gap:16px;padding:14px 22px;display:flex;position:sticky;top:0}.admin-brand b{font-weight:800}.admin-brand span{color:var(--a-muted)}.admin-top-actions{align-items:center;gap:12px;display:flex}.admin-email{color:var(--a-muted);font-size:13px}.dirty-dot{background:var(--a-neon);width:9px;height:9px;box-shadow:0 0 10px var(--a-neon);border-radius:50%}.abtn{font:inherit;border:1px solid var(--a-line);color:var(--a-text);cursor:pointer;background:0 0;border-radius:10px;align-items:center;padding:9px 16px;font-size:14px;font-weight:600;text-decoration:none;transition:all .15s;display:inline-flex}.abtn.ghost:hover{border-color:var(--a-neon)}.abtn.neon{color:#03121f;background:linear-gradient(180deg, var(--a-neon), var(--a-neon-2));border-color:#0000;font-weight:700}.abtn.neon:hover{transform:translateY(-1px)}.abtn:disabled{opacity:.5;cursor:not-allowed;transform:none}.abtn.block{justify-content:center;width:100%}.admin-msg{padding:11px 22px;font-size:14px}.admin-msg.ok{color:var(--a-neon);border-bottom:1px solid var(--a-line);background:#2bc4ff1f}.admin-msg.err{color:var(--a-danger);border-bottom:1px solid var(--a-line);background:#ff6b6b1f}.admin-body{flex:1;grid-template-rows:minmax(0,1fr);grid-template-columns:250px 1fr;min-height:0;transition:grid-template-columns .28s cubic-bezier(.4,0,.2,1);display:grid;position:relative}.admin-body.nav-collapsed{grid-template-columns:68px 1fr}.admin-nav{border-right:1px solid var(--a-line);background:linear-gradient(180deg, var(--a-bg-2), var(--a-bg));overscroll-behavior:contain;flex-direction:column;gap:3px;min-height:0;padding:14px 12px;display:flex;position:relative;overflow:hidden auto}.admin-nav,.admin-main{scrollbar-width:thin;scrollbar-color:#7ca0dc4d transparent}.admin-nav::-webkit-scrollbar{width:8px}.admin-main::-webkit-scrollbar{width:8px}.admin-nav::-webkit-scrollbar-thumb{background:#7ca0dc40;border-radius:8px}.admin-main::-webkit-scrollbar-thumb{background:#7ca0dc40;border-radius:8px}.admin-nav::-webkit-scrollbar-thumb:hover{background:#7ca0dc73}.admin-main::-webkit-scrollbar-thumb:hover{background:#7ca0dc73}.nav-active-pill{z-index:0;background:linear-gradient(135deg, var(--a-neon), var(--a-neon-2));pointer-events:none;border-radius:11px;transition:top .3s cubic-bezier(.4,0,.2,1),left .3s cubic-bezier(.4,0,.2,1),width .3s cubic-bezier(.4,0,.2,1),height .3s cubic-bezier(.4,0,.2,1),opacity .2s;position:absolute;box-shadow:0 8px 22px #1c7bff52,inset 0 1px #ffffff40}.nav-item{z-index:1;text-align:left;font:inherit;color:var(--a-muted);cursor:pointer;white-space:nowrap;animation:.4s both nav-enter;animation-delay:calc(var(--i,0) * 30ms);background:0 0;border:0;border-radius:11px;align-items:center;gap:12px;padding:10px 12px;font-size:14px;transition:color .18s,transform .16s;display:flex;position:relative}@keyframes nav-enter{0%{opacity:0;translate:-8px}to{opacity:1;translate:0}}.nav-ico{opacity:.8;flex:none;transition:opacity .18s,transform .2s}.nav-label{text-overflow:ellipsis;opacity:1;flex:1;transition:opacity .18s;overflow:hidden}.nav-item:not(.active):hover{color:var(--a-text);transform:translate(3px)}.nav-item:not(.active):hover .nav-ico{opacity:1;transform:scale(1.12)}.nav-item:active{transform:scale(.97)}.nav-item.active{color:#03121f;font-weight:700}.nav-item.active .nav-ico{opacity:1}.nav-branch{flex-direction:column;gap:3px;display:flex}.nav-group-toggle{width:100%;padding:9px 12px;padding-left:calc(12px + var(--depth,0) * 16px);cursor:pointer;font:inherit;letter-spacing:.12em;text-transform:uppercase;color:var(--a-muted);background:0 0;border:0;border-radius:10px;align-items:center;gap:8px;font-size:11px;font-weight:700;transition:color .18s,background .18s;display:flex}.nav-group-toggle:hover{color:var(--a-text);background:#7ca0dc0f}.nav-group-toggle .nav-label{text-align:left;flex:1}.nav-caret{opacity:.55;flex:none;transition:transform .26s cubic-bezier(.4,0,.2,1),opacity .18s}.nav-group-toggle:hover .nav-caret{opacity:1}.nav-group-toggle.open .nav-caret{transform:rotate(90deg)}.nav-children{grid-template-rows:0fr;transition:grid-template-rows .26s cubic-bezier(.4,0,.2,1);display:grid}.nav-children.open{grid-template-rows:1fr}.nav-children-inner{flex-direction:column;gap:3px;min-height:0;display:flex;overflow:hidden}.nav-children.open>.nav-children-inner{padding-top:3px}.admin-nav:not(.collapsed) .nav-item{padding-left:calc(12px + var(--depth,0) * 16px)}.admin-nav.collapsed .nav-children-inner{align-items:center}.nav-toggle{width:34px;height:34px;color:var(--a-muted);border:1px solid var(--a-line);cursor:pointer;background:#7ca0dc0f;border-radius:50%;align-self:flex-end;place-items:center;margin-bottom:8px;transition:color .18s,border-color .18s,background .18s,transform .32s cubic-bezier(.4,0,.2,1);display:grid}.nav-toggle:hover{color:var(--a-neon);border-color:var(--a-neon);background:#2bc4ff1a}.admin-nav.collapsed{align-items:center;padding:14px 10px}.admin-nav.collapsed .nav-item{justify-content:center;gap:0;width:44px;padding:11px 0}.admin-nav.collapsed .nav-item:not(.active):hover{transform:scale(1.05)}.admin-nav.collapsed .nav-label{opacity:0;flex:none;width:0}.admin-nav.collapsed .admin-nav-group{opacity:0;background:var(--a-line);width:24px;height:1px;margin:6px auto;padding:0;overflow:hidden}.admin-nav.collapsed .nav-toggle{align-self:center;transform:rotate(180deg)}.admin-main{overscroll-behavior:contain;min-width:0;min-height:0;padding:28px 32px 80px;overflow-y:auto}.admin-section-title,.admin-form{max-width:880px}.panel-state{color:var(--a-muted);flex-direction:column;align-items:flex-start;gap:12px;padding:30px 2px;font-size:14.5px;display:flex}.panel-state.err>p{color:var(--a-text);margin:0;font-weight:600}.panel-state-detail{color:var(--a-danger);white-space:pre-wrap;word-break:break-word;background:#ff6b6b14;border:1px solid #ff6b6b40;border-radius:8px;max-width:100%;padding:8px 12px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12.5px}.table-wrap{max-width:100%;overflow-x:auto}.admin-section-title{margin-bottom:22px;font-size:24px;font-weight:800}.admin-form{animation:.26s admin-fade-in}@keyframes admin-fade-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.admin-loading{background:var(--a-bg);min-height:100vh;color:var(--a-muted);place-items:center;display:grid}.admin-form{flex-direction:column;gap:18px;display:flex}.fld{flex-direction:column;gap:6px;display:flex}.fld-label{color:var(--a-muted);font-size:13px;font-weight:600}.fld-input{font:inherit;color:var(--a-text);background:var(--a-bg-2);border:1px solid var(--a-line);border-radius:9px;outline:none;width:100%;padding:10px 12px;font-size:14.5px;transition:border-color .15s}.fld-input:focus{border-color:var(--a-neon)}textarea.fld-input{resize:vertical;line-height:1.5}.fld-hint{color:var(--a-muted);font-size:12px}.fld-hint.err{color:var(--a-danger)}.img-field .img-row{align-items:center;gap:14px;display:flex}.img-preview{object-fit:cover;border:1px solid var(--a-line);background:#ffffff08;border-radius:8px;flex:none;width:120px;height:68px}.img-preview.img-empty{color:var(--a-muted);justify-content:center;align-items:center;font-size:12px;display:flex}.img-actions{flex-direction:column;align-items:flex-start;gap:8px;display:flex}.fld-check{cursor:pointer;align-items:center;gap:9px;font-size:14px;display:flex}.fld-check input{width:17px;height:17px;accent-color:var(--a-neon)}.pair{grid-template-columns:1fr 1fr;gap:14px;display:grid}h4.sub{letter-spacing:.06em;text-transform:uppercase;color:var(--a-neon);margin-top:8px;font-size:13px;font-weight:700}.note{color:var(--a-muted);margin-top:-6px;font-size:12.5px}.list-editor{flex-direction:column;gap:10px;display:flex}.list-editor-head{justify-content:space-between;align-items:center;display:flex}.card{border:1px solid var(--a-line);background:var(--a-panel);border-radius:12px;overflow:hidden}.card-head{border-bottom:1px solid var(--a-line);background:#7ca0dc0f;justify-content:space-between;align-items:center;padding:10px 14px;display:flex}.card-head strong{font-size:14px}.card-body{flex-direction:column;gap:14px;padding:14px;display:flex}.list-row{align-items:center;gap:8px;display:flex}.list-row .fld-input{flex:1}.row-btns{gap:4px;display:flex}.row-btns button{border:1px solid var(--a-line);background:var(--a-bg-2);width:30px;height:30px;color:var(--a-muted);cursor:pointer;border-radius:8px;font-size:13px;transition:all .15s}.row-btns button:hover:not(:disabled){border-color:var(--a-neon);color:var(--a-text)}.row-btns button.danger:hover{border-color:var(--a-danger);color:var(--a-danger)}.row-btns button:disabled{opacity:.35;cursor:not-allowed}.btn-add{font:inherit;color:var(--a-neon);border:1px dashed var(--a-neon);cursor:pointer;background:#2bc4ff14;border-radius:9px;align-self:flex-start;padding:8px 14px;font-size:13.5px;font-weight:600}.btn-add:hover{background:#2bc4ff29}.empty{color:var(--a-muted);font-size:13px}.admin-login{background:radial-gradient(120% 90% at 50% -10%,#12244e 0%,#0a1226 45%,#050912 85%);place-items:center;min-height:100vh;padding:24px;display:grid}.login-card{background:var(--a-panel);border:1px solid var(--a-line);border-radius:16px;flex-direction:column;gap:16px;width:100%;max-width:360px;padding:30px 26px;display:flex;box-shadow:0 30px 70px #00000080}.login-brand{flex-direction:column;gap:3px;margin-bottom:4px;display:flex}.login-brand b{font-size:19px;font-weight:800}.login-brand span{color:var(--a-muted);font-size:13px}.login-err{color:var(--a-danger);background:#ff6b6b1a;border:1px solid #ff6b6b4d;border-radius:8px;padding:9px 12px;font-size:13.5px}@media (width<=720px){.admin-body,.admin-body.nav-collapsed{grid-template-rows:auto minmax(0,1fr);grid-template-columns:1fr}.admin-nav,.admin-nav.collapsed{border-right:0;border-bottom:1px solid var(--a-line);flex-direction:row;align-items:center;padding:10px 12px;overflow:auto hidden}.nav-toggle,.admin-nav-guitar,.admin-nav-group,.nav-group-toggle{display:none}.nav-branch,.nav-children,.nav-children-inner{display:contents}.admin-nav .nav-item,.admin-nav.collapsed .nav-item{gap:8px;width:auto;padding:9px 12px}.admin-nav .nav-label,.admin-nav.collapsed .nav-label{opacity:1;flex:1;width:auto}.pair{grid-template-columns:1fr}}.admin-nav-group{letter-spacing:.12em;text-transform:uppercase;color:var(--a-muted);padding:14px 14px 6px;font-size:11px;font-weight:700}.admin-nav-group:first-child{padding-top:4px}.abtn.danger{color:var(--a-danger);border-color:#ff6b6b66}.abtn.danger:hover{border-color:var(--a-danger);background:#ff6b6b14}.users-panel{flex-direction:column;gap:18px;display:flex}.users-stats{flex-wrap:wrap;gap:12px;display:flex}.users-stats .stat{border:1px solid var(--a-line);background:var(--a-panel);border-radius:12px;min-width:110px;padding:12px 18px}.users-stats .stat b{color:var(--a-neon);font-size:22px;display:block}.users-stats .stat span{color:var(--a-muted);font-size:12.5px}.users-filters{flex-wrap:wrap;gap:10px;display:flex}.users-filters input[type=search]{min-width:220px;font:inherit;color:var(--a-text);background:var(--a-bg-2);border:1px solid var(--a-line);border-radius:10px;flex:1;padding:9px 14px;font-size:14px}.users-filters select{font:inherit;color:var(--a-text);background:var(--a-bg-2);border:1px solid var(--a-line);border-radius:10px;padding:9px 12px;font-size:14px}.users-empty{color:var(--a-muted)}.users-table{border-collapse:collapse;width:100%;font-size:14px}.users-table th{text-align:left;letter-spacing:.06em;text-transform:uppercase;color:var(--a-muted);border-bottom:1px solid var(--a-line);padding:8px 10px;font-size:12px;font-weight:700}.users-table td{border-bottom:1px solid var(--a-line);vertical-align:middle;padding:10px}.users-table tr.is-blocked td{opacity:.55}.users-table tr.user-detail td{background:var(--a-bg-2);color:var(--a-muted);opacity:1;font-size:13px}.user-mail{font:inherit;color:var(--a-text);cursor:pointer;text-align:left;background:0 0;border:0;padding:0;font-weight:600}.user-mail:hover{color:var(--a-neon)}.user-name{color:var(--a-muted);font-size:12.5px;display:block}.user-actions{white-space:nowrap;text-align:right}.user-actions .abtn{margin-left:6px;padding:6px 12px;font-size:12.5px}.badge{border:1px solid var(--a-line);color:var(--a-muted);border-radius:999px;padding:3px 10px;font-size:12px;font-weight:600;display:inline-block}.badge.ok{color:#3ddc97;border-color:#3ddc9766}.badge.err{color:var(--a-danger);border-color:#ff6b6b66}@media (width<=860px){.users-table th:nth-child(3),.users-table td:nth-child(3),.users-table th:nth-child(4),.users-table td:nth-child(4){display:none}}.login-guitar{opacity:.5;pointer-events:none;filter:drop-shadow(0 0 28px #2bc4ff2e);width:300px;position:fixed;bottom:-60px;right:-40px}.login-guitar svg{width:100%;height:auto}.admin-nav-guitar{opacity:.55;pointer-events:none;filter:drop-shadow(0 0 16px #2bc4ff26);width:92px;margin:26px auto 8px;transition:opacity .3s}.admin-nav:hover .admin-nav-guitar{opacity:.85}.admin-nav-guitar svg{width:100%;height:auto}.ai-subtitle{margin-top:10px;font-size:16px;font-weight:700}.ai-help{color:var(--a-muted);margin-top:-10px;font-size:13.5px}.ai-help a{color:var(--a-neon)}.ai-error{color:var(--a-danger)}.users-filters input[type=text],.users-filters input[type=password]{min-width:220px;font:inherit;color:var(--a-text);background:var(--a-bg-2);border:1px solid var(--a-line);border-radius:10px;flex:1;padding:9px 14px;font-size:14px}.stat-action{align-self:center;margin-left:auto}@media (width<=700px){.login-guitar{display:none}}