.s04-cn-editorial{--s4c-bg:#03050a;--s4c-panel:#0a1322;--s4c-light:#e9eff7;--s4c-muted:#a3b6ca;--s4c-accent:#69c2cf;--s4c-ink:#09232d;color:var(--s4c-light);background:var(--s4c-bg);font-family:inherit;overflow:hidden}

.s04-cn-editorial *,.s04-cn-editorial *::before,.s04-cn-editorial *::after{box-sizing:border-box}

.s04-cn-editorial h1,.s04-cn-editorial h2,.s04-cn-editorial h3,.s04-cn-editorial p,.s04-cn-editorial figure,.s04-cn-editorial ol{margin:0}

.s4c-wrap{width:100%;max-width:1360px;margin-inline:auto;padding-inline:40px}
.s4c-section,.s4c-cta{padding-block:72px}
.s4c-kicker{color:var(--s4c-accent);font-size:14px;font-weight:700;letter-spacing:.1em;line-height:1.4}

.s4c-hero{position:relative;display:grid;min-height:calc(100svh - var(--f-header-height,72px));align-items:end;isolation:isolate;overflow:hidden}
.s4c-hero__image,.s4c-hero__veil{position:absolute;inset:0;width:100%;height:100%}
.s4c-hero__image{z-index:-2;object-fit:cover;object-position:70% center;animation:s4c-settle 2.4s ease both}
.s4c-hero__veil{z-index:-1;background:linear-gradient(90deg,rgba(3,5,10,.96),rgba(3,5,10,.79) 36%,rgba(3,5,10,.26) 70%,rgba(3,5,10,.08)),linear-gradient(0deg,rgba(3,5,10,.78),transparent 67%)}
.s4c-hero__content{padding-block:100px 72px}
.s4c-hero h1{margin-top:16px;font-size:clamp(58px,7.2vw,92px);font-weight:700;letter-spacing:-.06em;line-height:1}
.s04-cn-editorial .s4c-hero__lead{max-width:660px;margin-top:22px;color:#d0dbe8;font-size:18px;line-height:1.65}
.s4c-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}

.s4c-button{display:inline-flex;min-height:48px;align-items:center;justify-content:center;padding:13px 20px;border:1px solid transparent;border-radius:8px;font-size:16px;font-weight:700;text-decoration:none;transition:background-color .2s ease,border-color .2s ease,color .2s ease}
.s4c-button:focus-visible{outline:2px solid var(--s4c-accent);outline-offset:3px}
.s4c-button--primary{color:var(--s4c-ink);background:var(--s4c-accent)}
.s04-cn-editorial .s4c-button--primary:hover{color:#09232d;background:#a1e2eb}
.s4c-button--secondary{color:var(--s4c-light);border-color:rgba(233,239,247,.5)}
.s04-cn-editorial .s4c-button--secondary:hover{color:var(--s4c-accent);border-color:var(--s4c-accent)}

.s4c-section-heading{max-width:820px}
.s4c-phrase{display:inline-block;white-space:nowrap}
.s4c-section-heading h2,.s4c-collaboration h2,.s4c-cta h2{margin-top:14px;font-size:clamp(36px,3.3vw,42px);font-weight:700;letter-spacing:-.045em;line-height:1.12}
.s04-cn-editorial .s4c-section-lead,.s04-cn-editorial .s4c-cta p:not(.s4c-kicker){margin-top:20px;color:var(--s4c-muted);font-size:18px;line-height:1.7}

.s4c-scope{background:var(--s4c-panel)}
.s4c-scope-list{margin-top:42px;border-top:1px solid rgba(233,239,247,.18)}
.s4c-scope-list article{display:grid;grid-template-columns:22% minmax(0,78%);padding-block:22px;border-bottom:1px solid rgba(233,239,247,.18)}
.s4c-scope-list h3{padding-right:24px;font-size:20px;line-height:1.35}
.s04-cn-editorial .s4c-scope-list p,.s04-cn-editorial .s4c-mode-list p,.s04-cn-editorial .s4c-track p{color:var(--s4c-muted);font-size:18px;line-height:1.7}

.s4c-collaboration{background:var(--s4c-bg)}
.s4c-collab-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:72px;align-items:center}
.s4c-collab-grid figure img{display:block;width:100%;height:auto}
.s4c-collab-grid figcaption{margin-top:12px;color:var(--s4c-muted);font-size:14px;line-height:1.5}
.s04-cn-editorial .s4c-collab-grid>div>.s4c-section-lead{margin-top:20px}
.s4c-mode-list{margin-top:30px;border-top:1px solid rgba(233,239,247,.18)}
.s4c-mode-list article{padding-block:16px;border-bottom:1px solid rgba(233,239,247,.18)}
.s4c-mode-list h3{font-size:20px;line-height:1.35}
.s04-cn-editorial .s4c-mode-list p{margin-top:10px}

.s4c-record{position:relative;isolation:isolate;overflow:hidden;background:var(--s4c-panel)}
.s4c-record::before{position:absolute;inset:0;content:"";background:linear-gradient(90deg,rgba(10,19,34,.98),rgba(10,19,34,.92)),url("../images/about-temp/server-rack-cabling-detail.jpg") center/cover;opacity:.72;z-index:-1}
.s4c-record>.s4c-wrap{position:relative}
.s4c-service-loop{margin-top:42px;padding:22px 24px 28px;border:1px solid rgba(233,239,247,.18);background:linear-gradient(135deg,rgba(105,194,207,.075),transparent 48%)}
.s4c-flow-toolbar{display:flex;align-items:center;justify-content:space-between;gap:24px}
.s4c-flow-toolbar p{color:var(--s4c-accent);font-size:13px;font-weight:700;letter-spacing:.1em}
.s4c-replay{padding:0;border:0;color:var(--s4c-light);background:transparent;font:inherit;font-size:14px;font-weight:700;cursor:pointer}
.s4c-replay:hover,.s4c-replay:focus-visible{color:var(--s4c-accent);text-decoration:underline}
.s4c-replay:focus-visible{outline:2px solid var(--s4c-accent);outline-offset:4px}
.s4c-flow-base{fill:none;stroke:rgba(233,239,247,.2);stroke-width:1.5}
.s4c-flow-draw{fill:none;stroke:var(--s4c-accent);stroke-width:2;stroke-dasharray:100;stroke-dashoffset:0}
.s04-motion-ready [data-s04-flow].is-visible .s4c-flow-draw{animation:s4c-draw-flow 4s linear forwards}
.s04-cn-editorial .s4c-track{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;margin-top:24px;padding:0;list-style:none}
.s4c-track li{position:relative;min-width:0;padding-right:12px}
.s4c-flow-connector{position:absolute;top:12px;right:-34px;width:40px;height:20px;overflow:visible}
.s4c-track span{display:block;color:var(--s4c-accent);font-size:13px;font-weight:700;letter-spacing:.08em}
.s4c-track strong{display:block;margin-top:10px;font-size:18px;line-height:1.4}
.s04-cn-editorial .s4c-track p{margin-top:10px;font-size:16px}
.s4c-ready{display:flex;flex-wrap:wrap;align-items:baseline;gap:12px 22px;margin-top:42px;padding-top:22px;border-top:1px solid rgba(233,239,247,.18)}
.s04-cn-editorial .s4c-ready p{flex:1 1 680px;color:var(--s4c-muted);font-size:18px;line-height:1.7}
.s4c-ready strong{color:var(--s4c-light)}
.s4c-ready a{color:var(--s4c-accent);font-size:16px;font-weight:700;text-decoration:none}
.s4c-ready a:hover{text-decoration:underline}

.s4c-cta{background:var(--s4c-bg)}
.s4c-cta h2{max-width:760px}
.s4c-cta .s4c-button{margin-top:28px}
@keyframes s4c-settle{from{transform:scale(1.025)}
to{transform:scale(1)}
}
@keyframes s4c-draw-flow{to{stroke-dashoffset:0}}

.s04-motion-ready [data-s04-flow] .s4c-flow-draw{stroke-dashoffset:100}
.s04-motion-ready [data-s04-reveal]{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s ease}
.s04-motion-ready [data-s04-reveal].is-visible{opacity:1;transform:translateY(0)}
@media (max-width:800px){.s4c-wrap{padding-inline:20px}
.s4c-section,.s4c-cta{padding-block:48px}
.s4c-hero{min-height:0;align-items:start}
.s4c-hero__content{padding-block:48px 48px}
.s4c-hero__image{animation:none}
.s4c-hero h1{font-size:clamp(48px,13vw,52px)}
.s04-cn-editorial .s4c-hero__lead{font-size:16px}
.s4c-actions{display:flex;flex-wrap:wrap;gap:12px}
.s4c-button{width:auto;padding-inline:16px;font-size:14px}
.s4c-collab-grid{grid-template-columns:1fr;gap:28px}
.s4c-section-heading h2,.s4c-collaboration h2,.s4c-cta h2{font-size:32px}
.s04-cn-editorial .s4c-section-lead,.s04-cn-editorial .s4c-cta p:not(.s4c-kicker),.s04-cn-editorial .s4c-scope-list p,.s04-cn-editorial .s4c-mode-list p,.s04-cn-editorial .s4c-ready p{font-size:16px}
.s4c-scope-list{margin-top:30px}
.s4c-scope-list article{grid-template-columns:1fr;gap:8px;padding-block:18px}
.s4c-scope-list h3{padding-right:0}
.s4c-service-loop{margin-top:30px;padding:18px}
.s04-cn-editorial .s4c-track{display:grid;grid-template-columns:1fr;gap:0;margin-top:18px}
.s4c-track li{display:grid;grid-template-columns:34px minmax(0,1fr);gap:12px;min-height:112px;padding:0 0 40px}
.s4c-track li:last-child{min-height:0;padding-bottom:0}
.s4c-flow-connector{top:auto;right:auto;bottom:12px;left:-28px;width:64px;height:20px;transform:rotate(90deg);transform-origin:center}
.s4c-track strong{font-size:17px}
.s04-cn-editorial .s4c-track p{font-size:14px}
.s4c-ready{margin-top:30px}
}

@media (prefers-reduced-motion:reduce){.s4c-hero__image{animation:none}
.s04-cn-editorial *{transition:none!important}
.s04-motion-ready [data-s04-reveal]{opacity:1;transform:none}
.s4c-flow-draw{stroke-dashoffset:0}
}
.flow-batch-diagram[data-flow-diagram] {
	width: 100%;
	margin: 32px 0 0;
	border-radius: 16px;
	overflow: hidden;
}

.flow-batch-diagram__link {
	display: block;
	border-radius: inherit;
}

.flow-batch-diagram img {
	display: block;
	width: 100%;
	height: auto;
	max-width: 100%;
	border-radius: inherit;
}