.service-detail-hero{min-height:0;padding:24px 0 55px;background:radial-gradient(ellipse at 80% 60%,#224263,transparent 60%),#081b2c}.service-detail-hero>.wrap{width:100%}.service-breadcrumb{display:flex;justify-content:flex-start;flex-wrap:wrap;gap:12px;font-size:11px;color:#8dabc0;margin-bottom:40px;font-weight:400}.service-breadcrumb a:hover{color:#cff2ff}.service-breadcrumb [aria-current]{color:#c2dbe8}.service-detail-hero h1{font-size:clamp(38px,4.4vw,62px);letter-spacing:-2.4px;line-height:1.08}.service-detail-hero .lead{font-size:17px;color:#acc3d3}.service-detail-hero .eyebrow{font-size:9px;letter-spacing:1.7px}.service-detail-hero .button{font-size:12px;gap:12px}.service-detail-hero .hero-layout{grid-template-columns:1.1fr 1fr;gap:45px}.service-detail-diagram{margin:0}.service-detail-diagram .service-art{height:260px;border:1px solid #6a8eb144;border-radius:18px;background:#102b4255}.service-detail-diagram .service-art svg{height:220px;top:32px}.service-diagram-caption{display:flex;justify-content:space-between;gap:20px;color:#bcdcea;font-size:13px;padding:20px 5px}.service-diagram-caption span{font:8px/1.6 Consolas,monospace;letter-spacing:1px;color:#7097ad}.service-detail-page{padding-bottom:65px}.service-explanation-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:60px;align-items:start}.service-explanation-grid h2{margin-top:17px}.service-explanation-grid p{font-size:18px;line-height:1.85;color:#527084;margin:17px 0 0}.service-detail-page .section{padding-top:50px;padding-bottom:30px}.service-capability-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.service-capability{border:1px solid #dce6ee;background:#fff;border-radius:16px;padding:28px}.service-capability h3{font-size:21px;margin:22px 0 14px}.service-capability p{font-size:15px;line-height:1.75;color:#5a7486;margin:0}.service-use-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.service-use-panel,.service-input-panel{padding:35px;border-radius:18px;border:1px solid #dbe6ee;background:#eef5f9}.service-input-panel{background:#102f45;color:#fff;border-color:#20485d}.service-input-panel .eyebrow{color:#a8dce8}.service-use-grid h2{font-size:29px;margin-top:20px}.service-use-grid .eyebrow{font-size:10px;letter-spacing:1.5px}.service-use-grid ul{margin:22px 0 0;padding-left:20px}.service-use-grid li{font-size:15px;line-height:1.7;padding:8px 0;color:#4d6a7e}.service-input-panel li{color:#b9d1df}.service-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;list-style:none;padding:0;margin:35px 0 0}.service-steps li{border-top:1px solid #c6d9e6;padding:24px 0}.service-steps p{margin:18px 0 0;color:#567183}.service-related h2{font-size:25px}.service-related>div{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:25px}.service-related>div a{display:flex;gap:30px;align-items:center;border:1px solid #d4e3ec;border-radius:9px;padding:14px 18px;background:#fff;font-size:14px}.service-related>div a:hover{border-color:#8cbfce;background:#f0f9fc}#service-capabilities{scroll-margin-top:100px}
@media(max-width:850px){.service-detail-hero .hero-layout{gap:25px}.service-diagram-caption{flex-direction:column;gap:6px}.service-explanation-grid{gap:30px}.service-capability-grid{grid-template-columns:1fr}.service-use-panel,.service-input-panel{padding:27px}}
@media(max-width:650px){.service-detail-hero{padding-top:20px;padding-bottom:32px}.service-breadcrumb{margin-bottom:25px;font-size:10px;gap:8px}.service-detail-hero .hero-layout,.service-explanation-grid,.service-use-grid,.service-steps{grid-template-columns:1fr}.service-detail-hero h1{font-size:42px;letter-spacing:-1.7px}.service-detail-diagram{margin-top:10px;width:100%;max-width:none}.service-detail-diagram .service-art{height:205px}.service-detail-diagram .service-art svg{height:175px;max-height:none;top:23px}.service-explanation-grid{gap:0}.service-explanation-grid p{font-size:16px;margin-top:0}.service-detail-page .section{padding-top:35px;padding-bottom:20px}.service-use-grid{gap:22px}.service-steps{gap:0;margin-top:20px}.service-related>div{flex-direction:column}.service-related>div a{justify-content:space-between}#service-capabilities{scroll-margin-top:24px}}
/* Independent animated hero systems; card illustrations remain unchanged. */
.service-hero-visual{position:relative;width:100%;min-width:0;margin:0;color:#9be5ed;--service-accent:#8edee9}.service-hero-1{color:#aecded;--service-accent:#90b8ec}.service-hero-2{color:#b5bcff;--service-accent:#a3a9ff}.service-hero-3{color:#a2e7d5;--service-accent:#8ce1c9}.service-hero-aura{position:absolute;inset:10%;border-radius:50%;background:radial-gradient(circle,var(--service-accent),transparent 67%);opacity:.1;filter:blur(22px);animation:service-aura-breathe 8s ease-in-out infinite}.service-hero-float{position:relative;animation:service-system-float 11s ease-in-out infinite}.service-hero-top{display:flex;justify-content:space-between;gap:14px;font:8px/1.6 Consolas,monospace;letter-spacing:1.2px;color:#7194ae;padding:12px 18px;border-bottom:1px solid #678ea32b}.service-hero-visual svg{width:100%;height:auto;max-height:335px;filter:none;overflow:visible}.hero-technical-grid{stroke-opacity:.065;stroke-width:1}.hero-connection{stroke-opacity:.45}.service-hero-device rect{fill:#123248;stroke:#679bb2;stroke-opacity:.65}.hero-device-title{stroke:none;fill:currentColor;font:11px Segoe UI,Arial,sans-serif;letter-spacing:1.5px;text-anchor:middle}.hero-device-sub{stroke:none;fill:currentColor;fill-opacity:.55;font:9px Consolas,monospace;letter-spacing:1px;text-anchor:middle}.hero-core-title{stroke:none;fill:currentColor;font:20px Segoe UI,Arial,sans-serif;font-weight:600;text-anchor:middle}.hero-hub rect{fill:#13354b;stroke:#8cdfe8}.hero-hub rect+rect{fill:#0c2539;stroke-opacity:.5}.hero-hub{animation:service-hub-glow 6s ease-in-out infinite}.hero-wifi path{animation:service-wifi 4s ease-in-out infinite;transform-origin:300px 135px}.hero-wifi path+path{animation-delay:-2s}.hero-readout rect{fill:currentColor;transform-box:fill-box;transform-origin:bottom;animation:service-bars 3s ease-in-out infinite}.hero-readout rect:nth-child(2n){animation-delay:-1.5s}.hero-readout rect:nth-child(3n){animation-delay:-.8s}.hero-chip>rect{fill:#142c44;stroke:#98c5e5}.hero-chip>rect+rect{fill:#0d2037;stroke-opacity:.6}.hero-pins{stroke-opacity:.5}.hero-code{stroke-width:3;stroke-opacity:.8}.hero-firmware-bars{stroke-width:3;stroke-dasharray:14 7;animation:service-firmware 4s linear infinite}.hero-chip-scan{opacity:.4;animation:service-chip-scan 6s ease-in-out infinite}.hero-neural-connections{stroke-opacity:.2}.hero-neuron{fill:#1c2d4d;stroke:#b5c7ff;animation:service-neuron 7s ease-in-out infinite;animation-delay:var(--node-delay)}.hero-neural-wave{stroke-opacity:.6;stroke-dasharray:18 8;animation:service-firmware 3s linear infinite}.hero-roadmap-track{stroke-opacity:.2;stroke-width:3}.hero-roadmap-signal{stroke-width:2;stroke-dasharray:40 520;animation:service-roadmap 9s linear infinite}.hero-milestone rect{fill:#103548;stroke:#7abdaf}.hero-milestone circle{stroke-opacity:.3}.hero-milestone{animation:service-neuron 9s ease-in-out infinite;animation-delay:var(--node-delay)}.hero-strategy-bars{stroke-opacity:.35;stroke-dasharray:30 5;animation:service-firmware 7s linear infinite}.hero-packet{stroke:none;filter:drop-shadow(0 0 5px currentColor)}.service-hero-caption{display:flex;align-items:center;gap:10px;color:#aac5d5;font-size:11px;border-top:1px solid #678ea32b;padding:15px 18px}.service-hero-caption>span:last-child{margin-left:auto;color:#5e839d;font:7px/1.6 Consolas,monospace;letter-spacing:1.1px}.hero-activity-dot{width:4px;height:4px;border-radius:50%;background:var(--service-accent);box-shadow:0 0 8px var(--service-accent);animation:service-wifi 4s ease-in-out infinite}
@keyframes service-system-float{0%,100%{transform:translateY(3px)}50%{transform:translateY(-7px)}}@keyframes service-aura-breathe{0%,100%{opacity:.06;transform:scale(.95)}50%{opacity:.14;transform:scale(1.08)}}@keyframes service-hub-glow{0%,100%{filter:drop-shadow(0 0 4px #8ae8f122)}50%{filter:drop-shadow(0 0 12px #8ae8f144)}}@keyframes service-wifi{0%,100%{opacity:.3}50%{opacity:1}}@keyframes service-bars{0%,100%{transform:scaleY(.45);opacity:.4}50%{transform:scaleY(1);opacity:.8}}@keyframes service-firmware{to{stroke-dashoffset:-42}}@keyframes service-chip-scan{0%,100%{transform:translateY(0);opacity:0}20%,80%{opacity:.7}50%{transform:translateY(93px)}}@keyframes service-neuron{0%,100%{stroke-opacity:.35;fill-opacity:.6}50%{stroke-opacity:1;fill-opacity:1;filter:drop-shadow(0 0 6px currentColor)}}@keyframes service-roadmap{to{stroke-dashoffset:-560}}
@media(max-width:650px){.service-hero-visual{margin:14px 0 0;width:100%;max-width:none}.service-hero-top{font-size:6px;padding:10px 5px;letter-spacing:.7px}.service-hero-visual svg{max-height:255px}.service-hero-caption{padding:12px 5px;font-size:10px}.service-hero-caption>span:last-child{font-size:6px}}
@media(prefers-reduced-motion:reduce){.hero-packet{display:none}.hero-chip-scan{display:none}.service-hero-float{transform:none}.service-hero-aura{opacity:.1}}
/* Physical scenes scoped exclusively to IoT and embedded service details. */
.physical-service-hero{color:#99d7e6}.physical-service-scene{position:relative}.physical-service-hero svg{max-height:360px;overflow:visible}.physical-label{fill:#9fc3d5;stroke:none;font:8px Consolas,monospace;letter-spacing:1.3px}.iot-city{animation:physical-city-float 10s ease-in-out infinite;transform-origin:300px 290px}.iot-coverage ellipse{transform-origin:306px 281px;animation:iot-coverage-expand 7s ease-out infinite}.iot-atmosphere{animation:physical-dome-breathe 8s ease-in-out infinite}.iot-orbit{stroke-dasharray:30 16;animation:physical-orbit-flow 14s linear infinite}.city-window{animation:physical-window 5s ease-in-out infinite}.iot-telemetry{animation:physical-telemetry-float 9s ease-in-out infinite}.iot-wave{stroke-dasharray:15 7;animation:physical-orbit-flow 4s linear infinite}.embedded-base{animation:physical-base 12s ease-in-out infinite}.embedded-board{animation:physical-board 12s cubic-bezier(.45,0,.2,1) infinite}.embedded-processor{animation:physical-processor 12s cubic-bezier(.45,0,.2,1) infinite}.embedded-cover{animation:physical-cover 12s cubic-bezier(.45,0,.2,1) infinite}.embedded-led{animation:physical-window 2s ease-in-out infinite}.embedded-firmware{animation:physical-telemetry-float 10s ease-in-out infinite}.embedded-progress{stroke-dasharray:98;animation:physical-progress 12s ease-in-out infinite}.embedded-copper{animation:physical-window 5s ease-in-out infinite}
@keyframes iot-coverage-expand{0%{transform:scale(.5);opacity:.8}100%{transform:scale(3.6);opacity:0}}@keyframes physical-city-float{0%,100%{transform:translateY(3px) rotate(-1deg)}50%{transform:translateY(-5px) rotate(1deg)}}@keyframes physical-dome-breathe{0%,100%{opacity:.3}50%{opacity:.9}}@keyframes physical-orbit-flow{to{stroke-dashoffset:-184}}@keyframes physical-window{0%,100%{opacity:.35}50%{opacity:1}}@keyframes physical-telemetry-float{0%,100%{transform:translateY(3px)}50%{transform:translateY(-8px)}}@keyframes physical-base{0%,100%{transform:translateY(0)}50%{transform:translateY(4px)}}@keyframes physical-board{0%,100%{transform:translateY(-12px)}40%,65%{transform:translateY(36px)}}@keyframes physical-processor{0%,100%{transform:translateY(-62px)}40%,65%{transform:translateY(38px)}}@keyframes physical-cover{0%,100%{transform:translateY(-20px);opacity:.45}40%,65%{transform:translateY(135px);opacity:.2}}@keyframes physical-progress{0%,15%,100%{stroke-dashoffset:98}55%,75%{stroke-dashoffset:0}}
@media(max-width:650px){.physical-service-hero svg{max-height:280px}.physical-service-hero .service-hero-caption{font-size:9px}.physical-service-hero .service-hero-caption>span:last-child{font-size:6px;letter-spacing:.5px}}
@media(prefers-reduced-motion:reduce){.iot-coverage ellipse{opacity:.3}.iot-coverage ellipse:nth-child(2){transform:scale(2)}.iot-coverage ellipse:nth-child(3){transform:scale(3)}.embedded-processor{transform:translateY(-62px)}.embedded-board{transform:translateY(-12px)}.embedded-cover{transform:translateY(-20px);opacity:.45}.embedded-progress{stroke-dashoffset:0}}
