.cinematic-hero{--hero-progress:0;--hero-ink:oklch(14% .004 290);--hero-scrim:color-mix(in oklab, var(--hero-ink) 82%, var(--color-primary));--hero-scrim-top:color-mix(in oklab, var(--hero-scrim) 45%, transparent);--hero-scrim-soft:color-mix(in oklab, var(--hero-scrim) 40%, transparent);--hero-scrim-strong:color-mix(in oklab, var(--hero-scrim) 76%, transparent);--hero-overlap:2rem;z-index:0;height:calc(100svh + var(--hero-overlap));min-height:calc(34rem + var(--hero-overlap));clip-path:inset(0);color:#fff;background:var(--hero-ink);position:relative;overflow:hidden}.cinematic-hero__media{height:100svh;transform:translateY(calc(var(--hero-progress) * -3%)) scale(calc(1 + var(--hero-progress) * .08));transform-origin:50% 40%;will-change:transform;position:fixed;top:0;left:0;right:0}.cinematic-hero__scene{transition:opacity 2.4s;position:absolute;inset:0}.cinematic-hero__scene img,.cinematic-hero__scene video{object-fit:cover;object-position:66% center;width:100%;height:100%;position:absolute}.cinematic-hero__scene--night{opacity:0}.cinematic-hero[data-scene=night] .cinematic-hero__scene--night{opacity:1}.cinematic-hero[data-scene=night] .cinematic-hero__scene--day{opacity:0}[data-theme=dark] .cinematic-hero[data-ready=false] .cinematic-hero__scene--night{opacity:1}[data-theme=dark] .cinematic-hero[data-ready=false] .cinematic-hero__scene--day{opacity:0}.cinematic-hero__shade{background:linear-gradient(180deg, var(--hero-scrim-top), transparent 22%), linear-gradient(90deg, var(--hero-scrim-strong), var(--hero-scrim-soft) 38%, transparent 72%), linear-gradient(0deg, var(--hero-scrim-strong), transparent 55%);height:100svh;position:fixed;top:0;left:0;right:0}.cinematic-hero__veil{background:var(--hero-ink);height:100svh;opacity:calc(var(--hero-progress) * .7);pointer-events:none;position:fixed;top:0;left:0;right:0}.cinematic-hero__content{inset:auto 0 var(--hero-overlap) 0;z-index:1;opacity:calc(1 - var(--hero-progress) * 1.6);transform:translateY(calc(var(--hero-progress) * -4svh));will-change:transform, opacity;flex-direction:column;align-items:flex-start;padding-bottom:clamp(3.5rem,8svh,6rem);display:flex;position:absolute}.cinematic-hero__status{margin-bottom:1.25rem}.cinematic-hero__title{text-shadow:0 2px 24px oklch(0% 0 0/.25);max-width:13ch}.cinematic-hero__emphasis{color:color-mix(in oklab, var(--color-accent) 48%, var(--color-white))}.cinematic-hero__cue{animation:2.4s ease-in-out infinite hero-cue}@keyframes hero-cue{0%,to{transform:translateY(0)}50%{transform:translateY(3px)}}@media (prefers-reduced-motion:reduce){.cinematic-hero__cue{animation:none}}.cinematic-hero__promise{color:oklch(95% .01 295);max-width:36ch;margin-top:1.25rem}.cinematic-hero__actions{flex-wrap:wrap;align-items:center;gap:.75rem;margin-top:2rem;display:flex}.cinematic-hero__control{right:clamp(1.25rem,4vw,2.5rem);bottom:calc(var(--hero-overlap) + clamp(1.25rem, 4svh, 2.25rem));z-index:2;position:absolute}.home-cinematic-content{z-index:1;background:var(--color-bg);border-radius:2rem 2rem 0 0;margin-top:-2rem;position:relative}.home-cinematic-content:before{content:"";border-top:1.5px solid var(--color-line-ink);border-radius:inherit;pointer-events:none;height:2rem;position:absolute;inset:0 0 auto}.home-cinematic-content>:first-child{border-radius:inherit}@supports (animation-timeline:view()){.cinematic-hero{view-timeline:--hero block}.cinematic-hero__media{animation:linear both hero-media;animation-timeline:--hero;animation-range:exit}.cinematic-hero__veil{animation:linear both hero-veil;animation-timeline:--hero;animation-range:exit}.cinematic-hero__content{animation:linear both hero-copy;animation-timeline:--hero;animation-range:exit}}@keyframes hero-media{0%{transform:translateY(0)scale(1)}to{transform:translateY(-3%)scale(1.08)}}@keyframes hero-veil{0%{opacity:0}to{opacity:.7}}@keyframes hero-copy{0%{opacity:1;transform:translateY(0)}62%{opacity:0}to{opacity:0;transform:translateY(-4svh)}}@media (width<=640px){.cinematic-hero{--hero-overlap:1.5rem;min-height:calc(32rem + var(--hero-overlap))}.cinematic-hero__shade{background:linear-gradient(180deg, var(--hero-scrim-soft), transparent 20%), linear-gradient(180deg, transparent 60%, color-mix(in oklab, var(--hero-scrim) 55%, transparent) 78%, color-mix(in oklab, var(--hero-scrim) 92%, transparent) 100%)}.cinematic-hero__content{padding-bottom:4.75rem}.cinematic-hero__status{margin-bottom:1rem}.cinematic-hero__title{max-width:14ch}.cinematic-hero__promise{display:none}.cinematic-hero__actions{gap:.5rem;margin-top:1.5rem}.home-cinematic-content{border-radius:1.5rem 1.5rem 0 0;margin-top:-1.5rem}}@media (height<=560px) and (orientation:landscape),(prefers-reduced-motion:reduce){.cinematic-hero{--hero-overlap:0rem;clip-path:none;height:auto;min-height:100svh}.cinematic-hero__content{opacity:1;justify-content:flex-end;min-height:100svh;padding-top:6rem;position:relative;transform:none}.cinematic-hero__media,.cinematic-hero__shade{height:auto;animation:none;position:absolute;inset:0;transform:none}.cinematic-hero__content{animation:none}.cinematic-hero__veil{display:none}.home-cinematic-content{margin-top:0}.cinematic-hero__scene{transition:none}.home-cinematic-content:before{display:none}}@media (width<=640px){.cinematic-hero__scene img{object-position:center 32%}}@media (width>=1024px){.cinematic-hero__shade{background:linear-gradient(180deg, var(--hero-scrim-top), transparent 22%), linear-gradient(90deg, var(--hero-scrim-strong), var(--hero-scrim-soft) 28%, transparent 45%), linear-gradient(0deg, var(--hero-scrim-soft), transparent 25%)}.cinematic-hero__content{justify-content:center;padding-top:clamp(7rem,24svh,13rem);padding-bottom:clamp(3rem,8svh,5rem);top:0}.cinematic-hero__title,.cinematic-hero__promise{max-width:min(34vw,30rem)}}.home-story{--story-hold:30svh;position:relative;overflow:clip}.home-story__layout{grid-template-columns:minmax(0,1.15fr) minmax(20rem,.85fr);align-items:start;gap:clamp(2rem,5vw,6rem);margin-top:clamp(2.5rem,6svh,4rem);display:grid}.home-story__stage-column{align-self:stretch;min-width:0}.home-story__stage{height:70svh;min-height:26rem;color:var(--color-ink);flex-direction:column;margin:0;padding:1rem 1.25rem 1.1rem;display:flex;position:sticky;top:12svh}.home-story__stage-heading{justify-content:space-between;align-items:center;gap:1rem;padding-bottom:.75rem;display:flex}.home-story__stage-kicker,.home-story__chapter-label,.home-story__stage-caption{font-family:var(--font-sans);letter-spacing:.14em;text-transform:uppercase;font-size:.72rem;font-weight:600;line-height:1.3}.home-story__stage-kicker{color:var(--color-ink-soft)}.home-story__stage-index{color:var(--color-primary);font-family:var(--font-display);letter-spacing:-.02em;font-size:1.1rem}.home-story__stage-index span{color:var(--color-ink-muted);font-size:.8rem}.home-story__stage-canvas{flex:1;width:100%;min-height:0;position:relative;overflow:hidden;container-type:size}.home-story__static-graph,.home-story__graph-canvas{width:100%;height:100%;position:absolute;inset:0}.home-story__static-graph{transition:opacity .26s;display:block}.home-story__stage[data-canvas-active=true] .home-story__static-graph{opacity:0}.home-story__graph-canvas{pointer-events:none}.home-story__static-edge{fill:none;stroke:color-mix(in oklab, var(--color-primary) 40%, transparent);stroke-linecap:round;stroke-width:.28px}.home-story__static-node{opacity:.95}.home-story__static-node[data-state=pending],.home-story__legend-dot[data-state=pending]{fill:var(--color-graph-blocked);background:var(--color-graph-blocked)}.home-story__static-node[data-state=available],.home-story__legend-dot[data-state=available]{fill:var(--color-graph-unlocked);background:var(--color-graph-unlocked)}.home-story__static-node[data-state=progress],.home-story__legend-dot[data-state=progress]{fill:var(--color-graph-progress);background:var(--color-graph-progress)}.home-story__static-node[data-state=helped],.home-story__legend-dot[data-state=helped]{fill:var(--color-graph-advanced);background:var(--color-graph-advanced)}.home-story__static-node[data-state=mastered],.home-story__legend-dot[data-state=mastered]{fill:var(--color-graph-mastered);background:var(--color-graph-mastered)}.home-story__orbit{pointer-events:none;position:absolute;inset:0}.home-story__orbit-ring{--orbit-radius:40cqmin;width:0;height:0;animation:54s linear infinite home-story-orbit;position:absolute;top:50%;left:50%}.home-story__orbit-lines{width:calc(var(--orbit-radius) * 2.28);height:calc(var(--orbit-radius) * 2.28);position:absolute;top:50%;left:50%;overflow:visible;transform:translate(-50%,-50%)}.home-story__orbit-line{fill:none;stroke:var(--color-primary);stroke-width:.5px;stroke-linecap:round;stroke-dasharray:2.4 3.2;opacity:.55;animation:2.4s linear infinite home-story-flow}.home-story__orbit-item{transform:rotate(calc(var(--orbit-index) * 72deg)) translateX(var(--orbit-radius)) rotate(calc(var(--orbit-index) * -72deg));position:absolute;top:0;left:0}.home-story__orbit-chip{border:1.5px solid var(--color-line-ink);border-radius:var(--radius-sketch-sm);background:var(--color-surface);width:2.75rem;height:2.75rem;color:var(--color-primary-strong);box-shadow:var(--shadow-cel);place-items:center;margin:-1.375rem;animation:54s linear infinite reverse home-story-orbit;display:grid}@keyframes home-story-orbit{to{transform:rotate(360deg)}}@keyframes home-story-flow{to{stroke-dashoffset:-11.2px}}.home-story__stage-footer{border-top:1px solid var(--color-line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem 1.5rem;margin-top:.75rem;padding-top:.85rem;display:flex}.home-story__legend{color:var(--color-ink-soft);flex-wrap:wrap;gap:.4rem 1rem;margin:0;padding:0;font-size:.78rem;list-style:none;transition:opacity .4s;display:flex}.home-story__stage[data-chapter="0"] .home-story__legend,.home-story__stage[data-chapter="1"] .home-story__legend{opacity:.45}.home-story__legend-item{border:1px solid var(--color-line);border-radius:var(--radius-sketch-pill);background:color-mix(in oklab, var(--color-surface) 80%, transparent);color:var(--color-ink);align-items:center;gap:.4rem;padding:.2rem .65rem .2rem .5rem;display:inline-flex}.home-story__progress{flex:1;gap:.3rem;max-width:9rem;margin:0 0 0 auto;padding:0;list-style:none;display:flex}.home-story__progress-step{background:var(--color-line-strong);border-radius:999px;flex:1;height:.25rem;transition:background-color .4s}.home-story__progress-step[data-done=true]{background:var(--color-primary-fill)}.home-story__legend-dot{border:1px solid var(--color-line-ink);border-radius:50%;width:.65rem;height:.65rem;display:inline-block}.home-story__stage-caption{color:var(--color-ink-muted);letter-spacing:.12em;margin:0;font-size:.62rem}.home-story__chapters{min-width:0;padding:var(--story-hold) 0 0;margin:0;list-style:none}.home-story__chapter{min-height:100svh;transition:opacity .3s}.home-story__chapter:last-child{min-height:calc(200svh - var(--story-hold))}.home-story__chapter-inner{top:var(--story-hold);padding:1.6rem 0 2rem;position:sticky}.home-story__chapter-inner:before{content:"";background-color:var(--color-line-ink);opacity:.35;height:8px;-webkit-mask:var(--rule-drawn) repeat-x left center / 120px 8px;-webkit-mask:var(--rule-drawn) repeat-x left center / 120px 8px;mask:var(--rule-drawn) repeat-x left center / 120px 8px;position:absolute;top:0;left:0;right:0}.home-story__chapter[data-active=false]{opacity:.5}.home-story__chapter-meta{align-items:baseline;gap:.9rem;margin:0;display:flex}.home-story__chapter-number{color:var(--color-primary);font-family:var(--font-display);letter-spacing:-.05em;font-size:clamp(1.4rem,2.4vw,2rem);font-weight:450;line-height:1}.home-story__chapter-label{color:var(--color-ink-soft)}.home-story__chapter-title{max-width:18ch;margin:1.1rem 0 0}.home-story__chapter-body{max-width:32rem;margin:.9rem 0 0}.home-story__chapter[data-active=true] .home-story__chapter-number{color:var(--color-primary-strong)}.home-story__chapter[data-active=true] .home-story__chapter-label{color:var(--color-primary-strong,var(--color-primary))}@media (width<=900px){.home-story{--story-stage-h:clamp(15rem, 38svh, 21rem);--story-hold:calc(.75rem + var(--story-stage-h) + 1.5rem)}.home-story__layout{flex-direction:column;gap:1rem;margin-top:2.25rem;display:flex}.home-story__stage-column{z-index:2;background-color:var(--color-surface);background-image:var(--paper-grain);background-size:220px 220px;width:100%;padding-top:.75rem;padding-bottom:.75rem;position:sticky;top:0}.home-story__stage-column:after{content:"";background-color:var(--color-line-ink);opacity:.35;height:8px;-webkit-mask:var(--rule-drawn) repeat-x left center / 120px 8px;-webkit-mask:var(--rule-drawn) repeat-x left center / 120px 8px;mask:var(--rule-drawn) repeat-x left center / 120px 8px;pointer-events:none;position:absolute;bottom:-4px;left:0;right:0}.home-story__stage{height:var(--story-stage-h);min-height:0;max-height:none;padding:.85rem 1rem .9rem;position:relative;top:auto}.home-story__stage-footer{margin-top:.5rem;padding-top:.6rem}.home-story__legend{gap:.3rem .75rem;font-size:.7rem}.home-story__stage-caption{display:none}.home-story__chapters{padding-top:0}.home-story__chapter-inner{padding:1.25rem 0 1.5rem}}@media (height<=560px) and (orientation:landscape),(prefers-reduced-motion:reduce){.home-story__stage-column{background:0 0;position:relative;top:auto}.home-story__stage-column:after{display:none}.home-story__stage{height:clamp(18rem,50svh,34rem);min-height:0;position:relative;top:auto}.home-story__chapters{padding-top:0}.home-story__chapter,.home-story__chapter:last-child{opacity:1;min-height:0}.home-story__chapter-inner{position:relative;top:auto}.home-story__static-graph,.home-story__legend,.home-story__chapter{transition:none}}@media (width>=640px) and (width<=900px){.home-story{--story-stage-h:clamp(15rem, 40svh, 26rem)}.home-story__chapter-body{max-width:36rem}}.home-proof{padding:1.35rem 1.25rem 1.35rem 2.4rem}.home-proof__route{flex-direction:column;gap:.85rem;margin:0;padding:0;list-style:none;display:flex;position:relative}.home-proof__route:before{content:"";border-left:2px dashed color-mix(in oklab, var(--color-line-ink) 45%, transparent);position:absolute;top:.6rem;bottom:.6rem;left:calc(.575rem - 1px)}.home-proof__node{color:var(--color-ink-soft);align-items:center;gap:.85rem;font-size:.85rem;font-weight:500;display:flex;position:relative}.home-proof__dot{z-index:1;border:1.5px solid var(--color-line-ink);background:var(--color-graph-blocked);border-radius:52% 46% 50% 48%/47% 53% 46% 52%;flex-shrink:0;width:1.15rem;height:1.15rem;position:relative}.home-proof__node[data-state=available] .home-proof__dot{background:var(--color-graph-unlocked)}.home-proof__node[data-state=progress] .home-proof__dot{background:var(--color-graph-progress);box-shadow:0 0 0 3px var(--color-surface), 0 0 0 4.5px var(--color-line-ink)}.home-proof__node[data-state=helped] .home-proof__dot{background:var(--color-graph-advanced)}.home-proof__node[data-state=mastered] .home-proof__dot{background:var(--color-graph-mastered)}.home-proof__card{border:1.5px solid var(--color-line-ink);border-radius:var(--radius-sketch-sm);background:var(--color-paper-note);min-width:0;box-shadow:var(--shadow-cel);color:var(--color-ink);flex:1;gap:.35rem;padding:.85rem 1rem;display:grid}.home-proof__node[data-current] .home-proof__label{font-family:var(--font-display);font-size:1.05rem}.home-proof__bar{border:1.5px solid var(--color-line-ink);border-radius:var(--radius-sketch-pill);background:var(--color-surface);height:.5rem;display:block;overflow:hidden}.home-proof__bar>span{background:var(--color-primary-fill);width:60%;height:100%;display:block}