/* Wide video framing, with complete footage preserved inside the stage. */
.communication-h5{background:radial-gradient(ellipse at 15% 60%,#e0e9ff,transparent 50%),radial-gradient(ellipse at 90% 80%,#e9e4ff,transparent 42%),#f7f8fc}
.h5-showcase{max-width:1120px;margin:44px auto 0}
.h5-showcase-cues{list-style:none;display:flex;justify-content:center;flex-wrap:wrap;gap:20px 64px;padding:0 0 26px;margin:0;color:#56627e;font-size:16px;line-height:1.8}
.h5-showcase-cues li{display:flex;align-items:center;gap:10px}
.h5-showcase-cues li::before{content:"";width:6px;height:6px;border-radius:50%;background:#5b70e3}
.h5-showcase-surround{padding:clamp(16px,2.6vw,34px);border-radius:28px;background:linear-gradient(125deg,#a6c9fc,#c3cbff 58%,#d1befa);box-shadow:0 24px 75px #7d8fe624}
.h5-showcase-stage{position:relative;aspect-ratio:16/9;overflow:hidden;border-radius:18px;background:#f6f7fc;isolation:isolate}
.h5-showcase-video,.h5-showcase-poster{display:block;width:100%;height:100%;object-fit:contain;position:absolute;inset:0;background:#f6f7fc}
.h5-showcase-video{z-index:2}
.h5-showcase-placeholder{height:100%;display:flex;align-items:center;justify-content:center;gap:40px;padding:32px;background:radial-gradient(ellipse at 20% 20%,#e4eeff,transparent 60%),linear-gradient(140deg,#ffffff,#f3f1fb)}
.h5-placeholder-mark{display:grid;place-items:center;flex:0 0 116px;aspect-ratio:1;border:1px solid #788fe44a;border-radius:28px;color:#4c66ce;font-family:Manrope,sans-serif;font-size:40px;line-height:1.4;box-shadow:14px 14px 0 #bccafa20}
.zh-first .h5-showcase-placeholder h3{font-size:clamp(22px,2.3vw,30px);line-height:1.6;margin-bottom:14px}
.h5-showcase-placeholder p{font-size:16px;line-height:1.9;color:#596780}
.h5-showcase-caption{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px 26px;padding-top:22px;font-size:14px;line-height:1.8;color:#596580}
.h5-showcase-caption>span{color:#313b54;font-size:16px;font-weight:500}
.h5-video-retry{min-height:44px;padding:10px 18px;border-radius:22px;background:#e3e9fa;color:#3048a9;font-size:16px;line-height:1.6}
.h5-screen-supplement{margin-top:54px}
.zh-first .h5-screen-supplement>h3{font-size:22px;line-height:1.7;margin-bottom:28px}
@media(max-width:600px){.h5-showcase{margin-top:28px}.h5-showcase-cues{gap:12px 22px;font-size:14px;padding-bottom:20px}.h5-showcase-surround{border-radius:20px;padding:14px}.h5-showcase-stage{aspect-ratio:1;border-radius:12px}.h5-showcase-placeholder{flex-direction:column;gap:20px;padding:25px 18px;text-align:center}.h5-placeholder-mark{flex-basis:auto;width:68px;border-radius:16px;font-size:26px;box-shadow:7px 7px 0 #bccafa20}.zh-first .h5-showcase-placeholder h3{font-size:20px;margin-bottom:8px}.h5-showcase-placeholder p{font-size:14px}.h5-showcase-caption{align-items:start;flex-direction:column;gap:7px}}
@media print{.h5-showcase-video,.h5-video-retry{display:none!important}.h5-showcase-poster:not([hidden]){display:block!important}.h5-showcase-surround{box-shadow:none;print-color-adjust:exact}}