.pg{--ink:#141416;--muted:#66646E;--purple:#7825A1;--ph:min(124vw,560px);color:var(--ink);background:#fff}.pg,.pg-h{position:relative}.pg-h{z-index:3;margin:0;padding:0 16px;font-size:clamp(34px,5vw,66px);font-weight:800;line-height:1.04;letter-spacing:-.05em;text-align:center}.pg-h span{display:block}.pg-h span+span{color:var(--purple)}.pg-dark{position:absolute;inset:0;z-index:0;background:#0A0A0C;opacity:0;pointer-events:none}.pg-halo{z-index:0;width:calc(var(--ph) * 1.2);height:calc(var(--ph) * 1.2);margin:calc(var(--ph) * -.6) 0 0 calc(var(--ph) * -.6);background:radial-gradient(closest-side,rgba(255,255,255,.16),rgba(255,255,255,.05) 55%,rgba(255,255,255,0))}.pg-bloom,.pg-halo{position:absolute;left:50%;top:50%;border-radius:50%;opacity:0;pointer-events:none}.pg-bloom{z-index:1;width:calc(var(--ph) * .9);height:calc(var(--ph) * .9);margin:calc(var(--ph) * -.45) 0 0 calc(var(--ph) * -.45);background:radial-gradient(closest-side,#fff 0,rgba(255,255,255,.9) 28%,rgba(255,255,255,.45) 55%,rgba(255,255,255,.12) 78%,rgba(255,255,255,0))}.pg-stage{--pw:calc(var(--ph) * .4816);--b:calc(var(--pw) * .042);--r:calc(var(--pw) * .165);--sw:calc(var(--pw) - var(--b) * 2);--sh:calc(var(--ph) - var(--b) * 2);position:relative;z-index:2;width:var(--pw);height:var(--ph);margin:0 auto;will-change:transform}.pg-phone{position:absolute;inset:0;border-radius:var(--r);background:linear-gradient(140deg,#5a5a61,#26262a 9%,#111113 30%,#0c0c0e 62%,#232327 88%,#4c4c53);box-shadow:inset 0 0 0 1px rgba(255,255,255,.28),inset 0 0 0 calc(var(--pw) * .013) rgba(0,0,0,.35),0 calc(var(--ph) * .05) calc(var(--ph) * .09) calc(var(--ph) * -.04) rgba(10,10,20,.5)}.pg-phone:before{content:"";position:absolute;inset:calc(var(--pw) * .014);border-radius:calc(var(--r) - var(--pw) * .014);background:#030304}.pg-btn{position:absolute;width:calc(var(--pw) * .016);border-radius:2px;background:linear-gradient(90deg,#3c3c42,#18181b)}.pg-btn.a,.pg-btn.v1,.pg-btn.v2{left:calc(var(--pw) * -.013)}.pg-btn.a{top:17%;height:4.4%}.pg-btn.v1{top:25%;height:8.4%}.pg-btn.v2{top:35.5%;height:8.4%}.pg-btn.pw{right:calc(var(--pw) * -.013);top:28%;height:13%;background:linear-gradient(270deg,#3c3c42,#18181b)}.pg-screen{inset:var(--b);overflow:hidden;border-radius:calc(var(--r) - var(--b));isolation:isolate}.pg-island,.pg-screen{position:absolute;background:#000}.pg-island{left:50%;top:1.7%;width:31%;height:3.6%;border-radius:99px;transform:translateX(-50%);box-shadow:0 0 0 1px rgba(255,255,255,.03)}.pg-sheen{position:absolute;inset:-10% -40%;pointer-events:none;background:linear-gradient(112deg,rgba(255,255,255,0) 38%,rgba(255,255,255,.11) 46%,rgba(255,255,255,.03) 54%,rgba(255,255,255,0) 62%)}.pg-wake{inset:0;background:radial-gradient(75% 55% at 50% 48%,rgba(255,255,255,.42),rgba(255,255,255,.1) 55%,rgba(255,255,255,0) 85%)}.pg-ripple,.pg-wake{position:absolute;opacity:0}.pg-ripple{left:50%;top:50%;width:70%;aspect-ratio:1;margin:-35% 0 0 -35%;border-radius:50%;transform:scale(.1);box-shadow:inset 0 0 0 2px rgba(255,255,255,.9),0 0 30px rgba(255,255,255,.45),inset 0 0 30px rgba(255,255,255,.35)}.pg-app{position:absolute;inset:0;opacity:0;display:grid;place-items:center;background:linear-gradient(180deg,#fff,#F6F5F9)}.pg-icon{display:grid;justify-items:center;gap:calc(var(--sw) * .06)}.pg-icon img{display:block;width:calc(var(--sw) * .34);height:auto;border-radius:22.5%;box-shadow:0 calc(var(--sw) * .04) calc(var(--sw) * .1) -.02em rgba(20,20,30,.28)}.pg-icon span{font-size:calc(var(--sw) * .07);font-weight:800;letter-spacing:-.02em;color:var(--ink)}.pg-cards{position:absolute;left:50%;top:50%;width:0;height:0}.pg-card{position:absolute;left:0;top:0;margin:0;translate:-50% -50%;will-change:transform,opacity}.pg-w{--c:#72C2E9;display:grid;gap:6px;width:-moz-max-content;width:max-content;min-width:168px;padding:12px 15px 14px;border-radius:20px;white-space:nowrap;background:rgba(255,255,255,.86);box-shadow:inset 0 0 0 1px rgba(255,255,255,.9),0 0 0 1px rgba(40,20,70,.06),0 24px 44px -22px rgba(40,20,70,.38);backdrop-filter:blur(14px) saturate(160%);-webkit-backdrop-filter:blur(14px) saturate(160%);animation:pgBob 4.6s ease-in-out infinite;animation-delay:calc(var(--d, 0) * -1s)}.pg-card:nth-child(2) .pg-w{--d:1.3}.pg-card:nth-child(3) .pg-w{--d:2.4}.pg-card:nth-child(4) .pg-w{--d:.7}.pg-card:nth-child(5) .pg-w{--d:3.1}.pg-card:nth-child(6) .pg-w{--d:1.9}@keyframes pgBob{50%{transform:translateY(-7px)}}.pg-lbl{display:flex;align-items:center;gap:7px;margin:0;font-size:12px;font-weight:700;color:var(--muted);letter-spacing:.01em}.pg-lbl i{width:8px;height:8px;border-radius:50%;background:var(--c)}.pg-big{font-size:26px;font-weight:800;letter-spacing:-.04em;line-height:1}.pg-w small{font-size:13px;color:var(--muted)}.pg-w small.pg-ink{color:var(--ink);font-weight:600}.pg-row{align-items:center;justify-content:space-between;gap:14px}.pg-faces,.pg-row{display:flex}.pg-faces em{position:relative;display:grid;place-items:center;width:26px;height:26px;margin-left:-7px;border-radius:50%;box-shadow:0 0 0 2px #fff;font-size:11px;font-weight:800;font-style:normal;color:var(--ink)}.pg-faces em:first-child{margin-left:0}.pg-faces u{position:absolute;right:-1px;bottom:-1px;width:8px;height:8px;border-radius:50%;background:#34C77B;box-shadow:0 0 0 1.5px #fff}.pg-slots{display:flex;gap:6px}.pg-slots em{padding:6px 9px;border-radius:9px;background:#F2F1F5;font-size:12.5px;font-weight:700;font-style:normal}.pg-slots em.on{background:var(--c);color:#fff}.pg-sent{display:inline-flex;align-items:center;gap:5px;width:-moz-max-content;width:max-content;padding:4px 9px 4px 7px;border-radius:99px;background:#E6F8EE;color:#1F8A52;font-size:12px;font-weight:700}.pg-bars{display:flex;align-items:flex-end;gap:3px;height:26px}.pg-bars em{width:6px;border-radius:2px;background:var(--c);opacity:.45}.pg-bars em:last-child{opacity:1}.pg-line{overflow:hidden;padding:.04em 0 .1em;margin:-.04em 0 -.1em}.pg-line,.pg-line>span{display:block}.pg-pin{position:relative;height:400vh}.pg-sticky{--ph:min(calc(100vh - 150px),900px);position:sticky;top:0;height:100vh;overflow:hidden;display:grid;place-items:center;padding-top:64px;box-sizing:border-box}.pg-sticky>.pg-bloom,.pg-sticky>.pg-halo{top:calc(50% + 32px)}.pg-sticky .pg-title{position:absolute;left:0;right:0;top:12vh;z-index:3}.pg-side{position:absolute;top:calc(50% + 32px);z-index:1;margin:0;translate:0 -50%;font-size:clamp(36px,4.6vw,84px);font-weight:800;line-height:1.02;letter-spacing:-.05em;color:var(--ink);white-space:nowrap}.pg-side.l{right:calc(50% + var(--ph) * .25);text-align:right}.pg-side.r{left:calc(50% + var(--ph) * .25)}.pg-side.l .pg-line{padding-right:4vw}.pg-side.r .pg-line{padding-left:4vw}.pg-touch{position:relative;padding:80px 0 64px;overflow:hidden;display:grid;justify-items:center;gap:30px}.pg-touch>.pg-cap,.pg-touch>.pg-h{position:relative;z-index:3}.pg-touch .pg-card{transform:translate(calc(var(--x) * var(--sw) * .26),calc(var(--y) * var(--sh) * 1.02)) rotate(calc(var(--x) * 4deg)) scale(calc(var(--z) * .8));transition:transform .95s cubic-bezier(.6,0,.3,1),opacity .3s ease;transition-delay:calc(.9s + var(--i) * .2s)}.pg-touch .pg-w{zoom:.72}.pg-touch.on .pg-card{transform:translate(0) rotate(0) scale(.15);opacity:0;transition-delay:calc(.9s + var(--i) * .2s),calc(1.6s + var(--i) * .2s)}.pg-touch.on .pg-ripple{animation:pgRipple .7s ease-out calc(1.75s + var(--i) * .2s) both}@keyframes pgRipple{0%{opacity:0;transform:scale(.1)}20%{opacity:.85}to{opacity:0;transform:scale(1.6)}}.pg-touch.on .pg-dark{animation:pgDark 4.4s ease both}@keyframes pgDark{0%{opacity:0}18%{opacity:1}68%{opacity:1}86%{opacity:0}to{opacity:0}}.pg-touch.on .pg-halo{animation:pgHalo 4.4s ease both}@keyframes pgHalo{0%{opacity:0}25%{opacity:1}68%{opacity:.6}80%{opacity:0}to{opacity:0}}.pg-touch .pg-h span{transition:color .8s ease}.pg-touch.on .pg-h span{animation:pgInk 4.4s ease both}.pg-touch.on .pg-h span+span{animation-name:pgInkP}@keyframes pgInk{0%,to{color:var(--ink)}18%,68%{color:#fff}86%{color:var(--ink)}}@keyframes pgInkP{0%,to{color:var(--purple)}18%,68%{color:#D2BCEA}86%{color:var(--purple)}}.pg-touch.on .pg-bloom{animation:pgBloom 1.3s cubic-bezier(.2,.7,.3,1) 2.95s both}@keyframes pgBloom{0%{opacity:0;transform:scale(.25)}20%{opacity:.85}to{opacity:0;transform:scale(2.4)}}.pg-touch .pg-wake{transition:opacity 1.4s ease 1.7s}.pg-touch.on .pg-wake{opacity:1}.pg-touch .pg-app{transition:opacity .45s ease 2.95s}.pg-touch.on .pg-app{opacity:1}.pg-touch .pg-icon{transform:scale(.4)}.pg-touch.on .pg-icon{animation:pgPop .7s cubic-bezier(.3,1.5,.5,1) 2.95s both}@keyframes pgPop{0%{transform:scale(.4)}to{transform:scale(1)}}.pg-touch .pg-sheen{transform:translateX(-70%);transition:transform 2.4s cubic-bezier(.3,0,.2,1) .2s}.pg-touch.on .pg-sheen{transform:translateX(70%)}.pg-touch .pg-cap{margin:-6px 0 0;padding:0 12px;font-size:clamp(24px,7.4vw,40px);font-weight:800;line-height:1.04;letter-spacing:-.05em;color:var(--ink);white-space:nowrap;text-align:center}.pg-touch .pg-line>span{transform:translateY(-135%);transition:transform 1s cubic-bezier(.2,.8,.15,1);transition-delay:calc(3.55s + var(--j) * .16s)}.pg-touch.on .pg-line>span{transform:none}.pg-touch.still .pg-card{display:none}.pg-touch.still .pg-app{opacity:1;transition:none}.pg-touch.still .pg-icon,.pg-touch.still .pg-line>span{transform:none;transition:none}@media (prefers-reduced-motion:reduce){.pg *{transition:none!important;animation:none!important}}.pg-scroll{height:440vh;view-timeline:--pg block}.pg-scroll .pg-sticky{--ph:min(calc(100svh - 250px),124vw,620px);height:100vh;height:100svh;padding-top:0}.pg-scroll .pg-sticky .pg-title{top:max(64px,9svh)}.pg-scroll .pg-h{font-size:clamp(30px,8.6vw,46px)}.pg-scroll .pg-app,.pg-scroll .pg-bloom,.pg-scroll .pg-card,.pg-scroll .pg-dark,.pg-scroll .pg-halo,.pg-scroll .pg-icon,.pg-scroll .pg-line>span,.pg-scroll .pg-ripple,.pg-scroll .pg-sheen,.pg-scroll .pg-stage,.pg-scroll .pg-title,.pg-scroll .pg-wake{animation-duration:auto;animation-timing-function:linear;animation-fill-mode:both;animation-timeline:--pg;animation-range:contain 0 contain 100%}.pg-scroll .pg-dark{animation-name:pgsDark}@keyframes pgsDark{0%,8%{opacity:0}20%,62%{opacity:1}76%,to{opacity:0}}.pg-scroll .pg-title{animation-name:pgsTitle}@keyframes pgsTitle{0%,4%{opacity:1;transform:none}13%,to{opacity:0;transform:translateY(-40px)}}.pg-scroll .pg-stage{animation-name:pgsCam}@keyframes pgsCam{0%{transform:perspective(1800px) translateY(22svh) rotateY(-16deg) rotateX(7deg) scale(.84)}20%{transform:perspective(1800px) translateY(2svh) rotateY(-8.9deg) rotateX(3.9deg) scale(1)}45%{transform:perspective(1800px) translateY(2svh) rotateY(0deg) rotateX(0deg) scale(1.01)}74%{transform:perspective(1800px) translateY(2svh) rotateY(0deg) rotateX(0deg) scale(1.02);animation-timing-function:cubic-bezier(.45,0,.2,1)}88%,to{transform:perspective(1800px) translateY(-7svh) rotateY(0deg) rotateX(0deg) scale(.86)}}.pg-scroll .pg-halo{animation-name:pgsHalo}@keyframes pgsHalo{0%,12%{opacity:0}24%{opacity:1}60%{opacity:.6}72%,to{opacity:0}}.pg-scroll .pg-bloom{animation-name:pgsBloom}@keyframes pgsBloom{0%,62%{opacity:0;transform:scale(.25)}66%{opacity:.9}80%,to{opacity:0;transform:scale(2.6)}}.pg-scroll .pg-sheen{animation-name:pgsSheen}@keyframes pgsSheen{0%{transform:translateX(-70%)}55%,to{transform:translateX(70%)}}.pg-scroll .pg-wake{animation-name:pgsWake}@keyframes pgsWake{0%,25%{opacity:0}62%,to{opacity:1}}.pg-scroll .pg-app{animation-name:pgsApp}@keyframes pgsApp{0%,62%{opacity:0}67%,to{opacity:1}}.pg-scroll .pg-icon{animation-name:pgsIcon}@keyframes pgsIcon{0%,62%{opacity:1;transform:scale(.4)}67%{transform:scale(1.08)}70%,to{opacity:1;transform:scale(1)}}.pg-scroll .pg-card{animation-name:pgsCard}.pg-scroll .pg-w{zoom:.72}@keyframes pgsCard{0%{opacity:1;transform:translate(calc(var(--x) * var(--sw) * .26 * var(--z)),calc(var(--y) * var(--sh) * 1.02 * var(--z))) rotate(calc(var(--x) * 4deg)) scale(calc(var(--z) * .8));animation-timing-function:cubic-bezier(.5,0,.75,.4)}55%{opacity:1;transform:translate(calc(var(--x) * var(--sw) * .12 * var(--z)),calc(var(--y) * var(--sh) * .45 * var(--z) - var(--sh) * .12)) rotate(calc(var(--x) * 2deg)) scale(.55);animation-timing-function:cubic-bezier(.3,.4,.6,1)}85%{opacity:1}to{opacity:0;transform:translate(0) rotate(0deg) scale(.12)}}.pg-scroll .pg-ripple{animation-name:pgsRipple}@keyframes pgsRipple{0%{opacity:0;transform:scale(.1)}20%{opacity:.85}to{opacity:0;transform:scale(1.6)}}.pg-scroll .pg-cap{position:absolute;left:0;right:0;bottom:max(28px,5svh);z-index:1;margin:0;padding:0 12px;font-size:clamp(26px,8vw,42px);font-weight:800;line-height:1.08;letter-spacing:-.05em;color:var(--ink);text-align:center}.pg-cl{display:block;white-space:nowrap}.pg-cl+.pg-cl .pg-cw:nth-child(n+3){color:var(--purple)}.pg-cw{display:inline-block;margin:0 .11em}.pg-scroll .pg-cw{animation:pgsWord auto linear both;animation-timeline:--pg}@keyframes pgsWord{0%{opacity:0;transform:translateY(.55em) scale(.96);animation-timing-function:cubic-bezier(.25,.7,.2,1)}to{opacity:1;transform:none}}