.s4-route{--route-progress:0;position:relative;isolation:isolate;overflow:hidden;padding:118px 0 128px;background:#080a09;color:#f3f1ec}
.s4-route:before{content:"EVIDENCE";position:absolute;z-index:-2;right:-.03em;bottom:.02em;color:rgba(255,255,255,.016);font:900 clamp(9rem,22vw,23rem)/.72 var(--f-d);letter-spacing:-.075em}
.s4-route-orbit{position:absolute;z-index:-1;inset:0;background:radial-gradient(700px 420px at 50% 62%,color-mix(in srgb,var(--orange) 7.5%,transparent),transparent 72%),linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:auto,70px 70px,70px 70px;mask-image:linear-gradient(transparent,#000 28%,#000 78%,transparent)}
.s4-route-head .kicker{margin:0 0 22px;color:var(--orange)}.s4-route-head h2{max-width:11ch;margin:0;font-size:clamp(3.6rem,6.3vw,6.8rem);line-height:.84;letter-spacing:-.06em}.s4-route-head h2 em{display:block;color:var(--orange);font-style:normal}
.s4-route-track{position:relative;margin-top:72px}.s4-route-line{position:absolute;left:12.5%;right:12.5%;top:121px;height:1px;background:rgba(255,255,255,.12)}.s4-route-line i{display:block;width:calc(var(--route-progress)*100%);height:100%;background:var(--orange);box-shadow:0 0 18px var(--orange);transition:width .55s ease}.s4-route-line:after{content:"";position:absolute;left:calc(var(--route-progress)*100%);top:50%;width:8px;height:8px;border-radius:50%;background:#fff;box-shadow:0 0 0 7px color-mix(in srgb,var(--orange) 16%,transparent),0 0 28px 7px var(--orange);translate:-50% -50%;transition:left .55s ease}
.s4-route-grid{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(16px,2.5vw,42px);perspective:1500px}.s4-route-step{--rx:0deg;--ry:0deg;position:relative;display:grid;justify-items:center;gap:28px;opacity:.32;transform:rotateX(var(--rx)) rotateY(var(--ry)) translateY(20px);transform-style:preserve-3d;transition:opacity .5s,transform .65s cubic-bezier(.2,.8,.2,1)}.s4-route-step.is-active{opacity:1;transform:rotateX(var(--rx)) rotateY(var(--ry)) translateZ(24px)}.s4-route-index{position:absolute;top:-18px;color:#777c78;font:600 .55rem var(--f-m);letter-spacing:.14em}
.s4-route-object{position:relative;width:min(100%,228px);height:244px;transform-style:preserve-3d}.s4-evidence-3d{position:absolute;inset:14px 0 18px;transform:rotateX(8deg) rotateY(-16deg);transform-style:preserve-3d;animation:s4EvidenceFloat 5.6s ease-in-out infinite}.s4-route-step:nth-child(even) .s4-evidence-3d{animation-delay:-2.8s}.s4-evidence-3d svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible;fill:none;stroke:var(--orange);stroke-width:1.55;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 8px color-mix(in srgb,var(--orange) 22%,transparent));transform-style:preserve-3d}.s4-evidence-3d svg:nth-child(1){opacity:.16;stroke:#fff;transform:translate3d(20px,14px,-42px)}.s4-evidence-3d svg:nth-child(2){opacity:.34;transform:translate3d(10px,7px,-20px)}.s4-evidence-3d svg:nth-child(3){stroke-width:2;transform:translateZ(20px);filter:drop-shadow(0 18px 20px rgba(0,0,0,.7)) drop-shadow(0 0 9px color-mix(in srgb,var(--orange) 32%,transparent))}.s4-route-step.is-active .s4-evidence-3d svg:nth-child(3){animation:s4Trace 2.2s ease-out both}.s4-route-object>b{position:absolute;z-index:4;right:5px;bottom:10px;color:#f5f3ee;font:900 3.6rem/.8 var(--f-d);letter-spacing:-.08em;text-shadow:0 10px 30px #000;transform:translateZ(58px)}.s4-route-step h3{max-width:12ch;margin:0;text-align:center;font-size:clamp(1.65rem,2.3vw,2.35rem);line-height:.95}
.s4-route-foot{display:flex;justify-content:center;margin-top:65px}.s4-route-foot .btn{min-width:280px;background:var(--orange);color:var(--on-accent);box-shadow:0 20px 55px color-mix(in srgb,var(--orange) 20%,transparent)}
@keyframes s4EvidenceFloat{0%,100%{transform:rotateX(8deg) rotateY(-16deg) translate3d(0,0,0)}50%{transform:rotateX(-6deg) rotateY(17deg) translate3d(0,-10px,28px)}}@keyframes s4Trace{from{stroke-dasharray:520;stroke-dashoffset:520}to{stroke-dasharray:520;stroke-dashoffset:0}}
@media(max-width:980px) and (min-width:761px){.s4-route-grid{grid-template-columns:repeat(2,1fr);row-gap:70px}.s4-route-line{display:none}}
@media(max-width:760px){.s4-route{padding:84px 0 112px}.s4-route-head h2{font-size:clamp(3.05rem,13.6vw,4.15rem)}.s4-route-track{margin-top:56px}.s4-route-grid{grid-template-columns:1fr;gap:58px}.s4-route-line{left:50%;right:auto;top:121px;bottom:118px;width:1px;height:auto}.s4-route-line i{width:100%;height:calc(var(--route-progress)*100%)}.s4-route-line:after{left:50%;top:calc(var(--route-progress)*100%);transition:top .55s ease}.s4-route-step{gap:23px}.s4-route-object{width:218px;height:238px;background:#080a09}.s4-route-step h3{padding:0 9px;background:#080a09}.s4-route-foot{margin-top:54px}.s4-route-foot .btn{width:100%;min-width:0;justify-content:center}}
@media(prefers-reduced-motion:reduce){.s4-route-step,.s4-route-line i,.s4-route-line:after{transition:none!important}.s4-route-step{opacity:1;transform:none}.s4-evidence-3d,.s4-evidence-3d svg{animation:none!important}}