/* PA-STAGES-20261015 Five stages as premium stacked sticky cards. >=768px with motion allowed; phones and reduced motion: plain vertical stack. */
.st{position:relative;isolation:isolate}
.st::before{content:"";position:absolute;inset:0;clip-path:inset(0);z-index:-1;pointer-events:none;opacity:.5;background:radial-gradient(circle at 78% 30%,rgba(0,18,255,.28),transparent 45%),radial-gradient(circle at 15% 85%,rgba(255,49,49,.14),transparent 40%),linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px) 0 0/48px 48px,linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px) 0 0/48px 48px}
.st__grid{display:grid;gap:clamp(24px,4vw,56px)}
.st__list{list-style:none;margin:0;padding:0;display:grid;gap:18px}
.st__card{--b:rgba(255,255,255,.12);position:relative;overflow:hidden;display:flex;flex-direction:column;gap:18px;padding:clamp(24px,3vw,44px);border-radius:28px;color:#fff;background:linear-gradient(155deg,#141c9c,#05063c 60%),radial-gradient(circle at 100% 0,rgba(255,49,49,.18),transparent 50%);border:1px solid var(--b);box-shadow:0 40px 80px -40px rgba(0,0,0,.85),inset 0 1px 0 rgba(255,255,255,.12);transform-origin:50% 0}
.st__card::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:2px;background:linear-gradient(120deg,var(--pa-red,#ff3131),var(--pa-blue,#0012ff));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .4s ease;pointer-events:none}
.st__card.is-on::before{opacity:1}
.st__card::after{content:"";position:absolute;right:-120px;bottom:-120px;width:360px;height:360px;border-radius:50%;pointer-events:none;background:repeating-radial-gradient(circle,rgba(255,255,255,.07) 0 1px,transparent 1px 34px);opacity:.7}
.st__ghost{position:absolute;right:clamp(10px,2vw,30px);top:clamp(-10px,-1vw,0px);font-family:var(--pa-display);font-weight:800;font-size:clamp(120px,14vw,210px);line-height:1;color:transparent;-webkit-text-stroke:1.5px rgba(255,255,255,.16);letter-spacing:-.04em;pointer-events:none;user-select:none}
.st__top{position:relative;display:flex;align-items:center;gap:14px}
.st__num{display:grid;place-items:center;width:64px;height:64px;border-radius:18px;background:var(--pa-red,#ff3131);color:#fff;font-family:var(--pa-display);font-weight:800;font-size:1.6rem;box-shadow:0 12px 26px -10px rgba(255,49,49,.7)}
.st__icon{display:grid;place-items:center;width:52px;height:52px;border-radius:16px;color:#fff;background:rgba(0,18,255,.35);border:1px solid rgba(255,255,255,.18)}
.st__body{position:relative;max-width:60ch}
.st__label{margin:0;color:rgba(255,255,255,.7)}
.pa-site .st__title{margin:.3rem 0 .6rem;color:#fff;font-family:var(--pa-display);font-weight:600;font-size:clamp(1.5rem,2.6vw,2.4rem);line-height:1.1;letter-spacing:-.025em}
.st__text{margin:0;color:rgba(255,255,255,.84);line-height:1.7;font-size:clamp(.95rem,1.1vw,1.08rem)}
.st__chips{list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 0;padding:0}
.st__chips li{padding:.38rem .85rem;border-radius:999px;font-size:.8rem;font-weight:600;letter-spacing:.02em;color:#fff;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.22)}
.st__chips li:first-child{border-color:rgba(255,49,49,.7);background:rgba(255,49,49,.14)}
.st__rail{display:none;position:relative;margin-top:30px;padding-left:44px;min-height:240px}
.st__path{position:absolute;left:0;top:0;width:40px;height:100%;overflow:visible}
.st__path path{fill:none;stroke-width:2;vector-effect:non-scaling-stroke}
.st__path-bg{stroke:rgba(255,255,255,.18);stroke-dasharray:4 6}
.st__path-fg{stroke:var(--pa-red,#ff3131);stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--st-p,0));transition:stroke-dashoffset .5s ease}
.st__plane{position:absolute;left:9px;top:0;color:#fff;transform:translateY(calc(var(--st-y,0px) - 11px)) rotate(180deg);transition:transform .5s ease;filter:drop-shadow(0 0 6px rgba(255,49,49,.8))}
.st__prog{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;justify-content:space-between;min-height:240px;font-family:ui-monospace,"SFMono-Regular",Menlo,monospace;font-size:.85rem;color:rgba(255,255,255,.4)}
.st__prog li{transition:color .3s ease}
.st__prog li.is-on{color:#fff}
@media (min-width:768px) and (prefers-reduced-motion:no-preference){
	.st__grid{grid-template-columns:minmax(220px,.75fr) minmax(0,1.7fr);align-items:start}
	.st__head{align-self:stretch}
	.st__head-in{position:sticky;top:120px}
	.st__rail{display:block}
	.st__list{gap:0}
	.st__card{position:sticky;top:calc(120px + var(--st-i) * 24px);min-height:min(70vh,640px);justify-content:flex-end;margin-bottom:18vh}
	.st__card:last-child{margin-bottom:0}
}
@media (max-width:767px){.st__ghost{font-size:110px}.st__card{border-radius:22px}}
.pa-site .st{overflow:visible}.st::before{overflow:hidden}
.st__card{z-index:calc(var(--st-i) + 1);background-color:#05063c}
