@property --ang{syntax:"<angle>";inherits:false;initial-value:0deg}.pg-how{color:#e8ecf5;font-family:var(--f-body),system-ui,sans-serif;-webkit-font-smoothing:antialiased;background:#05070f;margin:0}.pg-how *{box-sizing:border-box}.pg-how a{color:#8ea2ff}.pg-how a:hover{color:#c3ceff}.pg-how h1,.pg-how h2,.pg-how h3,.pg-how h4{font-family:var(--f-display),var(--f-body),sans-serif;letter-spacing:-.025em;margin:0}.pg-how p{margin:0}.pg-how :focus-visible{outline-offset:3px;border-radius:8px;outline:2px solid #22d3ee}.pg-how .wrap{max-width:1200px;margin:0 auto;padding:0 24px}.pg-how .mono{font-family:JetBrains Mono,ui-monospace,monospace}.pg-how .btn{cursor:pointer;isolation:isolate;border:0;border-radius:14px;justify-content:center;align-items:center;gap:10px;min-height:52px;padding:0 26px;font-family:inherit;font-size:15px;font-weight:700;text-decoration:none;transition:transform .25s cubic-bezier(.22,1,.36,1),box-shadow .25s,background-color .25s;display:inline-flex;position:relative;overflow:hidden}.pg-how .btn:hover{transform:translateY(-2px)}.pg-how .btn:active{transform:scale(.97)}.pg-how .btn-pri{color:#fff;background:linear-gradient(135deg,#4f6bff,#3d5afe 55%,#2b44e8);box-shadow:inset 0 0 0 1px #8ea2ff66,0 14px 34px -10px #4f6bffd9}.pg-how .btn-pri:hover{color:#fff}.pg-how .btn-pri:after{content:"";border-radius:inherit;z-index:-1;background:linear-gradient(110deg,#0000 30%,#ffffff59 50%,#0000 70%) 0 0/250% 100%;animation:3.6s ease-in-out infinite pg-how-sheen;position:absolute;inset:0}.pg-how .btn-ghost{color:#e8ecf5;background:#ffffff0a;box-shadow:inset 0 0 0 1px #ffffff24}.pg-how .btn-ghost:hover{color:#fff;background:#ffffff14}.pg-how .hdr{z-index:40;-webkit-backdrop-filter:saturate(1.6)blur(14px);backdrop-filter:saturate(1.6)blur(14px);background:#05070fb8;border-bottom:1px solid #ffffff0f;position:sticky;top:0}.pg-how .nav a{color:#a3adc2;padding:10px 4px;font-size:15px;font-weight:600;text-decoration:none;transition:color .2s;position:relative}.pg-how .nav a:hover,.pg-how .nav a.on{color:#fff}.pg-how .nav a:after{content:"";transform-origin:0;background:linear-gradient(90deg,#4f6bff,#22d3ee);border-radius:2px;height:2px;transition:transform .3s cubic-bezier(.22,1,.36,1);position:absolute;bottom:3px;left:4px;right:4px;transform:scaleX(0)}.pg-how .nav a:hover:after,.pg-how .nav a.on:after{transform:scaleX(1)}.pg-how .burger{color:#fff;cursor:pointer;background:0 0;border:1px solid #ffffff29;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;display:none}@media (max-width:900px){.pg-how .nav,.pg-how .hdr-cta{display:none!important}.pg-how .burger{display:inline-flex}}.pg-how .mlink{color:#e8ecf5;border-bottom:1px solid #ffffff0f;padding:15px 0;font-size:18px;font-weight:700;text-decoration:none}.pg-how .phero{background:radial-gradient(120% 90% at 50% 0,#0c1330 0%,#05070f 65%);padding:64px 0 120px;position:relative;overflow:hidden}.pg-how .floor{transform-origin:50% 100%;background-image:linear-gradient(#4f6bff80 1.5px,#0000 1.5px),linear-gradient(90deg,#4f6bff52 1.5px,#0000 1.5px);background-size:64px 64px;height:360px;animation:1.4s linear infinite pg-how-roadmove;position:absolute;bottom:-80px;left:-30%;right:-30%;transform:perspective(520px)rotateX(68deg);-webkit-mask-image:linear-gradient(#0000 15%,#000 90%);mask-image:linear-gradient(#0000 15%,#000 90%)}.pg-how .aurora{filter:blur(80px);pointer-events:none;mix-blend-mode:screen;border-radius:50%;position:absolute}.pg-how .au1{background:radial-gradient(circle,#3d5afe80,#0000 65%);width:600px;height:600px;animation:18s ease-in-out infinite pg-how-drift;top:-160px;left:-200px}.pg-how .au2{background:radial-gradient(circle,#22d3ee4d,#0000 65%);width:520px;height:520px;animation:22s ease-in-out -6s infinite reverse pg-how-drift;top:20px;right:-160px}.pg-how .crumbs{color:#7f8aa3;align-items:center;gap:10px;margin:0;padding:0;font-size:14px;list-style:none;display:flex}.pg-how .crumbs a{color:#a3adc2;text-decoration:none}.pg-how .crumbs a:hover{color:#fff}.pg-how .word{opacity:0;filter:blur(10px);animation:.9s cubic-bezier(.22,1,.36,1) forwards pg-how-wordin;display:inline-block;transform:translateY(24px)}.pg-how .fade-up{opacity:0;animation:.9s cubic-bezier(.22,1,.36,1) forwards pg-how-fadeup}.pg-how .gb{background:linear-gradient(#0d1326,#090d1b);border-radius:22px;transition:transform .45s cubic-bezier(.22,1,.36,1),box-shadow .45s;position:relative;box-shadow:inset 0 0 0 1px #ffffff12}.pg-how .gb:before{content:"";border-radius:inherit;background:conic-gradient(from var(--ang),transparent 0 55%,#4f6bff 70%,#22d3ee 80%,transparent 92%);-webkit-mask-composite:xor;opacity:.55;pointer-events:none;padding:1px;transition:opacity .4s;animation:6s linear infinite pg-how-spinang;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.pg-how .gb:hover{transform:translateY(-6px);box-shadow:inset 0 0 0 1px #8ea2ff2e,0 40px 80px -40px #4f6bff99}.pg-how .gb:hover:before{opacity:1}.pg-how .kicker{letter-spacing:.16em;text-transform:uppercase;color:#8ea2ff;align-items:center;gap:10px;font-size:13px;font-weight:700;display:inline-flex}.pg-how .kicker:before{content:"";background:linear-gradient(90deg,#0000,#8ea2ff);width:28px;height:1px}.pg-how .h2{color:#fff;font-size:clamp(30px,4vw,48px);font-weight:700;line-height:1.08}.pg-how .lead{color:#a3adc2;font-size:18px;line-height:1.7}.pg-how .grad-txt{background:linear-gradient(90deg,#fff 0%,#b8c4ff 55%,#22d3ee 100%);color:#0000;-webkit-background-clip:text;background-clip:text}.pg-how .badge{white-space:nowrap;border-radius:999px;align-items:center;gap:6px;height:24px;padding:0 10px;font-size:12px;font-weight:700;display:inline-flex}.pg-how .badge:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px;box-shadow:0 0 8px}.pg-how .b-act{color:#9db0ff;background:#4f6bff29}.pg-how .b-conf{color:#c4b5fd;background:#a78bfa29}.pg-how .b-over{color:#fda4af;background:#f43f5e29}.pg-how .b-done{color:#6ee7b7;background:#34d39924}.pg-how .b-pend{color:#fcd34d;background:#fbbf2424}.pg-how .live{background:#34d399;border-radius:50%;flex:none;width:8px;height:8px;display:inline-block;position:relative}.pg-how .live:after{content:"";border:2px solid #34d399;border-radius:50%;animation:2s cubic-bezier(.22,1,.36,1) infinite pg-how-ping;position:absolute;inset:-4px}.pg-how .ichip{color:#b8c4ff;background:linear-gradient(135deg,#4f6bff40,#22d3ee1f);border-radius:14px;flex:none;justify-content:center;align-items:center;width:46px;height:46px;display:flex;box-shadow:inset 0 0 0 1px #8ea2ff40}.pg-how .foot a{color:#8b95ab;font-size:15px;text-decoration:none;transition:color .2s}.pg-how .foot a:hover{color:#fff}.pg-how .foot-grid{grid-template-columns:minmax(0,2fr) repeat(3,minmax(0,1fr));gap:40px;display:grid}.pg-how .mega{font-family:var(--f-display),sans-serif;letter-spacing:-.05em;text-align:center;background:linear-gradient(#8ea2ff59,#8ea2ff00 85%);color:#0000;-webkit-user-select:none;user-select:none;-webkit-background-clip:text;background-clip:text;margin-top:40px;font-size:clamp(80px,17vw,250px);font-weight:800;line-height:.85}@media (max-width:860px){.pg-how .foot-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pg-how .foot-brand{grid-column:1/-1}}@supports (animation-timeline:view()){.pg-how .reveal{animation:linear both pg-how-fadeup;animation-timeline:view();animation-range:entry cover 25%}}.pg-how .tl{position:relative}.pg-how .tl-line{background:#8ea2ff26;width:2px;position:absolute;top:40px;bottom:40px;left:27px;overflow:hidden}.pg-how .tl-line:after{content:"";background:linear-gradient(#0000,#22d3ee,#fff,#0000);height:22%;animation:4s cubic-bezier(.65,0,.35,1) infinite pg-how-travelv;position:absolute;left:0;right:0}.pg-how .step{grid-template-columns:56px minmax(0,1fr) minmax(0,1.05fr);align-items:center;gap:44px;padding:52px 0;display:grid}@media (max-width:900px){.pg-how .step{grid-template-columns:56px minmax(0,1fr);gap:24px}.pg-how .step .svis{grid-column:2}}.pg-how .node{z-index:1;color:#fff;width:56px;height:56px;font-family:var(--f-display),sans-serif;background:#0b1022;border-radius:17px;justify-content:center;align-self:start;align-items:center;font-size:17px;font-weight:700;display:flex;position:relative;box-shadow:inset 0 0 0 1px #8ea2ff66,0 0 0 8px #05070f}.pg-how .node.hot{color:#05070f;background:linear-gradient(135deg,#4f6bff,#22d3ee);box-shadow:0 0 0 8px #05070f,0 0 30px #22d3ee99}.pg-how .stxt{flex-direction:column;align-self:start;gap:14px;padding-top:6px;display:flex}.pg-how .svis{flex-direction:column;justify-content:center;gap:14px;min-height:250px;padding:24px;display:flex}.pg-how .fld{flex-direction:column;gap:6px;display:flex}.pg-how .fld span{color:#7f8aa3;font-size:12px;font-weight:700}.pg-how .fbox{color:#e8ecf5;background:#ffffff08;border-radius:11px;align-items:center;height:44px;padding:0 14px;font-size:14px;display:flex;box-shadow:inset 0 0 0 1px #ffffff1a}.pg-how .fbox.focus{box-shadow:inset 0 0 0 1px #22d3ee,0 0 0 4px #22d3ee26}.pg-how .typed{white-space:nowrap;vertical-align:bottom;color:#fff;width:0;animation:6s steps(13,end) infinite pg-how-type;display:inline-block;overflow:hidden}.pg-how .caret{vertical-align:middle;background:#22d3ee;width:2px;height:18px;margin-left:1px;animation:1s step-end infinite pg-how-caret;display:inline-block}.pg-how .okpop{color:#6ee7b7;opacity:0;margin-left:auto;font-size:12px;font-weight:800;animation:6s infinite pg-how-okpop}.pg-how .swap{display:inline-grid;position:relative}.pg-how .swap>*{grid-area:1/1}.pg-how .sw1{animation:6s infinite pg-how-sw1}.pg-how .sw2{animation:6s infinite pg-how-sw2}.pg-how .chk{color:#c9d1e3;opacity:0;align-items:center;gap:10px;font-size:14px;animation:6s infinite pg-how-chkin;display:flex}.pg-how .chk i{color:#6ee7b7;background:#34d3992e;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:12px;font-style:normal;font-weight:800;display:inline-flex}.pg-how .mx{border-collapse:separate;border-spacing:0;width:100%;font-size:13px}.pg-how .mx th{letter-spacing:.06em;text-transform:uppercase;color:#7d87a3;text-align:center;padding:8px 6px;font-size:11px;font-weight:700}.pg-how .mx th:first-child{text-align:left}.pg-how .mx td{text-align:center;color:#c9d1e3;border-top:1px solid #ffffff0f;padding:10px 6px}.pg-how .mx td:first-child{text-align:left}.pg-how .tick{color:#67e8f9;background:#22d3ee26;border-radius:7px;justify-content:center;align-items:center;width:22px;height:22px;font-size:12px;font-weight:800;animation:5s cubic-bezier(.22,1,.36,1) infinite pg-how-tick;display:inline-flex}.pg-how .no{color:#4a5470;background:#ffffff0a;border-radius:7px;justify-content:center;align-items:center;width:22px;height:22px;display:inline-flex}.pg-how .lane-track{background:#ffffff14;border-radius:6px;height:6px;position:relative}.pg-how .lane-fill{transform-origin:0;background:linear-gradient(90deg,#4f6bff,#22d3ee,#34d399);border-radius:6px;animation:8s cubic-bezier(.65,0,.35,1) infinite pg-how-lifefill;position:absolute;inset:0}.pg-how .lane-car{animation:8s cubic-bezier(.65,0,.35,1) infinite pg-how-lifecar;position:absolute;inset:0}.pg-how .lane-car span{background:#fff;border-radius:50%;width:20px;height:20px;margin:-10px 0 0 -10px;position:absolute;top:50%;left:0;box-shadow:0 0 0 4px #4f6bff59,0 0 24px 4px #22d3eeb3}.pg-how .flow{grid-template-columns:repeat(4,minmax(0,1fr));align-items:start;gap:0;display:grid}.pg-how .fnode{text-align:center;flex-direction:column;align-items:center;gap:12px;padding:0 12px;display:flex;position:relative}.pg-how .fdot{z-index:1;background:#0b1022;border-radius:22px;justify-content:center;align-items:center;width:72px;height:72px;display:flex;position:relative;box-shadow:inset 0 0 0 1px #8ea2ff59}.pg-how .fnode:not(:last-child):after{content:"";background:linear-gradient(90deg,#8ea2ff80,#22d3ee80);height:2px;position:absolute;top:36px;left:calc(50% + 44px);right:calc(44px - 50%)}.pg-how .pulse-dot{z-index:2;background:#fff;border-radius:50%;width:12px;height:12px;animation:2.4s cubic-bezier(.65,0,.35,1) infinite pg-how-hop;position:absolute;top:31px;left:calc(50% + 44px);box-shadow:0 0 14px 3px #22d3ee}.pg-how .branch{color:#fda4af;background:#f43f5e12;border:1.5px dashed #f43f5e80;border-radius:12px;margin-top:18px;padding:10px 14px;font-size:13px;font-weight:700}@media (max-width:860px){.pg-how .flow{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:40px}.pg-how .fnode:after,.pg-how .pulse-dot{display:none}}.pg-how .roles{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;display:grid}@media (max-width:1000px){.pg-how .roles{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:560px){.pg-how .roles{grid-template-columns:minmax(0,1fr)}}.pg-how .rl{color:#a3adc2;gap:10px;font-size:14px;line-height:1.55;display:flex}.pg-how .rl:before{content:"";background:#22d3ee;border-radius:50%;flex:none;width:6px;height:6px;margin-top:8px}@keyframes pg-how-spinang{to{--ang:360deg}}@keyframes pg-how-sheen{0%,60%{background-position:150% 0}to{background-position:-100% 0}}@keyframes pg-how-drift{0%,to{transform:translate(0)scale(1)}33%{transform:translate(80px,40px)scale(1.1)}66%{transform:translate(-40px,70px)scale(.95)}}@keyframes pg-how-roadmove{0%{background-position:0 0}to{background-position:0 64px}}@keyframes pg-how-wordin{to{opacity:1;filter:blur();transform:none}}@keyframes pg-how-fadeup{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}@keyframes pg-how-ping{0%{opacity:.9;transform:scale(.6)}80%,to{opacity:0;transform:scale(2)}}@keyframes pg-how-travelv{0%{top:-22%}to{top:100%}}@keyframes pg-how-type{0%,8%{width:0}45%,90%{width:13ch}to{width:0}}@keyframes pg-how-caret{50%{opacity:0}}@keyframes pg-how-okpop{0%,48%{opacity:0;transform:scale(.6)}55%,88%{opacity:1;transform:none}95%,to{opacity:0}}@keyframes pg-how-sw1{0%,40%{opacity:1;transform:none}48%,92%{opacity:0;transform:translateY(-8px)}to{opacity:1}}@keyframes pg-how-sw2{0%,40%{opacity:0;transform:translateY(8px)}48%,92%{opacity:1;transform:none}to{opacity:0}}@keyframes pg-how-chkin{0%,10%{opacity:0;transform:translate(-10px)}18%,92%{opacity:1;transform:none}to{opacity:0}}@keyframes pg-how-tick{0%,15%{opacity:0;transform:scale(0)}25%,90%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(0)}}@keyframes pg-how-lifefill{0%,12%{transform:scaleX(0)}25%,37%{transform:scaleX(.333)}50%,62%{transform:scaleX(.666)}75%,92%{transform:scaleX(1)}to{transform:scaleX(0)}}@keyframes pg-how-lifecar{0%,12%{transform:translate(0)}25%,37%{transform:translate(33.3%)}50%,62%{transform:translate(66.6%)}75%,92%{transform:translate(100%)}to{transform:translate(0)}}@keyframes pg-how-hop{0%{opacity:0;transform:translate(0)}15%{opacity:1}85%{opacity:1}to{opacity:0;transform:translate(calc(100% + 40px))}}@media (prefers-reduced-motion:reduce){.pg-how *,.pg-how :before,.pg-how :after{transition:none!important;animation-duration:1ms!important;animation-iteration-count:1!important;animation-delay:0s!important}.pg-how .typed{width:13ch}}.pg-how .svis{max-width:100%;overflow-x:auto}@media (max-width:420px){.pg-how .mx{font-size:11.5px}.pg-how .mx th,.pg-how .mx td{padding-left:4px;padding-right:4px}}@media (prefers-reduced-motion:reduce){.pg-how .reveal{opacity:1;transform:none;animation:none!important}}