.demo-wrapper[data-astro-cid-72oikb24]{max-width:420px;margin:0 auto;border:1px solid rgb(var(--gray-light));border-radius:16px;overflow:hidden;background:#fff}.demo-tabs[data-astro-cid-72oikb24]{display:flex;border-bottom:1px solid rgb(var(--gray-light));background:#fafafa}.demo-tab[data-astro-cid-72oikb24]{flex:1;padding:.7em .3em;border:none;background:none;font-family:inherit;font-size:.82em;font-weight:600;color:rgb(var(--gray));cursor:pointer;border-bottom:2px solid transparent;transition:all .15s;white-space:nowrap}.demo-tab[data-astro-cid-72oikb24]:hover{color:rgb(var(--gray-dark))}.demo-tab[data-astro-cid-72oikb24].active{color:var(--accent-dark);border-bottom-color:var(--accent)}.demo-panel[data-astro-cid-72oikb24]{display:none;flex-direction:column;align-items:center;padding:1.2em 1.2em 1.4em;gap:.7em}.demo-panel[data-astro-cid-72oikb24].active{display:flex}.demo-feedback[data-astro-cid-72oikb24]{height:1.4em;font-weight:700;font-size:.95em;text-align:center}.demo-feedback[data-astro-cid-72oikb24].correct{color:#16a34a}.demo-feedback[data-astro-cid-72oikb24].wrong{color:#dc2626}.demo-buttons[data-astro-cid-72oikb24]{display:flex;gap:.35em;flex-wrap:wrap;justify-content:center}.demo-buttons[data-astro-cid-72oikb24] button[data-astro-cid-72oikb24]{width:38px;height:38px;border-radius:8px;border:2px solid rgb(var(--gray-light));background:#fff;font-weight:700;font-size:.95em;cursor:pointer;transition:all .15s;font-family:inherit;color:rgb(var(--gray-dark))}.demo-buttons[data-astro-cid-72oikb24] button[data-astro-cid-72oikb24]:hover:not(:disabled){border-color:var(--accent);background:var(--accent-light)}.demo-buttons[data-astro-cid-72oikb24] button[data-astro-cid-72oikb24]:disabled{cursor:default}.demo-buttons[data-astro-cid-72oikb24] button[data-astro-cid-72oikb24].correct-answer{background:#16a34a;border-color:#16a34a;color:#fff}.demo-buttons[data-astro-cid-72oikb24] button[data-astro-cid-72oikb24].wrong-answer{background:#dc2626;border-color:#dc2626;color:#fff}.demo-score[data-astro-cid-72oikb24]{font-size:.82em;color:rgb(var(--gray))}.fret-prompt[data-astro-cid-72oikb24]{font-size:2em;font-weight:700;color:rgb(var(--black));line-height:1;letter-spacing:.02em}#staff-canvas[data-astro-cid-72oikb24],#fretboard-canvas[data-astro-cid-72oikb24]{display:block}.more-content[data-astro-cid-72oikb24]{width:100%}.more-content[data-astro-cid-72oikb24] h4[data-astro-cid-72oikb24]{text-align:center;margin:0 0 .8em;font-size:1.05em}.more-columns[data-astro-cid-72oikb24]{display:grid;grid-template-columns:1fr 1fr;gap:1.2em}.more-column[data-astro-cid-72oikb24] h5[data-astro-cid-72oikb24]{font-size:.78em;text-transform:uppercase;letter-spacing:.06em;color:rgb(var(--gray));margin:0 0 .5em;padding-bottom:.3em;border-bottom:1px solid rgb(var(--gray-light))}.more-list[data-astro-cid-72oikb24]{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.35em}.more-list[data-astro-cid-72oikb24] li[data-astro-cid-72oikb24]{display:flex;align-items:center;gap:.5em;padding:.2em 0}.more-icon[data-astro-cid-72oikb24]{font-size:1.1em;width:1.6em;text-align:center;flex-shrink:0}.more-list[data-astro-cid-72oikb24] li[data-astro-cid-72oikb24] div[data-astro-cid-72oikb24]{display:flex;flex-direction:column}.more-list[data-astro-cid-72oikb24] li[data-astro-cid-72oikb24] strong[data-astro-cid-72oikb24]{font-size:.78em;color:rgb(var(--black))}.more-list[data-astro-cid-72oikb24] li[data-astro-cid-72oikb24] span[data-astro-cid-72oikb24]:last-child{font-size:.68em;color:rgb(var(--gray))}.more-cta[data-astro-cid-72oikb24]{display:block;text-align:center;margin-top:1.2em}.btn-sm[data-astro-cid-72oikb24]{padding:.5em 1.4em;font-size:.9em}.hero{padding:6em 0 4em;background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460);color:#fff;text-align:center}.hero h1{color:#fff;font-size:3.2em;max-width:700px;margin:0 auto .5em}.hero-sub{font-size:1.2em;max-width:620px;margin:0 auto 2em;color:#fffc;line-height:1.6}.hero-actions{display:flex;gap:1em;justify-content:center;flex-wrap:wrap}.hero-actions .btn-secondary{color:#fff;border-color:#fff6}.hero-actions .btn-secondary:hover{background:#ffffff1a;border-color:#fff;color:#fff}.hero-note{margin-top:1.5em;font-size:.9em;color:#ffffff80}.stats-strip{background:var(--accent);padding:2em 0}.stats-grid{display:flex;justify-content:center;gap:4em;flex-wrap:wrap}.stat{text-align:center;color:#fff}.stat-number{display:block;font-size:2.2em;font-weight:700;line-height:1.2}.stat-label{font-size:.9em;opacity:.85}.section-intro{max-width:650px;margin:.5em auto 3em;color:rgb(var(--gray));font-size:1.1em}.methodology-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2em}.methodology-card{padding:2em;border-radius:12px;border:1px solid rgb(var(--gray-light));transition:box-shadow .2s,transform .2s}.methodology-card:hover{box-shadow:var(--box-shadow);transform:translateY(-2px)}.methodology-icon{font-size:2.5em;margin-bottom:.3em}.methodology-card h3{font-size:1.2em;margin-bottom:.5em}.methodology-card p{color:rgb(var(--gray));font-size:.95em;margin:0}.exercises-categories{display:grid;grid-template-columns:repeat(2,1fr);gap:2em}.exercise-category{padding:2em;border-radius:12px;border:1px solid rgb(var(--gray-light));background:#fff}.category-title{display:flex;align-items:center;gap:.5em;font-size:1.15em;margin-bottom:1em;padding-bottom:.7em;border-bottom:1px solid rgb(var(--gray-light))}.category-icon{font-size:1.3em}.exercise-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.6em}.exercise-list li{font-size:.93em;color:rgb(var(--gray));line-height:1.5}.exercise-list li strong{color:rgb(var(--black))}.demo-section{display:grid;grid-template-columns:1fr 1fr;gap:3em;align-items:center}.demo-text h2{font-size:2em}.demo-text p{color:rgb(var(--gray));font-size:1.05em}.demo-hint{font-size:.9em!important;font-style:italic}.journey-overview{display:flex;align-items:center;justify-content:center;gap:.3em;margin-bottom:3em;padding:1.5em 2em;background:#fff;border-radius:12px;border:1px solid rgb(var(--gray-light));overflow-x:auto}.journey-step{display:flex;flex-direction:column;align-items:center;gap:.4em}.journey-step span{font-size:.72em;font-weight:600;color:rgb(var(--gray-dark));white-space:nowrap}.journey-dot{width:16px;height:16px;border-radius:50%;background:#4a90d9}.dot-green{background:#2ecc71}.dot-purple{background:#8b00ff}.dot-teal{background:#008b8b}.dot-indigo{background:indigo}.dot-gold{background:#d4a017}.dot-dark-purple{background:#6a0dad}.journey-arrow{color:rgb(var(--gray-light));font-size:1.2em;padding:0 .1em;margin-bottom:1.2em}.series-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5em}.series-card{padding:2em 1.5em;border-radius:12px;background:#fff;border:1px solid rgb(var(--gray-light))}.series-intro{grid-column:1 / -1;background:linear-gradient(135deg,#1a1a2e,#0f3460);color:#fff;text-align:center;position:relative}.series-intro h3{color:#fff}.series-intro p{color:#fffc}.series-badge{display:inline-block;background:var(--accent);color:#fff;font-size:.75em;font-weight:700;padding:.3em .8em;border-radius:20px;margin-bottom:.8em;text-transform:uppercase;letter-spacing:.05em}.series-number{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:var(--accent);color:#fff;font-weight:700;font-size:1em;margin-bottom:.8em}.series-card h3{font-size:1.15em;margin-bottom:.3em}.series-count{font-size:.8em;color:rgb(var(--gray));font-weight:600;margin:0 0 .6em;text-transform:uppercase;letter-spacing:.03em}.series-card p{color:rgb(var(--gray));font-size:.9em;margin:0}.screenshots-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:1em}.screenshot-slot{text-align:center}.screenshot-placeholder{aspect-ratio:9 / 16;background:linear-gradient(135deg,#e5e7eb,#f3f4f6);border-radius:16px;display:flex;align-items:center;justify-content:center;border:2px dashed rgb(var(--gray-light))}.screenshot-placeholder span{color:rgb(var(--gray));font-size:.75em;font-weight:600;text-align:center;padding:.5em}.screenshot-slot img{width:100%;height:auto;border-radius:16px;box-shadow:0 4px 20px #0000001a}.modes-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2em}.mode-card{padding:2em;border-radius:12px;border:1px solid rgb(var(--gray-light));background:#fff}.mode-card h3{font-size:1.15em;margin-bottom:.5em}.mode-card p{color:rgb(var(--gray));font-size:.95em;margin:0}.platforms-grid{display:flex;justify-content:center;gap:3em;margin-top:2em}.platform-card{text-align:center;padding:2em 3em;border-radius:12px;border:1px solid rgb(var(--gray-light))}.platform-icon{font-size:2.5em;margin-bottom:.3em}.platform-card h3{font-size:1.15em;margin-bottom:.2em}.platform-card p{color:rgb(var(--gray));font-size:.85em;margin:0}.cta-section{background:linear-gradient(135deg,#1a1a2e,#0f3460);color:#fff}.cta-section h2{color:#fff}.cta-section .section-intro{color:#ffffffb3}.btn-lg{padding:1em 2.5em;font-size:1.1em}@media(max-width:900px){.methodology-grid,.exercises-categories{grid-template-columns:1fr}.series-grid{grid-template-columns:repeat(2,1fr)}.series-intro{grid-column:1 / -1}.modes-grid{grid-template-columns:1fr}.demo-section{grid-template-columns:1fr;text-align:center}.screenshots-grid{grid-template-columns:repeat(2,1fr)}.platforms-grid{gap:1.5em}.platform-card{padding:1.5em 2em}.journey-overview{padding:1.5em 1em}}@media(max-width:720px){.hero{padding:4em 0 3em}.hero h1{font-size:2.2em}.series-grid{grid-template-columns:1fr}.series-intro{grid-column:1 / 2}.stats-grid{gap:2em}.screenshots-grid{grid-template-columns:repeat(2,1fr)}.platforms-grid{flex-direction:column;align-items:center;gap:1em}.platform-card{width:100%;max-width:280px}.journey-overview{display:none}}