@keyframes convergence-orbit{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes convergence-orbit-reverse{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}@property --shimmer-angle{syntax: "<angle>"; initial-value: 0deg; inherits: false;}@keyframes convergence-shimmer{to{--shimmer-angle: 360deg}}.convergence-shimmer{background:conic-gradient(from var(--shimmer-angle),var(--color-accent-bold),var(--color-accent),#38bdf8,#3a5280,var(--color-accent-bold));animation:convergence-shimmer 3s linear infinite}.pp-stage{position:relative;display:grid;place-items:center;perspective:1900px;perspective-origin:50% 40%}.pp-phone{position:relative;width:calc(416px * var(--s));height:calc(870px * var(--s));transform-style:preserve-3d;transform:rotateY(calc(var(--ry) + var(--px, 0) * 10deg)) rotateX(calc(var(--rx) - var(--py, 0) * 8deg)) rotate(var(--rz));transition:transform .9s cubic-bezier(.25,.46,.45,.94);border-radius:calc(66px * var(--s))}@media(prefers-reduced-motion:reduce){.pp-phone{transition:none}}.pp-float{transform-style:preserve-3d;animation:pp-float 11s cubic-bezier(.45,0,.55,1) infinite;pointer-events:none}.pp-float>.pp-phone{pointer-events:auto}@keyframes pp-float{0%,to{transform:rotateY(0) rotateX(0)}25%{transform:rotateY(3deg) rotateX(-1deg)}50%{transform:rotateY(0) rotateX(1.2deg)}75%{transform:rotateY(-3deg) rotateX(.5deg)}}.pp-stage[data-idle=off] .pp-float{animation-play-state:paused}@media(prefers-reduced-motion:reduce){.pp-float{animation:none}}.pp-edge{position:absolute;inset:0;border-radius:inherit;background:linear-gradient(100deg,#17181a,#36383c 18%,#1d1e21,#3c3e43 74%,#18191b)}.pp-face{position:absolute;inset:0;border-radius:inherit;background:#050505;box-shadow:inset 0 0 0 calc(2px * var(--s)) #34363a,inset 0 0 0 calc(3.4px * var(--s)) #0e0f11,0 40px 80px -30px #0000008c}.pp-screen{position:absolute;left:calc(13px * var(--s));top:calc(13px * var(--s));width:calc(390px * var(--s));height:calc(844px * var(--s));transform:translateZ(.6px);overflow:clip;border-radius:calc(54px * var(--s));background:#000;isolation:isolate}.pp-app{position:absolute;top:0;left:0;transform:scale(var(--s));transform-origin:0 0;overflow:clip;font-family:var(--font-app);color:#fff;user-select:none}.pp-bg{position:absolute;inset:0}.pp-bg video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.pp-glass{position:relative;overflow:hidden}.pp-glass:before{content:"";position:absolute;inset:0;border-radius:inherit;backdrop-filter:blur(2px) brightness(1.1);-webkit-backdrop-filter:blur(2px) brightness(1.1)}.pp-glass__fill{position:absolute;inset:0;backdrop-filter:brightness(1.2);-webkit-backdrop-filter:brightness(1.2);-webkit-mask-image:linear-gradient(135deg,#000,transparent);mask-image:linear-gradient(135deg,#000,transparent)}.pp-glass--stroke:after{content:"";position:absolute;inset:0;border-radius:inherit;padding:1.2px;background:linear-gradient(135deg,#fff9,#ffffff1f 45%,#ffffff59);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.pp-glass__content{position:relative;height:100%}.pp-status{position:absolute;top:0;left:0;right:0;height:50px;padding:16px 32px 0 40px;display:flex;justify-content:space-between;align-items:center;font:600 16px/1 system-ui,-apple-system,sans-serif}.pp-status__icons{display:inline-flex;gap:6px;align-items:center}.pp-header{position:absolute;top:0;left:0;right:0;height:126px}.pp-header__glass{position:absolute;inset:0}.pp-header__row{position:absolute;left:20px;right:20px;bottom:14px;height:42px;display:flex;align-items:center;justify-content:space-between}.pp-header__logo{width:42px;height:42px;border-radius:50%;object-fit:cover}.pp-header__title{position:absolute;left:50%;top:50%;translate:-50% -42%;font-size:24px;font-weight:400;white-space:nowrap}.pp-header__actions{display:inline-flex;align-items:center;gap:12px}.pp-bell{position:relative;display:inline-flex}.pp-bell__badge{position:absolute;top:-7px;right:-2px;width:20px;height:20px;border-radius:50%;background:#ff3b30;color:#fff;font:700 12px/20px var(--font-app);text-align:center}.pp-back{display:inline-flex;background:none;border:0;color:#fff;padding:0;cursor:pointer}.pp-home{position:absolute;top:0;bottom:0;width:100%;left:0;overflow:clip;transition:transform .45s cubic-bezier(.25,.46,.45,.94)}.pp-home.is-away{transform:translate(-100%)}[dir=rtl] .pp-home.is-away{transform:translate(100%)}.pp-sec{padding-top:156px;text-align:center}.pp-sec__title{font-size:32px;font-weight:700;line-height:1.15}.pp-sec__sub{margin-top:8px;font-size:18px;color:#ffffffb3}.pp-rows{margin-top:20px;padding:0 24px}.pp-divider{height:1px;background:#ffffff26}.pp-divider--inset{margin:0 24px}.pp-row{height:64px;display:flex;align-items:center;gap:12px}.pp-row svg{flex:none}.pp-row__name{flex:1;font-size:22px;font-weight:400}.pp-count{flex:none;width:28px;height:28px;border-radius:50%;background:#fff;color:#000;font:600 18px/28px var(--font-app);text-align:center}.pp-desc{margin-top:30px;padding:0 24px;font-size:16px;line-height:1.3;color:#ffffffd9}.pp-bottom{position:absolute;left:0;right:0;bottom:74px;display:flex;justify-content:center;gap:8px;align-items:center}.pp-pillbtn{all:unset;display:block;flex:none;width:358px;cursor:pointer;border-radius:42px}.pp-pillbtn:focus-visible{outline:3px solid #fff;outline-offset:3px}.pp-pill{height:68px}.pp-pill .pp-glass__content,.pp-circle .pp-glass__content{display:flex;align-items:center;justify-content:center;gap:16px;font-size:24px;font-weight:600}.pp-pill--side{flex:none;width:290px}.pp-circle{width:68px;height:68px;flex:none}.pp-dots{position:absolute;left:0;right:0;bottom:30px;display:flex;justify-content:center;gap:8px}.pp-dots i{width:8px;height:8px;border-radius:50%;background:#000}.pp-dots i.is-on{background:#fff}.pp-seg{padding:20px 24px 0}.pp-seg__track{height:32px}.pp-seg__opts{display:flex;height:100%;padding:2px;gap:2px}.pp-seg__opt{all:unset;flex:1;display:grid;place-items:center;border-radius:14px;font-size:13px;color:#fff;cursor:pointer}.pp-seg__opt.is-on{background:#fff;color:#000;box-shadow:0 1px 4px #00000026;font-weight:600}.pp-chart{margin:26px 24px 0;height:236px;display:flex;justify-content:space-around;align-items:flex-end}.pp-chart__col{display:flex;flex-direction:column;align-items:center;gap:6px}.pp-chart__val{font-size:13px;font-weight:700}.pp-chart__bar{width:46px;border-radius:7px 7px 3px 3px;background:linear-gradient(180deg,#8ad58b,#43b39a)}.pp-chart__bar.is-alt{background:linear-gradient(180deg,#7fd1c1,#2fa597)}.pp-chart__m{font-size:13px;color:#ffffffbf}.pp-active{position:absolute;top:0;bottom:0;width:100%;left:0;overflow:clip;transform:translate(100%);transition:transform .45s cubic-bezier(.25,.46,.45,.94)}[dir=rtl] .pp-active{transform:translate(-100%)}.pp-active.is-on,[dir=rtl] .pp-active.is-on{transform:none}.pp-active__body{position:absolute;inset:142px 0 0}.pp-search{height:40px;margin:0 20px}.pp-search__in{display:flex;align-items:center;gap:8px;height:100%;padding:0 16px;font-size:16px;color:#ffffffbf}.pp-list{list-style:none;margin:16px 0 0;padding:0}.pp-bill{all:unset;box-sizing:border-box;width:100%;display:flex;align-items:center;gap:12px;padding:16px 24px;cursor:pointer}.pp-bill:focus-visible{outline:2px solid #fff;outline-offset:-4px}.pp-bill__doc{flex:none;color:#fff}.pp-bill__main{flex:1;display:flex;flex-direction:column;gap:3px;min-width:0}.pp-bill__name{font-size:18px;font-weight:700}.pp-bill__desc{font-size:13px;color:#ffffffb3}.pp-bill__meta{display:flex;flex-direction:column;align-items:flex-end;gap:3px;font-variant-numeric:tabular-nums}.pp-bill__meta>span:first-child{font-size:15px}.pp-bill__amt{font-size:13px;color:#ffffffbf;display:inline-flex}.pp-bill__chev{flex:none;color:#ffffff80}.pp-bill:active{background:#ffffff1f}.pp-allpaid{margin-top:120px;display:flex;flex-direction:column;align-items:center;gap:24px;font-size:24px;font-weight:700}.pp-allpaid--home{margin-top:40px;gap:14px;font-size:22px}.pp-island{position:absolute;top:calc(11px * var(--s));left:50%;translate:-50% 0;width:calc(122px * var(--s));height:calc(36px * var(--s));border-radius:999px;background:#000}.pp-mockup{position:absolute;top:0;left:0;width:260px;height:563px;transform:scale(calc(var(--s) * 1.5));transform-origin:0 0;overflow:clip;background:#f5f5f5;--mockup-status: 36px}.pp-mockup__status{position:absolute;top:7px;left:4px;right:4px;z-index:20}.pp-stage--gallery .pp-shadow{bottom:2px;height:18px}.pp-glare{position:absolute;inset:0;pointer-events:none;background:linear-gradient(118deg,rgb(255 255 255 / .11) 0%,rgb(255 255 255 / .03) 26%,transparent 42%)}.pp-btn{position:absolute;width:calc(4px * var(--s));background:linear-gradient(90deg,#1f2023,#3e4045);border-radius:2px;transform:translateZ(-6px)}.pp-btn--action{left:calc(-3px * var(--s));top:calc(118px * var(--s));height:calc(34px * var(--s))}.pp-btn--vol1{left:calc(-3px * var(--s));top:calc(178px * var(--s));height:calc(62px * var(--s))}.pp-btn--vol2{left:calc(-3px * var(--s));top:calc(252px * var(--s));height:calc(62px * var(--s))}.pp-btn--power{right:calc(-3px * var(--s));top:calc(200px * var(--s));height:calc(98px * var(--s))}.pp-shadow{position:absolute;bottom:6px;left:50%;translate:-50% 0;width:62%;height:34px;border-radius:50%;background:radial-gradient(closest-side,rgb(0 0 0 / .42),transparent);filter:blur(6px);pointer-events:none}.pa{width:100%;max-width:640px;font-family:var(--font-app);color:#fff}.pa-search{display:flex;align-items:center;gap:10px;height:44px;padding:0 18px;border-radius:22px;font-size:17px;color:#ffffffbf}.pa-list{list-style:none;margin:18px 0 0;padding:0}.pa-list li{border-bottom:1px solid rgb(255 255 255 / .15)}.pa-list li:first-child{border-top:1px solid rgb(255 255 255 / .15)}.pa-row{all:unset;box-sizing:border-box;width:100%;display:flex;align-items:center;gap:14px;padding:17px 8px;cursor:pointer}.pa-row:hover{background:#ffffff0d}.pa-row:active{background:#ffffff1a}@media(min-width:1024px)and (max-height:800px){.pa-row{padding-block:13px}}.pa-row:focus-visible{outline:2px solid #fff;outline-offset:-3px}.pa-row__doc{flex:none}.pa-row__main{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.pa-row__name{font-size:20px;font-weight:700}.pa-row__desc{font-size:14px;color:#ffffffb3}.pa-row__meta{display:flex;flex-direction:column;align-items:flex-end;gap:3px;font-size:16px;font-variant-numeric:tabular-nums}.pa-row__amt{font-size:15px;color:#fffc}.pa-row__chev{flex:none;color:#ffffff80}.pa-allpaid{margin:48px 0 16px;display:flex;flex-direction:column;align-items:center;gap:14px;font-weight:700}.pa-allpaid__app{font-size:26px}.pa-allpaid__disc{transform-box:fill-box;transform-origin:center;animation:pa-disc .5s cubic-bezier(.22,1,.36,1) both}.pa-allpaid__tick{stroke-dasharray:1;stroke-dashoffset:1;animation:pa-tick .4s cubic-bezier(.22,1,.36,1) .35s forwards}@keyframes pa-disc{0%{transform:scale(.6);opacity:0}}@keyframes pa-tick{to{stroke-dashoffset:0}}.bill-row{display:grid;grid-template-rows:1fr;transition:grid-template-rows .45s cubic-bezier(.65,0,.35,1),border-color .45s ease}.bill-row.is-gone{grid-template-rows:0fr;border-color:transparent}.bill-row__item{position:relative;min-height:0;overflow:hidden}.bill-row__btn{transition:translate .55s cubic-bezier(.22,1,.36,1),opacity .35s ease,background-color .3s ease}.bill-row.is-paid .bill-row__btn{translate:40% 0;opacity:0;pointer-events:none}[dir=rtl] .bill-row.is-paid .bill-row__btn{translate:-40% 0}.bill-paid{position:absolute;inset:0;display:flex;align-items:center;gap:12px;padding-inline:18px;font-size:18px;font-weight:700;color:#fff;background:linear-gradient(90deg,#4caf5047,#4caf501f);opacity:0;translate:0 6px;pointer-events:none;transition:opacity .4s ease .12s,translate .5s cubic-bezier(.22,1,.36,1) .12s}[dir=rtl] .bill-paid{background:linear-gradient(270deg,#4caf5047,#4caf501f)}.pp-list .bill-paid{padding-inline:24px}.bill-paid svg{flex:none;color:#a5d6a7}.bill-paid__ring,.bill-paid__tick{stroke-dasharray:1;stroke-dashoffset:1}.bill-paid__ring{transition:stroke-dashoffset .45s cubic-bezier(.65,0,.35,1) .15s}.bill-paid__tick{transition:stroke-dashoffset .3s cubic-bezier(.22,1,.36,1) .5s}.bill-row.is-paid .bill-paid{opacity:1;translate:0 0}.bill-row.is-paid :is(.bill-paid__ring,.bill-paid__tick){stroke-dashoffset:0}:is(.pa-allpaid,.pp-allpaid):not(.pp-allpaid--home){animation:pa-rise .6s cubic-bezier(.22,1,.36,1) both}:is(.pa-allpaid,.pp-allpaid):focus{outline:none}@keyframes pa-rise{0%{opacity:0;translate:0 12px}}@media(prefers-reduced-motion:reduce){.bill-row,.bill-row__btn,.bill-paid,.bill-paid__ring,.bill-paid__tick{transition:none}.pa-allpaid,.pp-allpaid,.pa-allpaid__disc{animation:none}.pa-allpaid__tick{animation:none;stroke-dashoffset:0}}
