/* Page end (landing finale + app footer): animated deep-blue stage with the Muses lineup */
.pe{position:relative;overflow:hidden;isolation:isolate;color:#fff;background:#010B3A;border-radius:32px 32px 0 0}
.finale.pe,.foot.pe{background:#010B3A;color:#fff}
.pe-bg{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none}
.pe-bg::after{content:"";position:absolute;inset:0;background:radial-gradient(120% 70% at 50% 110%,rgba(1,11,58,0) 30%,rgba(1,11,58,.85) 75%)}
.pe-blob{position:absolute;border-radius:50%;filter:blur(70px);opacity:.85;will-change:transform}
.pe-blob.b1{width:60vw;height:60vw;left:-15vw;top:-20vw;background:radial-gradient(closest-side,#1D5BFF,rgba(29,91,255,0));animation:peA 18s ease-in-out infinite alternate}
.pe-blob.b2{width:55vw;height:55vw;right:-18vw;top:10%;background:radial-gradient(closest-side,#7B5CFF,rgba(123,92,255,0));opacity:.55;animation:peB 22s ease-in-out infinite alternate}
.pe-blob.b3{width:70vw;height:40vw;left:20%;bottom:-18vw;background:radial-gradient(closest-side,#0B8CFF,rgba(11,140,255,0));opacity:.6;animation:peC 26s ease-in-out infinite alternate}
@keyframes peA{to{transform:translate3d(18vw,14vw,0) scale(1.15)}}
@keyframes peB{to{transform:translate3d(-20vw,-8vw,0) scale(.9)}}
@keyframes peC{to{transform:translate3d(-16vw,-6vw,0) scale(1.2)}}
.pe-grid{position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.14) 1px,transparent 1.2px);background-size:26px 26px;-webkit-mask-image:radial-gradient(80% 70% at 50% 40%,#000 20%,transparent 80%);mask-image:radial-gradient(80% 70% at 50% 40%,#000 20%,transparent 80%);animation:peGrid 40s linear infinite}
@keyframes peGrid{to{background-position:260px 130px}}

/* category marquee */
.pe-marquee{position:relative;margin:0 -16px 70px;padding:14px 0;background:#fff;color:#0327A0;transform:rotate(-1.6deg);box-shadow:0 20px 50px rgba(0,8,60,.45);overflow:hidden}
@media(min-width:1024px){.pe-marquee{margin:0 -56px 90px}}
.pe-track{display:flex;align-items:center;gap:26px;width:max-content;animation:peRun 38s linear infinite;font-size:clamp(18px,2.2vw,30px);font-weight:500;letter-spacing:-.03em;white-space:nowrap}
.pe-track .pm-mark{width:.8em;height:.8em;flex-shrink:0}
.pe-track .pm-mark path{stroke-width:11}
@keyframes peRun{to{transform:translateX(-50%)}}

/* wordmark + lineup */
.pe-stage{position:relative;margin-top:60px;padding-top:40px}
.pe .wordmark.pe-word{position:relative;z-index:1;margin:0;font-size:clamp(80px,21vw,340px);font-weight:600;letter-spacing:-.06em;line-height:.85;white-space:nowrap;color:transparent;
  background:linear-gradient(100deg,#6F93FF 0%,#FFFFFF 30%,#BFD0FF 45%,#FFFFFF 55%,#6F93FF 80%);background-size:250% 100%;-webkit-background-clip:text;background-clip:text;animation:peShine 7s ease-in-out infinite}
@keyframes peShine{0%{background-position:100% 0}100%{background-position:-60% 0}}
.pe-lineup{position:absolute;z-index:2;left:0;right:0;bottom:-2%;display:flex;justify-content:center;align-items:flex-end;pointer-events:none}
.pe-lineup img{height:clamp(90px,15vw,230px);width:auto;margin:0 -1.2vw;filter:drop-shadow(0 18px 20px rgba(0,6,40,.55));transform-origin:50% 100%;animation:peHop 3.2s ease-in-out infinite;animation-delay:calc(var(--i) * -.29s)}
.pe-lineup img:nth-child(6){height:clamp(110px,18vw,280px);z-index:3}
@keyframes peHop{0%,100%{transform:translateY(0) rotate(-1.5deg)}50%{transform:translateY(-10px) rotate(1.5deg)}}
@media(max-width:700px){.pe-lineup img{margin:0 -3.2vw}.pe-lineup img:nth-child(1),.pe-lineup img:nth-child(2),.pe-lineup img:nth-child(10),.pe-lineup img:nth-child(11){display:none}}

/* landing finale content on dark */
.finale.pe{padding-top:0}
.finale.pe .finale-mascot{display:none}
.finale.pe h2{color:#fff}
.finale.pe h2 .soft{color:rgba(255,255,255,.55)}
.finale.pe .eyebrow{color:rgba(255,255,255,.6)}
.finale.pe .cta{background:#fff;color:#0327A0}
.finale.pe .cta .cta-icon{background:#0327A0;color:#fff}
.finale.pe .cta.ghost{background:rgba(255,255,255,.1);color:#fff;border-color:rgba(255,255,255,.25)}
.finale.pe .steps{border-top-color:rgba(255,255,255,.15)}
.finale.pe .steps div{border-bottom-color:rgba(255,255,255,.15)}
.finale.pe .ca-box{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.16);color:#fff;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.finale.pe .ca-box .copy{background:#fff;color:#0327A0}
.finale.pe .finale-foot{margin-top:40px;position:relative;z-index:3}
.finale.pe .finale-foot nav a{opacity:.75}
.finale.pe .disclaimer{color:#fff;opacity:.5}

/* app footer on dark */
.foot.pe{margin-top:60px}
.foot.pe .foot-in{padding-top:0}
.foot.pe .foot-links a{color:#fff}
.foot.pe .foot-pm{color:#fff}
.foot.pe .disclaimer{color:#fff;opacity:.5;margin-top:34px}

@media(prefers-reduced-motion:reduce){.pe-blob,.pe-grid,.pe-track,.pe .wordmark.pe-word,.pe-lineup img{animation:none}}
/* Muses stand on top of the wordmark */
.pe-stage{display:flex;flex-direction:column;align-items:stretch;padding-top:10px}
.pe-lineup{position:relative;order:0;left:auto;right:auto;bottom:auto;margin-bottom:-3.6vw;z-index:2}
.pe .wordmark.pe-word{order:1}
.pe-lineup img{height:clamp(84px,11.5vw,190px);margin:0 -.9vw}
.pe-lineup img:nth-child(6){height:clamp(100px,14vw,230px)}
@media(max-width:700px){.pe-lineup{margin-bottom:-4vw}.pe-lineup img{height:21vw;margin:0 -2.6vw}.pe-lineup img:nth-child(6){height:26vw}}
.pe-marquee{transform:none;margin-top:0;border-radius:0}