@property --intro{syntax:"<number>";inherits:true;initial-value:0}.build-scene{--p:0;--gap:46px;--k:max(var(--p),var(--intro));position:relative;width:100%;aspect-ratio:1/.82;perspective:1500px;animation:build-intro 1.8s cubic-bezier(.2,.8,.2,1) .15s both}@media (min-width:768px){.build-scene{--gap:74px}}@media (prefers-reduced-motion:reduce){.build-scene{animation:none}}@keyframes build-intro{0%{--intro:1}to{--intro:0}}.build-rig{position:absolute;left:10%;right:10%;top:50%;aspect-ratio:16/10;transform-style:preserve-3d;transform:translateY(-50%) rotateX(calc((1 - var(--k)) * 54deg + var(--my, 0) * -5deg)) rotate(calc((1 - var(--k)) * -32deg + var(--mx, 0) * 5deg)) scale(calc(.92 + var(--k) * .12))}.build-layer{position:absolute;inset:0;border-radius:10px;transform-style:preserve-3d;transform:translateZ(calc(var(--z) * var(--gap) * (1 - var(--k))));display:grid;padding:5.5%;gap:4.5%;grid-template-columns:1fr 1fr 1.15fr;grid-template-rows:.5fr .9fr .45fr .7fr 1.5fr;grid-template-areas:"nav nav nav" "h1 h1 img" "h2 h2 img" "btn . img" "c1 c2 c3"}.build-layer i{display:block;border-radius:4px}.w-nav{grid-area:nav}.w-h1{grid-area:h1}.w-h2{grid-area:h2;width:80%}.w-btn{grid-area:btn;width:75%}.w-img{grid-area:img}.w-c1{grid-area:c1}.w-c2{grid-area:c2}.w-c3{grid-area:c3}.build-wire{--z:-1;border:1.5px dashed #8f9bff;opacity:calc(1 - var(--k))}.build-wire i{border:1px solid rgba(143,155,255,.8)}.build-design{--z:0;background:#f4f3ef;box-shadow:0 40px 80px -30px rgba(0,0,0,.6)}.build-design .w-nav{background:#fff;border:1px solid #dcdad2;position:relative}.build-design .w-nav em{position:absolute;right:3%;top:22%;bottom:22%;width:14%;border-radius:99px;background:#2f45ff}.build-design .w-h1{background:#1b1b1f}.build-design .w-h2{background:#9a9aa5}.build-design .w-btn{background:#2f45ff;border-radius:99px}.build-design .w-img{background:linear-gradient(150deg,#2f45ff,#17153f 70%);position:relative;overflow:hidden}.build-design .w-img:after{content:"";position:absolute;width:46%;aspect-ratio:1;right:12%;top:14%;border-radius:50%;background:#f6c90e}.build-design .w-c1,.build-design .w-c2,.build-design .w-c3{background:#fff;border:1px solid #dcdad2;border-top:3px solid #1b1b1f}.build-design .w-c2{border-top-color:#2f45ff}.build-design .w-c3{border-top-color:#f6c90e}.build-code{--z:1;background:rgba(18,16,51,.94);border:1px solid #3c3a80;opacity:calc(1 - var(--k) * 1.2);display:block}.build-code code{display:grid;gap:.35em;font:500 clamp(7px,1.05vw,12px) /1.5 var(--font-mono),monospace;color:#8f9bff;white-space:nowrap;overflow:hidden}.build-code .c-ok{color:#f6c90e;margin-top:.6em}.build-growth{--z:2;display:block}.build-growth .g-card{position:absolute;right:4%;bottom:6%;width:40%;aspect-ratio:2/1;border-radius:8px;background:#fff;box-shadow:0 18px 40px -16px rgba(0,0,0,.55);padding:6%}.build-growth svg{width:100%;height:100%;overflow:visible}.build-growth path{fill:none;stroke:#2f45ff;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.build-growth circle{fill:#f6c90e}.build-growth .g-chips{position:absolute;left:5%;bottom:8%;display:flex;gap:6px;opacity:calc(1 - var(--k))}.build-growth .g-chips span{font:600 clamp(7px,.9vw,11px) /1 var(--font-mono),monospace;padding:.5em .8em;border-radius:99px;background:#f6c90e;color:#17153f}.build-tag{position:absolute;left:100%;top:0;margin-left:14px;white-space:nowrap;font:500 clamp(8px,.85vw,11px) /1.3 var(--font-mono),monospace;letter-spacing:.08em;text-transform:uppercase;color:#c9c8e6;opacity:calc(1 - var(--k) * 2.5);transform-origin:left top;transform:rotate(32deg) rotateX(-54deg)}.build-tag b{color:#f6c90e;font-weight:600}@media (max-width:767px){.build-tag{display:none}}.flow-diagram .fd-base{fill:none;stroke:#dcdad2;stroke-width:3}.flow-diagram .fd-flow{fill:none;stroke:#2f45ff;stroke-width:3;stroke-linecap:round;stroke-dasharray:2 10;animation:fd-march 1.2s linear infinite}.flow-diagram .fd-head{fill:none;stroke:#2f45ff;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}.flow-diagram .fd-title{font-family:inherit;font-size:15px;font-weight:700}.flow-diagram .fd-sub{font:500 8.5px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.04em;opacity:.75}@keyframes fd-march{to{stroke-dashoffset:-12}}@media (prefers-reduced-motion:reduce){.flow-diagram .fd-flow{animation:none}}.process-scene{display:block;width:100%;height:auto;overflow:visible}.process-scene .d{fill:none;stroke:hsla(0,0%,100%,.85);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.process-scene .ps-inner .d{stroke:hsla(0,0%,100%,.55)}.process-scene .d.thick{stroke-width:3}.process-scene .ps-inner .d.soft{stroke:hsla(0,0%,100%,.4)}.process-scene .ps-inner .d.accent{stroke:#f6c90e;stroke-width:3}.process-scene .ps-track{fill:none;stroke:hsla(0,0%,100%,.25);stroke-dasharray:4 8}.process-scene .ps-stop{fill:#17153f;stroke:hsla(0,0%,100%,.5);stroke-width:1.5}.process-scene .ps-tick{stroke:hsla(0,0%,100%,.35);stroke-width:1.5}.process-scene .ps-num{font:600 13px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.12em;fill:#c9c8e6}.process-scene .ps-num-live{fill:#f6c90e}.process-scene .ps-live-text{font:700 11px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.14em;fill:#17153f}.process-scene .ps-cursor{transform:translate(1080px,62px)}.process-scene .ps-click{fill:none;stroke:#f6c90e;stroke-width:2;opacity:0}.process-scene.armed .d{stroke-dasharray:1;stroke-dashoffset:1}.process-scene.armed .ps-fill,.process-scene.armed .ps-live,.process-scene.armed .ps-pop{opacity:0}.process-scene.armed .ps-cursor{transform:translate(120px,62px);opacity:0}.process-scene.armed.play .d{stroke-dashoffset:0;transition:stroke-dashoffset 1.1s cubic-bezier(.45,0,.2,1)}.process-scene.armed.play .ps-panel .d{transition-delay:calc(var(--i) * .32s)}.process-scene.armed.play .ps-fill{opacity:1;transition:opacity .6s ease 2.2s}.process-scene.armed.play .ps-pop{opacity:1;transition:opacity .3s ease 2.6s}.process-scene.armed.play .ps-live{opacity:1;transition:opacity .4s ease 2.7s}.process-scene.armed.play .ps-cursor{opacity:1;transform:translate(1080px,62px);transition:opacity .3s ease .1s,transform 2.1s cubic-bezier(.45,0,.2,1) .1s}.process-scene.armed.play .ps-click{animation:ps-click .7s ease-out 2.25s both}@keyframes ps-click{0%{opacity:.9;transform:scale(.3)}to{opacity:0;transform:scale(1.6)}}.process-scene .ps-click{transform-box:fill-box;transform-origin:center}