.p-how-it-works .p-hero{padding:calc(var(--nav-h) + clamp(48px, 9vw, 120px)) 0 clamp(72px, 10vw, 140px)}.p-how-it-works .p-hero h1{max-width:13ch}.p-how-it-works .p-hero .lede{margin-top:26px}.p-how-it-works .p-hero .btn{margin-top:38px}.p-how-it-works .p-hero-note{font:500 .74rem/1.4 var(--mono);text-transform:uppercase;letter-spacing:.02em;color:var(--muted);margin-top:16px}.p-how-it-works .p-route{flex-wrap:wrap;gap:8px 6px;margin:clamp(36px,6vw,72px) 0 0;padding:0;list-style:none;display:flex}.p-how-it-works .p-route a{min-height:40px;box-shadow:inset 0 0 0 1px var(--rule);font:500 .74rem/1 var(--mono);text-transform:uppercase;letter-spacing:.02em;transition:background .25s var(--ease), color .25s var(--ease);border-radius:999px;align-items:center;gap:8px;padding:0 14px;text-decoration:none;display:inline-flex}.p-how-it-works .p-route a:hover{background:var(--ink);color:var(--night)}.p-how-it-works .p-route .num{color:var(--signal-ink)}.p-how-it-works .p-route a:hover .num{color:inherit}.p-how-it-works .p-h{max-width:16ch;margin-bottom:clamp(40px,6vw,64px)}.p-how-it-works .p-tl{--tl-x:11px;position:relative}.p-how-it-works .p-tl-track{left:var(--tl-x);background:var(--rule);pointer-events:none;width:2px;margin-left:-1px;position:absolute;top:10px;bottom:0}.p-how-it-works .p-tl-fill{background:var(--signal);transform-origin:top;position:absolute;inset:0}.p-how-it-works .p-tl-mark{background:var(--night);border:2px solid var(--signal);will-change:transform;border-radius:50%;width:18px;height:18px;margin:-9px 0 0 -9px;display:none;position:absolute;top:0;left:50%}.p-how-it-works .p-tl-live .p-tl-mark{display:block}.p-how-it-works .p-tl-live .p-tl-fill{transform:scaleY(0)}.p-how-it-works .p-tl-list{margin:0;padding:0;list-style:none}.p-how-it-works .p-tl-st{padding:0 0 clamp(64px, 12vh, 132px) calc(var(--tl-x) + 32px);scroll-margin-top:calc(var(--nav-h) + 24px);position:relative}.p-how-it-works .p-tl-st:last-child{padding-bottom:0}.p-how-it-works .p-tl-dot{left:var(--tl-x);background:var(--signal);width:14px;height:14px;transition:transform .5s var(--ease), background .3s var(--ease);border-radius:50%;margin-left:-7px;position:absolute;top:3px}.p-how-it-works .p-tl-tag{color:var(--signal-ink);transition:color .3s var(--ease);margin:0 0 14px;line-height:20px}.p-how-it-works .p-tl-tag b{font-weight:500}.p-how-it-works .p-tl-main h3{margin-bottom:10px;font-size:clamp(1.5rem,5vw,2rem)}.p-how-it-works .p-tl-body{max-width:46ch;color:var(--muted);margin:0;font-size:1rem}.p-how-it-works .p-tl-body a{color:var(--ink);text-underline-offset:4px;text-decoration-thickness:1px}.p-how-it-works .p-vis{margin-top:26px}.p-how-it-works .p-tl-live .p-tl-st:not(.is-reached) .p-tl-dot{background:var(--night);box-shadow:inset 0 0 0 2px var(--rule);transform:scale(.78)}.p-how-it-works .p-tl-live .p-tl-st:not(.is-reached) .p-tl-tag{color:var(--muted)}.p-how-it-works .p-tl-live .p-tl-text{transition:opacity .8s var(--ease), transform .8s var(--ease)}.p-how-it-works .p-tl-live .p-tl-st:not(.on) .p-tl-text{opacity:0;transform:translateY(24px)}.p-how-it-works .p-tl-live .p-tl-st.is-now .p-tl-dot{outline:2px solid var(--signal);outline-offset:4px;transform:scale(1.25)}.p-how-it-works .p-tl-live .p-vis:not(.p-tl-film){transition:opacity .8s var(--ease) .12s, transform .8s var(--ease) .12s}.p-how-it-works .p-tl-live .p-tl-st:not(.is-reached) .p-vis:not(.p-tl-film){opacity:0;transform:translateY(28px)}.p-how-it-works .p-tl-live .p-tl-film{transition:clip-path 1.1s var(--ease) .1s;clip-path:inset(0)}.p-how-it-works .p-tl-live .p-tl-st:not(.is-reached) .p-tl-film{clip-path:inset(0 0 100%)}@media (width>=901px){.p-how-it-works .p-tl{--tl-x:240px}.p-how-it-works .p-tl-st{padding-left:calc(var(--tl-x) + 56px)}.p-how-it-works .p-tl-tag{width:calc(var(--tl-x) - 28px);text-align:right;margin:0;position:absolute;top:0;left:0}.p-how-it-works .p-tl-tag b{font:760 clamp(3.4rem, 6.4vw, 6rem)/.86 var(--display);font-variation-settings:"wdth" 92;letter-spacing:-.045em;color:var(--ink);transition:color .3s var(--ease);margin-bottom:10px;display:block}.p-how-it-works .p-tl-sep{display:none}.p-how-it-works .p-tl-live .p-tl-st:not(.is-reached) .p-tl-tag b{color:var(--rule)}.p-how-it-works .p-tl-main h3{margin-bottom:16px;font-size:clamp(1.9rem,3vw,2.8rem);line-height:1.02}.p-how-it-works .p-tl-body{font-size:1.1rem}.p-how-it-works .p-vis{margin-top:36px}}.p-how-it-works .p-msg{justify-items:start;gap:16px;max-width:520px;display:grid}.p-how-it-works .p-msg-who{border:0;flex-wrap:wrap;gap:8px;min-width:0;margin:0;padding:0;display:flex}.p-how-it-works .p-msg-who legend{color:var(--muted);margin-bottom:10px;padding:0}.p-how-it-works .p-msg-opt{position:relative}.p-how-it-works .p-msg-opt input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.p-how-it-works .p-msg-opt span{min-height:44px;box-shadow:inset 0 0 0 1px var(--rule);transition:background .25s var(--ease), color .25s var(--ease);border-radius:999px;align-items:center;padding:0 16px;display:inline-flex}.p-how-it-works .p-msg-opt input:checked+span{background:var(--ink);color:var(--night)}.p-how-it-works .p-msg-opt input:focus-visible+span{outline:2px solid var(--signal);outline-offset:3px}.p-how-it-works .p-msg-bubble{background:var(--paper-2);width:100%;box-shadow:inset 0 0 0 1px var(--rule);border-radius:4px 18px 18px;min-height:7.4em;padding:16px 18px;font-size:1rem;line-height:1.45}.p-how-it-works .p-msg-bubble.swap{animation:p-bubble .5s var(--ease)}@keyframes p-bubble{0%{opacity:.2;transform:translateY(8px)}}.p-how-it-works .p-doc{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;max-width:520px;margin:26px 0 0;padding:0;list-style:none;display:grid}.p-how-it-works .p-doc li{border-radius:var(--r);background:var(--paper-2);min-height:56px;box-shadow:inset 0 0 0 1px var(--rule);letter-spacing:-.01em;align-items:center;gap:12px;padding:0 16px;font-weight:600;display:flex}.p-how-it-works .p-doc .ic{background:var(--signal);width:22px;height:22px;color:var(--on-signal);border-radius:50%;padding:4px}.p-how-it-works .p-tl-live .p-doc .ic path{stroke-dasharray:20;transition:stroke-dashoffset .6s var(--ease);transition-delay:calc(.5s + var(--i) * .14s)}.p-how-it-works .p-tl-live .p-tl-st:not(.is-reached) .p-doc .ic path{stroke-dashoffset:20px}.p-how-it-works .p-pay{--d:60;--b:30;--w:30;border-radius:var(--r);background:var(--paper-2);max-width:640px;box-shadow:inset 0 0 0 1px var(--rule);gap:22px;padding:clamp(18px,3vw,28px);display:grid}.p-how-it-works .p-pay-ctl{gap:16px;display:grid}.p-how-it-works .p-pay-f{gap:8px;display:grid}.p-how-it-works .p-pay-f>.m{color:var(--muted)}.p-how-it-works .p-pay-f output{color:var(--ink)}.p-how-it-works .p-pay select{border-radius:var(--r);background:var(--night);width:100%;min-height:48px;color:var(--ink);box-shadow:inset 0 0 0 1px var(--rule);font:500 1rem/1 var(--sans);border:0;padding:0 14px}.p-how-it-works .p-pay input[type=range]{width:100%;min-height:44px;accent-color:var(--signal);cursor:pointer;margin:0}.p-how-it-works .p-pay-presets{flex-wrap:wrap;gap:6px;display:flex}.p-how-it-works .p-pay-presets button{min-height:40px;color:var(--ink);box-shadow:inset 0 0 0 1px var(--rule);text-transform:uppercase;letter-spacing:.02em;cursor:pointer;transition:background .25s var(--ease), color .25s var(--ease);background:0 0;border:0;border-radius:999px;padding:0 14px;font-size:.72rem}.p-how-it-works .p-pay-presets button:hover,.p-how-it-works .p-pay-presets button[aria-pressed=true]{background:var(--ink);color:var(--night)}.p-how-it-works .p-pay select:focus-visible,.p-how-it-works .p-pay input:focus-visible,.p-how-it-works .p-pay-presets button:focus-visible{outline:2px solid var(--signal);outline-offset:3px}.p-how-it-works .p-pay-axis{height:18px;margin-inline:7px;position:relative}.p-how-it-works .p-pay-axis>span{width:100%;position:absolute;left:0}.p-how-it-works .p-pay-line{background:var(--ink);transform-origin:0;height:2px;transform:scaleX(calc(var(--d) / 120));transition:transform .5s var(--ease);top:8px}.p-how-it-works .p-pay-late{background:var(--signal);transform-origin:0;height:8px;transform:translateX(calc(var(--b) / 120 * 100%)) scaleX(calc(var(--w) / 120));transition:transform .5s var(--ease), opacity .3s var(--ease);top:5px}.p-how-it-works .p-pay-pin{pointer-events:none;height:18px;transition:transform .5s var(--ease), opacity .3s var(--ease);top:0}.p-how-it-works .p-pay-pin i{background:var(--paper-2);width:14px;height:14px;box-shadow:inset 0 0 0 3px var(--ink);border-radius:50%;position:absolute;top:2px;left:-7px}.p-how-it-works .p-pay-pin-bal{transform:translateX(calc(var(--b) / 120 * 100%))}.p-how-it-works .p-pay-pin-bal i{box-shadow:inset 0 0 0 3px var(--signal)}.p-how-it-works .p-pay-pin-go{transform:translateX(calc(var(--d) / 120 * 100%))}.p-how-it-works .p-pay-pin-go i{background:var(--ink)}.p-how-it-works .p-pay.is-full .p-pay-pin-bal,.p-how-it-works .p-pay.is-full .p-pay-late{opacity:0}.p-how-it-works .p-pay-ev{margin:0;padding:0;list-style:none;display:grid}.p-how-it-works .p-pay-ev li{border-top:1px solid var(--rule);grid-template-columns:minmax(0,1fr) auto;align-items:baseline;gap:2px 16px;padding:12px 0;display:grid}.p-how-it-works .p-pay-ev li[hidden]{display:none}.p-how-it-works .p-pay-ev .m{color:var(--muted);grid-column:1/-1}.p-how-it-works .p-pay-ev b{font:760 1.5rem/1 var(--display);letter-spacing:-.03em;font-variant-numeric:tabular-nums;color:var(--ink)}.p-how-it-works .p-pay-say{min-height:4.4em;color:var(--muted);margin:0;font-size:.98rem;line-height:1.45}.p-how-it-works .p-pay-say b{color:var(--ink);font-weight:600}@media (width>=640px){.p-how-it-works .p-pay-ctl{grid-template-columns:1fr 1fr;align-items:end}.p-how-it-works .p-pay-presets{grid-column:1/-1}.p-how-it-works .p-pay-ev li{grid-template-columns:12rem minmax(0,1fr) auto}.p-how-it-works .p-pay-ev .m{grid-column:auto}}.p-how-it-works .p-tl-film{aspect-ratio:4/5;border-radius:var(--r);background:var(--paper-2);max-width:100%;position:relative;overflow:hidden}.p-how-it-works .p-tl-film video{object-fit:cover;width:100%;height:100%;display:block}.p-how-it-works .p-tl-replay{min-height:40px;color:var(--film-ink);text-transform:uppercase;letter-spacing:.02em;cursor:pointer;background:#0e0c0aa8;border:0;border-radius:999px;padding:0 16px;position:absolute;bottom:10px;right:12px}.p-how-it-works .p-tl-replay[hidden]{display:none}.p-how-it-works .p-tl-replay:focus-visible{outline:2px solid var(--signal);outline-offset:3px}@media (width>=901px){.p-how-it-works .p-tl-film{aspect-ratio:16/9;max-width:820px}}.p-how-it-works .p-incl-grid{grid-template-columns:1fr 1fr;gap:0 clamp(32px,5vw,80px);display:grid}.p-how-it-works .p-incl-col{border-top:1px solid var(--rule);padding:26px 0}.p-how-it-works .p-incl-col .kicker{margin-bottom:20px}.p-how-it-works .p-incl-col ul{gap:14px;margin:0;padding:0;list-style:none;display:grid}.p-how-it-works .p-incl-col li{padding-left:22px;font-size:.98rem;position:relative}.p-how-it-works .p-incl-col li:before{content:"";background:var(--signal);border-radius:50%;width:8px;height:8px;position:absolute;top:.62em;left:0}.p-how-it-works .p-incl-col.p-not li:before{background:var(--muted);border-radius:0;width:10px;height:1px;top:.68em}.p-how-it-works .p-solo-grid{grid-template-columns:minmax(0,440px) 1fr;align-items:center;gap:clamp(32px,6vw,96px);display:grid}.p-how-it-works .p-solo-media{aspect-ratio:4/5}.p-how-it-works .p-solo h2{max-width:14ch;margin-bottom:34px}.p-how-it-works .p-solo-block{border-top:1px solid var(--rule-n);padding:20px 0}.p-how-it-works .p-solo-block h3{margin-bottom:10px}.p-how-it-works .p-solo-block p{color:var(--stone);max-width:52ch;margin:0;font-size:.98rem}.p-how-it-works .p-safety-grid{grid-template-columns:repeat(3,1fr);gap:32px clamp(24px,4vw,56px);margin:0;padding:0;list-style:none;display:grid}.p-how-it-works .p-safety-grid li{border-top:1px solid var(--rule);padding-top:24px}.p-how-it-works .p-safety-grid h3{margin-bottom:10px}.p-how-it-works .p-safety-grid p{color:var(--muted);margin:0;font-size:.98rem}.p-how-it-works .p-faq-filter{max-width:520px;display:block}.p-how-it-works .p-faq-filter input{border:1px solid var(--rule);width:100%;min-height:52px;color:var(--ink);font:500 .98rem/1 var(--sans);background:0 0;border-radius:999px;padding:0 20px}.p-how-it-works .p-faq-filter input::placeholder{color:var(--muted)}.p-how-it-works .p-faq-count{min-height:1em;font:500 .74rem/1.3 var(--mono);letter-spacing:.02em;text-transform:uppercase;color:var(--muted);margin:12px 0 0}.p-how-it-works .p-faq-list{border-top:1px solid var(--rule);margin-top:40px}.p-how-it-works .p-faq details{border-bottom:1px solid var(--rule)}.p-how-it-works .p-faq summary{cursor:pointer;letter-spacing:-.01em;justify-content:space-between;align-items:center;gap:16px;padding:20px 0;font-size:1.1rem;font-weight:600;list-style:none;display:flex}.p-how-it-works .p-faq summary::-webkit-details-marker{display:none}.p-how-it-works .p-faq summary:after{content:"+";border:1px solid var(--rule);width:28px;height:28px;transition:transform .3s var(--ease);border-radius:50%;flex:none;place-items:center;font-size:1.1rem;line-height:1;display:grid}.p-how-it-works .p-faq details[open] summary:after{transform:rotate(45deg)}.p-how-it-works .p-faq details p{color:var(--muted);max-width:68ch;margin:0 0 22px}.p-how-it-works .p-faq-empty{color:var(--muted);margin:24px 0 0}.p-how-it-works .p-close{padding-block:clamp(80px,11vw,170px)}.p-how-it-works .p-close-grid{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);align-items:center;gap:clamp(32px,6vw,96px);display:grid}.p-how-it-works .p-close-copy h2{font-size:var(--t-hero);max-width:11ch;margin-bottom:26px}.p-how-it-works .p-close-actions{flex-wrap:wrap;gap:12px;margin-top:34px;display:flex}.p-how-it-works .p-close-go{min-height:68px;padding-inline:36px;font-size:1.15rem}.p-how-it-works .p-close-note{color:var(--stone);margin:16px 0 0}.p-how-it-works .p-close-media{aspect-ratio:4/5}@media (width<=900px){.p-how-it-works .p-incl-grid{grid-template-columns:1fr;gap:40px}.p-how-it-works .p-solo-grid{grid-template-columns:1fr}.p-how-it-works .p-solo-media{aspect-ratio:4/5;max-width:440px}.p-how-it-works .p-safety-grid{grid-template-columns:1fr;gap:24px}.p-how-it-works .p-close-grid{grid-template-columns:1fr}.p-how-it-works .p-close-media{aspect-ratio:3/2}.p-how-it-works .p-close-go{width:100%}}@media (width<=420px){.p-how-it-works .p-doc{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.p-how-it-works .p-pay-line,.p-how-it-works .p-pay-late,.p-how-it-works .p-pay-pin{transition:none}}
