/* JWDev 1.6.9 — CSS/HTML hero illustration. No raster images, GIFs, or external animation library. */
.jwdev-motion-scene{--jm-blue:#03a9f4;--jm-red:#ff365d;--jm-ink:#26364d;position:relative;width:100%;max-width:650px;height:510px;margin:0 auto;isolation:isolate;overflow:hidden;border-radius:28px;background:radial-gradient(ellipse at 50% 54%,rgba(3,169,244,.13),transparent 58%),linear-gradient(145deg,#f8fcff 0%,#edf8fd 52%,#fff 100%)}
.jwdev-scene-glow{position:absolute;width:360px;height:360px;left:50%;top:112px;transform:translateX(-50%);border-radius:50%;background:linear-gradient(145deg,rgba(3,169,244,.18),rgba(3,169,244,.035));filter:blur(1px)}
.jwdev-scene-orbit{position:absolute;left:50%;top:90px;border:1px solid rgba(3,169,244,.2);border-radius:50%;transform:translateX(-50%)}.jwdev-orbit-one{width:440px;height:340px}.jwdev-orbit-two{width:540px;height:420px;border-style:dashed;opacity:.55;animation:jwdev-orbit-spin 38s linear infinite}
.jwdev-service-float{position:absolute;z-index:6;display:flex;align-items:center;gap:11px;min-width:190px;padding:13px 15px;border:1px solid #dceaf2;border-radius:15px;background:rgba(255,255,255,.96);box-shadow:0 12px 34px rgba(34,67,94,.12);animation:jwdev-float 5s ease-in-out infinite}.jwdev-service-float strong{display:block;color:#26364d;font-size:13px;line-height:1.3}.jwdev-service-float small{display:block;margin-top:3px;color:#718397;font-size:10px}.jwdev-float-top{top:22px;left:50%;min-width:230px;transform:translateX(-50%);animation-name:jwdev-float-center}.jwdev-float-left{left:12px;top:185px;animation-delay:-1.5s}.jwdev-float-right{right:10px;top:190px;animation-delay:-3s}.jwdev-float-icon{display:grid;place-items:center;flex:0 0 38px;width:38px;height:38px;border-radius:11px;background:#e8f7ff;color:#078bc9;font-size:15px;font-weight:800}.jwdev-icon-store{font-size:10px}.jwdev-icon-seo{font-size:11px;letter-spacing:-.5px}.jwdev-status-dot,.jwdev-caption-pulse{width:8px;height:8px;flex:0 0 8px;border-radius:50%;background:#22c78a;box-shadow:0 0 0 5px rgba(34,199,138,.12)}
.jwdev-workstation{position:absolute;z-index:2;left:50%;bottom:88px;width:82%;height:270px;transform:translateX(-50%)}.jwdev-monitor{position:absolute;inset:0 0 34px;border:10px solid #53647d;border-bottom-width:13px;border-radius:24px;background:#fff;overflow:hidden;box-shadow:0 20px 45px rgba(36,61,86,.15)}.jwdev-monitor-bar{height:27px;display:flex;align-items:center;gap:5px;padding:0 12px;background:#f4f8fb;border-bottom:1px solid #e4edf3}.jwdev-monitor-bar b{width:6px;height:6px;border-radius:50%;background:#ff7b88}.jwdev-monitor-bar b:nth-child(2){background:#ffc65d}.jwdev-monitor-bar b:nth-child(3){background:#4bcf9a}.jwdev-monitor-bar span{margin-left:auto;color:#8193a5;font-size:9px}.jwdev-monitor-content{display:flex;height:calc(100% - 27px);padding:14px 13px;gap:13px}.jwdev-ui-sidebar{width:17%;border-radius:7px;background:#f0f7fb;padding:10px 7px}.jwdev-ui-sidebar i{display:block;height:6px;margin-bottom:12px;border-radius:8px;background:#c5eafa}.jwdev-ui-sidebar i:first-child{background:#03a9f4}.jwdev-ui-main{flex:1;min-width:0}.jwdev-ui-heading{width:52%;height:12px;border-radius:6px;background:#314761;margin:2px 0 8px}.jwdev-ui-subheading{width:80%;height:6px;border-radius:5px;background:#dbe5ed}.jwdev-ui-cards{display:flex;gap:8px;margin-top:16px}.jwdev-ui-cards i{height:52px;flex:1;border:1px solid #e2edf3;border-radius:7px;background:linear-gradient(150deg,#fff,#f1faff)}.jwdev-ui-cards i:nth-child(2){background:linear-gradient(150deg,#f0fbff,#d9f3ff)}.jwdev-ui-chart{height:58px;display:flex;align-items:end;gap:7px;margin-top:13px;padding:7px 10px;border-radius:7px;background:#f5f9fc}.jwdev-ui-chart b{flex:1;height:30%;border-radius:4px 4px 1px 1px;background:#8bd8f8;animation:jwdev-chart 2.6s ease-in-out infinite alternate}.jwdev-ui-chart b:nth-child(2){height:55%;animation-delay:-.4s}.jwdev-ui-chart b:nth-child(3){height:42%;animation-delay:-.8s}.jwdev-ui-chart b:nth-child(4){height:78%;animation-delay:-1.2s}.jwdev-ui-chart b:nth-child(5){height:58%;animation-delay:-1.6s}.jwdev-ui-chart b:nth-child(6){height:92%;animation-delay:-2s}.jwdev-ui-chart b:nth-child(7){height:68%;animation-delay:-2.4s}.jwdev-monitor-neck{position:absolute;bottom:19px;left:45%;width:10%;height:22px;background:#9aa9b8}.jwdev-monitor-foot{position:absolute;bottom:8px;left:35%;width:30%;height:12px;border-radius:50%;background:#687b91}

.jwdev-scene-desk{position:absolute;z-index:5;left:5%;right:5%;bottom:74px;height:7px;border-radius:10px;background:#60718a;box-shadow:0 7px 0 rgba(36,61,86,.06)}.jwdev-scene-caption{position:absolute;z-index:7;bottom:17px;left:0;right:0;display:flex;align-items:center;justify-content:center;gap:10px;color:#65788c;font-size:11px;font-weight:600;letter-spacing:.2px}.jwdev-caption-pulse{background:#03a9f4;box-shadow:0 0 0 5px rgba(3,169,244,.12)}.jwdev-scene-spark{position:absolute;z-index:1;color:#03a9f4;font-weight:800;animation:jwdev-twinkle 2.4s ease-in-out infinite}.jwdev-spark-a{top:125px;left:18%;font-size:24px}.jwdev-spark-b{top:300px;right:17%;font-size:25px;animation-delay:-.8s}.jwdev-spark-c{top:80px;right:18%;font-size:28px;animation-delay:-1.5s}
@keyframes jwdev-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}@keyframes jwdev-float-center{0%,100%{transform:translate(-50%,0)}50%{transform:translate(-50%,-8px)}}@keyframes jwdev-chart{from{opacity:.55;transform:scaleY(.72);transform-origin:bottom}to{opacity:1;transform:scaleY(1);transform-origin:bottom}}@keyframes jwdev-twinkle{0%,100%{opacity:.35;transform:scale(.8) rotate(-8deg)}50%{opacity:1;transform:scale(1.12) rotate(8deg)}}@keyframes jwdev-orbit-spin{to{transform:translateX(-50%) rotate(360deg)}}
@media(max-width:1100px){.jwdev-motion-scene{max-width:600px;height:470px}.jwdev-float-left{left:0}.jwdev-float-right{right:0}.jwdev-workstation{width:84%;height:245px}}
@media(max-width:700px){.jwdev-motion-scene{height:390px;border-radius:20px}.jwdev-scene-glow{width:280px;height:280px;top:90px}.jwdev-orbit-one{width:330px;height:270px;top:75px}.jwdev-orbit-two{width:390px;height:320px;top:55px}.jwdev-service-float{min-width:0;padding:8px 10px;gap:7px;border-radius:11px}.jwdev-service-float strong{font-size:10px}.jwdev-service-float small{font-size:8px}.jwdev-float-icon{width:29px;height:29px;flex-basis:29px;border-radius:8px;font-size:12px}.jwdev-float-top{top:13px;min-width:190px}.jwdev-float-left{top:116px;left:5px}.jwdev-float-right{top:116px;right:5px}.jwdev-workstation{width:86%;height:185px;bottom:54px}.jwdev-monitor{border-width:7px;border-bottom-width:9px;border-radius:15px}.jwdev-monitor-bar{height:21px;padding:0 8px}.jwdev-monitor-content{height:calc(100% - 21px);padding:9px;gap:8px}.jwdev-ui-cards{margin-top:10px}.jwdev-ui-cards i{height:35px}.jwdev-ui-chart{height:42px;margin-top:8px}.jwdev-scene-desk{bottom:49px}.jwdev-scene-caption{bottom:12px;font-size:9px}.jwdev-spark-a{top:190px;left:12%;font-size:18px}.jwdev-spark-b{top:245px;right:11%;font-size:19px}.jwdev-spark-c{top:72px;right:12%;font-size:20px}}
@media(max-width:390px){.jwdev-motion-scene{height:350px}.jwdev-service-float small{display:none}.jwdev-float-left{top:104px}.jwdev-float-right{top:104px}.jwdev-workstation{height:185px}}
@media(prefers-reduced-motion:reduce){.jwdev-motion-scene *, .jwdev-motion-scene *::before,.jwdev-motion-scene *::after{animation:none!important;scroll-behavior:auto!important}}

/* v1.7.0: person-free hero, monitor is the central visual */
.jwdev-monitor{box-shadow:0 22px 50px rgba(36,61,86,.16),0 0 0 1px rgba(255,255,255,.8)}
.jwdev-ui-chart b{animation-duration:3.2s}