.hero-section{padding:100px 0 80px;background:linear-gradient(135deg,#f8f9fa,#fff);position:relative;overflow:hidden}.hero-section:before{content:"";position:absolute;top:0;right:0;width:50%;height:100%;background:linear-gradient(135deg,rgba(0,84,166,.03),transparent);z-index:1}.hero-wrapper{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;position:relative;z-index:2}.hero-text{padding-right:20px}.hero-tag{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,var(--primary),#003d7a);color:#fff;padding:8px 20px;border-radius:50px;font-size:13px;font-weight:600;margin-bottom:20px;box-shadow:0 4px 15px #0054a633}.hero-tag i{font-size:14px}.hero-text h1{font-size:56px;font-weight:900;color:var(--secondary);margin-bottom:20px;line-height:1.2}.hero-description{font-size:18px;color:var(--gray);line-height:1.8;margin-bottom:30px}.hero-features{list-style:none;padding:0;margin:0 0 35px;display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.hero-features li{display:flex;align-items:center;gap:10px;font-size:15px;color:var(--text);font-weight:500}.hero-features li i{color:var(--primary);font-size:18px}.hero-buttons{display:flex;gap:15px;flex-wrap:wrap}.btn-hero{padding:16px 32px;border-radius:50px;font-weight:700;text-decoration:none;transition:all .3s;font-size:15px;display:inline-flex;align-items:center;gap:10px}.btn-hero-primary{background:var(--primary);color:#fff;box-shadow:0 8px 25px #0054a64d}.btn-hero-primary:hover{transform:translateY(-3px);box-shadow:0 12px 35px #0054a666;background:var(--secondary)}.btn-hero-secondary{background:transparent;color:var(--primary);border:2px solid var(--primary)}.btn-hero-secondary:hover{background:var(--primary);color:#fff;transform:translateY(-3px)}.hero-image-wrapper{position:relative;border-radius:20px;overflow:hidden;box-shadow:0 20px 60px #0054a626}.hero-image-wrapper img{width:100%;height:auto;display:block;border-radius:20px}.hero-badge-float{position:absolute;bottom:30px;left:30px;background:#fff;padding:20px 25px;border-radius:15px;box-shadow:0 10px 40px #0003;display:flex;align-items:center;gap:15px;animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.badge-icon{width:50px;height:50px;background:linear-gradient(135deg,var(--primary),#003d7a);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:24px}.badge-info{display:flex;flex-direction:column}.badge-info strong{font-size:24px;font-weight:900;color:var(--secondary);line-height:1;margin-bottom:2px}.badge-info span{font-size:12px;color:var(--gray);font-weight:600}.seo-section{background:var(--light);padding:80px 0}.section-title{font-size:42px;font-weight:900;color:var(--secondary);margin-bottom:20px;position:relative;display:inline-block}.section-title:after{content:"";position:absolute;bottom:-10px;left:0;width:60%;height:4px;background:var(--primary);transition:width .3s}.section-title:hover:after{width:100%}.section-subtitle{color:var(--gray);font-size:18px;margin-bottom:50px}.service-category-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px;margin-top:40px}.service-category-card{background:#fff;padding:35px;border-radius:15px;box-shadow:0 5px 25px #0054a614;transition:all .4s;border-top:4px solid var(--primary);text-align:center;position:relative;overflow:hidden}.service-category-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,84,166,.1),transparent);transition:left .5s}.service-category-card:hover:before{left:100%}.service-category-card:hover{transform:translateY(-10px);box-shadow:0 15px 40px #0054a633}.service-category-card i{font-size:50px;color:var(--primary);margin-bottom:20px;transition:transform .3s}.service-category-card:hover i{transform:scale(1.2) rotate(10deg)}.service-category-card h3{font-size:22px;font-weight:700;color:var(--secondary);margin-bottom:15px;transition:color .3s}.service-category-card:hover h3{color:var(--primary)}.service-category-card p{color:var(--gray);font-size:14px;line-height:1.8;margin-bottom:20px}.service-category-card .keyword-tags{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.keyword-tag{background:#f8f8f8;padding:5px 12px;border-radius:20px;font-size:11px;color:var(--gray);border:1px solid #e0e0e0;transition:all .3s}.keyword-tag:hover{background:var(--primary);color:#fff;border-color:var(--primary);transform:scale(1.05)}.sira-section{padding:80px 0;background:#fff}.sira-content-wrapper{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center;margin-top:40px}.sira-image-container{position:relative;overflow:hidden;border-radius:15px;box-shadow:0 10px 40px #0054a626;transition:all .4s}.sira-image-container:hover{transform:scale(1.05);box-shadow:0 15px 50px #0054a640}.sira-image-container img{width:100%;height:auto;display:block;transition:transform .4s}.sira-image-container:hover img{transform:scale(1.1)}.sira-text-content{padding:20px}.sira-text-content h2{font-size:36px;font-weight:900;color:var(--secondary);margin-bottom:20px;position:relative}.sira-text-content h2:after{content:"";position:absolute;bottom:-10px;left:0;width:80px;height:4px;background:var(--primary)}.sira-text-content p{color:var(--gray);font-size:16px;line-height:1.9;margin-bottom:25px}.btn-learn-more{background:var(--primary);color:#fff;padding:14px 35px;border-radius:50px;text-decoration:none;font-weight:700;font-size:15px;display:inline-block;transition:all .3s;box-shadow:0 5px 20px #0054a64d}.btn-learn-more:hover{background:var(--secondary);transform:translateY(-3px);box-shadow:0 8px 25px #0006}.hikvision-section{padding:80px 0;background:var(--light)}.hikvision-content-wrapper{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center;margin-top:40px}.hikvision-image-container{position:relative;overflow:hidden;border-radius:15px;box-shadow:0 10px 40px #0054a626;transition:all .4s}.hikvision-image-container:hover{transform:scale(1.05);box-shadow:0 15px 50px #0054a640}.hikvision-image-container img{width:100%;height:auto;display:block;transition:transform .4s}.hikvision-image-container:hover img{transform:scale(1.1)}.hikvision-text-content{padding:20px}.hikvision-text-content h2{font-size:36px;font-weight:900;color:var(--secondary);margin-bottom:20px;position:relative}.hikvision-text-content h2:after{content:"";position:absolute;bottom:-10px;left:0;width:80px;height:4px;background:var(--primary)}.hikvision-text-content p{color:var(--gray);font-size:16px;line-height:1.9;margin-bottom:25px}.services-section{padding:80px 0;background:#fff}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:30px;margin-top:50px}.service-card{background:var(--light);padding:40px 30px;border-radius:15px;box-shadow:0 5px 25px #0054a614;transition:all .4s;border-top:4px solid var(--primary);position:relative;overflow:hidden;display:flex;flex-direction:column}.service-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,84,166,.05),transparent);transition:left .5s}.service-card:hover:before{left:100%}.service-card:hover{transform:translateY(-10px);box-shadow:0 15px 40px #0054a633;background:#fff}.service-icon-wrapper{text-align:center;margin-bottom:25px}.service-icon{width:80px;height:80px;background:linear-gradient(135deg,var(--primary),#003d7a);border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:#fff;font-size:36px;box-shadow:0 10px 30px #0054a64d;transition:all .3s}.service-card:hover .service-icon{transform:rotateY(360deg);box-shadow:0 15px 40px #0054a666}.service-card h3{font-size:22px;font-weight:700;color:var(--secondary);margin-bottom:15px;text-align:center;transition:color .3s}.service-card:hover h3{color:var(--primary)}.service-card>p{color:var(--gray);font-size:14px;line-height:1.8;margin-bottom:20px;text-align:center}.service-features{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:20px;padding:20px 0;border-top:1px solid #e0e0e0;border-bottom:1px solid #e0e0e0}.service-features span{font-size:13px;color:var(--gray);display:flex;align-items:center;gap:8px}.service-features span i{color:var(--primary);font-size:12px}.service-card .keyword-tags{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:25px}.btn-service{background:var(--primary);color:#fff;padding:12px 30px;border-radius:25px;text-decoration:none;font-weight:600;font-size:14px;display:block;text-align:center;transition:all .3s;box-shadow:0 5px 15px #0054a633;margin-top:auto}.btn-service:hover{background:var(--secondary);transform:translateY(-3px);box-shadow:0 8px 20px #0000004d}.why-choose{padding:80px 0;background:#fff}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px;margin-top:50px}.feature-item{text-align:center;padding:30px;border-radius:12px;transition:all .3s;position:relative;overflow:hidden}.feature-item:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,rgba(0,84,166,.05),transparent);opacity:0;transition:opacity .3s}.feature-item:hover:before{opacity:1}.feature-item:hover{background:var(--light);transform:translateY(-5px)}.feature-icon{width:80px;height:80px;background:linear-gradient(135deg,var(--primary),#003d7a);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;color:#fff;font-size:32px;box-shadow:0 10px 30px #0054a64d;transition:all .3s}.feature-item:hover .feature-icon{transform:rotateY(360deg);box-shadow:0 15px 40px #0054a666}.feature-item h4{font-size:20px;font-weight:700;margin-bottom:10px;color:var(--secondary)}.feature-item p{color:var(--gray);font-size:14px}.stats-section{background:var(--secondary);color:#fff;padding:60px 0}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:40px}.stat-item{text-align:center;transition:transform .3s}.stat-item:hover{transform:translateY(-10px)}.stat-number{font-size:52px;font-weight:900;color:var(--primary);margin-bottom:10px;transition:all .3s}.stat-item:hover .stat-number{transform:scale(1.1);text-shadow:0 5px 15px rgba(0,84,166,.5)}.stat-label{font-size:16px;opacity:.9}@media(max-width:991px){.mega-menu-grid{grid-template-columns:repeat(2,1fr)}.hero-content h1{font-size:42px}.sira-content-wrapper,.hikvision-content-wrapper{grid-template-columns:1fr}}@media(max-width:768px){.mega-menu-grid{grid-template-columns:1fr}.hero-section{padding:60px 0}.hero-wrapper{grid-template-columns:1fr;gap:40px}.hero-text{padding-right:0;text-align:center}.hero-text h1{font-size:36px}.hero-description{font-size:16px}.hero-features{grid-template-columns:1fr}.hero-buttons{justify-content:center}.hero-badge-float{left:50%;transform:translate(-50%);bottom:20px}.section-title{font-size:32px}.service-category-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,1fr)}.sira-text-content h2,.hikvision-text-content h2{font-size:28px}.services-grid,.service-features{grid-template-columns:1fr}}@media(max-width:576px){.hero-text h1{font-size:28px}.hero-tag{font-size:11px;padding:6px 15px}.btn-hero{width:100%;justify-content:center}.hero-badge-float{padding:15px 20px}.badge-info strong{font-size:20px}.stats-grid{grid-template-columns:1fr}}