.prs{--p:0;--gap:16px;--depth:40px;position:relative}.prs__stage{height:var(--stage-h);perspective:1200px;perspective-origin:50% -70%;position:relative}.prs__floor{height:var(--floor);border-top:1px solid var(--line);background:linear-gradient(#0aa66b0d,#0000);position:absolute;bottom:0;left:0;right:0}.prs__beam{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.prs__beam path{fill:none;stroke-linecap:round;vector-effect:non-scaling-stroke}.prs__beam-rail{stroke:#0f283724;stroke-width:2px;stroke-dasharray:4 7}.prs__beam-fill{stroke-width:3px;clip-path:inset(0 calc((1 - var(--p)) * 100%) 0 0);filter:drop-shadow(0 0 4px #8b5cf659)}.prs__cols{grid-template-columns:repeat(var(--n), minmax(0, 1fr));gap:var(--gap);transform-style:preserve-3d;margin:0;padding:0;list-style:none;display:grid;position:absolute;inset:0}.prs__col{--c:#0aa66b;transform-style:preserve-3d;position:relative}.prs__chip{left:50%;bottom:calc(var(--floor) + var(--h) + 30px - 14px);z-index:2;height:28px;font-family:var(--mono);white-space:nowrap;color:var(--c);background:var(--surface);border:1px solid color-mix(in srgb, var(--c) 30%, var(--line));opacity:.55;transition:opacity .4s, color .4s, background-color .4s, box-shadow .5s var(--ease-out), translate .5s var(--ease-out);border-radius:9px;align-items:center;gap:5px;padding:0 12px;font-size:11.5px;font-weight:700;display:inline-flex;position:absolute;translate:-50%;box-shadow:0 10px 22px -14px #0a503259}.prs__col.is-on .prs__chip{opacity:1;color:#fff;background:var(--c);border-color:#0000}.prs__col.is-current .prs__chip{box-shadow:0 0 0 5px color-mix(in srgb, var(--c) 16%, transparent), 0 12px 24px -12px color-mix(in srgb, var(--c) 70%, transparent)}.prs__col.is-hot .prs__chip{translate:-50% -8px}.prs__pillar{left:50%;bottom:var(--floor);width:min(54%,116px);height:var(--h);transform-style:preserve-3d;transition:translate .5s var(--ease-out);position:absolute;translate:-50%}.prs__col.is-hot .prs__pillar{translate:-50% -8px}.prs__front{background:color-mix(in srgb, var(--c) 18%, white);height:14px;transform-style:preserve-3d;box-shadow:0 22px 30px -20px color-mix(in srgb, var(--c) 55%, transparent);transition:height .9s var(--ease-out), background-color .5s, box-shadow .5s;transition-delay:calc(var(--i) * 70ms);border-radius:6px 6px 3px 3px;position:absolute;bottom:0;left:0;right:0}.prs__col.is-on .prs__front{height:var(--h);background:linear-gradient(180deg, #ffffff38, transparent 55%), var(--c)}.prs__col.is-hot .prs__front{box-shadow:0 30px 40px -20px color-mix(in srgb, var(--c) 75%, transparent)}.prs__top{height:var(--depth);font-family:var(--mono);color:color-mix(in srgb, var(--c) 60%, #0b1b2a);background:color-mix(in srgb, var(--c) 30%, white);transform-origin:bottom;backface-visibility:hidden;place-items:center;font-size:15px;font-weight:800;transition:background-color .5s,color .5s;display:grid;position:absolute;bottom:100%;left:0;right:0;transform:rotateX(90deg)}.prs__col.is-on .prs__top{color:#fff;background:color-mix(in srgb, var(--c) 62%, white)}.prs__side{width:var(--depth);background:color-mix(in srgb, var(--c) 30%, #d9e4df);backface-visibility:hidden;transition:background-color .5s;position:absolute;top:0;bottom:0}.prs__side--r{transform-origin:0;left:100%;transform:rotateY(90deg)}.prs__side--l{transform-origin:100%;right:100%;transform:rotateY(-90deg)}.prs__col.is-on .prs__side{background:color-mix(in srgb, var(--c) 72%, #0b1b2a)}.prs__ico{color:#fff;opacity:0;width:38px;height:38px;transition:opacity .4s, transform .6s var(--ease-out);transition-delay:calc(.35s + var(--i) * 70ms);background:#fff3;border:1px solid #ffffff61;border-radius:11px;place-items:center;display:grid;position:absolute;top:14px;left:50%;transform:translate(-50%,8px)}.prs__col.is-on .prs__ico{opacity:1;transform:translate(-50%)}.prs__cards{grid-template-columns:repeat(var(--n), minmax(0, 1fr));gap:var(--gap);margin:22px 0 0;padding:0;list-style:none;display:grid}.prs__card{--c:#0aa66b;background:var(--surface);border:1px solid var(--line);opacity:.6;transition:opacity .5s, transform .5s var(--ease-out), border-color .4s, box-shadow .5s var(--ease-out);border-radius:20px;flex-direction:column;gap:8px;padding:20px 18px 18px;display:flex;position:relative}.prs__card.is-on{opacity:1;border-color:color-mix(in srgb, var(--c) 28%, var(--line))}.prs__card:hover,.prs__card.is-hot{box-shadow:0 26px 46px -30px color-mix(in srgb, var(--c) 70%, transparent);transform:translateY(-4px)}.prs__card:before{content:"";background:var(--c);height:3px;transition:transform .6s var(--ease-out);border-radius:0 0 3px 3px;position:absolute;top:-1px;left:18px;right:18px;transform:scaleX(0)}.prs__card.is-on:before{transform:scaleX(1)}.prs__mtile{display:none}.prs__label{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--c);font-size:11px;font-weight:700}.prs__label i{opacity:.5;font-style:normal}.prs__card h3{letter-spacing:-.02em;color:var(--ink);margin:0;font-size:16.5px;font-weight:600}.prs__card p{color:var(--muted);margin:0 0 4px;font-size:13.5px;line-height:1.55}.prs__get{color:var(--ink-2);background:color-mix(in srgb, var(--c) 7%, white);border:1px solid color-mix(in srgb, var(--c) 20%, transparent);border-radius:11px;align-items:flex-start;gap:7px;margin-top:auto;padding:9px 11px;font-size:12.5px;line-height:1.4;display:flex}.prs__get svg{color:var(--c);flex-shrink:0;margin-top:1px}.prs__get b{color:var(--ink);font-weight:650}@media (max-width:1100px){.prs{--gap:12px}.prs__card{padding:18px 14px 14px}.prs__card h3{font-size:15px}.prs__card p{font-size:13px}.prs__chip{padding:0 9px;font-size:10.5px}}@media (max-width:860px){.prs__stage{display:none}.prs__cards{grid-template-columns:1fr;gap:12px;margin-top:0;padding-left:58px;position:relative}.prs__cards:before,.prs__cards:after{content:"";border-radius:1px;width:2px;position:absolute;top:26px;bottom:26px;left:24px}.prs__cards:before{background:#0f28371a}.prs__cards:after{clip-path:inset(0 0 calc((1 - var(--p)) * 100%) 0);background:linear-gradient(#0aa66b,#f59e0b,#8b5cf6,#f43f5e,#0ea5c6)}.prs__mtile{z-index:1;width:40px;height:40px;color:var(--c);background:var(--surface);border:1px solid color-mix(in srgb, var(--c) 28%, var(--line));border-radius:12px;place-items:center;transition:background-color .4s,color .4s;display:grid;position:absolute;top:18px;left:-54px}.prs__card.is-on .prs__mtile{color:#fff;background:var(--c);border-color:#0000}}@media (prefers-reduced-motion:reduce){.prs__front,.prs__ico,.prs__chip,.prs__pillar,.prs__card{transition:none}}