.tools-build-section .ws-section-heading{text-align:center;max-width:760px;margin:0 auto 42px}.tools-build-section .ws-section-heading p{max-width:660px;margin:20px auto 0}.tools-build-scene.ws-scene{background:radial-gradient(ellipse at 50% 45%,color-mix(in srgb, var(--scene-base) 14%, transparent),transparent 65%);width:100%;height:400px}.tools-build-grid{background-image:linear-gradient(color-mix(in srgb, var(--scene-base) 7%, transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb, var(--scene-base) 7%, transparent) 1px,transparent 1px);background-size:42px 42px;width:80%;height:260px;position:absolute;top:90px;left:10%;transform:perspective(700px)rotateX(65deg);-webkit-mask-image:radial-gradient(#000,#0000 70%);mask-image:radial-gradient(#000,#0000 70%)}.tools-build-app,.tools-build-result{width:22%;max-width:230px;position:absolute;top:77px}.tools-build-app{left:3%}.tools-build-result{top:94px;right:3%}.tools-build-window{border:1px solid color-mix(in srgb, var(--scene-base) 40%, transparent);background:linear-gradient(135deg,var(--scene-window-light),var(--scene-window-base));box-shadow:7px 7px 0 color-mix(in srgb, var(--scene-window-shadow) 45%, transparent);padding:18px;animation:10s ease-in-out infinite tools-build-app-float;transform:perspective(700px)rotateY(12deg)}.tools-build-window-heading{font:9px var(--font-mono);color:var(--scene-text-label);letter-spacing:.1em;justify-content:space-between;display:flex}.tools-build-window-heading b{color:var(--primary);font-size:8px}.tools-build-code{font:12px var(--font-mono);color:var(--scene-text-code);gap:6px;margin:22px 0;display:grid}.tools-build-code-indent{color:var(--scene-ink);padding-left:12px;font-size:10px}.tools-build-interfaces{gap:8px;display:flex}.tools-build-interfaces span{border:1px solid color-mix(in srgb, var(--scene-base) 25%, transparent);color:var(--scene-text-label);font:9px var(--font-mono);padding:5px 10px}.tools-build-app p,.tools-build-result p,.tools-build-engine p{text-align:center;color:var(--muted-foreground);margin-top:24px;font-size:11px}.tools-build-engine{perspective:800px;width:0;height:0;position:absolute;top:45%;left:50%}.tools-build-engine>.ws-cube{width:88px;height:88px;margin:-44px;top:0;left:0}.tools-build-engine>.ws-cube .ws-face-front{animation:10s ease-in-out infinite tools-build-activate;transform:translateZ(44px)}.tools-build-engine>.ws-cube .ws-face-top{transform:rotateX(90deg)translateZ(44px)}.tools-build-engine>.ws-cube .ws-face-side{transform:rotateY(90deg)translateZ(44px)}.tools-build-engine .tools-build-function{font:42px var(--font-mono);color:var(--scene-text-code)}.tools-build-engine p{width:160px;position:absolute;top:82px;left:-80px}.tools-build-satellite{width:0;height:0;position:absolute}.tools-build-satellite-one{top:-64px;left:-65px}.tools-build-satellite-two{top:-40px;left:65px}.tools-build-satellite .ws-cube{animation-delay:-3s;scale:.24}.tools-build-track{background:color-mix(in srgb, var(--scene-base) 24%, transparent);width:20%;height:1px;position:absolute;top:180px}.tools-build-request{left:26%}.tools-build-response{left:55%}.tools-build-track>span{text-align:center;width:100%;font:8px var(--font-mono);letter-spacing:.12em;color:var(--scene-text-muted);position:absolute;top:-25px}.tools-build-track i{background:var(--scene-lilac);width:7px;height:7px;box-shadow:0 0 14px var(--scene-lilac);border-radius:50%;animation:10s ease-in-out infinite tools-build-request;display:block;position:absolute;top:-3px}.tools-build-response i{background:var(--primary);box-shadow:0 0 14px var(--primary);animation-name:tools-build-response}.tools-build-result-body{background:linear-gradient(135deg,var(--scene-result-base),var(--scene-window-base));border:1px solid color-mix(in srgb, var(--scene-base) 25%, transparent);padding:24px 18px;animation:10s ease-in-out infinite tools-build-delivered;transform:perspective(700px)rotateY(-12deg)}.tools-build-result-body>span{text-align:center;font:9px var(--font-mono);color:var(--scene-text-label);display:block}.tools-build-result-body .tools-build-result-check{color:var(--primary);margin-bottom:12px;font-size:24px}.tools-build-result-body>div{gap:7px;margin-top:18px;display:grid}.tools-build-result-body i{background:color-mix(in srgb, var(--scene-base) 30%, transparent);height:2px}.tools-build-result-body i:last-child{width:65%}.tools-build-caption{text-align:center;width:100%;color:var(--foreground);font-size:12px;position:absolute;bottom:12px}.tools-build-caption span{color:var(--muted-foreground)}@keyframes tools-build-request{0%,8%{opacity:0;left:0}12%{opacity:1}33%{opacity:1;left:100%}38%,to{opacity:0;left:100%}}@keyframes tools-build-response{0%,53%{opacity:0;left:0}58%{opacity:1}77%{opacity:1;left:100%}82%,to{opacity:0;left:100%}}@keyframes tools-build-activate{0%,28%,62%,to{box-shadow:inset 0 0 35px color-mix(in srgb, var(--scene-material-accent) 12%, transparent)}38%,52%{box-shadow:inset 0 0 35px color-mix(in srgb, var(--scene-material-accent) 45%, transparent),0 0 24px color-mix(in srgb, var(--scene-base) 20%, transparent)}}@keyframes tools-build-delivered{0%,65%,to{border-color:color-mix(in srgb, var(--scene-base) 25%, transparent)}78%,90%{border-color:var(--primary)}}@keyframes tools-build-app-float{0%,to{transform:perspective(700px)rotateY(12deg)translateY(0)}50%{transform:perspective(700px)rotateY(10deg)translateY(-4px)}}@media (width<=640px){.tools-build-scene.ws-scene{height:310px}.tools-build-app{width:28%;top:70px;left:0}.tools-build-result{width:26%;top:90px;right:0}.tools-build-window{padding:10px 7px}.tools-build-window-heading{font-size:7px}.tools-build-code{margin:18px 0;font-size:9px}.tools-build-code-indent{padding-left:0;font-size:7px}.tools-build-interfaces{gap:4px}.tools-build-interfaces span{padding:4px;font-size:8px}.tools-build-engine{top:47%;scale:.65}.tools-build-result-body{padding:16px 8px}.tools-build-result-body>span{font-size:7px}.tools-build-track{width:14%;top:145px}.tools-build-request{left:28%}.tools-build-response{left:59%}.tools-build-track>span{font-size:6px}.tools-build-app p,.tools-build-result p{font-size:9px}.tools-build-caption{padding-inline:12px;font-size:10px}}.tools-build-features{grid-template-columns:repeat(3,minmax(0,1fr));gap:36px;margin-top:48px;display:grid}.tools-build-features h3{margin:0 0 14px;font-size:18px}.tools-build-features p{color:var(--muted-foreground);margin:0;font-size:14px;line-height:1.8}@media (width<=720px){.tools-build-features{grid-template-columns:1fr;gap:28px;margin-top:32px}}.tools-build-section .ws-section-heading{margin-bottom:16px}.tools-build-section .ws-section-heading p{max-width:620px;line-height:1.8}.tools-build-section .tools-build-scene{height:340px}.tools-build-features{border-top:1px solid var(--border);gap:40px;margin-top:16px;padding-top:32px}.tools-build-features article{min-width:0}@media (width<=720px){.tools-build-section .tools-build-scene{height:290px}.tools-build-features{gap:28px;margin-top:8px;padding-top:24px}}.tools-build-window-heading,.tools-build-code,.tools-build-code-indent,.tools-build-interfaces span,.tools-build-track>span,.tools-build-result-body>span,.tools-build-engine .tools-build-function,.tools-build-satellite .ws-face-front span,.tools-build-app p,.tools-build-result p,.tools-build-engine p{color:var(--scene-ink)}.tools-build-result-body i{background:color-mix(in srgb,var(--scene-ink) 75%,transparent)}.tools-build-result-body .tools-build-result-check{color:var(--primary)}.tools-build-interfaces span{border-color:color-mix(in srgb,var(--scene-ink) 45%,transparent)}