/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.relative{position:relative}.start{inset-inline-start:var(--spacing)}.table{display:table}}:root{--purple:#43206b;--magenta:#bd398f;--orange:#ff9d00;--coral:#f25c4d;--cream:#fff4e2;--ink:#2a2140;--muted:#6b6474;--paper:#fffdf8;--line:#e9dfd2;--accent:var(--orange);--soft:#fff0cf}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);margin:0;font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}.site-header{border-bottom:1px solid var(--line);z-index:20;background:#fffdf8f5;justify-content:space-between;align-items:center;min-height:104px;padding:12px clamp(22px,5vw,76px);display:flex;position:relative}.brand{border-radius:12px;align-items:center;display:inline-flex}.brand:focus-visible{outline:4px solid var(--orange);outline-offset:5px}.brand-logo{object-fit:contain;width:auto;height:78px;display:block}.pilot-pill{background:var(--purple);color:#fff;letter-spacing:.12em;border-radius:99px;padding:9px 14px;font-size:11px;font-weight:800}.hero{grid-template-columns:minmax(0,1fr) minmax(360px,.85fr);align-items:center;gap:7vw;min-height:640px;padding:64px clamp(22px,7vw,110px) 86px;display:grid;overflow:hidden}.hero-copy{max-width:700px}.eyebrow{color:var(--magenta);letter-spacing:.18em;margin:0 0 16px;font-size:12px;font-weight:900}.hero h1{letter-spacing:-.07em;color:var(--purple);margin:0;font-size:clamp(58px,8vw,112px);line-height:.88}.hero h1 span{color:var(--orange)}.hero-text{max-width:610px;color:var(--muted);margin:30px 0;font-size:clamp(17px,2vw,21px);line-height:1.65}.primary-button{background:var(--purple);color:#fff;border-radius:14px;align-items:center;gap:20px;padding:17px 22px;font-weight:800;display:inline-flex;box-shadow:0 8px #2b1248}.primary-button span{color:var(--orange);font-size:21px}.sound-playground{min-height:470px;position:relative}.blob{filter:saturate(110%);border-radius:46% 54% 62% 38%/43% 46% 54% 57%;position:absolute}.blob-one{background:var(--magenta);width:420px;height:390px;top:34px;right:0;transform:rotate(-7deg)}.blob-two{background:var(--orange);width:260px;height:230px;bottom:0;left:3%;transform:rotate(18deg)}.sound-card{border:3px solid var(--purple);width:180px;height:200px;transform:rotate(var(--r));background:#fff;border-radius:28px;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;box-shadow:0 24px 50px #43206b2e}.sound-card span{color:var(--purple);letter-spacing:-.06em;font-size:78px;font-weight:900;line-height:1}.sound-card small{color:var(--magenta);margin-top:10px;font-size:18px;font-weight:800}.card-a{--r:-9deg;top:38px;left:5%}.card-m{--r:7deg;top:110px;right:8%}.card-p{--r:-2deg;bottom:-24px;left:35%}.spark{color:var(--purple);font-size:35px;font-weight:900;position:absolute}.spark-one{top:20px;right:6%}.spark-two{color:var(--coral);bottom:14%;left:8%}.lesson-section{background:var(--cream);padding:90px clamp(22px,7vw,110px) 110px}.section-heading{justify-content:space-between;align-items:end;gap:40px;margin-bottom:42px;display:flex}.section-heading h2,.adult-guide h2,.track-instructions h2,.pattern-heading h2{color:var(--purple);letter-spacing:-.05em;margin:0;font-size:clamp(34px,5vw,58px);line-height:1}.section-heading>p{max-width:440px;color:var(--muted);margin:0;font-size:17px;line-height:1.6}.lesson-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.lesson-card{border:2px solid var(--line);background:#fff;border-radius:26px;grid-template-rows:auto 1fr auto;min-height:245px;padding:22px;transition:transform .18s,box-shadow .18s;display:grid;position:relative;overflow:hidden;box-shadow:0 9px #43206b1a}.lesson-card:hover{transform:translateY(-5px);box-shadow:0 14px #43206b1f}.lesson-number{color:var(--muted);font-size:12px;font-weight:900}.lesson-sound{color:var(--accent);letter-spacing:-.08em;align-self:center;font-size:clamp(60px,8vw,98px);font-weight:900;line-height:.9}.lesson-card h3{color:var(--purple);margin:0;font-size:22px}.lesson-card p{color:var(--muted);margin:5px 0 0}.card-arrow{background:var(--accent);color:#fff;border-radius:50%;place-items:center;width:40px;height:40px;font-size:20px;display:grid;position:absolute;bottom:20px;right:20px}.tone-orange{--accent:#ff9d00;--soft:#fff0cf}.tone-pink{--accent:#bd398f;--soft:#fbe0f1}.tone-blue{--accent:#278ed1;--soft:#dff2ff}.tone-green{--accent:#42a85b;--soft:#e1f6e5}.tone-yellow{--accent:#e7aa17;--soft:#fff1bd}.tone-purple{--accent:#7050b8;--soft:#eee7ff}.adult-guide{background:var(--purple);color:#fff;border-radius:34px;grid-template-columns:auto 1fr auto;align-items:center;gap:48px;margin:90px clamp(22px,7vw,110px);padding:clamp(28px,5vw,58px);display:grid}.guide-badge{writing-mode:vertical-rl;color:var(--orange);letter-spacing:.16em;font-size:12px;font-weight:900;transform:rotate(180deg)}.adult-guide h2{color:#fff}.adult-guide p{color:#e9dff4;max-width:720px;font-size:17px;line-height:1.7}.adult-guide ol{gap:12px;min-width:210px;margin:0;padding:0;list-style:none;display:grid}.adult-guide li{align-items:center;gap:12px;font-weight:800;display:flex}.adult-guide li span{background:var(--orange);width:31px;height:31px;color:var(--purple);border-radius:50%;place-items:center;display:grid}footer{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;gap:24px;padding:28px clamp(22px,5vw,76px);font-size:13px;display:flex}.lesson-page{background:var(--paper);min-height:100vh}.lesson-header{position:sticky;top:0}.all-lessons{color:var(--purple);font-size:14px;font-weight:800}.lesson-hero{background:var(--soft);border-bottom:2px solid var(--accent);justify-content:space-between;align-items:center;gap:40px;min-height:410px;padding:64px clamp(22px,8vw,130px);display:flex}.lesson-hero h1{color:var(--purple);letter-spacing:-.07em;margin:0;font-size:clamp(52px,8vw,100px);line-height:.9}.spanish-title{color:var(--accent);margin:12px 0 0;font-size:24px;font-weight:900}.hero-sound{min-width:270px;height:240px;color:var(--accent);letter-spacing:-.08em;box-shadow:0 16px 0 var(--accent);background:#fff;border-radius:42px;place-items:center;font-size:clamp(70px,11vw,145px);font-weight:900;display:grid}@supports (color:color-mix(in lab, red, red)){.hero-sound{box-shadow:0 16px 0 color-mix(in srgb,var(--accent) 30%,transparent)}}.hero-sound{transform:rotate(3deg)}.pattern-panel{padding:70px clamp(22px,8vw,130px)}.pattern-heading{justify-content:space-between;align-items:end;gap:40px;margin-bottom:34px;display:flex}.pattern-heading>p{max-width:430px;color:var(--muted);margin:0;font-size:17px;line-height:1.6}.syllable-row{grid-template-columns:repeat(5,1fr);gap:14px;display:grid}.syllable-chip{background:var(--soft);border:2px solid var(--accent);border-radius:24px;flex-direction:column;justify-content:center;align-items:center;min-height:150px;display:flex}@supports (color:color-mix(in lab, red, red)){.syllable-chip{border:2px solid color-mix(in srgb,var(--accent) 45%,white)}}.syllable-chip{cursor:pointer;transition:transform .18s,box-shadow .18s,background .18s}.syllable-chip strong{color:var(--accent);letter-spacing:-.06em;font-size:clamp(42px,6vw,70px)}.syllable-chip span{color:var(--purple);margin-top:7px;font-size:16px;font-weight:800}.syllable-chip small{color:var(--accent);margin-top:11px;font-size:12px}.syllable-chip:hover,.syllable-chip.is-playing{box-shadow:0 8px 0 var(--accent);background:#fff;transform:translateY(-4px)}@supports (color:color-mix(in lab, red, red)){.syllable-chip:hover,.syllable-chip.is-playing{box-shadow:0 8px 0 color-mix(in srgb,var(--accent) 24%,transparent)}}.syllable-chip:focus-visible{outline:4px solid var(--purple);outline-offset:3px}.syllable-chip:disabled{cursor:not-allowed;opacity:.6}.tracks-section{background:var(--cream);padding:70px clamp(22px,8vw,130px) 90px}.track-instructions{max-width:760px;margin-bottom:38px}.audio-warning{color:#a52424;font-weight:800}.track-list{gap:14px;display:grid}.track-card{border:2px solid var(--line);background:#fff;border-radius:24px;grid-template-columns:64px 44px 1fr 40px;align-items:center;gap:20px;min-height:138px;padding:20px 24px;transition:border-color .2s,transform .2s;display:grid}.track-card.is-playing{border-color:var(--accent);transform:translate(5px)}.play-button{background:var(--accent);color:#fff;cursor:pointer;width:64px;height:64px;box-shadow:0 6px 0 var(--accent);border:0;border-radius:50%;place-items:center;font-size:23px;display:grid}@supports (color:color-mix(in lab, red, red)){.play-button{box-shadow:0 6px 0 color-mix(in srgb,var(--accent) 55%,#371b5e)}}.play-button:active{box-shadow:0 3px 0 var(--accent);transform:translateY(3px)}@supports (color:color-mix(in lab, red, red)){.play-button:active{box-shadow:0 3px 0 color-mix(in srgb,var(--accent) 55%,#371b5e)}}.play-button:focus-visible{outline:4px solid var(--purple);outline-offset:3px}.track-index{color:#aaa2ad;font-size:12px;font-weight:900}.track-stage{color:var(--accent);letter-spacing:.14em;margin:0 0 5px;font-size:10px;font-weight:900}.track-copy h3{color:var(--purple);margin:0;font-size:22px}.track-label{color:var(--muted);margin:4px 0 13px;font-size:14px}.track-preview{background:var(--soft);color:var(--ink);border-radius:10px;padding:8px 12px;font-size:14px;font-weight:800;display:inline-block}.playing-bars{opacity:0;align-items:center;gap:4px;height:28px;display:flex}.is-playing .playing-bars{opacity:1}.playing-bars i{background:var(--accent);border-radius:3px;width:4px;height:10px;animation:.7s infinite alternate bounce}.playing-bars i:nth-child(2){height:23px;animation-delay:.18s}.playing-bars i:nth-child(3){height:16px;animation-delay:.36s}@keyframes bounce{0%,to{animation-timing-function:cubic-bezier(.8,0,1,1);transform:translateY(-25%)}50%{animation-timing-function:cubic-bezier(0,0,.2,1);transform:none}}.support-note{border-left:8px solid var(--orange);background:var(--purple);color:#fff;border-radius:0 18px 18px 0;margin:70px clamp(22px,8vw,130px);padding:26px 30px}.support-note strong{color:var(--orange);text-transform:uppercase;letter-spacing:.12em;font-size:12px}.support-note p{max-width:880px;margin:8px 0 0;line-height:1.6}.lesson-nav{justify-content:space-between;padding:30px clamp(22px,8vw,130px) 70px;display:flex}.lesson-nav a{color:var(--purple);font-weight:900}@media (width<=900px){.hero{grid-template-columns:1fr;padding-top:50px}.sound-playground{min-height:420px}.lesson-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.section-heading,.pattern-heading{flex-direction:column;align-items:start}.adult-guide{grid-template-columns:1fr;gap:22px}.guide-badge{writing-mode:horizontal-tb;transform:none}.lesson-hero{min-height:360px}.hero-sound{min-width:220px;height:200px}}@media (width<=620px){.site-header{min-height:82px;padding:8px 18px}.brand-logo{height:62px}.pilot-pill{padding:8px 10px;font-size:9px}.hero{min-height:auto;padding:42px 20px 60px}.hero h1{font-size:58px}.hero-text{font-size:17px}.sound-playground{min-height:350px;margin-top:10px}.blob-one{width:300px;height:280px}.blob-two{width:190px;height:160px}.sound-card{border-radius:22px;width:130px;height:150px}.sound-card span{font-size:54px}.sound-card small{font-size:15px}.card-m{right:1%}.card-p{left:32%}.lesson-section{padding:65px 20px 80px}.lesson-grid{grid-template-columns:1fr}.lesson-card{min-height:210px}.section-heading{margin-bottom:28px}.section-heading h2{font-size:42px}.adult-guide{border-radius:25px;margin:58px 20px}footer{flex-direction:column;padding:24px 20px}.lesson-hero{align-items:start;min-height:auto;padding:42px 20px}.lesson-hero h1{font-size:50px}.hero-sound{border-radius:25px;min-width:112px;height:112px;font-size:58px}.pattern-panel,.tracks-section{padding:55px 20px}.syllable-row{gap:6px}.syllable-chip{border-radius:15px;min-height:96px}.syllable-chip strong{font-size:32px}.syllable-chip span{font-size:12px}.track-instructions h2,.pattern-heading h2{font-size:39px}.track-card{grid-template-columns:52px 1fr;gap:15px;padding:18px}.play-button{width:52px;height:52px}.track-index,.playing-bars{display:none}.track-preview{font-size:12px}.support-note{margin:55px 20px}.lesson-nav{gap:16px;padding:20px 20px 55px;font-size:13px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
