.landing-page{timeline-scope:--assembly}.brand-intro{min-height:100svh}.intro-pin{place-items:center;min-height:100svh;padding:88px 24px 32px;display:grid}.intro-scene{text-align:center;width:100%}.intro-art{width:min(100%,600px);margin-inline:auto}.intro-art svg{width:100%;height:min(42svh,380px);display:block;overflow:visible}.intro-title{letter-spacing:-2px;font-size:clamp(48px,7vw,80px);font-weight:500;line-height:1.1}.intro-tagline{margin-top:16px;font-size:clamp(22px,3.5vw,40px);line-height:1.25}.intro-tagline span{color:var(--md-sys-color-primary)}.intro-scroll-hint{color:var(--md-sys-color-on-surface-variant);margin-top:32px;font-size:13px}@keyframes assemble-back{0%{transform:translate(-280px,12px)rotate(-8deg)}85%{transform:translate(8px)rotate(1deg)}to{transform:translate(0)rotate(0)}}@keyframes assemble-front{0%{transform:translate(280px,-12px)rotate(8deg)}85%{transform:translate(-8px)rotate(-1deg)}to{transform:translate(0)rotate(0)}}@keyframes assembly-sparkle{0%{opacity:0;scale:.5}70%{opacity:1;scale:1.15}to{opacity:1;scale:1}}@keyframes intro-exit{0%{visibility:visible;opacity:1}to{visibility:hidden;opacity:0}}@keyframes brand-to-header{0%{transform:translate(0)scale(1)}to{transform:translate(calc(max(42px,50vw - 534px) - 50vw),-33svh)scale(.18)}}@keyframes overview-enter{0%{visibility:hidden;opacity:0;translate:0 -70svh}to{visibility:visible;opacity:1;translate:0}}@keyframes intro-header-enter{0%{visibility:hidden;opacity:0;translate:0 -16px}to{visibility:visible;opacity:1;translate:0}}.summary-sample{width:288px;max-width:100%}.hero-gallery .summary-sample{width:100%}.hero-gallery{background:var(--md-sys-color-surface-container)}.feature-row:nth-child(2n){background:var(--md-sys-color-secondary-container)}.feature-row .parallax{max-width:100%}.feature-demo{border:1px solid var(--md-sys-color-outline-variant);border-radius:var(--md-sys-shape-corner-large);background:var(--md-sys-color-surface-container-lowest);text-align:center;flex-direction:column;align-items:center;width:320px;max-width:100%;padding:24px;display:flex}.feature-drop-demo{border:2px dashed var(--md-sys-color-primary);background:var(--md-sys-color-surface)}.steps{background:var(--md-sys-color-surface-container)}.steps h2{font-size:clamp(28px,4vw,48px);line-height:1.15}.steps-pin{padding-block:64px}.cta-surface{border-radius:var(--md-sys-shape-corner-extra-large);background:var(--md-sys-color-secondary);color:#fff}.scroll-progress{z-index:50;transform-origin:0;background:var(--md-sys-color-primary);height:3px;position:fixed;inset:0 0 auto;transform:scaleX(0)}.steps-viewport{scroll-snap-type:x mandatory;scrollbar-width:none;overflow-x:auto;container-type:inline-size}.steps-viewport>*>*{scroll-snap-align:center}@keyframes progress-grow{to{transform:scaleX(1)}}@keyframes parallax-shift{0%{translate:0 calc(var(--depth,.3) * 90px)}to{translate:0 calc(var(--depth,.3) * -90px)}}@keyframes hero-lift{to{translate:0 calc(var(--depth,.3) * -70vh)}}@keyframes hero-fade{to{opacity:0;translate:0 -12vh;scale:.96}}@keyframes reveal-up{0%{opacity:0;translate:0 48px}to{opacity:1;translate:0}}@keyframes reveal-scale{0%{opacity:0;scale:.88}to{opacity:1;scale:1}}@keyframes track-slide{to{translate:calc(100cqw - 100%)}}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.scroll-progress{animation:linear both progress-grow;animation-timeline:scroll(root)}.site-header{background:var(--md-sys-color-surface-container);box-shadow:var(--md-sys-elevation-2);animation:linear both intro-header-enter;animation-timeline:--assembly;animation-range:contain 75%}.brand-intro{view-timeline:--assembly block;z-index:2;pointer-events:none;height:380svh;position:relative}.intro-pin{height:100svh;position:sticky;top:0}.intro-scene{pointer-events:auto}.intro-back-card,.intro-front-card{transform-box:view-box;transform-origin:512px 512px;animation:linear both assemble-back;animation-timeline:--assembly;animation-range:contain contain 40%}.intro-front-card{animation-name:assemble-front}.intro-sparkle{transform-box:fill-box;transform-origin:50%;animation:linear both assembly-sparkle;animation-timeline:--assembly;animation-range:contain 32% contain 42%}.intro-scene{animation:linear both intro-exit;animation-timeline:--assembly;animation-range:contain 85%}.intro-title,.intro-tagline,.intro-cue{animation:linear both intro-exit;animation-timeline:--assembly;animation-range:contain 68% contain 75%}.intro-cue{animation-range:contain 55% contain 65%}.intro-art{animation:linear both brand-to-header;animation-timeline:--assembly;animation-range:contain 65%}#overview{margin-top:-100svh;animation:linear both overview-enter;animation-timeline:--assembly;animation-range:contain 75%}.hero{view-timeline:--hero block}.hero-copy{animation:linear both hero-fade;animation-timeline:--hero;animation-range:exit exit 80%}.hero-layer{animation:linear both hero-lift;animation-timeline:--hero;animation-range:exit}.parallax{animation:linear both parallax-shift;animation-timeline:view();animation-range:cover}.reveal{animation:ease-out both reveal-up;animation-timeline:view();animation-range:entry 10% cover 35%}.reveal-scale{animation:ease-out both reveal-scale;animation-timeline:view();animation-range:entry cover 40%}@media (min-height:760px){.steps{view-timeline:--steps block;height:320vh}.steps-pin{flex-direction:column;justify-content:center;height:calc(100svh - 80px);display:flex;position:sticky;top:80px}.steps-viewport{scroll-snap-type:none;overflow:clip}.steps-track{animation:linear both track-slide;animation-timeline:--steps;animation-range:contain 5% contain 95%}}}}@media (prefers-reduced-motion:reduce){.intro-scroll-hint{display:none}}