/* Industrial Solution page: animated industrial hero visual (from desing/Rainbow_Automation_Industrial.html) */
.ra-industrial-hero{position:relative;background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(244,248,253,.95));border:1px solid #e3ebf4;border-radius:38px;padding:18px;box-shadow:0 38px 90px rgba(27,54,88,.16),inset 0 1px 0 rgba(255,255,255,.9);min-height:520px;animation:raFloat 9s ease-in-out infinite}
.ra-ind-topbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;flex-wrap:wrap}.ra-live-badge,.ra-mode-pill{display:inline-flex;align-items:center;gap:8px;padding:8px 13px;border-radius:999px;background:rgba(255,255,255,.88);border:1px solid #e2eaf4;font-size:11px;font-weight:900;color:#425f80;box-shadow:0 8px 20px rgba(17,24,39,.05);backdrop-filter:blur(10px)}.ra-pill-group{display:flex;gap:8px;flex-wrap:wrap}.ra-mode-pill.accent{background:linear-gradient(135deg,#eef7ff,#f5f0ff);color:#5a4ea2}.ra-live-badge i{width:9px;height:9px;border-radius:50%;background:#2eb454;box-shadow:0 0 0 6px rgba(46,180,84,.14);animation:raIndPulse 2.3s ease-in-out infinite}
.ra-ind-stage{position:relative;height:356px;border-radius:30px;background:linear-gradient(180deg,#edf6ff 0%,#f8fbff 52%,#edf3fa 100%);border:1px solid #dde8f3;overflow:hidden;box-shadow:inset 0 1px 0 rgba(255,255,255,.9)}
.ra-ind-stage::after{content:"";position:absolute;left:0;right:0;bottom:0;height:86px;background:linear-gradient(180deg,rgba(0,0,0,0),rgba(109,150,179,.06) 30%,rgba(109,150,179,.15) 100%)}
.ra-grid-back{position:absolute;inset:0;background-image:linear-gradient(rgba(38,132,217,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(38,132,217,.08) 1px,transparent 1px);background-size:22px 22px;mask-image:linear-gradient(180deg,rgba(0,0,0,.48),transparent 85%)}
.ra-glow{position:absolute;border-radius:50%;filter:blur(4px);opacity:.8;animation:raGlowPulse 6s ease-in-out infinite}.ra-glow.a{width:180px;height:180px;left:8px;top:-26px;background:radial-gradient(circle,rgba(46,180,84,.18),transparent 68%)}.ra-glow.b{width:220px;height:220px;right:-10px;top:-38px;background:radial-gradient(circle,rgba(40,125,204,.18),transparent 70%)}
.ra-plc-dock,.ra-hmi-card,.ra-vfd-card,.ra-motor-card,.ra-scada-card,.ra-iiot-card{position:absolute;background:rgba(255,255,255,.84);border:1px solid #dfe8f3;border-radius:22px;box-shadow:0 18px 35px rgba(27,54,88,.08);backdrop-filter:blur(12px);z-index:3}
.ra-mini-title{font-size:10px;font-weight:900;letter-spacing:1px;text-transform:uppercase;color:#60778f;display:block}.ra-big-number{font-size:20px;font-weight:900;color:#1d3652;line-height:1.1}.ra-small-text{font-size:11px;color:#64778c;line-height:1.45}
.ra-plc-dock{left:18px;bottom:18px;width:120px;height:152px;padding:14px}.plc-rack{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:10px}.plc-rack span{display:block;height:30px;border-radius:10px;background:linear-gradient(180deg,#2f84df,#185296);position:relative;box-shadow:inset 0 -10px 10px rgba(0,0,0,.14)}.plc-rack span::before{content:"";position:absolute;left:6px;right:6px;top:8px;height:4px;border-radius:999px;background:rgba(255,255,255,.38)}.led-row{display:flex;gap:8px;margin-top:14px}.led-row i{display:block;width:10px;height:10px;border-radius:50%;background:#2eb454;box-shadow:0 0 0 6px rgba(46,180,84,.12);animation:raLedBlink 2s ease-in-out infinite}.led-row i:nth-child(2){animation-delay:.3s}.led-row i:nth-child(3){animation-delay:.6s}
.ra-hmi-card{left:18px;top:18px;width:154px;height:118px;padding:12px}.hmi-top{display:flex;gap:5px;margin-bottom:10px}.hmi-top span{width:7px;height:7px;border-radius:50%;background:#bcc9d8}.hmi-graph{position:relative;height:46px;border-radius:12px;background:linear-gradient(180deg,#0f2742,#173f66);overflow:hidden;padding:8px}.hmi-graph .grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.07) 1px,transparent 1px);background-size:16px 16px}.hmi-graph svg{position:absolute;inset:8px}.hmi-graph polyline{fill:none;stroke:#67c2ff;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:90;stroke-dashoffset:90;animation:raPolyline 4.2s linear infinite}.hmi-tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}.hmi-tags i{display:inline-flex;align-items:center;justify-content:center;height:18px;padding:0 8px;border-radius:999px;background:linear-gradient(180deg,#eef3f8,#dbe8f5);border:1px solid #d3e0ee;font-size:8px;font-style:normal;font-weight:800;color:#5f748a}
.ra-vfd-card{left:196px;top:20px;width:126px;height:172px;padding:14px}.vfd-screen{margin-top:10px;height:50px;border-radius:14px;background:linear-gradient(180deg,#132842,#1f4b7a);display:grid;place-items:center;color:#8fe3a9;font-size:22px;font-weight:900;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08);letter-spacing:.2px;transition:all .25s ease}.vfd-dials{display:flex;gap:8px;margin-top:12px}.vfd-dials span{display:block;flex:1;height:32px;border-radius:50%;background:linear-gradient(145deg,#eff4f8,#d5e2ef);border:1px solid #cedbe8;position:relative}.vfd-dials span::before{content:"";position:absolute;left:50%;top:5px;width:2px;height:10px;margin-left:-1px;background:#517498;border-radius:999px;transform-origin:50% 100%;animation:raDialSpin 4s ease-in-out infinite}.vfd-dials span:nth-child(2)::before{animation-delay:.5s}.vfd-dials span:nth-child(3)::before{animation-delay:1s}.vfd-note{margin-top:10px;font-size:11px;font-weight:800;color:#65788d}
.ra-motor-zone{position:absolute;left:340px;top:70px;width:190px;height:168px;z-index:2}.motor-base{position:absolute;left:22px;bottom:20px;width:150px;height:18px;border-radius:14px;background:linear-gradient(180deg,#cdd9e5,#a6bad0)}.motor-body{position:absolute;left:26px;bottom:38px;width:118px;height:68px;border-radius:34px;background:linear-gradient(180deg,#2f84df,#19589e);box-shadow:0 16px 28px rgba(40,125,204,.22), inset 0 -14px 18px rgba(0,0,0,.16)}.motor-body::before{content:"";position:absolute;left:16px;right:16px;top:16px;height:4px;border-radius:999px;background:rgba(255,255,255,.28);box-shadow:0 12px 0 rgba(255,255,255,.18),0 24px 0 rgba(255,255,255,.14)}.motor-head{position:absolute;left:132px;bottom:48px;width:32px;height:48px;border-radius:10px;background:linear-gradient(180deg,#eff4f8,#d5e2ef);border:1px solid #cad9e8}.motor-shaft{position:absolute;left:160px;bottom:66px;width:34px;height:10px;border-radius:999px;background:linear-gradient(180deg,#9fb4c8,#6f859a)}.motor-rotor{position:absolute;left:189px;bottom:48px;width:42px;height:42px;border-radius:50%;background:radial-gradient(circle at 32% 32%,#fefefe 0,#dbe6ef 38%,#9cb3c8 68%,#70879b 100%);border:2px solid #b9cad9;animation:raRotorSpin 1.2s linear infinite;box-shadow:0 8px 20px rgba(27,54,88,.12)}.motor-rotor::before,.motor-rotor::after{content:"";position:absolute;left:50%;top:50%;width:4px;height:16px;margin-left:-2px;margin-top:-8px;border-radius:999px;background:#6380a0}.motor-rotor::after{transform:rotate(90deg)}.motor-wave{position:absolute;left:6px;top:4px;width:176px;height:120px;border-radius:100px;background:radial-gradient(circle at 50% 50%,rgba(40,125,204,.08),transparent 62%);animation:raGlowPulse 4.5s ease-in-out infinite}
.ra-motor-card{left:334px;bottom:18px;width:184px;padding:14px}.motor-metrics{display:flex;justify-content:space-between;align-items:flex-end;gap:10px;margin-top:10px}.motor-metrics b{font-size:22px;color:#1d3652}.motor-metrics span{font-size:12px;font-weight:800;color:#6b7e94}.mini-track{margin-top:10px;height:8px;border-radius:999px;background:#e7eff7;overflow:hidden}.mini-track i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#2eb454,#287dcc);animation:raTrackMove 4.2s ease-in-out infinite}
.ra-scada-card{right:16px;top:18px;width:156px;padding:14px}.scada-top{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:10px}.scada-top i{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:14px;background:linear-gradient(145deg,#eef6ff,#dbe8f7);border:1px solid #d3e2f0;color:#2a75c8;font-style:normal;font-size:18px;font-weight:900}.scada-bars{display:flex;gap:5px;align-items:flex-end;height:40px;margin-top:10px}.scada-bars span{display:block;width:16px;border-radius:8px 8px 3px 3px;background:linear-gradient(180deg,#7fc0ff,#2a76cf);animation:raBars 2.5s ease-in-out infinite}.scada-bars span:nth-child(1){height:18px}.scada-bars span:nth-child(2){height:30px;animation-delay:.2s}.scada-bars span:nth-child(3){height:24px;animation-delay:.4s}.scada-bars span:nth-child(4){height:36px;animation-delay:.6s}
.ra-iiot-card{right:16px;bottom:18px;width:156px;padding:14px}.cloud-pill{display:inline-flex;align-items:center;gap:8px;padding:7px 10px;border-radius:999px;background:#f1f8ff;border:1px solid #dbe7f3;font-size:11px;font-weight:900;color:#47617b;margin-top:10px}.cloud-pill::before{content:"";width:8px;height:8px;border-radius:50%;background:#2eb454;box-shadow:0 0 0 5px rgba(46,180,84,.10)}.iiot-tiles{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:10px}.iiot-tiles span{display:grid;place-items:center;height:30px;border-radius:10px;background:linear-gradient(180deg,#eff4f8,#dbe8f5);border:1px solid #d3e0ee;font-size:10px;font-weight:800;color:#65798f}
.ra-flow-svg{position:absolute;inset:0;width:100%;height:100%;z-index:1}.ra-flow-svg path{fill:none;stroke-linecap:round;stroke-width:5;stroke-dasharray:14 12}.ra-flow-svg .f1{stroke:url(#raIndFlowA);animation:raSignalFlow 6.5s linear infinite}.ra-flow-svg .f2,.ra-flow-svg .f3,.ra-flow-svg .f4{stroke:url(#raIndFlowB);animation:raSignalFlow 7.4s linear infinite}.ra-flow-svg .f3{animation-direction:reverse;opacity:.65}.ra-flow-svg .f4{stroke:url(#raIndFlowA);opacity:.8}.ra-flow-svg circle{fill:#fff;stroke:#2e7be3;stroke-width:4;animation:raSigDot 2.2s ease-in-out infinite}.ra-flow-svg .d2{animation-delay:.35s}.ra-flow-svg .d3{animation-delay:.7s}.ra-flow-svg .d4{animation-delay:1s}.ra-flow-svg .d5{animation-delay:1.3s}
.ra-motor-zone,.ra-motor-card{display:none!important}.ra-inline-motor{position:absolute;left:146px;right:184px;bottom:18px;height:96px;z-index:4;display:flex;align-items:center;justify-content:center;padding:8px 10px;background:#ffffff;border:1px solid #deebf5;border-radius:18px;box-shadow:0 14px 26px rgba(27,54,88,.06);overflow:hidden;isolation:isolate}.ra-inline-motor .pulley-wrap{position:relative;width:182px;height:72px;overflow:hidden}.ra-inline-motor .pulley-glow{position:absolute;inset:6px 8px 8px;border-radius:999px;background:radial-gradient(circle at 38% 50%,rgba(40,125,204,.10),transparent 58%)}.ra-inline-motor .pulley-base{position:absolute;left:14px;right:14px;bottom:6px;height:10px;border-radius:999px;background:linear-gradient(180deg,#d1dde8,#aebfd0)}.ra-inline-motor .belt{position:absolute;height:8px;border-radius:999px;background:linear-gradient(180deg,#4f6b89,#314962);box-shadow:inset 0 1px 1px rgba(255,255,255,.15)}.ra-inline-motor .belt.top{left:28px;top:18px;width:124px;transform:rotate(-8deg)}.ra-inline-motor .belt.bottom{left:28px;top:44px;width:124px;transform:rotate(8deg)}.ra-inline-motor .pulley{position:absolute;border-radius:50%;background:radial-gradient(circle at 34% 34%,#ffffff 0,#dbe6ef 32%,#9fb6cb 62%,#6f869a 100%);border:3px solid #b8cad9;box-shadow:0 8px 16px rgba(27,54,88,.11)}.ra-inline-motor .pulley::before{content:"";position:absolute;left:50%;top:50%;width:34%;height:34%;margin-left:-17%;margin-top:-17%;border-radius:50%;background:radial-gradient(circle at 35% 35%,#f8fbff 0,#d1deea 70%,#9fb3c6 100%);border:2px solid #aec1d1}.ra-inline-motor .pulley::after{content:"";position:absolute;inset:12%;border-radius:50%;background:repeating-conic-gradient(from 0deg,#7d90a4 0 10deg,transparent 10deg 45deg);opacity:.85}.ra-inline-motor .pulley.large{left:10px;top:20px;width:42px;height:42px;animation:raPulleySpin 1s linear infinite}.ra-inline-motor .pulley.medium{left:68px;top:12px;width:30px;height:30px;animation:raPulleySpin 1.35s linear infinite}.ra-inline-motor .pulley.small{left:122px;top:24px;width:24px;height:24px;animation:raPulleySpin 1.8s linear infinite}.ra-inline-motor .stand{position:absolute;bottom:12px;width:10px;border-radius:6px 6px 2px 2px;background:linear-gradient(180deg,#eaf1f7,#cfddea);border:1px solid #c8d7e4}.ra-inline-motor .stand.s1{left:26px;height:18px}.ra-inline-motor .stand.s2{left:78px;height:28px}.ra-inline-motor .stand.s3{left:129px;height:16px}.ra-inline-motor .shaft-line{position:absolute;left:20px;right:44px;top:34px;height:2px;background:linear-gradient(90deg,rgba(111,134,154,.0),rgba(111,134,154,.55),rgba(111,134,154,.0))}.ra-inline-motor .motor-wrap,.ra-inline-motor .motor-glow,.ra-inline-motor .motor-base,.ra-inline-motor .motor-body,.ra-inline-motor .motor-head,.ra-inline-motor .motor-shaft,.ra-inline-motor .motor-rotor,.ra-inline-motor .waves,.ra-inline-motor .motor-info,.ra-inline-motor .motor-title,.ra-inline-motor .motor-meta,.ra-inline-motor .motor-speed{display:none!important}@keyframes raPulleySpin{to{transform:rotate(360deg)}}
.ra-ind-features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:14px}.ra-feature-chip{display:flex;align-items:flex-start;gap:10px;background:#fff;border:1px solid #e4ebf3;border-radius:16px;padding:13px 12px;box-shadow:0 10px 24px rgba(27,54,88,.05)}.chip-dot{width:12px;height:12px;border-radius:50%;margin-top:4px;flex:0 0 12px;box-shadow:0 0 0 6px rgba(38,132,217,.06)}.chip-dot.green{background:#2eb454}.chip-dot.gold{background:#f3a51b}.chip-dot.blue{background:#287dcc}.ra-feature-chip b{display:block;font-size:12px;color:#213b58;margin-bottom:2px}.ra-feature-chip small{display:block;font-size:10px;color:#76879a;line-height:1.5}
@keyframes raIndPulse{0%,100%{box-shadow:0 0 0 5px rgba(46,180,84,.14)}50%{box-shadow:0 0 0 10px rgba(46,180,84,.06)}}@keyframes raGlowPulse{0%,100%{transform:scale(1);opacity:.75}50%{transform:scale(1.08);opacity:1}}@keyframes raLedBlink{0%,100%{opacity:.45}50%{opacity:1}}@keyframes raPolyline{0%{stroke-dashoffset:90}45%,100%{stroke-dashoffset:0}}@keyframes raRotorSpin{to{transform:rotate(360deg)}}@keyframes raDialSpin{0%,100%{transform:rotate(-36deg)}50%{transform:rotate(34deg)}}@keyframes raBars{0%,100%{transform:scaleY(.72)}50%{transform:scaleY(1)}}@keyframes raSignalFlow{to{stroke-dashoffset:-180}}@keyframes raSigDot{0%,100%{transform:scale(1);opacity:.88}50%{transform:scale(1.22);opacity:1}}@keyframes raTrackMove{0%,100%{width:68%}50%{width:84%}}@keyframes raWavePulse{0%{transform:scale(.75);opacity:.9}100%{transform:scale(1.18);opacity:0}}
@media(max-width:1120px){.ra-industrial-hero{min-height:auto}.ra-ind-features{grid-template-columns:1fr 1fr}.ra-inline-motor{left:152px;right:180px}}
@media(max-width:860px){.ra-ind-stage{height:470px}.ra-plc-dock{left:12px;bottom:12px;transform:scale(.95);transform-origin:left bottom}.ra-hmi-card{left:12px;top:12px;transform:scale(.94);transform-origin:left top}.ra-vfd-card{left:184px;top:18px;transform:scale(.92);transform-origin:left top}.ra-motor-zone{left:178px;top:182px;transform:scale(.92);transform-origin:left top}.ra-motor-card{left:178px;bottom:14px;transform:scale(.92);transform-origin:left bottom}.ra-scada-card{right:12px;top:12px;transform:scale(.92);transform-origin:right top}.ra-iiot-card{right:12px;bottom:12px;transform:scale(.92);transform-origin:right bottom}.ra-inline-motor{left:12px;right:12px;bottom:86px;height:88px}.ra-ind-features{grid-template-columns:1fr}}
@media(max-width:560px){.ra-industrial-hero{padding:14px;border-radius:24px}.ra-ind-stage{height:560px;border-radius:22px}.ra-vfd-card{left:12px;top:140px;transform:scale(.82);transform-origin:left top}.ra-motor-zone{left:120px;top:176px;transform:scale(.74);transform-origin:left top}.ra-scada-card{width:132px;padding:12px}.ra-iiot-card{width:132px;padding:12px}.ra-motor-card{left:12px;bottom:134px;width:156px;transform:scale(.84);transform-origin:left bottom}.ra-inline-motor{left:12px;right:12px;bottom:18px;height:82px}.ra-op{padding:8px 6px}}
@media(prefers-reduced-motion:reduce){.ra-industrial-hero,.ra-live-badge i,.led-row i,.hmi-graph polyline,.vfd-dials span::before,.motor-rotor,.ra-flow-svg path,.ra-flow-svg circle,.mini-track i,.ra-glow,.scada-bars span{animation:none!important}}