.hero-scene{timeline-scope:--mbp}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference) and (min-width:1024px){.hero-head{animation:linear both hero-fade;animation-timeline:scroll(root);animation-range:0 8rem;position:sticky;top:0}.hero-backdrop{animation:linear both hero-fade;animation-timeline:--mbp;animation-range:cover calc(90vh - 4.5rem) cover calc(102vh - 4.5rem)}.hero-laptop{margin-bottom:2rem;padding-bottom:0}.hero-next:before{content:"";background:linear-gradient(180deg, transparent, var(--background));pointer-events:none;height:5rem;position:absolute;bottom:100%;left:0;right:0}}}.hero-next~section{z-index:1;position:relative}.hero-satellites{z-index:5;pointer-events:none;display:none;position:absolute;inset:0}@media (min-width:1280px){.hero-satellites{display:block}}.hero-satellite{translate:calc(var(--x) - 50%) calc(var(--y) - 50%);rotate:var(--r);position:absolute;top:33cqw;left:50%}html:not([data-hero-live]) .hero-satellite-card{visibility:hidden}.hero-satellite-button{cursor:pointer;border-radius:var(--radius-xl);outline:none;display:block}html[data-hero-live] .hero-satellite-button{pointer-events:auto}@media (prefers-reduced-motion:no-preference){.hero-satellite-button{transition:scale .45s cubic-bezier(.34,1.4,.64,1)}.hero-satellite-button:hover{scale:1.04}.hero-satellite-button[data-current]{scale:1.12}}.hero-satellite-button[data-current] .hero-satellite-card{border-color:color-mix(in oklab, var(--foreground) 22%, transparent)}@media (prefers-reduced-motion:no-preference){html[data-hero-live] .hero-satellite-card{animation:.5s cubic-bezier(.34,1.4,.64,1) both hero-satellite-pop;animation-delay:calc(var(--i) * 90ms)}}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.hero-satellite{animation:linear both hero-satellite-drift;animation-timeline:scroll(root);animation-range:0 10rem}.hero-satellite-card{animation:linear both hero-satellite-fade;animation-timeline:scroll(root);animation-range:0 10rem}html[data-hero-live] .hero-satellite-card{animation:.5s cubic-bezier(.34,1.4,.64,1) both hero-satellite-pop,linear both hero-satellite-fade;animation-delay:calc(var(--i) * 90ms), 0s;animation-timeline:auto,scroll(root);animation-range:normal,0 10rem}}}@keyframes hero-satellite-pop{0%{opacity:0;scale:.6}}@keyframes hero-satellite-drift{to{translate:calc(var(--x) * .85 - 50%) calc(var(--y) * .85 - 50%);visibility:hidden}}@keyframes hero-satellite-fade{to{opacity:0}}.hero-tour-caption{perspective:40em}.hero-tour-caption>span{transition:translate .65s cubic-bezier(.32,.72,0,1),rotate .65s cubic-bezier(.32,.72,0,1),opacity .45s ease-out}.hero-tour-caption>[data-place=next],.hero-tour-caption>[data-place=past]{opacity:0}.hero-tour-caption>[data-place=past]{transition-duration:.65s,.65s,.15s}.hero-tour-caption>[data-place=current]{transition-delay:0s,0s,.1s}@media (prefers-reduced-motion:no-preference){.hero-tour-caption>[data-place=next]{translate:0 .8em;rotate:x -75deg}.hero-tour-caption>[data-place=past]{translate:0 -.8em;rotate:x 75deg}}.hero-tour-fill{transform-origin:0;animation:linear forwards hero-tour-fill}@keyframes hero-tour-fill{0%{scale:0 1}to{scale:1}}.hero-deck-tour,.hero-head-intro{display:none}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference) and (min-width:1024px){.hero-deck-tour{animation:linear both hero-deck-out;animation-timeline:--mbp;animation-range:cover calc(var(--mbp-close) - 6vh) cover var(--mbp-close);display:flex}.hero-head-intro{display:block}.hero-head-tour{display:none}}}@keyframes hero-deck-out{to{opacity:0;visibility:hidden}}@keyframes hero-fade{to{opacity:0;visibility:hidden}}.hero-pending .mbp-launch{visibility:hidden}.hero-still{background:var(--still-dark) center / 100% 100% no-repeat;pointer-events:none;transition:opacity .25s ease-out .3s;position:absolute;inset:0}html:not(.dark) .hero-still{background-image:var(--still-light)}@media (min-width:40rem){.hero-still{background-image:var(--still-dark-set)}html:not(.dark) .hero-still{background-image:var(--still-light-set)}}.mbp-screen:has(>.hero-live[data-launched])>.hero-still{opacity:0}.hero-preview-mobile{display:none}.hero-preview[data-preview=mobile] .hero-preview-mobile{display:block}.hero-preview[data-preview=mobile] .hero-preview-desktop{display:none}@media (max-width:767px){.hero-preview[data-preview=auto] .hero-preview-mobile{display:block}.hero-preview[data-preview=auto] .hero-preview-desktop{display:none}}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference) and (min-width:1024px){.hero-preview-controls{display:none}}}@media (max-width:767px){.hero-head-intro{display:block}.hero-head-tour{display:none}}html[data-hero-mobile] .hero-head{animation:none;position:static}html[data-hero-mobile] .hero-backdrop{animation:none}html[data-hero-mobile] .hero-head-intro{display:block}html[data-hero-mobile] .hero-head-tour{display:none}.hero-menubar-button{border-radius:.35em;height:1.6em;margin-inline:-.4em;padding-inline:.4em}.hero-menubar-icon{width:1.15em;height:1.15em}.hero-menubar-menus{gap:1.4em}.hero-menubar-status{gap:1.3em}.hero-menubar{grid-template-columns:minmax(0,1fr) 13cqw minmax(0,1fr);height:max(2.1cqw,12px);padding-inline:1.8cqw;font-size:max(.9cqw,6.5px)}