@keyframes video-demo-success-float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.video-demo-success-avatar{animation:3s ease-in-out infinite video-demo-success-float}@media(prefers-reduced-motion:reduce){.video-demo-success-avatar{animation:none}}.sample-lesson-carousel{min-width:0;color:var(--textColor-strong)}.sample-lessons-header{justify-content:space-between;align-items:flex-end;gap:1rem;margin-bottom:1.1rem;display:flex}.sample-lessons-eyebrow{color:var(--textColor-primarySelected);letter-spacing:.14em;text-transform:uppercase;margin:0 0 .3rem;font-size:.8125rem;font-weight:700}.sample-lessons-header h2{font:800 1.375rem/1.22 var(--font-display);margin:0}.sample-lessons-hint{color:var(--textColor-weak);margin:.4rem 0 0;font-size:.875rem;line-height:1.45}.sample-lessons-mobile-hint{display:none}.sample-lessons-arrows{flex:none;gap:.5rem;display:flex}.sample-lessons-arrows button{border:1px solid var(--border);background:var(--card);width:48px;height:48px;color:var(--textColor-primarySelected);cursor:pointer;border-radius:50%;place-items:center;display:grid}.sample-lessons-arrows button:hover{background:var(--bgColor-primaryWeak)}.sample-lessons-track{scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;gap:20px;padding:.25rem .15rem 1.25rem;display:flex;overflow-x:auto}.sample-lessons-track::-webkit-scrollbar{display:none}.lesson-card{border:1px solid var(--border);background:var(--card);box-shadow:0 3px 10px color-mix(in srgb,var(--textColor-strong) 9%,transparent);scroll-snap-align:start;border-radius:12px;flex:0 0 min(280px,78vw);transition:transform .35s,box-shadow .35s;overflow:hidden}.lesson-card-preview{aspect-ratio:16/10;text-align:left;background:var(--lesson-bg);width:100%;color:var(--textColor-strong);cursor:pointer;border:0;padding:0;display:block;position:relative;overflow:hidden}.lesson-card--water{--lesson-bg:var(--bgColor-secondaryOpt1Weak);--lesson-tag:var(--bgColor-secondaryOpt1)}.lesson-card--photo{--lesson-bg:var(--bgColor-successWeaker);--lesson-tag:var(--bgColor-success)}.lesson-card--fractions{--lesson-bg:color-mix(in srgb, var(--yellow) 30%, var(--card));--lesson-tag:var(--bgColor-secondary)}.lesson-card--weather{--lesson-bg:var(--bgColor-primaryWeak);--lesson-tag:var(--bgColor-primaryStrong)}.lesson-card-art{object-fit:contain;width:80%;height:80%;transition:transform .1s linear;position:absolute;inset:10%}.lesson-card-labels{gap:.3rem;max-width:calc(100% - 1.5rem);font-size:.6875rem;font-weight:800;display:flex;position:absolute;top:.75rem;left:.75rem}.lesson-grade-tag,.lesson-subject-tag,.lesson-match-tag,.lesson-duration{white-space:nowrap;border-radius:999px;align-items:center;min-height:1.6rem;padding:.25rem .55rem;display:inline-flex}.lesson-grade-tag{background:var(--bgColor-inverseLight);color:var(--textColor-strong)}.lesson-subject-tag{background:var(--lesson-tag);color:var(--textColor-inverseLight)}.lesson-match-tag{background:var(--yellow);color:var(--yellow-ink);font-size:.6875rem;font-weight:800;position:absolute;top:2.75rem;right:.75rem}.lesson-idle-overlay{justify-content:space-between;align-items:flex-end;display:flex;position:absolute;inset:auto .75rem .75rem}.lesson-play-icon{background:var(--purple);width:52px;height:52px;color:var(--textColor-inverseLight);box-shadow:0 3px 12px color-mix(in srgb,var(--purple) 35%,transparent);border-radius:50%;place-items:center;display:grid}.lesson-duration{background:var(--bgColor-inverseLight);color:var(--textColor-strong);font-size:.75rem;font-weight:800}.lesson-preview-overlay{gap:.55rem;display:grid;position:absolute;inset:auto .75rem .75rem}.lesson-scene-bubble{background:var(--bgColor-inverseLight);width:fit-content;max-width:100%;color:var(--textColor-strong);box-shadow:0 3px 12px color-mix(in srgb,var(--textColor-strong) 14%,transparent);border-radius:999px;align-items:center;gap:.55rem;padding:.35rem .7rem .35rem .35rem;display:flex}.lesson-scene-bubble img{object-fit:cover;border-radius:50%;width:36px;height:36px}.lesson-scene-bubble>span{font-size:.75rem;line-height:1.2;display:grid}.lesson-scene-bubble strong{font-weight:800}.lesson-scene-progress{gap:.25rem;width:100%;display:flex}.lesson-scene-progress-segment{background:color-mix(in srgb,var(--bgColor-inverseLight) 70%,transparent);border-radius:999px;flex:1;height:5px;overflow:hidden}.lesson-scene-progress-fill{border-radius:inherit;background:var(--purple);height:100%;display:block}.lesson-card-body{gap:.65rem;padding:.95rem 1rem 1rem;display:grid}.lesson-card-body h3{font:700 1.25rem/1.3 var(--font-display);margin:0}.lesson-narrator{color:var(--textColor-weak);align-items:center;gap:.55rem;font-size:.8125rem;display:flex}.lesson-narrator img{object-fit:cover;border-radius:50%;width:36px;height:36px}.sample-lesson-carousel button:focus-visible{outline:3px solid var(--ring);outline-offset:3px}.sample-lesson-carousel .lesson-card-preview:focus-visible{outline-offset:-6px}@media(hover:hover)and (prefers-reduced-motion:no-preference){.lesson-card:hover{box-shadow:0 10px 24px color-mix(in srgb,var(--textColor-strong) 14%,transparent);transform:translateY(-4px)}}@media(max-width:1023px){.sample-lessons-track{gap:18px;margin-inline:-32px;padding-inline:32px}}@media(max-width:639px){.sample-lessons-arrows,.sample-lessons-desktop-hint{display:none}.sample-lessons-mobile-hint{display:inline}.sample-lessons-track{gap:14px;margin-inline:-16px;padding-inline:16px}}@media(prefers-reduced-motion:reduce){.lesson-card,.lesson-card-art{transition:none}.sample-lessons-track{scroll-behavior:auto}}.video-demo-hero{border-bottom:1px solid var(--border);background:linear-gradient(135deg,var(--bgColor-primaryWeaker),var(--background) 55%,var(--bgColor-secondaryOpt1Weaker));position:relative;overflow:clip}.video-demo-hero:before,.video-demo-hero:after{content:"";pointer-events:none;border-radius:50%;position:absolute}.video-demo-hero:before{background:var(--color-pink-10);opacity:.16;filter:blur(90px);width:420px;height:420px;top:-80px;left:-120px}.video-demo-hero:after{background:var(--color-teal-10);opacity:.18;filter:blur(100px);width:480px;height:480px;bottom:-60px;right:-160px}.video-demo-grid{z-index:1;grid-template-columns:minmax(0,1fr);grid-template-areas:"intro""booking""lessons";gap:32px;max-width:1280px;margin-inline:auto;padding:36px 16px 56px;display:grid;position:relative}.video-demo-intro{overflow-wrap:anywhere;grid-area:intro;min-width:0}.video-demo-booking{grid-area:booking;min-width:0}.video-demo-lessons{grid-area:lessons;min-width:0}.video-demo-title{letter-spacing:-.02em;text-wrap:balance;max-width:18ch;font-size:clamp(1.75rem,2.4vw + 1rem,4.25rem);font-weight:800;line-height:1.05}@media(min-width:640px){.video-demo-grid{gap:40px;padding:56px 32px 72px}}@media(min-width:1024px){.video-demo-grid{grid-template:"intro booking""lessons booking"1fr/minmax(0,1.15fr) minmax(0,1fr);column-gap:56px;padding:72px 24px 88px}.video-demo-booking{top:calc(var(--nav-h) + 24px);align-self:start;position:sticky}}