/* A single process, four useful stages. Content is visible without JavaScript. */
body[data-design=network] #process.process-journey{background:#1c3028;color:#f3f3e9;padding:88px clamp(20px,4vw,64px) 60px;display:block}
.journey-inner{max-width:1152px;margin-inline:auto}
.journey-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:50px}
.journey-heading .eyebrow{color:#bfccb9;font-size:11px;margin:0 0 22px;letter-spacing:.07em}
#process .journey-heading h2{font-size:clamp(38px,4.3vw,60px);letter-spacing:-.052em;line-height:1.06;font-weight:500;margin:0}
.journey-heading h2 em{font-style:normal;color:#dce8ad}
.journey-heading>p{font-size:19px;line-height:1.4;color:#e8ece2;margin:0 0 3px;flex-shrink:0}
.journey-heading>p>span{display:block;color:#b9c8bb;font-size:14px;margin-top:15px}
.journey-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid #657666;border-bottom:1px solid #657666;gap:0}
.journey-tabs a{position:relative;display:flex;align-items:center;gap:15px;text-decoration:none;color:#b9c8bb;padding:22px 20px;transition:color .22s,background .22s;min-width:0}
.journey-tabs a+a{border-left:1px solid #657666}
.journey-tabs a>span{font:11px PlexMono,monospace;color:#aebeac}
.journey-tabs a>strong{font-size:20px;font-weight:500;letter-spacing:-.025em}
.journey-tabs a>i{margin-left:auto;font-size:20px;font-style:normal;opacity:.55;transition:transform .25s}
.journey-tabs a[aria-selected=true]{background:#dce8ad;color:#23372a}
.journey-tabs a[aria-selected=true]>span{color:#506045}
.journey-tabs a[aria-selected=true]>i{opacity:1;transform:rotate(45deg)}
.journey-tabs a:hover:not([aria-selected=true]){background:#ffffff09;color:white}
#process :focus-visible{outline:2px solid #e1edb3;outline-offset:5px}
#process .journey-tabs a:focus-visible{outline-offset:-5px;outline-color:currentColor}
.journey-panel{display:grid;grid-template-columns:1fr 1.13fr;gap:55px;align-items:center;padding-block:38px;min-height:435px;scroll-margin-top:110px}
.journey-panel+.journey-panel{border-top:1px solid #657666}
.process-ready .journey-panel+.journey-panel{border:0}
.journey-panel[hidden]{display:none!important}
.journey-copy{padding:15px 0 15px 20px}
.journey-kicker{font:11px/1.5 PlexMono,monospace;text-transform:uppercase;letter-spacing:.055em;color:#b9c8bb;margin:0 0 23px}
#process .journey-copy h3{font-size:clamp(29px,2.7vw,39px);line-height:1.12;letter-spacing:-.04em;font-weight:500;max-width:15ch;margin:0 0 21px;color:#f5f6ec}
.journey-description{font-size:17px;line-height:1.55;color:#c5d1c7;max-width:39ch;margin:0}
.journey-outcome{display:flex;align-items:flex-start;gap:12px;max-width:36ch;margin-top:29px}
.journey-outcome>svg{width:20px;height:20px;flex:none;stroke:#dce8ad;fill:none;stroke-width:1.5;margin-top:2px}
.journey-outcome>p{font-size:14px;line-height:1.5;color:#e0e8c8;margin:0}
.journey-art{align-self:stretch;min-width:0;margin:0;border:1px solid #54685a;background:#21392f;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;border-radius:3px}
.journey-art-top{display:flex;align-items:center;justify-content:space-between;padding:17px 22px;color:#bbccba;font-size:11px;border-bottom:1px solid #455e4e}
.journey-art-top>svg{width:26px;height:15px;fill:#dce8ad}
.journey-diagram{width:100%;height:auto;display:block;max-height:330px;overflow:visible}
.journey-art figcaption{display:flex;justify-content:space-between;gap:12px;color:#d3dfcc;font-size:12px;padding:15px 22px;border-top:1px solid #455e4e;line-height:1.4}
.journey-art figcaption>span:last-child{font:10px/1.7 PlexMono,monospace;color:#adbfac;white-space:nowrap}
.journey-diagram text{font-family:Albert,sans-serif;fill:#e1e9d8;font-size:22px;font-weight:400}
.journey-wire{fill:none;stroke:#a9be90;stroke-width:1.5;stroke-linejoin:round}
.journey-rule{fill:none;stroke:#637d68;stroke-width:1}
.journey-node>rect,.journey-node>circle{fill:#2b4537;stroke:#799172;stroke-width:1.3}
.journey-label{fill:#c8d6bb!important;font-size:18px!important}
.journey-halo{fill:none;stroke:#587158;stroke-width:1;stroke-dasharray:2 7}
.journey-target{fill:#334e3b;stroke:#b0c48d;stroke-width:1.2}
.journey-dot{fill:#dce8ad}
.journey-crosshair,.journey-arrow{fill:none;stroke:#dce8ad;stroke-width:1.5}
.journey-icon{fill:none;stroke:#d5e2bf;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.journey-core-shadow{fill:#101f19;stroke:#577553}
.journey-core{fill:#dce8ad;stroke:#dce8ad;stroke-width:1}
.journey-mark{fill:#2d4331}
.journey-document{fill:#2b4537;stroke:#7c9274;stroke-width:1.2}
.journey-check circle{fill:#dce8ad}.journey-check path{fill:none;stroke:#2d4331;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.journey-document-text{font-size:23px!important}
.journey-final-check{stroke:#2d4331;fill:none;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.journey-footer{border-top:1px solid #657666;display:flex;align-items:center;justify-content:space-between;gap:30px;padding:30px 0 0}
.journey-footer>p{font-size:18px;line-height:1.4;margin:0;color:#f0f2e6}
.journey-footer>p>span{font-size:14px;display:block;color:#b9c8bb;margin-top:5px}
.journey-cta{display:flex;align-items:center;gap:18px;text-decoration:none;font-size:15px;font-weight:500;flex-shrink:0;color:#1f3425}
.journey-cta>span{background:#e2ecbf;padding:17px 23px;border-radius:999px;transition:background .25s}
.journey-cta>i{border:1px solid #91a47b;background:transparent;color:#e2ecbf;width:53px;height:53px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-size:25px;margin-left:-10px;transition:transform .25s,background .25s,color .25s}
.journey-cta:hover>span{background:#f1f6dc}.journey-cta:hover>i{transform:rotate(45deg);background:#e2ecbf;color:#1f3425}
/* Only an active interaction adds entrance motion; initial content never depends on it. */
.journey-panel.is-arriving .journey-copy{animation:journey-enter .38s cubic-bezier(.2,.7,.3,1)}
.journey-panel.is-arriving .journey-wire{animation:journey-draw .7s cubic-bezier(.25,.6,.3,1)}
.journey-panel.is-arriving .journey-core,.journey-panel.is-arriving .journey-target{animation:journey-core .55s cubic-bezier(.2,.7,.3,1);transform-box:fill-box;transform-origin:center}
.journey-panel.is-arriving .journey-check{animation:journey-enter .4s backwards}
.journey-panel.is-arriving .journey-check-two{animation-delay:.12s}.journey-panel.is-arriving .journey-check-three{animation-delay:.24s}
@keyframes journey-enter{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:none}}
@keyframes journey-draw{from{stroke-dasharray:1;stroke-dashoffset:1}to{stroke-dasharray:1;stroke-dashoffset:0}}
@keyframes journey-core{from{opacity:.4;transform:scale(.85)}to{opacity:1;transform:scale(1)}}
/* Connected marketing capabilities, deliberately more compact than the core demos. */
.growth-offer{display:grid;grid-template-columns:1fr 1.2fr;gap:50px;border-block:1px solid #cdd4c6;padding:40px 0;margin-top:45px}
.growth-heading .eyebrow{font:10px/1.5 PlexMono,monospace;color:#58684d;max-width:40ch;margin:0 0 15px}
.network-services .growth-heading h3{font-size:35px;letter-spacing:-.04em;line-height:1.1;font-weight:500;margin:0 0 14px;color:#293527}
.growth-heading>p:last-child{font-size:16px;line-height:1.5;color:#5d6856;margin:0}
.growth-services details{border-bottom:1px solid #cdd4c6}
.growth-services details:first-child{border-top:1px solid #cdd4c6}
.growth-services summary{display:flex;align-items:center;gap:17px;list-style:none;cursor:pointer;min-height:86px;font-size:21px;letter-spacing:-.025em;color:#293527}
.growth-services summary::-webkit-details-marker{display:none}
.growth-services summary>svg{width:28px;height:28px;flex:none;stroke:#62764f;fill:none;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
.growth-services summary>i{margin-left:auto;font-size:22px;font-style:normal;transition:transform .2s}
.growth-services details[open] summary>i{transform:rotate(45deg)}
.growth-services summary:focus-visible,.service-fit-action a:focus-visible{outline:2px solid #536d40;outline-offset:5px}
.growth-services details>div{padding:0 15px 22px 45px;color:#596650;font-size:15px;line-height:1.55}
.growth-services details p{margin:0 0 14px;max-width:47ch}
.growth-services details ul{margin:0;padding-left:17px;display:grid;gap:5px}
.service-fit{border-top:1px solid #cdd4c6;display:flex;justify-content:space-between;align-items:center;gap:45px;margin:34px 0 8px;padding:36px 0 6px}
.network-services .service-fit h3{font-size:29px;line-height:1.15;letter-spacing:-.035em;font-weight:500;margin:0 0 12px}
.service-fit p{font-size:15px;line-height:1.5;max-width:42ch;margin:0;color:#596650}
.service-fit-action{max-width:330px;flex-shrink:0}
.service-fit-action a{display:flex;align-items:center;justify-content:space-between;gap:17px;border-bottom:1px solid #70845a;min-height:53px;padding:10px 0;color:#293f24;font-size:16px;font-weight:500;text-decoration:none}
.service-fit-action a>svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.4;transition:transform .25s}
.service-fit-action a:hover>svg{transform:translate(3px,-3px)}
.service-fit-action>span{font-size:12px;line-height:1.5;display:block;color:#65725b;margin-top:10px;max-width:38ch}
@media(min-width:1800px){#process .journey-heading h2{font-size:60px}#process .journey-copy h3{font-size:39px}}
@media(max-width:1000px){.journey-heading>p{font-size:17px}.journey-panel{gap:28px}.journey-copy{padding-left:0}.journey-tabs a{padding-inline:15px;gap:10px}.journey-tabs a>strong{font-size:18px}.journey-description{font-size:16px}.journey-art-top{padding:15px}.journey-art figcaption{padding:13px 15px}.journey-footer{gap:20px}.journey-footer>p{font-size:16px}.journey-footer>p>span{max-width:30ch}.growth-offer{gap:30px}.growth-services summary{font-size:19px}}
@media(max-width:760px){body[data-design=network] #process.process-journey{padding:58px 20px 40px}.journey-heading{display:block;margin-bottom:30px}.journey-heading>p{margin-top:22px;font-size:16px;line-height:1.5}.journey-heading>p>br{display:none}.journey-heading>p>br:after{content:' '}.journey-heading>p>span{font-size:13px;margin-top:4px}.journey-heading .eyebrow{margin-bottom:17px}.journey-tabs a{padding:15px 11px;display:block}.journey-tabs a>span{font-size:10px;display:block;margin-bottom:7px}.journey-tabs a>strong{font-size:16px}.journey-tabs a>i{display:none}.journey-panel{grid-template-columns:1fr;gap:26px;padding-block:29px;min-height:0;align-items:start}.process-ready .journey-copy{min-height:241px;box-sizing:border-box}.journey-kicker{margin-bottom:16px}#process .journey-copy h3{font-size:32px;max-width:19ch;margin-bottom:16px}.journey-copy{padding:0}.journey-description{font-size:16px;max-width:47ch}.journey-outcome{margin-top:21px;max-width:40ch}.journey-art{max-width:530px;width:100%;margin-inline:auto}.journey-art-top{padding:12px 16px}.journey-diagram{max-height:300px}.journey-art figcaption{font-size:12px}.journey-footer{display:block;padding-top:25px}.journey-footer>p>span{max-width:none}.journey-cta{margin-top:23px;gap:18px;justify-content:flex-start;font-size:14px}.journey-cta>span{padding:16px 20px}.journey-cta>i{width:49px;height:49px}.growth-offer{grid-template-columns:1fr;gap:26px;padding:30px 0;margin-top:34px}.growth-services summary{min-height:76px;font-size:21px}.growth-services details>div{padding-left:0}.service-fit{display:block;margin-top:27px;padding-top:28px}.service-fit-action{max-width:340px;margin-top:21px}.network-services .service-fit h3{font-size:28px}}
@media(max-width:360px){body[data-design=network] #process.process-journey{padding-inline:16px}.journey-tabs a{padding:14px 8px}.journey-tabs a>strong{font-size:14px}.journey-art figcaption>span:last-child{display:none}.journey-cta{font-size:13px;gap:15px}.journey-cta>span{padding:16px}.journey-cta>i{width:44px;height:44px}.growth-services summary{font-size:18px;gap:12px}}
@media(prefers-reduced-motion:reduce){#process *,#process *::before,.growth-services summary>i,.service-fit-action a>svg{animation:none!important;transition:none!important}}