/* Service models and the connected-work experience. */
.scene-meaning{max-width:340px;display:flex;flex-direction:column;gap:5px;pointer-events:none}
.scene-meaning strong{font-size:17px;font-weight:500;color:#d9eae2;letter-spacing:.01em}
.scene-meaning>span{font-size:12px;line-height:1.8;color:#9db1a7}
.hero-visual .scene-caption{left:38px;right:18px;bottom:24px;align-items:center;gap:18px}
.hero-visual .scene-caption .motion-toggle{flex-shrink:0}
.hero-visual #architecture{height:calc(100% - 60px);top:3px}
.experience-v2{--flow:#a3eedb;--flow-dim:#38685f;--flow-ink:#e7efeb;background:#090f11;color:var(--flow-ink);padding:108px 0 52px;position:relative;border-top:1px solid #34423d;border-bottom:1px solid #34423d;overflow:hidden}
.experience-v2:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 24% 46%,#35605220,transparent 59%);pointer-events:none}
.experience-v2>.wrap{position:relative}
.experience-v2 .section-heading{margin-bottom:52px;align-items:flex-end}
.experience-v2 .eyebrow{font-size:12px;letter-spacing:.13em;color:#9fb9ad}
.experience-v2 .section-heading h2{font-size:clamp(40px,4.4vw,64px);line-height:1.28;letter-spacing:-.04em}
.experience-v2 .section-heading h2 span{color:var(--flow)}
.experience-heading-note{padding-bottom:7px}
.experience-heading-note .mono{font-size:12px;color:#9db5a8}
.experience-heading-note p{margin-top:20px;font-size:16px;line-height:1.9;color:#a6b6ae}
.experience-shell{border:1px solid #35423c;background:#0e1717;box-shadow:0 22px 90px #0002;border-radius:4px;overflow:hidden}
.experience-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));background:#121c1c;border-bottom:1px solid #35423c}
.experience-tabs button{position:relative;display:flex;align-items:center;gap:16px;padding:24px;background:transparent;color:#b2c1b8;border-right:1px solid #35423c;font-size:15px;min-height:80px;text-align:left}
.experience-tabs button:last-child{border-right:0}
.experience-tabs button>.mono{color:#83a395;font-size:12px}
.experience-tabs .tab-arrow{margin-left:auto;font-size:22px;color:#648f7c;transition:transform .25s}
.experience-tabs button:after{content:"";position:absolute;inset:auto 0 -1px;height:2px;background:var(--flow);transform:scaleX(0);transform-origin:left;transition:transform .35s}
.experience-tabs button:hover{background:#1b2a24;color:#f0f6ef}
.experience-tabs button[aria-selected=true]{background:#1e3029;color:#eaf7ef}
.experience-tabs button[aria-selected=true]:after{transform:scaleX(1)}
.experience-tabs button[aria-selected=true] .tab-arrow{color:var(--flow);transform:rotate(45deg)}
.experience-v2 .lab-panel{padding:0;min-width:0;background:none;--signal:var(--flow)}
.experience-v2 .lab-panel-top{padding:22px 30px;border-bottom:1px solid #2b3d34;margin:0;display:flex;justify-content:space-between;gap:20px;align-items:center}
.experience-v2 .lab-panel-top>.mono{color:#9db8a9;font-size:12px;max-width:none;letter-spacing:.1em}
.experience-v2 .segmented{background:#091310;border:1px solid #3b5245;border-radius:3px;padding:4px;gap:4px}
.experience-v2 .segmented button{color:#a8bfb1;padding:8px 19px;min-height:40px;font-size:14px;background:none;border-radius:2px;white-space:nowrap}
.experience-v2 .segmented button[aria-pressed=true]{background:#a3eedb;color:#12291f;box-shadow:none}
.experience-v2 .experience-body{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(0,1fr)}
.experience-v2 .flow-map{position:relative;min-width:0;min-height:545px;isolation:isolate;border-right:1px solid #2b3d34;overflow:hidden;background:radial-gradient(ellipse at 46% 49%,#2f66573b,transparent 63%)}
.map-grid{position:absolute;inset:0;background-image:radial-gradient(#8cae9545 .8px,transparent .8px);background-size:23px 23px;mask-image:linear-gradient(transparent,#000b 20%,#000b 80%,transparent);pointer-events:none}
.map-axis{position:absolute;left:5%;right:5%;top:25px;display:flex;justify-content:space-between;color:#749083;font-size:10px;letter-spacing:.13em;pointer-events:none}
.flow-links{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}
.route-base{stroke:url(#flow-gradient);stroke-width:1.6;fill:none;vector-effect:non-scaling-stroke;opacity:.8}
.route-glow{fill:none;stroke:var(--signal);stroke-width:8;opacity:.08;filter:url(#flow-glow)}
.route-signal{fill:none;stroke:var(--signal);stroke-width:2.6;stroke-dasharray:7 220;opacity:0;vector-effect:non-scaling-stroke;stroke-linecap:round}
.flow-route.active .route-glow{opacity:.35}
.flow-route.active .route-base{stroke:var(--signal);opacity:1;stroke-width:2}
.experience-v2 [data-running=true] .route-signal{opacity:.95;animation:route-signal 2.8s linear infinite;animation-delay:var(--delay,0s)}
@keyframes route-signal{to{stroke-dashoffset:-227}}
.experience-v2 .workflow-nodes{position:absolute;inset:0;display:block;margin:0}
.experience-v2 .workflow-node{--size:68px;position:absolute;left:var(--x);top:var(--y);width:144px;min-height:0;padding:0;border:0;border-radius:0;background:none;color:#d8e7de;text-align:center;transform:translate(-50%,-34px);transition:left .85s cubic-bezier(.22,.7,.15,1),top .85s cubic-bezier(.22,.7,.15,1),color .25s;z-index:2;outline-offset:8px}
.experience-v2 .workflow-node:after{display:none}
.experience-v2 .workflow-node>span{font-family:var(--font);margin:0;display:block}
.experience-v2 .node-disc{display:flex!important;width:var(--size);height:var(--size);margin:0 auto!important;align-items:center;justify-content:center;border:1px solid #527c67;border-radius:16px;background:linear-gradient(145deg,#253b30,#12221c);color:#adcdbc;box-shadow:0 8px 25px #0004,inset 0 1px 0 #c3ffdd15;position:relative;transition:background .35s,border-color .35s,box-shadow .35s}
.node-disc svg{width:29px;height:29px}
.experience-v2 .workflow-node strong{font-size:15px;line-height:1.7;font-weight:500;margin:15px 0 3px;display:block;color:inherit}
.experience-v2 .workflow-node .node-tag{font-family:var(--mono);font-size:10px;color:#87a491;letter-spacing:.05em;line-height:1.6}
.experience-v2 .workflow-node.is-core{--size:108px;transform:translate(-50%,-54px)}
.experience-v2 .is-core .node-disc{border-radius:50%;background:radial-gradient(circle at 42% 25%,#39694f,#142a1d 72%);border-color:#91bca1;box-shadow:0 0 65px #93eeae18,inset 0 0 20px #a8e7b20c;color:#d3f5de}
.experience-v2 .is-core .node-disc svg{width:41px;height:41px}
.experience-v2 .node-orbit{display:none!important;position:absolute;left:50%;top:-14px;width:136px;height:136px;transform:translateX(-50%);border-radius:50%;border:1px solid #86bea636;pointer-events:none}
.experience-v2 .is-core .node-orbit{display:block!important}
.experience-v2 .node-orbit:after{content:"";position:absolute;inset:7px;border:1px dashed #82bea336;border-radius:50%}
.experience-v2 .workflow-node:hover .node-disc,.experience-v2 .workflow-node.current .node-disc{border-color:var(--signal);color:#e5fff1;background:#274735;box-shadow:0 0 40px #9eeecc24,inset 0 0 22px #9eeecc10}
.experience-v2 .workflow-node.current strong{color:var(--signal)}
.experience-v2 .workflow-node.done .node-disc{border-color:#7cac90;color:#c9edce}
.experience-v2 .workflow-node:focus-visible{outline-color:var(--signal);border-radius:5px}
.map-footer{position:absolute;bottom:22px;left:26px;right:26px;display:flex;justify-content:space-between;gap:20px;font-size:12px;color:#849d8b}
.map-footer>span:first-child{font-family:var(--mono);font-size:10px;color:#b3c7b7;letter-spacing:.07em}
.flow-inspector{padding:40px 34px 28px;display:flex;flex-direction:column;min-width:0;background:linear-gradient(145deg,#192a21a8,#101b16)}
.experience-v2 .flow-inspector .eyebrow{font-size:11px;margin-bottom:18px;letter-spacing:.1em;color:#95b59f}
.experience-v2 .flow-inspector h3{font-size:clamp(23px,2.1vw,31px);line-height:1.65;letter-spacing:-.015em;min-height:100px}
.experience-v2 .workflow-description{min-height:0;margin:0;padding:22px 0 30px}
.experience-v2 .workflow-description p{font-size:15px;line-height:1.9;color:#afc0b3}
.inspector-detail{margin-top:auto;border-top:1px solid #3a5140;padding-top:20px;min-height:115px}
.inspector-detail-top{display:flex;justify-content:space-between;gap:15px;align-items:center}
.inspector-detail-top .mono{font-size:11px;color:#92b99f}
.inspector-detail p{font-size:14px;line-height:1.9;margin-top:12px;color:#d1ded2;min-height:54px}
.workflow-progress{display:flex;gap:6px;margin:19px 0 0}
.workflow-progress i{height:2px;flex:1;background:#3b5440;transition:background .3s,box-shadow .3s}
.workflow-progress i.active{background:var(--signal);box-shadow:0 0 10px #93e9b144}
.experience-v2 .lab-panel-bottom{border:0;margin:0;padding:20px 0 15px;gap:15px;align-items:center;font-size:12px;color:#9bb39f;min-height:66px}
.experience-v2 .lab-panel-bottom>span{max-width:185px}
.experience-v2 .play-button{background:#a3eedb;color:#142c21;gap:18px;padding:10px 15px;border:1px solid #a3eedb;border-radius:3px;font-size:13px;min-height:44px;flex-shrink:0}
.experience-v2 .play-button:hover{background:#d9f9e7}
.experience-v2 .lab-detail{margin:0;padding:13px 0 5px;width:100%;justify-content:space-between;border:0;border-top:1px solid #3a5140;color:#cce1d0;font-size:13px}
.experience-v2 .lab-detail:hover{color:var(--flow)}
.experience-footnote{display:flex;justify-content:space-between;gap:20px;margin-top:24px;color:#8ea295;font-size:12px;line-height:1.8}
.experience-footnote .mono{font-size:10px;letter-spacing:.1em;color:#a0b0a3}
.experience-v2 .is-before{--signal:#dab994}
.experience-v2 .is-before .flow-map{background:radial-gradient(ellipse at 47% 50%,#796a4918,transparent 70%)}
.experience-v2 .is-before .route-base{stroke:#95806a;stroke-dasharray:5 13;opacity:.55}
.experience-v2 .is-before .route-glow{display:none}
.experience-v2 .is-before .node-disc{background:linear-gradient(140deg,#353125,#1c211c);border-color:#776f59;color:#cbbda1;box-shadow:0 8px 25px #0004}
.experience-v2 .is-before .workflow-node.current{background:none}
.experience-v2 .is-before .workflow-node.current .node-disc{border-color:#d7b693;color:#eee2c8;box-shadow:0 0 35px #b3895422}
.experience-v2 .is-before .workflow-node.current .node-tag{color:#c4a783}
.experience-v2 .is-before .segmented button[aria-pressed=true]{background:#d7bf9f;color:#28241e}
.experience-v2 .is-before .play-button{background:#d7bf9f;border-color:#d7bf9f;color:#28241e}
.experience-v2 :focus-visible{outline-color:#a3eedb}
@media(max-width:1100px){
 .scene-meaning{max-width:270px}.scene-meaning strong{font-size:15px}.scene-meaning>span{font-size:12px}.hero-visual .scene-caption{left:35px;right:12px;gap:12px;bottom:24px}.hero-visual .motion-toggle{font-size:11px;padding-inline:10px}
 .experience-tabs button{padding:20px 17px;gap:12px;font-size:14px}.experience-tabs .tab-arrow{display:none}
 .experience-v2 .experience-body{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr)}
 .flow-inspector{padding:30px 25px 25px}.experience-v2 .flow-map{min-height:540px}.experience-v2 .workflow-node{width:120px;--size:60px;transform:translate(-50%,-30px)}.experience-v2 .workflow-node.is-core{--size:94px;transform:translate(-50%,-47px)}.experience-v2 .node-orbit{width:120px;height:120px;top:-13px}.experience-v2 .workflow-node strong{font-size:14px}.map-footer{left:18px;right:18px;flex-wrap:wrap;gap:5px}.experience-v2 .lab-panel-bottom{flex-wrap:wrap}.experience-v2 .lab-panel-bottom>span{max-width:none}.experience-v2 .flow-inspector h3{font-size:25px;min-height:100px}
}
@media(max-width:850px){
 .hero-visual .scene-caption{flex-wrap:wrap;gap:8px}.hero-visual .scene-caption .motion-toggle{margin-left:0}.hero-visual #architecture{height:calc(100% - 105px)}
 .experience-v2 .experience-body{grid-template-columns:1fr}.experience-v2 .flow-map{min-height:460px;border-right:0;border-bottom:1px solid #2b3d34}.flow-inspector{display:grid;grid-template-columns:1fr 1fr;gap:0 34px;padding:32px}.experience-v2 .flow-inspector .eyebrow{grid-column:1/-1}.experience-v2 .flow-inspector h3{font-size:28px;min-height:0;grid-column:1}.experience-v2 .workflow-description{grid-column:1;grid-row:3;padding-bottom:0}.inspector-detail{grid-column:2;grid-row:2/span 2;margin-top:0;padding-top:0;border:0}.workflow-progress{grid-column:2}.experience-v2 .lab-panel-bottom{grid-column:2}.experience-v2 .lab-detail{grid-column:1/-1;margin-top:22px}.experience-v2 .section-heading{align-items:flex-start;gap:25px}.experience-heading-note p{font-size:15px;margin-top:12px}.experience-tabs button{font-size:13px;gap:9px;padding:20px 15px}.experience-tabs button>.mono{font-size:11px}.experience-footnote{flex-wrap:wrap}
}
@media(max-width:760px){
 .hero-visual{height:440px;margin-top:0}.hero-visual #architecture{height:calc(100% - 85px);top:10px}.hero-visual .scene-coordinate{top:20px}.hero-visual .scene-caption{bottom:17px;left:22px;right:22px;flex-wrap:nowrap;align-items:flex-end}.scene-meaning{max-width:calc(100% - 100px)}.scene-meaning strong{font-size:15px;line-height:1.6}.scene-meaning>span{font-size:12px;line-height:1.8}.hero-visual .scene-caption .motion-toggle{margin-left:auto;font-size:11px;padding:8px 10px;gap:8px}
 .experience-v2{padding:66px 0 35px}.experience-v2 .section-heading{margin-bottom:30px}.experience-v2 .section-heading h2{font-size:42px;line-height:1.35}.experience-heading-note>.mono{display:none}.experience-heading-note p{font-size:15px;margin-top:0}.experience-tabs{grid-template-columns:1fr 1fr}.experience-tabs button{min-height:65px;font-size:14px;padding:16px 14px;gap:10px}.experience-tabs button:nth-child(2){border-right:0}.experience-tabs button:nth-child(-n+2){border-bottom:1px solid #35423c}.experience-v2 .lab-panel-top{padding:16px;flex-wrap:wrap;gap:13px}.experience-v2 .lab-panel-top>.mono{font-size:11px}.experience-v2 .segmented{margin-left:auto}.experience-v2 .segmented button{font-size:12px;padding:7px 12px;min-height:38px}.experience-v2 .flow-map{min-height:380px}.map-axis{font-size:9px;left:6%;right:6%;top:21px;letter-spacing:.04em}.experience-v2 .workflow-node{--size:48px;width:82px;transform:translate(-50%,-24px)}.experience-v2 .workflow-node.is-core{--size:78px;width:104px;transform:translate(-50%,-39px)}.experience-v2 .node-disc{border-radius:12px}.node-disc svg{width:23px;height:23px}.experience-v2 .is-core .node-disc svg{width:31px;height:31px}.experience-v2 .node-orbit{width:100px;height:100px;top:-11px}.experience-v2 .workflow-node strong{font-size:13px;margin-top:12px}.experience-v2 .workflow-node .node-tag{display:none}.map-footer{left:18px;right:18px;bottom:17px;justify-content:center;font-size:11px}.map-footer>span:first-child{display:none}.flow-inspector{display:flex;padding:27px 22px 23px;gap:0}.experience-v2 .flow-inspector .eyebrow{font-size:11px;margin-bottom:16px}.experience-v2 .flow-inspector h3{font-size:25px;min-height:0;line-height:1.6}.experience-v2 .workflow-description{padding:18px 0 25px}.experience-v2 .workflow-description p{font-size:15px;line-height:1.9}.inspector-detail{border-top:1px solid #3a5140;padding-top:18px;min-height:120px}.inspector-detail p{font-size:14px;min-height:54px}.workflow-progress{margin-top:15px}.experience-v2 .lab-panel-bottom{flex-wrap:nowrap;font-size:11px;gap:12px;padding-block:17px}.experience-v2 .lab-panel-bottom>span{max-width:165px}.experience-v2 .play-button{font-size:12px;gap:12px;padding:9px 12px}.experience-v2 .lab-detail{margin-top:0;padding-top:18px;font-size:13px}.experience-footnote{gap:8px;margin-top:20px}.experience-footnote>span:last-child{font-size:11px;line-height:1.9}.experience-footnote .mono{font-size:10px}
}
@media(max-width:380px){.hero-visual{height:410px}.scene-meaning strong{font-size:13px}.scene-meaning>span{font-size:11px}.experience-tabs button{font-size:12px;padding:14px 10px;gap:8px}.experience-v2 .lab-panel-top{padding:15px 12px}.experience-v2 .workflow-node{width:74px;--size:43px;transform:translate(-50%,-21.5px)}.experience-v2 .workflow-node.is-core{width:96px;--size:70px;transform:translate(-50%,-35px)}.experience-v2 .node-orbit{width:90px;height:90px;top:-10px}.experience-v2 .workflow-node strong{font-size:12px}.flow-inspector{padding-inline:18px}.experience-v2 .flow-inspector h3{font-size:23px}.experience-v2 .lab-panel-bottom{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){.experience-v2 .route-signal{animation:none!important}.experience-v2 .workflow-node{transition:none}.experience-v2 *{scroll-behavior:auto}}

.experience-v2 .flow-inspector h3{white-space:pre-line}
.experience-v2 .lab-panel.is-before .workflow-node{background:none;border:0}
.experience-v2 .workflow-nodes{bottom:36px}
.experience-v2 .flow-links{height:calc(100% - 36px)}