.hero-flow{--hf-duration:20s;--hf-offset:0s;width:100%;max-width:620px;margin:auto;position:relative}.hf-composition{width:100%}.hf-stage{aspect-ratio:1.2;isolation:isolate;perspective:1000px;position:relative}.hf-stage *,.hf-stage :before,.hf-stage :after,.hf-chapter-track i{animation-duration:var(--hf-duration);animation-delay:var(--hf-offset);animation-timing-function:cubic-bezier(.22,.68,0,1);animation-iteration-count:infinite;animation-fill-mode:both}.hf-atmosphere{background:radial-gradient(at 55% 47%,#7c3aed24,#0000 65%);animation-name:hf-atmosphere;position:absolute;inset:0}.hf-grid{background-color:#0000;background-image:linear-gradient(#a78bfa0e 1px,#0000 1px),linear-gradient(90deg,#a78bfa0e 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:30px 30px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:absolute;inset:6% -3%;transform:perspective(600px)rotateX(12deg)rotateY(-9deg);-webkit-mask-image:radial-gradient(#000 15%,#0000 70%);mask-image:radial-gradient(#000 15%,#0000 70%)}.hf-circuit,.hf-brand-traces{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.hf-tracks{stroke:#a78bfa30;stroke-width:1px;animation-name:hf-tracks}.hf-signals{stroke:url(#hf-light);stroke-width:2px;filter:drop-shadow(0 0 5px #ab80ff);stroke-linecap:round}.hf-signals path{stroke-dasharray:14 100;animation-name:hf-signal}.hf-signals path:nth-child(2){animation-name:hf-signal-two}.hf-signals path:nth-child(3){animation-name:hf-signal-three}.hf-orbit{stroke:#c8b5ff20;stroke-width:.6px;stroke-dasharray:3 7;transform-origin:300px 236px;animation-name:hf-orbit}.hf-orbit circle:last-child{stroke:#22d3ee12;stroke-dasharray:1 9}.hf-core{aspect-ratio:1;background:linear-gradient(140deg,#bc95ff,#8967ed66 50%,#22d3ee);border-radius:24%;width:14%;padding:1px;animation-name:hf-core;position:absolute;top:39%;left:43%;box-shadow:0 0 32px #8b5cf640,0 15px 40px #0008}.hf-core-inner{border-radius:inherit;color:#ddceff;background:linear-gradient(145deg,#28214b,#100f26);place-items:center;width:100%;height:100%;display:grid}.hf-core-inner:after{content:"";border:1px solid #ad88ff33;border-radius:30%;animation-name:hf-core-ring;position:absolute;inset:-12px}.hf-request{transform-origin:50%;background:linear-gradient(120deg,#252039f5,#151329f5);border:1px solid #c7adff3b;border-radius:12px;align-items:center;gap:12px;width:65%;padding:16px 17px;animation-name:hf-request-one;display:flex;position:absolute;box-shadow:0 15px 30px #0005,inset 0 1px #ffffff0a}.hf-request-0{top:9%;left:0;transform:rotate(-7deg)}.hf-request-1{border-color:#9c7ded45;width:68%;animation-name:hf-request-two;top:36%;left:32%;transform:rotate(5deg)}.hf-request-2{animation-name:hf-request-three;top:66%;left:7%;transform:rotate(-4deg)}.hf-request-icon{color:#c1a5ff;background:#8b5cf612;border:1px solid #b28dff35;border-radius:9px;flex-shrink:0;place-items:center;width:35px;height:35px;display:grid}.hf-request-label{color:#c0b7d3;margin-bottom:4px;font-size:10px;display:block}.hf-request strong{color:#f0ebff;font-size:clamp(11px,1.02vw,14px);font-weight:500;line-height:1.3;display:block}.hf-request-arrow{color:#a592cc;flex-shrink:0;margin-left:auto}.hf-intro-caption{color:#c6bedb;justify-content:center;align-items:center;gap:8px;font-size:12px;animation-name:hf-intro;display:flex;position:absolute;bottom:5%;left:0;right:0}.hf-caption-dot{background:#bd9bff;border-radius:50%;width:5px;height:5px;box-shadow:0 0 9px #a78bfa}.hf-workspace-wrap{transform-style:preserve-3d;animation-name:hf-workspace-wrap;position:absolute;inset:15% 1% 13%}.hf-workspace-shadow{background:#17122b80;border:1px solid #b597ff20;border-radius:14px;position:absolute;inset:0;transform:translate(10px,16px)}.hf-workspace{background:linear-gradient(125deg,#25203d,#141126 70%);border:1px solid #c8b5ff60;border-radius:14px;position:absolute;inset:0;overflow:hidden;box-shadow:-10px 18px 55px #0006,0 0 40px #8050ef14,inset 0 1px #fff2}.hf-window-bar{color:#b9add4;border-bottom:1px solid #b8a0ec22;align-items:center;gap:5px;height:13%;min-height:25px;padding:0 4%;display:flex}.hf-window-mark{letter-spacing:.02em;color:#e0d7f5;margin-right:auto;font-size:10px;font-weight:500}.hf-window-mark>span{color:#8a789e;margin:0 5px}.hf-window-dot{background:#897b9e;border-radius:50%;width:4px;height:4px}.hf-window-body{height:87%;display:flex}.hf-sidebar{color:#8f83aa;border-right:1px solid #b8a0ec16;flex-direction:column;align-items:center;gap:15px;width:10%;padding-top:5%;display:flex}.hf-sidebar>svg:first-child{color:#cab3ff}.hf-sidebar>span{background:#b8a0ec20;width:18px;height:1px}.hf-sidebar>span:nth-last-child(2){margin-top:auto}.hf-sidebar>svg:last-child{margin-bottom:15px}.hf-canvas{width:90%;padding:5% 5% 3%}.hf-canvas-heading{justify-content:space-between;align-items:center;gap:8px;display:flex}.hf-canvas-heading>div>span{color:#b7a9cb;margin-bottom:5px;font-size:10px;display:block}.hf-canvas-heading strong{font-family:var(--font-space-grotesk),sans-serif;color:#eee8fa;letter-spacing:-.025em;font-size:clamp(14px,1.3vw,18px);font-weight:500;display:block}.hf-live-badge{color:#aeedf3;white-space:nowrap;background:#22d3ee09;border:1px solid #22d3ee38;border-radius:20px;align-items:center;gap:4px;padding:4px 7px;font-size:8px;animation-name:hf-live;display:flex}.hf-live-badge>span{background:#67e8f9;border-radius:50%;width:4px;height:4px}.hf-workflow{justify-content:space-between;margin:7% 0 5%;display:flex;position:relative}.hf-workflow>svg{stroke:#afa0da38;stroke-width:1.2px;width:100%;height:100%;position:absolute;top:-19%;left:0}.hf-build-line{stroke:#bfa2ff;stroke-width:2px;stroke-dasharray:100;filter:drop-shadow(0 0 4px #a78bfa);animation-name:hf-build-line}.hf-step{color:#9b8bb5;flex-direction:column;align-items:center;gap:7px;width:22%;animation-name:hf-step-one;display:flex;position:relative}.hf-step>span{background:#241c3c;border:1px solid #ab87ff55;border-radius:10px;place-items:center;width:37px;height:37px;display:grid;box-shadow:0 4px 10px #0002}.hf-step>strong{color:#c1b4d4;font-size:9px;font-weight:400}.hf-step>i{background:#b695ff;border:2px solid #242036;border-radius:50%;width:8px;height:8px;position:absolute;top:-3px;right:calc(50% - 22px)}.hf-step-1{animation-name:hf-step-two}.hf-step-2{animation-name:hf-step-three}.hf-step-3{animation-name:hf-step-four}.hf-step-3>span{color:#9cebf3;border-color:#22d3ee66}.hf-step-3>i{background:#22d3ee}.hf-modules{border-top:1px solid #c6afff18;flex-direction:column;gap:9px;padding-top:3%;display:flex}.hf-module{color:#c4b9d4;align-items:center;gap:8px;font-size:9px;animation-name:hf-module-one;display:flex}.hf-module-icon{color:#b3a0d4;display:flex}.hf-module-track{background:#77679133;border-radius:3px;width:20%;height:3px;margin-left:auto;overflow:hidden}.hf-module-track i{transform-origin:0;background:linear-gradient(90deg,#ae8bed,#80d6eb);width:100%;height:100%;animation-name:hf-fill-one;display:block}.hf-module-check{color:#93deea;animation-name:hf-check-one}.hf-module-1{animation-name:hf-module-two}.hf-module-2{animation-name:hf-module-three}.hf-module-1 .hf-module-track i{animation-name:hf-fill-two}.hf-module-2 .hf-module-track i{animation-name:hf-fill-three}.hf-module-1 .hf-module-check{animation-name:hf-check-two}.hf-module-2 .hf-module-check{animation-name:hf-check-three}.hf-window-footer{color:#afa0c4;align-items:center;gap:5px;margin-top:5%;font-size:8px;animation-name:hf-live;display:flex}.hf-window-footer>svg{color:#a5dfea;margin-left:auto}.hf-footer-progress{background:#86d4e3;border-radius:50%;width:4px;height:4px}.hf-workspace-sheen{pointer-events:none;background:linear-gradient(110deg,#0000 25%,#cfbdff10 40%,#0000 55%);animation-name:hf-sheen;position:absolute;inset:0}.hf-delivered{background:linear-gradient(115deg,#25283efc,#131626fc);border:1px solid #8fe7ef60;border-radius:12px;align-items:center;gap:11px;padding:14px 18px;animation-name:hf-delivered;display:flex;position:absolute;bottom:-12%;right:-1%;box-shadow:0 14px 30px #0005,0 0 30px #22d3ee0a}.hf-delivered>span{color:#94e7ef;background:#22d3ee13;border:1px solid #22d3ee35;border-radius:50%;place-items:center;width:32px;height:32px;display:grid}.hf-delivered strong{color:#e5f5f7;font-size:12px;font-weight:500;display:block}.hf-delivered div>span{color:#a8c3d1;margin-top:3px;font-size:9px;display:block}.hf-brand{flex-direction:column;justify-content:center;align-items:center;animation-name:hf-brand;display:flex;position:absolute;inset:0}.hf-brand img{mix-blend-mode:screen;filter:drop-shadow(0 0 25px #7c3aed20);width:81%;height:auto;animation-name:hf-brand-image;position:relative;-webkit-mask-image:radial-gradient(#000 70%,#0000 96%);mask-image:radial-gradient(#000 70%,#0000 96%)}.hf-brand p{color:#c9c0e3;text-align:center;max-width:90%;margin-top:8px;font-size:13px;animation-name:hf-brand-caption}.hf-brand-aura{background:radial-gradient(#9560ff2b,#0000 64%);border-radius:50%;animation-name:hf-brand-aura;position:absolute;inset:15% 0}.hf-brand-traces{stroke:#ae8bff;stroke-width:1px;stroke-dasharray:100;filter:drop-shadow(0 0 4px #8b5cf6);animation-name:hf-brand-traces}.hf-controls{align-items:center;gap:24px;max-width:420px;margin:12px auto 0;padding:0 12px;display:flex}.hf-chapters{flex:1;gap:20px;display:flex}.hf-chapter{text-align:left;cursor:pointer;color:#bbb0d0;white-space:nowrap;background:0 0;border:0;flex:1;padding:5px 0;font-size:10px}.hf-chapter-track{background:#d1baff25;height:2px;margin-bottom:8px;display:block;overflow:hidden}.hf-chapter-track i{transform-origin:0;background:linear-gradient(90deg,#b293ff,#8fe1ed);width:100%;height:100%;animation-name:hf-chapter-one;animation-timing-function:linear;display:block}.hf-chapter-1 i{animation-name:hf-chapter-two}.hf-chapter-2 i{animation-name:hf-chapter-three}.hf-chapter:hover,.hf-chapter[aria-pressed=true]{color:#fff}.hf-chapter:focus-visible,.hf-pause:focus-visible{outline-offset:5px;border-radius:2px;outline:2px solid #c4a7ff}.hf-pause{color:#c7bdd8;cursor:pointer;background:#18132950;border:1px solid #cab2ff30;border-radius:50%;flex-shrink:0;place-items:center;width:30px;height:30px;display:grid}.hf-pause:hover{color:#fff;background:#8b5cf620}.hero-flow-paused *,.hero-flow-paused :before,.hero-flow-paused :after{animation-play-state:paused!important}@keyframes hf-atmosphere{0%,20%,to{opacity:.5;transform:scale(.85)}35%,64%{opacity:1;transform:scale(1)}75%,93%{opacity:.7;transform:scale(1.1)}}@keyframes hf-tracks{0%,23%{opacity:1}32%,94%{opacity:0}to{opacity:1}}@keyframes hf-signal{0%{stroke-dashoffset:110px;opacity:0}4%{opacity:1}22%{stroke-dashoffset:-100px;opacity:1}27%,to{stroke-dashoffset:-100px;opacity:0}}@keyframes hf-signal-two{0%,5%{stroke-dashoffset:110px;opacity:0}8%{opacity:1}24%{stroke-dashoffset:-100px;opacity:1}28%,to{stroke-dashoffset:-100px;opacity:0}}@keyframes hf-signal-three{0%,9%{stroke-dashoffset:110px;opacity:0}12%{opacity:1}26%{stroke-dashoffset:-100px;opacity:1}30%,to{stroke-dashoffset:-100px;opacity:0}}@keyframes hf-orbit{0%{opacity:.3;transform:rotate(-20deg)scale(.88)}24%{opacity:1;transform:rotate(10deg)scale(1)}33%,66%{opacity:0;transform:rotate(25deg)scale(1.1)}78%,91%{opacity:.5;transform:rotate(40deg)scale(1.1)}to{opacity:.3;transform:rotate(70deg)scale(.88)}}@keyframes hf-core{0%,17%{opacity:1;transform:scale(1)rotate(-8deg)}25%{opacity:1;transform:scale(1.15)rotate(0)}31%,94%{opacity:0;transform:scale(.5)rotate(0)}to{opacity:1;transform:scale(1)rotate(-8deg)}}@keyframes hf-core-ring{0%,12%{opacity:.2;transform:scale(.9)}23%{opacity:1;transform:scale(1.2)}31%,to{opacity:0;transform:scale(1.8)}}@keyframes hf-request-one{0%,14%{opacity:1;transform:translate(0)rotate(-7deg)}23%{opacity:0;transform:translate(28%,150%)rotate(0)scale(.25)}91%{opacity:0;transform:translate(-12%,-10%)rotate(-10deg)}to{opacity:1;transform:translate(0)rotate(-7deg)}}@keyframes hf-request-two{0%,17%{opacity:1;transform:translate(0)rotate(5deg)}26%{opacity:0;transform:translate(-25%,30%)rotate(0)scale(.25)}93%{opacity:0;transform:translate(12%)rotate(8deg)}to{opacity:1;transform:translate(0)rotate(5deg)}}@keyframes hf-request-three{0%,20%{opacity:1;transform:translate(0)rotate(-4deg)}29%{opacity:0;transform:translate(17%,-130%)rotate(0)scale(.25)}95%{opacity:0;transform:translate(-8%,15%)rotate(-7deg)}to{opacity:1;transform:translate(0)rotate(-4deg)}}@keyframes hf-intro{0%,18%,to{opacity:1;transform:translateY(0)}26%,93%{opacity:0;transform:translateY(8px)}}@keyframes hf-workspace-wrap{0%,23%{opacity:0;transform:rotateX(16deg)rotateY(-16deg)rotate(-5deg)scale(.45)translateY(15px)}34%{opacity:1;transform:rotateX(6deg)rotateY(-9deg)rotate(-3deg)scale(.98)translateY(0)}58%,64%{opacity:1;transform:rotateX(0)rotateY(0)rotate(0)scale(1)translateY(0)}73%,to{opacity:0;transform:rotateX(4deg)rotateY(10deg)rotate(2deg)scale(.72)translateY(0)}}@keyframes hf-build-line{0%,31%{stroke-dashoffset:100px}53%,to{stroke-dashoffset:0}}@keyframes hf-step-one{0%,28%{opacity:.35;transform:translateY(8px)}33%,to{opacity:1;transform:translateY(0)}}@keyframes hf-step-two{0%,35%{opacity:.35;transform:translateY(8px)}40%,to{opacity:1;transform:translateY(0)}}@keyframes hf-step-three{0%,42%{opacity:.35;transform:translateY(8px)}47%,to{opacity:1;transform:translateY(0)}}@keyframes hf-step-four{0%,49%{opacity:.35;transform:translateY(8px)}54%,to{opacity:1;transform:translateY(0)}}@keyframes hf-module-one{0%,32%{opacity:0;transform:translate(12px)}37%,to{opacity:1;transform:translate(0)}}@keyframes hf-module-two{0%,36%{opacity:0;transform:translate(12px)}41%,to{opacity:1;transform:translate(0)}}@keyframes hf-module-three{0%,40%{opacity:0;transform:translate(12px)}45%,to{opacity:1;transform:translate(0)}}@keyframes hf-fill-one{0%,36%{transform:scaleX(0)}44%,to{transform:scaleX(1)}}@keyframes hf-fill-two{0%,40%{transform:scaleX(0)}49%,to{transform:scaleX(1)}}@keyframes hf-fill-three{0%,45%{transform:scaleX(0)}54%,to{transform:scaleX(1)}}@keyframes hf-check-one{0%,44%{opacity:0;transform:scale(.5)}46%,to{opacity:1;transform:scale(1)}}@keyframes hf-check-two{0%,49%{opacity:0;transform:scale(.5)}51%,to{opacity:1;transform:scale(1)}}@keyframes hf-check-three{0%,54%{opacity:0;transform:scale(.5)}56%,to{opacity:1;transform:scale(1)}}@keyframes hf-live{0%,54%{opacity:0}59%,to{opacity:1}}@keyframes hf-delivered{0%,53%{opacity:0;transform:translate(15px,18px)scale(.92)}59%,66%{opacity:1;transform:translate(0)scale(1)}72%,to{opacity:0;transform:translateY(-10px)scale(.97)}}@keyframes hf-sheen{0%,29%{transform:translate(-100%)}48%,to{transform:translate(100%)}}@keyframes hf-brand{0%,66%{opacity:0;transform:scale(.85)}76%,91%{opacity:1;transform:scale(1)}98%,to{opacity:0;transform:scale(1.035)}}@keyframes hf-brand-image{0%,68%{opacity:0;clip-path:inset(0 100% 0 0)}79%,to{opacity:1;clip-path:inset(0)}}@keyframes hf-brand-caption{0%,76%{opacity:0;transform:translateY(10px)}83%,92%{opacity:1;transform:translateY(0)}98%,to{opacity:0;transform:translateY(0)}}@keyframes hf-brand-traces{0%,67%{stroke-dashoffset:100px;opacity:0}72%{opacity:.7}83%{stroke-dashoffset:0;opacity:.4}91%,to{stroke-dashoffset:-100px;opacity:0}}@keyframes hf-brand-aura{0%,66%{opacity:0;transform:scale(.5)}78%{opacity:1;transform:scale(1.2)}90%,to{opacity:.3;transform:scale(1)}}@keyframes hf-chapter-one{0%{transform:scaleX(0)}30%,97%{transform:scaleX(1)}98%,to{transform:scaleX(0)}}@keyframes hf-chapter-two{0%,30%{transform:scaleX(0)}70%,97%{transform:scaleX(1)}98%,to{transform:scaleX(0)}}@keyframes hf-chapter-three{0%,70%{transform:scaleX(0)}97%{transform:scaleX(1)}98%,to{transform:scaleX(0)}}@media (min-width:768px) and (max-width:1023px){.hf-stage{aspect-ratio:auto;height:360px}.hf-request{gap:8px;padding:11px}.hf-request-icon{width:28px;height:28px}.hf-canvas-heading strong{font-size:12px}.hf-sidebar{gap:10px}.hf-modules{gap:6px}.hf-step>span{width:29px;height:29px}.hf-step>strong,.hf-canvas-heading>div>span{font-size:8px}.hf-window-footer{margin-top:3%}}@media (max-width:767px){.hero-flow{max-width:430px;margin-top:-5px}.hf-stage{aspect-ratio:auto;height:clamp(320px,84vw,360px)}.hf-request,.hf-core,.hf-circuit,.hf-intro-caption,.hf-brand,.hf-controls{display:none}.hf-stage *,.hf-stage :after{animation:none!important}.hf-workspace-wrap{opacity:1;inset:5% 2% 13%;transform:rotate(-2deg)}.hf-workspace-shadow{transform:translate(7px,9px)}.hf-canvas{padding:4% 5% 3%}.hf-canvas-heading strong{font-size:14px}.hf-workflow{margin:5% 0 4%}.hf-step>span{width:30px;height:30px}.hf-step>span>svg{width:16px}.hf-sidebar{gap:10px}.hf-modules{gap:7px}.hf-module-track i{transform:scaleX(1)}.hf-window-footer{margin-top:4%}.hf-delivered{padding:9px 12px;bottom:-9%;right:0}.hf-delivered strong{font-size:11px}.hf-delivered>span{width:26px;height:26px}.hf-workspace-sheen{display:none}}@media (prefers-reduced-motion:reduce){.hf-stage *,.hf-stage :after{animation:none!important}.hf-request,.hf-core,.hf-circuit,.hf-intro-caption,.hf-brand,.hf-controls{display:none}.hf-workspace-wrap{opacity:1;transform:none}.hf-module-track i{transform:scaleX(1)}.hf-workspace-sheen{display:none}}