.landing-motion .hero-word{min-width:3.8em}.landing-motion .hero-word>span[aria-hidden]{animation-duration:.45s;animation-timing-function:cubic-bezier(.2,.7,.2,1)}.landing-motion .hero-word>span[aria-hidden]:after{background:linear-gradient(90deg,#6c6c6c 10%,#8b72ca 60%,#d8658c 90%);animation-duration:4.5s}.landing-motion .install-example .install-code-frame{clip-path:polygon(0 14px,14px 14px,14px 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) calc(100% - 14px),calc(100% - 14px) 100%,0 100%);background:#101010;padding:44px 36px;overflow:hidden}.landing-motion .install-code-frame:before,.landing-motion .install-code-frame:after{content:"";pointer-events:none;width:100%;height:100%;animation-play-state:paused;position:absolute;inset:0}.landing-motion .install-code-frame:before{z-index:-2;background:#101010 url(/artwork/terminal-graphite-v2.webp) 50%/cover;animation:20s ease-in-out infinite alternate paused graphite-flow;transform:scale(1.08)}.landing-motion .install-code-frame:after{z-index:-1;background:radial-gradient(at 78% 95%,#b8b8b82b,#0000 60%);animation:16s ease-in-out infinite alternate paused graphite-light}.landing-motion[data-motion=playing] .install-code-frame[data-visible=true]:before,.landing-motion[data-motion=playing] .install-code-frame[data-visible=true]:after{animation-play-state:running}.landing-motion[data-motion=paused] .hero-word>span[aria-hidden],.landing-motion[data-motion=paused] .hero-word>span[aria-hidden]:after{animation-play-state:paused}@keyframes graphite-flow{0%{transform:scale(1.08)translate(-1%,-1%)}to{transform:scale(1.12)translate(1%,1%)}}@keyframes graphite-light{0%{opacity:.25;transform:translate(-3%)}to{opacity:.65;transform:translate(3%)}}@media (max-width:639px){.landing-motion .install-example .install-code-frame{padding:28px 16px}}@media (prefers-reduced-motion:reduce){.landing-motion .install-code-frame:before,.landing-motion .install-code-frame:after,.landing-motion .hero-word>span[aria-hidden],.landing-motion .hero-word>span[aria-hidden]:after{animation:none}}