/* All six chapters share one connected timeline and remain visible. */
.process>.wrap{width:min(1480px,calc(100% - 64px))}
.process-roadmap{border:1px solid var(--border);border-radius:var(--radius);background:linear-gradient(130deg,#141d15,#0d130e);overflow:hidden}
.process-roadmap [hidden]{display:none!important}
.journey-controls{display:flex;justify-content:flex-end;padding:12px 22px 0}
.journey-replay{display:inline-flex;gap:9px;align-items:center;min-height:44px;padding:9px 12px;border:1px solid transparent;border-radius:8px;background:transparent;color:var(--muted);font-size:.875rem;cursor:pointer}
.journey-replay:hover{color:var(--green-light);background:#22c55e0d;border-color:var(--border)}
.journey-replay svg{width:18px;height:18px}
.journey-map{position:relative;isolation:isolate}
.journey-connection{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:-1;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.journey-track{stroke:#2a4932}
.journey-fill{stroke:var(--green);stroke-dasharray:1;stroke-dashoffset:0}
.process-journey{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:22px 14px;list-style:none;padding:18px 24px 30px;margin:0}
.journey-step{display:flex;flex-direction:column;min-width:0}
.journey-number{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:40px;height:40px;border:1px solid #3b7850;border-radius:50%;background:#102017;color:var(--green-light);font-size:.875rem;font-weight:800;margin:0 auto 20px}
.journey-body{display:flex;flex:1;flex-direction:column;padding:14px 12px 18px;border:1px solid var(--border);border-radius:12px;background:linear-gradient(145deg,#152019,#101811)}
.journey-art{width:100%;max-width:160px;margin:0 auto 16px;background:radial-gradient(ellipse,#1e562b24,transparent 72%)}
.process-sprite{width:100%;aspect-ratio:1;background-repeat:no-repeat;background-size:400% 200%;background-position:100% var(--sprite-row)}
.process-sprite-offer-film{background-image:url('/assets/process/offer-film.png')}
.process-sprite-ads-launch{background-image:url('/assets/process/ads-launch.png')}
.process-sprite-leads-improve{background-image:url('/assets/process/leads-improve.png')}
.journey-copy{flex:1}
.journey-copy h3{font-size:1.1875rem;line-height:1.3;min-height:4em;margin-bottom:15px;letter-spacing:-.025em}
.journey-copy p{font-size:1rem;line-height:1.7;color:var(--muted)}
.journey-caption{border-top:1px solid var(--border);margin-top:20px;padding-top:14px;color:var(--green-light);font-size:.875rem;font-weight:600;line-height:1.5}
.process-roadmap[data-revealed=true] .journey-fill{animation:journey-draw 2.9s ease-in-out both}
.process-roadmap[data-revealed=true] .journey-number{animation:journey-node .6s ease-out var(--reveal-delay) both}
.process-roadmap[data-revealed=true] .journey-body{animation:journey-arrive .65s cubic-bezier(.2,.7,.3,1) var(--reveal-delay) both}
.process-roadmap[data-revealed=true] .process-sprite{animation:journey-frames 1.2s steps(1,end) var(--reveal-delay) 2 both}
@keyframes journey-draw{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}
@keyframes journey-node{from{border-color:#2a4932;color:#708a77;transform:scale(.92)}to{border-color:#3b7850;color:var(--green-light);transform:scale(1)}}
@keyframes journey-arrive{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
@keyframes journey-frames{0%{background-position-x:0}25%{background-position-x:33.333333%}50%{background-position-x:66.666667%}75%,100%{background-position-x:100%}}
@media(min-width:761px) and (max-width:1179px){.process-journey{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 22px}.journey-step:nth-child(4){grid-column:3;grid-row:2}.journey-step:nth-child(5){grid-column:2;grid-row:2}.journey-step:nth-child(6){grid-column:1;grid-row:2}.journey-body{padding:18px}.journey-copy h3{font-size:1.35rem;min-height:2.6em}.journey-art{max-width:150px}}
@media(max-width:760px){.process>.wrap{width:calc(100% - 36px)}.journey-controls{padding:10px 10px 0}.process-journey{grid-template-columns:1fr;gap:24px;padding:16px 16px 24px}.journey-step{display:grid;grid-template-columns:36px minmax(0,1fr);gap:12px;align-items:start}.journey-number{width:36px;height:36px;margin:0}.journey-body{display:grid;grid-template-columns:80px minmax(0,1fr);gap:12px;padding:16px}.journey-art{max-width:100px;margin:0}.journey-copy h3{font-size:1.1875rem;min-height:0;margin-bottom:12px}.journey-copy p{font-size:1rem;line-height:1.65}.journey-caption{grid-column:1/-1;margin-top:2px;padding-top:12px}.journey-connection{stroke-width:2}}
@media(max-width:450px){.journey-body{grid-template-columns:1fr;padding:16px}.journey-art{width:110px;max-width:110px;margin:0 auto 8px}.journey-copy h3{font-size:1.25rem}.journey-caption{margin-top:4px}.process-journey{padding-inline:12px}.journey-step{gap:10px}}
@media(prefers-reduced-motion:reduce){.process-roadmap *, .process-roadmap *::before{animation:none!important}.journey-fill{stroke-dashoffset:0}.journey-controls{display:none}.journey-body{opacity:1;transform:none}}
