.desktop-nav{align-items:center;gap:28px;margin-left:0}
.nav-group{position:relative;font-size:12px}
.nav-group>summary{list-style:none;cursor:pointer;padding:27px 0;display:flex;align-items:center;gap:8px}
.nav-group>summary::-webkit-details-marker{display:none}
.nav-group>summary::after{content:'';width:5px;height:5px;border-right:1px solid;border-bottom:1px solid;transform:rotate(45deg);margin-top:-3px;transition:transform .2s}
.nav-group[open]>summary::after{transform:rotate(225deg);margin-top:3px}
.nav-panel{position:absolute;top:100%;left:-28px;width:330px;background:#fafcf5;border:1px solid var(--line);box-shadow:0 20px 45px #14291e14;padding:14px;border-radius:5px}
.desktop-nav .nav-panel a{display:flex;gap:14px;padding:14px;align-items:center;border-radius:3px}
.desktop-nav .nav-panel a::after{display:none}
.nav-panel a:hover,.nav-panel a[aria-current=page]{background:var(--green-light)}
.nav-panel a>span:first-child{font:italic 16px Georgia,serif;color:var(--green-dark);width:23px}
.nav-panel strong{display:block;font-size:13px;font-weight:600}
.nav-panel small{display:block;font-size:10px;color:var(--muted);margin-top:3px}
.nav-panel a>svg{margin-left:auto;width:16px}
.nav-panel .nav-overview{border-top:1px solid var(--line);margin-top:8px;font-size:11px;color:var(--green-dark)}
.desktop-nav>a[aria-current=page]{color:var(--green-dark)}
.mobile-nav{padding-top:20px;padding-bottom:40px}
.mobile-nav-heading{font-size:10px;letter-spacing:.13em;color:var(--muted);margin:22px 0 8px}
.mobile-nav .mobile-nav-grid{display:grid;grid-template-columns:1fr 1fr;column-gap:25px}
.mobile-nav .mobile-nav-grid a{padding:13px 0;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;font-size:14px;min-height:48px}
.mobile-nav .mobile-nav-grid svg{width:15px;height:15px}
.mobile-nav>a{font-size:18px;padding:15px 0;min-height:50px}
.mobile-nav .mobile-nav-grid a[aria-current=page]{color:var(--green-dark)}
.inner-page{padding-top:var(--header);min-height:80svh}
.inner-page h1{font-size:clamp(44px,5.9vw,84px);letter-spacing:-.055em;line-height:1.22}
.inner-page h2{letter-spacing:-.045em}
.inner-page p{overflow-wrap:break-word}
.inner-page section{scroll-margin-top:calc(var(--header) + 20px)}
.home-resources{padding:65px var(--pad) 75px;background:var(--paper)}
.resource-overview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px;margin-top:35px}
.resource-overview>a{display:block;border-top:1px solid var(--line);padding:25px 0 0;position:relative}
.resource-overview small{font:italic 15px Georgia,serif;color:var(--green-dark)}
.resource-overview h3{font-size:23px;margin:17px 0 12px}
.resource-overview p{color:var(--muted);font-size:12px;max-width:280px}
.resource-overview svg{position:absolute;right:0;top:28px;transition:transform .2s}
.resource-overview a:hover svg{transform:translate(3px,-3px)}
.plans-links{display:flex;gap:25px;flex-wrap:wrap;align-items:center}
.hero-art{inset:calc(var(--header) + 12px) 2% 105px 49%;display:flex;align-items:center;justify-content:center}
.music-scene{position:relative;width:100%;max-width:700px;aspect-ratio:1/1;container-type:inline-size}
.scene-halo{position:absolute;inset:13% 4% 12%;border:1px solid #85a47524;border-radius:50%;transform:rotate(-22deg)}
.scene-halo::before{content:'';position:absolute;inset:10%;border:1px dashed #85a4752b;border-radius:50%}
.music-sheet{position:absolute;left:13%;top:14%;width:72%;height:47%;padding:6% 6%;background:linear-gradient(125deg,#fffef8,#f8faf0);border:1px solid #d5decf;border-radius:4px;transform:rotate(-9deg);box-shadow:12px 22px 30px #263c2511,3px 4px 0 #e6ecdf,4px 5px 0 #cdd7c5;animation:sheet-drift 8s ease-in-out infinite}
.sheet-heading{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:7%;font-size:clamp(7px,1.8cqi,12px);letter-spacing:.13em;color:var(--green-dark)}
.sheet-heading strong{font:italic clamp(19px,5.5cqi,38px) Georgia,serif;color:var(--ink);letter-spacing:-.03em}
.music-staff{position:relative;height:38%;margin-top:8%;background:repeating-linear-gradient(to bottom,transparent 0 calc(25% - 1px),#acbca0 calc(25% - 1px) 25%);color:#285734}
.music-staff::before{content:'𝄞';position:absolute;left:1%;top:-55%;font:clamp(36px,13cqi,88px) Georgia,serif;color:#46633d}
.score-note{position:absolute;width:6%;height:16%;border-radius:50%;background:#315c35;transform:rotate(-20deg);animation:note-light 6s ease-in-out infinite;animation-delay:var(--delay)}
.score-note::after{content:'';position:absolute;height:280%;width:2px;right:0;bottom:40%;background:currentColor;transform:rotate(20deg);transform-origin:bottom}
.score-note:nth-child(1){left:28%;top:67%}.score-note:nth-child(2){left:43%;top:44%}.score-note:nth-child(3){left:58%;top:21%}.score-note:nth-child(4){left:73%;top:44%}
.sheet-footer{font-size:clamp(7px,1.7cqi,11px);color:#7c8d73;margin-top:8%;display:flex;justify-content:space-between}
.piano-case{position:absolute;left:3%;right:7%;top:58%;height:25%;padding:3.8% 2.2% 2.2%;background:linear-gradient(120deg,#365b36,#193523);border-radius:8px;box-shadow:0 9px 0 #112b1a,0 22px 35px #1b3c342e;transform:perspective(700px) rotateX(23deg) rotateZ(-9deg)}
.piano-brand{position:absolute;top:3%;left:3%;font-size:clamp(5px,1.1cqi,8px);letter-spacing:.23em;color:#b9d4ab}
.piano-keys{height:100%;display:flex;position:relative;gap:1px;background:#203723;border:1px solid #132b1a;border-radius:0 0 4px 4px}
.piano-key{position:relative;flex:1;background:linear-gradient(#ebeee5,#fffef7);border-radius:0 0 3px 3px;border-bottom:5px solid #cbd4bd;transform-origin:top;animation:key-press 6s ease-in-out infinite;animation-delay:var(--delay)}
.piano-key.black::after{content:'';position:absolute;right:-29%;top:-1px;width:56%;height:61%;z-index:2;background:linear-gradient(100deg,#334536,#14251a);border:1px solid #14251a;border-bottom:5px solid #0b1b0f;border-radius:0 0 3px 3px;box-shadow:2px 4px 2px #18261840}
.growth-ticket{position:absolute;right:1%;top:43%;width:33%;padding:4%;border:1px solid #c5d9b9;border-radius:5px;background:#e7f1df;box-shadow:5px 9px 25px #29402417;transform:rotate(5deg);animation:ticket-drift 8s ease-in-out infinite}
.growth-ticket>span{font-size:clamp(8px,1.8cqi,12px);display:flex;align-items:center;gap:6px;color:#46753d}
.growth-ticket svg{width:clamp(12px,3cqi,20px);height:clamp(12px,3cqi,20px)}
.growth-ticket strong{font-size:clamp(13px,3cqi,20px);display:block;margin-top:13%}
.growth-ticket small{font-size:clamp(7px,1.5cqi,10px);color:#69875d;display:block;margin-top:5%}
.ticket-progress{display:flex;gap:5px;margin-top:14%}
.ticket-progress i{height:5px;flex:1;background:#65c466;border-radius:1px}.ticket-progress i:last-child{background:#c8dfbb;animation:note-light 6s ease-in-out infinite;animation-delay:2s}
.scene-label{position:absolute;top:3%;left:12%;font-size:clamp(8px,1.65cqi,11px);letter-spacing:.11em;color:#6d8564;display:flex;align-items:center;gap:9px}
.scene-label::before{content:'';width:5px;height:5px;background:var(--green);border-radius:50%}
.scene-signature{position:absolute;bottom:4%;left:10%;font:italic clamp(23px,5.4cqi,38px) Georgia,serif;color:var(--green-dark);transform:rotate(-6deg)}
.hero-art .motion-toggle{bottom:0;right:3%;font-size:10px;min-height:44px;padding:12px}
.scene-paused *, .scene-paused *::after{animation-play-state:paused!important}
@keyframes sheet-drift{0%,100%{transform:translateY(0) rotate(-9deg)}50%{transform:translateY(-8px) rotate(-8deg)}}
@keyframes ticket-drift{0%,100%{transform:translateY(0) rotate(5deg)}50%{transform:translateY(-5px) rotate(3deg)}}
@keyframes key-press{0%,7%,22%,100%{background:#fffef7;transform:rotateX(0)}10%,18%{background:#b8e0a5;transform:rotateX(-7deg)}}
@keyframes note-light{0%,7%,28%,100%{background:#315c35}10%,23%{background:#65c466;box-shadow:0 0 15px #65c46666}}
@media(min-width:1600px){.hero-art{inset:calc(var(--header) + 12px) 4% 105px 50%}}
@media(max-width:1150px){.desktop-nav{gap:21px}.hero-art{left:49%;right:0}.nav-panel{left:-55px}}
@media(min-width:601px) and (max-width:900px){.hero-art{inset:auto 0 110px 39%;height:460px}.hero-copy{width:74%}.music-scene{width:500px;max-width:100%}}
@media(max-width:600px){.hero{padding-bottom:440px;min-height:0}.hero-art{inset:auto 2% 95px;height:auto;width:96%;max-width:470px;margin:auto;z-index:1}.music-scene{width:100%;aspect-ratio:1.13}.music-sheet{height:48%}.scene-label{top:0}.hero-art .motion-toggle{bottom:-1%;right:5%;font-size:9px}.scene-signature{bottom:0;left:8%}.hero-bottom>p{font-size:8px}.inner-page h1{font-size:clamp(37px,10vw,58px)}.resource-overview{grid-template-columns:1fr;gap:24px}.home-resources{padding:45px var(--pad)}.resource-overview h3{font-size:22px;margin:12px 0 8px}.resource-overview p{max-width:none}.plans-links{gap:18px}.menu-toggle{min-width:44px}.nav-panel{width:280px}.mobile-nav .mobile-nav-grid a{font-size:13px}.circle-button{width:44px;height:44px}}
@media(max-width:370px){.hero{padding-bottom:380px}.hero-art{bottom:100px}.scene-label{font-size:8px}.hero-signature{font-size:8px}}
@media(prefers-reduced-motion:reduce){.music-scene *,.music-scene *::after{animation:none!important}.piano-key:nth-child(4){background:#c5e6b5}.music-sheet{transform:rotate(-9deg)}}