.home main,
.home .site-main{
  padding-top:0!important;
}

.hc-hero-media,
.hc-hero-media .elementor-widget,
.hc-hero-media .elementor-widget-container{
  background:transparent!important;
  box-shadow:none!important;
}

.hv-home{
  width:100%;
  overflow:hidden;
  background:
    radial-gradient(circle at 12% 6%,rgba(37,99,235,.075),transparent 32%),
    radial-gradient(circle at 88% 10%,rgba(56,189,248,.09),transparent 34%),
    linear-gradient(180deg,#ffffff 0%,#f8fbff 58%,#ffffff 100%);
}

.hv-home-wrap{
  width:100%;
  max-width:1280px;
  margin:0 auto;
  padding:48px 24px 0;
}

.hv-home-hero-box{
  position:relative;
  display:grid;
  grid-template-columns:1.02fr .98fr;
  align-items:center;
  gap:58px;
  min-height:650px;
  padding:74px;
  border-radius:46px;
  overflow:hidden;
  isolation:isolate;
  background:
    radial-gradient(circle at 82% 22%,rgba(56,189,248,.26),transparent 31%),
    radial-gradient(circle at 18% 96%,rgba(37,99,235,.18),transparent 36%),
    linear-gradient(135deg,#ffffff 0%,#f8fbff 48%,#eef6ff 100%);
  border:1px solid rgba(148,163,184,.22);
  box-shadow:
    0 44px 120px rgba(15,23,42,.10),
    inset 0 1px 0 rgba(255,255,255,.92);
}

.hv-home-hero-box::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-2;
  background-image:
    linear-gradient(rgba(37,99,235,.045) 1px,transparent 1px),
    linear-gradient(90deg,rgba(37,99,235,.045) 1px,transparent 1px);
  background-size:42px 42px;
  mask-image:radial-gradient(circle at 78% 45%,#000,transparent 64%);
}

.hv-home-copy h1{
  max-width:680px;
  margin:22px 0 22px;
  color:#0f172a!important;
  font-size:clamp(48px,5vw,76px);
  line-height:.98;
  letter-spacing:-3.4px;
  font-weight:950;
}

.hv-home-copy p{
  max-width:650px;
  margin:0 0 34px;
  color:#52627a!important;
  font-size:17px;
  line-height:1.82;
  font-weight:500;
}

.hv-home-actions{
  display:flex;
  flex-wrap:wrap;
  gap:16px;
  margin-bottom:38px;
}

.hv-home-actions .ghost{
  background:#0f172a!important;
  color:#fff!important;
  border-color:rgba(15,23,42,.12)!important;
}

.hv-home-metrics{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:14px;
  max-width:720px;
}

.hv-home-metrics div{
  padding:18px;
  border-radius:20px;
  background:linear-gradient(180deg,#ffffff,#f8fbff);
  border:1px solid rgba(148,163,184,.22);
  box-shadow:
    0 18px 45px rgba(15,23,42,.06),
    inset 0 1px 0 rgba(255,255,255,.9);
}

.hv-home-metrics strong{
  display:block;
  color:#2563eb;
  font-size:25px;
  line-height:1;
  font-weight:950;
  margin-bottom:7px;
}

.hv-home-metrics span{
  color:#64748b;
  font-size:12px;
  font-weight:800;
}

.hv-home-visual{
  position:relative;
  min-height:470px;
  display:flex;
  align-items:center;
  justify-content:center;
}

.hv-home-hub{
  position:relative;
  width:480px;
  height:480px;
  display:flex;
  align-items:center;
  justify-content:center;
}

.hv-home-glow{
  position:absolute;
  width:430px;
  height:430px;
  border-radius:50%;
  background:
    radial-gradient(circle,#38bdf8 0%,rgba(37,99,235,.30) 34%,transparent 68%);
  filter:blur(10px);
  opacity:.62;
  animation:hvGlowBreath 6s ease-in-out infinite;
}

.hv-home-hub::before,
.hv-home-hub::after{
  content:"";
  position:absolute;
  border-radius:50%;
  border:1px solid rgba(37,99,235,.16);
}

.hv-home-hub::before{
  width:430px;
  height:430px;
}

.hv-home-hub::after{
  width:300px;
  height:300px;
}

.hv-home-product{
  position:absolute;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  font-weight:950;
  color:#2563eb;
  background:linear-gradient(180deg,#ffffff,#eef6ff);
  border:1px solid rgba(148,163,184,.22);
  box-shadow:
    0 34px 85px rgba(15,23,42,.16),
    inset 0 1px 0 rgba(255,255,255,.95);
}

.hv-home-product.main{
  width:220px;
  height:270px;
  border-radius:38px;
  font-size:20px;
  letter-spacing:2px;
  animation:hvFloatSlow 7s cubic-bezier(.45,0,.25,1) infinite;
}

.hv-home-product.main::before{
  content:"";
  position:absolute;
  top:44px;
  width:112px;
  height:112px;
  border-radius:50%;
  background:
    radial-gradient(circle,#38bdf8 0 8%,#020617 9% 42%,#111827 43% 100%);
  box-shadow:
    inset 0 0 0 14px #f8fbff,
    0 20px 50px rgba(15,23,42,.18);
}

.hv-home-product.main{
  padding-top:160px;
}

.hv-home-product.mini{
  width:112px;
  height:112px;
  border-radius:28px;
  font-size:14px;
  animation:hvFloatSoft 6.5s cubic-bezier(.45,0,.25,1) infinite;
}

.hv-home-product.one{ top:18px; left:172px; }
.hv-home-product.two{ right:22px; top:184px; animation-delay:.4s; }
.hv-home-product.three{ bottom:20px; left:174px; animation-delay:.8s; }
.hv-home-product.four{ left:22px; top:184px; animation-delay:1.1s; }

.hv-home-marquee{
  display:flex;
  gap:34px;
  align-items:center;
  justify-content:center;
  margin:22px auto 0;
  padding:18px 24px;
  border-radius:999px;
  background:rgba(255,255,255,.78);
  border:1px solid rgba(148,163,184,.20);
  box-shadow:0 18px 50px rgba(15,23,42,.06);
  overflow:hidden;
}

.hv-home-marquee span{
  color:#2563eb;
  font-size:12px;
  font-weight:950;
  letter-spacing:1.1px;
  white-space:nowrap;
}

@media(max-width:1024px){
  .hv-home-hero-box{
    grid-template-columns:1fr;
    padding:52px 46px;
    min-height:auto;
  }

  .hv-home-visual{
    min-height:360px;
  }

  .hv-home-hub{
    transform:scale(.82);
  }

  .hv-home-metrics{
    grid-template-columns:repeat(2,1fr);
  }
}

@media(max-width:768px){
  .hv-home-wrap{
    padding:28px 16px 0;
  }

  .hv-home-hero-box{
    padding:30px 22px;
    border-radius:30px;
  }

  .hv-home-copy h1{
    font-size:clamp(32px,9.5vw,42px);
    letter-spacing:-1.5px;
  }

  .hv-home-copy p{
    font-size:14.5px;
    line-height:1.68;
  }

  .hv-home-actions{
    display:grid;
    grid-template-columns:1fr;
  }

  .hv-home-metrics{
    grid-template-columns:1fr;
  }

  .hv-home-visual{
    min-height:260px;
    margin-top:24px;
  }

  .hv-home-hub{
    transform:scale(.58);
  }

  .hv-home-marquee{
    justify-content:flex-start;
    overflow:auto;
    border-radius:24px;
  }
}

@keyframes hvHomeFloatMain{
  0%,100%{
    transform:translate3d(0,0,0) rotate(0deg);
  }
  50%{
    transform:translate3d(0,-14px,0) rotate(-1deg);
  }
}

@keyframes hvHomeFloatMini{
  0%,100%{
    transform:translate3d(0,0,0);
  }
  50%{
    transform:translate3d(0,-10px,0);
  }
}

@keyframes hvHomeGlowPulse{
  0%,100%{
    opacity:.48;
    transform:scale(1);
  }
  50%{
    opacity:.78;
    transform:scale(1.06);
  }
}

@keyframes hvHomeRingRotate{
  from{
    transform:rotate(0deg);
  }
  to{
    transform:rotate(360deg);
  }
}

@keyframes hvHomeGridDrift{
  0%,100%{
    background-position:0 0, 0 0;
  }
  50%{
    background-position:18px 12px, 12px 18px;
  }
}

.hv-home-hero-box::before{
  animation:hvHomeGridDrift 18s ease-in-out infinite !important;
}

.hv-home-glow{
  animation:hvHomeGlowPulse 5.8s ease-in-out infinite !important;
  will-change:transform,opacity;
}

.hv-home-hub::before{
  animation:hvHomeRingRotate 36s linear infinite !important;
}

.hv-home-hub::after{
  animation:hvHomeRingRotate 48s linear infinite reverse !important;
}

.hv-home-product.main{
  animation:hvHomeFloatMain 7.2s cubic-bezier(.45,0,.25,1) infinite !important;
  will-change:transform;
}

.hv-home-product.mini{
  animation:hvHomeFloatMini 6.4s cubic-bezier(.45,0,.25,1) infinite !important;
  will-change:transform;
}

.hv-home-product.one{
  animation-delay:.15s !important;
}

.hv-home-product.two{
  animation-delay:.55s !important;
}

.hv-home-product.three{
  animation-delay:.95s !important;
}

.hv-home-product.four{
  animation-delay:1.25s !important;
}

@media (hover:hover){

  .hv-home-product{
    transition:
      transform .32s cubic-bezier(.2,.8,.2,1),
      box-shadow .32s cubic-bezier(.2,.8,.2,1),
      border-color .32s cubic-bezier(.2,.8,.2,1) !important;
  }

  .hv-home-product:hover{
    box-shadow:
      0 42px 105px rgba(37,99,235,.20),
      inset 0 1px 0 rgba(255,255,255,.96) !important;
    border-color:rgba(37,99,235,.30) !important;
  }

  .hv-home-metrics div{
    transition:
      transform .28s cubic-bezier(.2,.8,.2,1),
      box-shadow .28s cubic-bezier(.2,.8,.2,1),
      border-color .28s cubic-bezier(.2,.8,.2,1) !important;
  }

  .hv-home-metrics div:hover{
    transform:translateY(-6px) !important;
    border-color:rgba(37,99,235,.26) !important;
    box-shadow:
      0 28px 70px rgba(37,99,235,.13),
      inset 0 1px 0 rgba(255,255,255,.95) !important;
  }

  .hv-home-marquee span{
    transition:color .25s ease, transform .25s ease !important;
  }

  .hv-home-marquee span:hover{
    color:#0f172a !important;
    transform:translateY(-2px) !important;
  }
}

.hv-home .hv2-btn{
  transform:translateZ(0);
  backface-visibility:hidden;
}

.hv-home .hv2-btn:active{
  transform:translateY(-1px) scale(.985) !important;
}

@keyframes hvHomeMarqueeGlow{
  0%,100%{
    box-shadow:0 18px 50px rgba(15,23,42,.06);
  }
  50%{
    box-shadow:0 22px 64px rgba(37,99,235,.10);
  }
}

.hv-home-marquee{
  animation:hvHomeMarqueeGlow 6s ease-in-out infinite !important;
}

@media (max-width:768px){

  .hv-home-hero-box::before,
  .hv-home-hub::before,
  .hv-home-hub::after{
    animation:none !important;
  }

  .hv-home-glow{
    animation:hvHomeGlowPulse 7s ease-in-out infinite !important;
  }

  .hv-home-product.main{
    animation-duration:8.5s !important;
  }

  .hv-home-product.mini{
    animation:none !important;
  }
}

@media (prefers-reduced-motion: reduce){

  .hv-home-hero-box::before,
  .hv-home-glow,
  .hv-home-hub::before,
  .hv-home-hub::after,
  .hv-home-product.main,
  .hv-home-product.mini,
  .hv-home-marquee{
    animation:none !important;
  }
}

.hv-home-visual{
    position:relative;
    min-height:520px;
}

.hv3-scene{
    position:relative;
    width:520px;
    height:520px;
    display:flex;
    align-items:center;
    justify-content:center;
    margin:auto;
}

.hv3-light{
    position:absolute;
    width:430px;
    height:430px;
    border-radius:50%;
    background:radial-gradient(circle,
    rgba(56,189,248,.45),
    rgba(37,99,235,.18) 40%,
    transparent 70%);
    filter:blur(35px);
}

.hv3-orbit{
    position:absolute;
    border-radius:50%;
    border:1px solid rgba(37,99,235,.25);
}

.orbit-one{
    width:430px;
    height:430px;
}

.orbit-two{
    width:330px;
    height:330px;
}

.hv3-chip{

    position:absolute;

    width:85px;
    height:85px;

    border-radius:25px;

    display:flex;
    align-items:center;
    justify-content:center;

    background:rgba(255,255,255,.75);

    backdrop-filter:blur(15px);

    color:#2563eb;

    font-weight:900;

    box-shadow:
    0 25px 60px rgba(15,23,42,.15);

    z-index:10;

}

.chip-ai{
    top:80px;
    left:190px;
}

.chip-ptz{
    top:150px;
    right:50px;
}

.chip-solar{
    bottom:90px;
    right:110px;
}

.chip-wifi{
    bottom:120px;
    left:70px;
}

.hv3-data-node{

    position:absolute;

    padding:15px 20px;

    border-radius:18px;

    background:rgba(255,255,255,.65);

    backdrop-filter:blur(15px);

    box-shadow:
    0 20px 50px rgba(15,23,42,.12);

    z-index:20;

}

.hv3-data-node strong{

    display:block;

    color:#2563eb;

}

.hv3-data-node span{

    font-size:12px;

    color:#64748b;

}

.node-top{
    top:20px;
    right:80px;
}

.node-right{
    right:-20px;
    top:230px;
}

.node-left{
    left:-20px;
    top:260px;
}

.hv3-scene{
    transform:scale(.88);
}

@keyframes hv3CameraFloat{

    0%,100%{
        transform:translateY(0);
    }

    50%{
        transform:translateY(-12px);
    }

}

.chip-ai,
.chip-wifi{

    opacity:.65;
    transform:scale(.85);

}

.hv3-data-node{

    background:
    rgba(255,255,255,.45);

    border:
    1px solid rgba(255,255,255,.8);

}

.orbit-one{

animation:
hv3Rotate 45s linear infinite;

}

.orbit-two{

animation:
hv3Rotate 55s linear infinite reverse;

}

.hv3-data-node,
.hv3-chip{

    backdrop-filter:blur(8px) !important;
    -webkit-backdrop-filter:blur(8px) !important;

}

.hv3-data-node,
.hv3-chip{

    box-shadow:
    0 15px 35px rgba(15,23,42,.10) !important;

}

.hv3-light{

    filter:blur(20px) !important;

    opacity:.65;

}

.orbit-one{

    animation-duration:80s !important;

}

.orbit-two{

    animation-duration:95s !important;

}

@media(max-width:1024px){

.hv3-light{

    filter:blur(12px)!important;

}

.hv3-data-node,
.hv3-chip{

    backdrop-filter:none !important;

    -webkit-backdrop-filter:none !important;

}

}

*{
    animation-play-state: paused !important;
}

.hv3-light,
.hv3-orbit,
.hv3-data-node,
.hv3-chip,
.hv3-camera,
.hv-home-marquee,
.hv-home-hero-box::before{
    animation:none !important;
    transition:none !important;
}

.hv3-data-node,
.hv3-chip{
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
}

.hv3-light{
    filter:none !important;
}

.hv3-camera,
.hv3-data-node,
.hv3-chip{
    box-shadow:none !important;
}

.hv3-scene{
    transform:scale(.9);
}

.hv3-light{

    display:block !important;

    width:360px;
    height:360px;

    background:
    radial-gradient(
        circle,
        rgba(56,189,248,.28),
        rgba(37,99,235,.12) 40%,
        transparent 70%
    );

    filter:blur(18px) !important;

    animation:
    hv3SoftGlow 7s ease-in-out infinite;

}

@keyframes hv3SoftGlow{

    0%,100%{
        opacity:.45;
        transform:scale(1);
    }

    50%{
        opacity:.7;
        transform:scale(1.05);
    }

}

@keyframes hv3CameraFloat{

    0%,100%{
        transform:translateY(0);
    }

    50%{
        transform:translateY(-10px);
    }

}

.orbit-one{

    display:block !important;

    width:420px;
    height:420px;

    animation:
    hv3Rotate 70s linear infinite !important;

}

.orbit-two{

    opacity:.35;

    animation:
    hv3Rotate 100s linear infinite reverse !important;

}

.hv3-data-node{

    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;

    background:

    rgba(255,255,255,.82) !important;

    box-shadow:

    0 18px 35px rgba(15,23,42,.08) !important;

}

.hv3-chip{

    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;

    background:

    rgba(255,255,255,.88) !important;

    box-shadow:

    0 12px 25px rgba(15,23,42,.08) !important;

}

.chip-ai,
.chip-wifi{

    opacity:.35;
    transform:scale(.8);

}

@media(max-width:768px){

    .hv3-scene{
        transform:scale(.62);
    }

    .hv3-light{
        filter:blur(10px)!important;
    }

}

.hv-home .hv2-btn{

    position:relative;
    overflow:hidden;

    border-radius:18px !important;

    font-weight:900 !important;

    letter-spacing:-.2px;

    transition:

    transform .35s cubic-bezier(.2,.8,.2,1),
    box-shadow .35s cubic-bezier(.2,.8,.2,1),
    border-color .35s ease !important;

    background:

    linear-gradient(
        135deg,
        #2563eb,
        #3b82f6 55%,
        #38bdf8
    ) !important;

    box-shadow:

    0 18px 40px rgba(37,99,235,.28),
    inset 0 1px 0 rgba(255,255,255,.45) !important;

}

.hv-home .hv2-btn::before{

    content:"";

    position:absolute;

    inset:0;

    background:

    linear-gradient(
        110deg,
        transparent 20%,
        rgba(255,255,255,.35),
        transparent 70%
    );

    transform:translateX(-120%);

    transition:

    transform .65s cubic-bezier(.2,.8,.2,1);

}

@media(hover:hover){

.hv-home .hv2-btn:hover{

    transform:

    translateY(-4px);

    box-shadow:

    0 28px 65px rgba(37,99,235,.38),
    inset 0 1px 0 rgba(255,255,255,.55) !important;

}

.hv-home .hv2-btn:hover::before{

    transform:translateX(120%);

}

}

.hv-home .hv2-btn:active{

    transform:

    translateY(-1px)
    scale(.985);

}

.hv-home .hv2-btn.ghost{

    background:

    rgba(15,23,42,.92) !important;

    color:white !important;

    border:

    1px solid rgba(255,255,255,.14) !important;

    box-shadow:

    0 18px 40px rgba(15,23,42,.18),
    inset 0 1px 0 rgba(255,255,255,.18) !important;

}

@media(hover:hover){

.hv-home .hv2-btn.ghost:hover{

    background:

    rgba(30,41,59,1) !important;

    border-color:

    rgba(255,255,255,.28) !important;

    box-shadow:

    0 30px 70px rgba(15,23,42,.28),
    inset 0 1px 0 rgba(255,255,255,.22) !important;

}

}

@media(max-width:768px){

.hv-home .hv2-btn{

    width:100%;

    min-height:52px !important;

}

.hv-home .hv2-btn::before{

    display:none;

}

}

@keyframes hvProductFloat{

    0%,100%{

        transform:

        translate3d(0,0,0)
        rotateX(0deg)
        rotateY(0deg);

    }

    50%{

        transform:

        translate3d(0,-12px,0)
        rotateX(2deg)
        rotateY(-2deg);

    }

}

@keyframes hvShadowFloat{

    0%,100%{

        transform:
        translateX(-50%)
        scale(.8);

        opacity:.45;

    }

    50%{

        transform:
        translateX(-50%)
        scale(1.15);

        opacity:.25;

    }

}

@media(hover:hover){

.hv3-camera{

    transition:

    box-shadow .45s ease,
    filter .45s ease;

}

.hv3-camera:hover{

    box-shadow:

    0 55px 100px rgba(37,99,235,.25),
    0 35px 70px rgba(15,23,42,.16) !important;

    filter:

    brightness(1.04);

}

}

@media(max-width:768px){

.hv3-camera{

    animation-duration:8.5s !important;

}

.hv3-camera::after{

    display:none;

}

}

.hv-home-stats{

    margin-top:32px;

    display:grid;

    grid-template-columns:
    repeat(4,1fr);

    gap:16px;

    padding:18px;

    border-radius:32px;

    background:

    rgba(255,255,255,.65);

    border:

    1px solid rgba(148,163,184,.22);

    box-shadow:

    0 25px 70px rgba(15,23,42,.08),
    inset 0 1px 0 rgba(255,255,255,.9);

}

.hv-stat{

    padding:24px 18px;

    border-radius:24px;

    background:

    linear-gradient(
    180deg,
    rgba(255,255,255,.9),
    rgba(248,251,255,.9)
    );

    border:

    1px solid rgba(148,163,184,.18);

    transition:

    transform .35s ease,
    box-shadow .35s ease;

}

.hv-stat strong{

    display:block;

    font-size:34px;

    line-height:1;

    font-weight:950;

    letter-spacing:-1px;

    color:#2563eb;

    margin-bottom:10px;

}

.hv-stat span{

    display:block;

    font-size:13px;

    font-weight:700;

    color:#64748b;

}

@media(hover:hover){

.hv-stat:hover{

    transform:

    translateY(-7px);

    box-shadow:

    0 28px 70px rgba(37,99,235,.14);

}

}

@media(max-width:1024px){

.hv-home-stats{

    grid-template-columns:
    repeat(2,1fr);

}

}

@media(max-width:768px){

.hv-home-stats{

    grid-template-columns:1fr;

    padding:12px;

}

.hv-stat{

    padding:22px;

}

}

.hv-partners{

    margin-top:70px;

}

.hv-partners-head{

    max-width:720px;

    margin-bottom:35px;

}

.hv-partners-head h2{

    margin:18px 0;

    font-size:clamp(32px,4vw,48px);

    line-height:1.08;

    letter-spacing:-1.8px;

    color:#0f172a;

}

.hv-partners-head p{

    color:#64748b;

    font-size:16px;

    line-height:1.75;

}

.hv-partners-grid{

    display:grid;

    grid-template-columns:

    repeat(4,1fr);

    gap:18px;

}

.hv-partner-card{

    padding:30px 24px;

    border-radius:28px;

    background:

    linear-gradient(
    180deg,
    rgba(255,255,255,.95),
    rgba(248,251,255,.95)
    );

    border:

    1px solid rgba(148,163,184,.2);

    box-shadow:

    0 20px 60px rgba(15,23,42,.06),
    inset 0 1px 0 rgba(255,255,255,.9);

    transition:

    transform .35s ease,
    box-shadow .35s ease;

}

.hv-partner-card strong{

    display:block;

    color:#2563eb;

    font-size:20px;

    font-weight:900;

    margin-bottom:12px;

}

.hv-partner-card span{

    color:#64748b;

    font-size:14px;

    line-height:1.7;

}

@media(hover:hover){

.hv-partner-card:hover{

    transform:

    translateY(-7px);

    box-shadow:

    0 35px 80px rgba(37,99,235,.12);

}

}

@media(max-width:1024px){

.hv-partners-grid{

    grid-template-columns:

    repeat(2,1fr);

}

}

@media(max-width:768px){

.hv-partners{

    margin-top:45px;

}

.hv-partners-grid{

    grid-template-columns:1fr;

}

}

.hv3-scene{
    position:relative;
}

.hv3-data-node.node-top{
    top:35px;
    right:55px;
}

.hv3-data-node.node-right{
    right:-25px;
    top:50%;
    transform:translateY(-50%);
}

.hv3-data-node.node-left{
    left:-35px;
    top:55%;
    transform:translateY(-50%);
}

.hv3-chip.chip-ai{
    top:80px;
    left:50%;
}

.hv3-chip.chip-ptz{
    top:45%;
    right:35px;
}

.hv3-chip.chip-solar{
    bottom:70px;
    right:110px;
}

.hv3-chip.chip-wifi{
    bottom:80px;
    left:90px;
}

.hv-home-visual{
    overflow:visible;
}

@media(max-width:1200px){

.hv3-data-node.node-top{
    right:20px;
}

.hv3-data-node.node-right{
    right:-10px;
}

.hv3-data-node.node-left{
    left:-10px;
}

}

.hv3-data-node.node-top{
    top:55px;
    right:90px;
}

.hv3-data-node.node-right{
    right:20px;
    top:52%;
}

.hv3-data-node.node-left{
    left:-10px;
    top:55%;
}

.hv3-chip.chip-ai{
    top:95px;
}

.hv3-chip.chip-ptz{
    right:70px;
}

.hv3-chip.chip-solar{
    bottom:55px;
    right:130px;
}

.hv3-chip.chip-wifi{
    bottom:70px;
    left:110px;
}

.hv-home-visual{
    overflow:hidden;
}

.hv3-orbit,
.hv3-light{
    z-index:1;
}

.hv3-data-node,
.hv3-chip{
    position:absolute;
    z-index:10;
}

.hv3-chip.chip-ai{
    top:90px;
    left:50%;
    transform:translateX(-50%);
}

.hv3-chip.chip-ptz{
    top:45%;
    right:40px;
}

.hv3-chip.chip-solar{
    bottom:55px;
    right:120px;
}

.hv3-chip.chip-wifi{
    bottom:80px;
    left:80px;
}

.hv3-data-node.node-top{
    top:30px;
    right:80px;
}

.hv3-data-node.node-right{
    right:20px;
    top:55%;
}

.hv3-data-node.node-left{
    left:-20px;
    top:55%;
}

.hv-home .hv3-scene{

    width:520px;
    height:520px;
    overflow:visible;

}

.hv-home .hv3-camera{

    z-index:5;

}

.hv-home .hv3-data-node{

    z-index:10;

    min-width:125px;

    padding:18px 22px;

    border-radius:22px;

    background:rgba(255,255,255,.86);

    backdrop-filter:blur(18px);

    box-shadow:

    0 22px 55px rgba(15,23,42,.12),

    inset 0 1px 0 rgba(255,255,255,.9);

}

.hv-home .hv3-data-node.node-top{

    top:25px !important;

    right:45px !important;

}

.hv-home .hv3-data-node.node-right{

    right:10px !important;

    top:250px !important;

}

.hv-home .hv3-data-node.node-left{

    left:10px !important;

    top:250px !important;

}

.hv-home .hv3-chip{

    z-index:12;

    padding:18px 22px;

    min-width:75px;

    text-align:center;

    border-radius:22px;

    background:rgba(255,255,255,.88);

    backdrop-filter:blur(18px);

    box-shadow:

    0 20px 45px rgba(15,23,42,.12),

    inset 0 1px 0 rgba(255,255,255,.9);

}

.hv-home .chip-ai{

    top:80px !important;

    left:50% !important;

    transform:translateX(-50%);

}

.hv-home .chip-ptz{

    right:70px !important;

    top:155px !important;

}

.hv-home .chip-solar{

    bottom:45px !important;

    right:50% !important;

    transform:translateX(50%);

}

.hv-home .chip-wifi{

    left:80px !important;

    bottom:80px !important;

}

@media(min-width:1200px){

    .hv-home .hv-home-visual{

        transform:scale(.92);

        transform-origin:center;

    }

}

.hv-home,
.hv-home-hero,
.hv-home-wrap{

    overflow:hidden;

}

@media(max-width:768px){

.hv-home .hv3-scene{

    width:340px;

    height:340px;

}

.hv-home .hv3-data-node,
.hv-home .hv3-chip{

    transform:scale(.75);

}

}

.hv-home .chip-ptz {

    right: 35px !important;
    top: 120px !important;

}

.hv-home .hv3-data-node.node-right {

    right: -5px !important;
    top: 285px !important;

}

.hv-home .hv3-scene {

    overflow: visible;

}

.hv-home .chip-ptz,
.hv-home .hv3-data-node.node-right {

    z-index: 15;

}

.hv-home .hv-agriculture-card{

    position:absolute;

    right:-40px;

    bottom:90px;

    width:190px;

    padding:22px;

    border-radius:28px;

    background:rgba(255,255,255,.72);

    backdrop-filter:blur(18px);

    border:1px solid rgba(255,255,255,.8);

    box-shadow:

    0 25px 60px rgba(15,23,42,.12);

    z-index:20;

}

.hv-home .hv-agri-label{

    display:inline-block;

    font-size:10px;

    letter-spacing:1.5px;

    color:#2563eb;

    margin-bottom:12px;

}

.hv-home .hv-agriculture-card h4{

    margin:0 0 10px;

    font-size:18px;

    line-height:1.2;

    color:#111827;

}

.hv-home .hv-agriculture-card p{

    margin:0 0 16px;

    font-size:12px;

    line-height:1.7;

    color:#64748b;

}

.hv-home .hv-agri-tags{

    display:flex;

    gap:8px;

}

.hv-home .hv-agri-tags span{

    font-size:11px;

    padding:6px 10px;

    border-radius:20px;

    background:#eff6ff;

    color:#2563eb;

}

.hv-home .hv3-scene{

    overflow:visible;

}

@media(max-width:1024px){

    .hv-home .hv-agriculture-card{

        right:0;

        bottom:40px;

        transform:scale(.85);

    }

}

@media(max-width:768px){

    .hv-home .hv-agriculture-card{

        display:none;

    }

}

.hv-home .hv-agriculture-card{

    right:-15px;

    bottom:25px;

    width:175px;

    padding:18px;

    transform:scale(.92);

}

.hv-home .hv-agriculture-card h4{

    font-size:16px;

}

.hv-home .hv-agriculture-card p{

    font-size:11px;

}

.hv-home .hv3-camera{

    z-index:8;

}

.hv-home .hv-agriculture-card{

    z-index:30;

}

.hv-home .hv-agriculture-card{

    right:-55px;

    bottom:-25px;

    width:165px;

    padding:16px;

    transform:scale(.85);

}

.hv-home .hv-agriculture-card h4{

    margin-bottom:8px;

    font-size:15px;

}

.hv-home .hv-agriculture-card p{

    font-size:10px;

    line-height:1.5;

}

.hv-home .hv-agriculture-card{

    filter:drop-shadow(0 20px 40px rgba(15,23,42,.12));

}

.hv-home .node-right{

    transform:translate(20px,-10px);

}.hv-home .hv-agriculture-card{
    display:none;
}

.hv-why{

    padding:100px 0;

}

.hv-why-head{

    max-width:700px;

    margin-bottom:60px;

}

.hv-why-head h2{

    margin:18px 0;

    font-size:48px;

    line-height:1.1;

    color:#0f172a;

    font-weight:800;

}

.hv-why-head p{

    color:#64748b;

    font-size:18px;

    line-height:1.7;

}

.hv-why-grid{

    display:grid;

    grid-template-columns:repeat(3,1fr);

    gap:24px;

}

.hv-why-card{

    padding:32px;

    min-height:150px;

    background:

    linear-gradient(
        145deg,
        rgba(255,255,255,.9),
        rgba(241,245,249,.7)
    );

    border:1px solid rgba(148,163,184,.18);

    border-radius:28px;

    box-shadow:

    0 20px 50px rgba(15,23,42,.08);

    transition:.35s ease;

}

.hv-why-card:hover{

    transform:translateY(-8px);

    box-shadow:

    0 30px 70px rgba(15,23,42,.14);

}

.hv-why-card strong{

    display:block;

    font-size:22px;

    color:#111827;

    margin-bottom:14px;

}

.hv-why-card span{

    color:#64748b;

    font-size:15px;

    line-height:1.7;

}

@media(max-width:1024px){

    .hv-why-grid{

        grid-template-columns:repeat(2,1fr);

    }

    .hv-why-head h2{

        font-size:38px;

    }

}

@media(max-width:768px){

    .hv-why{

        padding:70px 0;

    }

    .hv-why-grid{

        grid-template-columns:1fr;

    }

    .hv-why-head h2{

        font-size:32px;

    }

    .hv-why-card{

        padding:26px;

    }

}

.hv-why{

    padding:120px 0;

    background:
    radial-gradient(
        circle at 85% 0%,
        rgba(37,99,235,.15),
        transparent 35%
    );

}

.hv-why-head{

    max-width:760px;

    margin-bottom:70px;

}

.hv-why-head h2{

    font-size:56px !important;

    line-height:1.05;

    font-weight:900;

    letter-spacing:-1.5px;

    color:#071126;

}

.hv-why-head p{

    font-size:18px;

    color:#64748b;

}

.hv-why-grid{

    gap:28px;

}

.hv-why-card{

    position:relative;

    min-height:210px;

    padding:38px 34px !important;

    border-radius:32px !important;

    background:

    linear-gradient(
        145deg,
        rgba(255,255,255,.95),
        rgba(241,245,249,.65)
    ) !important;

    border:

    1px solid rgba(148,163,184,.22) !important;

    box-shadow:

    0 25px 70px rgba(15,23,42,.08);

    overflow:hidden;

    transition:.45s ease;

}

.hv-why-card:before{

    content:"";

    position:absolute;

    width:180px;

    height:180px;

    right:-70px;

    top:-70px;

    background:

    radial-gradient(
        circle,
        rgba(37,99,235,.25),
        transparent 70%
    );

}

.hv-why-card:hover{

    transform:translateY(-10px);

    box-shadow:

    0 35px 90px rgba(37,99,235,.18);

}

.hv-number{

    color:#2563eb !important;

    font-size:13px;

    letter-spacing:3px;

}

.hv-why-card strong,
.hv-why-card h3{

    position:relative;

    z-index:2;

    margin-top:22px;

    font-size:25px !important;

    font-weight:800;

    color:#0f172a;

}

.hv-why-card span,
.hv-why-card p{

    position:relative;

    z-index:2;

    color:#64748b;

    font-size:15px;

    line-height:1.8;

}

.hv-why-card:first-child{

    background:

    linear-gradient(
        145deg,
        #071426,
        #12325c
    ) !important;

}

.hv-why-card:first-child h3,
.hv-why-card:first-child strong{

    color:white !important;

}

.hv-why-card:first-child p,
.hv-why-card:first-child span{

    color:#dbeafe !important;

}

@media(max-width:1024px){

    .hv-why-head h2{

        font-size:42px !important;

    }

}

@media(max-width:768px){

    .hv-why{

        padding:80px 0;

    }

    .hv-why-head h2{

        font-size:34px !important;

    }

    .hv-why-card{

        min-height:180px;

    }

}

.hv-why{
    padding:100px 40px !important;
    background:#fff !important;
}

.hv-why-grid{
    display:grid !important;
    grid-template-columns:repeat(3,1fr) !important;
    gap:28px !important;
}

.hv-why-card{

    position:relative !important;

    min-height:240px !important;

    padding:38px 34px !important;

    background:
    linear-gradient(
    145deg,
    #ffffff,
    #f7faff
    ) !important;

    border:1px solid rgba(30,90,200,.12) !important;

    border-radius:32px !important;

    overflow:hidden !important;

    transition:all .4s ease !important;

    box-shadow:
    0 20px 50px rgba(10,40,90,.06) !important;

}

.hv-why-card::before{

    content:"" !important;

    position:absolute !important;

    width:200px !important;

    height:200px !important;

    right:-80px !important;

    top:-80px !important;

    background:
    radial-gradient(
    circle,
    rgba(45,120,255,.22),
    transparent 70%
    ) !important;

}

.hv-why-card:hover{

    transform:translateY(-10px) !important;

    box-shadow:
    0 35px 80px rgba(30,90,200,.15) !important;

}

.hv-number{

    display:block !important;

    font-size:13px !important;

    letter-spacing:5px !important;

    color:#2864ff !important;

    margin-bottom:35px !important;

}

.hv-why-card h3{

    font-size:25px !important;

    font-weight:800 !important;

    color:#07142f !important;

    margin-bottom:18px !important;

}

.hv-why-card p{

    font-size:16px !important;

    line-height:1.8 !important;

    color:#64748b !important;

}

.hv-why-card.active{

    background:
    linear-gradient(
    145deg,
    #ffffff,
    #eef5ff
    ) !important;

}

.hv-why-card.active::after{

    content:"" !important;

    position:absolute !important;

    top:0 !important;

    left:35px !important;

    right:35px !important;

    height:4px !important;

    background:
    linear-gradient(
    90deg,
    #1d5cff,
    #5ed5ff
    ) !important;

    border-radius:0 0 20px 20px !important;

}

@media(max-width:900px){

.hv-why-grid{

grid-template-columns:1fr !important;

}

}

.hv-why-card.active h3{
    color:#07142f !important;
}

.hv-why-card.active p{
    color:#64748b !important;
}

.hv-why-card.active .hv-number{
    color:#2864ff !important;
}

.hv-why-card.active{
    background:
    linear-gradient(
    145deg,
    #ffffff,
    #eef5ff
    ) !important;
}

.hv-why-card.active{

    border-color:rgba(40,100,255,.35) !important;

    box-shadow:
    0 25px 70px rgba(40,100,255,.18),
    inset 0 0 40px rgba(80,150,255,.08) !important;

}

.hv-why-card.active::before{

    opacity:1 !important;

    background:
    radial-gradient(
    circle,
    rgba(50,130,255,.35),
    transparent 70%
    ) !important;

}

.hv-why-card.active:hover{

    transform:
    translateY(-14px) !important;

    box-shadow:
    0 40px 90px rgba(40,100,255,.22) !important;

}

.hv-why-card.active h3{
    color:#164cff !important;
}

.hv-why-card.active .hv-number{
    font-weight:700 !important;
}

.hv-why-card.active{

    background:
    linear-gradient(
    145deg,
    #ffffff 20%,
    #eef6ff 100%
    ) !important;

}

.hv-why-card.active::after{

    height:5px !important;

    background:
    linear-gradient(
    90deg,
    #165cff,
    #61d8ff
    ) !important;

}

.hv-why{
    width:100% !important;
    overflow:hidden !important;
}

.hv-why-grid{
    max-width:1200px !important;
    margin:0 auto !important;
    width:100% !important;
}

.hv-why-card{
    min-width:0 !important;
}

.hv-featured{

    padding:120px 40px;

    overflow:hidden;

}

.hv-featured-wrap{

    max-width:1200px;

    margin:auto;

    display:grid;

    grid-template-columns:1fr 1fr;

    align-items:center;

    gap:80px;

}

.hv-featured-content h2{

    font-size:52px;

    line-height:1.1;

    font-weight:800;

    color:#07142f;

    margin:20px 0;

}

.hv-featured-content p{

    font-size:18px;

    line-height:1.8;

    color:#64748b;

    max-width:600px;

}

.hv-featured-features{

    display:grid;

    grid-template-columns:repeat(2,1fr);

    gap:18px;

    margin:40px 0;

}

.hv-featured-features div{

    padding:18px 20px;

    background:#f8fbff;

    border:1px solid rgba(40,100,255,.12);

    border-radius:18px;

}

.hv-featured-features strong{

    display:block;

    color:#185cff;

    font-size:22px;

}

.hv-featured-features span{

    color:#64748b;

    font-size:14px;

}

.hv-featured-visual{

    position:relative;

    height:520px;

    display:flex;

    align-items:center;

    justify-content:center;

}

.hv-product-glow{

    position:absolute;

    width:420px;

    height:420px;

    border-radius:50%;

    background:

    radial-gradient(
    circle,
    rgba(40,120,255,.35),
    transparent 70%
    );

}

.hv-product-card{

    position:relative;

    width:240px;

    height:320px;

    background:

    linear-gradient(
    145deg,
    #ffffff,
    #edf5ff
    );

    border-radius:45px;

    box-shadow:

    0 40px 90px rgba(20,60,130,.18);

    display:flex;

    align-items:center;

    justify-content:center;

    z-index:2;

}

.hv-product-camera{

    width:120px;

    height:120px;

    border-radius:50%;

    background:

    radial-gradient(
    circle,
    #111827 35%,
    #020617 70%
    );

    color:#2563ff;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:13px;

    letter-spacing:3px;

}

.hv-product-badge{

    position:absolute;

    padding:18px 25px;

    background:white;

    border-radius:20px;

    color:#185cff;

    font-weight:700;

    box-shadow:

    0 20px 50px rgba(20,60,130,.12);

    z-index:3;

}

.badge-ai{

    top:70px;

    right:80px;

}

.badge-4g{

    left:60px;

    top:220px;

}

.badge-ptz{

    right:40px;

    bottom:160px;

}

.badge-solar{

    bottom:70px;

    left:130px;

}

@media(max-width:900px){

.hv-featured-wrap{

grid-template-columns:1fr;

}

.hv-featured-content h2{

font-size:38px;

}

}

.hv-featured{
    padding-bottom:160px !important;
}

.hv-featured-content .hv2-btn{
    margin-top:35px !important;
}

.hv-featured-visual{
    min-height:560px !important;
}

.hv-featured .hv-product-card{

    animation: hvProductFloat 5s ease-in-out infinite !important;

}

@keyframes hvProductFloat{

    0%{

        transform:translateY(0px);

    }

    50%{

        transform:translateY(-18px);

    }

    100%{

        transform:translateY(0px);

    }

}

.hv-download{

padding:100px 40px;
background:
linear-gradient(135deg,#ffffff,#f4f8ff);
}

.hv-download-head{

max-width:900px;
margin-bottom:60px;

}

.hv-download-head h2{

font-size:52px;
line-height:1.1;
color:#07142f;
margin:25px 0;

font-weight:800;

}

.hv-download-head p{

font-size:18px;
color:#64748b;
max-width:650px;
line-height:1.8;

}

.hv-download-box{

display:grid;
grid-template-columns:repeat(4,1fr);
gap:25px;

}

.hv-download-card{

position:relative;

padding:35px 30px;

min-height:260px;

background:
linear-gradient(
145deg,
rgba(255,255,255,.95),
rgba(235,243,255,.8)
);

border:1px solid rgba(80,130,255,.15);

border-radius:30px;

box-shadow:
0 25px 60px rgba(30,80,180,.08);

overflow:hidden;

transition:.45s;

}

.hv-download-card:before{

content:"";

position:absolute;

width:120px;
height:120px;

right:-40px;
top:-40px;

background:#3b82f6;

opacity:.08;

filter:blur(30px);

}

.hv-download-card:hover{

transform:translateY(-12px);

box-shadow:
0 35px 80px rgba(30,80,180,.18);

}

.hv-download-card.active{

background:
linear-gradient(135deg,#071b3d,#123b73);

color:white;

}

.hv-download-icon{

display:flex;

align-items:center;
justify-content:center;

width:55px;
height:55px;

border-radius:18px;

background:#2563eb;

color:white;

font-size:25px;

margin-bottom:25px;

}

.hv-download-card h3{

font-size:25px;

margin-bottom:15px;

color:#08142f;

}

.hv-download-card.active h3{

color:white;

}

.hv-download-card p{

color:#64748b;

line-height:1.7;

}

.hv-download-card.active p{

color:#dbeafe;

}

.hv-download-card a{

position:absolute;

bottom:30px;

color:#2563eb;

font-weight:700;

text-decoration:none;

}

.hv-download-card.active a{

color:#7dd3fc;

}

@media(max-width:900px){

.hv-download-box{

grid-template-columns:1fr 1fr;

}

}

@media(max-width:600px){

.hv-download-box{

grid-template-columns:1fr;

}

.hv-download-head h2{

font-size:36px;

}

}

.hv-download-card{

backdrop-filter:blur(15px);

transition:
transform .45s ease,
box-shadow .45s ease,
border-color .45s ease;

}

.hv-download-card:hover{

transform:
translateY(-14px);

border-color:#3b82f6;

box-shadow:

0 30px 80px rgba(37,99,235,.18);

}

.hv-download-card:after{

content:"";

position:absolute;

bottom:0;

left:25px;

right:25px;

height:3px;

background:

linear-gradient(
90deg,
transparent,
#3b82f6,
transparent
);

opacity:0;

transition:.4s;

}

.hv-download-card:hover:after{

opacity:1;

}

.hv-download-icon{

box-shadow:

0 15px 35px rgba(37,99,235,.35);

}

.hv-download-card h3{

letter-spacing:-.5px;

}

.hv-download-card.active{

background:

linear-gradient(
145deg,
#061936,
#123b70
);

box-shadow:

0 25px 70px rgba(6,25,54,.35);

}

.hv-download-card.active:after{

opacity:1;

background:

linear-gradient(
90deg,
transparent,
#60a5fa,
transparent
);

}

.hv-download-card:before{

transition:.5s;

}

.hv-download-card:hover:before{

transform:scale(1.4);

opacity:.18;

}

.hv-download-box{

margin-top:70px;

}

.hv-download-card a{

display:inline-flex;

align-items:center;

gap:8px;

}

.hv-download-card a:hover{

transform:translateX(5px);

transition:.3s;

}

.hv-download-card{

min-height:285px;

}

.hv-download-card:not(.active){

background:

linear-gradient(
145deg,
rgba(255,255,255,.95),
rgba(241,246,255,.9)
);

}

.hv-download-card:after{

height:2px;

left:35px;

right:35px;

}

.hv-download-icon{

width:60px;

height:60px;

border-radius:20px;

background:

linear-gradient(
135deg,
#2563eb,
#38bdf8
);

font-size:26px;

}

.hv-download-card h3{

font-size:26px;

letter-spacing:-.8px;

}

.hv-download-card.active{

transform:translateY(-8px);

}

.hv-download-card.active:hover{

transform:
translateY(-18px);

}

.hv-download-box{

position:relative;

}

.hv-download-box:before{

content:"";

position:absolute;

width:300px;

height:300px;

background:#3b82f6;

opacity:.06;

filter:blur(100px);

left:40%;

top:-80px;

pointer-events:none;

}

.hv-download-card{

background:

linear-gradient(
145deg,
rgba(255,255,255,.98),
rgba(244,248,255,.92)
);

box-shadow:

0 20px 50px rgba(30,70,150,.08);

}

.hv-download-card:not(.active):hover{

background:

linear-gradient(
145deg,
#ffffff,
#edf5ff
);

}

.hv-download-card.active{

background:

linear-gradient(
145deg,
#071d42,
#163f78
);

}

.hv-download-card h3{

margin-top:28px;

margin-bottom:14px;

}

.hv-download-card p{

max-width:220px;

}

.hv-download-card a{

font-size:15px;

letter-spacing:.3px;

}

.hv-download-card:hover{

box-shadow:

0 35px 80px rgba(37,99,235,.16);

}

.hv-global{

padding:120px 40px;

display:grid;

grid-template-columns:1fr 1fr;

gap:80px;

background:

linear-gradient(
135deg,
#ffffff,
#f2f7ff
);

overflow:hidden;

}

.hv-global-content{

max-width:600px;

}

.hv-global-content h2{

font-size:58px;

line-height:1.05;

font-weight:800;

color:#07142f;

margin:30px 0;

}

.hv-global-content p{

font-size:18px;

line-height:1.9;

color:#64748b;

}

.hv-global-stats{

display:flex;

gap:20px;

margin-top:55px;

}

.hv-global-stats div{

padding:25px;

min-width:140px;

background:

rgba(255,255,255,.7);

border:

1px solid rgba(50,100,200,.12);

border-radius:25px;

box-shadow:

0 20px 50px rgba(20,60,120,.08);

}

.hv-global-stats strong{

display:block;

font-size:32px;

color:#2563eb;

}

.hv-global-stats span{

font-size:14px;

color:#64748b;

}

.hv-global-map{

position:relative;

height:520px;

display:flex;

align-items:center;

justify-content:center;

}

.hv-world-glow{

position:absolute;

width:420px;

height:420px;

background:

radial-gradient(
circle,
rgba(37,99,235,.25),
transparent 70%
);

filter:blur(30px);

}

.hv-network{

position:relative;

width:380px;

height:380px;

border-radius:50%;

border:

1px solid rgba(37,99,235,.25);

}

.hv-point{

position:absolute;

width:14px;

height:14px;

border-radius:50%;

background:#2563eb;

box-shadow:

0 0 30px #2563eb;

}

.p1{

top:60px;
left:100px;

}

.p2{

top:130px;
right:70px;

}

.p3{

bottom:90px;
left:120px;

}

.p4{

bottom:60px;
right:120px;

}

.p5{

top:190px;
left:190px;

}

.hv-line{

position:absolute;

height:1px;

background:

linear-gradient(
90deg,
transparent,
#3b82f6,
transparent
);

transform-origin:left;

}

.l1{

width:170px;

top:100px;

left:110px;

transform:rotate(25deg);

}

.l2{

width:140px;

top:200px;

left:180px;

transform:rotate(-40deg);

}

.l3{

width:130px;

top:250px;

left:120px;

transform:rotate(20deg);

}

.hv-global-card{

position:absolute;

bottom:30px;

right:40px;

padding:30px;

width:260px;

background:

rgba(255,255,255,.85);

backdrop-filter:blur(20px);

border-radius:30px;

box-shadow:

0 30px 70px rgba(20,60,150,.15);

}

.hv-global-card span{

font-size:12px;

color:#2563eb;

letter-spacing:2px;

}

.hv-global-card h3{

font-size:22px;

color:#07142f;

}

.hv-global-card p{

color:#64748b;

line-height:1.6;

}

@media(max-width:900px){

.hv-global{

grid-template-columns:1fr;

}

.hv-global-content h2{

font-size:40px;

}

}

.hv-global-map{

perspective:1000px;

}

.hv-network{

width:420px;

height:420px;

border:

1px solid rgba(37,99,235,.18);

box-shadow:

0 0 80px rgba(37,99,235,.12);

animation:

hvPulse 8s infinite ease-in-out;

}

@keyframes hvPulse{

0%,100%{

transform:scale(1);

opacity:1;

}

50%{

transform:scale(1.04);

opacity:.8;

}

}

.hv-point{

width:16px;

height:16px;

background:

linear-gradient(
135deg,
#60a5fa,
#2563eb
);

border:

3px solid white;

}

.hv-point:after{

content:"";

position:absolute;

width:45px;

height:45px;

border-radius:50%;

background:#2563eb;

opacity:.15;

top:50%;

left:50%;

transform:translate(-50%,-50%);

animation:

hvPointGlow 2.5s infinite;

}

@keyframes hvPointGlow{

0%{

transform:translate(-50%,-50%) scale(.8);

opacity:.3;

}

50%{

transform:translate(-50%,-50%) scale(1.5);

opacity:0;

}

100%{

opacity:0;

}

}

.hv-global-card{

border:

1px solid rgba(37,99,235,.15);

}

.hv-global-card h3{

font-size:26px;

letter-spacing:-.5px;

}

.hv-global-stats div{

position:relative;

overflow:hidden;

}

.hv-global-stats div:before{

content:"";

position:absolute;

width:100px;

height:100px;

background:#3b82f6;

opacity:.08;

filter:blur(35px);

right:-20px;

top:-20px;

}

.hv-global-stats strong{

font-size:38px;

}

.hv-line{

height:2px;

opacity:.6;

}

.hv-global-stats div{

min-width:165px;

padding:28px 25px;

}

.hv-global-stats strong{

font-size:36px;

white-space:nowrap;

}

.hv-global-card{

right:20px;

bottom:45px;

width:280px;

}

.hv-global-map{

padding-right:40px;

}

.hv-network{

opacity:.95;

}

.hv-global-card{

background:

linear-gradient(
145deg,
rgba(255,255,255,.92),
rgba(240,246,255,.85)
);

backdrop-filter:blur(25px);

}

.hv-global-card span{

letter-spacing:3px;

font-size:11px;

}

.hv-global-card h3{

line-height:1.2;

}

.hv-global-card{

right:0;

bottom:60px;

}

.hv-global-card:before{

content:"";

position:absolute;

width:120px;

height:120px;

top:-40px;

right:-40px;

background:#3b82f6;

opacity:.12;

filter:blur(40px);

border-radius:50%;

}

.hv-network{

transform:translateX(-25px);

}

.hv-world-glow{

transform:translateX(-25px);

}

.hv-global-stats div{

height:140px;

display:flex;

flex-direction:column;

justify-content:center;

}

.hv-global-stats span{

margin-top:8px;

}

.hv-global{

overflow:hidden;

}

.hv-global-card{
    right:35px !important;
    bottom:70px !important;
    width:260px !important;
}

.hv-global-card h3{
    font-size:28px;
    line-height:1.2;
}

.hv-global-card p{
    line-height:1.8;
}

.hv-network,
.hv-world-glow{
    transform:translateX(-10px);
}

.hv-global-card{
    backdrop-filter:blur(15px);
    box-shadow:0 25px 60px rgba(30,80,180,.12);
}

.hv-global-stats div{
    border-radius:28px;
}

.hv-news{
padding:100px 80px;
background:
linear-gradient(180deg,#ffffff,#f5f8ff);
}

.hv-news-head{
max-width:750px;
margin-bottom:60px;
}

.hv-news-head h2{
font-size:48px;
line-height:1.15;
color:#07142f;
margin:25px 0;
}

.hv-news-head p{
font-size:18px;
color:#64748b;
line-height:1.8;
}

.hv-news-grid{

display:grid;
grid-template-columns:1.4fr 1fr 1fr;
gap:30px;

}

.hv-news-main,
.hv-news-card{

background:white;
border:1px solid rgba(40,100,255,.12);
border-radius:32px;
padding:40px;
min-height:300px;

box-shadow:
0 20px 60px rgba(30,80,180,.08);

transition:.4s;

}

.hv-news-main{

background:
linear-gradient(145deg,#071d45,#123b78);

color:white;

}

.hv-news-main span,
.hv-news-card span{

font-size:12px;
letter-spacing:3px;
color:#2563ff;

}

.hv-news-main span{
color:#8cc8ff;
}

.hv-news h3{

font-size:28px;
line-height:1.3;
margin:25px 0;

color:#07142f;

}

.hv-news-main h3{
color:white;
}

.hv-news p{

line-height:1.8;
color:#64748b;

}

.hv-news-main p{
color:#d5e5ff;
}

.hv-news a{

display:inline-block;
margin-top:25px;
font-weight:700;
color:#2563ff;

}

.hv-news-main a{
color:#8fd3ff;
}

.hv-news-card:hover,
.hv-news-main:hover{

transform:translateY(-8px);

box-shadow:
0 35px 80px rgba(30,80,180,.18);

}

.hv-news{
padding:120px 80px;
}

.hv-news-grid{

display:grid;
grid-template-columns:1.35fr 1fr 1fr;
gap:32px;
align-items:stretch;

}

.hv-news-main,
.hv-news-card{

border-radius:34px;
padding:42px;

min-height:360px;

position:relative;
overflow:hidden;

transition:.45s;

}

.hv-news-main{

background:
linear-gradient(145deg,#071b3d,#123d7c);

box-shadow:
0 35px 80px rgba(5,25,70,.25);

}

.hv-news-main:before{

content:"";

position:absolute;

width:220px;
height:220px;

right:-80px;
top:-80px;

background:
radial-gradient(circle,#2d7cff55,transparent 70%);

}

.hv-news-card{

background:
linear-gradient(
145deg,
#ffffff,
#f5f8ff
);

border:1px solid rgba(40,100,255,.12);

box-shadow:
0 25px 70px rgba(30,70,150,.08);

}

.hv-news span{

font-size:12px;

letter-spacing:4px;

}

.hv-news-main span{

color:#7ec8ff;

}

.hv-news-card span{

color:#2563ff;

}

.hv-news h3{

font-size:30px;

line-height:1.25;

letter-spacing:-.5px;

margin:28px 0 20px;

}

.hv-news-main h3{

color:white;

}

.hv-news-card h3{

color:#07142f;

}

.hv-news p{

font-size:17px;

line-height:1.9;

}

.hv-news-main p{

color:#c7d8f5;

}

.hv-news-card p{

color:#64748b;

}

.hv-news a{

position:absolute;

bottom:38px;

font-weight:700;

font-size:15px;

}

.hv-news-main a{

color:#8bd5ff;

}

.hv-news-card a{

color:#2563ff;

}

.hv-news-main:hover,
.hv-news-card:hover{

transform:
translateY(-12px);

}

.hv-news-card:hover{

border-color:#4d8cff;

box-shadow:
0 35px 90px rgba(37,99,235,.18);

}

@media(max-width:900px){

.hv-news-grid{

grid-template-columns:1fr;

}

.hv-news{

padding:60px 25px;

}

}

.hv-news-grid{
    align-items:stretch;
}

.hv-news-main,
.hv-news-card{

    min-height:420px;
    padding:40px;

}

.hv-news-main{

    display:flex;
    flex-direction:column;

}

.hv-news-main h3{

    font-size:34px;
    max-width:330px;

}

.hv-news-main p{

    max-width:300px;

    margin-top:25px;

}

.hv-news-card{

    display:flex;
    flex-direction:column;

}

.hv-news-card h3{

    font-size:30px;
    max-width:240px;

}

.hv-news-card p{

    max-width:230px;

}

.hv-news-main a,
.hv-news-card a{

    bottom:40px;

}

.hv-news-main:hover{

    box-shadow:
    0 40px 100px rgba(15,45,100,.35);

}

.hv-news-card:hover{

    transform:translateY(-14px);

}

.hv-news-card::after,
.hv-news-main::after{

    content:"";

    position:absolute;

    width:180px;
    height:180px;

    right:-60px;
    top:-60px;

    background:
    radial-gradient(circle,
    rgba(80,140,255,.18),
    transparent 70%);

    pointer-events:none;

}

.hv-news-main{

background:
linear-gradient(
145deg,
#081b3a 0%,
#12376d 70%,
#1b4fa0 100%
);

}

.hv-news-main h3{

font-size:32px;
line-height:1.35;
letter-spacing:-1px;

}

.hv-news-main p{

color:#d4e3ff;

}

.hv-news-card{

background:
linear-gradient(
145deg,
#ffffff,
#f7faff
);

}

.hv-news span{

font-weight:600;

}

.hv-news-main,
.hv-news-card{

min-height:380px;

}

.hv-news-card:hover,
.hv-news-main:hover{

transform:translateY(-8px);

}

.hv-news-card p{

max-width:260px;

}

@media(max-width:900px){

.hv-news-grid{

grid-template-columns:1fr;

}

}

.hv-news h3{

margin-top:22px;
margin-bottom:16px;

}

.hv-news p{

line-height:1.75;

}

.hv-news-main h3{

max-width:360px;

}

.hv-news-main p{

margin-top:18px;

max-width:330px;

}

.hv-news-card h3{

max-width:260px;

}

.hv-news-card p{

margin-top:12px;

}

.hv-news-card{

backdrop-filter:blur(10px);

}

.hv-news-main,
.hv-news-card{

transition:
transform .35s ease,
box-shadow .35s ease;

}

@media (max-width:768px){

.hv2-wrap,
.hv2-container,
.hv-products,
section{
    max-width:100% !important;
    width:100% !important;
}

h1{
    font-size:42px !important;
    line-height:1.05 !important;
}

h2{
    font-size:32px !important;
    line-height:1.15 !important;
}

.hv2-hero-copy{
    width:100% !important;
}

.hv2-hero-copy p{
    font-size:15px !important;
}

.hv2-card,
.hv-product-card,
.hv2-news-card,
.hv2-category-card{
    width:100% !important;
    max-width:100% !important;
    margin-bottom:20px !important;
}

.hv-product-grid,
.hv2-grid{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:20px !important;
}

.hv2-news-grid{
    grid-template-columns:1fr !important;
}

section{
    padding-left:20px !important;
    padding-right:20px !important;
}

a{
    max-width:100%;
}

.hv-footer-v2{
    width:100% !important;
}

.hv-footer-v2 .col{
    width:100% !important;
    margin-bottom:30px;
}

}

@media (max-width:768px){

.hv2-hero,
.hv2-hero-wrap,
.hv2-wrap{
    display:flex !important;
    flex-direction:column !important;
    width:100% !important;
    overflow:hidden !important;
}

.hv2-hero-copy{
    width:100% !important;
    max-width:100% !important;
    padding:20px !important;
}

.hv2-hero-copy h1,
.hv2-hero h1{
    font-size:36px !important;
    line-height:1.15 !important;
    width:100% !important;
    word-break:normal !important;
}

.hv2-hero-copy p{
    font-size:15px !important;
    line-height:1.8 !important;
    width:100% !important;
}

.hv2-stats,
.hv2-stat-grid,
.hv2-hero-stats{
    display:grid !important;
    grid-template-columns:1fr !important;
    width:100% !important;
    gap:15px !important;
}

.hv2-stat,
.hv2-stat-card{
    width:100% !important;
    max-width:100% !important;
}

.hv2-hero-box,
.hv2-hero-image,
.hv2-visual,
.hv2-network-card{
    position:relative !important;
    width:90% !important;
    max-width:90% !important;
    margin:30px auto 0 !important;
    transform:none !important;
}

body{
    overflow-x:hidden !important;
}

}@media(max-width:768px){

html,body{
    overflow-x:hidden !important;
}

.hv2-hero,
.hv2-hero *,
.hv2-wrap,
.hv2-wrap *{
    max-width:100% !important;
}

.hv2-hero{
    display:block !important;
}

.hv2-hero-wrap,
.hv2-hero-inner{
    display:flex !important;
    flex-direction:column !important;
    width:100% !important;
}

.hv2-hero-copy{
    width:100% !important;
    padding:20px !important;
}

.hv2-hero h1{
    font-size:34px !important;
    line-height:1.15 !important;
    width:100% !important;
}

.hv2-stats,
.hv2-stat-wrap,
.hv2-counters{
    display:flex !important;
    flex-direction:column !important;
    width:100% !important;
}

.hv2-stat,
.hv2-counter{
    width:100% !important;
    margin-bottom:15px !important;
}

.hv2-hero-image,
.hv2-hero-visual,
.hv2-network{
    position:relative !important;
    right:auto !important;
    left:auto !important;
    transform:none !important;
    width:100% !important;
    margin-top:30px !important;
}

}

@media(max-width:768px){

html,body{
    overflow-x:hidden !important;
}

.hv-home-hero{
    width:100% !important;
    overflow:hidden !important;
}

.hv-home-wrap{
    width:100% !important;
    padding:20px !important;
}

.hv-home-hero-box{
    display:flex !important;
    flex-direction:column !important;
    width:100% !important;
    gap:30px !important;
}

.hv-home-copy{
    width:100% !important;
    max-width:100% !important;
}

.hv-home-copy h1{
    font-size:34px !important;
    line-height:1.15 !important;
    width:100% !important;
}

.hv-home-copy p{
    font-size:15px !important;
    line-height:1.8 !important;
    width:100% !important;
}

.hv-home-copy .hv2-stats,
.hv-home-copy .hv-home-stats,
.hv-home-copy .stats{
    display:grid !important;
    grid-template-columns:1fr !important;
}

.hv-home-copy .stat-card,
.hv-home-copy .hv-stat{
    width:100% !important;
}

.hv-home-hero-box > div:last-child{
    position:relative !important;
    width:100% !important;
    max-width:100% !important;
    right:auto !important;
    left:auto !important;
    transform:none !important;
}

}

@media(max-width:768px){

body,
html{
    overflow-x:hidden !important;
}

.hv-global{
    display:flex !important;
    flex-direction:column !important;
    width:100% !important;
    padding:30px 20px !important;
    overflow:hidden !important;
}

.hv-global-content{
    width:100% !important;
    max-width:100% !important;
}

.hv-global-content h2{
    font-size:34px !important;
    line-height:1.15 !important;
    width:100% !important;
}

.hv-global-content p{
    font-size:15px !important;
    line-height:1.8 !important;
    width:100% !important;
}

.hv-global-stats{

    display:grid !important;
    grid-template-columns:1fr !important;
    gap:15px !important;

    width:100% !important;
    margin-top:25px !important;
}

.hv-global-stats > div{

    width:100% !important;
    min-height:120px !important;

}

.hv-global-map{

    position:relative !important;

    width:100% !important;
    height:360px !important;

    margin-top:40px !important;

    transform:none !important;
    right:auto !important;
    left:auto !important;

}

.hv-world-glow{

    max-width:100% !important;

}

.hv-global-card{

    position:absolute !important;

    width:85% !important;

    right:7.5% !important;
    left:auto !important;

    top:80px !important;

}

.hv-network{

    transform:scale(.7) !important;

}

}

@media(max-width:768px){

.hv-global{
    padding-bottom:40px !important;
}

.hv-global-map{

    height:260px !important;
    margin-top:20px !important;

}

.hv-world-glow{

    transform:scale(.65) !important;
    transform-origin:center !important;

}

.hv-network{

    transform:scale(.55) !important;
}

.hv-global-card{

    width:75% !important;
    right:12.5% !important;

    top:55px !important;

    padding:22px !important;

}

.hv-global-card h3{

    font-size:24px !important;
    line-height:1.2 !important;

}

.hv-global-card p{

    font-size:13px !important;
    line-height:1.6 !important;

}

.hv-global-stats > div{

    min-height:100px !important;

}

.hv-global-stats strong{

    font-size:30px !important;

}

}.hv-global-stats{
display:flex!important;
flex-direction:column!important;
}

.hv-global-stats > div{
width:100%!important;
}

@media(max-width:768px){

.hv-global-map{

    height:220px !important;
    min-height:220px !important;
    margin-top:10px !important;
    overflow:hidden !important;

}

.hv-world-glow{

    width:220px !important;
    height:220px !important;
    transform:none !important;

}

.hv-network{

    transform:scale(.35) !important;

}

.hv-global-card{

    top:35px !important;
    width:70% !important;
    right:15% !important;

    padding:15px !important;

}

.hv-global-card span{

    font-size:9px !important;

}

.hv-global-card h3{

    font-size:18px !important;
    line-height:1.15 !important;
    margin:8px 0 !important;

}

.hv-global-card p{

    font-size:11px !important;
    line-height:1.4 !important;

}

.hv-global{

    padding-bottom:20px !important;

}

}

@media(max-width:768px){

.hv-world-glow,
.hv-network,
.hv-point,
.hv-line{
    display:none !important;
}

.hv-global-map{

    height:auto !important;
    min-height:0 !important;

    margin-top:25px !important;

    padding:0 !important;

}

.hv-global-card{

    position:relative !important;

    top:auto !important;
    right:auto !important;
    left:auto !important;

    transform:none !important;

    width:100% !important;

    margin:0 auto !important;

    padding:25px !important;

}

.hv-global-card h3{

    font-size:22px !important;

}

.hv-global-card p{

    font-size:14px !important;

}

.hv-global{

    padding-bottom:30px !important;

}

.hv-global-stats{

    display:flex !important;
    flex-direction:column !important;
    gap:15px !important;

}

.hv-global-stats > div{

    width:100% !important;

}

}

@media(max-width:768px){

.hv-global-map{
    display:none !important;
}

.hv-global{
    padding-bottom:40px !important;
}

.hv-global-stats{
    display:flex !important;
    flex-direction:column !important;
    gap:15px !important;
}

.hv-global-stats > div{
    width:100% !important;
}

.hv-global + section{
    margin-top:0 !important;
}

}

@media(max-width:768px){

.hv-news,
.hv-news-center{
    width:100% !important;
    overflow:hidden !important;
}

.hv-news-grid,
.hv2-news-grid,
.hv-news-wrap{
    display:flex !important;
    flex-direction:column !important;
    gap:25px !important;
    width:100% !important;
}

.hv-news-card,
.hv2-news-card,
.hv-news-item{

    width:100% !important;
    max-width:100% !important;

}

.hv-news-card h2,
.hv-news-card h3,
.hv2-news-card h2,
.hv2-news-card h3{

    font-size:28px !important;
    line-height:1.15 !important;

    word-break:normal !important;
    overflow-wrap:normal !important;

}

.hv-news-card p,
.hv2-news-card p{

    font-size:15px !important;
    line-height:1.8 !important;

    word-break:normal !important;

}

.hv-news-card span{

    letter-spacing:3px !important;

}

}

.hacvio-floating-camera{
    position:absolute;
    left:50%;
    top:50%;

    width:330px;
    height:330px;

    transform:translate(-50%,-50%);

    z-index:20;

    pointer-events:none;

    animation:hacvioCameraFloat 3s ease-in-out infinite;
}

.hacvio-floating-camera{
    position:absolute !important;
    left:50% !important;
    top:50% !important;
    width:300px !important;
    height:300px !important;

    transform:translate(-50%,-50%) !important;

    z-index:4 !important;
    pointer-events:none !important;

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
}

.hacvio-floating-camera img{
    width:100% !important;
    height:100% !important;
    display:block !important;
    object-fit:contain !important;

    pointer-events:none !important;
    user-select:none !important;

    animation:hacvioHeroFloat 6s ease-in-out infinite !important;
    will-change:transform !important;

    filter:
        drop-shadow(0 18px 32px rgba(0,120,255,.24))
        drop-shadow(0 0 24px rgba(0,170,255,.16)) !important;
}

@keyframes hacvioHeroFloat{
    0%,
    100%{
        transform:translateY(24px);
    }

    50%{
        transform:translateY(-30px);
    }
}

.hv3-data-node,
.hv3-chip{
    position:absolute !important;
    z-index:20 !important;
}

.hv3-orbit,
.hv3-light{
    z-index:1 !important;
}

.hv-featured-visual,
.hv-product-card{
    animation:none !important;
    transform:none !important;
}

.hv-product-card{
    position:relative !important;
    overflow:visible !important;
}
.hv-product-camera{

    position:absolute;

    left:50%;
    top:50%;

    transform:translate(-50%,-50%);

    width:250px;
    height:auto;

    background:none;

    border-radius:0;

    display:flex;

    align-items:center;
    justify-content:center;

    z-index:5;
}.hv-product-camera img{

    width:100%;

    height:auto;

    display:block;

    filter:
    drop-shadow(0 18px 30px rgba(50,120,255,.18))
    drop-shadow(0 0 22px rgba(50,120,255,.12));

}

.hv-product-camera img{
    width:100% !important;
    height:auto !important;
    max-width:none !important;
    display:block !important;
    object-fit:contain !important;

    animation:hvFeaturedCameraFloat 6s ease-in-out infinite !important;

    filter:
        drop-shadow(0 22px 34px rgba(40,110,255,.22))
        drop-shadow(0 0 26px rgba(60,150,255,.16)) !important;
}

@keyframes hvFeaturedCameraFloat{
    0%,
    100%{
        transform:translateY(10px);
    }

    50%{
        transform:translateY(-10px);
    }
}.hv-product-camera img{
    width:100%;
    height:auto;
    display:block;

    animation:hvFeaturedImageFloat 6s ease-in-out infinite !important;
    will-change:transform;

    filter:
        drop-shadow(0 18px 30px rgba(50,120,255,.18))
        drop-shadow(0 0 22px rgba(50,120,255,.12));
}

@keyframes hvFeaturedImageFloat{
    0%,
    100%{
        transform:translateY(10px);
    }

    50%{
        transform:translateY(-14px);
    }
}.hv-product-card,
.hv-product-card:hover{
    transform:none !important;
    transition:none !important;
}.hv-product-camera{
    z-index:5 !important;
}

.hv-product-badge{
    z-index:20 !important;
}.hv-product-badge{
    position:absolute !important;
    padding:18px 25px !important;

    background:rgba(255,255,255,.22) !important;

    border:1px solid rgba(255,255,255,.65) !important;
    border-radius:22px !important;

    color:#185cff !important;
    font-weight:700 !important;

    backdrop-filter:blur(16px) saturate(160%) !important;
    -webkit-backdrop-filter:blur(16px) saturate(160%) !important;

    box-shadow:
        0 14px 35px rgba(25,70,150,.14),
        inset 0 1px 0 rgba(255,255,255,.8),
        inset 0 -1px 0 rgba(255,255,255,.22) !important;

    z-index:20 !important;
}.hv-product-badge{

    padding:12px 18px !important;

    border-radius:18px !important;

    font-size:15px !important;

    min-width:unset !important;

}

.hv-product-badge strong{

    font-size:16px !important;

}

.hv-product-badge small{

    font-size:11px !important;

    margin-top:3px !important;

}.hv-product-badge strong,
.hv-product-badge b,
.hv-product-badge h3{
    color:#ffffff !important;
}.hv-product-badge{
    color:#ffffff !important;
}

.hv-product-badge *{
    color:#ffffff !important;
}.hv-download-icon svg{
    width:27px;
    height:27px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.8;
    stroke-linecap:round;
    stroke-linejoin:round;
    display:block;
}
.home main,
.home .site-main{
  padding-top:0!important;
}

.hc-hero-media,
.hc-hero-media .elementor-widget,
.hc-hero-media .elementor-widget-container{
  background:transparent!important;
  box-shadow:none!important;
}

.hv-home{
  width:100%;
  overflow:hidden;
  background:
    radial-gradient(circle at 12% 6%,rgba(37,99,235,.075),transparent 32%),
    radial-gradient(circle at 88% 10%,rgba(56,189,248,.09),transparent 34%),
    linear-gradient(180deg,#ffffff 0%,#f8fbff 58%,#ffffff 100%);
}

.hv-home-wrap{
  width:100%;
  max-width:1280px;
  margin:0 auto;
  padding:48px 24px 0;
}

.hv-home-hero-box{
  position:relative;
  display:grid;
  grid-template-columns:1.02fr .98fr;
  align-items:center;
  gap:58px;
  min-height:650px;
  padding:74px;
  border-radius:46px;
  overflow:hidden;
  isolation:isolate;
  background:
    radial-gradient(circle at 82% 22%,rgba(56,189,248,.26),transparent 31%),
    radial-gradient(circle at 18% 96%,rgba(37,99,235,.18),transparent 36%),
    linear-gradient(135deg,#ffffff 0%,#f8fbff 48%,#eef6ff 100%);
  border:1px solid rgba(148,163,184,.22);
  box-shadow:
    0 44px 120px rgba(15,23,42,.10),
    inset 0 1px 0 rgba(255,255,255,.92);
}

.hv-home-hero-box::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-2;
  background-image:
    linear-gradient(rgba(37,99,235,.045) 1px,transparent 1px),
    linear-gradient(90deg,rgba(37,99,235,.045) 1px,transparent 1px);
  background-size:42px 42px;
  mask-image:radial-gradient(circle at 78% 45%,#000,transparent 64%);
}

.hv-home-copy h1{
  max-width:680px;
  margin:22px 0 22px;
  color:#0f172a!important;
  font-size:clamp(48px,5vw,76px);
  line-height:.98;
  letter-spacing:-3.4px;
  font-weight:950;
}

.hv-home-copy p{
  max-width:650px;
  margin:0 0 34px;
  color:#52627a!important;
  font-size:17px;
  line-height:1.82;
  font-weight:500;
}

.hv-home-actions{
  display:flex;
  flex-wrap:wrap;
  gap:16px;
  margin-bottom:38px;
}

.hv-home-actions .ghost{
  background:#0f172a!important;
  color:#fff!important;
  border-color:rgba(15,23,42,.12)!important;
}

.hv-home-metrics{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:14px;
  max-width:720px;
}

.hv-home-metrics div{
  padding:18px;
  border-radius:20px;
  background:linear-gradient(180deg,#ffffff,#f8fbff);
  border:1px solid rgba(148,163,184,.22);
  box-shadow:
    0 18px 45px rgba(15,23,42,.06),
    inset 0 1px 0 rgba(255,255,255,.9);
}

.hv-home-metrics strong{
  display:block;
  color:#2563eb;
  font-size:25px;
  line-height:1;
  font-weight:950;
  margin-bottom:7px;
}

.hv-home-metrics span{
  color:#64748b;
  font-size:12px;
  font-weight:800;
}

.hv-home-visual{
  position:relative;
  min-height:470px;
  display:flex;
  align-items:center;
  justify-content:center;
}

.hv-home-hub{
  position:relative;
  width:480px;
  height:480px;
  display:flex;
  align-items:center;
  justify-content:center;
}

.hv-home-glow{
  position:absolute;
  width:430px;
  height:430px;
  border-radius:50%;
  background:
    radial-gradient(circle,#38bdf8 0%,rgba(37,99,235,.30) 34%,transparent 68%);
  filter:blur(10px);
  opacity:.62;
  animation:hvGlowBreath 6s ease-in-out infinite;
}

.hv-home-hub::before,
.hv-home-hub::after{
  content:"";
  position:absolute;
  border-radius:50%;
  border:1px solid rgba(37,99,235,.16);
}

.hv-home-hub::before{
  width:430px;
  height:430px;
}

.hv-home-hub::after{
  width:300px;
  height:300px;
}

.hv-home-product{
  position:absolute;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  font-weight:950;
  color:#2563eb;
  background:linear-gradient(180deg,#ffffff,#eef6ff);
  border:1px solid rgba(148,163,184,.22);
  box-shadow:
    0 34px 85px rgba(15,23,42,.16),
    inset 0 1px 0 rgba(255,255,255,.95);
}

.hv-home-product.main{
  width:220px;
  height:270px;
  border-radius:38px;
  font-size:20px;
  letter-spacing:2px;
  animation:hvFloatSlow 7s cubic-bezier(.45,0,.25,1) infinite;
}

.hv-home-product.main::before{
  content:"";
  position:absolute;
  top:44px;
  width:112px;
  height:112px;
  border-radius:50%;
  background:
    radial-gradient(circle,#38bdf8 0 8%,#020617 9% 42%,#111827 43% 100%);
  box-shadow:
    inset 0 0 0 14px #f8fbff,
    0 20px 50px rgba(15,23,42,.18);
}

.hv-home-product.main{
  padding-top:160px;
}

.hv-home-product.mini{
  width:112px;
  height:112px;
  border-radius:28px;
  font-size:14px;
  animation:hvFloatSoft 6.5s cubic-bezier(.45,0,.25,1) infinite;
}

.hv-home-product.one{ top:18px; left:172px; }
.hv-home-product.two{ right:22px; top:184px; animation-delay:.4s; }
.hv-home-product.three{ bottom:20px; left:174px; animation-delay:.8s; }
.hv-home-product.four{ left:22px; top:184px; animation-delay:1.1s; }

.hv-home-marquee{
  display:flex;
  gap:34px;
  align-items:center;
  justify-content:center;
  margin:22px auto 0;
  padding:18px 24px;
  border-radius:999px;
  background:rgba(255,255,255,.78);
  border:1px solid rgba(148,163,184,.20);
  box-shadow:0 18px 50px rgba(15,23,42,.06);
  overflow:hidden;
}

.hv-home-marquee span{
  color:#2563eb;
  font-size:12px;
  font-weight:950;
  letter-spacing:1.1px;
  white-space:nowrap;
}

@media(max-width:1024px){
  .hv-home-hero-box{
    grid-template-columns:1fr;
    padding:52px 46px;
    min-height:auto;
  }

  .hv-home-visual{
    min-height:360px;
  }

  .hv-home-hub{
    transform:scale(.82);
  }

  .hv-home-metrics{
    grid-template-columns:repeat(2,1fr);
  }
}

@media(max-width:768px){
  .hv-home-wrap{
    padding:28px 16px 0;
  }

  .hv-home-hero-box{
    padding:30px 22px;
    border-radius:30px;
  }

  .hv-home-copy h1{
    font-size:clamp(32px,9.5vw,42px);
    letter-spacing:-1.5px;
  }

  .hv-home-copy p{
    font-size:14.5px;
    line-height:1.68;
  }

  .hv-home-actions{
    display:grid;
    grid-template-columns:1fr;
  }

  .hv-home-metrics{
    grid-template-columns:1fr;
  }

  .hv-home-visual{
    min-height:260px;
    margin-top:24px;
  }

  .hv-home-hub{
    transform:scale(.58);
  }

  .hv-home-marquee{
    justify-content:flex-start;
    overflow:auto;
    border-radius:24px;
  }
}

@keyframes hvHomeFloatMain{
  0%,100%{
    transform:translate3d(0,0,0) rotate(0deg);
  }
  50%{
    transform:translate3d(0,-14px,0) rotate(-1deg);
  }
}

@keyframes hvHomeFloatMini{
  0%,100%{
    transform:translate3d(0,0,0);
  }
  50%{
    transform:translate3d(0,-10px,0);
  }
}

@keyframes hvHomeGlowPulse{
  0%,100%{
    opacity:.48;
    transform:scale(1);
  }
  50%{
    opacity:.78;
    transform:scale(1.06);
  }
}

@keyframes hvHomeRingRotate{
  from{
    transform:rotate(0deg);
  }
  to{
    transform:rotate(360deg);
  }
}

@keyframes hvHomeGridDrift{
  0%,100%{
    background-position:0 0, 0 0;
  }
  50%{
    background-position:18px 12px, 12px 18px;
  }
}

.hv-home-hero-box::before{
  animation:hvHomeGridDrift 18s ease-in-out infinite !important;
}

.hv-home-glow{
  animation:hvHomeGlowPulse 5.8s ease-in-out infinite !important;
  will-change:transform,opacity;
}

.hv-home-hub::before{
  animation:hvHomeRingRotate 36s linear infinite !important;
}

.hv-home-hub::after{
  animation:hvHomeRingRotate 48s linear infinite reverse !important;
}

.hv-home-product.main{
  animation:hvHomeFloatMain 7.2s cubic-bezier(.45,0,.25,1) infinite !important;
  will-change:transform;
}

.hv-home-product.mini{
  animation:hvHomeFloatMini 6.4s cubic-bezier(.45,0,.25,1) infinite !important;
  will-change:transform;
}

.hv-home-product.one{
  animation-delay:.15s !important;
}

.hv-home-product.two{
  animation-delay:.55s !important;
}

.hv-home-product.three{
  animation-delay:.95s !important;
}

.hv-home-product.four{
  animation-delay:1.25s !important;
}

@media (hover:hover){

  .hv-home-product{
    transition:
      transform .32s cubic-bezier(.2,.8,.2,1),
      box-shadow .32s cubic-bezier(.2,.8,.2,1),
      border-color .32s cubic-bezier(.2,.8,.2,1) !important;
  }

  .hv-home-product:hover{
    box-shadow:
      0 42px 105px rgba(37,99,235,.20),
      inset 0 1px 0 rgba(255,255,255,.96) !important;
    border-color:rgba(37,99,235,.30) !important;
  }

  .hv-home-metrics div{
    transition:
      transform .28s cubic-bezier(.2,.8,.2,1),
      box-shadow .28s cubic-bezier(.2,.8,.2,1),
      border-color .28s cubic-bezier(.2,.8,.2,1) !important;
  }

  .hv-home-metrics div:hover{
    transform:translateY(-6px) !important;
    border-color:rgba(37,99,235,.26) !important;
    box-shadow:
      0 28px 70px rgba(37,99,235,.13),
      inset 0 1px 0 rgba(255,255,255,.95) !important;
  }

  .hv-home-marquee span{
    transition:color .25s ease, transform .25s ease !important;
  }

  .hv-home-marquee span:hover{
    color:#0f172a !important;
    transform:translateY(-2px) !important;
  }
}

.hv-home .hv2-btn{
  transform:translateZ(0);
  backface-visibility:hidden;
}

.hv-home .hv2-btn:active{
  transform:translateY(-1px) scale(.985) !important;
}

@keyframes hvHomeMarqueeGlow{
  0%,100%{
    box-shadow:0 18px 50px rgba(15,23,42,.06);
  }
  50%{
    box-shadow:0 22px 64px rgba(37,99,235,.10);
  }
}

.hv-home-marquee{
  animation:hvHomeMarqueeGlow 6s ease-in-out infinite !important;
}

@media (max-width:768px){

  .hv-home-hero-box::before,
  .hv-home-hub::before,
  .hv-home-hub::after{
    animation:none !important;
  }

  .hv-home-glow{
    animation:hvHomeGlowPulse 7s ease-in-out infinite !important;
  }

  .hv-home-product.main{
    animation-duration:8.5s !important;
  }

  .hv-home-product.mini{
    animation:none !important;
  }
}

@media (prefers-reduced-motion: reduce){

  .hv-home-hero-box::before,
  .hv-home-glow,
  .hv-home-hub::before,
  .hv-home-hub::after,
  .hv-home-product.main,
  .hv-home-product.mini,
  .hv-home-marquee{
    animation:none !important;
  }
}

.hv-home-visual{
    position:relative;
    min-height:520px;
}

.hv3-scene{
    position:relative;
    width:520px;
    height:520px;
    display:flex;
    align-items:center;
    justify-content:center;
    margin:auto;
}

.hv3-light{
    position:absolute;
    width:430px;
    height:430px;
    border-radius:50%;
    background:radial-gradient(circle,
    rgba(56,189,248,.45),
    rgba(37,99,235,.18) 40%,
    transparent 70%);
    filter:blur(35px);
}

.hv3-orbit{
    position:absolute;
    border-radius:50%;
    border:1px solid rgba(37,99,235,.25);
}

.orbit-one{
    width:430px;
    height:430px;
}

.orbit-two{
    width:330px;
    height:330px;
}

.hv3-chip{

    position:absolute;

    width:85px;
    height:85px;

    border-radius:25px;

    display:flex;
    align-items:center;
    justify-content:center;

    background:rgba(255,255,255,.75);

    backdrop-filter:blur(15px);

    color:#2563eb;

    font-weight:900;

    box-shadow:
    0 25px 60px rgba(15,23,42,.15);

    z-index:10;

}

.chip-ai{
    top:80px;
    left:190px;
}

.chip-ptz{
    top:150px;
    right:50px;
}

.chip-solar{
    bottom:90px;
    right:110px;
}

.chip-wifi{
    bottom:120px;
    left:70px;
}

.hv3-data-node{

    position:absolute;

    padding:15px 20px;

    border-radius:18px;

    background:rgba(255,255,255,.65);

    backdrop-filter:blur(15px);

    box-shadow:
    0 20px 50px rgba(15,23,42,.12);

    z-index:20;

}

.hv3-data-node strong{

    display:block;

    color:#2563eb;

}

.hv3-data-node span{

    font-size:12px;

    color:#64748b;

}

.node-top{
    top:20px;
    right:80px;
}

.node-right{
    right:-20px;
    top:230px;
}

.node-left{
    left:-20px;
    top:260px;
}

.hv3-scene{
    transform:scale(.88);
}

@keyframes hv3CameraFloat{

    0%,100%{
        transform:translateY(0);
    }

    50%{
        transform:translateY(-12px);
    }

}

.chip-ai,
.chip-wifi{

    opacity:.65;
    transform:scale(.85);

}

.hv3-data-node{

    background:
    rgba(255,255,255,.45);

    border:
    1px solid rgba(255,255,255,.8);

}

.orbit-one{

animation:
hv3Rotate 45s linear infinite;

}

.orbit-two{

animation:
hv3Rotate 55s linear infinite reverse;

}

.hv3-data-node,
.hv3-chip{

    backdrop-filter:blur(8px) !important;
    -webkit-backdrop-filter:blur(8px) !important;

}

.hv3-data-node,
.hv3-chip{

    box-shadow:
    0 15px 35px rgba(15,23,42,.10) !important;

}

.hv3-light{

    filter:blur(20px) !important;

    opacity:.65;

}

.orbit-one{

    animation-duration:80s !important;

}

.orbit-two{

    animation-duration:95s !important;

}

@media(max-width:1024px){

.hv3-light{

    filter:blur(12px)!important;

}

.hv3-data-node,
.hv3-chip{

    backdrop-filter:none !important;

    -webkit-backdrop-filter:none !important;

}

}

*{
    animation-play-state: paused !important;
}

.hv3-light,
.hv3-orbit,
.hv3-data-node,
.hv3-chip,
.hv3-camera,
.hv-home-marquee,
.hv-home-hero-box::before{
    animation:none !important;
    transition:none !important;
}

.hv3-data-node,
.hv3-chip{
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
}

.hv3-light{
    filter:none !important;
}

.hv3-camera,
.hv3-data-node,
.hv3-chip{
    box-shadow:none !important;
}

.hv3-scene{
    transform:scale(.9);
}

.hv3-light{

    display:block !important;

    width:360px;
    height:360px;

    background:
    radial-gradient(
        circle,
        rgba(56,189,248,.28),
        rgba(37,99,235,.12) 40%,
        transparent 70%
    );

    filter:blur(18px) !important;

    animation:
    hv3SoftGlow 7s ease-in-out infinite;

}

@keyframes hv3SoftGlow{

    0%,100%{
        opacity:.45;
        transform:scale(1);
    }

    50%{
        opacity:.7;
        transform:scale(1.05);
    }

}

@keyframes hv3CameraFloat{

    0%,100%{
        transform:translateY(0);
    }

    50%{
        transform:translateY(-10px);
    }

}

.orbit-one{

    display:block !important;

    width:420px;
    height:420px;

    animation:
    hv3Rotate 70s linear infinite !important;

}

.orbit-two{

    opacity:.35;

    animation:
    hv3Rotate 100s linear infinite reverse !important;

}

.hv3-data-node{

    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;

    background:

    rgba(255,255,255,.82) !important;

    box-shadow:

    0 18px 35px rgba(15,23,42,.08) !important;

}

.hv3-chip{

    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;

    background:

    rgba(255,255,255,.88) !important;

    box-shadow:

    0 12px 25px rgba(15,23,42,.08) !important;

}

.chip-ai,
.chip-wifi{

    opacity:.35;
    transform:scale(.8);

}

@media(max-width:768px){

    .hv3-scene{
        transform:scale(.62);
    }

    .hv3-light{
        filter:blur(10px)!important;
    }

}

.hv-home .hv2-btn{

    position:relative;
    overflow:hidden;

    border-radius:18px !important;

    font-weight:900 !important;

    letter-spacing:-.2px;

    transition:

    transform .35s cubic-bezier(.2,.8,.2,1),
    box-shadow .35s cubic-bezier(.2,.8,.2,1),
    border-color .35s ease !important;

    background:

    linear-gradient(
        135deg,
        #2563eb,
        #3b82f6 55%,
        #38bdf8
    ) !important;

    box-shadow:

    0 18px 40px rgba(37,99,235,.28),
    inset 0 1px 0 rgba(255,255,255,.45) !important;

}

.hv-home .hv2-btn::before{

    content:"";

    position:absolute;

    inset:0;

    background:

    linear-gradient(
        110deg,
        transparent 20%,
        rgba(255,255,255,.35),
        transparent 70%
    );

    transform:translateX(-120%);

    transition:

    transform .65s cubic-bezier(.2,.8,.2,1);

}

@media(hover:hover){

.hv-home .hv2-btn:hover{

    transform:

    translateY(-4px);

    box-shadow:

    0 28px 65px rgba(37,99,235,.38),
    inset 0 1px 0 rgba(255,255,255,.55) !important;

}

.hv-home .hv2-btn:hover::before{

    transform:translateX(120%);

}

}

.hv-home .hv2-btn:active{

    transform:

    translateY(-1px)
    scale(.985);

}

.hv-home .hv2-btn.ghost{

    background:

    rgba(15,23,42,.92) !important;

    color:white !important;

    border:

    1px solid rgba(255,255,255,.14) !important;

    box-shadow:

    0 18px 40px rgba(15,23,42,.18),
    inset 0 1px 0 rgba(255,255,255,.18) !important;

}

@media(hover:hover){

.hv-home .hv2-btn.ghost:hover{

    background:

    rgba(30,41,59,1) !important;

    border-color:

    rgba(255,255,255,.28) !important;

    box-shadow:

    0 30px 70px rgba(15,23,42,.28),
    inset 0 1px 0 rgba(255,255,255,.22) !important;

}

}

@media(max-width:768px){

.hv-home .hv2-btn{

    width:100%;

    min-height:52px !important;

}

.hv-home .hv2-btn::before{

    display:none;

}

}

@keyframes hvProductFloat{

    0%,100%{

        transform:

        translate3d(0,0,0)
        rotateX(0deg)
        rotateY(0deg);

    }

    50%{

        transform:

        translate3d(0,-12px,0)
        rotateX(2deg)
        rotateY(-2deg);

    }

}

@keyframes hvShadowFloat{

    0%,100%{

        transform:
        translateX(-50%)
        scale(.8);

        opacity:.45;

    }

    50%{

        transform:
        translateX(-50%)
        scale(1.15);

        opacity:.25;

    }

}

@media(hover:hover){

.hv3-camera{

    transition:

    box-shadow .45s ease,
    filter .45s ease;

}

.hv3-camera:hover{

    box-shadow:

    0 55px 100px rgba(37,99,235,.25),
    0 35px 70px rgba(15,23,42,.16) !important;

    filter:

    brightness(1.04);

}

}

@media(max-width:768px){

.hv3-camera{

    animation-duration:8.5s !important;

}

.hv3-camera::after{

    display:none;

}

}

.hv-home-stats{

    margin-top:32px;

    display:grid;

    grid-template-columns:
    repeat(4,1fr);

    gap:16px;

    padding:18px;

    border-radius:32px;

    background:

    rgba(255,255,255,.65);

    border:

    1px solid rgba(148,163,184,.22);

    box-shadow:

    0 25px 70px rgba(15,23,42,.08),
    inset 0 1px 0 rgba(255,255,255,.9);

}

.hv-stat{

    padding:24px 18px;

    border-radius:24px;

    background:

    linear-gradient(
    180deg,
    rgba(255,255,255,.9),
    rgba(248,251,255,.9)
    );

    border:

    1px solid rgba(148,163,184,.18);

    transition:

    transform .35s ease,
    box-shadow .35s ease;

}

.hv-stat strong{

    display:block;

    font-size:34px;

    line-height:1;

    font-weight:950;

    letter-spacing:-1px;

    color:#2563eb;

    margin-bottom:10px;

}

.hv-stat span{

    display:block;

    font-size:13px;

    font-weight:700;

    color:#64748b;

}

@media(hover:hover){

.hv-stat:hover{

    transform:

    translateY(-7px);

    box-shadow:

    0 28px 70px rgba(37,99,235,.14);

}

}

@media(max-width:1024px){

.hv-home-stats{

    grid-template-columns:
    repeat(2,1fr);

}

}

@media(max-width:768px){

.hv-home-stats{

    grid-template-columns:1fr;

    padding:12px;

}

.hv-stat{

    padding:22px;

}

}

.hv-partners{

    margin-top:70px;

}

.hv-partners-head{

    max-width:720px;

    margin-bottom:35px;

}

.hv-partners-head h2{

    margin:18px 0;

    font-size:clamp(32px,4vw,48px);

    line-height:1.08;

    letter-spacing:-1.8px;

    color:#0f172a;

}

.hv-partners-head p{

    color:#64748b;

    font-size:16px;

    line-height:1.75;

}

.hv-partners-grid{

    display:grid;

    grid-template-columns:

    repeat(4,1fr);

    gap:18px;

}

.hv-partner-card{

    padding:30px 24px;

    border-radius:28px;

    background:

    linear-gradient(
    180deg,
    rgba(255,255,255,.95),
    rgba(248,251,255,.95)
    );

    border:

    1px solid rgba(148,163,184,.2);

    box-shadow:

    0 20px 60px rgba(15,23,42,.06),
    inset 0 1px 0 rgba(255,255,255,.9);

    transition:

    transform .35s ease,
    box-shadow .35s ease;

}

.hv-partner-card strong{

    display:block;

    color:#2563eb;

    font-size:20px;

    font-weight:900;

    margin-bottom:12px;

}

.hv-partner-card span{

    color:#64748b;

    font-size:14px;

    line-height:1.7;

}

@media(hover:hover){

.hv-partner-card:hover{

    transform:

    translateY(-7px);

    box-shadow:

    0 35px 80px rgba(37,99,235,.12);

}

}

@media(max-width:1024px){

.hv-partners-grid{

    grid-template-columns:

    repeat(2,1fr);

}

}

@media(max-width:768px){

.hv-partners{

    margin-top:45px;

}

.hv-partners-grid{

    grid-template-columns:1fr;

}

}

.hv3-scene{
    position:relative;
}

.hv3-data-node.node-top{
    top:35px;
    right:55px;
}

.hv3-data-node.node-right{
    right:-25px;
    top:50%;
    transform:translateY(-50%);
}

.hv3-data-node.node-left{
    left:-35px;
    top:55%;
    transform:translateY(-50%);
}

.hv3-chip.chip-ai{
    top:80px;
    left:50%;
}

.hv3-chip.chip-ptz{
    top:45%;
    right:35px;
}

.hv3-chip.chip-solar{
    bottom:70px;
    right:110px;
}

.hv3-chip.chip-wifi{
    bottom:80px;
    left:90px;
}

.hv-home-visual{
    overflow:visible;
}

@media(max-width:1200px){

.hv3-data-node.node-top{
    right:20px;
}

.hv3-data-node.node-right{
    right:-10px;
}

.hv3-data-node.node-left{
    left:-10px;
}

}

.hv3-data-node.node-top{
    top:55px;
    right:90px;
}

.hv3-data-node.node-right{
    right:20px;
    top:52%;
}

.hv3-data-node.node-left{
    left:-10px;
    top:55%;
}

.hv3-chip.chip-ai{
    top:95px;
}

.hv3-chip.chip-ptz{
    right:70px;
}

.hv3-chip.chip-solar{
    bottom:55px;
    right:130px;
}

.hv3-chip.chip-wifi{
    bottom:70px;
    left:110px;
}

.hv-home-visual{
    overflow:hidden;
}

.hv3-orbit,
.hv3-light{
    z-index:1;
}

.hv3-data-node,
.hv3-chip{
    position:absolute;
    z-index:10;
}

.hv3-chip.chip-ai{
    top:90px;
    left:50%;
    transform:translateX(-50%);
}

.hv3-chip.chip-ptz{
    top:45%;
    right:40px;
}

.hv3-chip.chip-solar{
    bottom:55px;
    right:120px;
}

.hv3-chip.chip-wifi{
    bottom:80px;
    left:80px;
}

.hv3-data-node.node-top{
    top:30px;
    right:80px;
}

.hv3-data-node.node-right{
    right:20px;
    top:55%;
}

.hv3-data-node.node-left{
    left:-20px;
    top:55%;
}

.hv-home .hv3-scene{

    width:520px;
    height:520px;
    overflow:visible;

}

.hv-home .hv3-camera{

    z-index:5;

}

.hv-home .hv3-data-node{

    z-index:10;

    min-width:125px;

    padding:18px 22px;

    border-radius:22px;

    background:rgba(255,255,255,.86);

    backdrop-filter:blur(18px);

    box-shadow:

    0 22px 55px rgba(15,23,42,.12),

    inset 0 1px 0 rgba(255,255,255,.9);

}

.hv-home .hv3-data-node.node-top{

    top:25px !important;

    right:45px !important;

}

.hv-home .hv3-data-node.node-right{

    right:10px !important;

    top:250px !important;

}

.hv-home .hv3-data-node.node-left{

    left:10px !important;

    top:250px !important;

}

.hv-home .hv3-chip{

    z-index:12;

    padding:18px 22px;

    min-width:75px;

    text-align:center;

    border-radius:22px;

    background:rgba(255,255,255,.88);

    backdrop-filter:blur(18px);

    box-shadow:

    0 20px 45px rgba(15,23,42,.12),

    inset 0 1px 0 rgba(255,255,255,.9);

}

.hv-home .chip-ai{

    top:80px !important;

    left:50% !important;

    transform:translateX(-50%);

}

.hv-home .chip-ptz{

    right:70px !important;

    top:155px !important;

}

.hv-home .chip-solar{

    bottom:45px !important;

    right:50% !important;

    transform:translateX(50%);

}

.hv-home .chip-wifi{

    left:80px !important;

    bottom:80px !important;

}

@media(min-width:1200px){

    .hv-home .hv-home-visual{

        transform:scale(.92);

        transform-origin:center;

    }

}

.hv-home,
.hv-home-hero,
.hv-home-wrap{

    overflow:hidden;

}

@media(max-width:768px){

.hv-home .hv3-scene{

    width:340px;

    height:340px;

}

.hv-home .hv3-data-node,
.hv-home .hv3-chip{

    transform:scale(.75);

}

}

.hv-home .chip-ptz {

    right: 35px !important;
    top: 120px !important;

}

.hv-home .hv3-data-node.node-right {

    right: -5px !important;
    top: 285px !important;

}

.hv-home .hv3-scene {

    overflow: visible;

}

.hv-home .chip-ptz,
.hv-home .hv3-data-node.node-right {

    z-index: 15;

}

.hv-home .hv-agriculture-card{

    position:absolute;

    right:-40px;

    bottom:90px;

    width:190px;

    padding:22px;

    border-radius:28px;

    background:rgba(255,255,255,.72);

    backdrop-filter:blur(18px);

    border:1px solid rgba(255,255,255,.8);

    box-shadow:

    0 25px 60px rgba(15,23,42,.12);

    z-index:20;

}

.hv-home .hv-agri-label{

    display:inline-block;

    font-size:10px;

    letter-spacing:1.5px;

    color:#2563eb;

    margin-bottom:12px;

}

.hv-home .hv-agriculture-card h4{

    margin:0 0 10px;

    font-size:18px;

    line-height:1.2;

    color:#111827;

}

.hv-home .hv-agriculture-card p{

    margin:0 0 16px;

    font-size:12px;

    line-height:1.7;

    color:#64748b;

}

.hv-home .hv-agri-tags{

    display:flex;

    gap:8px;

}

.hv-home .hv-agri-tags span{

    font-size:11px;

    padding:6px 10px;

    border-radius:20px;

    background:#eff6ff;

    color:#2563eb;

}

.hv-home .hv3-scene{

    overflow:visible;

}

@media(max-width:1024px){

    .hv-home .hv-agriculture-card{

        right:0;

        bottom:40px;

        transform:scale(.85);

    }

}

@media(max-width:768px){

    .hv-home .hv-agriculture-card{

        display:none;

    }

}

.hv-home .hv-agriculture-card{

    right:-15px;

    bottom:25px;

    width:175px;

    padding:18px;

    transform:scale(.92);

}

.hv-home .hv-agriculture-card h4{

    font-size:16px;

}

.hv-home .hv-agriculture-card p{

    font-size:11px;

}

.hv-home .hv3-camera{

    z-index:8;

}

.hv-home .hv-agriculture-card{

    z-index:30;

}

.hv-home .hv-agriculture-card{

    right:-55px;

    bottom:-25px;

    width:165px;

    padding:16px;

    transform:scale(.85);

}

.hv-home .hv-agriculture-card h4{

    margin-bottom:8px;

    font-size:15px;

}

.hv-home .hv-agriculture-card p{

    font-size:10px;

    line-height:1.5;

}

.hv-home .hv-agriculture-card{

    filter:drop-shadow(0 20px 40px rgba(15,23,42,.12));

}

.hv-home .node-right{

    transform:translate(20px,-10px);

}.hv-home .hv-agriculture-card{
    display:none;
}

.hv-why{

    padding:100px 0;

}

.hv-why-head{

    max-width:700px;

    margin-bottom:60px;

}

.hv-why-head h2{

    margin:18px 0;

    font-size:48px;

    line-height:1.1;

    color:#0f172a;

    font-weight:800;

}

.hv-why-head p{

    color:#64748b;

    font-size:18px;

    line-height:1.7;

}

.hv-why-grid{

    display:grid;

    grid-template-columns:repeat(3,1fr);

    gap:24px;

}

.hv-why-card{

    padding:32px;

    min-height:150px;

    background:

    linear-gradient(
        145deg,
        rgba(255,255,255,.9),
        rgba(241,245,249,.7)
    );

    border:1px solid rgba(148,163,184,.18);

    border-radius:28px;

    box-shadow:

    0 20px 50px rgba(15,23,42,.08);

    transition:.35s ease;

}

.hv-why-card:hover{

    transform:translateY(-8px);

    box-shadow:

    0 30px 70px rgba(15,23,42,.14);

}

.hv-why-card strong{

    display:block;

    font-size:22px;

    color:#111827;

    margin-bottom:14px;

}

.hv-why-card span{

    color:#64748b;

    font-size:15px;

    line-height:1.7;

}

@media(max-width:1024px){

    .hv-why-grid{

        grid-template-columns:repeat(2,1fr);

    }

    .hv-why-head h2{

        font-size:38px;

    }

}

@media(max-width:768px){

    .hv-why{

        padding:70px 0;

    }

    .hv-why-grid{

        grid-template-columns:1fr;

    }

    .hv-why-head h2{

        font-size:32px;

    }

    .hv-why-card{

        padding:26px;

    }

}

.hv-why{

    padding:120px 0;

    background:
    radial-gradient(
        circle at 85% 0%,
        rgba(37,99,235,.15),
        transparent 35%
    );

}

.hv-why-head{

    max-width:760px;

    margin-bottom:70px;

}

.hv-why-head h2{

    font-size:56px !important;

    line-height:1.05;

    font-weight:900;

    letter-spacing:-1.5px;

    color:#071126;

}

.hv-why-head p{

    font-size:18px;

    color:#64748b;

}

.hv-why-grid{

    gap:28px;

}

.hv-why-card{

    position:relative;

    min-height:210px;

    padding:38px 34px !important;

    border-radius:32px !important;

    background:

    linear-gradient(
        145deg,
        rgba(255,255,255,.95),
        rgba(241,245,249,.65)
    ) !important;

    border:

    1px solid rgba(148,163,184,.22) !important;

    box-shadow:

    0 25px 70px rgba(15,23,42,.08);

    overflow:hidden;

    transition:.45s ease;

}

.hv-why-card:before{

    content:"";

    position:absolute;

    width:180px;

    height:180px;

    right:-70px;

    top:-70px;

    background:

    radial-gradient(
        circle,
        rgba(37,99,235,.25),
        transparent 70%
    );

}

.hv-why-card:hover{

    transform:translateY(-10px);

    box-shadow:

    0 35px 90px rgba(37,99,235,.18);

}

.hv-number{

    color:#2563eb !important;

    font-size:13px;

    letter-spacing:3px;

}

.hv-why-card strong,
.hv-why-card h3{

    position:relative;

    z-index:2;

    margin-top:22px;

    font-size:25px !important;

    font-weight:800;

    color:#0f172a;

}

.hv-why-card span,
.hv-why-card p{

    position:relative;

    z-index:2;

    color:#64748b;

    font-size:15px;

    line-height:1.8;

}

.hv-why-card:first-child{

    background:

    linear-gradient(
        145deg,
        #071426,
        #12325c
    ) !important;

}

.hv-why-card:first-child h3,
.hv-why-card:first-child strong{

    color:white !important;

}

.hv-why-card:first-child p,
.hv-why-card:first-child span{

    color:#dbeafe !important;

}

@media(max-width:1024px){

    .hv-why-head h2{

        font-size:42px !important;

    }

}

@media(max-width:768px){

    .hv-why{

        padding:80px 0;

    }

    .hv-why-head h2{

        font-size:34px !important;

    }

    .hv-why-card{

        min-height:180px;

    }

}

.hv-why{
    padding:100px 40px !important;
    background:#fff !important;
}

.hv-why-grid{
    display:grid !important;
    grid-template-columns:repeat(3,1fr) !important;
    gap:28px !important;
}

.hv-why-card{

    position:relative !important;

    min-height:240px !important;

    padding:38px 34px !important;

    background:
    linear-gradient(
    145deg,
    #ffffff,
    #f7faff
    ) !important;

    border:1px solid rgba(30,90,200,.12) !important;

    border-radius:32px !important;

    overflow:hidden !important;

    transition:all .4s ease !important;

    box-shadow:
    0 20px 50px rgba(10,40,90,.06) !important;

}

.hv-why-card::before{

    content:"" !important;

    position:absolute !important;

    width:200px !important;

    height:200px !important;

    right:-80px !important;

    top:-80px !important;

    background:
    radial-gradient(
    circle,
    rgba(45,120,255,.22),
    transparent 70%
    ) !important;

}

.hv-why-card:hover{

    transform:translateY(-10px) !important;

    box-shadow:
    0 35px 80px rgba(30,90,200,.15) !important;

}

.hv-number{

    display:block !important;

    font-size:13px !important;

    letter-spacing:5px !important;

    color:#2864ff !important;

    margin-bottom:35px !important;

}

.hv-why-card h3{

    font-size:25px !important;

    font-weight:800 !important;

    color:#07142f !important;

    margin-bottom:18px !important;

}

.hv-why-card p{

    font-size:16px !important;

    line-height:1.8 !important;

    color:#64748b !important;

}

.hv-why-card.active{

    background:
    linear-gradient(
    145deg,
    #ffffff,
    #eef5ff
    ) !important;

}

.hv-why-card.active::after{

    content:"" !important;

    position:absolute !important;

    top:0 !important;

    left:35px !important;

    right:35px !important;

    height:4px !important;

    background:
    linear-gradient(
    90deg,
    #1d5cff,
    #5ed5ff
    ) !important;

    border-radius:0 0 20px 20px !important;

}

@media(max-width:900px){

.hv-why-grid{

grid-template-columns:1fr !important;

}

}

.hv-why-card.active h3{
    color:#07142f !important;
}

.hv-why-card.active p{
    color:#64748b !important;
}

.hv-why-card.active .hv-number{
    color:#2864ff !important;
}

.hv-why-card.active{
    background:
    linear-gradient(
    145deg,
    #ffffff,
    #eef5ff
    ) !important;
}

.hv-why-card.active{

    border-color:rgba(40,100,255,.35) !important;

    box-shadow:
    0 25px 70px rgba(40,100,255,.18),
    inset 0 0 40px rgba(80,150,255,.08) !important;

}

.hv-why-card.active::before{

    opacity:1 !important;

    background:
    radial-gradient(
    circle,
    rgba(50,130,255,.35),
    transparent 70%
    ) !important;

}

.hv-why-card.active:hover{

    transform:
    translateY(-14px) !important;

    box-shadow:
    0 40px 90px rgba(40,100,255,.22) !important;

}

.hv-why-card.active h3{
    color:#164cff !important;
}

.hv-why-card.active .hv-number{
    font-weight:700 !important;
}

.hv-why-card.active{

    background:
    linear-gradient(
    145deg,
    #ffffff 20%,
    #eef6ff 100%
    ) !important;

}

.hv-why-card.active::after{

    height:5px !important;

    background:
    linear-gradient(
    90deg,
    #165cff,
    #61d8ff
    ) !important;

}

.hv-why{
    width:100% !important;
    overflow:hidden !important;
}

.hv-why-grid{
    max-width:1200px !important;
    margin:0 auto !important;
    width:100% !important;
}

.hv-why-card{
    min-width:0 !important;
}

.hv-featured{

    padding:120px 40px;

    overflow:hidden;

}

.hv-featured-wrap{

    max-width:1200px;

    margin:auto;

    display:grid;

    grid-template-columns:1fr 1fr;

    align-items:center;

    gap:80px;

}

.hv-featured-content h2{

    font-size:52px;

    line-height:1.1;

    font-weight:800;

    color:#07142f;

    margin:20px 0;

}

.hv-featured-content p{

    font-size:18px;

    line-height:1.8;

    color:#64748b;

    max-width:600px;

}

.hv-featured-features{

    display:grid;

    grid-template-columns:repeat(2,1fr);

    gap:18px;

    margin:40px 0;

}

.hv-featured-features div{

    padding:18px 20px;

    background:#f8fbff;

    border:1px solid rgba(40,100,255,.12);

    border-radius:18px;

}

.hv-featured-features strong{

    display:block;

    color:#185cff;

    font-size:22px;

}

.hv-featured-features span{

    color:#64748b;

    font-size:14px;

}

.hv-featured-visual{

    position:relative;

    height:520px;

    display:flex;

    align-items:center;

    justify-content:center;

}

.hv-product-glow{

    position:absolute;

    width:420px;

    height:420px;

    border-radius:50%;

    background:

    radial-gradient(
    circle,
    rgba(40,120,255,.35),
    transparent 70%
    );

}

.hv-product-card{

    position:relative;

    width:240px;

    height:320px;

    background:

    linear-gradient(
    145deg,
    #ffffff,
    #edf5ff
    );

    border-radius:45px;

    box-shadow:

    0 40px 90px rgba(20,60,130,.18);

    display:flex;

    align-items:center;

    justify-content:center;

    z-index:2;

}

.hv-product-camera{

    width:120px;

    height:120px;

    border-radius:50%;

    background:

    radial-gradient(
    circle,
    #111827 35%,
    #020617 70%
    );

    color:#2563ff;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:13px;

    letter-spacing:3px;

}

.hv-product-badge{

    position:absolute;

    padding:18px 25px;

    background:white;

    border-radius:20px;

    color:#185cff;

    font-weight:700;

    box-shadow:

    0 20px 50px rgba(20,60,130,.12);

    z-index:3;

}

.badge-ai{

    top:70px;

    right:80px;

}

.badge-4g{

    left:60px;

    top:220px;

}

.badge-ptz{

    right:40px;

    bottom:160px;

}

.badge-solar{

    bottom:70px;

    left:130px;

}

@media(max-width:900px){

.hv-featured-wrap{

grid-template-columns:1fr;

}

.hv-featured-content h2{

font-size:38px;

}

}

.hv-featured{
    padding-bottom:160px !important;
}

.hv-featured-content .hv2-btn{
    margin-top:35px !important;
}

.hv-featured-visual{
    min-height:560px !important;
}

.hv-featured .hv-product-card{

    animation: hvProductFloat 5s ease-in-out infinite !important;

}

@keyframes hvProductFloat{

    0%{

        transform:translateY(0px);

    }

    50%{

        transform:translateY(-18px);

    }

    100%{

        transform:translateY(0px);

    }

}

.hv-download{

padding:100px 40px;
background:
linear-gradient(135deg,#ffffff,#f4f8ff);
}

.hv-download-head{

max-width:900px;
margin-bottom:60px;

}

.hv-download-head h2{

font-size:52px;
line-height:1.1;
color:#07142f;
margin:25px 0;

font-weight:800;

}

.hv-download-head p{

font-size:18px;
color:#64748b;
max-width:650px;
line-height:1.8;

}

.hv-download-box{

display:grid;
grid-template-columns:repeat(4,1fr);
gap:25px;

}

.hv-download-card{

position:relative;

padding:35px 30px;

min-height:260px;

background:
linear-gradient(
145deg,
rgba(255,255,255,.95),
rgba(235,243,255,.8)
);

border:1px solid rgba(80,130,255,.15);

border-radius:30px;

box-shadow:
0 25px 60px rgba(30,80,180,.08);

overflow:hidden;

transition:.45s;

}

.hv-download-card:before{

content:"";

position:absolute;

width:120px;
height:120px;

right:-40px;
top:-40px;

background:#3b82f6;

opacity:.08;

filter:blur(30px);

}

.hv-download-card:hover{

transform:translateY(-12px);

box-shadow:
0 35px 80px rgba(30,80,180,.18);

}

.hv-download-card.active{

background:
linear-gradient(135deg,#071b3d,#123b73);

color:white;

}

.hv-download-icon{

display:flex;

align-items:center;
justify-content:center;

width:55px;
height:55px;

border-radius:18px;

background:#2563eb;

color:white;

font-size:25px;

margin-bottom:25px;

}

.hv-download-card h3{

font-size:25px;

margin-bottom:15px;

color:#08142f;

}

.hv-download-card.active h3{

color:white;

}

.hv-download-card p{

color:#64748b;

line-height:1.7;

}

.hv-download-card.active p{

color:#dbeafe;

}

.hv-download-card a{

position:absolute;

bottom:30px;

color:#2563eb;

font-weight:700;

text-decoration:none;

}

.hv-download-card.active a{

color:#7dd3fc;

}

@media(max-width:900px){

.hv-download-box{

grid-template-columns:1fr 1fr;

}

}

@media(max-width:600px){

.hv-download-box{

grid-template-columns:1fr;

}

.hv-download-head h2{

font-size:36px;

}

}

.hv-download-card{

backdrop-filter:blur(15px);

transition:
transform .45s ease,
box-shadow .45s ease,
border-color .45s ease;

}

.hv-download-card:hover{

transform:
translateY(-14px);

border-color:#3b82f6;

box-shadow:

0 30px 80px rgba(37,99,235,.18);

}

.hv-download-card:after{

content:"";

position:absolute;

bottom:0;

left:25px;

right:25px;

height:3px;

background:

linear-gradient(
90deg,
transparent,
#3b82f6,
transparent
);

opacity:0;

transition:.4s;

}

.hv-download-card:hover:after{

opacity:1;

}

.hv-download-icon{

box-shadow:

0 15px 35px rgba(37,99,235,.35);

}

.hv-download-card h3{

letter-spacing:-.5px;

}

.hv-download-card.active{

background:

linear-gradient(
145deg,
#061936,
#123b70
);

box-shadow:

0 25px 70px rgba(6,25,54,.35);

}

.hv-download-card.active:after{

opacity:1;

background:

linear-gradient(
90deg,
transparent,
#60a5fa,
transparent
);

}

.hv-download-card:before{

transition:.5s;

}

.hv-download-card:hover:before{

transform:scale(1.4);

opacity:.18;

}

.hv-download-box{

margin-top:70px;

}

.hv-download-card a{

display:inline-flex;

align-items:center;

gap:8px;

}

.hv-download-card a:hover{

transform:translateX(5px);

transition:.3s;

}

.hv-download-card{

min-height:285px;

}

.hv-download-card:not(.active){

background:

linear-gradient(
145deg,
rgba(255,255,255,.95),
rgba(241,246,255,.9)
);

}

.hv-download-card:after{

height:2px;

left:35px;

right:35px;

}

.hv-download-icon{

width:60px;

height:60px;

border-radius:20px;

background:

linear-gradient(
135deg,
#2563eb,
#38bdf8
);

font-size:26px;

}

.hv-download-card h3{

font-size:26px;

letter-spacing:-.8px;

}

.hv-download-card.active{

transform:translateY(-8px);

}

.hv-download-card.active:hover{

transform:
translateY(-18px);

}

.hv-download-box{

position:relative;

}

.hv-download-box:before{

content:"";

position:absolute;

width:300px;

height:300px;

background:#3b82f6;

opacity:.06;

filter:blur(100px);

left:40%;

top:-80px;

pointer-events:none;

}

.hv-download-card{

background:

linear-gradient(
145deg,
rgba(255,255,255,.98),
rgba(244,248,255,.92)
);

box-shadow:

0 20px 50px rgba(30,70,150,.08);

}

.hv-download-card:not(.active):hover{

background:

linear-gradient(
145deg,
#ffffff,
#edf5ff
);

}

.hv-download-card.active{

background:

linear-gradient(
145deg,
#071d42,
#163f78
);

}

.hv-download-card h3{

margin-top:28px;

margin-bottom:14px;

}

.hv-download-card p{

max-width:220px;

}

.hv-download-card a{

font-size:15px;

letter-spacing:.3px;

}

.hv-download-card:hover{

box-shadow:

0 35px 80px rgba(37,99,235,.16);

}

.hv-global{

padding:120px 40px;

display:grid;

grid-template-columns:1fr 1fr;

gap:80px;

background:

linear-gradient(
135deg,
#ffffff,
#f2f7ff
);

overflow:hidden;

}

.hv-global-content{

max-width:600px;

}

.hv-global-content h2{

font-size:58px;

line-height:1.05;

font-weight:800;

color:#07142f;

margin:30px 0;

}

.hv-global-content p{

font-size:18px;

line-height:1.9;

color:#64748b;

}

.hv-global-stats{

display:flex;

gap:20px;

margin-top:55px;

}

.hv-global-stats div{

padding:25px;

min-width:140px;

background:

rgba(255,255,255,.7);

border:

1px solid rgba(50,100,200,.12);

border-radius:25px;

box-shadow:

0 20px 50px rgba(20,60,120,.08);

}

.hv-global-stats strong{

display:block;

font-size:32px;

color:#2563eb;

}

.hv-global-stats span{

font-size:14px;

color:#64748b;

}

.hv-global-map{

position:relative;

height:520px;

display:flex;

align-items:center;

justify-content:center;

}

.hv-world-glow{

position:absolute;

width:420px;

height:420px;

background:

radial-gradient(
circle,
rgba(37,99,235,.25),
transparent 70%
);

filter:blur(30px);

}

.hv-network{

position:relative;

width:380px;

height:380px;

border-radius:50%;

border:

1px solid rgba(37,99,235,.25);

}

.hv-point{

position:absolute;

width:14px;

height:14px;

border-radius:50%;

background:#2563eb;

box-shadow:

0 0 30px #2563eb;

}

.p1{

top:60px;
left:100px;

}

.p2{

top:130px;
right:70px;

}

.p3{

bottom:90px;
left:120px;

}

.p4{

bottom:60px;
right:120px;

}

.p5{

top:190px;
left:190px;

}

.hv-line{

position:absolute;

height:1px;

background:

linear-gradient(
90deg,
transparent,
#3b82f6,
transparent
);

transform-origin:left;

}

.l1{

width:170px;

top:100px;

left:110px;

transform:rotate(25deg);

}

.l2{

width:140px;

top:200px;

left:180px;

transform:rotate(-40deg);

}

.l3{

width:130px;

top:250px;

left:120px;

transform:rotate(20deg);

}

.hv-global-card{

position:absolute;

bottom:30px;

right:40px;

padding:30px;

width:260px;

background:

rgba(255,255,255,.85);

backdrop-filter:blur(20px);

border-radius:30px;

box-shadow:

0 30px 70px rgba(20,60,150,.15);

}

.hv-global-card span{

font-size:12px;

color:#2563eb;

letter-spacing:2px;

}

.hv-global-card h3{

font-size:22px;

color:#07142f;

}

.hv-global-card p{

color:#64748b;

line-height:1.6;

}

@media(max-width:900px){

.hv-global{

grid-template-columns:1fr;

}

.hv-global-content h2{

font-size:40px;

}

}

.hv-global-map{

perspective:1000px;

}

.hv-network{

width:420px;

height:420px;

border:

1px solid rgba(37,99,235,.18);

box-shadow:

0 0 80px rgba(37,99,235,.12);

animation:

hvPulse 8s infinite ease-in-out;

}

@keyframes hvPulse{

0%,100%{

transform:scale(1);

opacity:1;

}

50%{

transform:scale(1.04);

opacity:.8;

}

}

.hv-point{

width:16px;

height:16px;

background:

linear-gradient(
135deg,
#60a5fa,
#2563eb
);

border:

3px solid white;

}

.hv-point:after{

content:"";

position:absolute;

width:45px;

height:45px;

border-radius:50%;

background:#2563eb;

opacity:.15;

top:50%;

left:50%;

transform:translate(-50%,-50%);

animation:

hvPointGlow 2.5s infinite;

}

@keyframes hvPointGlow{

0%{

transform:translate(-50%,-50%) scale(.8);

opacity:.3;

}

50%{

transform:translate(-50%,-50%) scale(1.5);

opacity:0;

}

100%{

opacity:0;

}

}

.hv-global-card{

border:

1px solid rgba(37,99,235,.15);

}

.hv-global-card h3{

font-size:26px;

letter-spacing:-.5px;

}

.hv-global-stats div{

position:relative;

overflow:hidden;

}

.hv-global-stats div:before{

content:"";

position:absolute;

width:100px;

height:100px;

background:#3b82f6;

opacity:.08;

filter:blur(35px);

right:-20px;

top:-20px;

}

.hv-global-stats strong{

font-size:38px;

}

.hv-line{

height:2px;

opacity:.6;

}

.hv-global-stats div{

min-width:165px;

padding:28px 25px;

}

.hv-global-stats strong{

font-size:36px;

white-space:nowrap;

}

.hv-global-card{

right:20px;

bottom:45px;

width:280px;

}

.hv-global-map{

padding-right:40px;

}

.hv-network{

opacity:.95;

}

.hv-global-card{

background:

linear-gradient(
145deg,
rgba(255,255,255,.92),
rgba(240,246,255,.85)
);

backdrop-filter:blur(25px);

}

.hv-global-card span{

letter-spacing:3px;

font-size:11px;

}

.hv-global-card h3{

line-height:1.2;

}

.hv-global-card{

right:0;

bottom:60px;

}

.hv-global-card:before{

content:"";

position:absolute;

width:120px;

height:120px;

top:-40px;

right:-40px;

background:#3b82f6;

opacity:.12;

filter:blur(40px);

border-radius:50%;

}

.hv-network{

transform:translateX(-25px);

}

.hv-world-glow{

transform:translateX(-25px);

}

.hv-global-stats div{

height:140px;

display:flex;

flex-direction:column;

justify-content:center;

}

.hv-global-stats span{

margin-top:8px;

}

.hv-global{

overflow:hidden;

}

.hv-global-card{
    right:35px !important;
    bottom:70px !important;
    width:260px !important;
}

.hv-global-card h3{
    font-size:28px;
    line-height:1.2;
}

.hv-global-card p{
    line-height:1.8;
}

.hv-network,
.hv-world-glow{
    transform:translateX(-10px);
}

.hv-global-card{
    backdrop-filter:blur(15px);
    box-shadow:0 25px 60px rgba(30,80,180,.12);
}

.hv-global-stats div{
    border-radius:28px;
}

.hv-news{
padding:100px 80px;
background:
linear-gradient(180deg,#ffffff,#f5f8ff);
}

.hv-news-head{
max-width:750px;
margin-bottom:60px;
}

.hv-news-head h2{
font-size:48px;
line-height:1.15;
color:#07142f;
margin:25px 0;
}

.hv-news-head p{
font-size:18px;
color:#64748b;
line-height:1.8;
}

.hv-news-grid{

display:grid;
grid-template-columns:1.4fr 1fr 1fr;
gap:30px;

}

.hv-news-main,
.hv-news-card{

background:white;
border:1px solid rgba(40,100,255,.12);
border-radius:32px;
padding:40px;
min-height:300px;

box-shadow:
0 20px 60px rgba(30,80,180,.08);

transition:.4s;

}

.hv-news-main{

background:
linear-gradient(145deg,#071d45,#123b78);

color:white;

}

.hv-news-main span,
.hv-news-card span{

font-size:12px;
letter-spacing:3px;
color:#2563ff;

}

.hv-news-main span{
color:#8cc8ff;
}

.hv-news h3{

font-size:28px;
line-height:1.3;
margin:25px 0;

color:#07142f;

}

.hv-news-main h3{
color:white;
}

.hv-news p{

line-height:1.8;
color:#64748b;

}

.hv-news-main p{
color:#d5e5ff;
}

.hv-news a{

display:inline-block;
margin-top:25px;
font-weight:700;
color:#2563ff;

}

.hv-news-main a{
color:#8fd3ff;
}

.hv-news-card:hover,
.hv-news-main:hover{

transform:translateY(-8px);

box-shadow:
0 35px 80px rgba(30,80,180,.18);

}

.hv-news{
padding:120px 80px;
}

.hv-news-grid{

display:grid;
grid-template-columns:1.35fr 1fr 1fr;
gap:32px;
align-items:stretch;

}

.hv-news-main,
.hv-news-card{

border-radius:34px;
padding:42px;

min-height:360px;

position:relative;
overflow:hidden;

transition:.45s;

}

.hv-news-main{

background:
linear-gradient(145deg,#071b3d,#123d7c);

box-shadow:
0 35px 80px rgba(5,25,70,.25);

}

.hv-news-main:before{

content:"";

position:absolute;

width:220px;
height:220px;

right:-80px;
top:-80px;

background:
radial-gradient(circle,#2d7cff55,transparent 70%);

}

.hv-news-card{

background:
linear-gradient(
145deg,
#ffffff,
#f5f8ff
);

border:1px solid rgba(40,100,255,.12);

box-shadow:
0 25px 70px rgba(30,70,150,.08);

}

.hv-news span{

font-size:12px;

letter-spacing:4px;

}

.hv-news-main span{

color:#7ec8ff;

}

.hv-news-card span{

color:#2563ff;

}

.hv-news h3{

font-size:30px;

line-height:1.25;

letter-spacing:-.5px;

margin:28px 0 20px;

}

.hv-news-main h3{

color:white;

}

.hv-news-card h3{

color:#07142f;

}

.hv-news p{

font-size:17px;

line-height:1.9;

}

.hv-news-main p{

color:#c7d8f5;

}

.hv-news-card p{

color:#64748b;

}

.hv-news a{

position:absolute;

bottom:38px;

font-weight:700;

font-size:15px;

}

.hv-news-main a{

color:#8bd5ff;

}

.hv-news-card a{

color:#2563ff;

}

.hv-news-main:hover,
.hv-news-card:hover{

transform:
translateY(-12px);

}

.hv-news-card:hover{

border-color:#4d8cff;

box-shadow:
0 35px 90px rgba(37,99,235,.18);

}

@media(max-width:900px){

.hv-news-grid{

grid-template-columns:1fr;

}

.hv-news{

padding:60px 25px;

}

}

.hv-news-grid{
    align-items:stretch;
}

.hv-news-main,
.hv-news-card{

    min-height:420px;
    padding:40px;

}

.hv-news-main{

    display:flex;
    flex-direction:column;

}

.hv-news-main h3{

    font-size:34px;
    max-width:330px;

}

.hv-news-main p{

    max-width:300px;

    margin-top:25px;

}

.hv-news-card{

    display:flex;
    flex-direction:column;

}

.hv-news-card h3{

    font-size:30px;
    max-width:240px;

}

.hv-news-card p{

    max-width:230px;

}

.hv-news-main a,
.hv-news-card a{

    bottom:40px;

}

.hv-news-main:hover{

    box-shadow:
    0 40px 100px rgba(15,45,100,.35);

}

.hv-news-card:hover{

    transform:translateY(-14px);

}

.hv-news-card::after,
.hv-news-main::after{

    content:"";

    position:absolute;

    width:180px;
    height:180px;

    right:-60px;
    top:-60px;

    background:
    radial-gradient(circle,
    rgba(80,140,255,.18),
    transparent 70%);

    pointer-events:none;

}

.hv-news-main{

background:
linear-gradient(
145deg,
#081b3a 0%,
#12376d 70%,
#1b4fa0 100%
);

}

.hv-news-main h3{

font-size:32px;
line-height:1.35;
letter-spacing:-1px;

}

.hv-news-main p{

color:#d4e3ff;

}

.hv-news-card{

background:
linear-gradient(
145deg,
#ffffff,
#f7faff
);

}

.hv-news span{

font-weight:600;

}

.hv-news-main,
.hv-news-card{

min-height:380px;

}

.hv-news-card:hover,
.hv-news-main:hover{

transform:translateY(-8px);

}

.hv-news-card p{

max-width:260px;

}

@media(max-width:900px){

.hv-news-grid{

grid-template-columns:1fr;

}

}

.hv-news h3{

margin-top:22px;
margin-bottom:16px;

}

.hv-news p{

line-height:1.75;

}

.hv-news-main h3{

max-width:360px;

}

.hv-news-main p{

margin-top:18px;

max-width:330px;

}

.hv-news-card h3{

max-width:260px;

}

.hv-news-card p{

margin-top:12px;

}

.hv-news-card{

backdrop-filter:blur(10px);

}

.hv-news-main,
.hv-news-card{

transition:
transform .35s ease,
box-shadow .35s ease;

}

@media (max-width:768px){

.hv2-wrap,
.hv2-container,
.hv-products,
section{
    max-width:100% !important;
    width:100% !important;
}

h1{
    font-size:42px !important;
    line-height:1.05 !important;
}

h2{
    font-size:32px !important;
    line-height:1.15 !important;
}

.hv2-hero-copy{
    width:100% !important;
}

.hv2-hero-copy p{
    font-size:15px !important;
}

.hv2-card,
.hv-product-card,
.hv2-news-card,
.hv2-category-card{
    width:100% !important;
    max-width:100% !important;
    margin-bottom:20px !important;
}

.hv-product-grid,
.hv2-grid{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:20px !important;
}

.hv2-news-grid{
    grid-template-columns:1fr !important;
}

section{
    padding-left:20px !important;
    padding-right:20px !important;
}

a{
    max-width:100%;
}

.hv-footer-v2{
    width:100% !important;
}

.hv-footer-v2 .col{
    width:100% !important;
    margin-bottom:30px;
}

}

@media (max-width:768px){

.hv2-hero,
.hv2-hero-wrap,
.hv2-wrap{
    display:flex !important;
    flex-direction:column !important;
    width:100% !important;
    overflow:hidden !important;
}

.hv2-hero-copy{
    width:100% !important;
    max-width:100% !important;
    padding:20px !important;
}

.hv2-hero-copy h1,
.hv2-hero h1{
    font-size:36px !important;
    line-height:1.15 !important;
    width:100% !important;
    word-break:normal !important;
}

.hv2-hero-copy p{
    font-size:15px !important;
    line-height:1.8 !important;
    width:100% !important;
}

.hv2-stats,
.hv2-stat-grid,
.hv2-hero-stats{
    display:grid !important;
    grid-template-columns:1fr !important;
    width:100% !important;
    gap:15px !important;
}

.hv2-stat,
.hv2-stat-card{
    width:100% !important;
    max-width:100% !important;
}

.hv2-hero-box,
.hv2-hero-image,
.hv2-visual,
.hv2-network-card{
    position:relative !important;
    width:90% !important;
    max-width:90% !important;
    margin:30px auto 0 !important;
    transform:none !important;
}

body{
    overflow-x:hidden !important;
}

}@media(max-width:768px){

html,body{
    overflow-x:hidden !important;
}

.hv2-hero,
.hv2-hero *,
.hv2-wrap,
.hv2-wrap *{
    max-width:100% !important;
}

.hv2-hero{
    display:block !important;
}

.hv2-hero-wrap,
.hv2-hero-inner{
    display:flex !important;
    flex-direction:column !important;
    width:100% !important;
}

.hv2-hero-copy{
    width:100% !important;
    padding:20px !important;
}

.hv2-hero h1{
    font-size:34px !important;
    line-height:1.15 !important;
    width:100% !important;
}

.hv2-stats,
.hv2-stat-wrap,
.hv2-counters{
    display:flex !important;
    flex-direction:column !important;
    width:100% !important;
}

.hv2-stat,
.hv2-counter{
    width:100% !important;
    margin-bottom:15px !important;
}

.hv2-hero-image,
.hv2-hero-visual,
.hv2-network{
    position:relative !important;
    right:auto !important;
    left:auto !important;
    transform:none !important;
    width:100% !important;
    margin-top:30px !important;
}

}

@media(max-width:768px){

html,body{
    overflow-x:hidden !important;
}

.hv-home-hero{
    width:100% !important;
    overflow:hidden !important;
}

.hv-home-wrap{
    width:100% !important;
    padding:20px !important;
}

.hv-home-hero-box{
    display:flex !important;
    flex-direction:column !important;
    width:100% !important;
    gap:30px !important;
}

.hv-home-copy{
    width:100% !important;
    max-width:100% !important;
}

.hv-home-copy h1{
    font-size:34px !important;
    line-height:1.15 !important;
    width:100% !important;
}

.hv-home-copy p{
    font-size:15px !important;
    line-height:1.8 !important;
    width:100% !important;
}

.hv-home-copy .hv2-stats,
.hv-home-copy .hv-home-stats,
.hv-home-copy .stats{
    display:grid !important;
    grid-template-columns:1fr !important;
}

.hv-home-copy .stat-card,
.hv-home-copy .hv-stat{
    width:100% !important;
}

.hv-home-hero-box > div:last-child{
    position:relative !important;
    width:100% !important;
    max-width:100% !important;
    right:auto !important;
    left:auto !important;
    transform:none !important;
}

}

@media(max-width:768px){

body,
html{
    overflow-x:hidden !important;
}

.hv-global{
    display:flex !important;
    flex-direction:column !important;
    width:100% !important;
    padding:30px 20px !important;
    overflow:hidden !important;
}

.hv-global-content{
    width:100% !important;
    max-width:100% !important;
}

.hv-global-content h2{
    font-size:34px !important;
    line-height:1.15 !important;
    width:100% !important;
}

.hv-global-content p{
    font-size:15px !important;
    line-height:1.8 !important;
    width:100% !important;
}

.hv-global-stats{

    display:grid !important;
    grid-template-columns:1fr !important;
    gap:15px !important;

    width:100% !important;
    margin-top:25px !important;
}

.hv-global-stats > div{

    width:100% !important;
    min-height:120px !important;

}

.hv-global-map{

    position:relative !important;

    width:100% !important;
    height:360px !important;

    margin-top:40px !important;

    transform:none !important;
    right:auto !important;
    left:auto !important;

}

.hv-world-glow{

    max-width:100% !important;

}

.hv-global-card{

    position:absolute !important;

    width:85% !important;

    right:7.5% !important;
    left:auto !important;

    top:80px !important;

}

.hv-network{

    transform:scale(.7) !important;

}

}

@media(max-width:768px){

.hv-global{
    padding-bottom:40px !important;
}

.hv-global-map{

    height:260px !important;
    margin-top:20px !important;

}

.hv-world-glow{

    transform:scale(.65) !important;
    transform-origin:center !important;

}

.hv-network{

    transform:scale(.55) !important;
}

.hv-global-card{

    width:75% !important;
    right:12.5% !important;

    top:55px !important;

    padding:22px !important;

}

.hv-global-card h3{

    font-size:24px !important;
    line-height:1.2 !important;

}

.hv-global-card p{

    font-size:13px !important;
    line-height:1.6 !important;

}

.hv-global-stats > div{

    min-height:100px !important;

}

.hv-global-stats strong{

    font-size:30px !important;

}

}.hv-global-stats{
display:flex!important;
flex-direction:column!important;
}

.hv-global-stats > div{
width:100%!important;
}

@media(max-width:768px){

.hv-global-map{

    height:220px !important;
    min-height:220px !important;
    margin-top:10px !important;
    overflow:hidden !important;

}

.hv-world-glow{

    width:220px !important;
    height:220px !important;
    transform:none !important;

}

.hv-network{

    transform:scale(.35) !important;

}

.hv-global-card{

    top:35px !important;
    width:70% !important;
    right:15% !important;

    padding:15px !important;

}

.hv-global-card span{

    font-size:9px !important;

}

.hv-global-card h3{

    font-size:18px !important;
    line-height:1.15 !important;
    margin:8px 0 !important;

}

.hv-global-card p{

    font-size:11px !important;
    line-height:1.4 !important;

}

.hv-global{

    padding-bottom:20px !important;

}

}

@media(max-width:768px){

.hv-world-glow,
.hv-network,
.hv-point,
.hv-line{
    display:none !important;
}

.hv-global-map{

    height:auto !important;
    min-height:0 !important;

    margin-top:25px !important;

    padding:0 !important;

}

.hv-global-card{

    position:relative !important;

    top:auto !important;
    right:auto !important;
    left:auto !important;

    transform:none !important;

    width:100% !important;

    margin:0 auto !important;

    padding:25px !important;

}

.hv-global-card h3{

    font-size:22px !important;

}

.hv-global-card p{

    font-size:14px !important;

}

.hv-global{

    padding-bottom:30px !important;

}

.hv-global-stats{

    display:flex !important;
    flex-direction:column !important;
    gap:15px !important;

}

.hv-global-stats > div{

    width:100% !important;

}

}

@media(max-width:768px){

.hv-global-map{
    display:none !important;
}

.hv-global{
    padding-bottom:40px !important;
}

.hv-global-stats{
    display:flex !important;
    flex-direction:column !important;
    gap:15px !important;
}

.hv-global-stats > div{
    width:100% !important;
}

.hv-global + section{
    margin-top:0 !important;
}

}

@media(max-width:768px){

.hv-news,
.hv-news-center{
    width:100% !important;
    overflow:hidden !important;
}

.hv-news-grid,
.hv2-news-grid,
.hv-news-wrap{
    display:flex !important;
    flex-direction:column !important;
    gap:25px !important;
    width:100% !important;
}

.hv-news-card,
.hv2-news-card,
.hv-news-item{

    width:100% !important;
    max-width:100% !important;

}

.hv-news-card h2,
.hv-news-card h3,
.hv2-news-card h2,
.hv2-news-card h3{

    font-size:28px !important;
    line-height:1.15 !important;

    word-break:normal !important;
    overflow-wrap:normal !important;

}

.hv-news-card p,
.hv2-news-card p{

    font-size:15px !important;
    line-height:1.8 !important;

    word-break:normal !important;

}

.hv-news-card span{

    letter-spacing:3px !important;

}

}

.hacvio-floating-camera{
    position:absolute;
    left:50%;
    top:50%;

    width:330px;
    height:330px;

    transform:translate(-50%,-50%);

    z-index:20;

    pointer-events:none;

    animation:hacvioCameraFloat 3s ease-in-out infinite;
}

.hacvio-floating-camera{
    position:absolute !important;
    left:50% !important;
    top:50% !important;
    width:300px !important;
    height:300px !important;

    transform:translate(-50%,-50%) !important;

    z-index:4 !important;
    pointer-events:none !important;

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
}

.hacvio-floating-camera img{
    width:100% !important;
    height:100% !important;
    display:block !important;
    object-fit:contain !important;

    pointer-events:none !important;
    user-select:none !important;

    animation:hacvioHeroFloat 6s ease-in-out infinite !important;
    will-change:transform !important;

    filter:
        drop-shadow(0 18px 32px rgba(0,120,255,.24))
        drop-shadow(0 0 24px rgba(0,170,255,.16)) !important;
}

@keyframes hacvioHeroFloat{
    0%,
    100%{
        transform:translateY(24px);
    }

    50%{
        transform:translateY(-30px);
    }
}

.hv3-data-node,
.hv3-chip{
    position:absolute !important;
    z-index:20 !important;
}

.hv3-orbit,
.hv3-light{
    z-index:1 !important;
}

.hv-featured-visual,
.hv-product-card{
    animation:none !important;
    transform:none !important;
}

.hv-product-card{
    position:relative !important;
    overflow:visible !important;
}
.hv-product-camera{

    position:absolute;

    left:50%;
    top:50%;

    transform:translate(-50%,-50%);

    width:250px;
    height:auto;

    background:none;

    border-radius:0;

    display:flex;

    align-items:center;
    justify-content:center;

    z-index:5;
}.hv-product-camera img{

    width:100%;

    height:auto;

    display:block;

    filter:
    drop-shadow(0 18px 30px rgba(50,120,255,.18))
    drop-shadow(0 0 22px rgba(50,120,255,.12));

}

.hv-product-camera img{
    width:100% !important;
    height:auto !important;
    max-width:none !important;
    display:block !important;
    object-fit:contain !important;

    animation:hvFeaturedCameraFloat 6s ease-in-out infinite !important;

    filter:
        drop-shadow(0 22px 34px rgba(40,110,255,.22))
        drop-shadow(0 0 26px rgba(60,150,255,.16)) !important;
}

@keyframes hvFeaturedCameraFloat{
    0%,
    100%{
        transform:translateY(10px);
    }

    50%{
        transform:translateY(-10px);
    }
}.hv-product-camera img{
    width:100%;
    height:auto;
    display:block;

    animation:hvFeaturedImageFloat 6s ease-in-out infinite !important;
    will-change:transform;

    filter:
        drop-shadow(0 18px 30px rgba(50,120,255,.18))
        drop-shadow(0 0 22px rgba(50,120,255,.12));
}

@keyframes hvFeaturedImageFloat{
    0%,
    100%{
        transform:translateY(10px);
    }

    50%{
        transform:translateY(-14px);
    }
}.hv-product-card,
.hv-product-card:hover{
    transform:none !important;
    transition:none !important;
}.hv-product-camera{
    z-index:5 !important;
}

.hv-product-badge{
    z-index:20 !important;
}.hv-product-badge{
    position:absolute !important;
    padding:18px 25px !important;

    background:rgba(255,255,255,.22) !important;

    border:1px solid rgba(255,255,255,.65) !important;
    border-radius:22px !important;

    color:#185cff !important;
    font-weight:700 !important;

    backdrop-filter:blur(16px) saturate(160%) !important;
    -webkit-backdrop-filter:blur(16px) saturate(160%) !important;

    box-shadow:
        0 14px 35px rgba(25,70,150,.14),
        inset 0 1px 0 rgba(255,255,255,.8),
        inset 0 -1px 0 rgba(255,255,255,.22) !important;

    z-index:20 !important;
}.hv-product-badge{

    padding:12px 18px !important;

    border-radius:18px !important;

    font-size:15px !important;

    min-width:unset !important;

}

.hv-product-badge strong{

    font-size:16px !important;

}

.hv-product-badge small{

    font-size:11px !important;

    margin-top:3px !important;

}.hv-product-badge strong,
.hv-product-badge b,
.hv-product-badge h3{
    color:#ffffff !important;
}.hv-product-badge{
    color:#ffffff !important;
}

.hv-product-badge *{
    color:#ffffff !important;
}.hv-download-icon svg{
    width:27px;
    height:27px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.8;
    stroke-linecap:round;
    stroke-linejoin:round;
    display:block;
}