.px{--px-ink:var(--pl-ink,#00202a);--px-ink-2:#23414B;--px-teal:var(--pl-teal,#0E7C7B);--px-amber:var(--pl-amber,#ffae00);--px-amber-d:#8A5A00;--px-amber-l:#FFF1CC;--px-bg:var(--pl-tint,#effbfc);--px-line:#CFE2E8;--px-muted:var(--pl-muted,#4A5E68);--px-ease:cubic-bezier(.22,1,.36,1);width:100%;color:var(--px-ink)}.px-card{background:var(--px-bg);border:1px solid var(--px-line);border-radius:20px;overflow:hidden;box-shadow:var(--pl-shadow)}.px-head{padding:20px 24px 2px}.px-eyebrow{font:600 11px/1.4 var(--pl-mono,ui-monospace,monospace);letter-spacing:.14em;text-transform:uppercase;color:var(--px-teal);margin:0}.px-caption{min-height:112px;transition:opacity .3s var(--px-ease),transform .3s var(--px-ease)}@media (max-width:520px){.px-caption{min-height:150px}}.px-caption.is-swapping{opacity:0;transform:translateY(6px)}.px-title{font-weight:700;font-size:clamp(18px,2.4vw,22px);line-height:1.25;letter-spacing:-.015em;margin:6px 0 6px;text-wrap:balance;color:var(--px-ink)}.px-sub{font-size:14.5px;line-height:1.5;color:var(--px-muted);margin:0 0 10px;text-wrap:pretty}.px-stagewrap{position:relative}.px-cta{position:absolute;left:50%;bottom:8%;transform:translate(-50%,8px);display:inline-flex;align-items:center;gap:8px;padding:10px 18px;background:var(--px-amber);color:var(--px-ink);font-weight:700;font-size:14px;border-radius:10px;text-decoration:none;white-space:nowrap;box-shadow:0 6px 18px rgba(0,32,42,.14);opacity:0;visibility:hidden;transition:opacity .4s var(--px-ease) .5s,transform .4s var(--px-ease) .5s,visibility 0s linear .9s}.px-cta.is-on{opacity:1;visibility:visible;transform:translate(-50%,0);transition:opacity .4s var(--px-ease) .5s,transform .4s var(--px-ease) .5s,visibility 0s}@media (max-width:520px){.px-cta{font-size:13px;padding:8px 13px;bottom:6%}}.px.is-static .px-cta{transition:none}.px-arrow{transition:transform .2s var(--px-ease)}.px-cta:hover .px-arrow{transform:translateX(3px)}.px-stage{display:block;width:100%;height:auto}.px-bar{display:flex;align-items:center;gap:12px;padding:10px 14px;border-top:1px solid var(--px-line);background:#fff}.px-btn{appearance:none;border:1px solid var(--px-line);background:#fff;color:var(--px-ink);width:40px;height:40px;border-radius:999px;display:grid;place-items:center;cursor:pointer;flex:none}.px-btn:hover{border-color:var(--px-ink)}.px-btn svg{width:14px;height:14px}.px-segs{display:flex;gap:6px;flex:1}.px-seg{appearance:none;border:0;padding:12px 0;background:none;cursor:pointer;flex:1}.px-seg span{display:block;height:4px;border-radius:2px;background:var(--px-line);overflow:hidden}.px-seg span i{display:block;height:100%;width:0;background:var(--px-teal)}.px-seg.is-done span i{width:100%}.px-seg.is-current span i{animation:pxFill var(--px-dur,4s) linear forwards}.px.is-paused .px-seg.is-current span i{animation-play-state:paused}@keyframes pxFill{to{width:100%}}.px-count{font:600 12px/1 var(--pl-mono,ui-monospace,monospace);color:var(--px-muted);min-width:30px;text-align:right}.px-btn:focus-visible,.px-seg:focus-visible,.px-cta:focus-visible{outline:3px solid var(--px-teal);outline-offset:2px}.px-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.no-js-hide{display:none}.js .px .no-js-hide{display:flex}.px-stage text{font-family:var(--pl-font,Inter,"Segoe UI",system-ui,sans-serif);fill:var(--px-ink)}.px-stage .mono{font-family:var(--pl-mono,ui-monospace,monospace)}.px-stage .muted{fill:var(--px-muted)}@media (max-width:520px){.px-stage .px-minor{display:none}.px-stage .px-key{font-size:21px}}.sc{opacity:0;visibility:hidden;transition:opacity .45s var(--px-ease),visibility 0s linear .45s}.sc.on{opacity:1;visibility:visible;transition:opacity .45s var(--px-ease),visibility 0s}.sc *{transform-box:fill-box;transform-origin:center}.px.is-paused .sc *{animation-play-state:paused!important}.sc.on .a-draw{stroke-dasharray:1;stroke-dashoffset:1;animation:pxDraw var(--d,.9s) var(--px-ease) var(--t,0s) forwards}.sc.on .a-fade{animation:pxFade .5s var(--px-ease) var(--t,0s) backwards}.sc.on .a-pop{animation:pxPop .5s cubic-bezier(.34,1.56,.64,1) var(--t,0s) backwards}.sc.on .a-up{animation:pxUp .6s var(--px-ease) var(--t,0s) backwards}.sc.on .a-left{animation:pxLeft .7s var(--px-ease) var(--t,0s) backwards}.sc.on .a-right{animation:pxRight .7s var(--px-ease) var(--t,0s) backwards}.sc.on .a-amber{animation:pxAmber .6s ease var(--t,0s) backwards}.sc.on .a-rot{animation:pxRot .9s var(--px-ease) var(--t,0s) backwards}.a-flow{opacity:0}.sc.on .a-flow{animation:pxFlow 1.5s linear var(--t,0s) infinite}.a-heat{opacity:.85}.sc.on .a-heat{animation:pxHeat 1.6s ease-in-out var(--t,0s) infinite backwards}@keyframes pxDraw{to{stroke-dashoffset:0}}@keyframes pxFade{from{opacity:0}}@keyframes pxPop{from{opacity:0;transform:scale(.4)}}@keyframes pxUp{from{opacity:0;transform:translateY(16px)}}@keyframes pxLeft{from{opacity:0;transform:translateX(-48px)}}@keyframes pxRight{from{opacity:0;transform:translateX(48px)}}@keyframes pxAmber{from{fill:var(--px-ink-2)}}@keyframes pxRot{from{transform:rotate(-90deg)}}@keyframes pxFlow{0%{stroke-dashoffset:100;opacity:0}10%{opacity:1}90%{opacity:1}100%{stroke-dashoffset:0;opacity:0}}@keyframes pxHeat{0%{opacity:0;transform:translateY(6px)}45%{opacity:.9}100%{opacity:0;transform:translateY(-10px)}}.px.is-static .sc,.px.is-static .px-caption{transition:none}.px.is-static .sc *{animation:none!important}.px.is-static .a-draw{stroke-dasharray:none!important;stroke-dashoffset:0!important}.px.is-static .a-flow{opacity:0}.px.is-static .px-seg.is-current span i{animation:none;width:100%}@media (prefers-reduced-motion:reduce){.sc,.px-caption{transition:none}.px:not(.is-optin) .sc *{animation:none!important}.px:not(.is-optin) .a-draw{stroke-dasharray:none!important;stroke-dashoffset:0!important}}