.connection-hero{background:#f0f2f5;min-height:760px;padding:180px 0 65px;overflow:hidden}.connection-hero .shell{display:grid;grid-template-columns:47% 53%;align-items:center;min-height:490px}.connection-copy{position:relative;z-index:2}.connection-copy h1{font-size:52px;line-height:1.35;letter-spacing:-1px;font-weight:600;margin-bottom:28px}.connection-copy>p{font-size:20px;line-height:32px;color:#494b50;max-width:515px}.connection-actions{display:flex;align-items:center;gap:28px;margin-top:36px}.connection-actions button{height:48px;padding:0 30px;border-radius:26px;background:#000;color:#fff;transition:transform .25s,background .25s}.connection-actions button:hover{transform:scale(1.025);background:#333}.connection-actions button:active{transform:scale(.97)}.connection-actions a{font-size:16px;display:flex;align-items:center;gap:10px}.connection-actions a svg{width:17px;height:17px}.connection-foot{font-size:13px!important;color:#71747b!important;margin-top:36px;display:flex;align-items:center;gap:10px}.connection-foot:before{content:'';width:24px;height:1px;background:#9a9da4}.hero-canvas{display:block;width:112%;height:auto;max-width:none;overflow:visible;margin-left:-2%}.motion-svg{stroke:none;font-family:SiteSans,'Microsoft YaHei',sans-serif}.motion-svg text{fill:#202329;stroke:none;font-weight:400}.motion-svg .muted{fill:#797e87}.motion-svg .line{fill:none;stroke:#c5cbd6;stroke-width:1.4}.motion-svg .ink{fill:none;stroke:#282d35;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}.motion-svg .gold-line{fill:none;stroke:#dfb338;stroke-width:2.2;stroke-linecap:round}.motion-svg .hero-label{font-size:18px}.motion-svg .hero-label-small{font-size:13px;fill:#858993}.hero-motion-control{display:flex;justify-content:flex-end;margin-top:-20px;position:relative;z-index:2}.hero-motion-control button{font-size:12px;color:#666;padding:10px 0 10px 16px;display:flex;gap:8px;align-items:center}.hero-motion-control svg{height:13px;width:13px}.product-story{background:#fff;position:relative}.product-stage{min-height:650px;height:calc(100vh - 126px);max-height:900px;display:flex;align-items:center;overflow:hidden}.product-stage>.shell{width:100%;display:grid;grid-template-columns:42% 58%;align-items:center}.product-copy{position:relative;z-index:2}.product-copy>h2{font-size:40px;line-height:56px;margin-bottom:32px;letter-spacing:-.4px}.product-tabs{display:flex;gap:26px;margin-bottom:36px}.product-tabs button{position:relative;padding:9px 0 15px;font-size:18px;color:#8a8d94;transition:color .25s}.product-tabs button:after{content:'';height:2px;position:absolute;bottom:0;left:0;right:0;background:#17191d;transform:scaleX(0);transform-origin:left;transition:transform .3s}.product-tabs button[aria-selected=true]{color:#17191d}.product-tabs button[aria-selected=true]:after{transform:scaleX(1)}.product-texts{display:grid;min-height:166px}.product-text{grid-area:1/1;opacity:0;visibility:hidden;transform:translateY(15px)}.product-text.active{opacity:1;visibility:visible;transform:none}.product-text h3{font-size:30px;line-height:42px;margin-bottom:20px;font-weight:500}.product-text p{font-size:18px;line-height:30px;color:#62666e;max-width:430px}.product-meta{display:flex;align-items:center;gap:25px;margin-top:28px}.product-meta a{font-size:15px;display:flex;align-items:center;gap:10px}.product-meta svg{width:16px;height:16px}.play-story{display:flex;align-items:center;gap:7px;color:#676b73;font-size:13px;padding:10px 0}.play-story svg{width:14px;height:14px}.product-illustration{position:relative}.product-canvas{width:110%;height:auto;display:block;margin-left:-1%;overflow:visible}.product-canvas .scene-layer{opacity:0;visibility:hidden}.product-canvas .scene-layer[data-scene="0"]{opacity:1;visibility:visible}.product-canvas .scene-title{font-size:19px}.product-canvas .scene-small{font-size:14px;fill:#7f858e}.product-canvas .scene-tiny{font-size:12px;fill:#878d96}.product-caption{text-align:center;font-size:12px;color:#90949b;margin-top:-26px}.story-progress{position:absolute;bottom:36px;left:0;right:0;display:flex;justify-content:center;align-items:center;gap:12px;font-size:12px;color:#9498a0}.story-progress .track{height:1px;width:90px;background:#dfe2e7;overflow:hidden}.story-progress .fill{height:100%;width:25%;background:#787e89;transition:width .4s}.motion-fallback{display:none}.motion-svg:focus{outline:none}
@media(min-width:1441px){.connection-hero .shell,.product-stage>.shell{max-width:1280px}}
@media(min-width:721px) and (max-width:1200px){.connection-copy h1{font-size:42px}.connection-copy>p{font-size:18px;line-height:30px}.connection-hero .shell{grid-template-columns:46% 54%}.connection-hero{min-height:700px;padding-top:170px}.connection-actions{gap:20px}.product-copy>h2{font-size:34px;line-height:48px}.product-text h3{font-size:26px}.product-tabs{gap:22px}.product-stage>.shell{grid-template-columns:45% 55%}.product-caption{margin-top:0}}
@media(max-width:900px){.product-stage{height:auto;max-height:none;min-height:650px;padding:70px 0 60px}.story-progress{bottom:20px}.product-copy>h2{font-size:30px;line-height:44px}.product-texts{min-height:190px}.product-tabs{gap:19px}}
@media(max-width:720px){.connection-hero{min-height:0;padding:143px 0 24px}.connection-hero .shell{display:flex;flex-direction:column;align-items:stretch;min-height:0}.connection-copy h1{font-size:34px;line-height:46px;letter-spacing:-.5px;margin-bottom:20px}.connection-copy>p{font-size:16px;line-height:27px;max-width:none}.connection-actions{margin-top:26px;gap:23px}.connection-actions button{height:42px;padding:0 23px;font-size:14px}.connection-actions a{font-size:14px}.connection-foot{font-size:11px!important;margin-top:24px}.hero-canvas{width:118%;margin:-4px 0 0 -9%}.hero-motion-control{margin-top:-18px}.hero-motion-control button{font-size:11px}.product-stage{padding:55px 0 52px;min-height:0}.product-stage>.shell{display:flex;flex-direction:column;align-items:stretch}.product-copy>h2{font-size:28px;line-height:40px;margin-bottom:23px}.product-tabs{gap:28px;margin-bottom:26px}.product-tabs button{font-size:17px;padding-bottom:12px}.product-texts{min-height:144px}.product-text h3{font-size:24px;line-height:34px;margin-bottom:14px}.product-text p{font-size:16px;line-height:27px;max-width:none}.product-meta{margin-top:16px;justify-content:space-between;gap:10px}.product-meta a{font-size:14px}.play-story{font-size:12px}.product-canvas{width:117%;margin:0 0 0 -8.5%}.product-caption{margin-top:-20px;font-size:10px}.story-progress{bottom:20px;font-size:10px}.product-illustration{margin-top:10px}.hero-label-small{display:none}}
@media(prefers-reduced-motion:reduce){.connection-actions button,.product-tabs button:after,.story-progress .fill{transition:none}}
/* Opacity-only route entry keeps the fixed scroll scene in viewport coordinates. */
main{animation:route-fade .35s both}@keyframes route-fade{from{opacity:0}to{opacity:1}}
.hero-motion-control button[hidden]{display:none}
.product-tabs button{color:#6c7179}.product-caption,.story-progress,.motion-svg .muted,.motion-svg .hero-label-small{color:#6d737d;fill:#6d737d}.product-canvas .scene-small,.product-canvas .scene-tiny{fill:#6c727b}