.intrusion-alarm-hero{position:relative;min-height:70vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0054a6f2,#000000e6),url(/images/intrusion-alarm-hero-bg.jpg) center center / cover fixed;color:#fff;text-align:center;padding:100px 20px;overflow:hidden}.intrusion-alarm-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 30% 50%,rgba(0,84,166,.2),transparent 50%),radial-gradient(circle at 70% 50%,rgba(0,84,166,.2),transparent 50%);animation:pulseGradient 8s ease-in-out infinite}@keyframes pulseGradient{0%,to{opacity:.5}50%{opacity:1}}.hero-content{position:relative;z-index:2;max-width:900px;margin:0 auto}.hero-badge-icon{width:120px;height:120px;margin:0 auto 25px;background:linear-gradient(135deg,var(--primary),#0073e6);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 15px 50px #0054a666;animation:floatBadge 3s ease-in-out infinite}.hero-badge-icon i{font-size:60px;color:#fff}@keyframes floatBadge{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.intrusion-alarm-hero h1{font-size:56px;font-weight:900;margin-bottom:20px;line-height:1.2;text-shadow:0 4px 20px rgba(0,0,0,.3)}.intrusion-alarm-hero .subtitle{font-size:20px;margin-bottom:40px;color:#fffffff2;line-height:1.6;font-weight:400}.hero-badge-group{display:flex;gap:20px;justify-content:center;flex-wrap:wrap;margin-bottom:40px}.hero-badge{background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:15px 30px;border-radius:50px;display:flex;align-items:center;gap:12px;border:1px solid rgba(255,255,255,.2);transition:all .3s ease}.hero-badge:hover{background:#ffffff40;transform:translateY(-3px);box-shadow:0 10px 30px #0000004d}.hero-badge i{font-size:20px}.hero-badge span{font-size:15px;font-weight:600}.hero-buttons{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}.btn-hero{padding:18px 40px;font-size:16px;font-weight:700;border-radius:50px;text-decoration:none;display:inline-flex;align-items:center;gap:12px;transition:all .3s ease;border:2px solid transparent}.btn-hero-primary{background:#fff;color:var(--primary);box-shadow:0 10px 40px #ffffff4d}.btn-hero-primary:hover{background:var(--light);transform:translateY(-3px);box-shadow:0 15px 50px #fff6}.btn-hero-secondary{background:transparent;color:#fff;border:2px solid white}.btn-hero-secondary:hover{background:#fff;color:var(--primary);transform:translateY(-3px)}.scenario-section{padding:100px 0;background:linear-gradient(135deg,#0054a608,#00000005)}.scenario-header{margin-bottom:50px}.section-title{font-size:42px;font-weight:800;color:var(--secondary);margin-bottom:15px;line-height:1.3}.section-subtitle{font-size:18px;color:var(--gray);margin-bottom:20px}.scenario-story{background:#fff;border-radius:20px;padding:50px 60px;box-shadow:0 10px 40px #0054a61a;margin-bottom:60px;border-left:5px solid var(--primary)}.scenario-content h3{font-size:36px;font-weight:900;color:var(--secondary);margin-bottom:30px;padding-bottom:20px;border-bottom:3px solid var(--primary);display:inline-block}.scenario-text{font-size:17px;line-height:2;color:var(--gray);margin-bottom:25px;padding:20px 30px;background:var(--light);border-radius:15px;position:relative}.scenario-text:before{content:'"';font-size:80px;font-weight:900;color:#0054a61a;position:absolute;top:-10px;left:10px;font-family:Georgia,serif}.scenario-text strong{color:var(--primary);font-weight:700}.solution-presentation{margin-top:60px}.solution-image-wrapper{position:relative;border-radius:20px;overflow:hidden;box-shadow:0 20px 60px #0054a626}.solution-image-wrapper img{width:100%;height:auto;display:block;transition:transform .5s ease}.solution-image-wrapper:hover img{transform:scale(1.05)}.solution-badge{position:absolute;bottom:30px;left:30px;background:linear-gradient(135deg,#16a34a,#15803d);color:#fff;padding:15px 30px;border-radius:50px;font-weight:700;display:flex;align-items:center;gap:10px;box-shadow:0 10px 30px #16a34a66}.solution-badge i{font-size:24px}.solution-content h3{font-size:32px;font-weight:800;color:var(--secondary);margin-bottom:35px}.prevention-points{margin-bottom:30px}.prevention-item{display:flex;gap:20px;margin-bottom:30px;align-items:flex-start}.prevention-number{width:50px;height:50px;background:linear-gradient(135deg,#16a34a,#15803d);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:800;color:#fff;flex-shrink:0;box-shadow:0 5px 15px #16a34a4d}.prevention-text h4{font-size:20px;font-weight:700;color:var(--secondary);margin-bottom:8px}.prevention-text p{font-size:15px;line-height:1.7;color:var(--gray);margin:0}.result-box{background:linear-gradient(135deg,#16a34a1a,#15803d0d);border-left:4px solid #16a34a;padding:25px 30px;border-radius:15px;display:flex;align-items:flex-start;gap:15px}.result-box i{font-size:28px;color:#16a34a;margin-top:3px}.result-box strong{color:var(--secondary);font-size:17px}.intrusion-alarm-intro{padding:100px 0;background:#fff}.intrusion-alarm-intro .intro-header{margin-bottom:45px}.intrusion-alarm-intro .section-title span{color:var(--primary)}.intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.intro-image-wrapper img{width:100%;height:auto;display:block;border-radius:20px}.intro-content h2{font-size:42px;font-weight:800;color:var(--secondary);margin-bottom:25px;line-height:1.3}.intro-content h2 span{color:var(--primary)}.intro-content p{font-size:16px;line-height:1.9;color:var(--gray);margin-bottom:20px}.intro-content p strong{color:var(--secondary);font-weight:700}.intro-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:35px}.intro-stat-item{text-align:center;padding:25px 15px;background:var(--light);border-radius:15px;transition:all .3s ease}.intro-stat-item:hover{background:#fff;box-shadow:0 10px 30px #0054a61a;transform:translateY(-5px)}.intro-stat-number{font-size:42px;font-weight:900;color:var(--primary);margin-bottom:8px}.intro-stat-label{font-size:15px;font-weight:600;color:var(--secondary)}.intro-image-wrapper{position:relative;border-radius:20px;overflow:hidden;box-shadow:0 20px 60px #0054a626}.intro-image-wrapper img{width:100%;height:auto;display:block;transition:transform .5s ease}.intro-image-wrapper:hover img{transform:scale(1.05)}.intro-badge{position:absolute;bottom:30px;right:30px;background:linear-gradient(135deg,var(--primary),#0073e6);color:#fff;padding:15px 30px;border-radius:50px;font-weight:700;display:flex;align-items:center;gap:10px;box-shadow:0 10px 30px #0054a666}.intro-badge i{font-size:24px}.alarm-types-section{padding:100px 0;background:linear-gradient(135deg,#0054a608,#00000005)}.alarm-types-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:50px}.alarm-type-card{background:#fff;border-radius:20px;padding:40px 30px;box-shadow:0 10px 40px #0054a614;transition:all .3s ease;border:2px solid transparent}.alarm-type-card:hover{transform:translateY(-10px);box-shadow:0 20px 60px #0054a626;border-color:var(--primary)}.alarm-type-icon{width:80px;height:80px;background:linear-gradient(135deg,var(--primary),#0073e6);border-radius:20px;display:flex;align-items:center;justify-content:center;margin-bottom:25px}.alarm-type-icon i{font-size:40px;color:#fff}.alarm-type-card h3{font-size:24px;font-weight:700;color:var(--secondary);margin-bottom:15px}.alarm-type-card>p{font-size:15px;color:var(--gray);line-height:1.7;margin-bottom:20px}.alarm-type-card ul{list-style:none;padding:0;margin:0}.alarm-type-card ul li{padding:10px 0;color:var(--gray);font-size:14px;display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--light)}.alarm-type-card ul li:last-child{border-bottom:none}.alarm-type-card ul li i{color:var(--primary);font-size:16px}.components-section{padding:100px 0;background:#fff}.components-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:25px;margin-top:50px}.component-card{background:var(--light);border-radius:15px;padding:30px 25px;text-align:center;transition:all .3s ease;border:2px solid transparent}.component-card:hover{background:#fff;transform:translateY(-8px);box-shadow:0 15px 40px #0054a61f;border-color:var(--primary)}.component-icon{width:70px;height:70px;background:linear-gradient(135deg,var(--primary),#0073e6);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px}.component-icon i{font-size:32px;color:#fff}.component-card h3{font-size:18px;font-weight:700;color:var(--secondary);margin-bottom:10px}.component-card p{font-size:14px;color:var(--gray);line-height:1.6;margin:0}.benefits-section{padding:100px 0;background:linear-gradient(135deg,#0054a608,#00000005)}.benefits-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;margin-top:50px}.benefit-item{background:#fff;border-radius:15px;padding:35px 25px;text-align:center;transition:all .3s ease;border:2px solid transparent}.benefit-item:hover{transform:translateY(-10px);box-shadow:0 20px 60px #0054a626;border-color:var(--primary)}.benefit-icon{width:80px;height:80px;background:linear-gradient(135deg,var(--primary),#0073e6);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px}.benefit-icon i{font-size:36px;color:#fff}.benefit-item h3{font-size:20px;font-weight:700;color:var(--secondary);margin-bottom:12px}.benefit-item p{font-size:14px;color:var(--gray);line-height:1.7;margin:0}.industries-section{padding:100px 0;background:#fff}.industries-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;margin-top:50px}.industry-card{background:var(--light);border-radius:15px;padding:30px 25px;text-align:center;transition:all .3s ease;border:2px solid transparent}.industry-card:hover{background:#fff;transform:translateY(-8px);box-shadow:0 15px 40px #0054a61f;border-color:var(--primary)}.industry-icon{width:70px;height:70px;background:linear-gradient(135deg,var(--primary),#0073e6);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px}.industry-icon i{font-size:32px;color:#fff}.industry-card h4{font-size:18px;font-weight:700;color:var(--secondary);margin-bottom:10px}.industry-card p{font-size:14px;color:var(--gray);line-height:1.6;margin:0}.services-section{padding:100px 0;background:linear-gradient(135deg,#0054a608,#00000005)}.services-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:40px;margin-top:50px}.service-card{background:#fff;border-radius:20px;padding:40px;box-shadow:0 10px 40px #0054a614;transition:all .3s ease}.service-card:hover{transform:translateY(-10px);box-shadow:0 20px 60px #0054a626}.service-header{display:flex;align-items:center;gap:20px;margin-bottom:20px}.service-icon{width:70px;height:70px;background:linear-gradient(135deg,var(--primary),#0073e6);border-radius:15px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.service-icon i{font-size:32px;color:#fff}.service-card h3{font-size:26px;font-weight:700;color:var(--secondary);margin:0}.service-card>p{font-size:15px;color:var(--gray);line-height:1.8;margin-bottom:25px}.service-list{list-style:none;padding:0;margin:0}.service-list li{padding:12px 0;color:var(--gray);font-size:14px;display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--light)}.service-list li:last-child{border-bottom:none}.service-list li i{color:var(--primary);font-size:16px}.why-choose-section{padding:100px 0;background:#fff}.why-choose-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:50px}.why-card{background:var(--light);border-radius:20px;padding:40px 30px;text-align:center;transition:all .3s ease;border:2px solid transparent}.why-card:hover{background:#fff;transform:translateY(-10px);box-shadow:0 20px 60px #0054a626;border-color:var(--primary)}.why-icon{width:90px;height:90px;background:linear-gradient(135deg,var(--primary),#0073e6);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 25px}.why-icon i{font-size:42px;color:#fff}.why-card h3{font-size:22px;font-weight:700;color:var(--secondary);margin-bottom:15px}.why-card p{font-size:15px;color:var(--gray);line-height:1.7;margin:0}.process-section{padding:100px 0;background:linear-gradient(135deg,#0054a608,#00000005)}.process-timeline{max-width:900px;margin:50px auto 0}.process-item{display:flex;align-items:center;gap:30px;margin-bottom:40px;position:relative}.process-item:last-child{margin-bottom:0}.process-item:after{content:"";position:absolute;left:40px;top:80px;width:2px;height:calc(100% + 40px);background:linear-gradient(180deg,var(--primary),transparent)}.process-item:last-child:after{display:none}.process-number{width:80px;height:80px;background:linear-gradient(135deg,var(--primary),#0073e6);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:32px;font-weight:800;color:#fff;flex-shrink:0;box-shadow:0 10px 30px #0054a64d;position:relative;z-index:1}.process-content{background:#fff;border-radius:15px;padding:30px;box-shadow:0 10px 40px #0054a614;flex:1;transition:all .3s ease}.process-item:hover .process-content{transform:translate(10px);box-shadow:0 15px 50px #0054a626}.process-content h3{font-size:24px;font-weight:700;color:var(--secondary);margin-bottom:12px}.process-content p{font-size:15px;color:var(--gray);line-height:1.7;margin:0}.stats-section{padding:100px 0;background:linear-gradient(135deg,var(--primary),#003d7a);color:#fff}.stats-section .section-title{color:#fff}.stats-section .section-subtitle{color:#ffffffe6}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:40px;margin-top:50px}.stat-card{text-align:center;padding:40px 20px;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;border:2px solid rgba(255,255,255,.2);transition:all .3s ease}.stat-card:hover{background:#ffffff26;transform:translateY(-10px);box-shadow:0 20px 60px #0000004d}.stat-icon{width:80px;height:80px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px}.stat-icon i{font-size:36px;color:var(--primary)}.stat-number{font-size:48px;font-weight:800;color:#fff;margin-bottom:10px}.stat-label{font-size:16px;color:#ffffffe6;font-weight:600}@media(max-width:1200px){.intrusion-alarm-hero h1{font-size:48px}.intro-content h2,.section-title{font-size:36px}.alarm-types-grid,.services-grid,.why-choose-grid{grid-template-columns:repeat(2,1fr)}.components-grid,.benefits-grid,.industries-grid{grid-template-columns:repeat(3,1fr)}.stats-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:991px){.intrusion-alarm-hero{min-height:60vh;padding:80px 20px}.intrusion-alarm-hero h1{font-size:40px}.scenario-story{padding:35px}.intro-grid{grid-template-columns:1fr;gap:40px}.intro-image-wrapper{order:-1}.intro-badge{top:20px;right:20px;padding:12px 20px;font-size:14px}.intro-stats{grid-template-columns:repeat(3,1fr)}.alarm-types-grid{grid-template-columns:1fr}.components-grid,.benefits-grid{grid-template-columns:repeat(2,1fr)}.services-grid,.why-choose-grid{grid-template-columns:1fr}.industries-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.intrusion-alarm-hero h1{font-size:32px}.intrusion-alarm-hero .subtitle{font-size:16px}.hero-badge-icon{width:100px;height:100px}.hero-badge-icon i{font-size:50px}.hero-badge{padding:12px 20px}.hero-badge span{font-size:13px}.hero-buttons{flex-direction:column;align-items:stretch}.btn-hero{justify-content:center}.scenario-content h3,.solution-content h3{font-size:24px}.intro-content h2,.section-title{font-size:28px}.section-subtitle{font-size:16px}.intro-stats,.components-grid,.benefits-grid,.industries-grid,.stats-grid{grid-template-columns:1fr}.process-item{flex-direction:column;text-align:center}.process-item:after{left:50%;transform:translate(-50%);top:80px}}@media(max-width:576px){.intrusion-alarm-hero h1{font-size:28px}.intrusion-alarm-hero .subtitle{font-size:14px}.hero-badge-group{gap:10px}.hero-badge{padding:10px 15px;font-size:12px}.scenario-story{padding:25px}.solution-badge{bottom:15px;left:15px;right:15px;padding:10px 20px;font-size:13px}.intro-badge{inset:auto 15px 15px;padding:10px 20px;font-size:13px}.alarm-type-card,.service-card{padding:25px 20px}.stat-number{font-size:36px}.stat-label{font-size:14px}}