.cinematic-hero{--background:150 10% 4%;--foreground:120 12% 93%;--card:150 8% 7%;--card-foreground:120 12% 93%;--muted:150 7% 13%;--muted-foreground:150 8% 70%;--border:150 6% 24%;--brand:152 100% 45%;background:hsl(var(--background));color:hsl(var(--foreground));color-scheme:dark}.cinematic-hero h1{font-size:clamp(3rem,5.5vw,6rem);line-height:1.02;letter-spacing:-.035em;text-wrap:balance}.cinematic-hero .btn-primary{background:hsl(var(--screen-running));color:hsl(var(--screen))}.cinematic-hero .btn-secondary{background:hsl(var(--screen));color:hsl(var(--screen-foreground));border-color:hsl(var(--screen-border))}.cinematic-hero .btn-secondary:hover{background:hsl(var(--screen-border))}.cinematic-stage{position:absolute;inset:0;overflow:hidden;pointer-events:none;-webkit-mask-image:linear-gradient(180deg,black 75%,transparent);mask-image:linear-gradient(180deg,black 75%,transparent)}.cinematic-stage canvas{display:block;opacity:.65}.cinematic-dial{position:absolute;width:min(78vw,70rem);aspect-ratio:1;top:50%;right:-12%;transform:translateY(-50%) rotate(-25deg);border:1px solid hsl(152 30% 25%/.5);border-radius:50%;box-shadow:inset 0 0 0 3rem hsl(152 30% 15%/.08)}.cinematic-dial:after{content:"";position:absolute;inset:12%;border:1px solid hsl(152 30% 25%/.4);border-radius:50%}[dir=rtl] .cinematic-dial{right:auto;left:-12%}.show-story{view-timeline-name:--show-story;view-timeline-axis:block}.show-chapter{view-timeline-name:--show-chapter;view-timeline-axis:block}.story-demo{--foreground:120 12% 93%;--muted-foreground:150 8% 70%;--border:150 6% 24%;--brand:152 100% 45%}.walkthrough-output{box-shadow:0 18px 40px -24px hsl(150 10% 4%/.5)}@media (prefers-reduced-motion:no-preference){.walkthrough-message{animation:cue-message .35s cubic-bezier(.16,1,.3,1)}.walkthrough-controller{transition:transform .6s cubic-bezier(.16,1,.3,1)}.walkthrough-controller:focus-within{transform:rotate(0)}}@keyframes cue-message{0%{clip-path:inset(50% 0)}to{clip-path:inset(0)}}.marketing-shell .planning-tool{transition:border-color .25s ease,background-color .25s ease}.marketing-shell .planning-tool:hover{border-color:hsl(var(--brand))}@media (prefers-reduced-motion:no-preference){.marketing-shell .btn-primary,.marketing-shell .btn-secondary{transition:transform .3s cubic-bezier(.16,1,.3,1),background-color .2s,box-shadow .3s}.marketing-shell .btn-primary:hover,.marketing-shell .btn-secondary:hover{transform:translateY(-3px);box-shadow:0 8px 20px hsl(var(--foreground)/.12)}.marketing-shell .btn-primary:active,.marketing-shell .btn-secondary:active{transform:translateY(0) scale(.98)}@supports (animation-timeline:view()){.story-time{animation:stage-depth linear both;animation-timeline:--show-chapter;animation-range:entry 0 cover 55%}.story-track{animation:show-progress linear both;animation-timeline:--show-story;animation-range:contain 0 contain 100%}.marketing-shell main>section>div>header,.marketing-shell main>section>header{animation:editorial-arrival linear both;animation-timeline:view();animation-range:entry 0 entry 100%}}}@keyframes stage-depth{0%{transform:perspective(900px) rotateX(12deg) translateY(35px);opacity:.5}to{transform:perspective(900px) rotateX(0) translateY(0);opacity:1}}@keyframes show-progress{0%{transform:scaleX(.08)}to{transform:scaleX(1)}}@keyframes editorial-arrival{0%{transform:translateY(24px)}to{transform:translateY(0)}}@media (max-width:767px){.cinematic-dial{width:140vw;top:72%;right:-20%}[dir=rtl] .cinematic-dial{right:auto;left:-20%}.cinematic-stage canvas{opacity:.3}.cinematic-pause{font-size:.6875rem}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}