/* A full-width solution row: readable cards beside flowing fine-line ribbons. */
.solution-motion-section{width:min(1240px,calc(100% - 64px));margin:30px auto 0;padding:42px 38px;background:radial-gradient(ellipse at 83% 48%,#27204a88,transparent 65%),#0c1630;color:#effaff;border:1px solid #234552;border-radius:25px;min-width:0}
.solution-motion-section>.detail-wrap{width:100%;margin:0}
.solution-route-layout{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.9fr);gap:48px;align-items:center}
.solution-route-content{min-width:0}
.solution-motion-section .eyebrow{color:#90b8c8;font-size:10px;line-height:1.7;letter-spacing:.08em}
.solution-motion-section h2{color:#f2fbff;font-size:clamp(27px,2.8vw,37px);line-height:1.22;letter-spacing:-.035em;margin:18px 0 28px;max-width:620px}
.solution-motion-section .solution-route-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.solution-motion-section .solution-route-grid>a{min-width:0;width:100%;display:flex;flex-direction:column;min-height:190px;padding:22px;border-color:#345361;background:#0d2633;overflow-wrap:break-word}
.solution-motion-section .solution-route-grid h3{min-width:0;max-width:100%;white-space:normal;overflow-wrap:anywhere;word-break:normal;hyphens:auto;color:#e3f3f8;font-size:20px;line-height:1.38;margin:19px 0 15px}
.solution-motion-section .solution-route-grid p{min-width:0;max-width:100%;white-space:normal;overflow-wrap:anywhere;line-height:1.75;font-size:12px;margin-top:auto;color:#a1c1d0}
.solution-motion-section .solution-route-grid>a>span{font-size:11px;letter-spacing:.11em}
.solution-motion{margin:0;min-width:0;width:100%;align-self:center;position:relative}
.solution-motion-stage{position:relative;aspect-ratio:7/6;width:100%;max-width:530px;margin:0 auto;isolation:isolate;overflow:hidden;border-radius:16px}
.solution-motion canvas{position:absolute;inset:0;width:100%;height:100%;z-index:2;display:none;pointer-events:none}
.solution-motion[data-renderer="canvas"] canvas{display:block}
.solution-motion[data-renderer="canvas"] .rotation-fallback{display:none}
.solution-motion figcaption{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9px 14px;align-items:center;max-width:430px;margin:2px auto 0;padding:0 14px}
.solution-motion figcaption>span{font-size:16px;line-height:1.5;font-weight:650;letter-spacing:-.015em;color:#d5eaf2}
.solution-motion figcaption>small{grid-column:1/-1;font-size:10px;line-height:1.8;letter-spacing:.06em;color:#7fabbf}
.rotation-toggle{border:1px solid #345361;border-radius:7px;background:#0c2633;color:#b2d0da;padding:7px 10px;font-size:10px;line-height:1.6;cursor:pointer;white-space:nowrap}
.rotation-toggle:hover{border-color:#75ebda;color:#9cfde9}
.rotation-toggle:focus-visible{outline:2px solid #e2fff7;outline-offset:4px}
.motion-glow{position:absolute;inset:18% 0 13%;background:radial-gradient(ellipse at 56% 60%,#a639ff13,transparent 65%);filter:blur(20px);z-index:0;pointer-events:none}
.tech-zh-page .solution-motion-section{width:100%;padding:40px 32px;margin-top:25px}
@media(max-width:1100px){.solution-motion-section{padding:34px 26px}.solution-route-layout{gap:28px;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr)}.solution-motion-section h2{font-size:30px}.solution-motion-section .solution-route-grid>a{padding:19px;min-height:200px}.solution-motion-section .solution-route-grid h3{font-size:18px}.solution-motion figcaption{padding:0 3px}.solution-motion figcaption>span{font-size:14px}}
@media(max-width:820px){.solution-route-layout{grid-template-columns:1fr;gap:24px}.solution-motion-section{padding:34px}.solution-motion{max-width:440px;margin:0 auto}.solution-motion-section .solution-route-grid>a{min-height:175px}.solution-motion-section .solution-route-grid h3{font-size:20px}.solution-motion-stage{aspect-ratio:7/5}.tech-zh-page .solution-motion-section{padding:32px}}
@media(max-width:520px){.solution-motion-section{width:calc(100% - 28px);padding:26px 19px;margin-top:22px;border-radius:20px}.solution-motion-section h2{font-size:28px;margin-top:15px;margin-bottom:24px}.solution-motion-section .solution-route-grid{grid-template-columns:1fr;gap:13px}.solution-motion-section .solution-route-grid>a{padding:20px;min-height:0}.solution-motion-section .solution-route-grid h3{font-size:21px;margin:14px 0 12px;hyphens:none}.solution-motion-section .solution-route-grid p{margin-top:0;font-size:12px}.solution-motion-stage{aspect-ratio:7/6}.solution-motion figcaption{padding:0 6px}.solution-motion figcaption>span{font-size:15px}.tech-zh-page .solution-motion-section{padding:25px 16px}}

.rotation-fallback{position:absolute;inset:0;z-index:1}
.rotation-fallback svg{display:block;width:100%;height:100%}