.build-demo{padding:64px 0 76px;overflow:hidden;background:linear-gradient(150deg,#171025,#0b0818);color:#f5efff;border-block:1px solid #b794eb25}.build-demo-grid{display:grid;grid-template-columns:.8fr 1.2fr;align-items:center;gap:52px;min-height:480px}.build-demo h2{font-size:clamp(36px,4.5vw,64px);line-height:1;max-width:520px;margin:14px 0 20px}.build-demo-copy>p{color:#c9bfd8;max-width:450px;font-size:16px;line-height:1.7}.build-steps{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:24px 0 16px}.build-steps button{background:#ffffff04;color:#d8cbe8;border:1px solid #9e79ca50;border-radius:10px;padding:12px;text-align:left;font:600 14px 'DM Sans',sans-serif;cursor:pointer;min-height:46px}.build-steps button span{color:#ba88f7;margin-right:10px;font-size:12px}.build-steps button[aria-pressed=true]{background:#ad73ed22;border-color:#c392ff;box-shadow:inset 3px 0 #c392ff,0 0 18px #ac6fff1c;color:#fff}.build-steps button:focus-visible{outline:3px solid #e1bfff;outline-offset:3px}.build-stage-caption{min-height:80px}.build-stage{position:relative;min-width:0;perspective:1200px;padding:80px 0 90px}.build-browser{position:relative;border:1px solid #c5a7e85c;background:#16101f;border-radius:14px;overflow:hidden;box-shadow:0 30px 65px #0008,0 0 50px #a75ce51c;transform:rotateY(-9deg) rotateX(5deg);transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s}.build-chrome{height:32px;display:flex;align-items:center;gap:5px;padding:0 12px;color:#b5a7c7;font-size:10px}.build-chrome i{width:5px;height:5px;background:#8d729f;border-radius:50%}.build-chrome span{margin:auto}.build-screen{position:relative;aspect-ratio:16/9;background:#16101f}.build-screen img{display:block;width:100%;height:100%;object-fit:contain;opacity:0;transition:opacity .35s}.build-wire{position:absolute;inset:0;background:linear-gradient(125deg,#241b33,#17101f);opacity:1;transition:opacity .3s}.build-wire>div{position:absolute;background:#b99bdc16;border:1px solid #c8a8ed50;border-radius:5px}.wire-nav{inset:8% 5% auto;height:9%}.wire-heading{top:28%;left:7%;width:36%;height:21%}.wire-line{top:55%;left:7%;width:32%;height:4%}.wire-line.short{top:64%;width:25%}.wire-button{top:77%;left:7%;width:18%;height:9%}.wire-photo{top:28%;left:52%;width:40%;height:60%}.build-palette,.build-feature,.build-search{position:absolute;border:1px solid #b48ad771;box-shadow:0 15px 35px #0005;background:#22162fee;border-radius:12px;opacity:0;transform:translateY(28px) scale(.94);transition:opacity .3s,transform .35s;color:#f4e9ff}.build-palette{top:18px;right:22px;padding:12px 16px;display:flex;align-items:center;gap:10px}.build-palette span,.build-search>span{font-size:9px;letter-spacing:.12em;color:#cfb7e7}.build-palette i{width:20px;height:20px;border-radius:50%;background:#b57af5}.build-palette i:nth-of-type(2){background:#301d48}.build-palette i:nth-of-type(3){background:#fff}.build-palette b{font-size:22px}.build-feature{bottom:43px;left:-16px;display:flex;gap:12px;align-items:center;padding:15px 20px}.build-feature strong,.build-search strong{display:block;font-size:14px}.build-feature small,.build-search small{display:block;color:#cfc1dd;font-size:11px;margin-top:5px}.build-check{border-radius:50%;background:#b47bf2;color:#190f25;padding:5px 9px}.build-search{bottom:25px;right:-8px;padding:16px 20px;max-width:320px}.build-search strong{margin-top:7px}.build-orbit{position:absolute;inset:25px -20px;border:1px solid #ac70ef20;border-radius:50%;transform:rotate(-24deg);background:radial-gradient(ellipse,#9b51e21a,transparent 65%);pointer-events:none}.build-scan{position:absolute;inset:0;pointer-events:none;background:linear-gradient(110deg,transparent 35%,#d3aaff33 50%,transparent 65%);transform:translateX(-120%);opacity:0}.build-demo[data-step="1"] .build-screen img,.build-demo[data-step="2"] .build-screen img,.build-demo[data-step="3"] .build-screen img{opacity:1}.build-demo:not([data-step="0"]) .build-wire{opacity:0}.build-demo:not([data-step="0"]) .build-palette{opacity:1;transform:none}.build-demo[data-step="2"] .build-feature{opacity:1;transform:none}.build-demo[data-step="3"] .build-search{opacity:1;transform:none}.build-demo[data-step="3"] .build-browser{transform:none;box-shadow:0 25px 65px #0008,0 0 50px #a75ce535}.build-demo[data-step="1"] .build-scan{animation:build-sheen .55s ease-out}.build-demo-note{position:absolute;bottom:-20px;left:0;width:100%;font-size:11px!important;line-height:1.6;color:#baaac9;text-align:center}.build-demo-note a{color:inherit;text-decoration:underline}@keyframes build-sheen{0%{transform:translateX(-110%);opacity:1}100%{transform:translateX(110%);opacity:0}}html[data-theme=light] .build-demo{background:linear-gradient(130deg,#eee5fa,#faf7fd);color:#24132f}html[data-theme=light] .build-demo-copy>p{color:#574565}html[data-theme=light] .build-steps button{color:#372242;background:#fff;border-color:#bd9edc}html[data-theme=light] .build-steps button[aria-pressed=true]{color:#24132f;background:#e5d3f7}html[data-theme=light] .build-demo-note{color:#665371}@media(max-width:900px){.build-demo-grid{gap:28px}.build-feature{left:0}.build-search{right:0}}@media(max-width:760px){.build-demo{padding:42px 0}.build-demo-grid{grid-template-columns:1fr;gap:0;min-height:0}.build-demo h2{font-size:42px}.build-demo-copy>p{max-width:none}.build-stage{padding:68px 0 105px}.build-stage-caption{min-height:54px}.build-browser{transform:none}.build-palette{right:8px;top:12px}.build-feature{bottom:42px}.build-search{bottom:25px;left:0;right:0;max-width:none}.build-demo-note{bottom:-2px;font-size:10px!important}.build-steps button{padding:12px 8px}}@media(prefers-reduced-motion:reduce){.build-demo *{animation:none!important;transition:none!important}.build-browser{transform:none}}