.hero{align-items:center;gap:2.5rem;padding-block-start:1rem;display:grid}.hero-copy{gap:1.5rem}.lesson-preview{border:2px solid var(--color-line);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:0 6px 0 var(--color-line-deep);flex-direction:column;gap:1.25rem;margin:0;padding:1.5rem 1.5rem 2rem;display:flex;position:relative}.lesson-progress{background:var(--color-line);border-radius:1rem;height:1rem}.lesson-progress span{border-radius:inherit;background:var(--color-leaf);width:62%;height:100%;box-shadow:inset 0 -4px 0 var(--color-leaf-deep);display:block}.lesson-prompt{font-size:clamp(1.25rem,1rem + 1.5vw,1.75rem);overflow-x:auto}.lesson-steps{border-inline-start:3px solid var(--color-sky-edge);color:var(--color-ink-dim);flex-direction:column;gap:.5rem;padding-inline-start:1rem;font-size:1.125rem;display:flex}.lesson-mascot{inset-inline-end:1rem;width:4.5rem;position:absolute;bottom:-1.25rem}.lesson-mascot svg{width:100%;height:auto}.facts ul{gap:1rem;display:grid}.facts li{border-inline-start:3px solid var(--color-leaf);color:var(--color-ink-soft);padding-inline-start:1rem;font-weight:700}.how-grid,.proof-grid{gap:1.5rem;display:grid}.how-item{flex-direction:column;gap:.75rem;display:flex}.section-rail{gap:1.5rem;display:grid}.rail-group{flex-direction:column;gap:.75rem;display:flex}.rail-group h3{color:var(--color-muted-soft);font-size:1rem}.chip-list{flex-wrap:wrap;gap:.625rem;display:flex}.chip{border:2px solid var(--color-line);min-height:2.75rem;box-shadow:0 3px 0 var(--color-line);color:var(--color-ink-soft);border-radius:999px;align-items:center;padding:.5rem 1rem;text-decoration:none;display:inline-flex}.chip:hover{border-color:var(--color-sky-edge);color:var(--color-ink)}.proof-quote{border-radius:var(--radius-lg);background:var(--color-surface);flex-direction:column;gap:1rem;height:100%;margin:0;padding:1.5rem;font-size:1.125rem;display:flex}.proof-note{font-size:.9375rem}@media (width>=40rem){.facts ul,.how-grid{grid-template-columns:repeat(2,1fr)}}@media (width>=64rem){.hero{grid-template-columns:1.1fr 1fr;gap:4rem}.facts ul,.how-grid,.proof-grid{grid-template-columns:repeat(4,1fr)}.proof-grid{grid-template-columns:repeat(3,1fr)}}.unit-layout{gap:2.5rem;display:grid}.lesson-list{flex-direction:column;gap:.5rem;display:flex}.lesson-row{border:2px solid var(--color-line-deep);border-radius:var(--radius-md);align-items:center;gap:1rem;padding:.75rem 1rem;display:flex}.lesson-text{flex-direction:column;display:flex}.lesson-title{font-weight:800}.lesson-meta{font-size:.9375rem}.example-grid{gap:1.5rem;display:grid}.example-card{border:2px solid var(--color-line);border-radius:var(--radius-lg);background:var(--color-surface);flex-direction:column;gap:1rem;min-width:0;padding:1.5rem;display:flex}.example-prompt{font-size:1.25rem;overflow-x:auto}.example-steps h3{color:var(--color-muted-soft);font-size:.9375rem}.example-steps ol{border-inline-start:3px solid var(--color-sky-edge);color:var(--color-ink-dim);flex-direction:column;gap:.375rem;padding-inline-start:1rem;display:flex;overflow-x:auto}@media (width>=64rem){.unit-layout{grid-template-columns:2fr 1fr}.example-grid{grid-template-columns:repeat(3,1fr)}}