@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;600;700&family=Manrope:wght@400;500;600;650;700;750;800&display=swap');
:root{--bg:#171915;--surface:#22241f;--text:#f4f1e8;--muted:#babdb0;--accent:#f18c51;--stroke:#393c33}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;background:var(--bg);color:var(--text);font-family:'DM Sans',sans-serif;font-size:16px;line-height:1.65}a{color:inherit;text-decoration:none}button,a,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:6px}a{transition:color .2s,background .2s}p{margin:0;color:var(--muted)}h1,h2,h3{font-family:Manrope,sans-serif;font-weight:650;letter-spacing:-.05em;line-height:1.14;margin:0}h1{font-size:clamp(3.1rem,4.4vw,4.55rem);font-weight:600}h2{font-size:clamp(2rem,3.1vw,3rem)}h3{font-size:1.6rem}em{color:var(--accent);font-style:normal}.wrap{width:min(1240px,calc(100% - 96px));margin:auto}.header{height:106px;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{display:flex;align-items:center;font-family:Manrope,sans-serif;font-weight:800;font-size:1.7rem;letter-spacing:-.07em}.brand-dot{color:var(--accent)}.brand-mark{display:inline-flex;align-items:center;justify-content:center;width:33px;height:36px;margin-right:10px;font-size:26px;color:var(--accent);border-left:3px solid;border-right:3px solid;letter-spacing:-4px;padding-right:4px}.header nav{display:flex;gap:32px;font-size:.9rem;color:#c7c9bf}.header nav a:hover,.text-link:hover{color:var(--accent)}.button{background:var(--accent);color:#1c2018;display:inline-flex;gap:26px;justify-content:space-between;align-items:center;padding:16px 23px;border-radius:6px;font-weight:700;line-height:1.4}.button:hover{background:#ffad78}.button.small{font-size:.875rem;padding:13px 18px}.hero{display:grid;grid-template-columns:1.13fr 1fr;gap:48px;padding-top:32px;padding-bottom:66px;align-items:center}.eyebrow{font-size:.75rem;letter-spacing:.14em;font-weight:700;color:var(--accent);margin-bottom:26px}.hero .eyebrow{display:flex;align-items:center;gap:12px}.line{width:28px;height:1px;background:var(--accent)}.intro{max-width:490px;margin-top:28px;font-size:1.08rem;line-height:1.8}.actions{display:flex;align-items:center;gap:26px;margin-top:34px}.text-link{font-size:.9rem;font-weight:600;display:inline-flex;gap:20px;align-items:center}.hero-note{display:flex;align-items:center;gap:15px;margin-top:42px}.hero-note>span{font-size:1.6rem;color:var(--accent);width:43px;height:43px;border:1px solid var(--stroke);border-radius:50%;display:grid;place-items:center}.hero-note p{font-size:.8rem;line-height:1.5}.hero-visual{height:555px;position:relative;border-radius:100px 8px 8px 8px;overflow:hidden;background:#322c22}.hero-visual img{width:100%;height:100%;object-fit:cover;object-position:49% center;filter:brightness(.72) saturate(.62)}.photo-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(9,14,8,.22),transparent 50%,rgba(12,16,10,.85))}.photo-label{position:absolute;top:35px;right:25px;text-align:right;font-size:.68rem;letter-spacing:.15em;line-height:1.7}.photo-caption{position:absolute;bottom:30px;left:30px;right:30px;display:flex;align-items:center;justify-content:space-between;font-size:1.2rem}.photo-caption>span:last-child{font-size:3rem;color:var(--accent)}.ticker{border-top:1px solid var(--stroke);border-bottom:1px solid var(--stroke)}.ticker>div{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:25px 0;font-size:.9rem;color:#d7d9cc}.ticker b{color:var(--accent);font-size:1.4rem}.section{padding-top:96px;padding-bottom:96px}.section-top{display:flex;justify-content:space-between;align-items:flex-end;gap:70px;margin-bottom:40px}.section-top .eyebrow{margin-bottom:20px}.section-top>p{max-width:355px}.features{display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:18px}.feature{padding:30px;background:var(--surface);border:1px solid var(--stroke);border-radius:9px;display:flex;flex-direction:column;align-items:flex-start}.feature-main{background:#e9e9dc;color:#20261c;border-color:#e9e9dc}.feature-main p{color:#5c6355}.feature-icon{font-size:2rem;line-height:1.1;margin-bottom:34px;color:var(--accent)}.feature-main .feature-icon{color:#566c42}.tag{font-size:.7rem;letter-spacing:.09em;margin-bottom:12px;font-weight:700}.feature>p:not(.tag){font-size:.95rem;line-height:1.75;margin-top:18px;margin-bottom:28px}.feature .text-link{margin-top:auto}.feature-bottom{margin-top:auto;padding-top:18px;border-top:1px solid #c7cbbb;width:100%;display:flex;justify-content:space-between;gap:20px;font-size:.8rem;font-weight:600}.notation-section{background:#20231c;padding:74px 0;border-top:1px solid var(--stroke);border-bottom:1px solid var(--stroke)}.notation-layout{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.notation-layout>div>p:not(.eyebrow){margin-top:24px;max-width:470px}.notation-foot{color:#e5e7dc!important;font-size:.9rem}.notation-card{background:#f0f0e5;color:#242b20;border-radius:8px;padding:28px;transform:rotate(-2deg);box-shadow:10px 14px 0 #32392b}.notation-head{display:flex;justify-content:space-between;align-items:center;gap:15px;font-size:.85rem;font-weight:700}.pill{font-size:.65rem;letter-spacing:.04em;padding:5px 10px;border:1px solid currentColor;border-radius:30px;white-space:nowrap}.notation-grid{margin-top:25px}.bellows{display:grid;grid-template-columns:80px 1fr 1fr;font-size:.75rem;gap:8px;margin-bottom:10px;align-items:center}.bellows strong{background:#d7e0cc;padding:7px;text-align:center;font-weight:500}.bellows strong:last-child{background:#ecdbc9}.grid-row{display:grid;grid-template-columns:80px repeat(4,1fr);border-bottom:1px solid #ccd0c0}.grid-row span{display:flex;align-items:center;font-size:.75rem}.grid-row b{border-left:1px solid #ccd0c0;padding:7px;text-align:center;font-size:1.1rem;font-weight:600;min-height:42px}.bass{background:#e5e7da}.notation-card>p{color:#30392b;font-weight:600;margin-top:22px!important;font-size:.9rem}.notation-card small{font-weight:400;color:#626b59}.levels{display:grid;grid-template-columns:repeat(3,1fr);gap:42px}.levels article{border-top:1px solid var(--stroke);padding-top:24px}.level-no{color:var(--accent);font-size:.85rem}.levels h3{font-size:1.4rem;margin:20px 0 16px}.levels p{font-size:.95rem}.level-tag{display:inline-block;margin-top:24px;background:#2e3526;color:#c9d9b8;border-radius:4px;padding:5px 12px;font-size:.75rem}.community{background:#dce6c9;color:#202a1c;border-radius:10px;padding:56px 70px;display:grid;grid-template-columns:.55fr 1fr;gap:40px;align-items:center;overflow:hidden}.community .eyebrow{color:#4b6339}.community-symbol{font-family:Georgia,serif;font-size:17rem;line-height:1;color:#aebf97;font-style:italic}.community p:not(.eyebrow){color:#536147;max-width:580px;margin-top:24px}.community .text-link{margin-top:28px}.community .text-link:hover{color:#3a5c23}.membership{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.membership>div>p:not(.eyebrow){max-width:430px;margin-top:24px}.membership-note{display:block;margin-top:28px;font-size:.8rem;color:#d7d8cd}.membership-card{padding:35px;background:#252720;border:1px solid #565d49;border-radius:10px}.membership-title{display:flex;align-items:flex-start;justify-content:space-between;gap:15px}.membership-title .pill{color:var(--accent)}ul{padding:0;list-style:none;margin:30px 0}li{padding:7px 0;font-size:.95rem;color:#d7dacd;display:flex;gap:12px}li:before{content:'✓';color:#bdcf9c}.join-area{border-top:1px solid var(--stroke);padding-top:22px}.join-area .price-note{font-size:1.15rem;color:var(--text);font-weight:600}.join-area p+p{font-size:.8rem;margin:7px 0 22px}.full{display:flex}.faq{max-width:850px;padding-bottom:100px}.faq h2{font-size:2rem;margin-bottom:30px}.faq .eyebrow{margin-bottom:16px}details{border-bottom:1px solid var(--stroke)}summary{padding:23px 34px 23px 0;position:relative;cursor:pointer;list-style:none;font-weight:500}summary::-webkit-details-marker{display:none}summary:after{content:'+';position:absolute;right:3px;top:18px;font-size:1.5rem;color:var(--accent)}details[open] summary:after{content:'−'}details>p{padding:0 30px 24px 0;font-size:.95rem}footer{border-top:1px solid var(--stroke);padding-top:36px;padding-bottom:36px;display:flex;justify-content:space-between;gap:25px}footer p{font-size:.8rem;margin-top:8px}.footer-right{text-align:right;font-size:.8rem}.footer-right small{font-size:.75rem;color:#969d8c;display:block;margin-top:15px}.footer-right small a{text-decoration:underline}.skip{position:fixed;top:-100px;left:20px;background:var(--accent);color:#111;padding:12px;z-index:30}.skip:focus{top:15px}@media(min-width:1600px){.hero{gap:70px}}@media(max-width:1050px){.wrap{width:calc(100% - 56px)}.hero{gap:24px}.hero-visual{height:510px}.actions{align-items:flex-start;flex-direction:column;gap:20px}.header nav{gap:18px}.notation-layout,.membership{gap:45px}.features{gap:12px}.feature{padding:24px}.community{padding:40px}.hero-note{margin-top:28px}.notation-head{flex-wrap:wrap}}@media(max-width:760px){.wrap{width:calc(100% - 40px)}.header{height:85px;gap:15px}.header nav{display:none}.brand{font-size:1.4rem}.brand-mark{display:none}.header .small{padding:11px 12px;font-size:.75rem;gap:12px}.hero{grid-template-columns:1fr;padding-top:25px;padding-bottom:35px;gap:35px}h1{font-size:clamp(2.6rem,9.5vw,4rem)}.intro{font-size:1rem}.hero .eyebrow{font-size:.65rem;margin-bottom:20px}.hero-visual{height:390px;border-radius:65px 8px 8px 8px}.actions{flex-direction:row;align-items:center;gap:20px;flex-wrap:wrap}.actions .button{padding:15px 18px}.hero-note{display:none}.ticker>div{flex-wrap:wrap;justify-content:center;gap:7px 15px;padding:19px 0;text-align:center;font-size:.75rem}.ticker b{font-size:1rem}.ticker b:last-of-type{display:none}.section{padding-top:65px;padding-bottom:65px}.section-top{display:block;margin-bottom:30px}.section-top>p{margin-top:22px;max-width:100%}.features,.levels,.notation-layout,.membership{grid-template-columns:1fr}.feature{padding:27px}.feature-icon{margin-bottom:22px}.feature h3 br{display:none}.feature p{max-width:100%}.notation-layout{gap:35px}.notation-section{padding:55px 0}.notation-card{padding:20px;transform:none;box-shadow:5px 7px 0 #32392b}.notation-head{font-size:.8rem}.bellows,.grid-row{grid-template-columns:65px repeat(4,1fr)}.bellows{grid-template-columns:65px 1fr 1fr}.levels{gap:30px}.levels h3{margin:10px 0 14px}.level-tag{margin-top:18px}.community{display:block;padding:34px 25px;position:relative}.community-symbol{display:none}.community h2{font-size:2rem}.membership{gap:32px}.membership-card{padding:26px}.membership-title h3{font-size:1.5rem}.membership-title .pill{font-size:.6rem}.faq{padding-bottom:65px}.faq h2{font-size:1.75rem}summary{font-size:.95rem}footer{display:block}.footer-right{text-align:left;margin-top:30px}footer .brand{font-size:1.6rem}.photo-label{font-size:.6rem}.photo-caption{font-size:1rem}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
.prices{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:18px 0}.prices>div{padding:14px 8px;border:1px solid #515745;border-radius:6px;text-align:center}.prices strong{display:block;font-family:Manrope,sans-serif;font-size:1.38rem;letter-spacing:-.05em;color:var(--accent);white-space:nowrap}.prices span{display:block;font-size:.75rem;color:var(--muted)}.join-area .prices+p{font-size:.8rem;line-height:1.6;margin:0 0 22px}@media(max-width:380px){.prices strong{font-size:1.16rem}.membership-card{padding:20px}}

.brand-mark{letter-spacing:0;padding-right:0;border:0;background:var(--accent);color:var(--bg);border-radius:7px;font-size:23px}.accordion-highlight{display:grid;grid-template-columns:1fr 1.45fr;gap:50px;padding:35px 38px;margin-top:22px;border:1px solid #515c43;border-radius:9px;background:#283020}.accordion-highlight .eyebrow{color:#cad9b5;margin-bottom:16px}.accordion-highlight h3{font-size:1.85rem}.accordion-highlight p:not(.eyebrow){color:#ced5c5}.accordion-highlight .text-link{margin-top:18px}.notation-intro{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:end;margin-bottom:38px}.notation-intro .notation-foot{margin-top:18px}.score-example{margin:0;background:#fff;color:#202820;border-radius:10px;overflow:hidden;border:1px solid #4b5342}.score-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:22px 28px;background:#f0f0e5;font-weight:600}.score-image-link{display:block;padding:20px 12px;background:#fff}.score-image-link img{display:block;width:100%;height:auto}.score-example figcaption{display:flex;justify-content:space-between;gap:20px;padding:18px 28px;border-top:1px solid #e2e5dd;font-size:.875rem;background:#f0f0e5;color:#4b5643}.score-example figcaption a{color:#27381d;font-weight:700;text-decoration:underline;text-underline-offset:4px}@media(max-width:760px){.accordion-highlight,.notation-intro{grid-template-columns:1fr;gap:22px}.accordion-highlight{padding:27px}.accordion-highlight h3 br{display:none}.score-heading{padding:16px;flex-wrap:wrap;gap:12px}.score-image-link{padding:16px 4px}.score-example figcaption{padding:16px;flex-direction:column;gap:12px}.notation-intro{margin-bottom:28px}}

.score-example{box-shadow:0 18px 45px #11160f40}.score-image-link{padding:25px 22px;background:#faf9f2}.score-crop{display:block;overflow:hidden;background:#faf9f2;border-radius:4px}.score-crop img{margin:-2% 0 -1%;mix-blend-mode:multiply}.score-heading{border-bottom:1px solid #dce1d3}.score-heading>span:first-child{font-family:Manrope,sans-serif;letter-spacing:-.035em;font-size:1.1rem}@media(max-width:760px){.score-image-link{padding:18px 8px}}

.hero-visual{background:radial-gradient(ellipse at 55% 45%,#55513c 0%,#303326 45%,#22261e 80%)}.hero-visual img{object-fit:contain;object-position:center;width:112%;max-width:none;height:100%;margin-left:-6%;filter:drop-shadow(0 24px 20px #0008);padding:62px 0 55px}.photo-shade{background:linear-gradient(180deg,#17191524,transparent 24%,transparent 76%,#17191565);pointer-events:none}.score-layout{display:grid;grid-template-columns:.85fr 1.4fr;gap:58px;align-items:center}.notation-intro{display:block;margin:0}.notation-intro>div+div{margin-top:25px}.score-example{min-width:0;background:#f3eddd;border-color:#b5ab92;box-shadow:0 15px 35px #11160f30;transform:rotate(-1deg)}.score-heading{background:#e7dfcc;border-color:#cec3aa;color:#303b29;padding:17px 22px}.score-heading .pill{color:#536449;font-size:.6rem}.score-image-link{background:#f3eddd;padding:19px 10px}.score-crop{background:#f3eddd}.score-crop img{filter:sepia(.06) saturate(1.3);mix-blend-mode:multiply;opacity:1}.score-example figcaption{background:#e7dfcc;border-color:#cec3aa;color:#4a5841;padding:15px 20px;font-size:.75rem;flex-wrap:wrap;gap:8px 20px}.score-example figcaption a{color:#e0e8d5}.notation-intro .eyebrow{font-size:.7rem}@media(max-width:1050px){.score-layout{grid-template-columns:.9fr 1.2fr;gap:32px}.score-heading{flex-wrap:wrap;gap:8px}}@media(max-width:760px){.score-layout{grid-template-columns:1fr;gap:28px}.score-example{transform:none}.hero-visual img{padding:45px 0}.score-heading{padding:16px}.score-example figcaption{padding:14px 16px}.score-image-link{padding:16px 7px}}

.brand-mark{background:transparent;color:var(--accent);border-radius:0;border-left:3px solid;border-right:3px solid;letter-spacing:-4px;padding-right:4px;font-size:26px}
/* Keep both captions outside the instrument area at every viewport width. */
.hero-visual {
  display: grid;
  grid-template-rows: auto minmax(0, 1fr) auto;
  gap: 18px;
  padding: 30px 26px 22px;
}
.hero-visual img {
  grid-row: 2;
  display: block;
  width: 100%;
  height: 100%;
  min-height: 0;
  min-width: 0;
  margin: 0;
  padding: 0;
  object-fit: contain;
}
.photo-label {
  grid-row: 1;
  position: relative;
  inset: auto;
  z-index: 1;
  justify-self: end;
  max-width: 100%;
}
.photo-caption {
  grid-row: 3;
  position: relative;
  inset: auto;
  z-index: 1;
  gap: 16px;
}
.photo-caption > span:last-child { line-height: 1; }
@media (max-width: 760px) {
  .hero-visual { padding: 25px 20px 20px; gap: 14px; }
}

.notation-intro .notation-learning { margin-top: 18px; }

/* Muzikárium wordmark with a bellows-inspired M. */
.brand{letter-spacing:-.055em;white-space:nowrap}.brand-symbol{display:block;flex:none;width:42px;height:42px;margin-right:11px}.brand-dot{margin-left:1px}@media(max-width:900px){.header nav{display:none}}@media(max-width:760px){.brand-symbol{width:32px;height:32px;margin-right:8px}.header .brand{font-size:1.35rem}}@media(max-width:420px){.header{gap:10px}.header .brand{font-size:1.2rem}.header .small{max-width:100px;font-size:.7rem;padding:10px 12px;text-align:center}.header .small>span{display:none}}

/* Accordion-and-note mark adapted from the supplied reference. */
.brand-symbol{width:48px;height:48px;object-fit:contain;background:#22261e;border-radius:12px}@media(max-width:760px){.brand-symbol{width:36px;height:36px;border-radius:9px}}