.pg-how-it-works .ph{padding-top:48px}.pg-how-it-works .ph h1{max-width:20ch}.pg-how-it-works .ph p{color:var(--ink-2);max-width:58ch;margin-top:18px;font-size:18px}.pg-how-it-works .steps{grid-template-columns:repeat(4,1fr);gap:16px;margin-top:44px;display:grid}.pg-how-it-works .step{border:1px solid var(--line);border-radius:16px;padding:22px}.pg-how-it-works .step .n{color:var(--you);font-size:13px;font-weight:800}.pg-how-it-works .step h3{margin-top:8px;font-size:18px}.pg-how-it-works .step p{color:var(--ink-2);margin-top:8px;font-size:14px}.pg-how-it-works .split{grid-template-columns:1fr 1fr;align-items:start;gap:56px;display:grid}.pg-how-it-works .split.top{align-items:stretch}.pg-how-it-works .split.mid{align-items:center}.pg-how-it-works .code.idx{height:100%}.pg-how-it-works .code .o{color:#ff9a4d;font-weight:700}.pg-how-it-works .code{background:var(--ink);color:#e6e9ef;white-space:pre;border-radius:14px;padding:22px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;line-height:1.7;overflow:auto}.pg-how-it-works .code .k{color:#8ab4ff}.pg-how-it-works .code .c{color:#7c8592}.pg-how-it-works .types{border-top:1px solid var(--line);margin-top:24px}.pg-how-it-works .types div{border-bottom:1px solid var(--line);grid-template-columns:130px 70px 1fr;align-items:baseline;gap:14px;padding:12px 0;font-size:14px;display:grid}.pg-how-it-works .types b{font-weight:800}.pg-how-it-works .types .w{color:var(--you);font-weight:800}.pg-how-it-works .types span{color:var(--ink-2)}.pg-how-it-works .fresh{grid-template-columns:repeat(3,1fr);gap:14px;margin-top:28px;display:grid}.pg-how-it-works .fresh div{background:var(--field);border-radius:14px;padding:18px 20px}.pg-how-it-works .fresh b{letter-spacing:-.03em;font-size:26px;font-weight:800;display:block}.pg-how-it-works .fresh span{color:var(--ink-3);font-size:13px}.pg-how-it-works .dont{border:2px solid var(--ink);border-radius:16px;margin-top:44px;padding:24px}.pg-how-it-works .dont h3{font-size:18px}.pg-how-it-works .dont ul{color:var(--ink-2);margin-top:10px;font-size:15px;list-style:none}.pg-how-it-works .dont li{padding:5px 0}.pg-how-it-works .dont li:before{content:"× ";color:var(--them);font-weight:800}@media (max-width:900px){.pg-how-it-works .ph{padding-top:32px}.pg-how-it-works .steps{grid-template-columns:1fr 1fr}.pg-how-it-works .split{grid-template-columns:1fr;gap:28px}.pg-how-it-works .fresh{grid-template-columns:1fr}.pg-how-it-works .types div{grid-template-columns:1fr;gap:2px}}@media (max-width:520px){.pg-how-it-works .steps{grid-template-columns:1fr}}.pg-how-it-works .ph.two{grid-template-columns:1.05fr .95fr;align-items:center;gap:56px;display:grid}.pg-how-it-works .ph.two .steps{grid-column:1/-1}.pg-how-it-works .pipe{border:1px solid var(--line);background:#fff;border-radius:20px;max-width:560px;margin-left:auto;padding:20px 22px;animation:4.5s ease-in-out infinite pipeFloat;position:relative;box-shadow:0 40px 80px -50px #11131859}.pg-how-it-works .pipe-head{flex-wrap:wrap;align-items:center;gap:7px;font-size:13px;font-weight:700;display:flex}.pg-how-it-works .pipe-head i{border-radius:50%;flex:none;width:10px;height:10px;display:inline-block}.pg-how-it-works .pipe-head i.y{background:var(--you)}.pg-how-it-works .pipe-head i.t{border:2.5px solid var(--them)}.pg-how-it-works .pipe-head .vs{color:var(--ink-3);font-weight:800}.pg-how-it-works .pipe-head .time{color:var(--ink-3);font-variant-numeric:tabular-nums;margin-left:auto;font-weight:600}.pg-how-it-works .pipe-bar{background:var(--field);border-radius:3px;height:6px;margin-top:12px;overflow:hidden}.pg-how-it-works .pipe-bar i{background:var(--you);width:0;height:100%;animation:12s linear infinite pipeBar;display:block}.pg-how-it-works .pipe-body{grid-template-columns:140px 1fr;align-items:start;gap:18px;margin-top:16px;display:grid}.pg-how-it-works .pipe-steps{margin:0;padding:0;list-style:none}.pg-how-it-works .pipe-steps li{color:var(--ink-3);align-items:center;gap:8px;padding:6px 0;font-size:12.5px;font-weight:700;animation:12s infinite pipeStep;display:flex}.pg-how-it-works .pipe-steps li b{background:color-mix(in srgb,currentColor 12%,transparent);border-radius:7px;flex:none;justify-content:center;align-items:center;width:22px;height:22px;font-size:11px;font-weight:800;display:inline-flex}.pg-how-it-works .pipe-steps li:nth-child(2){animation-delay:3s}.pg-how-it-works .pipe-steps li:nth-child(3){animation-delay:6s}.pg-how-it-works .pipe-steps li:nth-child(4){animation-delay:9s}.pg-how-it-works .pipe-stage{height:196px;position:relative}.pg-how-it-works .pipe .st{opacity:0;animation:12s infinite both pipeStage;position:absolute;inset:0}.pg-how-it-works .pipe .st2{animation-delay:3s}.pg-how-it-works .pipe .st3{animation-delay:6s}.pg-how-it-works .pipe .st4{animation-delay:9s}.pg-how-it-works .fetch{margin-bottom:12px;font-size:12px}.pg-how-it-works .fetch span{color:var(--ink-2);align-items:center;gap:6px;font-weight:600;display:flex}.pg-how-it-works .fetch span i{border-radius:50%;width:8px;height:8px;display:inline-block}.pg-how-it-works .fetch span i.y{background:var(--you)}.pg-how-it-works .fetch span i.t{border:2px solid var(--them)}.pg-how-it-works .fetch .ftr{background:var(--field);border-radius:4px;height:8px;margin-top:6px;overflow:hidden}.pg-how-it-works .fetch .ftr i{width:0;height:100%;animation-duration:12s;animation-timing-function:ease-out;animation-iteration-count:infinite;display:block}.pg-how-it-works .fetch .fy{background:var(--you);animation-name:pipeFillY}.pg-how-it-works .fetch .ft{background:var(--them);animation-name:pipeFillT}.pg-how-it-works .fetch em{letter-spacing:-.02em;font-variant-numeric:tabular-nums;margin-top:3px;font-size:18px;font-style:normal;font-weight:800;display:block}.pg-how-it-works .pipe .note{color:var(--ink-3);font-size:11px;font-weight:600}.pg-how-it-works .dots{grid-template-columns:repeat(12,1fr);gap:7px;display:grid}.pg-how-it-works .dots i{border-radius:50%;height:13px;display:block}.pg-how-it-works .dots .y{background:var(--you);animation:12s 3s infinite both pipeDotGone}.pg-how-it-works .dots .g{background:#c9ced6;animation:12s 3.5s infinite both pipeDotGone}.pg-how-it-works .dots .t{border:2.5px solid var(--them)}.pg-how-it-works .sum{color:var(--ink-2);opacity:0;margin-top:14px;font-size:13px;font-weight:600;animation:12s 3s infinite both pipeSum}.pg-how-it-works .sum b{letter-spacing:-.04em;color:var(--them);margin-left:4px;font-size:26px;font-weight:800}.pg-how-it-works .srow{border-bottom:1px solid var(--line);grid-template-columns:1fr 44px;align-items:center;gap:2px 10px;padding:7px 0;font-size:12px;display:grid}.pg-how-it-works .srow span{text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.pg-how-it-works .srow b{text-align:right;font-variant-numeric:tabular-nums;font-weight:800}.pg-how-it-works .srow em{color:var(--ink-3);font-size:10.5px;font-style:normal;font-weight:600}.pg-how-it-works .srow .sb{background:var(--field);border-radius:3px;height:5px;overflow:hidden}.pg-how-it-works .srow .sb i{background:var(--ink);width:0;height:100%;animation:12s ease-out 6s infinite both pipeScore;display:block}.pg-how-it-works .pipe .page{border:1px solid var(--line);border-radius:14px;padding:14px 16px;animation:12s 9s infinite both pipePage}.pg-how-it-works .pipe .url{color:var(--ink-3);word-break:break-all;font-size:11px;font-weight:600}.pg-how-it-works .pipe .pn{letter-spacing:-.05em;color:var(--them);margin-top:8px;font-size:40px;font-weight:800;line-height:1}.pg-how-it-works .pipe .pn small{color:var(--ink);letter-spacing:-.01em;margin-top:4px;font-size:12px;font-weight:700;display:block}.pg-how-it-works .pipe .pf{color:var(--ink-3);align-items:center;gap:8px;margin-top:12px;font-size:11px;font-weight:600;display:flex}.pg-how-it-works .pulse{background:var(--ok);border-radius:50%;flex:none;width:8px;height:8px;position:relative}.pg-how-it-works .pulse:after{content:"";border:2px solid var(--ok);border-radius:50%;animation:1.6s ease-out infinite pulseRing;position:absolute;inset:-4px}@keyframes pipeFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pipeBar{0%{width:0}to{width:100%}}@keyframes pipeStep{0%{color:var(--ink-3)}2%,24%{color:var(--you)}27%,to{color:var(--ink-3)}}@keyframes pipeStage{0%{opacity:0;transform:translateY(6px)}4%,23%{opacity:1;transform:none}27%,to{opacity:0;transform:translateY(-6px)}}@keyframes pipeFillY{0%,3%{width:0}14%,to{width:20%}}@keyframes pipeFillT{0%,3%{width:0}18%,to{width:80%}}@keyframes pipeDotGone{0%,9%{opacity:1;transform:scale(1)}15%,to{opacity:0;transform:scale(.3)}}@keyframes pipeSum{0%,15%{opacity:0;transform:translateY(4px)}19%,to{opacity:1;transform:none}}@keyframes pipeScore{0%,4%{width:0}15%,to{width:var(--w)}}@keyframes pipePage{0%{transform:scale(.96)}6%,to{transform:scale(1)}}@keyframes pulseRing{0%{opacity:1;transform:scale(.6)}to{opacity:0;transform:scale(1.9)}}@media (max-width:900px){.pg-how-it-works .ph.two{grid-template-columns:1fr;gap:28px}.pg-how-it-works .pipe{max-width:100%;margin:0}.pg-how-it-works .pipe-body{grid-template-columns:1fr;gap:10px}.pg-how-it-works .pipe-steps{flex-wrap:wrap;gap:0 14px;display:flex}.pg-how-it-works .pipe-stage{height:200px}}@media (prefers-reduced-motion:reduce){.pg-how-it-works .pipe,.pg-how-it-works .pipe *,.pg-how-it-works .pipe :after{animation:none!important}.pg-how-it-works .pipe .st{opacity:0}.pg-how-it-works .pipe .st4{opacity:1}.pg-how-it-works .pipe-bar i{width:100%}.pg-how-it-works .pipe-steps li:nth-child(4){color:var(--you)}}.pg-how-it-works .prov{border:1px solid var(--line);background:#fff;border-radius:20px;flex-direction:column;padding:22px 24px;display:flex;box-shadow:0 40px 80px -50px #11131859}.pg-how-it-works .prov-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding-bottom:14px;font-size:14px;display:flex}.pg-how-it-works .prov-head b{word-break:break-all;font-weight:700}.pg-how-it-works .prov-head .tp{background:var(--field);white-space:nowrap;border-radius:6px;padding:4px 8px;font-size:12px;font-weight:600}.pg-how-it-works .prov-steps{flex-direction:column;flex:1;justify-content:space-evenly;padding:6px 0;display:flex}.pg-how-it-works .ps{border-bottom:1px solid var(--line);grid-template-columns:28px 1fr;gap:12px;padding:12px 0;font-size:14px;display:grid}.pg-how-it-works .ps i{background:var(--you-bg);width:28px;height:28px;color:var(--you);border-radius:8px;justify-content:center;align-items:center;font-size:13px;font-style:normal;font-weight:800;display:inline-flex}.pg-how-it-works .ps b{font-weight:700;display:block}.pg-how-it-works .ps span{color:var(--ink-2);font-size:13px}.pg-how-it-works .prov-out{background:var(--field);border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:14px;padding:14px 16px;font-size:14px;display:flex}.pg-how-it-works .prov-out b{font-weight:700;display:block}.pg-how-it-works .prov-out span{color:var(--ink-3);font-size:12px;font-weight:600}.pg-how-it-works .prov-opt{border:1.5px solid var(--line);white-space:nowrap;background:#fff;border-radius:8px;padding:8px 12px;font-size:13px;font-weight:700}.pg-how-it-works .crumb{color:var(--ink-3);margin-bottom:14px;font-size:13px;font-weight:600}.pg-how-it-works .crumb a{color:var(--ink-2)}