.HowIotiWorks_section__szaDt{position:relative;overflow:hidden;padding:68px 0 62px;color:#eff8ff;background:radial-gradient(circle at 50% 36%,rgba(22,128,238,.24),transparent 24%),radial-gradient(circle at 10% 80%,rgba(22,104,220,.18),transparent 24%),linear-gradient(135deg,#06142a,#082344 54%,#05162d)}.HowIotiWorks_section__szaDt:before{content:"";position:absolute;inset:0;opacity:.18;pointer-events:none;background-image:linear-gradient(rgba(133,206,255,.18) 1px,transparent 0),linear-gradient(90deg,rgba(133,206,255,.18) 1px,transparent 0);background-size:42px 42px;-webkit-mask-image:linear-gradient(180deg,transparent,#000 28%,#000 72%,transparent);mask-image:linear-gradient(180deg,transparent,#000 28%,#000 72%,transparent)}.HowIotiWorks_section__szaDt:after{content:"";position:absolute;z-index:0;width:6px;height:6px;left:16%;top:38%;border-radius:50%;background:#72d6ff;box-shadow:130px 210px #5aabff,690px 68px #6bc4ff,820px 222px #79e0ff,420px -66px #7bc6ff;animation:HowIotiWorks_particles__uEPwF 7s ease-in-out infinite alternate}.HowIotiWorks_section__szaDt .container{position:relative;z-index:1}.HowIotiWorks_heading__4BFxo{text-align:center;margin-bottom:20px;opacity:0;transform:translateY(15px);transition:.7s ease}.HowIotiWorks_heading__4BFxo span{color:#79d5ff;font-size:12px;font-weight:800;letter-spacing:.18em;text-transform:uppercase}.HowIotiWorks_heading__4BFxo h2{margin:7px 0 0;color:#fff;font-size:clamp(29px,3.2vw,43px);font-weight:800;letter-spacing:-.035em}.HowIotiWorks_workflow__XY37G{position:relative;max-width:1140px;height:402px;margin:0 auto 32px;opacity:0;transform:translateY(18px);transition:opacity .75s ease .12s,transform .75s ease .12s}.HowIotiWorks_connections__nMXIo{position:absolute;inset:0;z-index:0;width:100%;height:100%;overflow:visible}.HowIotiWorks_connections__nMXIo path{fill:none;stroke:rgba(106,205,255,.3);stroke-width:1.25;stroke-dasharray:3 8}.HowIotiWorks_connections__nMXIo .HowIotiWorks_flow__7Qkt3{stroke:#58c8ff;stroke-width:2;stroke-dasharray:5 17;animation:HowIotiWorks_flow__7Qkt3 1.4s linear infinite;filter:drop-shadow(0 0 4px #57c8ff)}.HowIotiWorks_workflowCard__1IOE8{position:absolute;z-index:2;width:260px;margin:0;animation:HowIotiWorks_float__tv38H 5s ease-in-out infinite}.HowIotiWorks_topLeft__uLZu2{left:3%;top:18px}.HowIotiWorks_topRight__sonuF{right:3%;top:18px;animation-delay:-1.2s}.HowIotiWorks_bottomLeft__zOPJH{left:3%;bottom:1px;animation-delay:-2.4s}.HowIotiWorks_bottomRight__zkjT_{right:3%;bottom:1px;animation-delay:-3.5s}.HowIotiWorks_imageFrame__pI9n8{position:relative;height:150px;overflow:hidden;border:1px solid rgba(115,210,255,.5);border-radius:16px;background:#102b4f;box-shadow:0 11px 27px rgba(0,90,200,.34),inset 0 0 20px rgba(42,177,255,.1);transition:transform .3s ease,box-shadow .3s ease}.HowIotiWorks_workflowCard__1IOE8:hover .HowIotiWorks_imageFrame__pI9n8{transform:translateY(-6px) scale(1.025);box-shadow:0 17px 36px rgba(22,159,255,.48),0 0 23px rgba(80,202,255,.3)}.HowIotiWorks_imageFrame__pI9n8 img{object-fit:cover;transition:transform .45s ease}.HowIotiWorks_workflowCard__1IOE8:hover img{transform:scale(1.07)}.HowIotiWorks_workflowCard__1IOE8 h3{margin:9px 0 0;color:#eaf7ff;font-size:14px;font-weight:700;text-align:center}.HowIotiWorks_hub___tHPk{position:absolute;z-index:3;top:76px;left:50%;width:180px;height:180px;transform:translateX(-50%)}.HowIotiWorks_ringOne__oYK4y,.HowIotiWorks_ringTwo__cf789{position:absolute;border:1px solid rgba(114,215,255,.62);border-radius:50%}.HowIotiWorks_ringOne__oYK4y{inset:-19px;border-right-color:transparent;animation:HowIotiWorks_spin__uBpCQ 13s linear infinite}.HowIotiWorks_ringTwo__cf789{inset:-36px;border-left-color:transparent;opacity:.55;animation:HowIotiWorks_spinReverse__AEoox 18s linear infinite}.HowIotiWorks_hubCore__pgHSR{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid rgba(137,222,255,.64);border-radius:50%;background:radial-gradient(circle at 35% 27%,rgba(76,197,255,.46),rgba(15,87,166,.72) 48%,rgba(6,35,77,.96));box-shadow:0 0 0 10px rgba(60,178,255,.07),0 0 39px rgba(51,181,255,.44);text-align:center}.HowIotiWorks_cloud__Mqt8G{width:43px;height:43px;margin-bottom:7px;color:#d5f7ff;animation:HowIotiWorks_cloudPulse__2u181 2.8s ease-in-out infinite}.HowIotiWorks_cloud__Mqt8G svg,.HowIotiWorks_dashboard__d_8uD svg,.HowIotiWorks_featureIcon___s9uE svg{width:100%;height:100%}.HowIotiWorks_hubCore__pgHSR strong{color:#fff;font-size:19px;line-height:1.2}.HowIotiWorks_hubCore__pgHSR small{margin-top:6px;color:#bceaff;font-size:9px;letter-spacing:.04em}.HowIotiWorks_hubCore__pgHSR b{color:#6bddff}.HowIotiWorks_dashboard__d_8uD{position:absolute;z-index:2;top:327px;left:50%;display:flex;align-items:center;gap:11px;width:350px;min-height:66px;padding:9px 14px;transform:translateX(-50%);border:1px solid rgba(132,214,255,.46);border-radius:12px;background:rgba(10,48,91,.72);box-shadow:0 9px 24px rgba(0,21,56,.34),inset 0 1px hsla(0,0%,100%,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:HowIotiWorks_dashboardPulse__AsPvk 3.2s ease-in-out infinite}.HowIotiWorks_dashboard__d_8uD>span{flex:0 0 auto;width:31px;color:#70d3ff}.HowIotiWorks_dashboard__d_8uD div{min-width:0}.HowIotiWorks_dashboard__d_8uD strong{display:block;color:#fff;font-size:14px}.HowIotiWorks_dashboard__d_8uD small{display:block;overflow:hidden;color:#b8e9ff;font-size:9px;white-space:nowrap}.HowIotiWorks_dashboard__d_8uD i{margin-left:auto;color:#72dbff;font-size:10px;font-style:normal;font-weight:700}.HowIotiWorks_featureGrid__iEHTq{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:16px;gap:16px;opacity:0;transform:translateY(16px);transition:opacity .75s ease .24s,transform .75s ease .24s}.HowIotiWorks_featureCard__g4tCy{display:flex;align-items:center;gap:13px;min-height:101px;padding:15px 17px;overflow:hidden;border:1px solid rgba(124,207,255,.28);border-radius:14px;background:rgba(17,60,105,.49);box-shadow:inset 0 1px hsla(0,0%,100%,.07);-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.HowIotiWorks_featureCard__g4tCy:hover{transform:translateY(-4px);border-color:rgba(119,220,255,.72);box-shadow:0 12px 28px rgba(0,131,230,.22),inset 0 1px hsla(0,0%,100%,.12)}.HowIotiWorks_featureNumber__WKA9A{color:rgba(139,221,255,.56);font-size:12px;font-weight:800;align-self:flex-start}.HowIotiWorks_featureIcon___s9uE{flex:0 0 auto;width:30px;color:#70d9ff}.HowIotiWorks_featureCard__g4tCy h3{margin:0 0 4px;color:#fff;font-size:14px;font-weight:750}.HowIotiWorks_featureCard__g4tCy p{margin:0;color:#b8ddef;font-size:12px;line-height:1.45}.HowIotiWorks_isVisible__rX8BP .HowIotiWorks_featureGrid__iEHTq,.HowIotiWorks_isVisible__rX8BP .HowIotiWorks_heading__4BFxo,.HowIotiWorks_isVisible__rX8BP .HowIotiWorks_workflow__XY37G{opacity:1;transform:translateY(0)}@keyframes HowIotiWorks_spin__uBpCQ{to{transform:rotate(1turn)}}@keyframes HowIotiWorks_spinReverse__AEoox{to{transform:rotate(-1turn)}}@keyframes HowIotiWorks_flow__7Qkt3{to{stroke-dashoffset:-22}}@keyframes HowIotiWorks_float__tv38H{50%{transform:translateY(-6px)}}@keyframes HowIotiWorks_cloudPulse__2u181{50%{transform:scale(1.12);filter:drop-shadow(0 0 6px #a5efff)}}@keyframes HowIotiWorks_dashboardPulse__AsPvk{50%{box-shadow:0 9px 26px rgba(0,143,243,.42),inset 0 1px hsla(0,0%,100%,.14)}}@keyframes HowIotiWorks_particles__uEPwF{to{transform:translate(35px,-15px);opacity:.5}}@media(max-width:991px){.HowIotiWorks_section__szaDt{padding:60px 0}.HowIotiWorks_workflow__XY37G{max-width:720px;height:520px}.HowIotiWorks_workflowCard__1IOE8{width:235px}.HowIotiWorks_imageFrame__pI9n8{height:140px}.HowIotiWorks_topLeft__uLZu2{left:0;top:12px}.HowIotiWorks_topRight__sonuF{right:0;top:12px}.HowIotiWorks_bottomLeft__zOPJH{left:0;bottom:94px}.HowIotiWorks_bottomRight__zkjT_{right:0;bottom:94px}.HowIotiWorks_hub___tHPk{top:150px}.HowIotiWorks_dashboard__d_8uD{top:422px}.HowIotiWorks_connections__nMXIo{display:none}}@media(max-width:650px){.HowIotiWorks_section__szaDt{padding:48px 0}.HowIotiWorks_heading__4BFxo{margin-bottom:28px}.HowIotiWorks_heading__4BFxo h2{font-size:27px}.HowIotiWorks_workflow__XY37G{display:flex;flex-direction:column;align-items:center;height:auto;gap:18px;margin-bottom:24px}.HowIotiWorks_dashboard__d_8uD,.HowIotiWorks_hub___tHPk,.HowIotiWorks_workflowCard__1IOE8{position:relative;top:auto;right:auto;bottom:auto;left:auto;transform:none}.HowIotiWorks_workflowCard__1IOE8{width:min(100%,280px);animation:none}.HowIotiWorks_imageFrame__pI9n8{height:156px}.HowIotiWorks_hub___tHPk{order:-1;margin:24px 0 38px}.HowIotiWorks_dashboard__d_8uD{width:min(100%,300px);margin-top:9px}.HowIotiWorks_featureGrid__iEHTq{grid-template-columns:1fr;gap:10px}.HowIotiWorks_featureCard__g4tCy{min-height:82px}.HowIotiWorks_section__szaDt:after{display:none}}@media(prefers-reduced-motion:reduce){.HowIotiWorks_section__szaDt *,.HowIotiWorks_section__szaDt:after{animation:none!important;transition-duration:.01ms!important}}