.hero-section{position:relative;height:calc(100vh - 80px);min-height:700px;overflow:hidden;}
.heroSwiper{width:100%;height:100%;}
.swiper-slide{position:relative;overflow:hidden;}
.slide-bg{position:absolute;top:0;left:0;width:100%;height:100%;}
.slide-grid-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(rgba(0,212,255,0.03) 1px,transparent 1px),linear-gradient(90deg,rgba(0,212,255,0.03) 1px,transparent 1px);background-size:60px 60px;animation:grid-move 20s linear infinite;}
@keyframes grid-move{0%{transform:translate(0,0);}100%{transform:translate(60px,60px);}}
.slide-glow{position:absolute;border-radius:50%;filter:blur(80px);animation:glow-float 8s ease-in-out infinite;}
.slide-glow-1{width:400px;height:400px;background:rgba(0,212,255,0.12);top:10%;right:10%;}
.slide-glow-2{width:300px;height:300px;background:rgba(0,102,255,0.1);bottom:20%;left:5%;animation-delay:-3s;}
.slide-glow-3{width:350px;height:350px;background:rgba(0,102,255,0.12);top:15%;left:15%;}
.slide-glow-4{width:250px;height:250px;background:rgba(0,212,255,0.08);bottom:15%;right:10%;animation-delay:-4s;}
.slide-glow-5{width:300px;height:300px;background:rgba(108,92,231,0.12);top:20%;right:20%;}
.slide-glow-6{width:350px;height:350px;background:rgba(0,212,255,0.1);bottom:10%;left:10%;animation-delay:-2s;}
@keyframes glow-float{0%,100%{transform:translate(0,0) scale(1);}33%{transform:translate(30px,-20px) scale(1.1);}66%{transform:translate(-20px,20px) scale(0.95);}}
.hero-content{position:relative;z-index:10;display:flex;flex-direction:column;justify-content:center;height:100%;width:1400px;max-width: 95%; margin:auto;}
.hero-tag{display:inline-flex;align-items:center;gap:12px;font-family:'Orbitron',sans-serif;font-size:11px;letter-spacing:3px;color:#00d4ff;margin-bottom:24px;opacity:0;animation:fadeInUp 0.8s ease forwards;animation-delay:0.3s;}
.tag-line{width:40px;height:1px;background:#00d4ff;}
.hero-title{font-family:'Orbitron',sans-serif;font-size:clamp(36px,5.5vw,72px);font-weight:800;line-height:1.1;margin-bottom:24px;color: #fff;}
.title-line{display:block;opacity:0;animation:fadeInUp 0.8s ease forwards;}
.title-line:nth-child(1){animation-delay:0.5s;}
.title-line:nth-child(2){animation-delay:0.7s;}
.title-line:nth-child(3){animation-delay:0.9s;}
.title-accent{background:linear-gradient(135deg,#00d4ff,#0066ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}
.hero-desc{font-size:16px;line-height:1.8;color:#fff;max-width:550px;margin-bottom:36px;opacity:0;animation:fadeInUp 0.8s ease forwards;animation-delay:1.1s;}
.hero-btns{display:flex;gap:16px;flex-wrap:wrap;opacity:0;animation:fadeInUp 0.8s ease forwards;animation-delay:1.3s;}
.btn-whatsapp{background:#25D366;color:#fff;}
.btn-whatsapp:hover{background:#20bd5a;box-shadow:0 0 30px rgba(37,211,102,0.4);transform:translateY(-3px);}
.hero-visual{position:absolute;top:0;right:0;width:50%;height:100%;pointer-events:none;z-index:5;}
.hex-float{position:absolute;border:1.5px solid rgba(0,212,255,0.15);clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);animation:hex-rotate 20s linear infinite;}
.hex-1{width:120px;height:120px;top:15%;right:20%;animation-duration:25s;}
.hex-2{width:80px;height:80px;top:40%;right:35%;animation-duration:18s;animation-direction:reverse;border-color:rgba(0,102,255,0.15);}
.hex-3{width:60px;height:60px;bottom:25%;right:15%;animation-duration:22s;}
.hex-4{width:100px;height:100px;top:20%;right:25%;animation-duration:20s;border-color:rgba(108,92,231,0.15);}
.hex-5{width:70px;height:70px;bottom:30%;right:30%;animation-duration:15s;animation-direction:reverse;}
@keyframes hex-rotate{0%{transform:rotate(0deg);}100%{transform:rotate(360deg);}}
.gear-float{position:absolute;border:2px solid rgba(0,212,255,0.12);border-radius:50%;}
.gear-float::before{content:'';position:absolute;top:50%;left:50%;width:60%;height:2px;background:rgba(0,212,255,0.12);transform:translate(-50%,-50%);}
.gear-float::after{content:'';position:absolute;top:50%;left:50%;width:2px;height:60%;background:rgba(0,212,255,0.12);transform:translate(-50%,-50%);}
.gear-1{width:100px;height:100px;top:20%;right:25%;animation:gear-spin 15s linear infinite;}
.gear-2{width:70px;height:70px;bottom:30%;right:15%;animation:gear-spin 10s linear infinite reverse;}
@keyframes gear-spin{0%{transform:rotate(0deg);}100%{transform:rotate(360deg);}}
.circuit-line{position:absolute;height:1px;background:linear-gradient(90deg,transparent,rgba(0,212,255,0.2),transparent);animation:circuit-pulse 3s ease-in-out infinite;}
.cl-1{width:200px;top:30%;right:10%;animation-delay:0s;}
.cl-2{width:150px;top:60%;right:20%;animation-delay:1s;transform:rotate(30deg);}
.cl-3{width:180px;bottom:20%;right:5%;animation-delay:2s;}
.cl-4{width:160px;top:35%;right:15%;animation-delay:0.5s;}
.cl-5{width:120px;bottom:35%;right:25%;animation-delay:1.5s;transform:rotate(-20deg);}
.cl-6{width:140px;top:25%;right:20%;animation-delay:0.8s;}
.cl-7{width:100px;bottom:25%;right:10%;animation-delay:1.8s;transform:rotate(15deg);}
@keyframes circuit-pulse{0%,100%{opacity:0.3;}50%{opacity:1;}}
.swiper-pagination{bottom:40px !important;}
.swiper-pagination-bullet{width:30px;height:3px;background:rgba(255,255,255,0.3);border-radius:3px;opacity:1;transition:all 0.4s cubic-bezier(0.25,0.46,0.45,0.94);}
.swiper-pagination-bullet-active{width:60px;background:#00d4ff;}
.swiper-button-prev,.swiper-button-next{color:#00d4ff;width:50px;height:50px;background:rgba(0,212,255,0.05);border:1px solid rgba(0,212,255,0.15);border-radius:50%;transition:all 0.4s cubic-bezier(0.25,0.46,0.45,0.94);}
.swiper-button-prev::after,.swiper-button-next::after{font-size:16px;font-weight:bold;}
.swiper-button-prev:hover,.swiper-button-next:hover{background:rgba(0,212,255,0.15);border-color:#00d4ff;}
.swiper-nav{position:absolute;bottom:40px;right:10%;display:flex;gap:12px;z-index:20;width: 140px;}
.scroll-indicator{position:absolute;bottom:40px;left:10%;display:flex;flex-direction:column;align-items:center;gap:8px;z-index:20;}
.scroll-indicator span{font-family:'Orbitron',sans-serif;font-size:10px;letter-spacing:3px;color:#5a6380;writing-mode:vertical-rl;}
.scroll-line{width:1px;height:50px;background:rgba(0,212,255,0.2);position:relative;overflow:hidden;}
.scroll-line::after{content:'';position:absolute;top:-100%;left:0;width:100%;height:100%;background:#00d4ff;animation:scroll-down 2s ease-in-out infinite;}
@keyframes scroll-down{0%{top:-100%;}100%{top:100%;}}
@keyframes fadeInUp{from{opacity:0;transform:translateY(30px);}to{opacity:1;transform:translateY(0);}}
.section{position:relative;padding:100px 0;z-index:1;}
.about-section{}
.about-grid{display:grid;grid-template-columns:1.2fr 0.8fr;gap:60px;align-items:center;margin-top: 60px;}
.about-subtitle{font-family:'Rajdhani',sans-serif;font-size:24px;font-weight:600;color:#333;margin-bottom:20px;}
.about-text{color:#666;margin-bottom:16px;line-height:1.8;}
.about-text em{color:#28a1e1;font-style:normal;font-weight:500;}
.about-features{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:30px;}
.feature-item{display:flex;align-items:center;gap:12px;padding:12px 16px;background:rgba(0,212,255,0.03);border:1px solid rgba(0,212,255,0.15);border-radius:6px;transition:all 0.4s cubic-bezier(0.25,0.46,0.45,0.94);}
.feature-item:hover{border-color:rgba(0,212,255,0.4);background:rgba(0,212,255,0.06);transform:translateX(5px);}
.feature-item span{font-family:'Rajdhani',sans-serif;font-size:14px;font-weight:500;}
.section-bg-pattern{position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(circle at 20% 50%,rgba(0,212,255,0.03) 0%,transparent 50%),radial-gradient(circle at 80% 50%,rgba(0,102,255,0.03) 0%,transparent 50%);pointer-events:none;}
.about-dt{margin-top: 60px;border-radius: 10px;overflow: hidden;}
.about-dt img{display: block;width: 100%;}

.applications-section{background:url(../img/albg.jpg) center center / cover no-repeat;}

@media screen and (max-width:1199px){
  .hero-section{height:380px;min-height:auto;}
  .tag-line{width: 20px;}
  .hero-tag{gap: 8px;font-size: 8px;margin-bottom: 10px;}
  .hero-title{font-size: 36px;margin-bottom: 10px;}
  .hero-desc{font-size: 14px;margin-bottom: 20px;}
  .hero-btns{gap: 10px;}
  .scroll-indicator{display: none;}
  .swiper-pagination{bottom: 20px !important;}
  .swiper-pagination-bullet{width:20px;height:2px;}
  .swiper-pagination-bullet-active{width:30px;}
  .swiper-nav{display: none;}
  .section{padding: 30px 0;}
  .about-grid{gap: 30px;margin-top: 20px;}
  .about-subtitle{font-size: 16px;margin-bottom: 10px;}
  .about-text{margin-bottom: 10px;}
  .about-features{gap:10px;margin-top:20px;}
  .feature-item{gap:8px;padding:8px 10px;}
  .feature-item span{font-size:12px;}
  .feature-item .feature-icon svg{display:block;width:24px;height:24px;}
}
@media screen and (max-width:750px){
  .hero-title{font-size: 24px;}
  .hero-desc{font-size: 12px;}
  .hero-section{height:320px;}
  .hero-content{padding-bottom: 20px;}
  .about-grid{display:block;}
  .about-stats{margin-top: 20px;}
}
@media screen and (max-width:499px){
}