:root{--ink:#183247;--teal:#216e69;--paper:#fbf8f2;--surface:#fff;--soft-teal:#e8f2ef;--amber:#dda64d;--muted:#536572;--boundary:#778791;--error:#8b3434;--font-ui:ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-editorial:Georgia, "Times New Roman", serif;--radius-card:1rem;--radius-control:.65rem;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-6:1.5rem;--space-8:2rem;--space-12:3rem;--space-16:4rem;--content-max:72rem;--reading-max:65ch}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);background:var(--paper);font-family:var(--font-ui);margin:0;font-size:1.0625rem;line-height:1.65}a{color:inherit}h1,h2,h3{line-height:1.15}:focus-visible{outline:3px solid var(--teal);outline-offset:4px}html[data-contrast=high]{--muted:#3d4f5c;--boundary:#4d5f6b}html[data-motion=reduced]{scroll-behavior:auto}html[data-motion=reduced] *,html[data-motion=reduced] :before,html[data-motion=reduced] :after{transition:none!important;animation:none!important}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.wrap{max-width:var(--content-max);padding:0 var(--space-8);margin:auto}.reading{max-width:var(--reading-max)}.skip{background:var(--surface);z-index:10;padding:15px;position:absolute;top:-100px;left:10px}.skip:focus{top:10px}.concept-banner{background:var(--ink);color:#fff;text-align:center;letter-spacing:.025em;padding:8px 16px;font-size:12px}.concept-banner a{text-underline-offset:2px;text-decoration:underline}.table-scroll{overflow-x:auto}button,.button{font:inherit;cursor:pointer;border-radius:var(--radius-control);border:1px solid var(--teal);background:var(--teal);color:#fff;justify-content:center;align-items:center;min-width:44px;min-height:46px;padding:11px 20px;font-weight:650;text-decoration:none;display:inline-flex}button:hover,.button:hover{filter:brightness(.94)}button.secondary,.button.secondary{color:var(--ink);border-color:var(--boundary);background:0 0}button.subtle,.button.subtle{color:var(--teal);text-underline-offset:3px;background:0 0;border-color:#0000;text-decoration:underline}button[aria-pressed=true]{background:var(--ink);color:#fff;border-color:var(--ink)}button:disabled{opacity:.55;cursor:not-allowed}.link-button{color:var(--teal);text-underline-offset:3px;background:0 0;border:none;min-height:44px;padding:6px 4px;font-weight:600;text-decoration:underline}.link-button.muted-link{color:var(--muted);font-weight:500}.eyebrow{text-transform:uppercase;letter-spacing:.12em;color:var(--teal);font-size:12px;font-weight:750}.quiet{color:var(--muted);font-size:13px}.muted{color:var(--muted)}.card{background:var(--surface);border:1px solid color-mix(in srgb, var(--boundary) 35%, transparent);border-radius:var(--radius-card);padding:var(--space-6)}.card.soft{background:var(--soft-teal);border-color:#0000}.chip{border:1px solid var(--boundary);color:var(--muted);border-radius:999px;padding:6px 11px;font-size:12px;display:inline-block}.field-label{letter-spacing:.05em;text-transform:uppercase;color:var(--muted);margin-bottom:var(--space-2);font-size:12px;font-weight:700;display:block}textarea,input[type=text],select{font:inherit;color:var(--ink);border:1px solid var(--boundary);border-radius:var(--radius-control);background:var(--surface);width:100%;padding:12px 14px}textarea{resize:vertical;min-height:9rem;line-height:1.7}textarea:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--teal);outline-offset:1px}.site-nav{justify-content:space-between;align-items:center;gap:24px;min-height:94px;display:flex}.site-nav .brand img{width:218px;height:auto;display:block}.navlinks{align-items:center;gap:29px;font-size:14px;display:flex}.navlinks a{text-decoration:none}.navlinks a:hover{text-underline-offset:4px;text-decoration:underline}.site-footer{border-top:1px solid color-mix(in srgb, var(--boundary) 30%, transparent);margin-top:var(--space-16);padding:var(--space-8) 0;color:var(--muted);font-size:14px}.section{padding:var(--space-16) 0}.section h2{font:normal clamp(30px, 4vw, 44px)/1.12 var(--font-editorial);letter-spacing:-1px;margin:14px 0 18px}.section-intro{max-width:60ch;color:var(--muted)}.grid-2{gap:var(--space-12);grid-template-columns:1fr 1fr;align-items:start;display:grid}.grid-4{gap:var(--space-6);grid-template-columns:repeat(4,1fr);display:grid}.step-no{font:700 13px var(--font-ui);color:var(--teal);letter-spacing:.1em}.status-line{align-items:center;gap:var(--space-2);color:var(--muted);min-height:1.6em;font-size:13px;display:flex}.status-line[data-state=saved]{color:var(--teal)}.status-line[data-state=error],.error-text{color:var(--error)}.notice{border:1px solid var(--amber);border-radius:var(--radius-control);background:color-mix(in srgb, var(--amber) 12%, var(--surface));padding:var(--space-4);border-left-width:5px}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}.player-top{justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-4) 0;border-bottom:1px solid color-mix(in srgb, var(--boundary) 30%, transparent);flex-wrap:wrap;display:flex}.player-main{max-width:var(--reading-max);margin:var(--space-8) auto}.player-actions{gap:var(--space-3);margin-top:var(--space-6);flex-wrap:wrap;display:flex}.player-bottom{justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-4) 0;border-top:1px solid color-mix(in srgb, var(--boundary) 30%, transparent);flex-wrap:wrap;display:flex}.hint-panel{margin-top:var(--space-4);padding:var(--space-4);background:var(--soft-teal);border-radius:var(--radius-control)}.stage-progress{gap:6px;margin:0;padding:0;list-style:none;display:flex}.stage-progress li{background:color-mix(in srgb, var(--boundary) 35%, transparent);border-radius:3px;width:26px;height:6px}.stage-progress li.done{background:var(--teal)}.stage-progress li.current{background:var(--ink)}.model-steps{margin:0 0 var(--space-4);gap:var(--space-3);padding:0;list-style:none;display:grid}.model-label{color:var(--teal);margin:0 0 var(--space-1);font-size:14px;font-weight:700}.model-text{margin:0;font-size:18px;line-height:1.6}.note-chips{gap:var(--space-2);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.note-chips li{border:1px solid var(--boundary);color:var(--ink);border-radius:999px;align-items:center;min-height:44px;padding:8px 14px;font-size:17px;display:inline-flex}.model-result .model-notice{margin:var(--space-3) 0 0;color:var(--ink);font-size:17px}mark.carried{background:var(--soft-teal);color:var(--ink);border-radius:3px;padding:0 2px;font-weight:700}.lesson-spot{border-radius:var(--radius-card);width:180px;height:auto;margin-bottom:var(--space-4);border:1px solid color-mix(in srgb, var(--boundary) 25%, transparent);display:block}.task-reminder{border:1px solid color-mix(in srgb, var(--boundary) 35%, transparent);border-radius:var(--radius-control);padding:var(--space-2) var(--space-4);background:var(--surface)}.task-reminder summary{cursor:pointer;align-items:center;gap:var(--space-2);min-height:44px;font-size:14px;font-weight:650;display:flex}.demo-options{flex-wrap:wrap;gap:8px;display:flex}.demo-options button{min-height:44px;padding:8px 14px;font-size:13px}.learn-header{justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-4) 0;flex-wrap:wrap;display:flex}.learn-nav{gap:var(--space-4);flex-wrap:wrap;font-size:14px;display:flex}.learn-nav a{text-decoration:none}.learn-nav a:hover{text-underline-offset:4px;text-decoration:underline}.module-list{gap:var(--space-3);margin:0;padding:0;list-style:none;display:grid}.module-list li{padding:var(--space-4)}.lesson-list{margin:var(--space-3) 0 0;gap:var(--space-2);padding:0;list-style:none;display:grid}details.faq{border-bottom:1px solid color-mix(in srgb, var(--boundary) 30%, transparent);padding:var(--space-4) 0}details.faq summary{cursor:pointer;align-items:center;min-height:44px;font-weight:650;display:flex}.phase-strip{gap:var(--space-3);grid-template-columns:repeat(5,1fr);padding:0;list-style:none;display:grid}@media (max-width:1100px){.phase-strip{grid-template-columns:repeat(3,1fr)}}@media (max-width:680px){.phase-strip{grid-template-columns:1fr 1fr}}table.data{border-collapse:collapse;width:100%;font-size:15px}table.data th,table.data td{text-align:left;border-bottom:1px solid color-mix(in srgb, var(--boundary) 30%, transparent);vertical-align:top;padding:10px 12px}table.data th{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-size:12px}.hero{align-items:center;gap:var(--space-16);padding:var(--space-16) 0 var(--space-16);grid-template-columns:1.05fr 1fr;display:grid}.hero h1{font:normal clamp(40px, 5.7vw, 68px)/1.08 var(--font-editorial);letter-spacing:-2px;margin:var(--space-4) 0 var(--space-6)}.hero h1 span{color:var(--teal)}.hero p.lede{max-width:46ch;color:var(--muted);font-size:18px}.actions{gap:var(--space-3);margin:var(--space-8) 0 var(--space-4);flex-wrap:wrap;display:flex}.chips{gap:var(--space-2);margin-top:var(--space-6);flex-wrap:wrap;display:flex}.demo-meta{justify-content:space-between;align-items:center;gap:var(--space-3);color:var(--muted);flex-wrap:wrap;font-size:12px;display:flex}.demo-card h2{font:normal clamp(24px, 3vw, 32px)/1.15 var(--font-editorial);letter-spacing:-.5px;margin:var(--space-3) 0 var(--space-4)}.demo-card .task{font-weight:600}.draft{font:normal clamp(18px, 2.4vw, 22px)/1.4 var(--font-editorial);border-left:4px solid var(--teal);padding:var(--space-2) var(--space-4);margin:var(--space-4) 0}.draft .field-label{font-family:var(--font-ui)}.feedback-box{background:var(--soft-teal);border-radius:var(--radius-control);padding:var(--space-4);margin:var(--space-4) 0}.feedback-box p{margin:var(--space-1) 0 0}.small-step{margin-top:var(--space-3);padding:var(--space-4);background:var(--soft-teal);border-radius:var(--radius-control)}.quote{font:normal clamp(22px, 3vw, 30px)/1.3 var(--font-editorial);margin:var(--space-8) 0 0}.quote small{font:14px var(--font-ui);color:var(--muted);margin-top:var(--space-3);display:block}.facts{gap:var(--space-6);margin-top:var(--space-8);grid-template-columns:repeat(3,1fr);display:grid}.fact{border-top:2px solid var(--teal);padding-top:var(--space-3)}.cta{justify-content:space-between;align-items:center;gap:var(--space-6);background:var(--ink);color:#fff;border-radius:var(--radius-card);padding:var(--space-12);margin:var(--space-16) 0;flex-wrap:wrap;display:flex}.cta h2{font:normal clamp(26px, 3.4vw, 36px)/1.15 var(--font-editorial);margin:0 0 var(--space-2)}.cta p{color:#fffc;margin:0}.cta .button{border-color:#fff}.skill-row{border-top:1px solid color-mix(in srgb, var(--boundary) 30%, transparent);padding:var(--space-4) 0}.skill-row:first-of-type{border-top:none}.skill-row .chip{margin-left:var(--space-2)}.grid-3{gap:var(--space-6);grid-template-columns:repeat(3,1fr);align-items:start;display:grid}.stage-grid{gap:var(--space-6);grid-template-columns:repeat(4,1fr);margin:0;padding:0;list-style:none;display:grid}.image-narrow{max-width:720px;margin-left:auto;margin-right:auto}@media (max-width:900px){.wrap{padding:0 var(--space-6)}.navlinks{gap:18px}.grid-2,.grid-3,.grid-4{gap:var(--space-6);grid-template-columns:1fr}.stage-grid{grid-template-columns:repeat(2,1fr)}.hero{gap:var(--space-8);padding:var(--space-8) 0;grid-template-columns:1fr}.facts{grid-template-columns:1fr}}@media (max-width:680px){.wrap{padding:0 21px}.site-nav{flex-direction:column;align-items:flex-start;gap:12px;padding:21px 0}.navlinks{flex-wrap:wrap;gap:20px;font-size:12px}.section{padding:var(--space-12) 0}.stage-grid{grid-template-columns:1fr}}.editorial-image{border-radius:var(--radius-lg,16px);width:100%;height:auto;display:block}.hero-visual{gap:var(--space-6);min-width:0;display:grid}.hero-illustration{object-fit:contain;max-height:300px}.parent-illustration{max-width:480px;margin:var(--space-6) 0}.rhythm-illustration{max-width:760px;margin-top:var(--space-6)}.empty-illustration{width:200px;max-width:100%;margin-bottom:var(--space-4)}.toolkit-illustration{width:80px;height:80px;margin-bottom:var(--space-4);display:block}