.client-path{background:radial-gradient(ellipse at 5% 12%, #fffdf9 0, transparent 50%), var(--cream-deep);padding:90px 0 64px;scroll-margin-top:90px}.client-path-heading{grid-template-columns:1.25fr 1fr;align-items:end;gap:64px;margin-bottom:38px;display:grid}.client-path-heading h2{margin:16px 0 0}.client-path-heading h2>span{color:var(--green)}.client-path-intro>p{max-width:470px;color:var(--ink-soft);margin:0 0 24px;font-size:1.1rem;line-height:1.65}.client-path-facts{flex-wrap:wrap;gap:10px;display:flex}.client-path-facts>span{border:1px solid var(--line);color:var(--ink-soft);background:#fffdf9b8;border-radius:14px;align-items:center;gap:7px;padding:11px 14px;font-size:.875rem;display:flex}.client-path-facts b{color:var(--ink)}.client-path-facts svg{width:18px;height:18px;color:var(--green)}.client-path-hint{color:var(--ink-soft);margin:0 0 16px;font-size:.875rem}.client-path-map{background:#fffdf947;border:1px solid #dacdbc;border-radius:32px;padding:28px 14px 8px;position:relative}.client-path-line{pointer-events:none;position:absolute;inset:0}.client-path-line path{fill:none;stroke-linecap:round;stroke-width:2px}.client-path-track{stroke:#c8b9a7;stroke-dasharray:3 7}.client-path-line .client-path-progress{stroke:var(--accent);stroke-width:3px;transition:stroke-dashoffset .6s cubic-bezier(.22,1,.36,1)}.client-path-stops{grid-template-rows:repeat(2,auto);grid-template-columns:repeat(4,minmax(0,1fr));gap:12px 0;margin:0;padding:0;list-style:none;display:grid;position:relative}.client-path-stops li:nth-child(5){grid-area:2/4}.client-path-stops li:nth-child(6){grid-area:2/3}.client-path-stops li:nth-child(7){grid-area:2/2}.client-path-stops li:nth-child(8){grid-area:2/1}.client-path-stops button{text-align:center;width:100%;height:100%;color:var(--ink);cursor:pointer;font:inherit;background:0 0;border:0;flex-direction:column;align-items:center;padding:22px 18px 26px;display:flex}.client-path-anchor{flex-shrink:0;width:80px;height:80px;display:block;position:relative}.client-path-symbol{background:var(--paper);border:1px solid #d7c7b6;border-radius:25px;place-items:center;width:100%;height:100%;transition:color .28s,background .28s,transform .4s cubic-bezier(.22,1,.36,1),box-shadow .4s;display:grid;position:relative;box-shadow:0 7px #e0d3c4}.client-path-symbol>svg{stroke-width:1.7px;width:30px;height:30px}.client-path-symbol small{background:var(--cream-deep);width:30px;height:30px;color:var(--ink-soft);border:2px solid var(--paper);border-radius:50%;place-items:center;font-size:.875rem;font-weight:750;display:grid;position:absolute;top:-9px;right:-9px}.client-path-stops button>strong{margin-top:22px;font-size:1rem;line-height:1.35}.client-path-summary{max-width:250px;color:var(--ink-soft);margin-top:8px;font-size:1rem;line-height:1.45}.client-path-stops li[data-reached] .client-path-symbol{color:var(--green);background:#edf1e7;border-color:#aabea7}.client-path-stops button[aria-pressed=true] .client-path-symbol{background:var(--accent);color:var(--paper);border-color:var(--accent);transform:translateY(-3px)rotate(-5deg);box-shadow:0 7px #932c2a,0 15px 28px #b8323229}.client-path-stops button[aria-pressed=true]>strong{color:var(--accent-dark)}.client-path-stops button[aria-pressed=true] .client-path-symbol small{color:var(--accent-dark);background:var(--paper)}.client-path-stops button:hover .client-path-symbol{transform:translateY(-5px)rotate(3deg)}.client-path-marker{background:var(--green);color:#fff;opacity:0;border-radius:50%;place-items:center;width:30px;height:30px;transition:opacity .24s,transform .5s cubic-bezier(.22,1,.36,1);display:grid;position:absolute;top:-18px;left:-22px;transform:translate(-5px,12px)rotate(-25deg)scale(.7)}.client-path-marker svg{width:17px;height:17px}.client-path-stops button[aria-pressed=true] .client-path-marker{opacity:1;transform:translate(0)rotate(-15deg)scale(1)}.client-path-detail-shell{border:1px solid var(--line);background:var(--paper);border-radius:28px;margin-top:24px;overflow:hidden;box-shadow:0 16px 40px #40302307}.client-path-detail-top{border-bottom:1px solid var(--line);background:#f6eee2;justify-content:space-between;align-items:center;gap:20px;padding:17px 30px;display:flex}.client-path-detail-top>span{color:var(--accent-dark);align-items:center;gap:9px;font-size:.9375rem;font-weight:700;display:flex}.client-path-detail-top>span svg{width:19px;height:19px}.client-path-controls{gap:8px;display:flex}.client-path-controls button{width:44px;height:44px;color:var(--ink);background:var(--paper);cursor:pointer;border:1px solid #dacdbc;border-radius:50%;place-items:center;transition:background .2s,transform .2s;display:grid}.client-path-controls button svg{width:20px;height:20px}.client-path-controls button:disabled{opacity:.3;cursor:default}.client-path-controls button:not(:disabled):hover{background:var(--cream-deep);transform:translate(2px)}.client-path-detail:not([hidden]){grid-template-columns:1.25fr 1fr;gap:56px;min-height:305px;padding:34px 38px 34px 118px;animation:.4s cubic-bezier(.22,1,.36,1) both path-detail-in;display:grid;position:relative}.client-path-detail[hidden]{display:none}.client-path-detail-number{color:#ecdfce;letter-spacing:-.05em;font-size:5rem;font-weight:800;line-height:1;position:absolute;top:22px;left:26px}.client-path-tag{color:var(--green);font-size:.875rem;font-weight:650}.client-path-story h3{margin:12px 0 14px;font-size:clamp(1.5rem,2.5vw,2rem)}.client-path-story p{color:var(--ink-soft);max-width:640px;margin:0;font-size:1rem;line-height:1.7}.client-path-start{margin-top:20px;font-size:1rem}.client-path-start svg{width:18px;height:18px}.client-path-roles{border-left:1px dashed var(--line);align-content:start;gap:22px;margin:0;padding-left:30px;display:grid}.client-path-roles dt{align-items:center;gap:8px;font-size:.875rem;font-weight:700;display:flex}.client-path-roles dt svg{width:17px;height:17px;color:var(--accent)}.client-path-roles dd{color:var(--ink-soft);margin:7px 0 0;font-size:1rem;line-height:1.55}.client-path-billing{max-width:900px;color:var(--ink-soft);margin:22px 0 0;font-size:.875rem;line-height:1.65}.client-path button:focus-visible{outline:3px solid var(--accent);outline-offset:3px;border-radius:20px}.client-path.is-entered .client-path-symbol{animation:.65s cubic-bezier(.22,1,.36,1) both path-stop-in;animation-delay:calc(var(--stop-index) * 65ms)}@keyframes path-stop-in{0%{opacity:.25;translate:0 14px}to{opacity:1;translate:0}}@keyframes path-detail-in{0%{opacity:.4;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1000px){.client-path-heading{gap:30px}.client-path-stops button{padding-inline:12px}.client-path-detail:not([hidden]){gap:30px;padding-left:90px}.client-path-detail-number{font-size:4rem;left:20px}}@media (max-width:640px){.client-path{padding:58px 0 48px}.client-path-heading{grid-template-columns:1fr;gap:22px;margin-bottom:28px}.client-path-intro>p{font-size:1rem}.client-path-facts>span{gap:5px;padding:10px}.client-path-map{border-radius:24px;padding:18px 8px 0}.client-path-stops{grid-template-rows:none;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 0}.client-path-stops li:nth-child(n){grid-area:auto}.client-path-stops li:nth-child(3){grid-area:2/2}.client-path-stops li:nth-child(4){grid-area:2/1}.client-path-stops li:nth-child(7){grid-area:4/2}.client-path-stops li:nth-child(8){grid-area:4/1}.client-path-stops button{padding:18px 12px 20px}.client-path-anchor{width:62px;height:62px}.client-path-symbol{border-radius:20px}.client-path-symbol>svg{width:25px;height:25px}.client-path-stops button>strong{margin-top:19px;font-size:1rem}.client-path-summary{display:none}.client-path-detail-top{padding:15px 20px}.client-path-detail:not([hidden]){grid-template-columns:1fr;gap:24px;min-height:450px;padding:28px 24px}.client-path-detail-number{display:none}.client-path-roles{border-left:0;border-top:1px dashed var(--line);padding:22px 0 0}}@media (prefers-reduced-motion:reduce){.client-path *,.client-path :before,.client-path :after{transition:none!important;animation:none!important}}