/* SUNGHANG original motion layer. Static content remains usable without JS. */
.motion-story{display:grid;grid-template-columns:.85fr 1.25fr;gap:48px;align-items:center}.motion-story-copy .section-lead{margin-top:26px}.network-stage{position:relative;min-width:0;background:#f6f8fd;overflow:hidden;border:1px solid #e4ebf6}.network-stage svg{width:100%;height:auto;display:block}.network-corner{position:absolute;left:24px;bottom:18px;font:9px/1.8 Arial,sans-serif;letter-spacing:1.8px;color:#8b9ab4}.network-legend{font-size:11px;line-height:1.8;color:#8992a3;margin-top:28px;padding-left:18px;position:relative}.network-legend:before{content:'';width:6px;height:6px;background:#1557ff;position:absolute;left:0;top:7px;border-radius:50%}.network-flow{stroke-dasharray:8 10}.network-rotate{transform-origin:400px 250px}.network-pulse{transform-box:fill-box;transform-origin:center}.hero-flow{position:absolute;inset:0;pointer-events:none;width:100%;height:100%;z-index:1;opacity:.75}.hero-orbit{transform-origin:1170px 300px}.hero-flow-path{stroke-dasharray:6 18}.carousel-content{z-index:2}.motion-toggle{position:fixed;left:18px;bottom:18px;z-index:36;min-height:38px;padding:8px 12px;background:#fffffff0;border:1px solid #dce0e6;color:#626a77;font-size:10px;letter-spacing:.02em;box-shadow:0 4px 18px #102b6410;backdrop-filter:blur(8px)}.motion-toggle:disabled{cursor:default}.motion-toggle:hover{border-color:#1557ff;color:#1557ff}#readingProgress{position:fixed;top:0;left:0;height:3px;width:100%;z-index:100;background:linear-gradient(90deg,#1557ff,#51c6ff);transform:scaleX(0);transform-origin:left;pointer-events:none}
.motion-enabled .motion-entry{animation:sh-enter 1s cubic-bezier(.22,.8,.2,1) both}.motion-enabled .hero-summary.motion-entry{animation-delay:.18s}.motion-enabled .motion-reveal{opacity:0;transform:translate3d(0,28px,0);transition:opacity .8s cubic-bezier(.22,.8,.2,1),transform .8s cubic-bezier(.22,.8,.2,1);transition-delay:var(--reveal-delay,0ms)}.motion-enabled .motion-reveal.is-revealed{opacity:1;transform:none}.motion-enabled .business-card{transition:background .25s,transform .35s,border-color .25s}.motion-enabled .business-card:hover{background:white;transform:translateY(-5px)}.motion-enabled .product-feature img{transition:transform 1.1s cubic-bezier(.2,.7,.2,1)}.motion-enabled .product-feature:hover img{transform:scale(1.045)}.motion-enabled .button{transition:transform .25s,background .25s,color .25s,box-shadow .25s}.motion-enabled .button:hover{transform:translateY(-2px);box-shadow:0 8px 18px #1557ff18}.motion-enabled .model-step{position:relative}.motion-enabled .model-step:before{content:'';position:absolute;left:0;top:-1px;width:22%;height:2px;background:#1557ff;opacity:0}.section-dark .model-step:before{background:#7abaff}
.motion-enabled:not(.motion-suspended) .network-stage.motion-active .network-flow{animation:sh-stream 6s linear infinite}.motion-enabled:not(.motion-suspended) .network-stage.motion-active .network-rotate{animation:sh-orbit 36s linear infinite}.motion-enabled:not(.motion-suspended) .network-stage.motion-active .network-pulse{animation:sh-pulse 3.8s ease-out infinite}.network-pulse.p2{animation-delay:.8s!important}.network-pulse.p3{animation-delay:1.6s!important}.network-pulse.p4{animation-delay:2.4s!important}.motion-enabled:not(.motion-suspended) .hero-carousel.motion-active .carousel-slide[aria-hidden="false"] .hero-orbit{animation:sh-orbit 40s linear infinite}.motion-enabled:not(.motion-suspended) .hero-carousel.motion-active .carousel-slide[aria-hidden="false"] .hero-flow-path{animation:sh-stream 8s linear infinite}.motion-enabled:not(.motion-suspended) .model-grid.motion-active .model-step.is-revealed:before{animation:sh-step 5s ease-in-out infinite;animation-delay:var(--reveal-delay,0ms)}
.motion-suspended *{animation-play-state:paused!important}.motion-off .motion-reveal{opacity:1;transform:none;transition:none}.motion-off #readingProgress{display:none}.motion-off .hero-flow{opacity:.35}
@keyframes sh-enter{from{opacity:0;transform:translate3d(0,22px,0)}to{opacity:1;transform:none}}@keyframes sh-stream{to{stroke-dashoffset:-180}}@keyframes sh-orbit{to{transform:rotate(360deg)}}@keyframes sh-pulse{0%{transform:scale(.85);opacity:.7}70%,100%{transform:scale(1.55);opacity:0}}@keyframes sh-step{0%,12%{transform:translateX(0);opacity:0}30%{opacity:1}85%,100%{transform:translateX(330%);opacity:0}}
@media(max-width:767px){.motion-story{grid-template-columns:1fr;gap:30px}.network-stage{margin-inline:-5px}.network-corner{font-size:7px;left:14px;bottom:10px}.motion-toggle{left:12px;bottom:16px;min-height:34px;padding:6px 9px;font-size:9px}.hero-flow{opacity:.45}.motion-enabled .motion-reveal{transform:translate3d(0,18px,0);transition-duration:.6s}.motion-enabled .motion-reveal.is-revealed{transform:none}.motion-enabled:not(.motion-suspended) .network-stage.motion-active .network-rotate{animation-duration:48s}}
@media(prefers-reduced-motion:reduce){.motion-entry,.motion-reveal{opacity:1!important;transform:none!important}*,*:before,*:after{animation:none!important;transition:none!important}#readingProgress{display:none}.hero-flow{display:none}}

.motion-off .carousel-track{transition:none}.carousel-pause:disabled{opacity:.5;cursor:default}

.motion-off{scroll-behavior:auto}.motion-reveal:focus-within{opacity:1!important;transform:none!important}