.service-hero{height:70vh;background-image:linear-gradient(135deg,#0054a6e6,#000000d9),url(https://images.unsplash.com/photo-1558002038-1055907df827?w=1920);background-attachment:fixed;background-position:center;background-repeat:no-repeat;background-size:cover;position:relative;display:flex;align-items:center;justify-content:center}.hero-content{position:relative;z-index:2;text-align:center;color:#fff;max-width:1000px;padding:0 20px}.hero-content h1{font-size:56px;font-weight:900;margin-bottom:20px;line-height:1.2;text-shadow:2px 4px 8px rgba(0,0,0,.5)}.hero-content .subtitle{font-size:22px;margin-bottom:20px;font-weight:300;text-shadow:1px 2px 4px rgba(0,0,0,.3)}.hero-badge-group{display:flex;justify-content:center;gap:15px;margin:35px 0;flex-wrap:wrap}.hero-badge{background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:12px 25px;border-radius:50px;font-size:14px;font-weight:600;border:2px solid rgba(255,255,255,.3);transition:all .3s;display:flex;align-items:center;gap:8px}.hero-badge i{color:var(--primary);font-size:16px}.hero-badge:hover{background:#ffffff4d;transform:translateY(-3px);box-shadow:0 5px 15px #0054a64d}.hero-buttons{display:flex;gap:20px;justify-content:center;flex-wrap:wrap;margin-top:40px}.btn-hero{padding:16px 40px;border-radius:50px;font-weight:700;text-decoration:none;transition:all .3s;font-size:16px;display:inline-flex;align-items:center;gap:10px}.btn-hero-primary{background:#fff;color:var(--primary);box-shadow:0 10px 30px #0000004d}.btn-hero-primary:hover{transform:translateY(-5px);box-shadow:0 15px 40px #0054a680;background:var(--primary);color:#fff}.btn-hero-secondary{background:transparent;color:#fff;border:2px solid white}.btn-hero-secondary:hover{background:#fff;color:var(--primary);transform:translateY(-5px)}.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;line-height:1.8}.introduction-section{padding:80px 0;background:#fff}.intro-row{display:grid;grid-template-columns:1.15fr .85fr;gap:36px;align-items:center;margin-top:10px}.intro-content{font-size:16px;line-height:1.9;color:var(--gray);margin-bottom:0;background:#fff;border:1px solid rgba(0,84,166,.12);border-radius:16px;padding:26px;box-shadow:0 10px 30px #0054a614}.intro-content strong{color:var(--secondary);font-weight:700}.intro-image-box{position:relative;border-radius:16px;overflow:hidden;box-shadow:0 18px 40px #0054a63d;min-height:360px}.intro-image-box img{width:100%;height:100%;min-height:360px;object-fit:cover;display:block}.intro-image-badge{position:absolute;left:16px;bottom:16px;background:#fffffff0;color:var(--secondary);padding:9px 14px;border-radius:999px;font-size:13px;font-weight:700;box-shadow:0 6px 16px #0000002e}.intro-features{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin-top:40px}.intro-feature-box{background:var(--light);padding:25px;border-radius:12px;border-left:4px solid var(--primary);transition:all .3s}.intro-feature-box:hover{background:#fff;box-shadow:0 8px 25px #0054a626;transform:translate(8px)}.intro-feature-box i{font-size:32px;color:var(--primary);margin-bottom:15px}.intro-feature-box h4{font-size:18px;font-weight:700;color:var(--secondary);margin-bottom:10px}.intro-feature-box p{font-size:14px;color:var(--gray);margin:0}.installation-types{padding:80px 0;background:var(--light)}.type-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:50px}.type-card{background:#fff;padding:40px 30px;border-radius:15px;text-align:left;transition:all .4s;border-top:4px solid var(--primary);position:relative;overflow:hidden}.type-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}.type-card:hover:before{left:100%}.type-card:hover{transform:translateY(-10px);box-shadow:0 15px 40px #0054a633}.type-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 25px;color:#fff;font-size:36px;box-shadow:0 10px 30px #0054a64d;transition:all .3s}.type-card:hover .type-icon{transform:rotateY(360deg);box-shadow:0 15px 40px #0054a666}.type-card h3{font-size:24px;font-weight:700;color:var(--secondary);margin-bottom:15px;text-align:center;transition:color .3s}.type-card:hover h3{color:var(--primary)}.type-card p{color:var(--gray);font-size:15px;line-height:1.8;text-align:center}.camera-types{padding:80px 0;background:#fff}.camera-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:50px}.camera-card{background:var(--light);padding:35px 25px;border-radius:15px;box-shadow:0 5px 20px #0054a614;transition:all .4s;text-align:left;border-top:4px solid var(--primary)}.camera-number{width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,var(--primary),#003d7a);color:#fff;font-size:28px;font-weight:900;display:flex;align-items:center;justify-content:center;margin-bottom:20px;box-shadow:0 8px 20px #0054a64d;transition:all .3s}.camera-card:hover .camera-number{transform:scale(1.15) rotate(360deg)}.camera-card h4{font-size:20px;font-weight:700;color:var(--secondary);margin-bottom:15px;transition:color .3s}.camera-card:hover h4{color:var(--primary)}.camera-card p{color:var(--gray);font-size:14px;line-height:1.8;margin-bottom:20px}.camera-features{list-style:none;padding:0;text-align:left;margin-top:20px}.camera-features li{padding:8px 0;color:var(--text);font-size:13px;display:flex;align-items:center;gap:10px;border-bottom:1px solid #e0e0e0}.camera-features li:last-child{border-bottom:none}.camera-features li i{color:var(--primary);font-size:12px;margin:0}.installation-process{padding:80px 0;background:var(--light)}.process-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:35px;margin-top:50px}.process-step{background:#fff;padding:35px 30px;border-radius:15px;box-shadow:0 5px 25px #0054a614;transition:all .4s;position:relative;overflow:hidden}.process-step:before{content:"";position:absolute;top:0;left:0;width:100%;height:5px;background:linear-gradient(90deg,var(--primary),#003d7a);transform:scaleX(0);transform-origin:left;transition:transform .5s}.process-step:hover:before{transform:scaleX(1)}.process-step:hover{transform:translateY(-10px);box-shadow:0 15px 40px #0054a633}.step-number{width:60px;height:60px;background:linear-gradient(135deg,var(--primary),#003d7a);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:28px;font-weight:900;margin-bottom:20px;box-shadow:0 8px 20px #0054a64d;transition:all .3s}.process-step:hover .step-number{transform:scale(1.15) rotate(360deg)}.process-step h4{font-size:20px;font-weight:700;color:var(--secondary);margin-bottom:15px}.process-step p{color:var(--gray);font-size:14px;line-height:1.8;margin:0}.coverage-section{padding:80px 0;background:#fff}.areas-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-top:50px}.area-item{background:var(--light);padding:20px;border-radius:10px;text-align:center;transition:all .3s;border-left:3px solid var(--primary)}.area-item:hover{background:#fff;box-shadow:0 5px 20px #0054a626;transform:translateY(-5px)}.area-item i{color:var(--primary);font-size:24px;margin-bottom:10px}.area-item h5{font-size:16px;font-weight:600;color:var(--secondary);margin:0}.why-choose-section{padding:80px 0;background:linear-gradient(135deg,var(--light),#ffffff)}.why-choose-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px;margin-top:50px}.choose-card{background:#fff;padding:35px 25px;border-radius:15px;box-shadow:0 5px 25px #0054a614;transition:all .4s;text-align:center;border-top:4px solid var(--primary)}.choose-card:hover{transform:translateY(-10px);box-shadow:0 15px 40px #0054a633}.choose-icon{width:70px;height:70px;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 8px 25px #0054a64d;transition:all .3s}.choose-card:hover .choose-icon{transform:rotateY(360deg)}.choose-card h4{font-size:20px;font-weight:700;color:var(--secondary);margin-bottom:10px;transition:color .3s}.choose-card:hover h4{color:var(--primary)}.choose-card p{color:var(--gray);font-size:14px;line-height:1.7;margin:0}.cost-section{padding:80px 0;background:#fff}.cost-factors{display:grid;grid-template-columns:repeat(4,1fr);gap:25px;margin:40px 0}.cost-factor{background:var(--light);padding:30px;border-radius:12px;border-left:4px solid var(--primary);transition:all .3s}.cost-factor:hover{background:#fff;box-shadow:0 8px 25px #0054a626;transform:translate(8px)}.cost-factor h5{font-size:18px;font-weight:700;color:var(--secondary);margin-bottom:10px;display:flex;align-items:center;gap:10px}.cost-factor h5 i{color:var(--primary);font-size:20px}.cost-factor p{color:var(--gray);font-size:14px;margin:0;line-height:1.7}.industries-section{padding:80px 0;background:var(--light)}.industries-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:25px;margin-top:50px}.industry-card{background:#fff;padding:30px 20px;border-radius:12px;box-shadow:0 5px 20px #0054a614;transition:all .3s;text-align:center;border-top:3px solid var(--primary)}.industry-card:hover{transform:translateY(-8px);box-shadow:0 12px 30px #0054a633}.industry-card i{font-size:40px;color:var(--primary);margin-bottom:15px;transition:transform .3s}.industry-card:hover i{transform:scale(1.15)}.industry-card h5{font-size:16px;font-weight:700;color:var(--secondary);margin:0}@media(max-width:991px){.intro-row,.intro-features,.type-grid,.camera-grid,.cost-factors{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.hero-content h1{font-size:38px}.hero-content .subtitle{font-size:18px}.section-title{font-size:32px}.intro-row,.intro-features,.type-grid,.camera-grid,.areas-grid{grid-template-columns:1fr}.intro-content{padding:20px}.intro-image-box,.intro-image-box img{min-height:280px}}@media(max-width:576px){.hero-content h1{font-size:28px}.btn-hero{padding:14px 30px;font-size:14px}.cost-factors{grid-template-columns:1fr}}