.landing-header{border-bottom:1px solid #0000}.hero-stage{perspective:1800px;perspective-origin:60% 40%}.hero-surface,.hero-piece{transform-style:preserve-3d}.hero-step-dot{background:var(--surface-sunken)}@keyframes landing-header-edge{to{border-bottom-color:var(--border);box-shadow:var(--shadow-raised)}}@keyframes hero-surface-settle{0%{transform:rotateX(18deg)rotateY(-20deg)rotate(4deg)scale(.9)}to{transform:none}}@keyframes hero-dock{0%{transform:var(--from)}to{transform:none}}@keyframes hero-step-on{0%{color:var(--foreground-muted)}to{color:var(--foreground)}}@keyframes hero-dot-on{0%{background:var(--surface-sunken);transform:scale(.8)}to{background:var(--primary);transform:none}}@keyframes hero-progress{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@keyframes landing-drift{0%{transform:translateY(28px)}to{transform:translateY(-28px)}}@keyframes flow-draw{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}.hero-progress-fill{transform-origin:top;transform:scaleY(1)}@supports (animation-timeline:scroll()){@media (prefers-reduced-motion:no-preference){.landing-header{animation:linear both landing-header-edge;animation-timeline:scroll(root);animation-range:0 96px}}}@supports (animation-timeline:view()){@media (min-width:1024px) and (prefers-reduced-motion:no-preference){.hero-story{view-timeline:--hero block;height:250vh}.hero-sticky{height:100svh;position:sticky;top:0}.hero-surface{animation:linear both hero-surface-settle;animation-timeline:--hero;animation-range:contain contain 62%}.hero-piece{animation:hero-dock var(--ease-entrance) both;animation-timeline:--hero;animation-range:contain var(--a) contain var(--b)}.hero-step{animation:linear both hero-step-on;animation-timeline:--hero;animation-range:contain var(--a) contain var(--b)}.hero-step .hero-step-dot{animation:linear both hero-dot-on;animation-timeline:--hero;animation-range:contain var(--a) contain var(--b)}.hero-progress-fill{animation:linear both hero-progress;animation-timeline:--hero;animation-range:contain 4% contain 78%}.landing-drift{animation:linear both landing-drift;animation-timeline:view();animation-range:cover}.flow-path{stroke-dasharray:1;animation:linear both flow-draw;animation-timeline:view();animation-range:entry 10% cover 45%}}}@keyframes chapter-in{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@keyframes chapter-visual-in{0%{opacity:0;transform:translateY(36px)scale(.975)}to{opacity:1;transform:none}}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.chapter-in{animation:chapter-in var(--ease-entrance) both;animation-timeline:view();animation-range:entry var(--s,0px) entry calc(var(--s,0px) + 200px)}.chapter-visual{animation:chapter-visual-in var(--ease-entrance) both;animation-timeline:view();animation-range:entry calc(var(--s,0px) + 60px) entry calc(var(--s,0px) + 340px)}}@media (min-width:1024px) and (prefers-reduced-motion:no-preference){.chapter-visual{animation-range:entry calc(var(--s,0px) + 160px) entry calc(var(--s,0px) + 460px)}}}.landing-link{transition:background-size var(--duration-normal) var(--ease-standard), color var(--duration-fast) var(--ease-standard);background-image:linear-gradient(currentColor,currentColor);background-position:0 100%;background-repeat:no-repeat;background-size:0% 1px}.landing-link:hover{background-size:100% 1px}@media (prefers-reduced-motion:reduce){.landing-link{transition:none}}