.hero-playground{min-width:0;border:1px solid #d9decf;border-radius:22px;background:#ebece2;overflow:hidden;align-self:center}.hero-preview-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:3px;padding:7px;background:#e8ebdf}.hero-preview-tabs button{min-width:0;min-height:44px;border:0;border-radius:10px;background:transparent;font-family:inherit;font-weight:650;font-size:12px;line-height:1.2;color:#59604f;cursor:pointer}.hero-preview-tabs button[aria-selected=true]{background:#24291f;color:#fff}.hero-preview-panel[hidden]{display:none!important}.hero-preview-panel{animation:hero-enter .2s ease-out}.hero-preview-art{position:relative;aspect-ratio:1.25;background:#dddcd0;overflow:hidden}.hero-preview-art>img{width:100%;height:100%;object-fit:cover;display:block}.hero-preview-art>img[hidden]{display:none}.hero-preview-poster>img{object-fit:contain;background:#ddded3}.hero-preview-poster>img[data-hero-workspace]{object-fit:contain;background:#edf0e9}.hero-preview-art>button{position:absolute;right:12px;bottom:12px;border:1px solid #b6bdab;border-radius:30px;background:#f8faf2;color:#20251d;min-height:44px;padding:10px 15px;font:600 12px system-ui;cursor:pointer}.hero-preview-copy{padding:20px 24px 22px;min-height:185px}.hero-preview-copy .hero-preview-eyebrow{font-size:10px;letter-spacing:.12em;font-weight:700;margin:0 0 9px}.hero-preview-copy h2{font-size:clamp(23px,2.3vw,34px);letter-spacing:-.045em;line-height:1.08;margin:0 0 10px}.hero-preview-copy p:not(.hero-preview-eyebrow){font-size:14px;line-height:1.5}.hero-preview-copy>a{display:inline-flex;align-items:center;min-height:44px;font-size:14px;font-weight:700;color:inherit;text-underline-offset:4px}.hero-preview-copy small{display:block;font-size:10px;line-height:1.5;color:#5b6253}.hero-preview-copy small a{color:inherit;text-underline-offset:2px}.hero-preview-sound{display:flex;flex-direction:column;background:#262d26}.hero-preview-sound>img{flex:1;min-height:0;object-fit:cover;object-position:center}.hero-audio{padding:16px 18px;background:#252c24;color:#f4f7ef}.hero-audio p{font-size:10px;letter-spacing:.12em;margin-bottom:10px!important}.hero-audio audio{display:block;width:100%;height:38px}.hero-audio span{display:block;font-size:10px;margin-top:8px;color:#d0d6c7}.hero-alpha-badge{display:inline-flex;align-items:center;gap:7px;font-size:12px!important;color:#405334;font-weight:600;margin-bottom:10px!important}.hero-alpha-badge:before{content:'';width:7px;height:7px;border-radius:50%;background:#66834c}.hero-launch-lesson{grid-column:2/-1;font-size:12px!important;justify-self:start!important;color:#4f436f!important}.mm-filter-row{position:sticky;top:var(--landing-header-height,72px);z-index:12;background:#f6f7eff2;backdrop-filter:blur(12px);padding-block:12px!important;border-bottom:1px solid #d7ddce}.mm-filter-row .mm-filters{min-width:0;flex-wrap:wrap}.landing-feedback-trigger{position:fixed;left:18px;bottom:18px;z-index:40;min-height:44px;padding:10px 16px;border:1px solid #b8c1ab;border-radius:30px;background:#f6f7ef;color:#2b3325;box-shadow:0 3px 15px #20331c18;font:600 12px system-ui;cursor:pointer}.landing-feedback{width:min(520px,calc(100vw - 28px));max-height:calc(100dvh - 32px);box-sizing:border-box;border:1px solid #a7b098;border-radius:20px;padding:28px;background:#f6f7ef;color:#252b21;overflow:auto;font:14px/1.5 system-ui}.landing-feedback::backdrop{background:#15201288;backdrop-filter:blur(5px)}.landing-feedback header{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.landing-feedback header p{font-size:10px;letter-spacing:.12em;margin:0 0 10px}.landing-feedback h2{font-size:30px;line-height:1.05;letter-spacing:-1px;margin:0}.landing-feedback [data-feedback-close]{flex:none;width:44px;height:44px;border:1px solid #c8cebf;border-radius:50%;background:transparent;color:inherit;font-size:25px;cursor:pointer}.landing-feedback label{display:grid;gap:5px;font-size:12px;font-weight:600;margin:13px 0}.landing-feedback :is(input,select,textarea){width:100%;box-sizing:border-box;padding:10px 12px;min-height:44px;border:1px solid #b5beaa;border-radius:8px;background:#fff;color:#252b21;font:16px/1.4 system-ui}.landing-feedback textarea{resize:vertical}.landing-feedback-note{font-size:11px;color:#5b6354}.landing-feedback a{color:inherit}.landing-feedback [data-inline-feedback-status]{font-size:13px}.landing-feedback button:disabled{opacity:.6;cursor:wait}.hero-playground :focus-visible,.landing-feedback :focus-visible,.landing-feedback-trigger:focus-visible{outline:3px solid #7861af;outline-offset:3px}body:has(dialog[open])>.landing-feedback-trigger{visibility:hidden}
@keyframes hero-enter{from{opacity:.5;transform:translateY(5px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.hero-preview-panel{animation:none}}@media(max-width:760px){.hero-preview-art{aspect-ratio:1.4}.hero-preview-copy{padding:17px 18px;min-height:174px}.hero-playground{border-radius:18px}.hero-preview-tabs button{font-size:12px}.landing-feedback{padding:20px}.landing-feedback-trigger{left:12px;bottom:12px}.launch-hero{gap:24px!important}.hero-preview-copy h2{font-size:25px}.mm-filter-row{gap:8px!important}.hero-launch-lesson{grid-column:1/-1}}
@media(min-width:761px){.hero-preview-art{aspect-ratio:auto;height:clamp(240px,25vw,330px)}.hero-preview-copy{min-height:178px;padding:18px 22px}.launch-hero:has(.hero-playground){padding-block:38px;gap:44px}}