.enterprise-process { position:relative; isolation:isolate; overflow:hidden; background:#f6f9fb; padding:88px 0; }
.enterprise-process::before { content:""; position:absolute; z-index:-1; inset:0; pointer-events:none; background-image:linear-gradient(#dce6ec66 1px,transparent 1px),linear-gradient(90deg,#dce6ec66 1px,transparent 1px); background-size:36px 36px; mask-image:linear-gradient(90deg,transparent 10%,#000 65%); }
.enterprise-process .section-header { margin-bottom:42px; }
.enterprise-process .section-header p { max-width:680px; }
.enterprise-workspace { display:grid; grid-template-columns:minmax(235px,.42fr) minmax(0,1fr); gap:40px; align-items:start; }
.enterprise-stages { display:grid; gap:12px; padding-top:62px; }
.enterprise-process .enterprise-stage { display:grid; grid-template-columns:32px minmax(0,1fr); gap:13px; align-items:start; padding:21px 22px 21px 18px; background:#ffffffed; border:1px solid #d6e1e8; border-radius:12px; cursor:pointer; color:#153c59; text-align:left; font-family:Inter,Arial,sans-serif; min-width:0; width:100%; box-shadow:none; transition:border-color .2s,background .2s,box-shadow .2s; }
.enterprise-process .enterprise-stage:hover { transform:none; border-color:#829fb2; box-shadow:none; }
.enterprise-process .enterprise-stage[aria-pressed="true"],.enterprise-process .enterprise-stage.is-preview { border-color:#5a96aa; background:#fff; box-shadow:inset 3px 0 #25839b; }
.enterprise-stage .process-step-num { width:30px; height:30px; margin:1px 0 0; background:#edf3f6; color:#446377; font:600 12px/1 Inter,Arial,sans-serif; }
.enterprise-stage[aria-pressed="true"] .process-step-num,.enterprise-stage.is-preview .process-step-num { background:#123f60; color:#fff; }
.enterprise-stage-copy { display:flex; flex-direction:column; gap:7px; }
.enterprise-stage-copy strong { font-size:15px; font-weight:650; line-height:1.5; }
.enterprise-stage-copy>span { color:#5a6e7d; font-size:12px; line-height:1.65; }
.enterprise-stage-arrow { position:absolute; top:12px; right:12px; font:14px/1 Arial,sans-serif; color:#7896a6; opacity:0; }
.enterprise-stage:hover .enterprise-stage-arrow,.enterprise-stage[aria-pressed="true"] .enterprise-stage-arrow { opacity:1; }
.enterprise-landscape { min-width:0; }
.enterprise-map-heading { display:flex; justify-content:space-between; gap:16px; align-items:center; min-height:62px; padding-bottom:16px; }
.enterprise-map-heading h3 { margin:0; font:600 17px/1.4 Inter,Arial,sans-serif; color:#153c59; letter-spacing:-.02em; }
.enterprise-map-heading p { margin:4px 0 0; font-size:12px; color:#5a6e7d; }
.enterprise-motion { display:flex; align-items:center; gap:7px; padding:8px 10px; color:#4a6476; background:#fff; border:1px solid #d6e1e8; border-radius:6px; font:500 11px/1.4 Inter,Arial,sans-serif; cursor:pointer; flex-shrink:0; }
.enterprise-motion[hidden] { display:none; }
.enterprise-motion:disabled { cursor:default; }
.enterprise-motion-icon { display:block; width:8px; height:10px; border-left:2px solid currentColor; border-right:2px solid currentColor; }
.enterprise-motion[aria-pressed="true"] .enterprise-motion-icon { width:0; height:0; border:5px solid transparent; border-left:7px solid currentColor; border-right:0; }
.enterprise-map { position:relative; display:grid; gap:30px; padding:0 0 2px; }
.enterprise-connections { position:absolute; inset:0; width:100%; height:100%; overflow:visible; pointer-events:none; z-index:0; }
.enterprise-connection { fill:none; stroke:#c8d8e2; stroke-width:1.3; }
.enterprise-connection.is-active { stroke:#80aeba; stroke-width:1.6; }
.enterprise-packet { fill:none; stroke:#28849b; stroke-width:2.4; stroke-linecap:round; stroke-dasharray:6 126; opacity:0; }
.enterprise-packet.is-active { opacity:.8; }
.enterprise-workspace.is-moving .enterprise-packet.is-active { animation:enterprise-data-travel 7s linear infinite; }
.enterprise-layer { position:relative; }
.enterprise-layer-label { position:relative; z-index:1; display:table; background:#f6f9fb; padding-right:8px; font:500 10px/1.4 Inter,Arial,sans-serif; letter-spacing:.09em; text-transform:uppercase; color:#61798a; margin:0 0 9px; }
.enterprise-layer--services .enterprise-layer-label { margin:9px 0 0; }
.enterprise-node-row { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }
.enterprise-node { position:relative; z-index:1; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:5px; min-width:0; min-height:70px; padding:12px 8px; border:1px solid #cbdce5; border-radius:9px; background:#fff; color:#24455c; cursor:pointer; font-family:Inter,Arial,sans-serif; transition:background .18s,border-color .18s,box-shadow .18s; }
.enterprise-node strong { font-size:14px; line-height:1.35; font-weight:600; }
.enterprise-node>span { font-size:10px; line-height:1.45; color:#637b8b; }
.enterprise-node--business { background:#edf3f7; border-color:#d4e0e8; }
.enterprise-node--business strong { font-size:13px; }
.enterprise-node.is-related { border-color:#70a4b5; background:#f8fcfd; box-shadow:0 0 0 1px #8db6c31a; }
.enterprise-node[aria-pressed="true"],.enterprise-node.is-preview { border-color:#247e98; background:#edf7fa; box-shadow:0 0 0 2px #247e9826; }
.enterprise-node:hover { border-color:#247e98; }
.enterprise-integration-row { position:relative; display:flex; justify-content:center; }
.enterprise-node--bus { min-height:54px; width:66%; background:#e9f1f6; border-color:#a3bdcd; gap:3px; }
.enterprise-node--bus strong { font-size:13px; letter-spacing:.035em; }
.enterprise-insight { display:grid; grid-template-columns:62px minmax(0,1fr); gap:15px; min-height:116px; margin-top:21px; border-top:1px solid #ccdce5; padding:18px 0 0; }
.enterprise-insight-label { padding-top:3px; color:#32778a; font:500 10px/1.5 Inter,Arial,sans-serif; letter-spacing:.05em; text-transform:uppercase; }
.enterprise-insight h4 { font:600 14px/1.5 Inter,Arial,sans-serif; color:#1e425b; margin:0 0 5px; }
.enterprise-insight p { font-size:12px; line-height:1.7; color:#546c7d; margin:0; }
.enterprise-map-note { margin:12px 0 0; color:#697f8e; font-size:10px; line-height:1.6; }
.enterprise-workspace button:focus-visible { outline:3px solid #29849c; outline-offset:4px; }
@keyframes enterprise-data-travel { to { stroke-dashoffset:-264; } }
@media(max-width:1000px) { .enterprise-workspace { grid-template-columns:minmax(220px,.48fr) minmax(0,1fr); gap:24px; } .enterprise-process .enterprise-stage { padding:18px 18px 18px 14px; gap:10px; } .enterprise-node-row { gap:12px; } .enterprise-node strong { font-size:12px; } .enterprise-node>span { font-size:9px; } .enterprise-node--bus { width:78%; } }
@media(max-width:760px) { .enterprise-process { padding:60px 0; } .enterprise-workspace { display:flex; flex-direction:column; gap:28px; } .enterprise-stages { padding-top:0; width:100%; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; } .enterprise-process .enterprise-stage { grid-template-columns:27px minmax(0,1fr); padding:14px 12px; gap:8px; border-radius:9px; } .enterprise-stage .process-step-num { width:25px; height:25px; font-size:11px; } .enterprise-stage-copy strong { font-size:13px; padding-top:2px; } .enterprise-stage-copy>span { display:none; } .enterprise-stage-arrow { display:none; } .enterprise-landscape { width:100%; } .enterprise-map-heading h3 { font-size:16px; } .enterprise-map { gap:29px; } .enterprise-node strong,.enterprise-node--business strong { font-size:12px; } .enterprise-node>span { font-size:10px; } .enterprise-node { min-height:69px; padding:10px 5px; } .enterprise-node-row { gap:10px; } .enterprise-node--bus { min-height:54px; width:80%; } .enterprise-insight { min-height:125px; grid-template-columns:53px minmax(0,1fr); gap:10px; } .enterprise-map-note { font-size:10px; } }
@media(max-width:360px) { .enterprise-node strong,.enterprise-node--business strong { font-size:11px; } .enterprise-node>span { font-size:9px; } .enterprise-node-row { gap:7px; } .enterprise-map-heading h3 { font-size:14px; } .enterprise-motion { padding:7px; font-size:10px; } .enterprise-stage-copy strong { font-size:11px; } }
@media(prefers-reduced-motion:reduce) { .enterprise-workspace .enterprise-packet { animation:none !important; } .enterprise-workspace button { transition:none; } }