.js-pr{margin-top:clamp(30px,3.6vw,46px)}.pr-steps{display:grid;gap:12px;grid-template-columns:repeat(4,minmax(0,1fr))}.pr-step{align-items:flex-start;background:#fff;border:1px solid rgba(60,95,172,.2);border-radius:14px;color:var(--deep);cursor:pointer;display:flex;flex-direction:column;font:inherit;gap:6px;overflow:hidden;padding:16px 16px 20px;position:relative;text-align:left;transition:background .3s,border-color .3s,box-shadow .3s}.pr-step:hover{border-color:var(--mid)}.pr-step:focus-visible{outline:2px solid var(--spot);outline-offset:2px}.pr-stage{color:var(--purple);font:700 .72rem/1 var(--mono);letter-spacing:.12em;text-transform:uppercase}.pr-n{color:var(--mid);font:700 .8rem/1 var(--mono)}.pr-step b{font:800 1.05rem/1.25 var(--head)}.pr-text{color:var(--lt-mut);font-size:.9rem;line-height:1.5}.pr-step.is-on{background:var(--deep);border-color:var(--deep);box-shadow:0 20px 40px -30px rgba(0,24,68,.8)}.pr-step.is-on .pr-stage{color:var(--neon)}.pr-step.is-on .pr-n{color:var(--corn-lt)}.pr-step.is-on b{color:#fff}.pr-step.is-on .pr-text{color:hsla(0,0%,100%,.84)}.pr-prog{bottom:0;height:4px;left:0;position:absolute;right:0}.pr-prog i{background:var(--neon);display:block;height:100%;width:0}.js-pr.pr-play .pr-step.is-on .pr-prog i{animation:prProg 5.2s linear forwards}@keyframes prProg{to{width:100%}}.pr-board{aspect-ratio:16/7;background:var(--stone);background-image:linear-gradient(rgba(38,66,149,.05) 1px,transparent 0),linear-gradient(90deg,rgba(38,66,149,.05) 1px,transparent 0);background-size:4cqi 4cqi;border:1px solid rgba(60,95,172,.14);border-radius:20px;container-type:inline-size;margin-top:16px;overflow:hidden;position:relative;--fs:max(10.5px,1.7cqi)}.pr-board *{transition:opacity .6s,transform .8s cubic-bezier(.22,.61,.36,1),left .9s cubic-bezier(.22,.61,.36,1),top .9s cubic-bezier(.22,.61,.36,1),background .5s,border-color .5s,color .5s}.pr-t.t1{left:10%;top:16%}.pr-t.t2{left:32%;top:16%}.pr-t.t3{left:54%;top:16%}.pr-t.t4{left:76%;top:16%}.pr-t.t5{left:10%;top:45%}.pr-t.t6{left:32%;top:45%}.pr-t.t7{left:54%;top:45%}.pr-t.t8{left:76%;top:45%}.pr-t.t9{left:10%;top:74%}.pr-t.t10{left:32%;top:74%}.pr-t.t11{left:54%;top:74%}.pr-t.t12{left:76%;top:74%}.js-pr[data-s="3"] .pr-t.t1{left:20.7%;top:30%}.js-pr[data-s="3"] .pr-t.t2{left:5.2%;top:30%}.js-pr[data-s="3"] .pr-t.t3{left:36.2%;top:30%}.js-pr[data-s="3"] .pr-t.t4{left:36.2%;top:52%}.js-pr[data-s="3"] .pr-t.t5{left:82.7%;top:30%}.js-pr[data-s="3"] .pr-t.t6{left:67.2%;top:30%}.js-pr[data-s="3"] .pr-t.t7{left:51.7%;top:30%}.js-pr[data-s="3"] .pr-t.t8{left:5.2%;top:52%}.js-pr[data-s="3"] .pr-t.t10{left:67.2%;top:52%}.js-pr[data-s="3"] .pr-t.t11{left:20.7%;top:52%}.js-pr[data-s="4"] .pr-t.t1{left:5%;top:30%}.js-pr[data-s="4"] .pr-t.t2{left:19.5%;top:30%}.js-pr[data-s="4"] .pr-t.t3{left:36%;top:30%}.js-pr[data-s="4"] .pr-t.t4{left:50.5%;top:30%}.js-pr[data-s="4"] .pr-t.t5{left:67%;top:30%}.js-pr[data-s="4"] .pr-t.t6{left:36%;top:52%}.js-pr[data-s="4"] .pr-t.t7{left:5%;top:52%}.js-pr[data-s="4"] .pr-t.t8{left:81.5%;top:30%}.js-pr[data-s="4"] .pr-t.t10{left:67%;top:52%}.js-pr[data-s="4"] .pr-t.t11{left:50.5%;top:52%}.pr-t.l-aurora{--lc:var(--purple);--lt:#fff}.pr-lane.n1 i,.pr-paths li.n1 i{background:var(--purple)}.pr-t.l-linux{--lc:var(--mid);--lt:#fff}.pr-lane.n2 i,.pr-paths li.n2 i{background:var(--mid)}.pr-t.l-cont{--lc:var(--spot);--lt:#fff}.pr-lane.n3 i,.pr-paths li.n3 i{background:var(--spot)}.pr-t.l-svl{--lc:var(--orange);--lt:var(--deep)}.pr-lane.n4 i,.pr-paths li.n4 i{background:var(--orange)}.pr-t.l-oss{--lc:#50b1a3;--lt:var(--deep)}.pr-lane.n5 i,.pr-paths li.n5 i{background:#50b1a3}.pr-t.l-retire{--lc:#fff;--lt:var(--lt-mut)}.pr-lane.n6 i,.pr-paths li.n6 i,.pr-t{background:#fff}.pr-t{align-items:center;border:1.5px solid rgba(60,95,172,.28);border-radius:10px;box-shadow:0 12px 24px -20px rgba(0,24,68,.6);display:flex;flex-direction:column;gap:6%;height:16%;justify-content:center;position:absolute;width:13%;z-index:2}.pr-t>b{color:var(--deep);font:800 var(--fs)/1 var(--head);white-space:nowrap}.pr-bars{display:flex;gap:6%;height:12%;opacity:0;width:60%}.pr-bars i{background:var(--lt-line);border-radius:2px;flex:1;overflow:hidden;position:relative}.pr-bars i:after{background:var(--neon);content:"";inset:0;position:absolute;transform:scaleY(0);transform-origin:bottom;transition:transform .8s .3s}.pr-frame{border:2px dashed var(--purple);border-radius:16px;height:80%;left:7%;top:12%;width:86%;z-index:1}.pr-frame,.pr-scan{opacity:0;position:absolute}.pr-scan{background:var(--neon);bottom:0;box-shadow:0 0 14px rgba(97,212,195,.9);left:0;top:0;width:3px;z-index:3}.pr-lanes{bottom:6%;display:grid;gap:.5%;grid-template-columns:repeat(6,1fr);left:4%;opacity:0;position:absolute;right:4%;top:6%;z-index:0}.pr-lane{background:hsla(0,0%,100%,.65);border:1px solid rgba(60,95,172,.12);border-radius:12px;position:relative}.pr-lane i{border-radius:2px;height:3%;left:8%;min-height:4px;position:absolute;right:8%;top:5%}.pr-lane b{color:var(--deep);font:800 var(--fs)/1.15 var(--head);left:6%;position:absolute;right:6%;text-align:center;top:11%}.pr-lane.n6 i{background:#fff!important;border:1.5px dashed var(--lt-mut)}.pr-waves{bottom:6%;display:grid;gap:2%;grid-template-columns:repeat(3,1fr);left:3%;opacity:0;position:absolute;right:3%;top:6%;z-index:0}.pr-wave{background:hsla(0,0%,100%,.7);border:1px solid rgba(60,95,172,.14);border-radius:12px;padding:2.4cqi 2cqi}.pr-wave b{color:var(--deep);display:block;font:800 max(10.5px,1.9cqi)/1.2 var(--head)}.pr-wave.n1{box-shadow:inset 0 4px 0 var(--neon)}.pr-wave.n2{box-shadow:inset 0 4px 0 var(--corn)}.pr-wave.n3{box-shadow:inset 0 4px 0 var(--purple)}.js-pr[data-s="1"] .pr-frame{opacity:1}.js-pr[data-s="1"] .pr-t.out,.js-pr[data-s="2"] .pr-t.out{opacity:.25}.js-pr[data-s="2"] .pr-bars{opacity:1}.js-pr[data-s="2"] .pr-t:not(.out) .pr-bars i:after{transform:scaleY(1)}.js-pr[data-s="2"] .pr-bars i:nth-child(2):after{transition-delay:.5s}.js-pr[data-s="2"] .pr-bars i:nth-child(3):after{transition-delay:.7s}.js-pr[data-s="2"] .pr-t .pr-bars i:first-child:after{transform:scaleY(.8)}.js-pr[data-s="2"] .pr-t .pr-bars i:nth-child(2):after{transform:scaleY(.55)}.js-pr[data-s="2"] .pr-t .pr-bars i:nth-child(3):after{transform:scaleY(.9)}.js-pr[data-s="2"] .pr-t.out .pr-bars{opacity:0}.js-pr[data-s="2"] .pr-scan{animation:prScan 2.6s ease-in-out infinite;opacity:1}@keyframes prScan{0%{left:0}50%{left:calc(100% - 3px)}to{left:0}}.js-pr[data-s="3"] .pr-t.out,.js-pr[data-s="4"] .pr-t.out{opacity:0;transform:scale(.6)}.js-pr[data-s="3"] .pr-t:not(.out),.js-pr[data-s="4"] .pr-t:not(.out){background:var(--lc);border-color:var(--lc)}.js-pr[data-s="3"] .pr-t:not(.out)>b,.js-pr[data-s="4"] .pr-t:not(.out)>b{color:var(--lt)}.js-pr[data-s="3"] .pr-t.l-retire,.js-pr[data-s="4"] .pr-t.l-retire{border:1.5px dashed var(--lt-mut)}.js-pr[data-s="3"] .pr-lanes{opacity:1}.js-pr[data-s="3"] .pr-t{width:12.4%}.js-pr[data-s="4"] .pr-waves{opacity:1}@container (max-width:560px){.pr-lane i{height:4%}.pr-lane b{bottom:4%;left:50%;line-height:1.1;max-height:42%;overflow-wrap:normal;right:auto;text-align:start;top:auto;transform:translateX(-50%) rotate(180deg);word-break:normal;writing-mode:vertical-rl}.js-pr[data-s="3"] .pr-t.t1,.js-pr[data-s="3"] .pr-t.t2,.js-pr[data-s="3"] .pr-t.t3,.js-pr[data-s="3"] .pr-t.t5,.js-pr[data-s="3"] .pr-t.t6,.js-pr[data-s="3"] .pr-t.t7{top:16%}.js-pr[data-s="3"] .pr-t.t10,.js-pr[data-s="3"] .pr-t.t11,.js-pr[data-s="3"] .pr-t.t4,.js-pr[data-s="3"] .pr-t.t8{top:38%}}.pr-incl{display:grid;gap:clamp(24px,3vw,44px);grid-template-columns:repeat(3,minmax(0,1fr));margin-top:clamp(30px,3.6vw,46px)}.pr-col h3{color:var(--deep);font:900 1.3rem/1.25 var(--head);margin:10px 0 0}.pr-col ul{display:grid;gap:10px;list-style:none;margin:14px 0 0;padding:0}.pr-col li{color:var(--lt-mut);font-size:.96rem;line-height:1.55;padding-left:26px;position:relative}.pr-col li:before{border-bottom:2.4px solid var(--purple);border-left:2.4px solid var(--purple);content:"";height:8px;left:0;position:absolute;top:.45em;transform:rotate(-45deg);width:14px}.pr-paths li:before{display:none}.pr-paths li i{border-radius:4px;height:14px;left:0;position:absolute;top:.35em;width:14px}.pr-paths li.n6 i{background:#fff!important;border:1.5px dashed var(--lt-mut)}@media (max-width:1023px){.pr-incl{grid-template-columns:1fr 1fr}.pr-paths{grid-column:1/-1}}@media (max-width:760px){.pr-steps{grid-template-columns:1fr 1fr}.pr-text{display:none}.pr-board{aspect-ratio:4/3}.pr-incl{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.pr-board *{transition:none!important}.js-pr .pr-scan{animation:none!important;opacity:0!important}.pr-prog{display:none}}