.feature-stories{position:relative;overflow:hidden;padding:130px 0 70px;background:linear-gradient(180deg,#071013,#091316 48%,#071013)}.feature-stories:before{content:"";position:absolute;inset:0;background:linear-gradient(rgba(34,189,199,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(34,189,199,.025) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(to bottom,transparent,#000 12%,#000 88%,transparent)}.feature-intro{position:relative;max-width:860px;margin-bottom:55px}.feature-intro h2{max-width:820px;margin:18px 0;font-size:clamp(40px,5vw,66px);line-height:1.05;letter-spacing:-.055em}.feature-intro h2 em{font-style:normal;background:linear-gradient(100deg,var(--blue),var(--cyan));-webkit-background-clip:text;background-clip:text;color:transparent}.feature-intro>p{max-width:650px;color:#879ca4;font-size:16px}.story{position:relative;display:grid;grid-template-columns:.8fr 1.2fr;align-items:center;gap:90px;min-height:680px;padding-block:80px;border-top:1px solid rgba(34,189,199,.1)}.story-reverse{grid-template-columns:1.2fr .8fr}.story-reverse .story-copy{order:2}.story-reverse .story-visual{order:1}.story-copy{max-width:440px}.story-index{display:block;margin-bottom:20px;color:var(--cyan);font-size:9px;font-weight:800;letter-spacing:.18em}.story-copy h3{margin-bottom:20px;color:#f8fbfc;font-size:clamp(32px,4vw,50px);line-height:1.08;letter-spacing:-.05em}.story-copy>p{color:#8ca1a8;font-size:15px;line-height:1.85}.story-copy ul{display:grid;gap:9px;margin:27px 0 0;padding:0;list-style:none}.story-copy li{display:flex;align-items:center;gap:10px;color:#b7c6cb;font-size:11px}.story-copy li:before{content:'✓';display:grid;place-items:center;width:18px;height:18px;border:1px solid #23606a;border-radius:50%;color:var(--cyan);font-size:8px}.story-visual{position:relative;min-width:0;border:1px solid #213a41;border-radius:22px;background:#0b1519;box-shadow:0 35px 90px rgba(0,0,0,.35)}.story-visual:before{content:"";position:absolute;z-index:-1;width:70%;height:60%;right:-10%;bottom:-15%;border-radius:50%;background:rgba(34,189,199,.1);filter:blur(60px)}
.setlist-demo{padding:22px}.demo-bar{display:flex;align-items:center;justify-content:space-between;padding-bottom:17px;border-bottom:1px solid #21343a;color:#dfeaed;font-size:9px}.demo-bar>span{display:flex;gap:5px}.demo-bar i{display:block;width:6px;height:6px;border-radius:50%;background:#284048}.demo-bar i:first-child{background:#24c78f}.demo-bar small{color:#5d747c;font-size:7px}.setlist-summary{display:flex;justify-content:space-between;align-items:flex-end;padding:25px 4px 18px}.setlist-summary span small,.setlist-summary span strong{display:block}.setlist-summary span small{color:var(--cyan);font-size:6px;letter-spacing:.15em}.setlist-summary span strong{margin-top:5px;color:#fff;font-size:19px}.setlist-summary em{color:#fff;font-size:32px;font-style:normal;font-weight:800;line-height:1}.setlist-summary em small{color:#6f858c;font-size:7px;font-weight:500}.setlist-track{display:grid;grid-template-columns:35px 1fr 30px 38px 20px;align-items:center;gap:10px;margin-top:7px;padding:14px;border:1px solid #22353a;border-radius:10px;color:#728991;font-size:8px}.setlist-track>b{color:#59717a}.setlist-track span strong,.setlist-track span small{display:block}.setlist-track span strong{color:#f0f6f7;font-size:10px}.setlist-track span small{font-size:7px}.setlist-track em{color:var(--cyan);font-style:normal;font-weight:800}.setlist-track i{font-style:normal}.setlist-track u{text-decoration:none;letter-spacing:-2px}.setlist-track.active{border-color:#168793;background:rgba(19,133,145,.08);transform:translateX(8px)}.sync-toast{position:absolute;right:-28px;bottom:-30px;display:flex;align-items:center;gap:11px;padding:13px 17px;border:1px solid #27525a;border-radius:11px;background:#0a171a;box-shadow:0 18px 40px rgba(0,0,0,.3)}.sync-toast i{width:8px;height:8px;border-radius:50%;background:#31dfa1;box-shadow:0 0 0 5px rgba(49,223,161,.1)}.sync-toast small,.sync-toast strong{display:block}.sync-toast small{color:#68818a;font-size:5px;letter-spacing:.13em}.sync-toast strong{color:#fff;font-size:7px}
.projection-demo{padding:18px}.projection-screen{position:relative;overflow:hidden;aspect-ratio:16/9;display:flex;align-items:center;justify-content:center;border:7px solid #19262a;border-radius:13px;background:radial-gradient(circle at 25% 25%,rgba(0,177,212,.4),transparent 35%),radial-gradient(circle at 75% 75%,rgba(17,94,114,.7),transparent 40%),#071013;box-shadow:inset 0 0 80px rgba(0,0,0,.5)}.projection-grain{position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.22) .6px,transparent .6px);background-size:7px 7px;opacity:.25;animation:drift 10s linear infinite}.live-pill{position:absolute;left:17px;top:14px;display:flex;align-items:center;gap:7px;color:#8ba0a7;font-size:6px;letter-spacing:.15em}.live-pill i{width:6px;height:6px;border-radius:50%;background:#31e0a1;box-shadow:0 0 0 4px rgba(49,224,161,.1)}.projection-screen>small{position:absolute;right:15px;bottom:12px;color:#567078;font-size:6px}.lyric-cycle{position:relative;width:100%;height:85px;text-align:center}.lyric-cycle p{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;margin:0;padding:0 35px;color:#fff;font-size:clamp(20px,3vw,35px);font-weight:800;line-height:1.2;letter-spacing:-.04em;opacity:0;animation:lyrics 9s infinite}.lyric-cycle p:nth-child(2){animation-delay:3s}.lyric-cycle p:nth-child(3){animation-delay:6s}.projection-control{display:grid;grid-template-columns:38px 1fr 38px;align-items:center;gap:12px;padding:14px 5px 0}.projection-control button{height:34px;border:1px solid #29434a;border-radius:8px;background:#111f23;color:#7d959d}.projection-control span small,.projection-control span strong{display:block}.projection-control span small{color:var(--cyan);font-size:5px;letter-spacing:.14em}.projection-control span strong{color:#dce7ea;font-size:8px}
.calendar-demo{padding:24px}.calendar-head{display:flex;justify-content:space-between;align-items:center}.calendar-head span small,.calendar-head span strong{display:block}.calendar-head small{color:var(--cyan);font-size:6px;letter-spacing:.15em}.calendar-head strong{margin-top:4px;color:#fff;font-size:18px}.calendar-head button{width:30px;height:30px;margin-left:5px;border:1px solid #294047;border-radius:7px;background:#111d21;color:#8aa0a7}.weekdays,.month-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:5px}.weekdays{margin-top:23px}.weekdays span{padding:7px 0;color:#526a72;font-size:6px;text-align:center}.month-grid>span{position:relative;min-height:47px;padding:7px;border:1px solid #1e3035;border-radius:7px;color:#9bafb5;font-size:7px}.month-grid .muted{color:#354c53}.month-grid i{position:absolute;left:5px;right:5px;bottom:5px;overflow:hidden;padding:3px;border-radius:3px;background:rgba(34,189,199,.12);color:#5bd3da;font-size:5px;font-style:normal;white-space:nowrap}.month-grid .event-day i{background:rgba(29,158,211,.13);color:#65c8ec}.month-grid .today:after{content:'';position:absolute;right:5px;top:5px;width:4px;height:4px;border-radius:50%;background:#31dea0}.month-grid .selected{border-color:var(--cyan);background:rgba(34,189,199,.07)}.calendar-event{display:grid;grid-template-columns:37px 1fr auto;align-items:center;gap:10px;margin-top:13px;padding:12px;border:1px solid #23515a;border-radius:9px;background:rgba(34,189,199,.05)}.calendar-event>b{display:grid;place-items:center;width:36px;height:36px;border-radius:8px;background:linear-gradient(135deg,var(--blue),var(--cyan));color:#fff}.calendar-event span small,.calendar-event span strong{display:block}.calendar-event span small{color:#658189;font-size:5px;letter-spacing:.1em}.calendar-event span strong{color:#fff;font-size:8px}.calendar-event em{color:#b2c1c6;font-size:14px;font-style:normal;font-weight:800}.calendar-event em small{font-size:5px;font-weight:500}
.chords-demo{overflow:hidden}.chords-toolbar{display:flex;justify-content:space-between;align-items:center;padding:17px 20px;border-bottom:1px solid #21363c;background:#0e1a1e}.chords-toolbar span small,.chords-toolbar span strong{display:block}.chords-toolbar small{color:#68818a;font-size:5px;letter-spacing:.13em}.chords-toolbar strong{color:var(--cyan);font-size:22px}.chords-toolbar button{width:37px;height:37px;margin-left:6px;border:1px solid #2a4951;border-radius:9px;background:#14242a;color:#fff;font-size:18px;cursor:pointer}.chords-toolbar button:hover{border-color:var(--cyan);color:var(--cyan)}.song-sheet{min-height:395px;padding:30px 40px;background:linear-gradient(90deg,transparent 39px,rgba(34,189,199,.06) 40px,transparent 41px),#091316}.song-section{color:var(--cyan);font:700 8px monospace;letter-spacing:.14em}.song-sheet p{position:relative;margin:27px 0;color:#c9d5d8;font:12px/1.7 monospace}.song-sheet p b{display:inline-block;min-width:70px;color:#27bec8;font-size:10px}.song-sheet p span{font-size:13px}.song-sheet .current-line{margin-inline:-13px;padding:12px 13px;border-left:2px solid var(--cyan);background:rgba(34,189,199,.06)}.transpose-note{position:absolute;right:-25px;bottom:-24px;display:flex;gap:10px;padding:12px 16px;border:1px solid #22525b;border-radius:10px;background:#0a171a;box-shadow:0 18px 40px rgba(0,0,0,.3)}.transpose-note>i{color:var(--cyan);font-size:20px;font-style:normal}.transpose-note small,.transpose-note strong{display:block}.transpose-note small{color:#6e878f;font-size:5px;letter-spacing:.13em}.transpose-note strong{color:#fff;font-size:7px}
.community-demo{padding:22px}.community-head{display:flex;justify-content:space-between;align-items:center;padding-bottom:18px;border-bottom:1px solid #20343a}.community-head small,.community-head strong{display:block}.community-head small{color:var(--cyan);font-size:6px;letter-spacing:.14em}.community-head strong{color:#fff;font-size:18px}.community-head button{padding:9px 13px;border:0;border-radius:8px;background:linear-gradient(100deg,var(--blue),var(--cyan));color:#fff;font-size:7px;font-weight:800}.member-row{display:grid;grid-template-columns:38px 1fr 60px 75px;align-items:center;gap:10px;padding:13px 4px;border-bottom:1px solid #1d3035}.member-avatar{position:relative;display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#173c47;color:#7ce1e6;font-size:8px;font-weight:800}.member-avatar i{position:absolute;right:-2px;bottom:-2px;width:8px;height:8px;border:2px solid #0b1519;border-radius:50%;background:#31dfa1}.av2{background:#183750;color:#6fc6ef}.av3{background:#3a3020;color:#eac675}.av4{background:#28324b;color:#a9b9ef}.member-row span strong,.member-row span small{display:block}.member-row span strong{color:#eef5f6;font-size:9px}.member-row span small{color:#6f858d;font-size:6px}.member-row em{padding:5px 7px;border:1px solid #28464e;border-radius:10px;color:#8da2a9;font-size:5px;font-style:normal;text-align:center}.member-row>b{color:#33dda2;font-size:5px;text-align:right}.member-row>b.pending{color:#d9af55}.community-foot{display:flex;align-items:center;gap:14px;padding-top:19px}.avatar-stack{display:flex}.avatar-stack span{display:grid;place-items:center;width:29px;height:29px;margin-left:-6px;border:2px solid #0b1519;border-radius:50%;background:#173d48;color:#74dde3;font-size:6px;font-weight:800}.avatar-stack span:first-child{margin-left:0}.avatar-stack span:last-child{background:#16262c;color:#fff}.community-foot p{margin:0}.community-foot p strong,.community-foot p small{display:block}.community-foot p strong{color:#fff;font-size:9px}.community-foot p small{color:#6e858c;font-size:6px}
@keyframes lyrics{0%,30%{opacity:0;transform:translateY(15px)}5%,25%{opacity:1;transform:none}}@keyframes drift{to{background-position:70px 35px}}@media(max-width:980px){.story,.story-reverse{grid-template-columns:1fr;gap:45px;padding-block:90px}.story-reverse .story-copy,.story-reverse .story-visual{order:initial}.story-copy{max-width:650px}.story-visual{width:min(720px,100%)}.feature-intro{margin-bottom:20px}}@media(max-width:640px){.feature-stories{padding-top:90px}.story{min-height:auto;padding-block:75px}.story-copy h3{font-size:35px}.story-copy>p{font-size:14px}.sync-toast,.transpose-note{display:none}.setlist-demo,.calendar-demo,.community-demo{padding:14px}.setlist-track{grid-template-columns:25px 1fr 25px 30px;padding:11px 8px}.setlist-track u{display:none}.setlist-track.active{transform:none}.month-grid>span{min-height:38px;padding:5px}.month-grid i{display:none}.calendar-event{grid-template-columns:37px 1fr}.calendar-event em{display:none}.song-sheet{padding:25px 20px}.song-sheet p b{min-width:57px}.member-row{grid-template-columns:38px 1fr 65px}.member-row em{display:none}.projection-screen{border-width:4px}.lyric-cycle p{font-size:22px}}@media(prefers-reduced-motion:reduce){.lyric-cycle p{position:relative;display:none;animation:none}.lyric-cycle p:first-child{display:flex;opacity:1}.projection-grain{animation:none}}