.hero-next.hero-cinematic{background:#091816;min-height:calc(100svh - 80px)}
.hero-cinematic .hero-in{min-height:660px;padding:72px 0 62px;align-items:center}
.hero-cinematic .hero-editorial{width:57%;max-width:760px;position:relative;z-index:3}
.hero-next.hero-cinematic h1{font-size:clamp(58px,5.5vw,88px);line-height:1.08;letter-spacing:-.06em}
.hero-cinematic .hero-copy{max-width:560px;font-size:16px;line-height:1.8}
.hero-cinematic .fluid-intelligence{position:absolute;inset:12px 0 100px auto;width:46%;height:auto;opacity:1;z-index:1;overflow:hidden;pointer-events:none;background:radial-gradient(ellipse at 50% 40%,#285c4923,transparent 65%)}
.fluid-intelligence:after{display:none!important}.intelligence-canvas{display:block;width:100%;height:100%}.intelligence-caption{position:absolute;top:24px;left:12%;right:12%;font:9px 'IBM Plex Mono',monospace;letter-spacing:.12em;color:#86b4a5;display:flex;align-items:center;gap:9px}.intelligence-caption>span:last-child{margin-left:auto;color:#65897f}.signal-dot{height:4px;width:4px;background:#b9eed9;border-radius:50%;box-shadow:0 0 9px #94efc9}.intelligence-labels{position:absolute;bottom:18px;left:12%;right:12%;display:flex;justify-content:space-between;gap:10px;font:9px 'IBM Plex Mono',monospace;letter-spacing:.09em;color:#9dc3b3;border-top:1px solid #6f9b8138;padding-top:15px}
body:has(.hero-cinematic) header .navright>.btn:not(.is-revealed){visibility:hidden!important;opacity:0!important;pointer-events:none!important}
body:has(.hero-cinematic) header .navright>.btn.is-revealed{visibility:visible!important;opacity:1!important;pointer-events:auto!important}
header .navright>.btn{transition:opacity .25s ease,background .2s ease}
.workflow-icon{width:156px!important;height:132px!important;border:1px solid #315b5540!important;border-radius:9px!important;background:radial-gradient(ellipse at 45% 30%,#24483e,#0b211e)!important;box-shadow:inset 0 1px 0 #d4f7e718,0 9px 22px #183e3110;overflow:hidden;margin-bottom:26px!important;position:relative}
.workflow-icon canvas{display:block;width:100%;height:100%}.workflow-icon:after{content:'';position:absolute;inset:9px;border:1px solid #b4e8d50c;border-radius:4px;pointer-events:none}
@media(min-width:1600px){.hero-cinematic .hero-in{min-height:740px}.hero-next.hero-cinematic h1{font-size:92px}}
@media(max-width:1050px){.hero-cinematic .hero-editorial{width:60%}.hero-next.hero-cinematic h1{font-size:clamp(48px,6vw,66px)}.hero-cinematic .fluid-intelligence{width:44%}.hero-cinematic .hero-copy{font-size:14px}}
@media(max-width:800px){.hero-next.hero-cinematic{min-height:0}.hero-cinematic .hero-in{display:block;padding:42px 0 12px;min-height:0}.hero-cinematic .hero-editorial{width:100%;max-width:none;padding:0;margin:0}.hero-next.hero-cinematic h1{font-size:clamp(41px,8.6vw,66px);white-space:normal}.hero-cinematic .hero-copy{max-width:560px}.hero-cinematic .fluid-intelligence{position:relative;inset:auto;width:100%;height:360px;order:1;margin:0 auto}.hero-cinematic .platform-strip{order:2}.intelligence-caption{top:12px}.intelligence-labels{bottom:10px;left:17%;right:17%;font-size:8px}.hero-social-proof{margin-bottom:16px}body:has(.hero-cinematic) header .navright>.btn.is-revealed{display:inline-flex!important;font-size:9px;padding:10px 9px;gap:6px;min-height:38px}.navright>.btn.is-revealed .arrow{display:none}.workflow-icon{width:140px!important;height:120px!important}}
@media(prefers-reduced-motion:reduce){header .navright>.btn{transition:none}}

/* Workflow demonstrations: explicit controls, timed steps, and gentle transitions. */
.workflow-playback{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:10px 0 16px;font:11px 'IBM Plex Mono',monospace;color:#50695f}.workflow-playback>div{display:flex;align-items:center;gap:14px}.workflow-pause{cursor:pointer;border:1px solid #adc6ba;border-radius:6px;background:transparent;padding:8px 12px;color:#254d40;font:inherit;min-width:80px}
.workflow-tabs{gap:12px!important;border:0!important;flex-wrap:wrap}.workflow-tabs button{position:relative;overflow:hidden;cursor:pointer;padding:17px 23px!important;margin:0!important;border:1px solid #b0c8bc!important;border-radius:8px;background:#f4f8f5!important;color:#365e4e!important;transition:background .2s,box-shadow .2s,transform .2s;font-size:12px!important}.workflow-tabs button:hover{transform:translateY(-2px);box-shadow:0 5px 15px #264e3c16}.workflow-tabs button[aria-selected=true]{background:#153b32!important;color:#ddf8eb!important;border-color:#153b32!important;box-shadow:0 5px 15px #264e3c20}.workflow-tabs button:focus-visible,.workflow-pause:focus-visible{outline:2px solid #2c8975;outline-offset:4px}.workflow-timer{position:absolute;bottom:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#8feac5,#8abfef);transform:scaleX(var(--workflow-progress,0));transform-origin:left;transition:transform .1s linear}
.workflow-panel-inner{animation:workflow-enter .5s ease both}.workflow-step .workflow-icon{transition:box-shadow .6s,border-color .6s,transform .6s}.workflow-step.is-current .workflow-icon{border-color:#65c6aa!important;box-shadow:0 0 0 3px #6abda71c,0 12px 28px #225c4426;transform:translateY(-4px)}.workflow-running .workflow-step.is-current canvas{animation:workflow-signal 2s ease-in-out infinite}.workflow-step.is-current small{color:#18745b;font-weight:700}.workflow-step.is-current:after{color:#239878}
@keyframes workflow-enter{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes workflow-signal{0%,100%{filter:brightness(1)}50%{filter:brightness(1.65)}}
@media(max-width:600px){.workflow-tabs{gap:8px!important}.workflow-tabs button{padding:14px 12px!important;font-size:10px!important}.workflow-playback{align-items:start;font-size:9px}.workflow-playback>span{max-width:140px;line-height:1.7}.workflow-playback>div{gap:8px}.workflow-pause{padding:7px 9px;min-width:65px}}
@media(prefers-reduced-motion:reduce){.workflow-panel-inner,.workflow-running .workflow-step.is-current canvas{animation:none}.workflow-tabs button,.workflow-timer,.workflow-step .workflow-icon{transition:none}.workflow-step.is-current .workflow-icon{transform:none}}
/* Microsoft ecosystem: luminous ASCII nodes, live routes, explicit outcomes. */
.enterprise-network .intelligence-caption{left:6%;right:6%;font-size:8px;letter-spacing:.07em}.network-outcome{position:absolute;bottom:15px;left:6%;right:6%;padding:17px 0 0;border-top:1px solid #6f9b8138;display:flex;flex-direction:column;gap:8px}.network-stage{font:8px 'IBM Plex Mono',monospace;letter-spacing:.13em;color:#7cbfa7}.network-outcome strong{font-family:'Tektur',sans-serif;font-size:clamp(15px,1.4vw,21px);font-weight:400;color:#d1f4e6;line-height:1.3}.network-detail{font:9px 'IBM Plex Mono',monospace;color:#89ada0;line-height:1.6}.network-progress{height:2px;margin-top:7px;background:#26463b}.network-progress i{display:block;height:100%;background:linear-gradient(90deg,#72c6a5,#91bfee);transform-origin:left;transform:scaleX(0)}
@media(max-width:800px){.hero-cinematic .enterprise-network{height:460px;margin-top:12px}.enterprise-network .intelligence-caption{top:10px}.network-outcome strong{font-size:17px}.network-detail{font-size:8px}.network-outcome{bottom:8px}}
.network-outcome{gap:9px;padding-top:18px;padding-bottom:9px}.network-stage,.network-progress{display:none}
.unified-proof .company-proof-inner{display:grid;grid-template-columns:minmax(350px,1.3fr) minmax(250px,1fr) auto;align-items:center;gap:40px}.unified-proof{padding:30px 0}.unified-proof .company-proof-label{margin-bottom:13px}.unified-proof .company-proof-logos{min-height:48px;gap:28px}.unified-proof .ownership-item strong{font-size:15px;color:#19392e}.unified-proof .ownership-icon{color:#267a5c;border-color:#7ba594}.proof-ownership{padding-left:35px;border-left:1px solid #cedbd3}.proof-certificate{display:block;margin:9px 0 0 37px;font-size:12px;color:#326e59;text-decoration:none}.proof-certificate:hover{text-decoration:underline}.proof-certificate:focus-visible{outline:2px solid #326e59;outline-offset:5px}.proof-local{white-space:nowrap}
@media(max-width:1100px){.unified-proof .company-proof-inner{grid-template-columns:1.25fr 1fr;gap:24px}.proof-local{grid-column:2}.proof-ownership{padding-left:24px}.unified-proof .company-proof-group{grid-row:span 2}.proof-local{padding-left:24px}}
@media(max-width:650px){.unified-proof .company-proof-inner{grid-template-columns:1fr;gap:22px}.unified-proof .company-proof-group{grid-row:auto}.proof-ownership{padding:20px 0 0;border-left:0;border-top:1px solid #cedbd3}.proof-local{grid-column:auto;padding-left:0}.unified-proof .company-proof-logos{gap:22px;justify-content:flex-start}.unified-proof .ownership-item strong{font-size:14px}}
/* Clean presentation: ownership first, partners last, unboxed workflow art. */
.unified-proof .company-proof-inner{grid-template-columns:1fr .8fr 1.4fr;gap:35px}.unified-proof{padding:23px 0}.proof-ownership{border:0;padding:0}.proof-certificate{margin-top:3px}.proof-local{padding:0;grid-column:auto}.unified-proof .company-proof-group{grid-row:auto;justify-self:end}.unified-proof .company-proof-label{margin-bottom:9px}.unified-proof .ownership-item strong{line-height:1.35}
.customer-gallery-section .relationships-title{font-family:'Tektur',sans-serif;font-weight:400}.customer-logo-quote{text-align:right}.customer-logo-quote blockquote{color:#238765}.customer-logo-quote figcaption{color:#357b61}
.workflow-section .workflow-icon,.workflow-section .workflow-step.is-current .workflow-icon{background:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;transform:none!important;overflow:visible}.workflow-section .workflow-icon:after{display:none}.workflow-step:not(:last-child):after{top:66px;transform:translateY(-50%);font-size:39px;font-weight:800;line-height:1;color:#37775e}.workflow-step.is-current:after{color:#198366}.workflow-running .workflow-step.is-current canvas{animation:workflow-clean-signal 2s ease-in-out infinite}@keyframes workflow-clean-signal{0%,100%{opacity:.7}50%{opacity:1}}
@media(max-width:1100px){.unified-proof .company-proof-inner{grid-template-columns:1fr .8fr 1.2fr;gap:20px}.unified-proof .company-proof-logos{gap:14px}.unified-proof .company-proof-logos img{max-width:130px}.unified-proof .ownership-item strong{font-size:13px}.proof-certificate{font-size:11px}}
@media(max-width:800px){.workflow-step:not(:last-child):after{top:60px;font-size:34px}}
@media(max-width:650px){.unified-proof .company-proof-inner{grid-template-columns:1fr 1fr;gap:22px 16px}.proof-certificate{margin-left:0;font-size:10px;margin-top:5px}.unified-proof .ownership-item{gap:8px}.unified-proof .company-proof-group{grid-column:1/-1;justify-self:stretch;border-top:1px solid #cedbd3;padding-top:18px}.unified-proof .company-proof-logos{gap:24px}.proof-local{justify-self:end}.unified-proof .company-proof-logos img{max-width:152px}}
@media(prefers-reduced-motion:reduce){.workflow-running .workflow-step.is-current canvas{animation:none}}
.workflow-section .workflow-icon{width:180px!important;height:152px!important}.workflow-step:not(:last-child):after{top:76px}.workflow-section .workflow-icon canvas{image-rendering:auto}.workflow-running .workflow-step.is-current canvas{animation:workflow-ink 2.4s ease-in-out infinite}@keyframes workflow-ink{0%,100%{opacity:.88}50%{opacity:1}}
@media(max-width:800px){.workflow-section .workflow-icon{width:140px!important;height:120px!important}.workflow-step:not(:last-child):after{top:60px}}
@media(prefers-reduced-motion:reduce){.workflow-running .workflow-step.is-current canvas{animation:none}}
/* Each timed workflow begins in grey and fills green, one step at a time. */
.workflow-section .workflow-icon{position:relative}.workflow-section .workflow-icon canvas{filter:grayscale(1);opacity:.65;animation:none!important}.workflow-section .workflow-icon .workflow-green{position:absolute;inset:0;filter:none;opacity:1;clip-path:inset(0 var(--step-reveal,100%) 0 0);transition:clip-path .1s linear}.workflow-step:not(:last-child):after{color:#81928c}.workflow-step.is-complete:after{color:#168060}
@media(prefers-reduced-motion:reduce){.workflow-section .workflow-icon .workflow-green{transition:none}}

/* Desktop: one viewport, with a full-width network beneath the editorial copy. */
@media(min-width:801px){
 .hero-next.hero-cinematic{min-height:calc(100svh - 80px)}
 .hero-cinematic .hero-in{min-height:0;padding:clamp(32px,5vh,64px) 0 clamp(140px,20vh,210px);align-items:center}
 .hero-cinematic .fluid-intelligence{inset:0 0 72px;width:100%;height:auto;background:radial-gradient(ellipse at 78% 45%,#285c4923,transparent 50%);transform:none}
 .enterprise-network .intelligence-caption{top:28px;left:auto;right:4%;font-size:8px}
 .hero-cinematic .platform-strip{background:#091816}
}

/* Stack the artwork directly after the copy; desktop artwork reserves no mobile space. */
@media(max-width:800px){
 .hero-next.hero-cinematic .hero-in{padding-bottom:12px;min-height:0}
 .hero-cinematic .hero-social-proof{margin-bottom:0}
 .hero-cinematic .fluid-intelligence.enterprise-network{inset:auto;width:calc(100% - 16px);height:clamp(320px,100vw,420px);margin:20px auto 8px;padding:0;transform:none}
 .enterprise-network .intelligence-caption{top:10px;left:12px;right:12px}
}

/* Dissolve the network into the hero before the Microsoft platform strip. */
.hero-cinematic .fluid-intelligence.enterprise-network{mask-image:linear-gradient(to bottom,#000 0%,#000 74%,rgba(0,0,0,.55) 86%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 74%,rgba(0,0,0,.55) 86%,transparent 100%)}
.hero-cinematic .platform-strip{background:#091816}