.journey{padding-top:clamp(2rem,5vw,4rem)}.journey-header{text-align:center;max-width:56rem;margin:0 auto clamp(2.5rem,6vw,5rem)}.journey-badge{border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--bg-elevated);font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-soft);padding:.55rem 1rem;font-size:.72rem;display:inline-flex}.journey-header h2{letter-spacing:-.035em;text-wrap:balance;margin:1.1rem 0;font-size:clamp(2rem,4.3vw,3.65rem);font-weight:600;line-height:1.12}.journey-header h2 span,.journey-copy h3 span{color:var(--forest);background:linear-gradient(transparent 78%, var(--amber) 78%, var(--amber) 94%, transparent 94%)}[data-theme=dark] .journey-header h2 span,[data-theme=dark] .journey-copy h3 span{color:var(--amber);background:0 0}.journey-header>p:last-child{max-width:56ch;color:var(--ink-soft);text-wrap:pretty;margin-inline:auto;font-size:1.08rem;line-height:1.7}.journey-track{position:relative}.journey-steps{margin:0;padding:0;list-style:none;position:relative}.journey-step{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"copy stage";align-items:center;gap:clamp(4rem,9vw,9rem);padding-block:clamp(2rem,4vw,3.5rem);display:grid;position:relative}.journey-step:nth-child(2n){grid-template-areas:"stage copy"}.journey-copy{grid-area:copy;min-width:0}.journey-kicker{font:.72rem var(--font-mono);color:var(--ink-soft);letter-spacing:.12em;text-transform:uppercase;align-items:center;gap:.8rem;display:flex}.journey-number{background:var(--forest);width:42px;height:42px;color:var(--bg-elevated);letter-spacing:0;border-radius:50%;flex:none;place-items:center;font-size:.8rem;display:grid}[data-theme=dark] .journey-number{background:var(--amber);color:var(--amber-ink)}.journey-copy h3{letter-spacing:-.025em;text-wrap:balance;margin-block:1rem;font-size:clamp(1.65rem,2.9vw,2.5rem);font-weight:600;line-height:1.18}.journey-description{max-width:48ch;color:var(--ink-soft);text-wrap:pretty;line-height:1.75}.journey-checklist{gap:.8rem;margin-top:1.5rem;display:grid}.journey-checklist li{align-items:flex-start;gap:.65rem;font-size:.94rem;display:flex}.journey-check{width:18px;height:18px;color:var(--forest);fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;flex:none;margin-top:.15rem}[data-theme=dark] .journey-check{color:var(--ink-soft)}.journey-spine{left:calc(50% - 1px);top:var(--journey-rail-top,0px);height:var(--journey-rail-height,100%);background:var(--border);pointer-events:none;border-radius:2px;width:2px;position:absolute;overflow:hidden}.journey-spine-fill{background:linear-gradient(var(--amber), var(--amber-ink));transform-origin:top;height:100%;display:block;transform:scaleY(1)}.journey-point{background:var(--amber);width:12px;height:12px;box-shadow:0 0 0 7px var(--bg);z-index:1;border-radius:50%;position:absolute;top:calc(50% - 6px);left:calc(50% - 6px)}.journey-enhanced .journey-spine-fill{transform:scaleY(0)}.journey-enhanced .journey-point{background:var(--bg);border:2px solid var(--border-strong)}.journey-enhanced .journey-point.is-lit{background:var(--amber);border-color:var(--amber)}.journey-stage{border:1px solid var(--border);border-radius:calc(var(--radius-lg) + 8px);background:var(--bg-sunken);background:radial-gradient(ellipse at 15% 15%, color-mix(in srgb, var(--amber) 13%, transparent), transparent 65%), linear-gradient(135deg, var(--bg-elevated), var(--bg-sunken));min-width:0;min-height:360px;box-shadow:inset 0 1px 0 var(--border), 0 16px 40px rgba(var(--shadow-color), .04);grid-area:stage;place-items:center;padding:clamp(1.25rem,3vw,2rem);display:grid;position:relative;overflow:hidden}.journey-enhanced .journey-copy,.journey-enhanced .journey-stage{transition:opacity .7s var(--ease-out), transform .7s var(--ease-out)}.journey-enhanced .journey-step:not(.journey-entered) .journey-copy,.journey-enhanced .journey-step:not(.journey-entered) .journey-stage{opacity:0;transform:translateY(24px)}.journey-chat,.journey-design,.journey-print,.journey-delivery{width:100%;max-width:320px}.journey-chat{gap:.8rem;display:grid}.journey-chat-brand{align-items:center;gap:.6rem;margin-bottom:.35rem;font-size:.9rem;font-weight:500;display:flex}.journey-avatar{background:var(--forest);color:#fbf9f2;border-radius:50%;place-items:center;width:30px;height:30px;font-size:.8rem;display:grid}.journey-online{background:var(--ink-soft);border-radius:50%;width:7px;height:7px;margin-left:auto}.journey-bubble{border:1px solid var(--border);border-radius:var(--radius-sm) var(--radius-sm) var(--radius-sm) 3px;background:var(--bg-elevated);justify-self:start;max-width:90%;padding:.85rem 1rem;font-size:.87rem;line-height:1.45}.journey-bubble-out{background:var(--forest);color:#fbf9f2;border-radius:var(--radius-sm) var(--radius-sm) 3px var(--radius-sm);justify-self:end}.journey-attachment{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-elevated);max-width:100%;font:.7rem var(--font-mono);color:var(--ink-soft);justify-self:end;align-items:center;gap:.7rem;padding:.55rem .85rem .55rem .55rem;display:flex}.journey-attachment svg{background:var(--bg-sunken);fill:none;width:48px;height:48px;stroke:var(--ink-soft);stroke-width:2px;border-radius:8px;flex:none}.journey-confirm{border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--bg-elevated);color:var(--ink);justify-content:center;align-items:center;gap:.5rem;margin-top:.9rem;padding:.65rem .9rem;font-size:.82rem;font-weight:500;display:flex}.journey-confirm .journey-check{margin:0}.journey-scene-label{font:.7rem var(--font-mono);color:var(--ink-soft);text-transform:uppercase;letter-spacing:.08em;text-align:center}.journey-model-grid{border:1px solid var(--border);border-radius:var(--radius-sm);background-image:linear-gradient(var(--border) 1px, transparent 1px), linear-gradient(90deg, var(--border) 1px, transparent 1px);background-size:24px 24px;place-items:center;height:190px;margin:1rem auto;display:grid}.journey-wireframe{fill:none;width:200px;max-width:100%;height:175px;stroke:var(--forest);stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round}[data-theme=dark] .journey-wireframe{stroke:var(--amber)}.journey-chips{flex-wrap:wrap;justify-content:center;gap:.5rem;display:flex}.journey-chip{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-pill);font:.65rem var(--font-mono);align-items:center;gap:.4rem;padding:.5rem .7rem;display:inline-flex}.journey-chip-size{grid-template-columns:auto 5ch;display:inline-grid}.journey-size-before,.journey-size-after{grid-area:1/2}.journey-size-before{opacity:0}.journey-color-dot{background:var(--amber);border-radius:50%;width:12px;height:12px;display:inline-block;position:relative}.journey-color-dot:after{content:"";border-radius:inherit;background:var(--forest);opacity:0;position:absolute;inset:0}.journey-printer{fill:none;stroke-linecap:round;stroke-linejoin:round;width:100%;max-width:280px;height:200px;margin:.5rem auto;display:block}.journey-printer-frame{stroke:var(--ink-faint);stroke-width:3px}.journey-print-layers{transform-box:fill-box;transform-origin:bottom;stroke:var(--amber);stroke-width:5px}.journey-print-nozzle{transform-box:view-box;transform-origin:50%;stroke:var(--ink);stroke-width:2px;fill:var(--bg-elevated);transform:translateY(10px)}.journey-print-status{font:.65rem var(--font-mono);color:var(--ink-soft);justify-content:space-between;gap:.5rem;display:flex}.journey-percent{text-align:right;min-width:4ch;display:grid}.journey-percent>span{opacity:0;grid-area:1/1}.journey-percent>.journey-percent-100{opacity:1}.journey-progress{border-radius:var(--radius-pill);background:var(--border);height:5px;margin-top:.65rem;overflow:hidden}.journey-progress>span{border-radius:inherit;background:var(--amber);transform-origin:0;height:100%;display:block}.journey-parcel{max-width:260px;margin:1rem auto;position:relative}.journey-parcel svg{width:100%;height:200px;stroke:var(--ink-soft);stroke-width:1.5px;stroke-linejoin:round;display:block}.journey-box-side{fill:var(--bg-sunken)}.journey-box-front,.journey-box-lid{fill:var(--bg-elevated)}.journey-box-lid{transform-box:fill-box;transform-origin:bottom}.journey-box-tape{fill:var(--amber);stroke:none}.journey-box-label{fill:var(--bg-elevated)}.journey-parcel-label{text-align:center;font:.7rem var(--font-mono);color:var(--ink-soft);display:block}.journey-enhanced .journey-beat-1{animation:journey-arrive-1 8s var(--ease-out) infinite both}.journey-enhanced .journey-beat-2{animation:journey-arrive-2 8s var(--ease-out) infinite both}.journey-enhanced .journey-beat-3{animation:journey-arrive-3 8s var(--ease-out) infinite both}.journey-enhanced .journey-beat-4{animation:journey-arrive-4 8s var(--ease-out) infinite both}.journey-enhanced .journey-wireframe path{stroke-dasharray:800;animation:8s linear infinite both journey-draw}.journey-enhanced .journey-size-before{animation:8s linear infinite both journey-before}.journey-enhanced .journey-size-after{animation:8s linear infinite both journey-after}.journey-enhanced .journey-color-dot:after{animation:8s linear infinite both journey-before}.journey-enhanced .journey-layer-0{animation:8s linear infinite both journey-layer-0}.journey-enhanced .journey-layer-1{animation:8s linear infinite both journey-layer-1}.journey-enhanced .journey-layer-2{animation:8s linear infinite both journey-layer-2}.journey-enhanced .journey-layer-3{animation:8s linear infinite both journey-layer-3}.journey-enhanced .journey-layer-4{animation:8s linear infinite both journey-layer-4}.journey-enhanced .journey-layer-5{animation:8s linear infinite both journey-layer-5}.journey-enhanced .journey-layer-6{animation:8s linear infinite both journey-layer-6}.journey-enhanced .journey-layer-7{animation:8s linear infinite both journey-layer-7}.journey-enhanced .journey-layer-8{animation:8s linear infinite both journey-layer-8}.journey-enhanced .journey-layer-9{animation:8s linear infinite both journey-layer-9}.journey-enhanced .journey-layer-10{animation:8s linear infinite both journey-layer-10}.journey-enhanced .journey-layer-11{animation:8s linear infinite both journey-layer-11}.journey-enhanced .journey-print-nozzle{animation:8s linear infinite both journey-nozzle}.journey-enhanced .journey-progress>span{animation:8s linear infinite both journey-progress}.journey-enhanced .journey-percent-0{animation:8s linear infinite both journey-percent-0}.journey-enhanced .journey-percent-35{animation:8s linear infinite both journey-percent-35}.journey-enhanced .journey-percent-70{animation:8s linear infinite both journey-percent-70}.journey-enhanced .journey-percent-100{animation:8s linear infinite both journey-percent-100}.journey-enhanced .journey-box-lid{animation:journey-close 8s var(--ease-out) infinite both}.journey-enhanced .journey-box-label{animation:journey-arrive-3 8s var(--ease-out) infinite both}.journey-enhanced .journey-stage *,.journey-enhanced .journey-stage :after{animation-play-state:var(--journey-play,paused)}.journey-step.is-active{--journey-play:running}.journey-enhanced[data-process-paused] .journey-step{--journey-play:paused}@keyframes journey-arrive-1{0%,5%,to{opacity:0;transform:translateY(10px)}13%,88%{opacity:1;transform:none}}@keyframes journey-arrive-2{0%,16%,to{opacity:0;transform:translateY(10px)}25%,88%{opacity:1;transform:none}}@keyframes journey-arrive-3{0%,29%,to{opacity:0;transform:translateY(10px)}38%,88%{opacity:1;transform:none}}@keyframes journey-arrive-4{0%,57%,to{opacity:0;transform:translateY(8px)scale(.97)}65%,88%{opacity:1;transform:none}}@keyframes journey-draw{0%,8%,to{stroke-dashoffset:800px}38%,90%{stroke-dashoffset:0}}@keyframes journey-before{0%,40%{opacity:1}48%,92%{opacity:0}to{opacity:1}}@keyframes journey-after{0%,40%,to{opacity:0}48%,92%{opacity:1}}@keyframes journey-layer-0{0%,8%,to{opacity:0;transform:translateY(2px)}10%,90%{opacity:1;transform:none}}@keyframes journey-layer-1{0%,12%,to{opacity:0;transform:translateY(2px)}14%,90%{opacity:1;transform:none}}@keyframes journey-layer-2{0%,16%,to{opacity:0;transform:translateY(2px)}18%,90%{opacity:1;transform:none}}@keyframes journey-layer-3{0%,20%,to{opacity:0;transform:translateY(2px)}22%,90%{opacity:1;transform:none}}@keyframes journey-layer-4{0%,24%,to{opacity:0;transform:translateY(2px)}26%,90%{opacity:1;transform:none}}@keyframes journey-layer-5{0%,28%,to{opacity:0;transform:translateY(2px)}30%,90%{opacity:1;transform:none}}@keyframes journey-layer-6{0%,32%,to{opacity:0;transform:translateY(2px)}34%,90%{opacity:1;transform:none}}@keyframes journey-layer-7{0%,36%,to{opacity:0;transform:translateY(2px)}38%,90%{opacity:1;transform:none}}@keyframes journey-layer-8{0%,40%,to{opacity:0;transform:translateY(2px)}42%,90%{opacity:1;transform:none}}@keyframes journey-layer-9{0%,44%,to{opacity:0;transform:translateY(2px)}46%,90%{opacity:1;transform:none}}@keyframes journey-layer-10{0%,48%,to{opacity:0;transform:translateY(2px)}50%,90%{opacity:1;transform:none}}@keyframes journey-layer-11{0%,52%,to{opacity:0;transform:translateY(2px)}54%,90%{opacity:1;transform:none}}@keyframes journey-progress{0%,8%,to{transform:scaleX(0)}60%,90%{transform:scaleX(1)}}@keyframes journey-nozzle{0%,8%,to{transform:translateY(94px)}15%{transform:translate(-25px,94px)}22%{transform:translate(25px,78px)}29%{transform:translate(-25px,62px)}36%{transform:translate(25px,46px)}43%{transform:translate(-20px,30px)}50%{transform:translate(20px,14px)}60%,90%{transform:translateY(10px)}}@keyframes journey-percent-0{0%,24%,to{opacity:1}25%,99%{opacity:0}}@keyframes journey-percent-35{0%,24%,42%,to{opacity:0}25%,41%{opacity:1}}@keyframes journey-percent-70{0%,41%,60%,to{opacity:0}42%,59%{opacity:1}}@keyframes journey-percent-100{0%,59%,to{opacity:0}60%,92%{opacity:1}}@keyframes journey-close{0%,10%,to{transform:translateY(-18px)scaleY(.65)}32%,90%{transform:none}}@media (max-width:900px){.journey-step,.journey-step:nth-child(2n){grid-template-columns:minmax(0,1fr);grid-template-areas:"copy""stage";gap:1.75rem;padding-block:2rem}.journey-steps{padding-left:2rem}.journey-spine{left:7px}.journey-point{top:47px;left:calc(2px - 2rem)}.journey-stage{min-height:340px}.journey-copy{max-width:48rem}}@media (max-width:420px){.journey-stage{border-radius:var(--radius-lg);min-height:320px;padding:1rem}.journey-header h2{font-size:clamp(1.8rem,8vw,2.4rem)}.journey-chips{gap:.35rem}.journey-chip{padding:.45rem .55rem;font-size:.6rem}}@media (prefers-reduced-motion:reduce){.journey-enhanced .journey-copy,.journey-enhanced .journey-stage{transition:none;opacity:1!important;transform:none!important}.journey-enhanced .journey-stage *,.journey-enhanced .journey-stage :after{animation:none!important}.journey-enhanced .journey-spine-fill{transition:none;transform:scaleY(1)!important}.journey-enhanced .journey-point{background:var(--amber);border-color:var(--amber)}}
