.lp .app2{padding:150px 0 140px;overflow:hidden;background:radial-gradient(760px 560px at 68% 46%,rgba(35,59,170,.28),transparent 70%),radial-gradient(500px 360px at 40% 90%,rgba(204,170,86,.1),transparent 70%),var(--deeper);border-top:1px solid hsla(0,0%,100%,.05);border-bottom:1px solid hsla(0,0%,100%,.05)}.lp .ap-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;align-items:center}.lp .ap-copy{grid-column:1/6}.lp .ap-copy .h2{margin:22px 0}.lp .app2 .badge-early{color:#f1dfae;background:rgba(204,170,86,.12);border-color:rgba(204,170,86,.35)}.lp .ap-points{list-style:none;padding:0;margin:36px 0 0;display:grid;gap:4px}.lp .ap-points button{width:100%;display:flex;align-items:center;gap:16px;padding:14px 16px 14px 12px;margin-left:-12px;border:0;border-radius:14px;background:none;text-align:left;font:400 17px/1.45 var(--sans);color:#c9cce0;cursor:pointer;transition:background .35s var(--ease),color .35s var(--ease)}.lp .ap-points button:focus-visible,.lp .ap-points button:hover{background:hsla(0,0%,100%,.06);color:#fff}.lp .ap-ic{width:38px;height:38px;flex:none;border-radius:11px;display:grid;place-items:center;background:hsla(0,0%,100%,.06);border:1px solid hsla(0,0%,100%,.08);color:var(--gold);transition:background .35s var(--ease)}.lp .ap-points button:hover .ap-ic{background:rgba(204,170,86,.16)}.lp .ap-note{margin-top:28px;max-width:420px}.lp .ap-stage{grid-column:6/13;position:relative;container-type:inline-size}.lp .ap-track{position:relative;height:calc(88cqw + 70px)}.lp .ap-slot{position:absolute;top:0;transform:translateY(var(--py,0));will-change:transform}.lp .ap-home{left:calc(48% - 20.25cqw);width:40.5cqw;z-index:4}.lp .ap-pix{left:calc(48% - 46cqw)}.lp .ap-mural,.lp .ap-pix{top:10cqw;width:33.4cqw;z-index:3}.lp .ap-mural{left:calc(48% + 12.6cqw)}.lp .ap-explore{left:calc(48% + 29cqw);top:22cqw;width:28cqw;z-index:1}.lp .ap-cap,.lp .ap-dots{display:none}.lp .iph{position:relative;aspect-ratio:1320/2868;padding:3.2%;border-radius:15.5%/7.2%;background:linear-gradient(145deg,#2b2f45,#0e1022 40%,#1a1d33);box-shadow:inset 0 0 0 1.5px hsla(0,0%,100%,.14),inset 0 0 0 4px #05060f,0 2px 4px rgba(10,12,40,.4),0 30px 60px -20px rgba(10,14,60,.7),0 70px 120px -40px rgba(35,59,170,.45);transition:transform .7s var(--ease),filter .5s var(--ease),opacity .5s var(--ease)}.lp .iph:after,.lp .iph:before{content:"";position:absolute;width:3px;border-radius:2px;background:#22263b}.lp .iph:before{left:-2px;top:19%;height:7%;box-shadow:0 9.5vh 0 #22263b}.lp .iph:after{right:-2px;top:25%;height:11%}.lp .iph-screen{position:relative;width:100%;height:100%;border-radius:12.6%/5.8%;overflow:hidden;background:#fffdf8}.lp .iph-screen img{position:absolute;inset:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.lp .iph-dark{opacity:0;transition:opacity .7s var(--ease)}.lp .ap-home.is-dark .iph-dark{opacity:1}.lp .island{position:absolute;left:50%;top:1.55%;width:31%;height:3.6%;transform:translateX(-50%);border-radius:99px;background:#000;z-index:2}.lp .ap-explore .iph,.lp .ap-mural .iph,.lp .ap-pix .iph{filter:saturate(.96)}.lp .ap-stage[data-hl] .iph{filter:brightness(.55) saturate(.8)}.lp .ap-stage[data-hl=explore] .ap-explore .iph,.lp .ap-stage[data-hl=home] .ap-home .iph,.lp .ap-stage[data-hl=mural] .ap-mural .iph,.lp .ap-stage[data-hl=pix] .ap-pix .iph{filter:none;transform:translateY(-14px) scale(1.035)}.lp .ap-stage[data-hl=explore] .ap-explore,.lp .ap-stage[data-hl=mural] .ap-mural,.lp .ap-stage[data-hl=pix] .ap-pix{z-index:5}.lp .ap-toast{position:absolute;z-index:6;left:-5cqw;right:-5cqw;top:8.5cqw;display:flex;align-items:center;gap:12px;padding:12px 16px 12px 12px;border-radius:20px;background:hsla(48,33%,97%,.94);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.6),0 20px 40px -14px rgba(10,14,60,.55);transition:opacity .5s var(--ease),transform .8s var(--spring)}.lp .ap-toast img{width:36px;height:36px;border-radius:9px;background:#fff;padding:4px;flex:none;box-shadow:0 0 0 1px rgba(28,33,80,.08)}.lp .ap-toast small{display:block;font-size:11.5px;color:#6b7086}.lp .ap-toast b{display:block;font-size:14.5px;font-weight:600;color:var(--ink)}.lp.js .ap-toast:not(.in){opacity:0;transform:translateY(-22px) scale(.96)}.lp .ap-mode{position:absolute;left:50%;top:calc(100% + 26px);transform:translateX(-50%);display:flex;padding:3px;border-radius:99px;background:hsla(0,0%,100%,.07);border:1px solid hsla(0,0%,100%,.1)}.lp .ap-mode button{border:0;background:none;color:#a9aed0;font:500 13px var(--sans);padding:7px 16px;border-radius:99px;cursor:pointer;transition:background .3s,color .3s}.lp .ap-mode button.on{background:#fff;color:var(--ink)}.lp.js .ap-stage:not(.in) .iph{opacity:0;transform:translateY(90px)}.lp.js .ap-stage.in .iph{transition:opacity .8s var(--ease) calc(var(--k) * 70ms),transform 1.1s var(--ease) calc(var(--k) * 70ms),filter .5s var(--ease)}.lp.js .ap-stage.in[data-hl] .iph{transition-delay:0s}.lp .ap-home{--k:0}.lp .ap-pix{--k:1}.lp .ap-mural{--k:2}.lp .ap-explore{--k:3}@media (prefers-reduced-motion:reduce){.lp .ap-stage .iph,.lp .ap-toast{transform:none!important}}@media (max-width:1100px){.lp .ap-toast b{font-size:13px}.lp .ap-points button{font-size:16px}}@media (max-width:860px){.lp .app2{padding:100px 0 80px}.lp .ap-note,.lp .ap-points{display:none}.lp .ap-stage{margin:28px -20px 0;container-type:normal}.lp .ap-track{height:auto;display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding:20px 0 8px;scrollbar-width:none}.lp .ap-track::-webkit-scrollbar{display:none}.lp .ap-slot{position:relative;left:auto;top:auto;width:100%;flex:0 0 100%;transform:none;scroll-snap-align:center;display:flex;flex-direction:column;align-items:center;padding:0 20px}.lp .ap-slot .iph{width:236px}.lp .ap-stage[data-hl] .iph{filter:none;transform:none}.lp .ap-toast{left:50%;right:auto;width:280px;margin-left:-140px;top:72px}.lp .ap-mode{position:static;transform:none;margin-top:18px}.lp .ap-cap{display:block;margin-top:18px;text-align:center;font-size:16px;line-height:1.5;color:#e4e6f2;max-width:300px}.lp .ap-dots{display:flex;justify-content:center;gap:8px;margin-top:20px}.lp .ap-dots button{width:8px;height:8px;padding:0;border:0;border-radius:99px;background:hsla(0,0%,100%,.25);cursor:pointer;transition:width .35s var(--ease),background .35s}.lp .ap-dots button.on{width:22px;background:var(--gold)}.lp.js .ap-stage:not(.in) .iph{transform:translateY(40px)}}