.process-page{background-color:var(--surface-2);min-height:100dvh;padding-top:clamp(100px,15vh,160px);position:relative;color:var(--text-main);overflow:hidden}.process-page:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(rgba(0,0,0,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,.03) 1px,transparent 1px);background-size:50px 50px;background-position:center center;pointer-events:none;z-index:0}.process-header{text-align:center;max-width:800px;margin:0 auto 100px;position:relative;z-index:2}.process-header h1{font-size:clamp(3rem,6vw,4.5rem);line-height:1.1;margin-bottom:24px;color:var(--brand);letter-spacing:-.02em}.roadmap-container{position:relative;max-width:1000px;margin:0 auto;z-index:2}.roadmap-track{position:absolute;top:0;bottom:0;left:50%;width:2px;background-image:linear-gradient(to bottom,rgba(0,0,0,.1) 50%,transparent 50%);background-size:2px 20px;transform:translate(-50%);z-index:1}.roadmap-line{position:absolute;top:0;left:50%;width:4px;background:var(--accent);transform:translate(-50%);transform-origin:top;z-index:2;border-radius:4px;box-shadow:0 0 20px rgba(var(--accent-rgb),.5)}.roadmap-node{display:flex;justify-content:space-between;align-items:center;margin-bottom:clamp(60px,12vh,120px);position:relative;z-index:3}.roadmap-node:last-child{margin-bottom:4vh}.roadmap-node:nth-child(odd){flex-direction:row-reverse}.roadmap-visual{width:42%;display:flex;justify-content:center;align-items:center}.process-image-wrapper{width:100%;aspect-ratio:16/9;border-radius:24px;overflow:hidden;position:relative;border:1px solid rgba(255,255,255,.8);box-shadow:0 20px 50px #00000014;background:#fff}.process-step-image{width:100%;height:100%;object-fit:cover;transition:transform 1s cubic-bezier(.16,1,.3,1)}.roadmap-node.active .process-step-image{transform:scale(1.15)}.image-overlay-glow{position:absolute;inset:0;background:radial-gradient(circle at center,transparent 30%,rgba(180,30,58,.05) 100%);opacity:0;transition:opacity .6s ease}.roadmap-node.active .image-overlay-glow{opacity:1}.roadmap-content{width:42%;background:#fff9;backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.8);border-radius:32px;padding:48px;box-shadow:0 30px 60px #0000000a,inset 0 0 0 1px #ffffff80;transition:all .5s cubic-bezier(.16,1,.3,1);position:relative}.step-duration-pill{display:inline-block;font-size:.65rem;font-weight:800;letter-spacing:2px;text-transform:uppercase;color:var(--accent);background:var(--accent-soft);padding:4px 12px;border-radius:100px;margin-bottom:12px}.roadmap-node.active .roadmap-content{background:#fff;border-color:#b41e3a4d;box-shadow:0 40px 80px #00000014;transform:scale(1.02)}.node-point{width:60px;height:60px;background:var(--surface-2);border:4px solid var(--border);border-radius:50%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;z-index:4;transition:all .4s ease;box-shadow:0 10px 20px #0000000d}.roadmap-node.active .node-point{border-color:var(--accent);background:#fff;transform:translate(-50%,-50%) scale(1.2);box-shadow:0 0 30px rgba(var(--accent-rgb),.3)}.node-number{font-family:JetBrains Mono,monospace;font-weight:800;font-size:1.2rem;color:var(--text-muted)}.roadmap-node.active .node-number{color:var(--accent)}.roadmap-content .step-icon{width:64px;height:64px;background:#00000008;border-radius:16px;display:flex;align-items:center;justify-content:center;color:var(--brand);margin-bottom:24px}.roadmap-node.active .step-icon{background:var(--accent);color:#fff}.roadmap-content h3{font-size:1.8rem;color:var(--brand);margin-bottom:16px}.roadmap-content p{color:var(--text-muted);font-size:1.05rem;line-height:1.7;margin:0}@media(max-width:992px){.roadmap-track,.roadmap-line{left:40px}.roadmap-node{justify-content:flex-end}.roadmap-node:nth-child(odd){flex-direction:row}.roadmap-visual{display:none}.roadmap-content{width:calc(100% - 100px);padding:32px}.node-point{left:40px}}@media(max-width:600px){.roadmap-track,.roadmap-line{left:30px}.node-point{left:30px;width:48px;height:48px}.roadmap-content{width:calc(100% - 70px);padding:24px}.process-header h1{font-size:2.5rem}}
