/* About Us / R&D & Manufacturing — code-rendered technology visuals.
   These visuals deliberately replace standalone product photography in the
   technology cards and capability chain so the section reads as a system. */
.rm-tech-visual,.rm-snode-visual{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(circle at 72% 23%,#1a72ba 0,#0a3c70 24%,#061e3f 68%)}
.rm-tech-visual{height:205px;border-bottom:1px solid #b9dcf3;background-image:linear-gradient(90deg,#67ceff13 1px,transparent 1px),linear-gradient(0deg,#67ceff13 1px,transparent 1px),radial-gradient(circle at 72% 23%,#1a72ba 0,#0a3c70 24%,#061e3f 68%);background-size:22px 22px,22px 22px,auto}
.rm-tech-visual:before,.rm-tech-visual:after{content:"";position:absolute;pointer-events:none}
.rm-tech-visual .rtv-label{position:absolute;z-index:3;left:18px;top:17px;color:#bcecff;font-size:10px;font-weight:800;letter-spacing:.12em}
.rm-tech-visual .rtv-glow{position:absolute;z-index:0;width:156px;height:156px;right:20px;bottom:-76px;border:1px solid #5cd4ff66;border-radius:50%;box-shadow:0 0 0 24px #57cfff0c,0 0 30px #45c8ff3d}

/* Battery system design */
.rtv-battery .rtv-pack{position:absolute;z-index:2;left:50%;top:56%;display:grid;grid-template-columns:repeat(4,20px);gap:7px;transform:translate(-50%,-50%) skewY(-7deg);padding:13px;border:1px solid #75d9ff;border-radius:7px;background:#0c4d80c9;box-shadow:0 15px 24px #0007,0 0 19px #48ccff53}
.rtv-battery .rtv-cell{width:20px;height:29px;border-radius:3px;border:1px solid #9aeaff;background:linear-gradient(145deg,#d8f8ff,#469fd1 48%,#0c4b7e);box-shadow:inset 0 0 8px #fff8,0 0 9px #48c9ff50}
.rtv-battery .rtv-cell:nth-child(3n){background:linear-gradient(145deg,#d9fff0,#49b596 48%,#0f5b63)}
.rtv-battery .rtv-line{position:absolute;z-index:1;left:17%;right:18%;top:58%;height:1px;background:#58ceff;box-shadow:0 0 10px #58ceff}
.rtv-battery .rtv-dot{position:absolute;z-index:2;top:calc(58% - 4px);width:8px;height:8px;border-radius:50%;background:#e3fbff;box-shadow:0 0 12px #50d5ff;animation:rdDiagramPulse 2.8s ease-in-out infinite}
.rtv-battery .rtv-dot.one{left:17%}.rtv-battery .rtv-dot.two{right:18%;animation-delay:1.35s}

/* BMS development */
.rtv-bms .rtv-board{position:absolute;z-index:2;width:152px;height:102px;left:50%;top:56%;transform:translate(-50%,-50%) perspective(220px) rotateX(9deg) rotateZ(-3deg);border:1px solid #6cddff;border-radius:9px;background:linear-gradient(135deg,#0f617d,#0a345a);box-shadow:0 16px 28px #0009,0 0 20px #44cdfc55}
.rtv-bms .rtv-chip{position:absolute;left:50%;top:50%;width:39px;height:39px;transform:translate(-50%,-50%);border:1px solid #b6f0ff;border-radius:5px;background:linear-gradient(135deg,#15345e,#091a36);box-shadow:0 0 17px #53d1ff}
.rtv-bms .rtv-pin{position:absolute;width:26px;height:1px;background:#62d7ff;box-shadow:0 0 7px #62d7ff}.rtv-bms .rtv-pin.p1{left:14px;top:30px}.rtv-bms .rtv-pin.p2{right:14px;top:30px}.rtv-bms .rtv-pin.p3{left:14px;bottom:25px}.rtv-bms .rtv-pin.p4{right:14px;bottom:25px}
.rtv-bms .rtv-sensor{position:absolute;width:10px;height:10px;border-radius:50%;border:1px solid #d9fbff;background:#1998d4;box-shadow:0 0 12px #53d6ff}.rtv-bms .s1{left:28px;top:24px}.rtv-bms .s2{right:28px;bottom:23px}.rtv-bms .s3{right:25px;top:46px}

/* EMS energy management */
.rtv-ems .rtv-screen{position:absolute;z-index:2;left:50%;top:55%;width:174px;height:111px;transform:translate(-50%,-50%);border:1px solid #77dcff;border-radius:8px;background:linear-gradient(145deg,#062242,#0d4c78);box-shadow:0 15px 28px #0009,0 0 21px #43c8ff55}
.rtv-ems .rtv-screen:before{content:"";position:absolute;left:15px;right:15px;bottom:19px;height:34px;border-left:1px solid #55d6ff66;border-bottom:1px solid #55d6ff66;background:linear-gradient(135deg,transparent 0 25%,#6be0ff 26% 29%,transparent 30% 44%,#72df98 45% 48%,transparent 49% 63%,#6be0ff 64% 67%,transparent 68%)}
.rtv-ems .rtv-screen:after{content:"";position:absolute;left:15px;top:16px;width:78px;height:8px;border-radius:4px;background:#65d8ff;box-shadow:0 15px 0 #248cd2,96px 0 0 #75dc97,96px 15px 0 #258ad1}
.rtv-ems .rtv-orbit{position:absolute;z-index:1;left:50%;top:55%;width:224px;height:126px;transform:translate(-50%,-50%);border:1px dashed #5ad4ff66;border-radius:50%}.rtv-ems .rtv-orbit:before,.rtv-ems .rtv-orbit:after{content:"";position:absolute;width:9px;height:9px;border-radius:50%;background:#dffbff;box-shadow:0 0 13px #5bd8ff}.rtv-ems .rtv-orbit:before{left:5px;top:48px}.rtv-ems .rtv-orbit:after{right:5px;top:48px;background:#c9ffd9;box-shadow:0 0 13px #73dd93}

/* System integration */
.rtv-integration .rtv-module{position:absolute;z-index:2;display:grid;place-items:center;width:48px;height:48px;border:1px solid #79dcff;border-radius:9px;background:linear-gradient(145deg,#1b6b99,#082a4c);color:#d9f7ff;font-size:8px;font-weight:800;letter-spacing:.05em;box-shadow:0 8px 17px #0007,0 0 12px #43caff3d}.rtv-integration .m1{left:24px;top:52px}.rtv-integration .m2{left:91px;top:88px}.rtv-integration .m3{right:92px;top:52px}.rtv-integration .m4{right:25px;top:88px}.rtv-integration .rtv-core{position:absolute;z-index:3;left:50%;top:55%;display:grid;place-items:center;width:64px;height:64px;transform:translate(-50%,-50%);border:1px solid #a9ecff;border-radius:50%;background:radial-gradient(circle,#198dd5,#073563);color:#fff;font-size:10px;font-weight:850;box-shadow:0 0 0 13px #47cfff18,0 0 22px #48cfff}.rtv-integration .rtv-link{position:absolute;z-index:1;left:46px;right:46px;top:55%;height:1px;background:linear-gradient(90deg,#58d5ff,#59d5ff 45%,#77df94 55%,#77df94);box-shadow:0 0 10px #50cfff}.rtv-integration .rtv-link:after{content:"";position:absolute;left:50%;top:-36px;width:1px;height:72px;background:#5dd5ff;box-shadow:0 0 10px #5dd5ff}

/* Architecture chain cards */
.rm-system-v8 .rm-snode-visual{height:78px;width:100%;margin:4px 0 12px;border:1px solid #3d89b9;border-radius:9px;background-color:#082c51;background-image:linear-gradient(90deg,#61d2ff14 1px,transparent 1px),linear-gradient(0deg,#61d2ff14 1px,transparent 1px),radial-gradient(circle at 66% 30%,#176395,#082447 70%);background-size:14px 14px,14px 14px,auto}
.rm-snode-visual:before,.rm-snode-visual:after{content:"";position:absolute}
.rm-snode-visual.battery:before{left:50%;top:50%;width:74px;height:31px;transform:translate(-50%,-50%);border:1px solid #8ae4ff;border-radius:5px;background:repeating-linear-gradient(90deg,#1e8dcb 0 12px,#c7f6ff 13px 15px);box-shadow:0 0 13px #49ceff}.rm-snode-visual.battery:after{left:calc(50% + 39px);top:calc(50% - 7px);width:7px;height:14px;border-radius:1px;background:#99ecff}
.rm-snode-visual.bms:before{left:50%;top:50%;width:42px;height:42px;transform:translate(-50%,-50%);border:1px solid #a9efff;border-radius:6px;background:linear-gradient(135deg,#173e6e,#092346);box-shadow:0 0 15px #50d2ff}.rm-snode-visual.bms:after{left:50%;top:50%;width:82px;height:1px;transform:translate(-50%,-50%);background:#69d8ff;box-shadow:0 -18px 0 #4daedc,0 18px 0 #4daedc}
.rm-snode-visual.pcs:before{left:50%;top:50%;width:46px;height:46px;transform:translate(-50%,-50%);border:1px solid #a9efff;border-radius:8px;background:linear-gradient(145deg,#114f81,#072746);box-shadow:0 0 15px #51d4ff}.rm-snode-visual.pcs:after{left:50%;top:50%;width:66px;height:2px;transform:translate(-50%,-50%);background:linear-gradient(90deg,#5bd5ff 0 40%,transparent 40% 52%,#75df95 52%);box-shadow:0 0 9px #63d8ff}
.rm-snode-visual.ems:before{left:50%;top:50%;width:74px;height:42px;transform:translate(-50%,-50%);border:1px solid #8de5ff;border-radius:6px;background:linear-gradient(145deg,#0d3d68,#061c37);box-shadow:0 0 16px #47cbff}.rm-snode-visual.ems:after{left:calc(50% - 22px);top:calc(50% - 10px);width:15px;height:4px;border-radius:3px;background:#67dcff;box-shadow:0 10px 0 #2d9ade,29px 0 0 #75dc98,29px 10px 0 #2d9ade}
.rm-snode-visual.cloud:before{left:50%;top:52%;width:68px;height:32px;transform:translate(-50%,-50%);border:1px solid #9aeaff;border-radius:22px;background:radial-gradient(circle at 33% 48%,#3eaee2 0 11px,transparent 12px),radial-gradient(circle at 55% 42%,#65c6ee 0 15px,transparent 16px),radial-gradient(circle at 75% 52%,#3aa8db 0 11px,transparent 12px);box-shadow:0 0 16px #50d2ff}.rm-snode-visual.cloud:after{left:50%;bottom:12px;width:2px;height:11px;transform:translateX(-50%);background:#70df98;box-shadow:-22px 0 0 #59d6ff,22px 0 0 #59d6ff}

@keyframes rdDiagramPulse{0%,100%{transform:scale(.8);opacity:.65}50%{transform:scale(1.15);opacity:1}}
@media(max-width:600px){.rm-tech-visual{height:185px}.rtv-integration .m1{left:20px}.rtv-integration .m4{right:20px}.rtv-integration .m2{left:76px}.rtv-integration .m3{right:76px}}
@media(prefers-reduced-motion:reduce){.rtv-battery .rtv-dot{animation:none}}
