.studio-artwork{width:100%;height:100%;display:block;overflow:visible}.studio-animated-art{--art-play-state:paused}.studio-animated-art[data-running=true]{--art-play-state:running}.studio-animated-art[data-animated=true] [data-motion]{animation-duration:6.8s;animation-timing-function:cubic-bezier(.45,0,.2,1);animation-iteration-count:infinite;animation-play-state:var(--art-play-state)}.studio-artwork :is([data-motion=brief-signal],[data-motion=experience-signal],[data-motion=experience-node],[data-motion=build-progress],[data-motion=test-scan],[data-motion=launch-signal],[data-motion=launch-node]){opacity:0}.studio-artwork [data-motion=brief-layer]{--layer-lift:-3px}.studio-animated-art[data-animated=true] [data-motion=brief-layer]{animation-name:studio-brief-layer}.studio-artwork [data-motion=brief-layer][data-step="1"]{--layer-lift:-6px}.studio-artwork [data-motion=brief-layer][data-step="2"]{--layer-lift:-9px}.studio-artwork [data-motion=brief-layer][data-step="3"]{--layer-lift:-12px}.studio-animated-art[data-animated=true] [data-motion=brief-panel]{animation-name:studio-brief-panel}.studio-animated-art[data-animated=true] [data-motion=brief-signal]{animation-name:studio-brief-signal}.studio-animated-art[data-animated=true] :is([data-motion=brief-check],[data-motion=experience-check],[data-motion=test-check]) path{stroke-dasharray:1;animation:6.8s cubic-bezier(.16,1,.3,1) infinite studio-art-check;animation-play-state:var(--art-play-state)}.studio-animated-art [data-motion=brief-check][data-step="1"] path{animation-delay:.5s}@keyframes studio-brief-layer{0%,12%,72%,to{transform:translateY(0)}30%,46%{transform:translateY(var(--layer-lift))}}@keyframes studio-brief-panel{0%,35%,85%,to{transform:translateY(0)}52%,66%{transform:translateY(-4px)}}@keyframes studio-brief-signal{0%,30%{opacity:0;transform:translate(150px,142px)}34%{opacity:1;transform:translate(150px,142px)}45%{opacity:1;transform:translate(195px,142px)}50%{opacity:1;transform:translate(195px,130px)}60%{opacity:1;transform:translate(227px,130px)}65%,to{opacity:0;transform:translate(227px,130px)}}@keyframes studio-art-check{0%,43%{stroke-dashoffset:1px}56%,91%{stroke-dashoffset:0}to{stroke-dashoffset:1px}}.studio-animated-art[data-animated=true] [data-motion=experience-node]{animation-name:studio-art-node}.studio-animated-art [data-motion=experience-node][data-step="1"]{animation-delay:1.45s}.studio-animated-art [data-motion=experience-node][data-step="2"]{animation-delay:2.9s}.studio-animated-art[data-animated=true] [data-motion=experience-signal]{animation-name:studio-experience-signal}@keyframes studio-art-node{0%,4%,44%,to{opacity:0}16%,30%{opacity:.9}}@keyframes studio-experience-signal{0%,12%{opacity:0;transform:translateY(0)}16%{opacity:1;transform:translateY(0)}29%{opacity:1;transform:translateY(23px)}30%,43%{opacity:0;transform:translateY(86px)}46%{opacity:1;transform:translateY(86px)}59%{opacity:1;transform:translateY(110px)}60%,to{opacity:0;transform:translateY(110px)}}.studio-animated-art[data-animated=true] [data-motion=build-progress]{transform-box:fill-box;transform-origin:0;animation-name:studio-build-progress}.studio-animated-art [data-motion=build-progress][data-step="1"]{animation-delay:.85s}.studio-animated-art [data-motion=build-progress][data-step="2"]{animation-delay:1.7s}.studio-animated-art[data-animated=true] [data-motion=build-arrow]{animation-name:studio-build-arrow}@keyframes studio-build-progress{0%,12%{opacity:0;transform:scaleX(0)}16%{opacity:.8;transform:scaleX(0)}45%,72%{opacity:.8;transform:scaleX(1)}85%,to{opacity:0;transform:scaleX(1)}}@keyframes studio-build-arrow{0%,48%,82%,to{transform:translate(0)}62%,70%{transform:translate(4px)}}.studio-animated-art[data-animated=true] [data-motion=test-scan]{animation-name:studio-test-scan}.studio-animated-art [data-motion=test-scan][data-step="1"]{animation-delay:1.1s}.studio-animated-art [data-motion=test-scan][data-step="2"]{animation-delay:2.2s}.studio-animated-art [data-motion=test-check][data-step="1"] path{animation-delay:1.1s}.studio-animated-art [data-motion=test-check][data-step="2"] path{animation-delay:2.2s}@keyframes studio-test-scan{0%,10%{opacity:0;transform:translateY(0)}14%{opacity:.8;transform:translateY(0)}42%{opacity:.8;transform:translateY(38px)}48%,to{opacity:0;transform:translateY(38px)}}.studio-animated-art[data-animated=true] [data-motion=launch-signal]{animation-name:studio-launch-signal}.studio-animated-art[data-animated=true] [data-motion=launch-mark]{transform-box:fill-box;transform-origin:50%;animation-name:studio-launch-mark}.studio-animated-art[data-animated=true] [data-motion=launch-node]{animation-name:studio-art-node}.studio-animated-art [data-motion=launch-node][data-step="1"]{animation-delay:.9s}.studio-animated-art [data-motion=launch-node][data-step="2"]{animation-delay:3.3s}.studio-animated-art [data-motion=launch-node][data-step="3"]{animation-delay:4.4s}@keyframes studio-launch-signal{0%{opacity:0;transform:translate(77px)}5%{opacity:1;transform:translate(77px)}20%{opacity:1;transform:translate(194px)}40%{opacity:1;transform:translate(310px)}60%{opacity:1;transform:translate(426px)}80%{opacity:1;transform:translate(543px)}86%,to{opacity:0;transform:translate(543px)}}@keyframes studio-launch-mark{0%,27%,90%,to{transform:rotate(0)}46%,66%{transform:rotate(90deg)}}.studio-benefit-icon>.studio-artwork{transition:transform .65s cubic-bezier(.16,1,.3,1)}.studio-benefit-icon [data-motion]{transform-box:view-box;transform-origin:50%;transition:transform .65s cubic-bezier(.16,1,.3,1)}.studio-benefit:is(:hover,:focus-visible) .studio-artwork{transform:perspective(480px)rotateX(6deg)rotateY(-12deg)translateY(-3px)}.studio-benefit:is(:hover,:focus-visible) [data-motion=benefit-plane]{transform:translateY(-5px)}.studio-benefit:is(:hover,:focus-visible) [data-motion=benefit-link]{animation:2.6s cubic-bezier(.45,0,.2,1) infinite studio-benefit-connect}.studio-benefit:is(:hover,:focus-visible) [data-motion=benefit-upper]{transform:rotate(-10deg)}.studio-benefit:is(:hover,:focus-visible) [data-motion=benefit-lower]{transform:rotate(10deg)}.studio-benefits-grid>li:nth-child(3) .studio-benefit:is(:hover,:focus-visible) .studio-artwork{transform:perspective(480px)rotateX(-4deg)rotateY(12deg)translateY(-3px)}.studio-benefits-grid>li:nth-child(3) .studio-benefit:is(:hover,:focus-visible) [data-motion=benefit-plane]{transform:translate(3px,-2px)}.studio-benefits-grid>li:nth-child(3) .studio-benefit:is(:hover,:focus-visible) [data-motion=benefit-link]{animation-name:studio-benefit-deliver}@keyframes studio-benefit-connect{0%,to{transform:translate(0)}40%,60%{transform:translate(4px,3px)}}@keyframes studio-benefit-deliver{0%,to{transform:translate(0)}40%,60%{transform:translate(-4px,2px)}}@media (prefers-reduced-motion:reduce){.studio-artwork [data-motion],.studio-artwork [data-motion] path,.studio-benefit-icon>.studio-artwork{transition:none!important;animation:none!important;transform:none!important}}