.hero-motion{--hero-rim: 207 177 255;width:100%;min-width:0;max-width:590px;margin-inline:auto;position:relative}.hero-motion-business{--hero-rim: 143 222 246}.hero-motion-screen{aspect-ratio:1000 / 820;position:relative;isolation:isolate;overflow:hidden;border-radius:1.75rem;border:1px solid rgb(var(--hero-rim) / .4);background:#0b1022;box-shadow:inset 0 1px #ffffff38,0 3px rgb(var(--hero-rim) / .07),0 24px 60px -32px rgb(var(--hero-rim) / .25),0 14px 30px -20px #0009}.hero-motion-screen:after{content:"";position:absolute;z-index:2;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;border:1px solid rgb(255 255 255 / .05);background:linear-gradient(125deg,rgb(255 255 255 / .025),transparent 36%);box-shadow:inset 0 1px #ffffff24}.hero-motion-poster,.hero-motion-video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain}.hero-motion-video{opacity:0;transition:opacity .3s ease}.hero-motion-video.is-ready{opacity:1}.hero-motion-caption{display:flex;justify-content:space-between;align-items:center;gap:.5rem 1rem;padding:.65rem .2rem 0;font-size:.8rem;line-height:1.65;color:#e4d8fa}.hero-motion-business .hero-motion-caption{color:#c5e7f0}.hero-motion-control{flex:none;display:inline-flex;align-items:center;justify-content:center;width:44px;min-height:44px;padding:.65rem;border:1px solid rgb(var(--hero-rim) / .35);border-radius:50%;color:#f6f2ff;background:linear-gradient(135deg,rgb(var(--hero-rim) / .14),rgb(var(--hero-rim) / .04));box-shadow:inset 0 1px #ffffff1f;font:inherit;cursor:pointer;transition:background-color .2s ease,border-color .2s ease}@supports (backdrop-filter: blur(10px)){.hero-motion-control{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}}.hero-motion-control:hover{background-color:rgb(var(--hero-rim) / .12);border-color:rgb(var(--hero-rim) / .65)}.hero-motion-control:focus-visible{outline:2px solid #c8b1fa;outline-offset:3px}.hero-motion-business .hero-motion-control:focus-visible{outline-color:#a7ebfa}@media(max-width:639px){.hero-motion-screen{border-radius:1.1rem}}@media(prefers-reduced-motion:reduce){.hero-motion-video,.hero-motion-control{transition:none}}.hero-stage:has(.hero-motion){background:radial-gradient(ellipse at 100% 10%,#6d23c22a,transparent 55%),#09051a}.business-hero-stage:has(.hero-motion){background:radial-gradient(ellipse at 100% 15%,#04a0c51c,transparent 60%),#081629}