.px{--rail: 132px;position:relative;isolation:isolate;overflow:clip;padding:clamp(84px,10vw,136px) 0 clamp(76px,9vw,120px);background:radial-gradient(60% 40% at 50% 100%,color-mix(in srgb,var(--sand) 60%,transparent),transparent 75%),var(--oyster);color:var(--jungle)}.px>.vdw-gold-particles{display:none}.px-inner{position:relative;z-index:2;max-width:1240px;margin:0 auto;padding:0 clamp(20px,4.5vw,48px)}.px-head{max-width:1000px;margin:0 auto clamp(30px,4vw,50px);text-align:center}.px-label{display:inline-flex;align-items:center;gap:14px;margin-bottom:24px}.px-label::before,.px-label::after{content:"";width:34px;height:1px;flex:none;background:linear-gradient(90deg,transparent,var(--gold));transform-origin:right}.px-label::after{background:linear-gradient(90deg,var(--gold),transparent);transform-origin:left}.px-title{text-wrap:pretty;margin-bottom:0}@media(max-width:700px){.px-title{text-wrap:balance}.px-br{display:none}}@media(min-width:1600px){.px-inner{max-width:1440px}.px-card{padding:40px 36px 44px}}.px-w{display:inline-block;overflow:clip;overflow-clip-margin:0.12em;padding:0 0.06em 0.1em 0;margin:0 -0.06em -0.1em 0;vertical-align:top}.px-w>span{display:inline-block}.px-journey{position:relative}.px-route{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;fill:none;stroke-linecap:round}.px-route-base{stroke:color-mix(in srgb,var(--gold) 38%,transparent);stroke-width:1.2;stroke-dasharray:2 7}.px-route-done{stroke:var(--gold-light);stroke-width:2;filter:drop-shadow(0 0 4px rgba(212,174,48,0.45))}html:not(.px-js) .px-route{display:none}.px-steps{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(14px,1.8vw,26px);margin:0;padding:0;list-style:none}.px-step{position:relative;padding-top:var(--rail)}.px-stop{position:absolute;left:50%;top:calc(var(--rail) * 0.5);width:22px;height:22px;margin:-11px 0 0 -11px;border-radius:50%;border:1px solid color-mix(in srgb,var(--gold) 55%,transparent);background:var(--oyster);z-index:2;transition:border-color 0.5s var(--ease),box-shadow 0.6s var(--ease)}.px-stop::after{content:"";position:absolute;inset:5px;border-radius:50%;background:var(--gold-light);transform:scale(0);transition:transform 0.6s cubic-bezier(0.34,1.56,0.64,1)}.px-stop::before{content:"";position:absolute;inset:-1px;border-radius:50%;border:1px solid var(--gold-light);opacity:0}.px-step.is-reached .px-stop{border-color:var(--gold-light);box-shadow:0 0 0 6px rgba(212,174,48,0.12)}.px-step.is-reached .px-stop::after{transform:scale(1)}.px-step.is-reached .px-stop::before{animation:pxStamp 0.9s var(--ease) 1}@keyframes pxStamp{from{opacity:0.9;transform:scale(1)}to{opacity:0;transform:scale(2.6)}}.px-card{position:relative;height:100%;padding:clamp(28px,2.6vw,38px) clamp(22px,2.2vw,32px) clamp(30px,2.8vw,40px);background:#fff;border:1px solid color-mix(in srgb,var(--sand-dark) 70%,transparent);box-shadow:0 24px 50px -38px rgba(15,28,22,0.35);transition:transform 0.8s var(--ease),box-shadow 0.8s var(--ease),border-color 0.6s var(--ease)}.px-card::before{content:"";position:absolute;left:50%;bottom:100%;width:1px;height:calc(var(--rail) * 0.5 - 14px);background:linear-gradient(180deg,color-mix(in srgb,var(--gold) 40%,transparent),color-mix(in srgb,var(--gold) 0%,transparent))}.px-card::after{content:"";position:absolute;left:-1px;right:-1px;top:-1px;height:2px;background:linear-gradient(90deg,var(--gold),var(--gold-pale));transform:scaleX(0);transform-origin:left;transition:transform 0.9s var(--ease) 0.1s}.px-num{display:block;font-family:var(--serif);font-weight:300;font-size:clamp(52px,4.6vw,70px);line-height:0.9;color:transparent;-webkit-text-stroke:1px var(--gold);margin-bottom:clamp(22px,2.6vw,34px);transition:color 0.8s var(--ease)}.px-h3{font-family:var(--serif);font-weight:400;font-size:clamp(23px,1.9vw,28px);line-height:1.2;color:var(--jungle);margin:0 0 14px}.px .px-p{margin:0;font-size:clamp(16px,1.08vw,17px);line-height:1.72;color:var(--muted)}.px-step.is-reached .px-card{transform:translateY(-6px);box-shadow:0 34px 60px -36px rgba(15,28,22,0.42);border-color:color-mix(in srgb,var(--gold) 30%,transparent)}.px-step.is-reached .px-card::after{transform:scaleX(1)}.px-step.is-reached .px-num{color:var(--gold)}.px-end{position:absolute;top:calc(var(--rail) * 0.5 - 40px);display:inline-flex;align-items:center;gap:9px;font-family:var(--sans);font-size:10px;font-weight:600;letter-spacing:0.22em;text-transform:uppercase;color:var(--muted);white-space:nowrap;transition:color 0.6s var(--ease)}.px-end--a{left:0}.px-end--b{right:0}.px-end i{width:8px;height:8px;border-radius:50%;border:1px solid var(--gold)}.px-end--a i{background:var(--gold)}.px-end--b i{width:14px;height:14px;border:1.5px solid var(--gold);background:none}.px-journey.is-arrived .px-end--b{color:var(--jungle)}.px-journey.is-arrived .px-end--b i{background:radial-gradient(circle,var(--gold-pale) 0 2px,transparent 2.5px);box-shadow:0 0 0 5px rgba(212,174,48,0.14),0 0 14px rgba(212,174,48,0.5)}html:not(.px-js) .px-end{display:none}.px-gem{position:absolute;left:0;top:0;z-index:3;width:16px;height:16px;margin:-8px 0 0 -8px;pointer-events:none;will-change:transform}.px-gem::before{content:"";position:absolute;inset:2px;transform:rotate(45deg);background:linear-gradient(135deg,#fff 0%,var(--gold-pale) 35%,var(--gold-light) 60%,var(--gold) 100%);box-shadow:0 0 0 1px rgba(184,150,12,0.35),0 0 16px rgba(212,174,48,0.7)}.px-gem::after{content:"";position:absolute;left:50%;top:50%;width:26px;height:26px;margin:-13px 0 0 -13px;background:linear-gradient(90deg,transparent 46%,rgba(255,255,255,0.95) 50%,transparent 54%),linear-gradient(0deg,transparent 46%,rgba(255,255,255,0.95) 50%,transparent 54%);-webkit-mask:radial-gradient(circle,#000 0 20%,transparent 62%);mask:radial-gradient(circle,#000 0 20%,transparent 62%);animation:pxTwinkle 2.4s ease-in-out infinite}@keyframes pxTwinkle{0%,100%{transform:scale(0.6) rotate(0deg);opacity:0.4}50%{transform:scale(1.1) rotate(45deg);opacity:1}}html:not(.px-js) .px-gem{display:none}.px-note{max-width:640px;margin:clamp(40px,5vw,60px) auto 0;text-align:center}.px-js .px-w>span{transform:translateY(108%);transition:transform 1.1s var(--ease) calc(0.1s + var(--i, 0) * 0.05s)}.px-js .px-label{opacity:0;transition:opacity 0.9s var(--ease)}.px-js .px-label::before,.px-js .px-label::after{transform:scaleX(0);transition:transform 1.1s var(--ease) 0.25s}.px-js .px-step{opacity:0;transform:translateY(26px);transition:opacity 1s var(--ease) calc(var(--i) * 0.1s),transform 1.2s var(--ease) calc(var(--i) * 0.1s)}.px-js .px-end,.px-js .px-gem,.px-js .px-route{opacity:0;transition:opacity 0.8s var(--ease) 0.3s}.px-js .px-note{opacity:0;transition:opacity 1s var(--ease) 0.5s}.px.is-in .px-w>span{transform:none}.px.is-in .px-label{opacity:1}.px.is-in .px-label::before,.px.is-in .px-label::after{transform:none}.px.is-in .px-step{opacity:1;transform:none}.px.is-in .px-end,.px.is-in .px-gem,.px.is-in .px-route,.px.is-in .px-note{opacity:1}@media(max-width:980px){.px-journey{max-width:680px;margin:0 auto}.px{--rail: 0px;--lane: 44px}.px-journey{padding:42px 0 46px}.px-steps{grid-template-columns:1fr;gap:16px}.px-step{padding:0 0 0 var(--lane)}.px-stop{left:calc(var(--lane) * 0.5 - 6px);top:40px}.px-card::before{left:auto;right:100%;bottom:auto;top:40px;width:calc(var(--lane) * 0.5 - 6px);height:1px;background:linear-gradient(90deg,color-mix(in srgb,var(--gold) 0%,transparent),color-mix(in srgb,var(--gold) 45%,transparent))}.px-card{padding:26px 22px 28px}.px-num{font-size:50px;margin-bottom:16px}.px-end{top:auto;right:auto}.px-end--a{top:8px;left:23px}.px-end--b{bottom:8px;left:20px}.px-step.is-reached .px-card{transform:translateX(4px)}}@media(prefers-reduced-motion:reduce){.px-gem::after{animation:none}.px-js .px-w>span,.px-js .px-label,.px-js .px-label::before,.px-js .px-label::after,.px-js .px-step,.px-js .px-end,.px-js .px-gem,.px-js .px-route,.px-js .px-note,.px-card,.px-card::after,.px-num,.px-stop::after{transition:none}.px-step.is-reached .px-stop::before{animation:none}}