.pwa-modal__backdrop{animation:.25s ease-out both pwa-fade}.pwa-modal__panel{animation:.45s cubic-bezier(.2,.9,.25,1.15) both pwa-pop}.pwa-modal__halo{pointer-events:none;height:70%;animation:var(--animate-orb);background:radial-gradient(closest-side,#facc152e,#0000);position:absolute;inset:-40% -20% auto}.pwa-modal__step{transition:background-color .3s,border-color .3s,opacity .3s}@keyframes pwa-fade{0%{opacity:0}}@keyframes pwa-pop{0%{opacity:0;transform:translateY(28px)scale(.94)}}.pwa-ill{--ill-w:112px;--ill-h:200px;width:var(--ill-w);height:var(--ill-h);background:linear-gradient(160deg,#3a3550,#15121f);border-radius:26px;margin-inline:auto;padding:6px;position:relative;box-shadow:0 0 0 1px #ffffff1f,0 18px 40px -12px #000000b3,0 0 50px -10px #facc1540}.pwa-ill--tablet{--ill-w:208px;--ill-h:152px;border-radius:18px}.pwa-ill--desktop{--ill-w:236px;--ill-h:150px;border-radius:10px;padding:5px}.pwa-ill__screen{background:#0d0b16;border-radius:20px;width:100%;height:100%;position:relative;overflow:hidden}.pwa-ill--tablet .pwa-ill__screen{border-radius:12px}.pwa-ill--desktop .pwa-ill__screen{border-radius:6px}.pwa-ill__browser{flex-direction:column;animation:.3s ease-out both pwa-fade;display:flex;position:absolute;inset:0}.pwa-ill__bar{background:#1e1b2df2;flex-shrink:0;align-items:center;gap:4px;padding:0 7px;display:flex}.pwa-ill__bar--top{height:30px;padding-top:8px}.pwa-ill--tablet .pwa-ill__bar--top,.pwa-ill--desktop .pwa-ill__bar--top{height:22px;padding-top:0}.pwa-ill__bar--bottom{justify-content:space-around;height:26px}.pwa-ill--tablet .pwa-ill__bar--bottom{display:none}.pwa-ill__url{white-space:nowrap;text-overflow:ellipsis;color:#fff9;text-align:center;background:#ffffff14;border-radius:999px;flex:1;min-width:0;padding:2px 6px;font-size:6.5px;overflow:hidden}.pwa-ill__dot{background:#ffffff38;border-radius:2px;width:9px;height:3px}.pwa-ill__btn{color:#60a5fa;border-radius:999px;place-items:center;width:18px;height:18px;display:grid;position:relative}.pwa-ill__menubar{color:#ffffffd9;background:#28243af2;align-items:center;gap:8px;height:14px;padding:0 8px;font-size:7px;display:flex}.pwa-ill__apple{background:#ffffffb3;border-radius:3px 3px 4px 4px;width:6px;height:7px}.pwa-ill__menu-item{border-radius:3px;padding:0 3px;position:relative}.pwa-ill__menu-ghost{background:#ffffff40;border-radius:2px;width:18px;height:3px}.pwa-ill__hot{animation:2.6s ease-out both pwa-hot}@keyframes pwa-hot{0%,30%{box-shadow:none;background:0 0}45%,to{color:#fde68a;background:#facc1540;box-shadow:0 0 0 2px #facc15b3,0 0 12px #facc1599}}.pwa-ill__page{background:radial-gradient(120% 80% at 50% 20%,#3b2a14,#120f1c 70%);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:6px;display:flex}.pwa-ill__page-logo{filter:drop-shadow(0 4px 10px #facc1559);border-radius:22%;width:34%;max-width:56px}.pwa-ill__page-line{background:#ffffff40;border-radius:2px;width:60%;height:4px}.pwa-ill__page-line--short{width:40%}.pwa-ill__page-cta{background:linear-gradient(#fde68a,#eab308);border-radius:3px;width:62%;height:11px;margin-top:2px}.pwa-ill__sheet{z-index:1;background:#262236;flex-direction:column;gap:3px;padding:6px;display:flex;position:absolute;box-shadow:0 -8px 24px #00000080}.pwa-ill__sheet--bottom{border-radius:14px 14px 0 0;padding-bottom:12px;animation:.5s cubic-bezier(.2,.9,.3,1) both pwa-sheet-up;inset:auto 0 0}.pwa-ill__sheet--dropdown{transform-origin:100% 0;border-radius:8px;width:78%;animation:.4s cubic-bezier(.2,.9,.3,1.2) both pwa-drop;top:26px;right:5px}.pwa-ill__sheet--mac{transform-origin:0 0;width:58%;top:14px;left:18px;right:auto}.pwa-ill--tablet .pwa-ill__sheet--bottom{transform-origin:100% 0;border-radius:10px;width:60%;padding-bottom:6px;animation-name:pwa-drop;inset:20px 6px auto auto}@keyframes pwa-sheet-up{0%{transform:translateY(100%)}}@keyframes pwa-drop{0%{opacity:0;transform:scale(.6)}}.pwa-ill__row{background:#ffffff0d;border-radius:4px;align-items:center;gap:4px;height:15px;padding:0 4px;display:flex;position:relative}.pwa-ill__row-ghost{background:#fff3;border-radius:2px;width:55%;height:3px}.pwa-ill__row--pick{color:#fde68a;animation:2.6s ease-out both pwa-pick}.pwa-ill__row-label{white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:6px;font-weight:600;overflow:hidden}@keyframes pwa-pick{0%,45%{box-shadow:none;background:#ffffff0d}58%,to{background:#facc1538;box-shadow:0 0 0 1px #facc15cc,0 0 10px #facc1573}}.pwa-ill__finger{z-index:2;pointer-events:none;background:#ffffffd9;border-radius:999px;width:16px;height:16px;margin:-8px 0 0 -8px;animation:2.6s ease-in-out both pwa-finger;position:absolute;top:50%;left:50%;box-shadow:0 2px 6px #00000080}.pwa-ill__row--pick .pwa-ill__finger{animation-name:pwa-finger-late;left:70%}.pwa-ill__finger:after{content:"";border-radius:inherit;opacity:0;border:2px solid #facc15e6;animation:2.6s ease-out both pwa-ripple;position:absolute;inset:-2px}.pwa-ill__row--pick .pwa-ill__finger:after{animation-name:pwa-ripple-late}@keyframes pwa-finger{0%{opacity:0;transform:translate(26px,40px)scale(1.2)}15%{opacity:1}32%{transform:translate(0)scale(1)}38%{transform:scale(.75)}46%{opacity:1;transform:scale(1)}70%,to{opacity:0;transform:scale(1)}}@keyframes pwa-finger-late{0%,15%{opacity:0;transform:translate(26px,40px)scale(1.2)}30%{opacity:1}45%{transform:translate(0)scale(1)}51%{transform:scale(.75)}58%{opacity:1;transform:scale(1)}80%,to{opacity:0;transform:scale(1)}}@keyframes pwa-ripple{0%,36%{opacity:0;transform:scale(1)}40%{opacity:1}65%,to{opacity:0;transform:scale(2.6)}}@keyframes pwa-ripple-late{0%,49%{opacity:0;transform:scale(1)}53%{opacity:1}78%,to{opacity:0;transform:scale(2.6)}}.pwa-ill__home{background:radial-gradient(120% 90% at 30% 10%,#4c3a7a,#1b1530 60%,#0d0b16);grid-template-columns:repeat(4,minmax(0,1fr));align-content:start;gap:9px 5px;padding:24px 8px;animation:.4s ease-out both pwa-fade;display:grid;position:absolute;inset:0}.pwa-ill--tablet .pwa-ill__home{grid-template-columns:repeat(6,minmax(0,1fr));padding:16px 18px}.pwa-ill__app{aspect-ratio:1;background:#ffffff24;border-radius:24%;width:100%;display:block}.pwa-ill__app-slot{flex-direction:column;align-items:center;gap:2px;min-width:0;display:flex}.pwa-ill__app--gonia{background:0 0;animation:2.6s cubic-bezier(.2,.9,.3,1.4) both pwa-land;box-shadow:0 0 0 1px #facc1599,0 0 14px #facc15b3}.pwa-ill__app-name{color:#ffffffd9;font-size:6px;animation:.4s ease-out .9s both pwa-fade}@keyframes pwa-land{0%,15%{opacity:0;transform:translateY(-30px)scale(.2)rotate(-25deg)}40%{opacity:1;transform:translateY(0)scale(1.15)rotate(4deg)}55%,to{opacity:1;transform:none}}.pwa-ill__desk{background:radial-gradient(120% 90% at 30% 10%,#4c3a7a,#1b1530 60%,#0d0b16);justify-content:center;align-items:flex-end;padding-bottom:8px;animation:.4s ease-out both pwa-fade;display:flex;position:absolute;inset:0}.pwa-ill__dock{background:#ffffff1f;border-radius:8px;gap:5px;padding:4px 6px;display:flex}.pwa-ill__dock .pwa-ill__app{width:20px}@media (height<=640px){.pwa-modal__intro,.pwa-modal__outro{display:none}.pwa-ill{--ill-w:96px;--ill-h:170px}}@media (prefers-reduced-motion:reduce){.pwa-modal__backdrop,.pwa-modal__panel,.pwa-modal__halo,.pwa-ill__browser,.pwa-ill__sheet,.pwa-ill__home,.pwa-ill__desk,.pwa-ill__app-name,.pwa-ill__app--gonia{animation:none}.pwa-ill__finger{display:none}.pwa-ill__hot,.pwa-ill__row--pick{animation-duration:10ms}}