:root{--bg:#f6f5f0;--paper:#fffdf7;--ink:#10110f;--muted:#666961;--line:#ddddd4;--green:#18d779;--green2:#0aa95a;--charcoal:#141514;--yellow:#f3df66;--blue:#d9ecff;--rose:#f5d1d7;--violet:#d9d0ff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans',Arial,sans-serif;-webkit-font-smoothing:antialiased}body:before{content:'';position:fixed;inset:0;z-index:-1;background-image:linear-gradient(rgba(16,17,15,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(16,17,15,.035) 1px,transparent 1px);background-size:34px 34px}.shell{width:calc(100% - clamp(28px,5vw,92px));max-width:1560px;margin:auto}a{color:inherit;text-decoration:none}img{display:block;width:100%;height:100%;object-fit:cover}.topbar{position:sticky;top:0;z-index:50;background:rgba(246,245,240,.88);backdrop-filter:blur(18px);border-bottom:1px solid rgba(16,17,15,.08)}.nav{height:82px;display:flex;align-items:center;justify-content:space-between;gap:22px}.brand{display:flex;align-items:center;gap:11px;font-family:'Barlow Condensed',Arial,sans-serif;font-size:26px;font-weight:900;letter-spacing:.01em}.brand-mark{width:42px;height:42px;border-radius:13px;background:var(--ink);display:grid;place-items:center;position:relative;box-shadow:inset 0 -8px 0 rgba(255,255,255,.08)}.brand-mark:before{content:'';width:17px;height:24px;border:3px solid var(--green);border-left-width:6px;border-bottom-width:6px;border-radius:10px 10px 10px 3px;transform:rotate(-8deg)}.brand em{font-style:normal;color:var(--green2)}.navlinks{display:flex;align-items:center;gap:24px;font-size:12px;font-weight:700}.navlinks a{opacity:.78}.navlinks a:hover{opacity:1;text-decoration:underline;text-underline-offset:5px}.nav-actions{display:flex;align-items:center;gap:10px}.language-select{height:42px;border-radius:12px;border:1px solid var(--line);background:var(--paper);padding:0 34px 0 13px;font:700 12px 'DM Sans';color:var(--ink)}.button{min-height:52px;border-radius:14px;padding:0 21px;display:inline-flex;align-items:center;justify-content:center;gap:10px;font-size:13px;font-weight:800;border:1px solid transparent}.button.small{min-height:42px;padding:0 16px;border-radius:12px}.button.primary{background:var(--green);color:#08130d}.button.dark{background:var(--ink);color:white}.button.light{background:var(--paper);border-color:var(--line)}.button.ghost{border-color:rgba(255,255,255,.24);color:white}.eyebrow{font-family:'Barlow Condensed',Arial,sans-serif;font-size:14px;font-weight:800;letter-spacing:.13em;text-transform:uppercase;margin:0;color:var(--green2)}.hero{min-height:calc(100vh - 82px);padding:62px 0 84px;display:grid;grid-template-columns:.84fr 1.16fr;gap:clamp(36px,5vw,86px);align-items:center}.hero h1,.page-hero h1{font-family:'Barlow Condensed',Arial,sans-serif;font-size:clamp(68px,7vw,128px);line-height:.78;letter-spacing:0;margin:15px 0 24px;text-transform:uppercase}.hero h1 em,.page-hero h1 em{font-style:normal;color:var(--green2)}.lede{font-size:17px;line-height:1.7;color:var(--muted);max-width:690px}.hero-actions,.download-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.fineprint{font-size:11px;color:#7b7d75;margin-top:17px}.hero-stage{min-height:690px;position:relative}.stage-photo{height:610px;border-radius:34px;overflow:hidden;background:#111;box-shadow:0 30px 90px rgba(16,17,15,.22);margin-left:105px;position:relative}.stage-photo:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.64),transparent 58%)}.stage-caption{position:absolute;left:28px;right:28px;bottom:28px;z-index:2;color:white;display:flex;justify-content:space-between;align-items:end}.stage-caption b{font-family:'Barlow Condensed';font-size:31px;line-height:.9;text-transform:uppercase}.stage-caption span{background:var(--green);color:#06120c;border-radius:999px;padding:8px 11px;font-size:11px;font-weight:900}.iphone{position:relative;background:linear-gradient(90deg,#45474a,#151615 12%,#080908 88%,#65686d);border-radius:48px;padding:8px;box-shadow:0 26px 70px rgba(16,17,15,.35)}.iphone:before{content:'';position:absolute;top:16px;left:50%;transform:translateX(-50%);width:88px;height:25px;border-radius:18px;background:#020202;z-index:5}.iphone-screen{overflow:hidden;border-radius:40px;background:#0b0b0b;position:relative}.iphone-screen img{object-fit:cover}.hero-phone{position:absolute;left:0;bottom:4px;width:238px;transform:rotate(-5deg);z-index:4}.hero-phone .iphone-screen{aspect-ratio:393/852}.trust-ticket{position:absolute;right:0;top:20px;width:235px;border-radius:21px;background:var(--yellow);padding:18px;box-shadow:0 18px 40px rgba(16,17,15,.13);transform:rotate(2deg);z-index:6}.trust-ticket b{font-family:'Barlow Condensed';font-size:20px}.trust-ticket p{font-size:11px;line-height:1.45;margin:6px 0 0;color:#34342d}.band{padding:95px 0;border-top:1px solid var(--line)}.split{display:grid;grid-template-columns:1fr .9fr;gap:70px;align-items:start}.h2{font-family:'Barlow Condensed';font-size:clamp(48px,5vw,74px);line-height:.84;margin:12px 0 0;text-transform:uppercase}.copy{font-size:16px;line-height:1.75;color:var(--muted)}.copy strong{color:var(--ink)}.marquee{height:76px;background:var(--ink);color:white;overflow:hidden;display:flex;align-items:center}.marquee div{font-family:'Barlow Condensed';font-size:28px;font-weight:900;white-space:nowrap;animation:marquee 28s linear infinite}.marquee i{font-style:normal;color:var(--green);margin:0 25px}@keyframes marquee{to{transform:translateX(-40%)}}.section-head{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:35px}.section-head>p{max-width:520px;color:var(--muted);font-size:14px;line-height:1.65}.phone-showcase{background:var(--charcoal);border-radius:38px;padding:48px;display:grid;grid-template-columns:.9fr repeat(3,.72fr);gap:24px;align-items:center;overflow:hidden}.showcase-copy{color:white}.showcase-copy h3{font-family:'Barlow Condensed';font-size:46px;line-height:.86;margin:14px 0;text-transform:uppercase}.showcase-copy p{color:#aaa;font-size:13px;line-height:1.6}.pills{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}.pills b{border:1px solid rgba(255,255,255,.22);border-radius:99px;padding:8px 11px;color:#ddd;font-size:10px}.phone-showcase .iphone-screen{aspect-ratio:393/852}.phone-a{transform:rotate(-4deg)}.phone-b{transform:translateY(-28px)}.phone-c{transform:rotate(4deg)}.feature-grid{display:grid;grid-template-columns:1.1fr .9fr;grid-template-rows:330px 330px;gap:14px}.feature{border:1px solid rgba(16,17,15,.09);border-radius:28px;overflow:hidden;position:relative;padding:27px;background:var(--paper)}.feature.photo{padding:0;color:white}.feature.photo:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.76),transparent 62%)}.feature .feature-copy{position:absolute;left:28px;right:28px;bottom:25px;z-index:2}.feature span{font-family:'Barlow Condensed';font-size:13px;font-weight:900;letter-spacing:.12em;color:var(--green2)}.feature.photo span{color:var(--green)}.feature h3{font-family:'Barlow Condensed';font-size:39px;line-height:.9;text-transform:uppercase;margin:54px 0 12px}.feature.photo h3{margin:8px 0}.feature p{font-size:13px;line-height:1.55;color:var(--muted)}.feature.photo p{color:#ddd}.feature.sage{background:#dfeccd}.feature.violet{background:var(--violet)}.search-demo{height:48px;border-radius:14px;background:var(--paper);display:flex;align-items:center;padding:0 16px;margin-top:36px;font-size:12px;color:#7d7f76}.chords{display:flex;gap:8px;margin-top:40px}.chords b{min-width:56px;height:46px;border:1px solid rgba(16,17,15,.35);border-radius:14px;display:grid;place-items:center;font-family:'Barlow Condensed';font-size:20px}.chords b:first-child{background:var(--ink);color:white}.lesson-strip{display:grid;grid-template-columns:.7fr 1.3fr;gap:18px}.lesson-card{border-radius:30px;background:var(--paper);border:1px solid var(--line);padding:30px}.lesson-card h3{font-family:'Barlow Condensed';font-size:42px;line-height:.9;margin:65px 0 12px;text-transform:uppercase}.lesson-card p{font-size:13px;line-height:1.65;color:var(--muted)}.practice-card{min-height:430px;border-radius:30px;overflow:hidden;position:relative;color:white}.practice-card:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.78),transparent 55%)}.practice-card .feature-copy{position:absolute;z-index:2;left:30px;right:30px;bottom:28px}.desktop-showcase{display:grid;grid-template-columns:.72fr 1.28fr;gap:56px;align-items:center}.desktop-copy ul{list-style:none;padding:0;margin:24px 0;display:grid;gap:11px;font-size:12px}.desktop-copy li:before{content:'✓';display:inline-grid;place-items:center;width:22px;height:22px;border-radius:7px;background:var(--green);margin-right:10px;font-weight:900}.desktop-window{margin:0;border-radius:24px;background:#111;overflow:hidden;border:1px solid #30312f;box-shadow:0 28px 80px rgba(16,17,15,.2)}.window-bar{height:40px;background:#181918;display:flex;align-items:center;gap:7px;padding:0 14px}.window-bar i{width:9px;height:9px;border-radius:50%;background:#666}.window-bar i:first-child{background:#f17668}.window-bar i:nth-child(2){background:#f3df66}.window-bar i:nth-child(3){background:#18d779}.window-bar span{margin-left:auto;color:#7b7b7b;font-size:9px;letter-spacing:.13em}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.steps article{min-height:220px;border:1px solid var(--line);background:var(--paper);border-radius:26px;padding:22px;display:flex;flex-direction:column}.steps article:nth-child(2){background:#dfeccd}.steps article:nth-child(3){background:var(--violet)}.steps article:nth-child(4){background:var(--yellow)}.steps b{font-family:'Barlow Condensed';font-size:15px}.steps h3{font-family:'Barlow Condensed';font-size:34px;margin:auto 0 8px}.steps p{font-size:12px;line-height:1.55;color:var(--muted);margin:0}.download{margin-bottom:90px;background:var(--ink);color:white;border-radius:36px;overflow:hidden;display:grid;grid-template-columns:.92fr 1.08fr}.download-photo{min-height:560px;position:relative}.download-phone{position:absolute;right:30px;bottom:-36px;width:190px;transform:rotate(5deg)}.download-copy{padding:60px}.download-copy .copy{color:#aaa}.download-list{display:flex;flex-wrap:wrap;gap:18px;padding:0;margin:25px 0 0;list-style:none;color:#8f918b;font-size:11px}.download-list li:before{content:'✓';color:var(--green);margin-right:6px}.footer{background:#0d0e0d;color:white;padding:42px 0}.footer .shell{display:flex;align-items:center;justify-content:space-between;gap:20px}.footer p{font-size:12px;color:#8d8d87}.footer-links{display:flex;gap:18px;font-size:12px;color:#ddd}.page-hero{padding:82px 0 48px}.page-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:34px 0 90px}.page-card{border-radius:26px;background:var(--paper);border:1px solid var(--line);padding:27px;min-height:255px}.page-card:nth-child(2n){background:#dfeccd}.page-card:nth-child(3n){background:var(--blue)}.page-card h2,.page-card h3{font-family:'Barlow Condensed';font-size:36px;line-height:.92;margin:50px 0 12px;text-transform:uppercase}.page-card p{font-size:13px;line-height:1.65;color:var(--muted)}.article-list{display:grid;gap:14px;margin:34px 0 90px}.article-list article{display:grid;grid-template-columns:220px 1fr auto;gap:24px;align-items:center;border:1px solid var(--line);background:var(--paper);border-radius:24px;padding:18px}.article-list img{height:145px;border-radius:18px}.article-list h2{font-family:'Barlow Condensed';font-size:35px;line-height:.9;margin:0 0 8px}.article-list p{font-size:13px;color:var(--muted);line-height:1.6;margin:0}.article-list a{font-weight:900;font-size:12px;color:var(--green2)}section,.feature,.steps article,.page-card{opacity:.001;transform:translateY(18px);transition:opacity .55s ease,transform .55s ease}section.revealed,.feature.revealed,.steps article.revealed,.page-card.revealed{opacity:1;transform:none}.hero,.page-hero{opacity:1;transform:none}
@media(max-width:1020px){.navlinks{display:none}.hero,.split,.desktop-showcase,.download{grid-template-columns:1fr}.hero-stage{min-height:570px}.stage-photo{height:500px;margin-left:70px}.phone-showcase{grid-template-columns:1fr repeat(3,.8fr);padding:30px;gap:15px}.feature-grid{grid-template-columns:1fr;grid-template-rows:repeat(4,320px)}.steps,.page-grid{grid-template-columns:1fr 1fr}.article-list article{grid-template-columns:160px 1fr}.article-list a{grid-column:2}.section-head{display:block}.section-head>p{margin-top:16px}}
@media(max-width:620px){.shell{width:calc(100% - 28px)}.nav{height:74px}.brand{font-size:21px}.brand-mark{width:36px;height:36px}.nav-actions .button{display:none}.language-select{width:74px}.hero{padding:40px 0 68px}.hero h1,.page-hero h1{font-size:58px}.lede{font-size:14px}.hero-stage{min-height:520px}.stage-photo{height:430px;margin-left:36px;border-radius:27px}.stage-caption span{display:none}.stage-caption b{font-size:23px}.hero-phone{width:160px;left:-4px}.trust-ticket{width:176px;right:4px;top:6px}.band{padding:74px 0}.h2{font-size:45px}.phone-showcase{grid-template-columns:1fr 1fr;gap:16px;padding:24px 18px}.showcase-copy{grid-column:1/-1}.showcase-copy h3{font-size:39px}.phone-c{display:none}.lesson-strip{grid-template-columns:1fr}.feature-grid{grid-template-rows:repeat(4,300px)}.steps,.page-grid{grid-template-columns:1fr}.download{border-radius:0;width:100%;margin-bottom:0}.download-copy{padding:40px 24px}.download-actions .button{width:100%}.download-list{display:grid;gap:8px}.download-photo{min-height:440px}.download-phone{width:145px;right:14px}.footer .shell{align-items:flex-start;flex-direction:column}.article-list article{display:block}.article-list img{height:180px;margin-bottom:15px}.article-list a{display:inline-block;margin-top:14px}}

/* Image-rich restoration of the approved v8 website direction. */
.inline-photo{height:260px;margin:0 0 24px;border-radius:26px;overflow:hidden;box-shadow:0 18px 50px rgba(16,17,15,.12)}
.inline-photo img{object-position:center 35%}
.feature.with-media{display:grid;grid-template-columns:145px 1fr;grid-template-rows:auto auto 1fr;column-gap:24px;align-items:start}
.feature.with-media>img{grid-row:1/4;width:145px;height:276px;border-radius:21px;object-position:top;box-shadow:0 16px 36px rgba(16,17,15,.14)}
.feature.with-media h3{margin:28px 0 12px}.feature.with-media p{margin:0}
.lesson-card{padding:18px;overflow:hidden}.lesson-card>img{height:190px;border-radius:20px;margin-bottom:22px}.lesson-card .eyebrow{padding:0 12px}.lesson-card h3{margin:26px 12px 12px}.lesson-card>p:last-child{margin:0 12px 14px}
.steps article{min-height:310px;padding:14px;overflow:hidden}.steps article>img{height:130px;border-radius:18px;margin-bottom:16px;object-position:center}.steps article:first-child>img{object-position:top}.steps article b,.steps article h3,.steps article p{margin-left:8px;margin-right:8px}
.page-card{padding:210px 27px 27px;min-height:430px;position:relative;overflow:hidden}.page-card:before{content:'';position:absolute;left:14px;right:14px;top:14px;height:176px;border-radius:18px;background:url('./assets/worship-rehearsal-keyboardist.webp') center/cover no-repeat}.page-card:nth-child(2):before{background-image:url('./assets/piano-chord-hands.webp')}.page-card:nth-child(3):before{background-image:url('./assets/piano-teacher.webp')}.page-card:nth-child(4):before{background-image:url('./assets/screens/explore.png');background-position:top}.page-card:nth-child(5):before{background-image:url('./assets/screens/piano-player.png');background-position:top}.page-card:nth-child(6):before{background-image:url('./assets/worship-stage-keyboardist.webp')}.page-card h2,.page-card h3{margin:16px 0 12px}
@media(max-width:1020px){.feature.with-media{grid-template-columns:180px 1fr}.feature.with-media>img{width:180px}.steps article{min-height:330px}}
@media(max-width:620px){.inline-photo{height:210px}.feature.with-media{grid-template-columns:112px 1fr;column-gap:16px}.feature.with-media>img{width:112px;height:266px}.feature.with-media h3{font-size:31px;margin-top:20px}.steps article{min-height:330px}.steps article>img{height:160px}.page-card{padding-top:210px}}