.hybrid-cloud-cn{--ink:#edf3f8;--muted:#aabcc8;--accent:#65c4d0;--line:#304654;background:#05080d;color:var(--ink);font-family:Inter,"PingFang SC","Microsoft YaHei",sans-serif}
.hybrid-cloud-cn *{box-sizing:border-box}
.hybrid-cloud-cn h1,.hybrid-cloud-cn h2,.hybrid-cloud-cn h3{color:var(--ink);margin:0;letter-spacing:-.035em}
.hybrid-cloud-cn h2{font-size:clamp(34px,4.1vw,64px);font-weight:600;line-height:1.15}
.hybrid-cloud-cn h3{font-size:25px;line-height:1.4;font-weight:600}
.hybrid-cloud-cn p,.hybrid-cloud-cn li{font-size:17px;line-height:1.85;color:var(--muted)}
.hybrid-cloud-cn p{margin:0 0 18px}
.hybrid-cloud-cn a{color:var(--accent);text-underline-offset:5px}
.hybrid-cloud-cn a:focus-visible,.hybrid-cloud-cn button:focus-visible,.hybrid-cloud-cn summary:focus-visible{outline:2px solid var(--accent);outline-offset:5px}
.hyc-wrap{width:min(1280px,calc(100% - 80px));margin:0 auto}
.hyc-section{padding:64px 0}
.hyc-tint{background:#0b1924}
.hyc-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px;align-items:start}
.hyc-section-head{margin-bottom:40px}
.hybrid-cloud-cn .hyc-eyebrow{font-size:11px!important;font-weight:600;letter-spacing:.16em;color:var(--accent);margin:0 0 24px!important;line-height:1.6}
.hyc-eyebrow:before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--accent);margin-right:10px;box-shadow:0 0 0 4px #15313b}
.hyc-hero{position:relative;min-height:100svh;display:flex;align-items:flex-end;isolation:isolate;overflow:hidden}
.hyc-hero-image{position:absolute;width:100%;height:100%;inset:0;object-fit:cover;object-position:center;z-index:-2}
.hyc-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,8,13,.95),rgba(5,8,13,.73) 48%,rgba(5,8,13,.23)),linear-gradient(0deg,#05080d,transparent 75%);z-index:-1}
.hyc-hero-inner{padding:150px 0 76px;display:flex;gap:64px;align-items:flex-end;justify-content:space-between}
.hyc-hero-copy{max-width:860px;min-width:0}
.hybrid-cloud-cn h1{font-size:clamp(52px,6.6vw,98px);line-height:1.12;margin:0 0 26px;letter-spacing:-.055em;font-weight:500}
.hybrid-cloud-cn .hyc-lead{font-size:20px;line-height:1.85;max-width:780px}
.hyc-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:32px}
.hybrid-cloud-cn .hyc-button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:14px 22px;background:var(--accent);border:1px solid var(--accent);border-radius:5px;color:#08313b;text-decoration:none;font-size:14px;font-weight:700}
.hybrid-cloud-cn .hyc-button-outline{background:transparent;color:var(--ink);border-color:#78909e}
.hybrid-cloud-cn .hyc-meta{font-size:11px!important;letter-spacing:.12em;margin:22px 0 0!important}
.hybrid-cloud-cn .hyc-hero-note{max-width:250px;border-top:1px solid var(--accent);padding-top:16px;font-size:12px;flex-shrink:0}
.hyc-board{border:1px solid var(--line);padding:24px;background:#07121b}
.hyc-board-bar{display:flex;justify-content:space-between;align-items:center;gap:16px;padding-bottom:20px;border-bottom:1px solid var(--line);font-size:14px;color:var(--muted)}
.hyc-board-bar button{background:transparent;color:var(--accent);border:1px solid #3e7c8c;padding:12px 16px;min-height:44px;cursor:pointer}
.hyc-board-bar button:disabled{cursor:default}
.hyc-flow{display:grid;grid-template-columns:minmax(0,1fr) 60px minmax(0,1fr) 60px minmax(0,1fr);align-items:stretch;padding:44px 0}
.hyc-layer{border:1px solid #426170;background:#0c1e29;padding:28px 22px}
.hybrid-cloud-cn .hyc-layer h3{font-size:23px}
.hybrid-cloud-cn .hyc-layer p{font-size:16px;margin:16px 0 0}
.hyc-connector{align-self:center}
.hyc-connector svg{display:block;width:100%;height:24px;overflow:visible;fill:none;stroke:#488092;stroke-width:1.5}
.hyc-pulse{stroke:#80e5ed;stroke-width:2;stroke-dasharray:10 70;animation:hyc-signal 4.2s linear infinite;animation-play-state:paused}
.hyc-running .hyc-pulse{animation-play-state:running}
.hyc-loop{display:grid;grid-template-columns:140px minmax(0,1fr);gap:24px;padding:24px 0 0;border-top:1px dashed #527484}
.hyc-loop strong{color:var(--accent)}
.hybrid-cloud-cn .hyc-loop p{font-size:16px}
.hybrid-cloud-cn .hyc-caption,.hybrid-cloud-cn .hyc-credit{font-size:12px;line-height:1.75}
.hybrid-cloud-cn .hyc-caption{margin:0}
.hybrid-cloud-cn .hyc-scheme{margin:24px 0 0!important}
.hyc-scheme img{display:block;width:100%;height:auto;object-fit:contain}
.hyc-scheme figcaption{font-size:12px;color:#91a8b7;line-height:1.75;padding-top:12px}
.hyc-services article{display:grid;grid-template-columns:72px minmax(0,1fr);gap:28px;padding:32px 0;border-top:1px solid var(--line)}
.hyc-services article>span{font:14px monospace;color:var(--accent);padding-top:8px}
.hyc-services p{max-width:980px;margin:12px 0 0}
.hyc-scenes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}
.hyc-scenes article{border-top:1px solid #42707e;padding-top:24px}
.hyc-scenes p{margin-top:16px}
.hyc-deliverables{padding:0;margin:0;list-style:none;border:1px solid var(--line);background:#0a1620}
.hyc-deliverables li{padding:20px 24px;border-bottom:1px solid var(--line)}
.hyc-deliverables li:last-child{border-bottom:0}
.hyc-faq{border-bottom:1px solid var(--line);padding:22px 0}
.hyc-faq summary{font-size:20px;cursor:pointer;line-height:1.6;color:var(--ink)}
.hyc-faq p{margin:18px 0 0}
.hyc-contact h2{margin-bottom:24px}
.hyc-contact .hyc-button{justify-self:end;align-self:center}
.hybrid-cloud-cn .hyc-credit{margin-top:32px}
@keyframes hyc-signal{to{stroke-dashoffset:-160}}
@media(max-width:1100px){.hyc-hero-note{display:none}.hyc-split{gap:36px}.hyc-layer{padding:22px 16px}}
@media(max-width:700px){
.hyc-wrap{width:calc(100% - 40px)}.hyc-section{padding:44px 0}.hyc-split{grid-template-columns:1fr;gap:28px}
.hyc-hero{min-height:0}.hyc-hero-inner{padding:145px 0 60px}
.hybrid-cloud-cn h1{font-size:clamp(42px,10vw,56px);line-height:1.14}.hybrid-cloud-cn h2{font-size:34px}
.hybrid-cloud-cn .hyc-lead{font-size:17px}.hyc-section-head{margin-bottom:28px}
.hyc-board{padding:18px 14px}.hyc-board-bar{align-items:flex-start;font-size:12px}
.hyc-board-bar button{font-size:11px;padding:10px;white-space:nowrap}
.hyc-flow{display:flex;flex-direction:column;padding:28px 0}
.hyc-connector{height:40px;width:40px;display:flex;align-items:center}
.hyc-connector svg{transform:rotate(90deg)}
.hyc-loop{grid-template-columns:1fr;gap:12px}
.hyc-services article{grid-template-columns:28px minmax(0,1fr);gap:16px;padding:28px 0}
.hyc-scenes{grid-template-columns:1fr;gap:24px}.hyc-contact .hyc-button{justify-self:start}
.hyc-deliverables li{padding:18px}.hyc-faq summary{font-size:18px}
}
@media(prefers-reduced-motion:reduce){.hyc-pulse{animation:none!important}}

.hybrid-cloud-cn .hyc-summary{margin-top:24px}

.hyc-control{margin:28px 0 0;padding:24px;border:1px solid #427584;background:#102633;text-align:center}
.hyc-control>span{font-size:12px;letter-spacing:.06em;color:var(--accent)}
.hybrid-cloud-cn .hyc-control h3{margin:12px 0;font-size:25px}
.hybrid-cloud-cn .hyc-control p{font-size:16px;margin:0}
.hyc-vertical{width:24px;height:48px;margin:0 auto}
.hyc-vertical svg{display:block;width:24px;height:48px;fill:none;stroke:#65c4d0;stroke-width:1.5}
.hyc-branches{display:grid;grid-template-columns:1fr 1fr;gap:30%;text-align:center}
.hyc-branches span{font-size:12px;color:var(--accent)}
.hyc-branches+.hyc-flow{padding-top:16px}
.hyc-platform{padding:28px;background:#102633;border:1px solid #427584;text-align:center}
.hyc-capabilities{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:24px 0}
.hyc-capabilities span{padding:14px 8px;border:1px solid #345460;font-size:16px}
.hybrid-cloud-cn .hyc-platform p{font-size:14px;margin:0;color:var(--accent)}
.hyc-resource-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-bottom:32px;text-align:center}
.hyc-resource-grid article{min-width:0}
.hybrid-cloud-cn .hyc-resource-grid h3{font-size:23px;margin:12px 0}
.hybrid-cloud-cn .hyc-resource-grid p{font-size:16px;margin:0}
@media(max-width:700px){
.hyc-control{padding:22px 16px}.hybrid-cloud-cn .hyc-control h3{font-size:23px}
.hyc-branches{gap:16px}.hyc-branches+.hyc-flow{padding-top:16px}
.hyc-capabilities{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.hyc-platform{padding:24px 14px}.hyc-resource-grid{grid-template-columns:1fr;gap:0}
.hybrid-cloud-cn h3{font-size:23px}
}
@media(max-width:700px){.hyc-branches .hyc-vertical{display:none}.hyc-branches{padding:18px 0;border-bottom:1px dashed #527484}.hyc-branches span:before{content:"↕ ";color:var(--accent)}}

/* Product-led chapters; scoped to this independent page. */
.hybrid-cloud-cn .hyc-editorial-head{max-width:960px;margin-bottom:40px}
.hybrid-cloud-cn .hyc-editorial-head h2{margin-bottom:26px}
.hybrid-cloud-cn .hyc-product-story p,.hybrid-cloud-cn .hyc-project-support p,.hybrid-cloud-cn .hyc-project-support li{font-size:17px;line-height:1.85;color:#b8cbd2}
.hybrid-cloud-cn .hyc-product-story h3,.hybrid-cloud-cn .hyc-project-support h3{font-size:23px;line-height:1.45;font-weight:600;color:#edf3f8;margin:0 0 14px}
.hybrid-cloud-cn .hyc-editorial-feature{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:52px;align-items:start}
.hybrid-cloud-cn .hyc-editorial-copy article+article{margin-top:32px}
.hybrid-cloud-cn .hyc-editorial-photo{margin:0!important;min-width:0}
.hybrid-cloud-cn .hyc-editorial-photo img{display:block;width:100%;height:auto;max-height:520px;object-fit:contain;background:#09131b}
.hybrid-cloud-cn .hyc-editorial-photo figcaption{font-size:12px;line-height:1.75;color:#91a8b7;padding-top:14px}
.hybrid-cloud-cn .hyc-editorial-follow{margin-top:64px;padding-top:48px;border-top:1px solid #304654}
.hybrid-cloud-cn .hyc-editorial-follow>h2{font-size:clamp(28px,3vw,42px);line-height:1.35;margin-bottom:32px}
.hybrid-cloud-cn .hyc-editorial-context{margin-top:48px;padding:32px;background:#0b1924}
.hybrid-cloud-cn .hyc-editorial-context>h3{margin-bottom:24px}
.hybrid-cloud-cn .hyc-project-support{background:#09141d;border-top:1px solid #304654}
.hybrid-cloud-cn .hyc-project-support h2{font-size:clamp(28px,2.8vw,38px);line-height:1.35;margin-bottom:20px}
.hybrid-cloud-cn .hyc-project-support>div>p{max-width:960px;margin-bottom:28px}
.hybrid-cloud-cn .hyc-support-detail{border-top:1px solid #304654;padding:0}
.hybrid-cloud-cn .hyc-support-detail summary{padding:22px 0;min-height:48px;font-size:18px;line-height:1.6;color:#dcecf2;cursor:pointer}
.hybrid-cloud-cn .hyc-support-detail summary:focus-visible{outline:2px solid #65c4d0;outline-offset:4px}
.hybrid-cloud-cn .hyc-support-detail>ul{padding:0 0 20px 22px;margin:0;list-style:disc;background:transparent;border:0}
.hybrid-cloud-cn .hyc-support-detail>ul li{padding:8px 0;border:0}
.hybrid-cloud-cn .hyc-support-detail article,.hybrid-cloud-cn .hyc-support-detail .hyc-service-row{padding:24px 0}
.hybrid-cloud-cn .hyc-editorial-table{max-width:100%;overflow-x:auto}
.hybrid-cloud-cn .hyc-editorial-table table{border-collapse:collapse;width:100%;table-layout:fixed;font-size:17px;line-height:1.8;margin:0}
.hybrid-cloud-cn .hyc-editorial-table th,.hybrid-cloud-cn .hyc-editorial-table td{padding:22px 24px;text-align:left;vertical-align:top;border:1px solid #304654;overflow-wrap:anywhere;color:#b8cbd2}
.hybrid-cloud-cn .hyc-editorial-table thead th{background:#102631;color:#80d7e1;font-weight:600}
.hybrid-cloud-cn .hyc-editorial-table tbody th{color:#edf3f8;font-weight:600}
.hybrid-cloud-cn .hyc-editorial-table th:first-child{width:24%}
@media(max-width:760px){
.hybrid-cloud-cn .hyc-editorial-feature,.hybrid-cloud-cn .hyc-editorial-compare,.hybrid-cloud-cn .hyc-editorial-steps,.hybrid-cloud-cn .hyc-editorial-layers article{grid-template-columns:1fr;gap:24px}
.hybrid-cloud-cn .hyc-editorial-context{padding:24px 18px}
.hybrid-cloud-cn .hyc-editorial-follow{margin-top:40px;padding-top:32px}
.hybrid-cloud-cn .hyc-editorial-table table{font-size:16px}
.hybrid-cloud-cn .hyc-editorial-table th,.hybrid-cloud-cn .hyc-editorial-table td{padding:16px 10px}
.hybrid-cloud-cn .hyc-product-story h3,.hybrid-cloud-cn .hyc-project-support h3{font-size:21px}
.hybrid-cloud-cn .hyc-editorial-photo img{max-height:420px}
}