@property --po-spin{syntax:"<angle>";inherits:false;initial-value:0deg}.po{--po-cyan:#089ed7;--po-magenta:#ec008c;--po-amber:#fbaa32;--po-royal:#3371da}.po--section,.po--showcase{text-align:center;isolation:isolate;scroll-margin-top:90px;position:relative}.po--section{z-index:5;overflow:clip visible}.po--showcase{overflow:hidden}.po__aurora{z-index:-1;pointer-events:none;background:radial-gradient(40% 50% at 20% 60%, color-mix(in srgb, var(--po-cyan) 16%, transparent), transparent 70%), radial-gradient(35% 45% at 80% 40%, color-mix(in srgb, var(--po-magenta) 14%, transparent), transparent 70%), radial-gradient(30% 40% at 50% 90%, color-mix(in srgb, var(--po-amber) 12%, transparent), transparent 70%);filter:blur(10px);animation:16s ease-in-out infinite alternate po-aurora;position:absolute;inset:0}@keyframes po-aurora{to{transform:translate(3%,-4%)rotate(4deg)scale(1.06)}}.po__inner{justify-items:center;display:grid}.po__lead{max-width:580px;color:var(--muted);margin:.2rem auto 0;font-size:1.05rem}.eyebrow.po-heading{font-size:1.1rem}.po-heading__wrap{color:inherit;background:0 0;display:inline-block;position:relative}.po-heading__ghost{color:color-mix(in srgb, var(--text) 16%, transparent);background:0 0;-webkit-background-clip:border-box;background-clip:border-box}.po-heading__fill{white-space:nowrap;position:absolute;inset:0}.js .po-heading .po-heading__fill{clip-path:inset(0 100% 0 0)}.js .po-heading.is-inview .po-heading__fill{animation:1.6s cubic-bezier(.45,0,.25,1) .2s forwards po-fill}@keyframes po-fill{to{clip-path:inset(0)}}.js .po-heading.is-inview .po-heading__ghost{animation:.3s 1.8s forwards po-ghost}@keyframes po-ghost{to{opacity:0}}.po__list{flex-wrap:wrap;justify-content:center;gap:clamp(1rem,2.4vw,1.8rem);width:100%;margin:clamp(2.4rem,5vw,3.4rem) 0 0;padding:0;list-style:none;display:flex}.po-card:hover,.po-card:focus-within,.po-card.is-open{z-index:10}.po-card{width:min(100%,260px);animation:.8s cubic-bezier(.2,.8,.2,1) both po-card-in;animation-delay:calc(var(--i) * .12s + .3s);position:relative}@keyframes po-card-in{0%{opacity:0;translate:0 30px;scale:.94}}.po-card__face{border:1px solid var(--line);background:color-mix(in srgb, var(--surface) 86%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:100%;color:var(--text);font:inherit;cursor:pointer;border-radius:24px;justify-items:center;gap:1rem;padding:1.8rem 1.2rem 1.5rem;transition:transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .45s,border-color .45s;display:grid;position:relative;box-shadow:0 16px 40px -24px #00000080}.po-card__face:focus-visible{outline:2px solid var(--g1);outline-offset:4px}.po-card__ring,.po-pass__ring{border-radius:inherit;background:conic-gradient(from var(--po-spin), transparent 0 55%, var(--g1) 70%, var(--g2) 85%, transparent 100%);-webkit-mask-composite:xor;opacity:.55;animation:5s linear infinite po-spin;animation-delay:calc(var(--i) * -1.6s);pointer-events:none;padding:1.5px;transition:opacity .4s;position:absolute;inset:-1px;-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}.po-card__ring:after,.po-pass__ring:after{content:"";border-radius:inherit;background:inherit;filter:blur(12px);opacity:.6;position:absolute;inset:0}@keyframes po-spin{to{--po-spin:360deg}}.po-card__logo{width:132px;height:110px;animation:4.6s ease-in-out infinite po-float;animation-delay:calc(var(--i) * -1.4s);place-items:center;display:grid;position:relative}.po-card__logo img,.po-pass__logo img{z-index:1;object-fit:contain;max-width:100%;max-height:100%;filter:drop-shadow(0 6px 14px color-mix(in srgb, var(--g2) 45%, transparent)) drop-shadow(0 0 18px color-mix(in srgb, var(--g1) 30%, transparent));transition:scale .5s cubic-bezier(.2,.8,.2,1);position:relative}.po-card__halo{background:radial-gradient(closest-side, color-mix(in srgb, var(--g1) 42%, transparent), color-mix(in srgb, var(--g2) 18%, transparent) 60%, transparent);filter:blur(8px);animation:3.6s ease-in-out infinite po-breathe;animation-delay:calc(var(--i) * -1.1s);border-radius:50%;position:absolute;inset:-18%}.po-card__halo:before,.po-card__halo:after{content:"";border:1px dashed color-mix(in srgb, var(--g1) 55%, transparent);border-radius:50%;animation:18s linear infinite po-turn;position:absolute;inset:12%}.po-card__halo:after{border-style:dotted;border-color:color-mix(in srgb, var(--g2) 55%, transparent);animation-duration:26s;animation-direction:reverse;inset:2%}@keyframes po-float{50%{translate:0 -8px;rotate:-2deg}}@keyframes po-breathe{50%{opacity:.7;scale:1.12}}@keyframes po-turn{to{rotate:360deg}}.po-card__text{gap:.2rem;display:grid}.po-card__name{letter-spacing:-.01em;font-size:1.15rem;font-weight:700}.po-card__sub{color:var(--muted);font-size:.82rem}.po-card:hover .po-card__face,.po-card.is-open .po-card__face,.po-card__face:focus-visible{border-color:color-mix(in srgb, var(--g1) 60%, var(--line));box-shadow:0 0 0 4px color-mix(in srgb, var(--g1) 14%, transparent), 0 24px 50px -20px color-mix(in srgb, var(--g2) 70%, transparent);transform:translateY(-6px)}.po-card:hover .po-card__ring,.po-card.is-open .po-card__ring{opacity:1;animation-duration:2.4s}.po-card:hover .po-card__logo img,.po-card.is-open .po-card__logo img{scale:1.08}.po-tip{--dx:0px;z-index:60;text-align:left;color:#f4f6ff;width:max-content;min-width:min(250px,100vw - 24px);max-width:min(320px,100vw - 24px);box-shadow:0 22px 50px -12px #0009, 0 0 0 1px #ffffff0f, 0 0 30px -6px color-mix(in srgb, var(--g1) 45%, transparent);opacity:0;visibility:hidden;translate:calc(-50% + var(--dx)) 10px;transform-origin:50% 100%;background:linear-gradient(160deg,#141626f7,#0c0d16f7) padding-box padding-box;border:1px solid #0000;border-radius:18px;padding:.95rem 1rem 1rem;transition:opacity .3s,translate .35s cubic-bezier(.2,.8,.2,1),scale .35s cubic-bezier(.2,.8,.2,1),visibility 0s .35s;position:absolute;bottom:calc(100% + 14px);left:50%;scale:.96}.po-tip:before{content:"";z-index:-1;border-radius:inherit;background:linear-gradient(120deg, var(--po-cyan), var(--po-royal) 35%, var(--po-magenta) 70%, var(--po-amber));-webkit-mask-composite:xor;padding:1px;position:absolute;inset:-1px;-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}.po-tip:after{content:"";left:calc(50% - var(--dx));border-right:1px solid var(--po-magenta);border-bottom:1px solid var(--po-magenta);background:#0c0d16;width:14px;height:14px;position:absolute;top:100%;translate:-50% -7px;rotate:45deg}.po-card:after{content:"";height:16px;position:absolute;bottom:100%;left:0;right:0}.po-card:hover .po-tip,.po-card:focus-within .po-tip,.po-card.is-open .po-tip{opacity:1;visibility:visible;translate:calc(-50% + var(--dx)) 0;transition-delay:0s;scale:1}.po-card.is-closed .po-tip{opacity:0;visibility:hidden}.po-tip__head{align-items:center;gap:.55rem;margin:0 0 .7rem;font-size:.92rem;font-weight:700;display:flex}.po-tip__head img{object-fit:contain;width:28px;height:28px}.po-tip__rows,.po-pass__rows{gap:.45rem;margin:0;display:grid}.po-tip__row,.po-pass__row{background:#ffffff0d;border:1px solid #ffffff0f;border-radius:11px;gap:.15rem;padding:.5rem .6rem;display:grid}.po-tip__row dt,.po-pass__row dt{letter-spacing:.1em;text-transform:uppercase;color:#c8d2f099;font-size:.68rem;font-weight:700}.po-tip__row dd,.po-pass__row dd{justify-content:space-between;align-items:center;gap:.8rem;margin:0;display:flex}.po-tip__value,.po-pass__value{font-variant-numeric:tabular-nums;letter-spacing:.01em;-webkit-user-select:all;user-select:all;overflow-wrap:anywhere;font-size:.98rem;font-weight:700}.po-tip__copy,.po-tip__all{font:inherit;cursor:pointer;border:0;align-items:center;gap:.35rem;transition:background .25s,color .25s,transform .25s;display:inline-flex}.po-tip__copy{color:#dfe6ff;background:#ffffff14;border-radius:8px;flex:none;padding:.3rem .6rem;font-size:.74rem;font-weight:700}.po-tip__copy .icon,.po-tip__all .icon{width:.85rem;height:.85rem}.po-tip__copy:hover,.po-tip__copy:focus-visible{background:color-mix(in srgb, var(--po-cyan) 35%, transparent);color:#fff}.po-tip__all{background:linear-gradient(120deg, var(--po-cyan), var(--po-royal) 45%, var(--po-magenta));color:#fff;border-radius:11px;justify-content:center;width:100%;margin-top:.7rem;padding:.55rem;font-size:.8rem;font-weight:700}.po-tip__all:hover,.po-tip__all:focus-visible{transform:translateY(-1px)}.po-tip__copy:focus-visible,.po-tip__all:focus-visible{outline:2px solid var(--po-amber);outline-offset:2px}.is-copied{animation:.4s cubic-bezier(.2,.8,.2,1) po-pop;color:#fff!important;background:#12a150!important}@keyframes po-pop{40%{scale:1.08}}.po--strip{text-align:center;justify-items:center;gap:.9rem;width:100%;display:grid}.po--strip .po__list{gap:.6rem;margin:0}.po__lead--strip{color:#ffffffad;margin:-.4rem auto .2rem;font-size:.92rem}.po--strip .po-card{width:auto;animation-delay:calc(var(--i) * .1s + .6s)}.po--strip .po-card__face{color:#fff;background:#ffffff0f;border-color:#ffffff24;border-radius:14px;grid-auto-flow:column;align-items:center;gap:.55rem;padding:.45rem .95rem .45rem .5rem}.po--strip .po-card__logo{width:38px;height:30px}.po--strip .po-card__halo:before,.po--strip .po-card__halo:after,.po--strip .po-card__sub{display:none}.po--strip .po-card__name{font-size:.86rem}.po--strip .po-card__ring{opacity:.35}.po--pills .po__list{gap:.9rem;margin-top:clamp(1.6rem,3.4vw,2.2rem)}.po--pills .po-card{width:auto}.po--pills .po-card__face{background:color-mix(in srgb, var(--surface) 70%, #ffffff0d);color:var(--text);border-color:#ffffff24;border-radius:16px;grid-auto-flow:column;align-items:center;gap:.7rem;padding:.55rem 1.3rem .55rem .6rem}.po--pills .po-card__logo{width:46px;height:36px}.po--pills .po-card__halo:before,.po--pills .po-card__halo:after,.po--pills .po-card__sub{display:none}.po--pills .po-card__name{font-size:1.02rem}.po--pills .po-card__ring{opacity:.4}:root[data-theme=light] .po--pills .po-card__face{border-color:var(--line);background:#fff}.po-show{perspective:1100px;grid-template-columns:repeat(auto-fit,minmax(min(100%,290px),1fr));gap:clamp(1.1rem,2.4vw,1.8rem);width:100%;max-width:1080px;margin:clamp(2.4rem,5vw,3.4rem) 0 0;padding:0;list-style:none;display:grid}.po-pass{--rx:0deg;--ry:0deg;--mx:50%;--my:0%;text-align:left;color:#f4f6ff;background:radial-gradient(120% 80% at 0% 0%, color-mix(in srgb, var(--g2) 38%, transparent), transparent 60%), radial-gradient(90% 70% at 100% 100%, color-mix(in srgb, var(--g1) 22%, transparent), transparent 60%), linear-gradient(160deg, #161a2e, #0d0f1a);box-shadow:0 30px 60px -30px color-mix(in srgb, var(--g2) 70%, #000), 0 0 0 1px #ffffff08 inset;transform:rotateX(var(--rx)) rotateY(var(--ry));transform-style:preserve-3d;animation:.9s cubic-bezier(.2,.8,.2,1) both po-pass-in;animation-delay:calc(var(--i) * .14s + .3s);border:1px solid #ffffff14;border-radius:26px;flex-direction:column;gap:.35rem;padding:1.4rem 1.3rem 1.3rem;transition:transform .5s cubic-bezier(.2,.8,.2,1),box-shadow .5s;display:flex;position:relative;overflow:hidden}@keyframes po-pass-in{0%{opacity:0;translate:0 40px;rotate:x 18deg}}.po-pass:hover{box-shadow:0 36px 70px -28px color-mix(in srgb, var(--g2) 90%, #000), 0 0 40px -10px color-mix(in srgb, var(--g1) 60%, transparent)}.po-pass:hover .po-pass__ring{opacity:1;animation-duration:2.6s}.po-pass__sheen{pointer-events:none;background:radial-gradient(300px circle at var(--mx) var(--my), #ffffff1f, transparent 60%), linear-gradient(115deg, transparent 35%, #ffffff17 45%, transparent 55%);animation:6s ease-in-out infinite po-sheen-sweep;animation-delay:calc(var(--i) * -2s);background-size:100% 100%,250% 100%;position:absolute;inset:0}@keyframes po-sheen-sweep{0%,to{background-position:0 0,120% 0}50%{background-position:0 0,-20% 0}}.po-pass__rings{opacity:.12;color:#fff;pointer-events:none;width:230px;height:230px;position:absolute;bottom:-70px;right:-70px}.po-pass__top{justify-content:space-between;align-items:center;margin-bottom:.6rem;display:flex;position:relative}.po-pass__logo{width:96px;height:72px;animation:4.6s ease-in-out infinite po-float;animation-delay:calc(var(--i) * -1.4s);place-items:center;display:grid;position:relative}.po-pass__chip{background:linear-gradient(135deg,#f8d98a,#c99b3a 45%,#f3d07a 55%,#b88a2c);border-radius:7px;width:42px;height:32px;position:relative;box-shadow:inset 0 0 0 1px #0003}.po-pass__chip:before{content:"";border:1px solid #00000040;border-radius:4px;position:absolute;inset:6px 8px}.po-pass__name{letter-spacing:-.01em;margin:0;font-size:1.3rem;position:relative}.po-pass__sub{color:#dce4ffa6;margin:0 0 .8rem;font-size:.85rem;position:relative}.po-pass__rows{position:relative}.po-pass .po-tip__all{margin-top:auto;position:relative}.po-pass__rows+.po-tip__all{margin-top:.8rem}:root[data-theme=light] .po-card__face{background:#ffffffe0}@media (width<=640px){.po-card{width:100%;max-width:340px}.po--strip .po-card,.po--pills .po-card{width:auto}}@media (prefers-reduced-motion:reduce){.po__aurora,.po-card,.po-card__logo,.po-card__halo,.po-card__halo:before,.po-card__halo:after,.po-card__ring,.po-pass,.po-pass__ring,.po-pass__logo,.po-pass__sheen,.po-heading__fill,.po-heading__ghost{animation:none!important}.po-heading__ghost{opacity:0}.js .po-heading .po-heading__fill{clip-path:none}.po-pass{transform:none}}:root[data-theme=light] .po--strip .po-card__face{color:#fff;background:#ffffff0f;border-color:#ffffff24}
