.home-page .problem-card .problem-art.problem-video-art{top:0;left:0;width:240px;height:240px}.home-page .problem-card:nth-child(2) .problem-art.problem-video-art{top:8px}.home-dither-video{position:relative;width:100%;height:100%;pointer-events:none;-webkit-mask-image:linear-gradient(to bottom,#000 50%,rgb(0 0 0 / .55) 70%,transparent 88%);mask-image:linear-gradient(to bottom,#000 50%,rgb(0 0 0 / .55) 70%,transparent 88%)}.home-page .problem-video-art .home-dither-video :is(img,video){position:absolute;inset:0;width:100%;height:100%;max-width:100%;object-fit:contain;mask-image:none;scale:1;transform:none;image-rendering:pixelated}.home-page .problem-card:is(:hover,:focus-within) .problem-video-art img{transform:none}.home-dither-video video{opacity:0}.home-dither-video[data-playing] video{opacity:1}.home-dither-video[data-playing] img{visibility:hidden}@media(max-width:768px){.comparison .comparison-row{isolation:isolate}.comparison .comparison-row>.comparison-shade{position:absolute;inset:auto 0 0;width:100%;height:280px;max-height:42%;z-index:-1;pointer-events:none;image-rendering:pixelated}.comparison .comparison-row>.comparison-rowhead{font-size:26px;line-height:1.2;padding-bottom:24px}.comparison .comparison-cell{font-size:18px;line-height:1.55}.comparison .comparison-mobile-label{font-size:11px;line-height:1.4}}@media(min-width:769px){.comparison-shade{display:none}}.strokes[data-astro-cid-nobsu36z],.orbit[data-astro-cid-nobsu36z]{position:absolute;pointer-events:none;-webkit-mask:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%224%22%20height%3D%224%22%20shape-rendering%3D%22crispEdges%22%3E%3Crect%20x%3D%220%22%20y%3D%220%22%20width%3D%221%22%20height%3D%221%22/%3E%3Crect%20x%3D%221%22%20y%3D%220%22%20width%3D%221%22%20height%3D%221%22/%3E%3Crect%20x%3D%222%22%20y%3D%220%22%20width%3D%221%22%20height%3D%221%22/%3E%3Crect%20x%3D%221%22%20y%3D%221%22%20width%3D%221%22%20height%3D%221%22/%3E%3Crect%20x%3D%223%22%20y%3D%221%22%20width%3D%221%22%20height%3D%221%22/%3E%3Crect%20x%3D%220%22%20y%3D%222%22%20width%3D%221%22%20height%3D%221%22/%3E%3Crect%20x%3D%222%22%20y%3D%222%22%20width%3D%221%22%20height%3D%221%22/%3E%3Crect%20x%3D%223%22%20y%3D%222%22%20width%3D%221%22%20height%3D%221%22/%3E%3Crect%20x%3D%221%22%20y%3D%223%22%20width%3D%221%22%20height%3D%221%22/%3E%3Crect%20x%3D%223%22%20y%3D%223%22%20width%3D%221%22%20height%3D%221%22/%3E%3C/svg%3E) 0 0 / 4px 4px repeat;mask:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%224%22%20height%3D%224%22%20shape-rendering%3D%22crispEdges%22%3E%3Crect%20x%3D%220%22%20y%3D%220%22%20width%3D%221%22%20height%3D%221%22/%3E%3Crect%20x%3D%221%22%20y%3D%220%22%20width%3D%221%22%20height%3D%221%22/%3E%3Crect%20x%3D%222%22%20y%3D%220%22%20width%3D%221%22%20height%3D%221%22/%3E%3Crect%20x%3D%221%22%20y%3D%221%22%20width%3D%221%22%20height%3D%221%22/%3E%3Crect%20x%3D%223%22%20y%3D%221%22%20width%3D%221%22%20height%3D%221%22/%3E%3Crect%20x%3D%220%22%20y%3D%222%22%20width%3D%221%22%20height%3D%221%22/%3E%3Crect%20x%3D%222%22%20y%3D%222%22%20width%3D%221%22%20height%3D%221%22/%3E%3Crect%20x%3D%223%22%20y%3D%222%22%20width%3D%221%22%20height%3D%221%22/%3E%3Crect%20x%3D%221%22%20y%3D%223%22%20width%3D%221%22%20height%3D%221%22/%3E%3Crect%20x%3D%223%22%20y%3D%223%22%20width%3D%221%22%20height%3D%221%22/%3E%3C/svg%3E) 0 0 / 4px 4px repeat}.strokes[data-astro-cid-nobsu36z]{overflow:visible;fill:none;stroke:var(--accent-ink);stroke-width:4.4;stroke-linecap:round;stroke-linejoin:round}.strokes[data-astro-cid-nobsu36z] [data-astro-cid-nobsu36z]{transform-box:fill-box;transform-origin:center}.draw[data-astro-cid-nobsu36z]{stroke-dasharray:100;animation:draw 4.2s cubic-bezier(.5,0,.3,1) infinite}@keyframes draw{0%{stroke-dashoffset:100;opacity:1}60%{stroke-dashoffset:0;opacity:1}85%,to{stroke-dashoffset:0;opacity:0}}.dial[data-astro-cid-nobsu36z]{stroke-dasharray:2 12;stroke-width:3;opacity:.8}.orbit-arc[data-astro-cid-nobsu36z]{stroke-dasharray:14 10;animation:travel 3s linear infinite}.orbit-arc--mid[data-astro-cid-nobsu36z]{stroke-dasharray:6 9;animation-duration:4.5s;animation-direction:reverse}.orbit-arc--outer[data-astro-cid-nobsu36z]{stroke-dasharray:20 26;animation-duration:6s}@keyframes travel{to{stroke-dashoffset:-48}}.pop[data-astro-cid-nobsu36z]{opacity:0;animation:pop 6s cubic-bezier(.2,.8,.2,1) infinite;animation-delay:calc(var(--i) * 1s)}@keyframes pop{0%{transform:scale(.4) translateY(6px);opacity:0}8%{transform:scale(1.06);opacity:1}13%{transform:scale(1)}45%{transform:scale(1) translateY(-4px);opacity:1}56%,to{transform:scale(.85) translateY(-8px);opacity:0}}.call[data-astro-cid-nobsu36z]{animation:call 6s cubic-bezier(.2,.8,.2,1) infinite;transform-origin:right center}@keyframes call{0%{transform:scale(.3);opacity:0}10%{transform:scale(1.04);opacity:1}15%,75%{transform:scale(1);opacity:1}88%,to{transform:scale(.6);opacity:0}}.call__live[data-astro-cid-nobsu36z]{fill:var(--accent-ink);animation:blink 1.2s steps(2,jump-none) infinite}.call__self[data-astro-cid-nobsu36z]{animation:blink 3s ease-in-out infinite}@keyframes blink{50%{opacity:.25}}.orbit[data-astro-cid-nobsu36z]{perspective:520px;perspective-origin:var(--cx) var(--cy)}.orbit__tilt[data-astro-cid-nobsu36z],.orbit__ring[data-astro-cid-nobsu36z]{position:absolute;transform-style:preserve-3d}.orbit__tilt[data-astro-cid-nobsu36z]{inset:0;transform-origin:var(--cx) var(--cy);transform:rotateX(var(--tilt))}.orbit__ring[data-astro-cid-nobsu36z]{left:var(--cx);top:var(--cy);width:0;height:0;animation:spin var(--duration) linear infinite}@keyframes spin{to{transform:rotateY(360deg)}}.orbit__item[data-astro-cid-nobsu36z]{position:absolute;left:0;top:0;transform-style:preserve-3d;transform:rotateY(var(--angle)) translateZ(var(--radius)) translateY(var(--y)) translate(-50%,-50%);animation:depth var(--duration) ease-in-out infinite;animation-delay:var(--phase)}@keyframes depth{0%,to{opacity:1}50%{opacity:.3}}.orbit__shape[data-astro-cid-nobsu36z]{display:block;fill:none;stroke:var(--accent-ink);stroke-width:3.6;stroke-linecap:round;stroke-linejoin:round;overflow:visible}.cube[data-astro-cid-nobsu36z]{--size: 24px;position:relative;width:var(--size);height:var(--size);transform-style:preserve-3d;animation:tumble 6s linear infinite;animation-delay:var(--spin)}.cube__face[data-astro-cid-nobsu36z]{position:absolute;inset:0;border:3.6px solid var(--accent-ink);border-radius:3px}.cube__face--front[data-astro-cid-nobsu36z]{transform:translateZ(calc(var(--size) / 2))}.cube__face--back[data-astro-cid-nobsu36z]{transform:rotateY(180deg) translateZ(calc(var(--size) / 2))}.cube__face--left[data-astro-cid-nobsu36z]{transform:rotateY(-90deg) translateZ(calc(var(--size) / 2))}.cube__face--right[data-astro-cid-nobsu36z]{transform:rotateY(90deg) translateZ(calc(var(--size) / 2))}.cube__face--top[data-astro-cid-nobsu36z]{transform:rotateX(90deg) translateZ(calc(var(--size) / 2))}.cube__face--bottom[data-astro-cid-nobsu36z]{transform:rotateX(-90deg) translateZ(calc(var(--size) / 2))}@keyframes tumble{to{transform:rotateX(360deg) rotateY(360deg)}}@media(prefers-reduced-motion:reduce){.strokes[data-astro-cid-nobsu36z] [data-astro-cid-nobsu36z],.orbit[data-astro-cid-nobsu36z] [data-astro-cid-nobsu36z]{animation:none!important}.pop[data-astro-cid-nobsu36z],.call[data-astro-cid-nobsu36z]{opacity:1}.draw[data-astro-cid-nobsu36z]{stroke-dashoffset:0}}.comparison-platforms[data-astro-cid-sjh5edtt]{display:none}.comparison-illustration[data-astro-cid-sjh5edtt] picture[data-astro-cid-sjh5edtt]{position:relative;display:block;width:100%;height:100%}@media(max-width:768px){.comparison-platform-copy[data-astro-cid-sjh5edtt]{display:none}.comparison-platforms[data-astro-cid-sjh5edtt]{display:flex;flex-wrap:wrap;gap:14px 20px}.comparison-platforms[data-astro-cid-sjh5edtt]>span[data-astro-cid-sjh5edtt]{display:inline-flex;align-items:center;gap:8px;line-height:1.4}.comparison-platforms[data-astro-cid-sjh5edtt] img[data-astro-cid-sjh5edtt]{flex-shrink:0;object-fit:contain}.comparison-platforms[data-astro-cid-sjh5edtt]>p[data-astro-cid-sjh5edtt]{flex-basis:100%;margin:2px 0 0}}.process-card{transition:transform .22s ease-out,box-shadow .22s ease-out,border-color .22s ease-out}@media(hover:hover)and (pointer:fine){.process-card:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--accent) 30%,var(--border));box-shadow:0 12px 26px -14px #23262535}}.process-card:focus-within{border-color:var(--accent)}@media(prefers-reduced-motion:no-preference){.process-visual--0 .research-bar i{transform-origin:left;animation:process-research 6.8s ease-in-out infinite}.process-visual--0 .research-bar:nth-of-type(2) i{animation-delay:.25s}.process-visual--0 .research-bar:nth-of-type(3) i{animation-delay:.5s}.experiment-visual>div:first-child .mini-wireframe{animation:process-control 7.2s ease-in-out infinite}.experiment-visual .winner{animation:process-winner 7.2s ease-in-out infinite;transform-origin:center}.experiment-visual .winner b{animation:process-verdict 7.2s ease-in-out infinite;transform-origin:right center}.experiment-visual .winner em{animation:process-conversion 7.2s ease-in-out infinite;transform-origin:left}.design-selection{animation:process-align 7s ease-in-out infinite;transform-origin:left top}.design-selection i{animation:process-typeset 7s ease-in-out infinite;transform-origin:left}.design-selection i+i{animation-delay:.18s}.design-blocks i{animation:process-layout 7s ease-in-out infinite}.design-blocks i:nth-child(2){animation-delay:.16s}.design-blocks i:nth-child(3){animation-delay:.32s}.build-code-line code{display:block;animation:process-type 7.2s steps(20,end) infinite}.build-code-line:nth-child(2) code{animation-name:process-type-2}.build-code-line:nth-child(3) code{animation-name:process-type-3}.build-code-line:nth-child(4) code{animation-name:process-type-4}.build-visual>div{animation:process-build 7.2s ease-in-out infinite}.build-visual>div:before{animation:process-build-dot 7.2s ease-in-out infinite}.process-card .process-visual *,.process-card .process-visual *:before{animation-play-state:paused}.process-card.is-motion-running .process-visual *,.process-card.is-motion-running .process-visual *:before{animation-play-state:running}}@keyframes process-research{0%,8%,to{transform:scaleX(.18)}34%,83%{transform:scaleX(1)}}@keyframes process-control{0%,25%,to{opacity:1}45%,85%{opacity:.55}}@keyframes process-winner{0%,25%,to{transform:scale(.97)}45%,85%{transform:scale(1.02)}}@keyframes process-verdict{0%,28%,to{opacity:0;transform:translateY(3px) scale(.92)}45%,85%{opacity:1;transform:translateY(0) scale(1)}}@keyframes process-conversion{0%,25%,to{transform:scaleX(.65)}45%,85%{transform:scaleX(1)}}@keyframes process-align{0%,10%,to{transform:translate(3px,3px) scaleX(.95)}38%,84%{transform:translate(0) scaleX(1)}}@keyframes process-typeset{0%,10%,to{transform:scaleX(.82)}38%,84%{transform:scaleX(1)}}@keyframes process-layout{0%,14%,to{transform:translateY(6px);opacity:.55}40%,84%{transform:translateY(0);opacity:1}}@keyframes process-type{0%,to{clip-path:inset(0 100% 0 0)}10%,86%{clip-path:inset(0)}}@keyframes process-type-2{0%,10%,to{clip-path:inset(0 100% 0 0)}20%,86%{clip-path:inset(0)}}@keyframes process-type-3{0%,20%,to{clip-path:inset(0 100% 0 0)}30%,86%{clip-path:inset(0)}}@keyframes process-type-4{0%,30%,to{clip-path:inset(0 100% 0 0)}40%,86%{clip-path:inset(0)}}@keyframes process-build{0%,30%,to{opacity:.35}46%,86%{opacity:1}}@keyframes process-build-dot{0%,30%,to{transform:scale(.65)}46%,86%{transform:scale(1)}}@media(prefers-reduced-motion:reduce){.process-card{transition:none}.process-card:hover{transform:none}}
