body,html{margin:0;padding:0;width:100%;height:100%;font-family:'Segoe UI',Roboto,Helvetica,Arial,sans-serif;line-height:1.6;color:#333;scroll-behavior:smooth}.hero-section{position:relative;width:100%;overflow:hidden}.video-container{position:relative;width:100%;height:90vh;background-color:#000;overflow:hidden}.video-container video{width:100%;height:100%;object-fit:contain;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1}.hero-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:0 0;display:flex;align-items:center;justify-content:center;z-index:2;pointer-events:none}.hero-content-section{background:linear-gradient(135deg,#1a3c6e 0,#2c5aa0 50%,#1a3c6e 100%);padding:60px 20px 80px 20px;text-align:center;position:relative;overflow:visible;box-shadow:0 -5px 20px rgba(0,0,0,.3),0 10px 30px rgba(0,0,0,.2);min-height:250px}.hero-content-section::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h60v60H0z' fill='%23ffffff' fill-opacity='0.05'/%3E%3C/svg%3E");opacity:.4;pointer-events:none}.hero-content-section .container{position:relative;z-index:2}.hero-title{font-size:4rem;font-weight:800;margin-bottom:40px;color:#fff;letter-spacing:-.5px;line-height:1.1;text-shadow:2px 2px 8px rgba(0,0,0,.3);animation:fadeInUp 1s ease-out forwards}.hero-buttons{display:flex;justify-content:center;gap:20px;flex-wrap:wrap;animation:fadeInUp 1s ease-out .3s forwards;opacity:1;margin-top:20px}.primary-button,.secondary-button{display:inline-block;padding:16px 35px;font-weight:700;font-size:1.1rem;border-radius:8px;transition:all .3s ease;text-decoration:none;letter-spacing:.5px;text-transform:uppercase}.primary-button{background:linear-gradient(135deg,#d32f2f,#e53935);color:#fff;border:none;box-shadow:0 5px 20px rgba(211,47,47,.4)}.primary-button:hover{background:linear-gradient(135deg,#e53935,#f44336);transform:translateY(-3px);box-shadow:0 8px 25px rgba(211,47,47,.5);color:#fff;text-decoration:none}.secondary-button{background:rgba(255,255,255,.1);color:#fff;border:2px solid rgba(255,255,255,.8);backdrop-filter:blur(5px)}.secondary-button:hover{background:rgba(255,255,255,.25);border-color:#fff;transform:translateY(-3px);box-shadow:0 8px 20px rgba(255,255,255,.2);color:#fff;text-decoration:none}@keyframes fadeInUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:992px){.hero-title{font-size:2.8rem}.hero-subtitle{font-size:1.5rem}.hero-content-section{padding:60px 20px}}@media (max-width:768px){.video-container{height:80vh}.hero-title{font-size:2.2rem}.hero-subtitle{font-size:1.2rem;margin-bottom:30px}.hero-buttons{flex-direction:column;gap:15px}.primary-button,.secondary-button{width:100%}.hero-content-section{padding:50px 15px}}@media (max-width:480px){.hero-title{font-size:1.8rem}.hero-subtitle{font-size:1rem}.video-container{height:70vh}.hero-content-section{padding:40px 15px}}@media (prefers-reduced-motion:reduce){.hero-buttons,.hero-subtitle,.hero-title{animation:none;opacity:1}}.trust-description1{font-size:1.1rem;line-height:1.8;color:#555}.services-box1{background:#fff;padding:40px;border-radius:15px;margin:40px 0;box-shadow:0 5px 15px rgba(0,0,0,.1)}.services-heading-box1{font-size:2rem;margin-bottom:30px;color:#2c3e50}.services-content-box1 p{margin-bottom:20px;font-size:1.1rem;line-height:1.8;color:#555}.services-container{max-width:1200px;margin:0 auto;padding:40px 20px}.services-row{margin-bottom:60px;padding:30px;background:#fff;border-radius:15px;box-shadow:0 5px 15px rgba(0,0,0,.1);transition:transform .3s ease}.services-row:hover{transform:translateY(-5px)}.services-title{font-size:2rem;margin-bottom:20px;color:#2c3e50}.services-text{font-size:1.1rem;line-height:1.8;color:#555;margin-bottom:25px}.services-btn{display:inline-block;padding:12px 25px;background:#007bff;color:#fff;border-radius:8px;text-decoration:none;transition:all .3s ease}.services-btn:hover{background:#0056b3;transform:translateY(-2px)}.services-img{width:100%;max-width:500px;height:auto;border-radius:10px;box-shadow:0 5px 15px rgba(0,0,0,.1)}@media (max-width:768px){.section-title1{font-size:2rem}.services-heading-box1,.trust-heading1{font-size:1.8rem}.services-row{padding:20px}.services-title{font-size:1.6rem}.video-container1{height:60vh}}@media (max-width:576px){.section-title1{font-size:1.8rem}.services-box1,.trust-box1{padding:25px}.services-btn{width:100%;text-align:center}}.shieldwise-main-content{font-family:Poppins,'Segoe UI',Roboto,sans-serif;color:#333;line-height:1.6;padding:40px 0;background:linear-gradient(135deg,#f8f9fa 0,#e9ecef 100%)}.section-divider{display:flex;align-items:center;justify-content:center;margin:30px auto 50px;width:100%;max-width:1000px}.divider-line{flex-grow:1;height:2px;background:linear-gradient(90deg,rgba(208,0,0,.1) 0,rgba(208,0,0,.7) 50%,rgba(208,0,0,.1) 100%)}.divider-icon{display:flex;align-items:center;justify-content:center;width:60px;height:60px;margin:0 20px;background-color:#fff;color:#d12028;font-size:22px;border-radius:50%;box-shadow:0 4px 15px rgba(209,32,40,.2);transition:all .3s ease}.divider-icon:hover{transform:scale(1.1);box-shadow:0 6px 20px rgba(209,32,40,.3)}.border-line1{margin:50px auto;width:80%;height:6px;background:linear-gradient(90deg,#f5f5f5 0,#d12028 50%,#f5f5f5 100%);border-radius:10px;position:relative}.border-line-text{position:absolute;top:-30px;left:50%;transform:translateX(-50%);font-size:1.8rem;font-weight:700;color:#333;background-color:#fff;padding:0 20px;letter-spacing:.5px}.row-1234{display:flex;justify-content:center;align-items:center;padding:20px;margin:30px auto;max-width:1200px}.custom-card-5678{border-radius:12px;box-shadow:0 10px 40px rgba(0,0,0,.4);width:100%;max-width:1000px;padding:50px;background:linear-gradient(135deg,#1e3a5f 0,#2d5a87 50%,#1e3a5f 100%);position:relative;z-index:1;overflow:hidden;transition:all .4s ease;cursor:pointer;border:1px solid rgba(255,255,255,.15)}.custom-card-5678::before{content:"";position:absolute;z-index:0;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#2d5a87 0,#3b7ab8 50%,#2d5a87 100%);opacity:0;transition:opacity .4s ease}.custom-card-5678:hover::before{opacity:1}.custom-card-5678:hover{box-shadow:0 20px 60px rgba(0,0,0,.5);transform:translateY(-8px);border-color:rgba(255,255,255,.3)}.custom-card-5678:hover .description-5678,.custom-card-5678:hover .description-5678 strong,.custom-card-5678:hover .title-5678{color:#fff}.custom-card-5678:hover .btn-get-started-5678{background-color:#3b82f6;color:#fff;border-color:#3b82f6;box-shadow:0 5px 15px rgba(59,130,246,.4)}.title-5678{font-size:2.5rem;font-weight:800;margin-bottom:35px;color:#fff;position:relative;padding-bottom:15px;transition:color .3s ease;text-align:center}.title-5678::after{content:'';position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:100px;height:4px;background:linear-gradient(90deg,#3b82f6,#60a5fa);border-radius:2px;transition:background .3s ease}.custom-card-5678:hover .title-5678::after{background:#fff}.description-5678{padding:10px 0;font-size:1.15rem;line-height:1.9;color:#e2e8f0;margin-bottom:15px;transition:color .3s ease}.description-5678 strong{color:#60a5fa;font-weight:700;font-size:1.25rem;display:inline-block;margin-bottom:5px;transition:color .3s ease}.custom-card-5678 *{position:relative;z-index:2}.btn-get-started-5678{display:inline-block;background-color:#d12028;color:#fff;padding:14px 28px;border-radius:6px;font-size:1.1rem;font-weight:600;text-transform:uppercase;text-decoration:none;letter-spacing:1px;transition:all .3s ease;margin-top:30px;border:2px solid #d12028;position:relative;z-index:3}.btn-get-started-5678:hover{background-color:#fff;color:#d12028;transform:translateY(-3px);border-color:#fff;box-shadow:0 8px 20px rgba(0,0,0,.2)}@media (max-width:992px){.custom-card-5678{padding:30px;max-width:800px}.title-5678{font-size:1.8rem}}@media (max-width:768px){.custom-card-5678{padding:25px}.title-5678{font-size:1.6rem}.description-5678{font-size:1rem}.border-line-text{font-size:1.5rem}.divider-icon{width:50px;height:50px;font-size:18px}}@media (max-width:576px){.custom-card-5678{padding:20px}.title-5678{font-size:1.4rem;margin-bottom:20px}.description-5678 strong{font-size:1.1rem}.btn-get-started-5678{padding:12px 20px;font-size:.9rem}.border-line1{width:90%}}.why-choose-full-width{display:flex;width:100%;margin:40px 0;align-items:stretch;gap:0}.why-choose-image{flex:1;display:flex;overflow:hidden;max-width:50%;align-items:stretch}.why-choose-image img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.why-choose-content{flex:1;padding:40px;display:flex;flex-direction:column;justify-content:center;background-color:#f8f9fa;max-width:50%;margin:0}.why-choose-title{font-size:2.5rem;font-weight:700;color:#333;margin-bottom:20px}.why-choose-features{display:flex;flex-direction:column;gap:20px}.feature{display:flex;align-items:flex-start;gap:15px;padding:20px 0;border-bottom:1px solid #ddd}.icon{font-size:1.8rem;color:#f60;flex-shrink:0}.text-content h3{font-size:1.2rem;font-weight:700;margin:0;color:#333}.text-content p{font-size:1rem;color:#666;margin:0;line-height:1.5}.quote-button{display:inline-block;margin-top:30px;padding:12px 24px;background-color:#f60;color:#fff;text-transform:uppercase;text-decoration:none;font-weight:700;border-radius:5px;transition:background-color .3s}.quote-button:hover{background-color:#cc5200}@media (max-width:768px){.why-choose-full-width{flex-direction:column}.why-choose-content,.why-choose-image{width:100%;max-width:100%}.why-choose-image img{width:100%;height:auto;object-fit:contain}.why-choose-title{font-size:2rem}.text-content h3{font-size:1.5rem}}.services-section{padding:120px 0;background:linear-gradient(to bottom,#f8f9fa,#fff);position:relative}.services-section::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(to right,transparent,rgba(0,0,0,.1),transparent)}.services-section h1{margin-bottom:50px;font-size:3.2rem;color:#1a1a1a;text-align:center;font-weight:700;position:relative}.services-section h1::after{content:'';display:block;width:80px;height:4px;background:#d32f2f;margin:20px auto 0;border-radius:2px}.services-intro{text-align:center;max-width:800px;margin:0 auto 60px;font-size:1.2rem;color:#555;line-height:1.8;padding:0 20px}.service-card{text-align:center;padding:40px 25px;border-radius:16px;background-color:#fff;box-shadow:0 10px 30px rgba(0,0,0,.08);text-decoration:none;color:#333;transition:all .4s cubic-bezier(.165, .84, .44, 1);margin:20px;border:1px solid rgba(0,0,0,.05);width:280px;height:280px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;overflow:hidden}.service-card{position:relative;background:linear-gradient(145deg,#fff,#f5f5f5);border:1px solid rgba(0,0,0,.05);border-radius:16px;padding:2.5rem 2rem;transition:all .4s cubic-bezier(.175, .885, .32, 1.275);overflow:hidden;z-index:1}.service-card:hover{transform:translateY(-8px) scale(1.01);box-shadow:0 20px 40px rgba(0,0,0,.1);border-color:rgba(211,47,47,.2);background:linear-gradient(145deg,#fff,#fafafa)}.service-card::after{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(211,47,47,.05) 0,rgba(211,47,47,.02) 50%,transparent 100%);opacity:0;transition:all .5s ease;z-index:-1}.service-card:hover::after{opacity:1}.service-icon{font-size:3rem;background:linear-gradient(135deg,#a6aebf,#8491a8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:1.5rem;transition:all .4s ease}.service-card:hover .service-icon{transform:scale(1.1);background:linear-gradient(135deg,#d32f2f,#ff6659);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.service-card p{font-size:1.15rem;font-weight:600;color:#2c3e50;margin:0;letter-spacing:.5px;transition:color .3s ease}.service-card:hover p{color:#d32f2f}.service-card::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent,rgba(255,255,255,.1),transparent);transform:rotate(30deg);transition:all .8s ease;opacity:0}.service-card:hover::before{animation:shine 1.5s ease}@keyframes shine{0%{transform:translateX(-100%) rotate(30deg);opacity:0}50%{opacity:.5}100%{transform:translateX(100%) rotate(30deg);opacity:0}}.services-section{padding:100px 0;background-color:#f8f9fa;position:relative;overflow:hidden}.services-section::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-image:url("data:image/svg+xml,%3Csvg width='20' height='20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h20v20H0z' fill='%23d12028' fill-opacity='0.03'/%3E%3C/svg%3E");opacity:.3;pointer-events:none}.section-title{font-family:Montserrat,'Segoe UI',sans-serif;font-size:42px;font-weight:800;color:#1a2642;margin-bottom:20px;position:relative;padding-bottom:25px;letter-spacing:-.5px}.section-title::after{content:'';position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:80px;height:4px;background:#d12028}.section-subtitle{font-size:18px;color:#555;max-width:700px;margin:0 auto 40px;line-height:1.7}.service-cards-container{margin-top:50px}.row{margin-bottom:60px!important}.col-lg-2{padding:0 20px}.service-card{background:#fff;border-radius:16px;padding:40px 20px;margin-bottom:30px;box-shadow:0 10px 30px rgba(0,0,0,.05);transition:all .4s ease;text-decoration:none;color:#333;display:block;height:100%;position:relative;overflow:hidden;border:1px solid #eaeaea}.service-card:hover{transform:translateY(-15px);box-shadow:0 20px 40px rgba(0,0,0,.1);border-color:#d12028}.service-icon{background:#d12028;width:90px;height:90px;border-radius:16px;display:flex;align-items:center;justify-content:center;margin:0 auto 35px;transition:all .4s ease;box-shadow:0 10px 25px rgba(209,32,40,.15)}.service-card:hover .service-icon{transform:translateY(-8px);box-shadow:0 15px 35px rgba(209,32,40,.25);border-radius:50%}.service-icon i{font-size:36px;color:#fff;transition:all .4s ease}.service-card:hover .service-icon i{transform:scale(1.1)}.service-card p{font-size:18px;font-weight:700;margin:0;color:#1a2642;transition:all .4s ease;line-height:1.4;position:relative;padding-top:15px}.service-card p::before{content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);width:40px;height:2px;background:rgba(209,32,40,.3);transition:all .4s ease}.service-card:hover p::before{width:60px;background:rgba(209,32,40,.7)}.service-card:hover p{color:#d12028}.cta-container{margin-top:60px}.cta-button{display:inline-block;background:#d12028;color:#fff;font-size:18px;font-weight:700;padding:18px 40px;border-radius:50px;text-decoration:none;transition:all .4s ease;box-shadow:0 10px 30px rgba(209,32,40,.2);letter-spacing:.5px;border:2px solid #d12028}.cta-button:hover{background:#fff;color:#d12028;transform:translateY(-5px);box-shadow:0 15px 40px rgba(209,32,40,.25)}@media (max-width:1200px){.col-lg-2{flex:0 0 auto;width:25%;padding:0 15px}.service-icon{width:80px;height:80px}.service-card{padding:35px 15px}}@media (max-width:991px){.col-lg-2{width:33.333333%}.section-title{font-size:36px}.service-card{padding:30px 15px}}@media (max-width:767px){.services-section{padding:80px 0}.section-title{font-size:32px}.section-subtitle{font-size:16px}.col-md-4{flex:0 0 auto;width:50%;padding:0 15px}.service-icon{width:70px;height:70px}.service-icon i{font-size:28px}.service-card p{font-size:16px}.service-card{margin-bottom:30px;padding:25px 15px}.cta-button{padding:15px 30px;font-size:16px}}@media (max-width:575px){.services-section{padding:60px 0}.section-title{font-size:28px}.col-md-4{width:100%;padding:0 15px}.service-card{max-width:280px;margin-left:auto;margin-right:auto}.cta-button{width:100%;max-width:280px}}.learn-more-link{display:inline-flex;align-items:center;font-size:1.4rem;font-weight:700;color:#3b1c32;transition:color .3s ease,transform .3s ease}.learn-more-link:hover{color:#f60;transform:translateX(5px);text-decoration:none}.learn-more-link::after{content:" → ";font-size:1.8rem;margin-left:10px;transition:margin-left .3s ease}.learn-more-link:hover::after{margin-left:12px}.security-professionals-section{width:100%;position:relative;background-color:#0a192f;overflow:visible;padding:100px 0 60px 0;margin-top:40px;scroll-margin-top:100px}.professionals-wrapper{display:flex;flex-direction:row;min-height:auto;height:auto;max-width:100%;gap:0;align-items:flex-start}.professionals-content{width:50%;padding:60px;display:flex;flex-direction:column;justify-content:flex-start;background-color:#0a192f;position:relative;z-index:2;transform:none!important;margin-top:0!important;top:0!important}.professionals-content::after{display:none}.section-tagline{font-size:14px;font-weight:600;letter-spacing:3px;color:#64ffda;margin-bottom:10px;margin-top:0!important;padding-top:0!important;display:block;text-transform:uppercase}.section-heading{font-size:42px;font-weight:700;color:#e6f1ff;margin-bottom:25px;line-height:1.2;position:relative}.section-heading::after{content:'';position:absolute;bottom:-10px;left:0;width:80px;height:3px;background-color:#64ffda}.content-block{max-width:650px;width:100%}.content-block p{margin-bottom:18px;font-size:17px;line-height:1.6;color:#a8b2d1}.content-block p strong{color:#e6f1ff;font-weight:600}.professionals-image{width:50%;height:auto;min-height:400px;position:relative;overflow:hidden}.professionals-image::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(10,25,47,.2);z-index:1}.professionals-image picture{width:100%;height:100%;display:block}.professionals-image img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.8)}@media screen and (max-width:992px){.professionals-wrapper{flex-direction:column-reverse;height:auto}.professionals-content,.professionals-image{width:100%}.professionals-content{padding:60px 40px}.professionals-content::after{display:none}.professionals-image{height:400px}.section-heading{font-size:36px}}@media screen and (max-width:576px){.professionals-content{padding:50px 25px}.section-tagline{font-size:12px;letter-spacing:2px}.section-heading{font-size:30px}.content-block p{font-size:16px}.professionals-image{height:300px}}.service-areas-section{text-align:center;padding:80px 40px;background:linear-gradient(135deg,#f8f9fa,#e9ecef)}.service-areas-section h2{font-size:3rem;margin-bottom:20px;color:#2c3e50;font-weight:700}.service-areas-section .section-subtitle{font-size:1.2rem;color:#666;margin-bottom:50px;max-width:800px;margin-left:auto;margin-right:auto}.service-areas-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:25px;max-width:1200px;margin:0 auto}.area-card{position:relative;width:100%;padding-top:100%;background-size:cover;background-position:center;border-radius:15px;overflow:hidden;box-shadow:0 10px 20px rgba(0,0,0,.1);transition:all .4s ease;cursor:pointer}.area-card::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(to bottom,rgba(0,0,0,.2),rgba(0,0,0,.7));z-index:1;transition:all .4s ease}.area-card:hover{transform:scale(1.05);box-shadow:0 15px 30px rgba(0,0,0,.3)}.area-card:hover::before{background:linear-gradient(to bottom,rgba(0,0,0,.4),rgba(0,0,0,.8))}.area-card span{position:absolute;bottom:20px;left:20px;font-size:1.4rem;font-weight:600;color:#fff;z-index:2;transition:all .3s ease}.area-card:hover span{transform:translateY(-5px);text-shadow:2px 2px 4px rgba(0,0,0,.5)}@media (max-width:768px){.service-areas-grid{grid-template-columns:repeat(2,1fr);gap:15px}}@media (max-width:480px){.service-areas-grid{grid-template-columns:1fr;gap:10px}.service-areas-section h2{font-size:2rem}}.faq-section{padding:80px 0;background:#fff}.faq-section-container{max-width:1400px;height:700px;margin:0 auto;padding:0 30px;display:flex;align-items:stretch;gap:30px}.faq-content{flex:1;padding:30px;height:700px;overflow-y:auto;background:#fff;border-radius:20px;box-shadow:0 10px 30px rgba(0,0,0,.1)}.faq-image-section{flex:1;height:700px;overflow:hidden;border-radius:20px;box-shadow:0 10px 30px rgba(0,0,0,.1)}.faq-image-section img{width:100%;height:100%;object-fit:cover;border-radius:20px}.faq-image-section img{width:100%;height:100%;object-fit:cover;border-radius:20px;box-shadow:0 15px 30px rgba(0,0,0,.1)}.faq-content{background:linear-gradient(135deg,#fff,#f8f9fa);padding:40px;border-radius:20px;box-shadow:0 15px 30px rgba(0,0,0,.08)}.faq-title{font-size:2.8rem;color:#2c3e50;margin-bottom:40px;font-weight:700}.faq-card{margin-bottom:20px;border:1px solid #eee;border-radius:12px;overflow:hidden;transition:all .3s ease}.faq-header{padding:20px;background:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;color:#2c3e50;transition:all .3s ease;display:flex;align-items:center;justify-content:space-between}.faq-header:hover{background:#f8f9fa}.faq-body{padding:25px;background:#fff;color:#444;font-size:1.05rem;line-height:1.8;border-top:1px solid #eee}.faq-body br{margin-bottom:8px}.faq-header{transition:background-color .3s ease}.faq-header:hover{background-color:#f8f9fa}.faq-icon{color:#d12028;font-weight:700;margin-right:15px}.faq-header[aria-expanded=true]+.faq-body{max-height:200px}.faq-icon{font-size:1.2rem;color:#007bff;transition:transform .3s ease}.faq-header[aria-expanded=true] .faq-icon{transform:rotate(45deg)}.faq-header:focus{outline:2px solid #1565c0;outline-offset:2px;background-color:#e3f2fd}.faq-header:focus-visible{outline:3px solid #1565c0;outline-offset:2px;background-color:#e3f2fd}.faq-image-section img{border-radius:20px;box-shadow:0 15px 30px rgba(0,0,0,.1);object-fit:cover;height:100%;width:100%}.cta-section{padding:80px 0 100px;background:linear-gradient(135deg,#1a1a1a,#2c2c2c);position:relative;overflow:hidden;margin:60px 0 80px;border-radius:0 0 10px 10px}.cta-section::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;opacity:.05;z-index:1}.cta-title{font-size:3.2rem;color:#fff;margin-bottom:25px;font-weight:700;position:relative;z-index:2;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.cta-text{font-size:1.4rem;color:#e0e0e0;margin-bottom:40px;position:relative;z-index:2}.cta-button{padding:18px 45px;font-size:1.3rem;border-radius:50px;background:#d32f2f;border:none;color:#fff;text-transform:uppercase;letter-spacing:1px;position:relative;z-index:2;transition:all .3s ease;box-shadow:0 5px 20px rgba(211,47,47,.3)}.cta-button:hover{transform:translateY(-3px);box-shadow:0 8px 25px rgba(211,47,47,.4);background:#e53935}.premium-testimonials{padding:70px 0;background:linear-gradient(135deg,#f5f7fa 0,#fff 100%);font-family:'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif}.premium-container{max-width:1200px;margin:0 auto;padding:0 20px}.premium-header{text-align:center;margin-bottom:50px}.premium-header h2{font-size:2.2rem;font-weight:700;color:#1a3c6e;margin-bottom:12px;letter-spacing:-.5px}.premium-header p{font-size:1.05rem;color:#666;max-width:650px;margin:0 auto}.premium-feature{background:#fff;border-radius:12px;padding:35px;margin-bottom:40px;box-shadow:0 8px 20px rgba(0,0,0,.06);border-left:4px solid #d12028}.feature-content{position:relative}.quote-mark{position:absolute;top:-10px;right:20px;font-size:60px;color:rgba(209,32,40,.08);font-family:Georgia,serif}.premium-feature blockquote{font-size:1.05rem;line-height:1.7;color:#444;margin:0 0 25px 0;font-style:italic}.feature-author{display:flex;align-items:center;gap:15px}.author-photo{width:50px;height:50px;border-radius:50%;overflow:hidden;border:2px solid #d12028;flex-shrink:0}.author-photo img{width:100%;height:100%;object-fit:cover}.author-info h4{font-size:1rem;font-weight:700;margin:0 0 4px 0;color:#1a3c6e}.author-info p{font-size:.9rem;color:#666;margin:0 0 3px 0}.author-location{font-size:.8rem;color:#999}.star-rating{color:#ffc107;font-size:14px;margin-top:5px}.premium-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:25px;margin-bottom:45px}.premium-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 6px 18px rgba(0,0,0,.05);transition:all .3s ease;border-top:3px solid #d12028}.premium-card:hover{transform:translateY(-6px);box-shadow:0 12px 25px rgba(0,0,0,.1)}.card-photo{height:120px;background:linear-gradient(135deg,#f8f9fa,#e9ecef);display:flex;align-items:center;justify-content:center;position:relative}.card-photo img{width:60px;height:60px;border-radius:50%;object-fit:cover;border:3px solid #fff;box-shadow:0 3px 10px rgba(0,0,0,.1)}.card-content{padding:20px}.premium-card blockquote{font-size:.9rem;line-height:1.6;color:#555;margin:0 0 18px 0;font-style:italic}.card-author{display:flex;flex-direction:column;gap:10px;padding-top:15px;border-top:1px solid #f0f0f0}.card-author h5{font-size:.95rem;font-weight:700;margin:0;color:#1a3c6e}.card-author p{font-size:.85rem;color:#666;margin:0}.card-author span{font-size:.75rem;color:#999}.results-bar{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:20px;margin-bottom:45px}.result-item{background:#fff;border-radius:10px;padding:25px 20px;text-align:center;box-shadow:0 4px 12px rgba(0,0,0,.05);transition:transform .3s ease}.result-item:hover{transform:translateY(-4px)}.result-number{font-size:2rem;font-weight:700;color:#d12028;margin-bottom:8px}.result-text{font-size:.85rem;color:#666;line-height:1.3}.premium-cta{background:linear-gradient(135deg,#1a3c6e,#2c5aa0);border-radius:12px;padding:40px;text-align:center;color:#fff}.premium-cta p{font-size:1.2rem;margin-bottom:20px}.premium-button{display:inline-block;background:#d12028;color:#fff;padding:14px 32px;border-radius:8px;text-decoration:none;font-weight:600;transition:all .3s ease;box-shadow:0 4px 15px rgba(209,32,40,.3)}.premium-button:hover{background:#e53935;transform:translateY(-2px);box-shadow:0 6px 20px rgba(209,32,40,.4);color:#fff;text-decoration:none}@media (max-width:768px){.premium-header h2{font-size:1.8rem}.premium-feature{padding:25px}.quote-mark{font-size:50px}.premium-grid{grid-template-columns:1fr}.results-bar{grid-template-columns:repeat(2,1fr)}.premium-cta{padding:30px 20px}}@media (max-width:576px){.premium-header h2{font-size:1.6rem}.premium-feature blockquote{font-size:.95rem}.author-photo{width:45px;height:45px}.card-photo{height:100px}.card-photo img{width:50px;height:50px}.result-number{font-size:1.6rem}.premium-cta p{font-size:1rem}}.related-services-note{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-left:4px solid #007bff;padding:15px 20px;margin:20px 0;border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,.05)}.related-services-note p{margin:0;font-size:.95rem;color:#495057;line-height:1.6}.related-services-note a{color:#007bff;text-decoration:none;font-weight:500;transition:color .3s ease}.related-services-note a:hover{color:#0056b3;text-decoration:underline}/* General Styles */
body, html {
margin: 0;
padding: 0;
font-family: 'Montserrat', 'Arial', sans-serif;
color: #FCE7C8;
background-color: #111;
line-height: 1.6;
}
/* Hero Section with Enhanced Parallax Effect */
.hero-sec {
position: relative;
width: 100%;
height: 100vh;
background: url('/img/sanbardino12.webp') no-repeat center center/cover;
background-attachment: fixed;
display: flex;
justify-content: center;
align-items: center;
text-align: center;
box-shadow: inset 0 0 150px rgba(0, 0, 0, 0.7);
overflow: hidden;
animation: heroFadeIn 2s ease-in-out;
}
@keyframes heroFadeIn {
from { opacity: 0; transform: scale(1.05); }
to { opacity: 1; transform: scale(1); }
}
.hero-sec::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(to bottom, rgba(0,0,0,0.4) 0%, rgba(0,0,0,0.7) 100%);
z-index: 1;
}
.overlay-sec {
position: relative;
z-index: 2;
background: rgba(0, 0, 0, 0.6);
padding: 50px;
border-radius: 16px;
text-align: center;
max-width: 800px;
backdrop-filter: blur(8px);
border: 1px solid rgba(255, 255, 255, 0.1);
box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.5);
animation: fadeInUp 1.2s ease-in-out;
}
@keyframes fadeInUp {
from { opacity: 0; transform: translateY(40px); }
to { opacity: 1; transform: translateY(0); }
}
.overlay-sec h1 {
color: #F5F0CD;
font-size: 3.5rem;
font-weight: 800;
margin-bottom: 20px;
text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
letter-spacing: 1.2px;
line-height: 1.2;
background: linear-gradient(45deg, #F5F0CD, #ffffff);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.overlay-sec p {
color: #F8FAFC;
font-size: 1.4rem;
margin-bottom: 30px;
text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
font-weight: 300;
}
/* Enhanced Quote Button with Professional Styling */
.quote-btn-sec {
display: inline-block;
margin-top: 20px;
padding: 18px 40px;
background: linear-gradient(135deg, #c9940a 0%, #a07000 100%);
color: white;
font-size: 1.2rem;
text-decoration: none;
border-radius: 50px;
transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
font-weight: 700;
letter-spacing: 1.5px;
text-transform: uppercase;
box-shadow: 0 10px 30px rgba(201, 148, 10, 0.4), 0 0 0 0 rgba(201, 148, 10, 0.6);
border: none;
position: relative;
overflow: hidden;
z-index: 1;
animation: pulseEffect 3s infinite;
}
@keyframes pulseEffect {
0% { box-shadow: 0 10px 30px rgba(201, 148, 10, 0.4), 0 0 0 0 rgba(201, 148, 10, 0.6); }
50% { box-shadow: 0 10px 30px rgba(201, 148, 10, 0.4), 0 0 0 15px rgba(201, 148, 10, 0); }
100% { box-shadow: 0 10px 30px rgba(201, 148, 10, 0.4), 0 0 0 0 rgba(201, 148, 10, 0); }
}
.quote-btn-sec::after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(135deg, #a07000 0%, #7a5200 100%);
z-index: -1;
transition: opacity 0.5s ease;
opacity: 0;
}
.quote-btn-sec:hover {
transform: translateY(-4px) scale(1.05);
box-shadow: 0 12px 30px rgba(201, 148, 10, 0.6);
color: white;
text-decoration: none;
}
.quote-btn-sec:hover::after {
opacity: 1;
}
.quote-btn-sec:active {
transform: translateY(1px);
box-shadow: 0 5px 15px rgba(201, 148, 10, 0.4);
}
@keyframes pulse {
0% { box-shadow: 0 0 0 0 rgba(201, 148, 10, 0.7); }
70% { box-shadow: 0 0 0 12px rgba(201, 148, 10, 0); }
100% { box-shadow: 0 0 0 0 rgba(201, 148, 10, 0); }
}
/* About Section with Improved Spacing and Typography - FULL SIZE */
.security-jobs-sec {
display: flex;
justify-content: center;
align-items: center;
text-align: center;
padding: 100px 10%;
background: linear-gradient(135deg, #121212, #1c1c1c);
color: white;
position: relative;
overflow: hidden;
}
.security-jobs-sec::before {
content: '';
position: absolute;
top: 0;
right: 0;
width: 400px;
height: 400px;
background: radial-gradient(circle, rgba(184, 134, 11, 0.05) 0%, rgba(184, 134, 11, 0) 70%);
border-radius: 50%;
transform: translate(50%, -50%);
}
.security-content-wrapper {
display: flex;
flex-direction: column;
align-items: center;
max-width: 1100px;
width: 100%;
text-align: center;
position: relative;
z-index: 1;
}
.security-content-sec {
max-width: 900px;
padding: 40px;
background: rgba(28, 28, 28, 0.6);
border-radius: 20px;
backdrop-filter: blur(10px);
box-shadow: 0 15px 35px rgba(0, 0, 0, 0.2);
border: 1px solid rgba(255, 255, 255, 0.05);
}
.security-content-sec h1 {
font-size: 3rem;
margin-bottom: 30px;
text-transform: uppercase;
font-weight: 800;
color: transparent;
background: linear-gradient(135deg, #F5F0CD, #D4AF37);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
letter-spacing: 2px;
position: relative;
display: inline-block;
}
.security-content-sec h1::after {
content: '';
position: absolute;
bottom: -15px;
left: 50%;
transform: translateX(-50%);
width: 80px;
height: 4px;
background: linear-gradient(90deg, transparent, #D4AF37, transparent);
border-radius: 2px;
}
.security-content-sec h2 {
font-size: 2.2rem;
margin-top: 40px;
margin-bottom: 25px;
color: #F5F0CD;
font-weight: 700;
letter-spacing: 1px;
}
.security-content-sec p {
font-size: 1.4rem;
line-height: 1.9;
color: #f0f0f0;
margin-bottom: 25px;
font-weight: 300;
}
/* Highlight Box with Enhanced Design */
.highlight-box {
background: rgba(212, 175, 55, 0.08);
border-left: 5px solid #D4AF37;
padding: 30px;
font-size: 1.3rem;
line-height: 1.8;
color: #f0f0f0;
margin: 35px 0;
border-radius: 0 15px 15px 0;
box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
position: relative;
overflow: hidden;
}
.highlight-box::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(135deg, rgba(212, 175, 55, 0.05) 0%, rgba(212, 175, 55, 0) 100%);
z-index: -1;
}
.highlight-box p {
text-align: left;
font-size: 1.3rem;
}
.highlight-box p strong {
color: #D4AF37;
font-weight: 700;
}
/* Enhanced Security Features Section with Premium Design */
.security-features {
text-align: center;
padding: 120px 20px;
background: linear-gradient(135deg, #0a0a0a 0%, #1a1a1a 50%, #0f0f0f 100%);
position: relative;
overflow: hidden;
}
.security-features::after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: radial-gradient(ellipse at center, rgba(212, 175, 55, 0.03) 0%, transparent 70%);
pointer-events: none;
}
.security-features::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0.02;
z-index: 1;
}
.security-features h2 {
font-size: 2.8rem;
font-weight: 800;
background: linear-gradient(45deg, #F5F0CD, #D4AF37);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
text-align: center;
margin-bottom: 50px;
position: relative;
z-index: 2;
letter-spacing: 2px;
}
.security-features h2::after {
content: '';
display: block;
width: 70px;
height: 3px;
background: linear-gradient(45deg, #D4AF37, #F5F0CD);
margin: 18px auto 0;
border-radius: 2px;
}
/* Features Grid Layout with Improved Cards */
.features-container {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
gap: 40px;
max-width: 1200px;
margin: auto;
position: relative;
z-index: 2;
}
.feature-item {
text-align: center;
background: linear-gradient(145deg, #2a2a2a, #1e1e1e);
padding: 50px 35px;
border-radius: 20px;
transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
border: 2px solid rgba(212, 175, 55, 0.1);
box-shadow:
0 15px 35px rgba(0, 0, 0, 0.4),
inset 0 1px 0 rgba(255, 255, 255, 0.1);
position: relative;
overflow: hidden;
height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
backdrop-filter: blur(10px);
transform-style: preserve-3d;
}
.feature-item::after {
content: '';
position: absolute;
top: 0;
left: -100%;
width: 100%;
height: 100%;
background: linear-gradient(90deg, transparent, rgba(212, 175, 55, 0.1), transparent);
transition: left 0.8s ease;
}
.feature-item::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 4px;
background: linear-gradient(90deg, #D4AF37, #F5F0CD);
transform: scaleX(0);
transform-origin: left;
transition: transform 0.5s ease;
}
.feature-item:hover {
transform: translateY(-15px) rotateX(5deg);
box-shadow:
0 25px 50px rgba(0, 0, 0, 0.6),
0 0 40px rgba(212, 175, 55, 0.2),
inset 0 1px 0 rgba(255, 255, 255, 0.2);
border-color: rgba(212, 175, 55, 0.5);
background: linear-gradient(145deg, #333333, #262626);
}
.feature-item:hover::after {
left: 100%;
}
.feature-item:hover::before {
transform: scaleX(1);
}
.feature-item i {
font-size: 60px;
background: linear-gradient(135deg, #D4AF37, #F5F0CD, #E6C547);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
margin-bottom: 25px;
display: inline-block;
transition: all 0.5s ease;
text-shadow: 0 2px 10px rgba(212, 175, 55, 0.3);
filter: drop-shadow(0 0 10px rgba(212, 175, 55, 0.2));
}
.feature-item:hover i {
transform: scale(1.1) translateY(-4px);
}
.feature-item h3 {
font-size: 1.6rem; /* SMALLER HEADING */
font-weight: 700;
margin-bottom: 18px;
color: #ffffff;
letter-spacing: 0.5px;
position: relative;
padding-bottom: 12px;
}
.feature-item h3::after {
content: '';
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
width: 35px;
height: 2px;
background: rgba(212, 175, 55, 0.3);
border-radius: 2px;
transition: width 0.3s ease;
}
.feature-item:hover h3::after {
width: 50px;
background: #D4AF37;
}
.feature-item p {
font-size: 1rem; /* SMALLER TEXT */
color: #D0D0D0;
line-height: 1.7;
margin: 0;
flex-grow: 1;
}
/* Consultation Banner with Improved Visual Appeal */
.consultation-banner {
display: flex;
justify-content: center;
align-items: center;
background: linear-gradient(135deg, #e9e5d8, #d8d0ba);
padding: 100px 10%;
text-align: center;
position: relative;
overflow: hidden;
}
.consultation-banner::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0.05;
z-index: 1;
}
.consultation-banner::after {
content: '';
position: absolute;
bottom: 0;
right: 0;
width: 300px;
height: 300px;
background: radial-gradient(circle, rgba(160, 21, 62, 0.08) 0%, rgba(160, 21, 62, 0) 70%);
border-radius: 50%;
}
.consultation-content {
max-width: 900px;
text-align: center;
position: relative;
z-index: 2;
animation: fadeInUp 1.2s ease;
}
.consultation-content h1 {
font-size: 3rem; /* SMALLER HEADING */
font-weight: 800;
color: #000000;
line-height: 1.3;
display: inline-block;
text-align: center;
margin-bottom: 25px;
position: relative;
text-shadow: none;
}
.consultation-content h1::before,
.consultation-content h1::after {
content: '"';
font-family: 'Georgia', serif;
font-size: 4rem; /* SMALLER QUOTE MARKS */
color: rgba(160, 21, 62, 0.15);
position: absolute;
}
.consultation-content h1::before {
top: -25px;
left: -35px;
}
.consultation-content h1::after {
bottom: -40px;
right: -35px;
}
.underline {
width: 100px;
height: 3px;
background: linear-gradient(90deg, transparent, #A0153E, transparent);
margin: 20px auto 40px auto;
display: block;
position: relative;
}
.underline::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 20%;
height: 100%;
background: white;
filter: blur(3px);
animation: shimmerEffect 3s infinite linear;
}
@keyframes shimmerEffect {
from { transform: translateX(-100%); }
to { transform: translateX(500%); }
}
.consultation-buttons {
display: flex;
justify-content: center;
align-items: center;
gap: 20px;
margin-top: 35px;
}
.phone-button {
display: inline-flex;
align-items: center;
justify-content: center;
padding: 15px 35px;
font-size: 1.4rem; /* SMALLER TEXT */
color: #1c1c1c;
background: linear-gradient(135deg, #d3f0e4, #b8e6d2);
border: none;
border-radius: 50px;
font-weight: 700;
text-decoration: none;
transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
box-shadow: 0 12px 25px rgba(0, 128, 128, 0.2);
position: relative;
overflow: hidden;
}
.phone-button::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.5), transparent);
transform: translateX(-100%);
}
.phone-button:hover {
background: linear-gradient(135deg, #b8e6d2, #98d7c2);
transform: translateY(-5px) scale(1.05);
box-shadow: 0 15px 35px rgba(0, 128, 128, 0.3);
color: #004444;
text-decoration: none;
}
.phone-button:hover::before {
animation: shine 1.5s ease-in-out;
}
@keyframes shine {
to {
transform: translateX(100%);
}
}
.phone-button::after {
content: '\f095';
font-family: 'Font Awesome 5 Free';
font-weight: 900;
margin-right: 10px;
font-size: 1.2rem; /* SMALLER ICON */
}
/* Services Section with Enhanced Card Design */
.services-section {
display: flex;
justify-content: center;
align-items: center;
text-align: center;
padding: 100px 10%;
background: linear-gradient(to bottom, #1D1D1D, #161616);
position: relative;
overflow: hidden;
}
.services-section::before {
content: '';
position: absolute;
top: 0;
right: 0;
width: 350px;
height: 350px;
background: radial-gradient(circle, rgba(212, 175, 55, 0.05) 0%, rgba(212, 175, 55, 0) 70%);
border-radius: 50%;
transform: translate(50%, -50%);
}
.services-section::after {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 350px;
height: 350px;
background: radial-gradient(circle, rgba(212, 175, 55, 0.04) 0%, rgba(212, 175, 55, 0) 70%);
border-radius: 50%;
transform: translate(-50%, 50%);
}
.services-content-wrapper {
display: flex;
flex-direction: column;
align-items: center;
max-width: 1300px;
width: 100%;
text-align: center;
position: relative;
z-index: 2;
}
.services-title {
font-size: 3rem; /* SMALLER HEADING */
background: linear-gradient(135deg, #FFFFFF, #D4AF37);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
margin-bottom: 18px;
text-transform: uppercase;
font-weight: 800;
letter-spacing: 2px;
position: relative;
}
.services-title::before {
content: '';
position: absolute;
width: 70px;
height: 70px;
background: rgba(212, 175, 55, 0.05);
border-radius: 50%;
top: -20px;
left: -35px;
z-index: -1;
}
.title-underline {
width: 100px;
height: 3px;
background: linear-gradient(90deg, transparent, #D4AF37, transparent);
margin: 12px auto 50px auto;
display: block;
position: relative;
}
.title-underline::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 25px;
height: 100%;
background: white;
opacity: 0.6;
filter: blur(4px);
animation: shimmer 3s infinite linear;
}
@keyframes shimmer {
from { transform: translateX(-100%); }
to { transform: translateX(800%); }
}
.services-grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
gap: 30px;
justify-content: center;
width: 100%;
max-width: 1200px;
}
.service-item {
background: rgba(35, 35, 35, 0.7);
padding: 35px 25px;
border-radius: 16px;
box-shadow: 0 12px 30px rgba(0, 0, 0, 0.2);
color: #D0D0D0;
font-size: 1.1rem; /* SMALLER TEXT */
line-height: 1.6;
text-align: center;
transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
text-decoration: none;
border: 1px solid rgba(255, 255, 255, 0.05);
position: relative;
overflow: hidden;
backdrop-filter: blur(10px);
height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.service-item::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(135deg, rgba(212, 175, 55, 0.05), rgba(212, 175, 55, 0));
opacity: 0;
transition: opacity 0.5s ease;
}
.service-item:hover {
background: rgba(45, 45, 45, 0.9);
transform: translateY(-10px) scale(1.02);
box-shadow: 0 18px 35px rgba(0, 0, 0, 0.3);
border-color: rgba(212, 175, 55, 0.3);
color: #FFFFFF;
text-decoration: none;
}
.service-item:hover::before {
opacity: 1;
}
.icon-large {
font-size: 3rem; /* REDUCED ICON SIZE */
margin-bottom: 18px;
color: #D4AF37;
transition: all 0.5s ease;
position: relative;
z-index: 2;
}
.service-item:hover .icon-large {
color: #F5F0CD;
transform: scale(1.1) translateY(-4px);
}
.service-item p {
position: relative;
z-index: 2;
transition: color 0.4s ease;
font-size: 1.15rem; /* SMALLER TEXT */
font-weight: 500;
margin-top: 8px;
}
/* Cities Section with Premium Design */
.security-cities-sec {
padding: 100px 10%;
background: linear-gradient(135deg, #f5f0e1, #e8e0d0);
text-align: center;
position: relative;
overflow: hidden;
margin-top: 25px;
margin-bottom: 25px;
box-shadow: inset 0 15px 35px rgba(0, 0, 0, 0.05);
}
.security-cities-sec::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0.05;
animation: subtle-shift 100s linear infinite;
}
@keyframes subtle-shift {
from { background-position: 0 0; }
to { background-position: 1000px 1000px; }
}
.cities-container-sec {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 20px;
margin-top: 50px;
position: relative;
z-index: 2;
max-width: ```text
1200px;
margin-left: auto;
margin-right: auto;
}
.city-sec {
margin: 0;
padding: 15px 25px; /* SMALLER PADDING */
background: linear-gradient(135deg, #3A3A3A, #222222);
color: white;
border-radius: 40px; /* SMALLER RADIUS */
font-weight: 600;
font-size: 1.1rem; /* SMALLER TEXT */
letter-spacing: 0.5px;
box-shadow: 0px 12px 25px rgba(0, 0, 0, 0.18);
transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
border: 1px solid rgba(255, 255, 255, 0.08);
display: flex;
align-items: center;
justify-content: center;
min-width: 220px; /* SMALLER WIDTH */
position: relative;
overflow: hidden;
}
.city-sec a {
color: white;
text-decoration: none;
display: block;
width: 100%;
text-align: center;
transition: all 0.4s ease;
position: relative;
z-index: 2;
}
.city-sec::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(135deg, #D4AF37, #B8860B);
opacity: 0;
transition: opacity 0.5s ease;
z-index: 1;
}
.city-sec:hover {
transform: translateY(-8px);
box-shadow: 0 15px 30px rgba(212, 175, 55, 0.4);
}
.city-sec:hover::before {
opacity: 1;
}
.city-sec:hover a {
color: white;
text-decoration: none;
}
.security-cities-sec h2 {
font-size: 3rem; /* SMALLER HEADING */
font-weight: 800;
background: linear-gradient(135deg, #1A1A1A, #D4AF37);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
text-align: center;
margin-bottom: 35px;
position: relative;
display: inline-block;
letter-spacing: 2px;
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.05);
}
.security-cities-sec h2::after {
content: '';
position: absolute;
bottom: -15px;
left: 50%;
transform: translateX(-50%);
width: 100px;
height: 4px;
background: linear-gradient(90deg, #1A1A1A, #D4AF37, #1A1A1A);
border-radius: 2px;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}
/* Responsive Design */
@media (max-width: 1200px) {
.services-title {
font-size: 2.6rem;
}
.services-grid {
grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
}
.features-container {
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
}
}
@media (max-width: 992px) {
.overlay-sec h1 {
font-size: 3rem;
}
.overlay-sec p {
font-size: 1.3rem;
}
.security-content-sec h1 {
font-size: 2.5rem;
}
.security-content-sec h2 {
font-size: 1.8rem;
}
.security-content-sec p {
font-size: 1.2rem;
}
.consultation-content h1 {
font-size: 2.5rem;
}
.consultation-content h1::before,
.consultation-content h1::after {
font-size: 3.5rem;
}
.consultation-buttons {
flex-direction: column;
}
.consultation-buttons > * {
margin-bottom: 15px;
}
.phone-button {
font-size: 1.3rem;
}
.phone-button::after {
font-size: 1.1rem;
}
.services-section {
padding: 80px 5%;
}
.services-title {
font-size: 2.4rem;
}
.services-grid {
grid-template-columns: 1fr;
}
.security-cities-sec {
padding: 80px 5%;
}
.security-cities-sec h2 {
font-size: 2.4rem;
}
.cities-container-sec {
flex-direction: column;
}
.city-sec {
margin-bottom: 15px;
min-width: 100%;
max-width: 300px;
}
}
/* Video Styles */
.video-container1 {
position: relative;
width: 100%;
height: 100vh;
overflow: hidden;
}
.video-container1 video {
width: 100%;
height: 100%;
object-fit: cover;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
min-width: 100%;
min-height: 100%;
}
/* NEW: Professional San Bernardino Enhancements */
/* Statistics Counter Section */
.stats-section {
background: linear-gradient(135deg, #1a1a1a, #2d2d2d);
padding: 80px 0;
position: relative;
overflow: hidden;
}
.stats-section::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: url('data:image/svg+xml,') repeat;
animation: float 20s infinite linear;
}
@keyframes float {
0% { transform: translateY(0px); }
100% { transform: translateY(-100px); }
}
.stats-container {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
gap: 40px;
max-width: 1200px;
margin: 0 auto;
padding: 0 20px;
}
.stat-item {
text-align: center;
background: rgba(255, 255, 255, 0.05);
padding: 40px 30px;
border-radius: 20px;
border: 1px solid rgba(212, 175, 55, 0.2);
transition: all 0.5s ease;
position: relative;
backdrop-filter: blur(10px);
}
.stat-item:hover {
transform: translateY(-10px);
background: rgba(255, 255, 255, 0.1);
border-color: rgba(212, 175, 55, 0.5);
box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3);
}
.stat-number {
font-size: 3.5rem;
font-weight: 800;
background: linear-gradient(135deg, #D4AF37, #F5F0CD);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
margin-bottom: 15px;
display: block;
counter-reset: stat-counter;
animation: countUp 2s ease-out;
}
.stat-label {
font-size: 1.2rem;
color: #ffffff;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 1px;
}
@keyframes countUp {
from { opacity: 0; transform: translateY(20px); }
to { opacity: 1; transform: translateY(0); }
}
/* Enhanced Service Area Grid */
.service-area-enhanced {
background: linear-gradient(to bottom, #f8f9fa, #ffffff);
padding: 100px 0;
position: relative;
}
.area-grid-enhanced {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
gap: 30px;
max-width: 1400px;
margin: 0 auto;
padding: 0 20px;
}
.area-card-enhanced {
background: #ffffff;
border-radius: 20px;
padding: 40px 30px;
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
transition: all 0.4s ease;
border: 2px solid transparent;
position: relative;
overflow: hidden;
}
.area-card-enhanced::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 4px;
background: linear-gradient(90deg, #D4AF37, #F5F0CD);
transform: scaleX(0);
transition: transform 0.4s ease;
}
.area-card-enhanced:hover::before {
transform: scaleX(1);
}
.area-card-enhanced:hover {
transform: translateY(-8px);
box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);
border-color: rgba(212, 175, 55, 0.3);
}
.area-icon {
font-size: 2.5rem;
color: #D4AF37;
margin-bottom: 20px;
}
.area-title {
font-size: 1.4rem;
font-weight: 700;
color: #2c3e50;
margin-bottom: 15px;
}
.area-description {
color: #666;
line-height: 1.6;
font-size: 1rem;
}
/* Professional Contact Banner */
.contact-banner-pro {
background: linear-gradient(135deg, #1a3c6e, #2c5aa0);
padding: 80px 20px;
text-align: center;
position: relative;
overflow: hidden;
}
.contact-banner-pro::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: url('data:image/svg+xml,') repeat;
animation: slidePattern 30s linear infinite;
}
@keyframes slidePattern {
0% { transform: translateX(0); }
100% { transform: translateX(100px); }
}
.contact-content-pro {
max-width: 800px;
margin: 0 auto;
position: relative;
z-index: 2;
}
.contact-title-pro {
font-size: 3rem;
color: #ffffff;
margin-bottom: 20px;
font-weight: 800;
text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
}
.contact-subtitle-pro {
font-size: 1.3rem;
color: #e0e0e0;
margin-bottom: 40px;
line-height: 1.6;
}
.contact-buttons-pro {
display: flex;
justify-content: center;
gap: 25px;
flex-wrap: wrap;
}
.btn-primary-pro {
padding: 18px 40px;
background: #d32f2f;
color: white;
border: none;
border-radius: 50px;
font-size: 1.2rem;
font-weight: 700;
text-decoration: none;
transition: all 0.4s ease;
box-shadow: 0 8px 25px rgba(211, 47, 47, 0.3);
text-transform: uppercase;
letter-spacing: 1px;
}
.btn-primary-pro:hover {
background: #e53935;
transform: translateY(-3px);
box-shadow: 0 12px 30px rgba(211, 47, 47, 0.4);
color: white;
text-decoration: none;
}
.btn-secondary-pro {
padding: 18px 40px;
background: transparent;
color: white;
border: 2px solid white;
border-radius: 50px;
font-size: 1.2rem;
font-weight: 700;
text-decoration: none;
transition: all 0.4s ease;
text-transform: uppercase;
letter-spacing: 1px;
}
.btn-secondary-pro:hover {
background: white;
color: #1a3c6e;
transform: translateY(-3px);
text-decoration: none;
}
/* Advanced Loading Animations */
.fade-in-up {
opacity: 0;
transform: translateY(30px);
transition: all 0.8s ease;
}
.fade-in-up.visible {
opacity: 1;
transform: translateY(0);
}
.stagger-animation {
animation-delay: calc(var(--index) * 0.1s);
}
/* Enhanced Responsive Design */
@media (max-width: 768px) {
.stats-container {
grid-template-columns: repeat(2, 1fr);
gap: 20px;
}
.stat-number {
font-size: 2.5rem;
}
.contact-title-pro {
font-size: 2.2rem;
}
.contact-buttons-pro {
flex-direction: column;
align-items: center;
}
.btn-primary-pro,
.btn-secondary-pro {
width: 100%;
max-width: 300px;
}
}
@media (max-width: 480px) {
.stats-container {
grid-template-columns: 1fr;
}
.area-grid-enhanced {
grid-template-columns: 1fr;
}
}
/* Enhanced FAQ Section Styles */
.enhanced-faq-section {
background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
padding: 100px 0;
position: relative;
overflow: hidden;
}
.enhanced-faq-section::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: url('data:image/svg+xml,') repeat;
animation: subtle-move 30s linear infinite;
}
@keyframes subtle-move {
0% { transform: translateX(0) translateY(0); }
100% { transform: translateX(50px) translateY(50px); }
}
.faq-header {
text-align: center;
margin-bottom: 60px;
position: relative;
z-index: 2;
}
.faq-main-title {
font-size: 3.2rem;
font-weight: 800;
background: linear-gradient(135deg, #2c3e50, #D4AF37);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
margin-bottom: 20px;
letter-spacing: -1px;
line-height: 1.2;
position: relative;
}
.faq-main-title::after {
content: '';
position: absolute;
bottom: -15px;
left: 50%;
transform: translateX(-50%);
width: 80px;
height: 4px;
background: linear-gradient(90deg, #D4AF37, #F5F0CD);
border-radius: 2px;
}
.faq-subtitle {
font-size: 1.3rem;
color: #6c757d;
font-weight: 400;
line-height: 1.6;
max-width: 600px;
margin: 0 auto;
}
.enhanced-accordion {
position: relative;
z-index: 2;
}
.enhanced-faq-card {
background: #ffffff;
border-radius: 20px;
margin-bottom: 25px;
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
border: none;
overflow: hidden;
transition: all 0.4s ease;
position: relative;
}
.enhanced-faq-card::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 4px;
background: linear-gradient(90deg, #D4AF37, #F5F0CD);
transform: scaleX(0);
transition: transform 0.4s ease;
}
.enhanced-faq-card:hover {
transform: translateY(-5px);
box-shadow: 0 20px 40px rgba(0, 0, 0, 0.12);
}
.enhanced-faq-card:hover::before {
transform: scaleX(1);
}
.enhanced-faq-header {
background: transparent;
border: none;
padding: 0;
}
.enhanced-faq-button {
width: 100%;
padding: 30px 40px;
background: transparent;
border: none;
text-align: left;
display: flex;
align-items: center;
justify-content: space-between;
font-size: 1.2rem;
font-weight: 600;
color: #2c3e50;
transition: all 0.3s ease;
cursor: pointer;
outline: none;
text-decoration: none;
}
.enhanced-faq-button:hover,
.enhanced-faq-button:focus {
color: #D4AF37;
background: rgba(212, 175, 55, 0.05);
text-decoration: none;
outline: none;
box-shadow: none;
}
.enhanced-faq-button:not(.collapsed) {
color: #D4AF37;
background: rgba(212, 175, 55, 0.08);
}
.question-icon {
width: 50px;
height: 50px;
background: linear-gradient(135deg, #D4AF37, #F5F0CD);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
color: white;
font-size: 1.2rem;
margin-right: 20px;
flex-shrink: 0;
transition: all 0.3s ease;
}
.enhanced-faq-button:hover .question-icon {
transform: scale(1.1);
box-shadow: 0 5px 15px rgba(212, 175, 55, 0.3);
}
.question-text {
flex-grow: 1;
line-height: 1.4;
font-family: 'Montserrat', sans-serif;
}
.toggle-icon {
width: 30px;
height: 30px;
display: flex;
align-items: center;
justify-content: center;
transition: transform 0.3s ease;
color: #6c757d;
flex-shrink: 0;
}
.enhanced-faq-button:not(.collapsed) .toggle-icon {
transform: rotate(180deg);
color: #D4AF37;
}
.enhanced-faq-collapse {
border: none;
}
.enhanced-faq-body {
padding: 0 40px 40px 40px;
background: #ffffff;
}
.answer-content {
font-size: 1.1rem;
line-height: 1.8;
color: #4a4a4a;
}
.answer-content p {
margin-bottom: 20px;
font-family: 'Roboto', sans-serif;
font-weight: 400;
}
.pricing-list,
.certification-list,
.service-list,
.response-list,
.warehouse-list {
list-style: none;
padding: 0;
margin: 20px 0;
}
.pricing-list li,
.certification-list li,
.service-list li,
.response-list li,
.warehouse-list li {
position: relative;
padding: 12px 0 12px 35px;
border-bottom: 1px solid rgba(0, 0, 0, 0.05);
transition: all 0.3s ease;
}
.pricing-list li:last-child,
.certification-list li:last-child,
.service-list li:last-child,
.response-list li:last-child,
.warehouse-list li:last-child {
border-bottom: none;
}
.pricing-list li::before,
.certification-list li::before,
.service-list li::before,
.response-list li::before,
.warehouse-list li::before {
content: '✓';
position: absolute;
left: 0;
top: 12px;
width: 20px;
height: 20px;
background: linear-gradient(135deg, #28a745, #20c997);
color: white;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-size: 12px;
font-weight: bold;
}
.pricing-list li:hover,
.certification-list li:hover,
.service-list li:hover,
.response-list li:hover,
.warehouse-list li:hover {
background: rgba(212, 175, 55, 0.03);
padding-left: 40px;
}
.highlight-text {
background: linear-gradient(135deg, rgba(212, 175, 55, 0.1), rgba(245, 240, 205, 0.1));
padding: 20px;
border-left: 4px solid #D4AF37;
border-radius: 0 10px 10px 0;
font-weight: 500;
color: #2c3e50;
margin-top: 25px;
position: relative;
}
.highlight-text::before {
content: '💡';
position: absolute;
top: 20px;
right: 20px;
font-size: 1.2rem;
}
/* Advanced Accessibility Features */
.sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0;
}
/* Focus Management */
*:focus {
outline: 3px solid #D4AF37;
outline-offset: 2px;
}
.enhanced-faq-button:focus {
outline: 2px solid #D4AF37;
outline-offset: -2px;
}
/* Responsive Design for FAQ */
@media (max-width: 992px) {
.faq-main-title {
font-size: 2.8rem;
}
.enhanced-faq-button {
padding: 25px 30px;
font-size: 1.1rem;
}
.enhanced-faq-body {
padding: 0 30px 30px 30px;
}
}
@media (max-width: 768px) {
.enhanced-faq-section {
padding: 80px 0;
}
.faq-main-title {
font-size: 2.4rem;
}
.faq-subtitle {
font-size: 1.1rem;
}
.enhanced-faq-button {
padding: 20px 25px;
font-size: 1rem;
flex-direction: column;
text-align: center;
gap: 15px;
}
.question-icon {
width: 40px;
height: 40px;
margin-right: 0;
margin-bottom: 10px;
}
.enhanced-faq-body {
padding: 0 25px 25px 25px;
}
.answer-content {
font-size: 1rem;
}
}
@media (max-width: 480px) {
.enhanced-faq-card {
margin-bottom: 20px;
border-radius: 15px;
}
.enhanced-faq-button {
padding: 15px 20px;
}
.enhanced-faq-body {
padding: 0 20px 20px 20px;
}
}
/* Print Styles */
@media print {
.hero-sec,
.contact-banner-pro {
background: white !important;
color: black !important;
}
.feature-item {
break-inside: avoid;
}
.enhanced-faq-section {
background: white !important;
}
.enhanced-faq-card {
box-shadow: none !important;
border: 1px solid #ddd !important;
}
}
/* Enhanced Security Features Section - Orange County Theme */
.security-features-enhanced {
width: 100vw;
margin-left: calc(-50vw + 50%);
padding: 80px 0;
background: linear-gradient(135deg, #fff8f3 0%, #fef7f0 50%, #fff8f3 100%);
position: relative;
overflow: hidden;
}
.security-features-enhanced::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ff6b35' fill-opacity='0.04'%3E%3Ccircle cx='30' cy='30' r='2'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
opacity: 0.6;
}
.features-header {
text-align: center;
max-width: 1200px;
margin: 0 auto 60px auto;
padding: 0 20px;
position: relative;
z-index: 2;
}
.features-header h2 {
font-size: 2.8rem;
font-weight: 700;
background: linear-gradient(135deg, #d2691e 0%, #ff6b35 50%, #ff8c42 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
margin-bottom: 20px;
text-transform: uppercase;
letter-spacing: 1px;
position: relative;
}
.features-header h2::after {
content: '';
position: absolute;
bottom: -10px;
left: 50%;
transform: translateX(-50%);
width: 80px;
height: 4px;
background: linear-gradient(90deg, #ff6b35, #ff8c42);
border-radius: 2px;
}
.features-subtitle {
font-size: 1.2rem;
color: #8b4513;
font-weight: 400;
margin-bottom: 0;
font-style: italic;
}
.features-grid-enhanced {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(480px, 1fr));
gap: 35px;
max-width: 1400px;
margin: 0 auto;
padding: 0 30px;
position: relative;
z-index: 2;
}
.feature-card-enhanced {
background: #ffffff;
border-radius: 20px;
padding: 35px;
box-shadow: 0 12px 30px rgba(255, 107, 53, 0.15);
transition: all 0.4s ease;
border: 1px solid rgba(255, 107, 53, 0.15);
position: relative;
overflow: hidden;
}
.feature-card-enhanced::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 4px;
background: linear-gradient(90deg, #ff6b35 0%, #ff8c42 50%, #ffa726 100%);
transform: scaleX(0);
transition: transform 0.4s ease;
}
.feature-card-enhanced:hover::before {
transform: scaleX(1);
}
.feature-card-enhanced:hover {
transform: translateY(-8px);
box-shadow: 0 20px 40px rgba(255, 107, 53, 0.25);
border-color: rgba(255, 107, 53, 0.3);
}
.feature-icon-wrapper {
width: 65px;
height: 65px;
background: linear-gradient(135deg, #ff6b35 0%, #ff8c42 50%, #ffa726 100%);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 22px;
transition: all 0.3s ease;
box-shadow: 0 8px 20px rgba(255, 107, 53, 0.3);
}
.feature-icon-wrapper i {
font-size: 22px;
color: #ffffff;
transition: all 0.3s ease;
}
.feature-card-enhanced:hover .feature-icon-wrapper {
transform: scale(1.1) rotate(8deg);
box-shadow: 0 12px 30px rgba(255, 107, 53, 0.4);
}
.feature-content h3 {
font-size: 1.5rem;
font-weight: 600;
color: #8b4513;
margin-bottom: 15px;
line-height: 1.3;
}
.feature-content p {
font-size: 1rem;
color: #6b4423;
line-height: 1.7;
margin-bottom: 18px;
font-weight: 400;
}
.feature-benefits {
list-style: none;
padding: 0;
margin: 0;
}
.feature-benefits li {
position: relative;
padding: 7px 0 7px 28px;
color: #d2691e;
font-weight: 500;
font-size: 0.95rem;
}
.feature-benefits li::before {
content: '✓';
position: absolute;
left: 0;
top: 7px;
width: 18px;
height: 18px;
background: linear-gradient(135deg, #ff6b35 0%, #ff8c42 100%);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-size: 11px;
font-weight: bold;
color: white;
box-shadow: 0 2px 8px rgba(255, 107, 53, 0.3);
}
/* Responsive Design */
@media (max-width: 1200px) {
.features-grid-enhanced {
grid-template-columns: repeat(auto-fit, minmax(450px, 1fr));
gap: 30px;
padding: 0 20px;
}
}
@media (max-width: 768px) {
.security-features-enhanced {
padding: 60px 0;
}
.features-header h2 {
font-size: 2.2rem;
}
.features-subtitle {
font-size: 1.1rem;
}
.features-grid-enhanced {
grid-template-columns: 1fr;
gap: 25px;
padding: 0 15px;
}
.feature-card-enhanced {
padding: 30px 25px;
}
.feature-icon-wrapper {
width: 60px;
height: 60px;
}
.feature-icon-wrapper i {
font-size: 20px;
}
.feature-content h3 {
font-size: 1.4rem;
}
}
@media (max-width: 480px) {
.features-header h2 {
font-size: 1.8rem;
}
.feature-card-enhanced {
padding: 25px 20px;
}
.feature-content h3 {
font-size: 1.3rem;
}
.feature-content p {
font-size: 0.95rem;
}
}
/* Enhanced Security Features Section - Los Angeles Theme */
.security-features-enhanced.los-angeles-theme {
width: 100vw;
margin-left: calc(-50vw + 50%);
padding: 80px 0;
background: linear-gradient(135deg, #f0f4f8 0%, #e8f2f7 50%, #f0f4f8 100%);
position: relative;
overflow: hidden;
}
.security-features-enhanced.los-angeles-theme::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%230066cc' fill-opacity='0.04'%3E%3Ccircle cx='30' cy='30' r='2'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
opacity: 0.6;
}
.los-angeles-theme .features-header h2 {
font-size: 2.8rem;
font-weight: 700;
background: linear-gradient(135deg, #1565c0 0%, #1976d2 50%, #2196f3 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
margin-bottom: 20px;
text-transform: uppercase;
letter-spacing: 1px;
position: relative;
}
.los-angeles-theme .features-header h2::after {
content: '';
position: absolute;
bottom: -10px;
left: 50%;
transform: translateX(-50%);
width: 80px;
height: 4px;
background: linear-gradient(90deg, #1976d2, #2196f3);
border-radius: 2px;
}
.los-angeles-theme .features-subtitle {
font-size: 1.2rem;
color: #1565c0;
font-weight: 400;
margin-bottom: 0;
font-style: italic;
}
.los-angeles-theme .feature-card-enhanced {
background: #ffffff;
border-radius: 20px;
padding: 35px;
box-shadow: 0 12px 30px rgba(33, 150, 243, 0.15);
transition: all 0.4s ease;
border: 1px solid rgba(33, 150, 243, 0.15);
position: relative;
overflow: hidden;
}
.los-angeles-theme .feature-card-enhanced::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 4px;
background: linear-gradient(90deg, #1976d2 0%, #2196f3 50%, #42a5f5 100%);
transform: scaleX(0);
transition: transform 0.4s ease;
}
.los-angeles-theme .feature-card-enhanced:hover::before {
transform: scaleX(1);
}
.los-angeles-theme .feature-card-enhanced:hover {
transform: translateY(-8px);
box-shadow: 0 20px 40px rgba(33, 150, 243, 0.25);
border-color: rgba(33, 150, 243, 0.3);
}
.los-angeles-theme .feature-icon-wrapper {
width: 65px;
height: 65px;
background: linear-gradient(135deg, #1976d2 0%, #2196f3 50%, #42a5f5 100%);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 22px;
transition: all 0.3s ease;
box-shadow: 0 8px 20px rgba(33, 150, 243, 0.3);
}
.los-angeles-theme .feature-icon-wrapper i {
font-size: 22px;
color: #ffffff;
transition: all 0.3s ease;
}
.los-angeles-theme .feature-card-enhanced:hover .feature-icon-wrapper {
transform: scale(1.1) rotate(8deg);
box-shadow: 0 12px 30px rgba(33, 150, 243, 0.4);
}
.los-angeles-theme .feature-content h3 {
font-size: 1.5rem;
font-weight: 600;
color: #1565c0;
margin-bottom: 15px;
line-height: 1.3;
}
.los-angeles-theme .feature-content p {
font-size: 1rem;
color: #37474f;
line-height: 1.7;
margin-bottom: 18px;
font-weight: 400;
}
.los-angeles-theme .feature-benefits li::before {
content: '✓';
position: absolute;
left: 0;
top: 7px;
width: 18px;
height: 18px;
background: linear-gradient(135deg, #1976d2 0%, #2196f3 100%);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-size: 11px;
font-weight: bold;
color: white;
box-shadow: 0 2px 8px rgba(33, 150, 243, 0.3);
}
/* Add any additional styles here */.anaheim-page{--primary-color:#003366;--primary-dark:#002244;--primary-light:#004488;--secondary-color:#d12028;--secondary-dark:#a51920;--accent-color:#f8b133;--text-dark:#333333;--text-medium:#555555;--text-light:#f9f9f9;--section-padding:80px 0;--border-radius:10px;--box-shadow:0 10px 30px rgba(0,0,0,0.08);--transition:all 0.3s ease;color-scheme:light;font-family:'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;color:var(--text-dark);line-height:1.6;overflow-x:hidden}.animate-fade-in{opacity:0;animation:fadeIn 1s ease-out forwards}.animate-fade-in-delay{opacity:0;animation:fadeIn 1s ease-out .3s forwards}.animate-fade-in-delay-2{opacity:0;animation:fadeIn 1s ease-out .6s forwards}@keyframes fadeIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes bounceDown{0%,100%,20%,50%,80%{transform:translateY(0) translateX(-50%)}40%{transform:translateY(-10px) translateX(-50%)}60%{transform:translateY(-5px) translateX(-50%)}}.section-badge{display:inline-block;background:var(--primary-color);color:#fff;font-size:.9rem;font-weight:600;padding:5px 15px;border-radius:30px;margin-bottom:15px;text-transform:uppercase;letter-spacing:1px}.anaheim-hero{position:relative;height:100vh;background-size:cover;background-position:center;background-attachment:fixed;display:flex;align-items:center;justify-content:center;text-align:center;overflow:hidden;margin-bottom:0}.anaheim-hero-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(0,0,0,.6),rgba(13,27,42,.7));z-index:1}.anaheim-hero-content{position:relative;z-index:2;color:#fff;max-width:900px;padding:40px 30px;margin:0 auto}.anaheim-hero-content h1{font-size:3.8rem;font-weight:800;margin-bottom:30px;text-shadow:2px 2px 4px rgba(0,0,0,.5);line-height:1.2;padding:0 15px}.anaheim-hero-content p{font-size:1.5rem;margin-bottom:40px;text-shadow:1px 1px 2px rgba(0,0,0,.5);opacity:.95;line-height:1.6;padding:0 20px}.anaheim-cta-buttons{display:flex;gap:25px;justify-content:center;align-items:center;flex-wrap:wrap;margin-top:15px;padding:0 20px}.anaheim-cta-button{display:inline-block;padding:20px 40px;background:linear-gradient(135deg,#d32f2f,#b71c1c);color:#fff;text-decoration:none;border-radius:50px;font-weight:700;font-size:1.1rem;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px;border:none;box-shadow:0 8px 25px rgba(211,47,47,.3);min-width:220px;text-align:center}.anaheim-cta-button:hover{transform:translateY(-3px);box-shadow:0 12px 30px rgba(211,47,47,.4);color:#fff;text-decoration:none}.anaheim-cta-button-alt{display:inline-block;padding:20px 40px;background:0 0;color:#fff;text-decoration:none;border:2px solid #fff;border-radius:50px;font-weight:700;font-size:1.1rem;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px;min-width:220px;text-align:center}.anaheim-cta-button-alt:hover{background:#fff;color:#222;transform:translateY(-3px);text-decoration:none}.anaheim-hero-scroll-indicator{position:absolute;bottom:30px;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;color:#fff;z-index:2;animation:bounceDown 2s infinite}.anaheim-hero-scroll-indicator span{font-size:.9rem;margin-bottom:8px;text-transform:uppercase;letter-spacing:1px}.anaheim-main-content{background:linear-gradient(135deg,#f8f9fa,#fff);padding:100px 0;position:relative;margin-top:0}.anaheim-content-container{max-width:1200px;margin:0 auto;padding:0 30px}.anaheim-intro-section{text-align:center;margin-bottom:80px;padding:40px 20px}.section-badge{display:inline-block;background:linear-gradient(135deg,#d32f2f,#b71c1c);color:#fff;padding:12px 25px;border-radius:25px;font-size:.9rem;font-weight:600;text-transform:uppercase;letter-spacing:1px;margin-bottom:35px;box-shadow:0 4px 15px rgba(211,47,47,.2)}.anaheim-intro-section h1{font-size:3.2rem;font-weight:800;color:#222;margin-bottom:40px;line-height:1.3;padding:0 20px}.anaheim-intro-section h2{color:var(--primary-color);font-size:2.2rem;margin-bottom:25px;font-weight:700;position:relative;line-height:1.3}.anaheim-intro-rating{display:flex;justify-content:center;align-items:center;gap:15px;margin-bottom:50px;padding:15px 25px;background:rgba(255,255,255,.9);border-radius:30px;box-shadow:0 5px 20px rgba(0,0,0,.08);display:inline-flex}.anaheim-intro-rating .stars{color:gold;font-size:1.3rem}.anaheim-intro-rating span{font-weight:600;color:#555;font-size:1rem}.anaheim-highlight-box{background:#fff;padding:50px 45px;border-radius:20px;box-shadow:0 15px 40px rgba(0,0,0,.1);text-align:left;margin:50px auto;max-width:950px;border-left:6px solid #d32f2f;position:relative}.highlight-icon{position:absolute;top:-22px;left:45px;background:linear-gradient(135deg,#d32f2f,#b71c1c);color:#fff;width:45px;height:45px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.3rem;box-shadow:0 6px 20px rgba(211,47,47,.3)}.highlight-content p{font-size:1.15rem;line-height:1.8;color:#444;margin-bottom:25px;padding:0 10px}.highlight-content p:last-child{margin-bottom:0}.anaheim-trust-badges{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:25px;margin:60px 0;max-width:900px;margin-left:auto;margin-right:auto;padding:0 20px}.trust-badge{display:flex;align-items:center;gap:15px;background:#fff;padding:25px 20px;border-radius:15px;box-shadow:0 10px 30px rgba(0,0,0,.08);transition:transform .3s ease,box-shadow .3s ease;border:1px solid #f0f0f0;text-align:left}.trust-badge:hover{transform:translateY(-5px);box-shadow:0 15px 35px rgba(0,0,0,.12)}.trust-badge i{color:#d32f2f;font-size:1.6rem;flex-shrink:0}.trust-badge span{font-weight:600;color:#333;font-size:1rem;line-height:1.4}.anaheim-features-section{padding:100px 0;background:linear-gradient(135deg,#fff,#f8f9fa);margin:40px 0}.anaheim-features-section h2{text-align:center;font-size:2.8rem;font-weight:800;color:#222;margin-bottom:70px;position:relative;padding:0 20px}.anaheim-features-section h2::after{content:'';position:absolute;bottom:-20px;left:50%;transform:translateX(-50%);width:90px;height:5px;background:linear-gradient(135deg,#d32f2f,#b71c1c);border-radius:3px}.anaheim-features-container{max-width:1200px;margin:0 auto;padding:0 30px;display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:45px}.anaheim-feature-item{background:#fff;padding:50px 35px;border-radius:20px;text-align:center;box-shadow:0 15px 35px rgba(0,0,0,.08);transition:transform .3s ease,box-shadow .3s ease;border-top:5px solid #d32f2f;position:relative}.anaheim-feature-item:hover{transform:translateY(-10px);box-shadow:0 25px 50px rgba(0,0,0,.12)}.anaheim-feature-item i{font-size:3.5rem;color:#d32f2f;margin-bottom:30px}.anaheim-feature-item h3{font-size:1.6rem;font-weight:700;color:#222;margin-bottom:25px;line-height:1.3;padding:0 10px}.anaheim-feature-item p{font-size:1.05rem;line-height:1.7;color:#666;margin-bottom:0;padding:0 10px}.anaheim-banner-section{padding:100px 0;text-align:center;position:relative;overflow:hidden;color:#fff;margin-bottom:80px;background:linear-gradient(135deg,#e0e0e0,#948979)}.anaheim-banner-parallax{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(rgba(0,0,0,.7),rgba(0,0,0,.8)),url('/img/quot.webp');background-size:cover;background-position:center;z-index:-1;transform:translateZ(0)}.anaheim-banner-content{position:relative;z-index:2;max-width:800px;margin:0 auto;padding:0 20px}.anaheim-banner-content h2{font-size:2.6rem;font-weight:700;margin-bottom:25px;text-shadow:2px 2px 4px rgba(0,0,0,.5);line-height:1.3}.anaheim-banner-content p{font-size:1.3rem;line-height:1.8;margin-bottom:40px;text-shadow:1px 1px 3px rgba(0,0,0,.4)}.anaheim-banner-buttons{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}.anaheim-banner-button{background:var(--secondary-color);color:#fff;padding:15px 30px;font-size:1.1rem;font-weight:600;border-radius:50px;border:none;transition:var(--transition);text-decoration:none;display:inline-block;box-shadow:0 5px 15px rgba(0,0,0,.2)}.anaheim-banner-button-alt{background:0 0;color:#fff;padding:15px 30px;font-size:1.1rem;font-weight:600;border-radius:50px;border:2px solid #fff;transition:var(--transition);text-decoration:none;display:inline-block}.anaheim-banner-button:hover{transform:translateY(-5px);box-shadow:0 10px 20px rgba(0,0,0,.3);background:var(--secondary-dark);color:#fff;text-decoration:none}.anaheim-banner-button-alt:hover{background:rgba(255,255,255,.2);transform:translateY(-5px);color:#fff;text-decoration:none}.anaheim-services-section{padding:var(--section-padding);background-color:#f9f9f9;text-align:center}.anaheim-services-container{max-width:1200px;margin:0 auto;padding:0 20px}.anaheim-services-title{font-size:2.5rem;margin-bottom:20px;color:var(--primary-color);font-weight:700}.anaheim-title-underline{height:3px;width:80px;background:var(--primary-color);margin:0 auto 50px}.anaheim-services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.anaheim-service-item{background:#fff;border-radius:var(--border-radius);padding:30px 25px;text-align:center;transition:var(--transition);box-shadow:var(--box-shadow);text-decoration:none;color:var(--text-dark);display:flex;flex-direction:column;align-items:center;height:100%;position:relative;overflow:hidden;opacity:0;transform:translateY(20px);transition:opacity .5s ease,transform .5s ease,box-shadow .3s ease;border:1px solid #f0f0f0}.anaheim-service-item.in-view{opacity:1;transform:translateY(0)}.anaheim-service-item:hover{transform:translateY(-10px);box-shadow:0 15px 30px rgba(0,0,0,.1);text-decoration:none;color:var(--text-dark)}.anaheim-service-item::before{content:'';position:absolute;top:0;left:0;width:5px;height:0;background:var(--primary-color);transition:var(--transition)}.anaheim-service-item:hover::before{height:100%}.anaheim-service-item img{width:100%;height:auto;border-radius:8px;margin:15px 0;object-fit:cover}.service-icon-wrapper{width:50px;height:50px;background:linear-gradient(45deg,#f8f9fa,#e9ecef);border:2px solid #e9ecef;border-radius:8px;display:flex;align-items:center;justify-content:center;margin-bottom:20px;transition:var(--transition)}.anaheim-service-item:hover .service-icon-wrapper{background:linear-gradient(45deg,#e3f2fd,#bbdefb);border-color:var(--primary-color);transform:translateY(-2px)}.anaheim-service-item i{font-size:1.3rem;color:var(--primary-color);transition:var(--transition)}.anaheim-service-item:hover i{transform:scale(1.1);color:var(--primary-dark)}.anaheim-service-item h3{font-size:1.2rem;font-weight:600;margin-bottom:12px;transition:var(--transition);line-height:1.3}.anaheim-service-item p{font-size:.95rem;color:var(--text-medium);line-height:1.6;margin-bottom:15px;flex-grow:1}.anaheim-service-item .learn-more{font-size:.9rem;font-weight:600;color:var(--primary-color);display:inline-flex;align-items:center;transition:var(--transition);margin-top:auto}.anaheim-service-item .learn-more i{font-size:.8rem;margin-left:5px;transition:var(--transition)}.anaheim-service-item:hover .learn-more{color:var(--primary-dark)}.anaheim-service-item:hover .learn-more i{transform:translateX(5px)}.anaheim-services-section-compact{padding:100px 0;background:linear-gradient(135deg,#f8f9fa,#fff);margin:50px 0}.anaheim-services-container{max-width:1200px;margin:0 auto;padding:0 30px;text-align:center}.anaheim-services-title{font-size:2.8rem;font-weight:800;color:#222;margin-bottom:25px;position:relative;display:inline-block;padding:0 20px}.anaheim-title-underline{width:90px;height:5px;background:linear-gradient(135deg,#d32f2f,#b71c1c);margin:0 auto 70px;border-radius:3px}.anaheim-services-grid-enhanced{display:grid;grid-template-columns:repeat(auto-fit,minmax(370px,1fr));gap:40px;margin-top:50px}.anaheim-service-item-enhanced{background:#fff;padding:45px 35px;border-radius:20px;text-decoration:none;color:inherit;box-shadow:0 15px 35px rgba(0,0,0,.08);transition:all .3s ease;border-top:5px solid #d32f2f;position:relative;display:block}.anaheim-service-item-enhanced:hover{transform:translateY(-8px);box-shadow:0 25px 50px rgba(0,0,0,.12);text-decoration:none;color:inherit}.anaheim-service-item-enhanced h3{font-size:1.5rem;font-weight:700;color:#222;margin-bottom:20px;text-align:left;padding:0 5px}.anaheim-service-item-enhanced p{font-size:1rem;line-height:1.7;color:#666;margin-bottom:25px;text-align:left;padding:0 5px}@media (max-width:768px){.anaheim-services-grid-compact{grid-template-columns:1fr;gap:15px}.anaheim-service-item-compact{padding:20px 15px}.anaheim-services-section-compact .anaheim-services-title{font-size:1.8rem}}@media (max-width:992px){.anaheim-services-grid-compact{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}}.anaheim-areas-section{padding:var(--section-padding);background:linear-gradient(to right,#f8f9fa,#eaeaea);text-align:center}.anaheim-areas-container{max-width:1200px;margin:0 auto;padding:0 20px}.anaheim-areas-section h2{font-size:2.5rem;margin-bottom:20px;color:var(--primary-color);font-weight:700}.areas-intro{font-size:1.1rem;color:var(--text-medium);max-width:800px;margin:0 auto 40px;line-height:1.7}.anaheim-areas-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-bottom:40px}.anaheim-area-item{background:#fff;border-radius:var(--border-radius);padding:40px 30px;text-align:center;opacity:0;transform:translateY(20px);transition:opacity .5s ease,transform .5s ease,box-shadow .3s ease;box-shadow:var(--box-shadow)}.anaheim-area-item.in-view{opacity:1;transform:translateY(0)}.anaheim-area-item:hover{transform:translateY(-10px);box-shadow:0 15px 30px rgba(0,0,0,.1)}.anaheim-area-item h3{font-size:1.3rem;color:var(--primary-color);font-weight:600;margin-bottom:15px}.anaheim-area-item h3 a{color:inherit;text-decoration:none}.anaheim-area-item p{font-size:1rem;color:var(--text-medium);line-height:1.7;margin-bottom:15px}.area-learn-more{color:var(--primary-color);font-weight:600;font-size:.9rem;text-decoration:none;display:inline-flex;align-items:center;gap:5px;transition:gap .3s ease}.area-learn-more:hover{gap:10px;text-decoration:none;color:var(--primary-dark)}.anaheim-nearby-cities{background:#f8f9fa;padding:60px 20px;text-align:center}.cities-header h3{font-size:2.5rem;color:#036;margin-bottom:10px;font-weight:700}.cities-header p{color:#666;font-size:1.1rem;margin-bottom:40px}.cities-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;max-width:800px;margin:0 auto 30px auto;align-items:stretch}.city-link{background:#fff;border:2px solid #e9ecef;border-radius:12px;padding:25px 20px;text-decoration:none;color:#036;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;gap:12px;min-height:100px}.city-link:hover{border-color:#036;transform:translateY(-3px);box-shadow:0 8px 25px rgba(0,51,102,.15);text-decoration:none;color:#036}.city-link i{font-size:2rem;color:#dc3545}.city-link span{font-weight:600;font-size:1.1rem}.main-link-container{max-width:400px;margin:0 auto}.main-link{background:#036!important;color:#fff!important;border-color:#036!important}.main-link:hover{background:#024!important;color:#fff!important;border-color:#024!important}.main-link i{color:#fff!important}.section-badge{display:inline-block;font-size:.9rem;color:var(--primary-dark);background-color:var(--primary-light);padding:5px 15px;border-radius:var(--border-radius);margin-bottom:15px;font-weight:600}.white-text,.white-text a,.white-text div,.white-text h1,.white-text h2,.white-text h3,.white-text h4,.white-text h5,.white-text h6,.white-text li,.white-text p,.white-text span{color:#fff!important}.hero-content,.hero-content h1,.hero-content h2,.hero-content p,.hero-content span{color:#fff!important;text-shadow:2px 2px 4px rgba(0,0,0,.7)!important}.anaheim-hero-content,.anaheim-hero-content h1,.anaheim-hero-content h2,.anaheim-hero-content p{color:#fff!important;text-shadow:2px 2px 4px rgba(0,0,0,.7)!important}.anaheim-banner-content,.anaheim-banner-content h2,.anaheim-banner-content p{color:#fff!important;text-shadow:1px 1px 3px rgba(0,0,0,.8)!important}.anaheim-cta-section .anaheim-cta-content,.anaheim-cta-section .anaheim-cta-content h2,.anaheim-cta-section .anaheim-cta-content p{color:#fff!important;text-shadow:1px 1px 3px rgba(0,0,0,.8)!important}.back-to-top{position:fixed!important;bottom:30px!important;right:30px!important;width:50px!important;height:50px!important;background-color:#036!important;color:#fff!important;border-radius:50%!important;display:flex!important;align-items:center!important;justify-content:center!important;text-decoration:none!important;font-size:18px!important;z-index:99999!important;transition:all .3s ease!important;box-shadow:0 4px 15px rgba(0,0,0,.2)!important;cursor:pointer!important;border:none!important;outline:0!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important}.back-to-top:hover{background-color:#2b5797!important;color:#fff!important;text-decoration:none!important;transform:translateY(-3px);box-shadow:0 6px 20px rgba(0,0,0,.3)}.back-to-top:focus{outline:2px solid #ffffff;outline-offset:2px}.back-to-top.active{opacity:1!important;visibility:visible!important;pointer-events:auto!important}.back-to-top i{font-size:16px;color:#fff!important}@media (max-width:768px){.back-to-top{bottom:20px;right:20px;width:45px;height:45px}}.anaheim-testimonials-section{padding:100px 0;background:linear-gradient(135deg,#f8f9fa,#fff);position:relative;margin:60px 0}.anaheim-testimonials-container{max-width:1200px;margin:0 auto;padding:0 30px;text-align:center}.anaheim-testimonials-container h2{font-size:2.8rem;font-weight:800;color:#222;margin-bottom:70px;position:relative;display:inline-block;padding:0 20px}.anaheim-testimonials-container h2::after{content:'';position:absolute;bottom:-20px;left:50%;transform:translateX(-50%);width:90px;height:5px;background:linear-gradient(135deg,#d32f2f,#b71c1c);border-radius:3px}.enhanced-testimonials-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:40px;margin-top:60px}.enhanced-testimonial-card{background:#fff;border-radius:20px;padding:40px 35px;box-shadow:0 15px 40px rgba(0,0,0,.08);transition:all .3s ease;position:relative;border-top:5px solid #d32f2f;text-align:left;overflow:hidden}.enhanced-testimonial-card:hover{transform:translateY(-10px);box-shadow:0 25px 50px rgba(0,0,0,.12)}.enhanced-testimonial-card::before{content:'';position:absolute;top:0;right:0;width:100px;height:100px;background:linear-gradient(135deg,rgba(211,47,47,.05),rgba(183,28,28,.05));border-radius:0 0 0 100px}.testimonial-quote-icon{position:absolute;top:25px;right:30px;width:50px;height:50px;background:linear-gradient(135deg,#d32f2f,#b71c1c);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 20px rgba(211,47,47,.3);z-index:2}.testimonial-quote-icon i{color:#fff;font-size:18px}.enhanced-testimonial-card .testimonial-content{margin-bottom:30px;position:relative;z-index:1}.enhanced-testimonial-card .testimonial-content p{font-size:1.15rem;line-height:1.8;color:#444;font-style:italic;margin:0;padding-right:60px}.testimonial-footer{display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:20px;margin-top:30px;padding-top:25px;border-top:2px solid #f0f0f0}.testimonial-author-info{display:flex;align-items:center;gap:15px;flex:1}.author-avatar{width:60px;height:60px;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:50%;display:flex;align-items:center;justify-content:center;border:3px solid #d32f2f;flex-shrink:0}.author-avatar i{font-size:30px;color:#d32f2f}.author-details{flex:1}.author-name{font-size:1.2rem;font-weight:700;color:#222;margin:0 0 5px 0;line-height:1.3}.author-position{font-size:.95rem;color:#666;margin:0;line-height:1.4}.testimonial-rating{display:flex;flex-direction:column;align-items:flex-end;gap:8px}.testimonial-rating .stars{display:flex;gap:3px}.testimonial-rating .stars i{color:gold;font-size:16px;text-shadow:0 2px 4px rgba(255,215,0,.3)}.verified-badge{display:flex;align-items:center;gap:6px;font-size:.85rem;color:#28a745;font-weight:600;background:rgba(40,167,69,.1);padding:6px 12px;border-radius:20px;border:1px solid rgba(40,167,69,.2)}.verified-badge i{font-size:14px}@media (max-width:768px){.enhanced-testimonials-grid{grid-template-columns:1fr;gap:30px;margin-top:40px}.enhanced-testimonial-card{padding:30px 25px}.enhanced-testimonial-card .testimonial-content p{font-size:1.05rem;padding-right:50px}.testimonial-footer{flex-direction:column;align-items:flex-start;gap:15px}.testimonial-rating{align-items:flex-start;flex-direction:row;justify-content:space-between;width:100%}.author-avatar{width:50px;height:50px}.author-avatar i{font-size:24px}.author-name{font-size:1.1rem}.author-position{font-size:.9rem}}@media (max-width:480px){.enhanced-testimonial-card{padding:25px 20px}.testimonial-quote-icon{width:40px;height:40px;top:20px;right:25px}.testimonial-quote-icon i{font-size:14px}.enhanced-testimonial-card .testimonial-content p{padding-right:40px;font-size:1rem}.anaheim-testimonials-container h2{font-size:2.3rem;margin-bottom:50px}}.anaheim-testimonials-slider{position:relative;margin-bottom:40px}.slider-navigation{display:flex;justify-content:center;align-items:center;margin-bottom:30px}.slider-next,.slider-prev{background:0 0;border:none;color:var(--primary-color);font-size:1.5rem;cursor:pointer;padding:5px 10px;transition:var(--transition)}.slider-next:hover,.slider-prev:hover{color:var(--primary-dark);transform:scale(1.2)}.slider-indicators{display:flex;gap:10px;margin:0 20px}.indicator{width:12px;height:12px;border-radius:50%;background:#e0e0e0;cursor:pointer;transition:var(--transition)}.indicator.active{background:var(--primary-color);transform:scale(1.2)}.anaheim-testimonials-grid{position:relative;height:350px;margin-bottom:30px}.anaheim-testimonial-item{background:#f9f9f9;border-radius:var(--border-radius);padding:40px 30px;text-align:left;transition:var(--transition);box-shadow:var(--box-shadow);position:absolute;top:0;left:0;right:0;opacity:0;transform:translateY(20px);transition:opacity .5s ease,transform .5s ease;pointer-events:none;height:100%}.anaheim-testimonial-item.active{opacity:1;transform:translateY(0);pointer-events:auto}.testimonial-quote{font-size:2rem;color:var(--primary-color);opacity:.3;margin-bottom:20px}.anaheim-testimonial-item p{font-size:1.1rem;color:var(--text-medium);line-height:1.7;margin-bottom:30px;font-style:italic}.testimonial-author{display:flex;align-items:center;margin-top:auto}.author-image{width:60px;height:60px;border-radius:50%;margin-right:15px;overflow:hidden}.author-image img{width:100%;height:100%;object-fit:cover}.author-info{flex:1}.author-info h4{font-size:1.1rem;color:var(--text-dark);margin-bottom:5px;font-weight:600}.author-info p{font-size:.9rem;color:var(--text-medium);margin-bottom:5px;font-style:normal}.author-stars{color:var(--accent-color);font-size:.9rem}.testimonial-cta{margin-top:40px}.testimonial-cta p{font-size:1.1rem;color:var(--text-medium);margin-bottom:15px}.testimonial-link{display:inline-flex;align-items:center;gap:8px;color:var(--primary-color);font-weight:600;text-decoration:none;transition:var(--transition)}.testimonial-link:hover{color:var(--primary-dark);gap:12px;text-decoration:none}.anaheim-faq-section{padding:var(--section-padding);background:linear-gradient(135deg,#ecf0f1,#bdc3c7)}.anaheim-faq-container{max-width:900px;margin:0 auto;padding:0 20px}.anaheim-faq-section h2{font-size:2.5rem;margin-bottom:50px;color:var(--primary-color);font-weight:700;text-align:center}.anaheim-faq-list{margin-top:40px}.anaheim-faq-item{background:#fff;border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,.08);overflow:hidden;margin-bottom:20px;transition:all .3s ease;opacity:0;transform:translateY(20px);animation:fadeInUp .6s ease forwards}.anaheim-faq-item:first-child{animation-delay:.1s}.anaheim-faq-item:nth-child(2){animation-delay:.2s}.anaheim-faq-item:nth-child(3){animation-delay:.3s}.anaheim-faq-item:nth-child(4){animation-delay:.4s}.anaheim-faq-item:nth-child(5){animation-delay:.5s}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}.anaheim-faq-item:hover{box-shadow:0 8px 30px rgba(0,0,0,.12);transform:translateY(-2px)}.faq-question{padding:25px 30px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;background:#fff;transition:all .3s ease;border:none;width:100%}.faq-question:hover{background:#f8f9fa}.faq-question h3{font-size:1.2rem;font-weight:600;color:var(--primary-color);margin:0;flex:1;padding-right:20px}.faq-toggle{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--primary-color),#0056b3);display:flex;align-items:center;justify-content:center;transition:all .3s ease;flex-shrink:0}.faq-toggle i{color:#fff;font-size:16px;transition:transform .3s ease}.anaheim-faq-item.active .faq-toggle{background:linear-gradient(135deg,#28a745,#20c997)}.anaheim-faq-item.active .faq-toggle i{transform:rotate(45deg)}.faq-answer{max-height:0;overflow:hidden;transition:max-height .4s ease,padding .4s ease;background:#f8f9fa}.anaheim-faq-item.active .faq-answer{max-height:500px;padding:0 30px 30px 30px}.faq-answer p{font-size:1rem;line-height:1.6;color:#555;margin:0;padding-top:10px}.anaheim-faq-navigation{display:flex;justify-content:center;align-items:center;gap:15px;margin-top:20px;margin-bottom:30px}.faq-nav-btn{width:50px;height:50px;border-radius:50%;border:2px solid var(--primary-color);background:#fff;color:var(--primary-color);font-size:1.2rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.faq-nav-btn:hover:not(:disabled){background:var(--primary-color);color:#fff;transform:scale(1.1)}.faq-nav-btn:disabled{opacity:.5;cursor:not-allowed;border-color:#ccc;color:#ccc}.anaheim-faq-carousel{overflow:hidden;position:relative;padding:20px 0}.anaheim-faq-carousel .anaheim-faq-list{display:flex;gap:30px;transition:transform .5s ease;margin-top:0}.anaheim-faq-carousel .anaheim-faq-item{min-width:calc(33.333% - 20px);flex-shrink:0;margin-bottom:0}@media (max-width:768px){.faq-question{padding:20px}.faq-question h3{font-size:1.1rem;padding-right:15px}.anaheim-faq-item.active .faq-answer{padding:0 20px 25px 20px}.faq-toggle{width:35px;height:35px}.faq-toggle i{font-size:14px}.anaheim-faq-carousel .anaheim-faq-item{min-width:100%}.faq-nav-btn{width:40px;height:40px;font-size:1rem}}.breadcrumb-nav{background:#f8f9fa;padding:10px 0;border-bottom:1px solid #e9ecef;font-size:14px}.breadcrumb-nav .container{max-width:1200px;margin:0 auto;padding:0 20px}.breadcrumb{display:flex;list-style:none;margin:0;padding:0;align-items:center}.breadcrumb-item{display:flex;align-items:center}.breadcrumb-item+.breadcrumb-item::before{content:">";margin:0 8px;color:#6c757d}.breadcrumb-item a{color:var(--primary-color);text-decoration:none;transition:color .3s ease}.breadcrumb-item a:hover{color:var(--accent-color);text-decoration:underline}.breadcrumb-item.active{color:#6c757d}.anaheim-security-tips{background:#f8f9fa;padding:60px 0;margin:40px 0}.security-tips-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;margin-top:30px}.security-tip{background:#fff;padding:30px;border-radius:var(--border-radius);box-shadow:0 2px 10px rgba(0,0,0,.1);transition:transform .3s ease}.security-tip:hover{transform:translateY(-5px)}.security-tip h3{color:var(--primary-color);margin-bottom:15px;font-size:1.3em}.anaheim-local-insights{background:linear-gradient(135deg,#2c3e50,#34495e);color:#ecf0f1;padding:60px 0;margin:40px 0;position:relative;overflow:hidden}.anaheim-local-insights::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(45deg,rgba(52,152,219,.1),rgba(155,89,182,.1));z-index:1}.anaheim-local-insights h2{color:#3498db;font-size:2.5rem;font-weight:700;margin-bottom:30px;text-align:center;text-shadow:2px 2px 4px rgba(0,0,0,.3);position:relative;z-index:2}.insights-content{max-width:800px;margin:0 auto;text-align:center;position:relative;z-index:2}.insights-content p{font-size:1.1em;line-height:1.8;margin-bottom:25px;color:#bdc3c7;text-shadow:1px 1px 2px rgba(0,0,0,.2)}.anaheim-services-grid-enhanced{display:grid;grid-template-columns:repeat(auto-fit,minmax(370px,1fr));gap:40px;margin-top:50px}.anaheim-service-item-enhanced{background:#fff;padding:45px 35px;border-radius:20px;text-decoration:none;color:inherit;box-shadow:0 15px 35px rgba(0,0,0,.08);transition:all .3s ease;border-top:5px solid #d32f2f;position:relative;display:block}.anaheim-service-item-enhanced:hover{transform:translateY(-8px);box-shadow:0 25px 50px rgba(0,0,0,.12);text-decoration:none;color:inherit}.anaheim-service-item-enhanced h3{color:var(--primary-color);font-size:1.4em;margin-bottom:15px;font-weight:600}.anaheim-service-item-enhanced p{color:var(--text-medium);line-height:1.6;margin-bottom:20px}.service-pricing{background:var(--accent-color);color:#fff;padding:8px 16px;border-radius:20px;display:inline-block;font-weight:600;margin-bottom:15px;font-size:.9em}.service-benefits{display:flex;flex-direction:column;gap:8px}.service-benefits span{color:var(--primary-color);font-size:.9em;font-weight:500}@media (max-width:768px){.anaheim-hero{height:90vh;padding:20px 0}.anaheim-hero-content{padding:30px 20px}.anaheim-hero-content h1{font-size:2.8rem;margin-bottom:25px;padding:0 10px}.anaheim-hero-content p{font-size:1.3rem;margin-bottom:35px;padding:0 15px}.anaheim-cta-buttons{flex-direction:column;gap:20px;padding:0 15px}.anaheim-cta-button,.anaheim-cta-button-alt{width:100%;max-width:280px;padding:18px 25px;font-size:1rem}.anaheim-main-content{padding:80px 0}.anaheim-content-container{padding:0 20px}.anaheim-intro-section{padding:30px 15px;margin-bottom:60px}.anaheim-intro-section h1{font-size:2.5rem;margin-bottom:30px;padding:0 10px}.anaheim-highlight-box{padding:35px 25px;margin:40px 15px}.anaheim-trust-badges{grid-template-columns:1fr;gap:20px;margin:40px 0;padding:0 15px}.anaheim-features-section{padding:80px 0}.anaheim-features-section h2{font-size:2.3rem;margin-bottom:50px;padding:0 15px}.anaheim-features-container{grid-template-columns:1fr;gap:35px;padding:0 20px}.anaheim-feature-item{padding:40px 25px}.anaheim-services-section-compact{padding:80px 0}.anaheim-services-container{padding:0 20px}.anaheim-services-title{font-size:2.3rem;padding:0 15px}.anaheim-services-grid-enhanced{grid-template-columns:1fr;gap:30px;margin-top:40px}.anaheim-service-item-enhanced{padding:35px 25px}.anaheim-testimonials-section{padding:80px 0}.anaheim-testimonials-container{padding:0 20px}.anaheim-testimonials-container h2{font-size:2.3rem;margin-bottom:50px;padding:0 15px}}@media (max-width:480px){.anaheim-hero-content h1{font-size:2.3rem}.anaheim-hero-content p{font-size:1.2rem}.anaheim-intro-section h1{font-size:2.2rem}.anaheim-features-section h2,.anaheim-services-title,.anaheim-testimonials-container h2{font-size:2rem}.anaheim-highlight-box{padding:30px 20px}.anaheim-feature-item,.anaheim-service-item-enhanced{padding:30px 20px}}.anaheim-featured-content{background:#fff;padding:50px;margin:40px 0;border-radius:var(--border-radius);box-shadow:var(--box-shadow)}.featured-snippet-content h3{color:var(--primary-color);font-size:1.4rem;margin:30px 0 15px 0;font-weight:600}.featured-snippet-content ol,.featured-snippet-content ul{margin:20px 0;padding-left:25px}.featured-snippet-content ol li,.featured-snippet-content ul li{margin-bottom:10px;line-height:1.6}.pricing-breakdown{background:#f8f9fa;padding:30px;border-radius:8px;margin:20px 0;border-left:4px solid var(--primary-color)}.authority-indicators{background:linear-gradient(135deg,#f8f9fa,#e9ecef);padding:40px;margin:30px 0;border-radius:var(--border-radius)}.credentials h3{color:var(--primary-color);margin-bottom:20px;font-size:1.3rem}.credentials-list{list-style:none;padding:0}.credentials-list li{display:flex;align-items:center;margin-bottom:12px;font-size:1rem}.credentials-list i{color:var(--secondary-color);margin-right:12px;width:20px}.anaheim-local-content{background:#fff;padding:60px 50px;margin:60px 0;border-radius:20px;box-shadow:0 15px 40px rgba(0,0,0,.1);border-left:6px solid var(--primary-color);position:relative}.anaheim-local-content h2{color:var(--primary-color);font-size:2.5rem;font-weight:800;margin-bottom:50px;text-align:center;position:relative}.anaheim-local-content h2::after{content:'';position:absolute;bottom:-15px;left:50%;transform:translateX(-50%);width:80px;height:4px;background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));border-radius:2px}.anaheim-local-content h3{color:var(--primary-color);font-size:1.8rem;font-weight:700;margin:40px 0 25px 0;padding-bottom:10px;border-bottom:2px solid #f0f0f0}.local-news-section{margin:40px 0}.news-items{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:30px;margin-top:30px}.news-item{background:linear-gradient(135deg,#f8f9fa,#fff);padding:35px 30px;border-radius:15px;border-left:5px solid var(--secondary-color);box-shadow:0 8px 25px rgba(0,0,0,.08);transition:transform .3s ease,box-shadow .3s ease}.news-item:hover{transform:translateY(-5px);box-shadow:0 15px 35px rgba(0,0,0,.12)}.news-item h4{color:var(--primary-color);font-size:1.3rem;font-weight:700;margin-bottom:15px;line-height:1.3}.news-item p{color:var(--text-medium);font-size:1rem;line-height:1.7;margin:0}.local-partnerships-expanded{margin:50px 0}.partnership-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:25px;margin-top:30px}.partnership-item{background:#fff;padding:30px 25px;border-radius:12px;border:2px solid #f0f0f0;transition:all .3s ease;position:relative;overflow:hidden}.partnership-item::before{content:'';position:absolute;top:0;left:0;width:4px;height:0;background:linear-gradient(135deg,var(--accent-color),#ffc107);transition:height .3s ease}.partnership-item:hover{border-color:var(--primary-color);transform:translateY(-3px);box-shadow:0 10px 25px rgba(0,0,0,.1)}.partnership-item:hover::before{height:100%}.partnership-item h4{color:var(--primary-color);font-size:1.2rem;font-weight:700;margin-bottom:12px;line-height:1.3}.partnership-item p{color:var(--text-medium);font-size:.95rem;line-height:1.6;margin:0}.local-statistics{margin:50px 0;background:linear-gradient(135deg,#f8f9fa,#e9ecef);padding:50px 40px;border-radius:20px;border:1px solid #dee2e6}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:25px;margin:40px 0}.stat-item{text-align:center;padding:35px 25px;background:#fff;border-radius:15px;box-shadow:0 8px 25px rgba(0,0,0,.08);border-top:4px solid var(--secondary-color);transition:transform .3s ease,box-shadow .3s ease;position:relative;overflow:hidden}.stat-item::before{content:'';position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,var(--secondary-color),var(--accent-color))}.stat-item:hover{transform:translateY(-5px);box-shadow:0 15px 35px rgba(0,0,0,.12)}.stat-number{font-size:3rem;font-weight:800;color:var(--primary-color);margin-bottom:15px;text-shadow:2px 2px 4px rgba(0,0,0,.1)}.stat-label{font-size:1rem;color:var(--text-medium);line-height:1.5;font-weight:500}.community-partnerships{background:#fff;padding:40px;border-radius:15px;margin:30px 0;border-left:5px solid var(--accent-color);box-shadow:0 8px 25px rgba(0,0,0,.08)}.community-partnerships p{font-size:1.1rem;color:var(--text-dark);font-weight:600;margin-bottom:20px}.community-partnerships ul{margin:0;padding-left:25px}.community-partnerships li{margin-bottom:12px;line-height:1.7;color:var(--text-medium);font-size:1rem;position:relative}.community-partnerships li::marker{color:var(--primary-color);font-weight:700}.coverage-areas-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:25px;margin:30px 0}.coverage-area-card{background:#fff;border-radius:15px;padding:30px 25px;box-shadow:0 10px 30px rgba(0,0,0,.08);transition:all .3s ease;border-left:4px solid var(--primary-color);position:relative;overflow:hidden;display:flex;align-items:flex-start;gap:20px}.coverage-area-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px rgba(0,0,0,.12);border-left-color:var(--secondary-color)}.coverage-area-card::before{content:'';position:absolute;top:0;right:0;width:60px;height:60px;background:linear-gradient(135deg,rgba(209,50,40,.1),rgba(209,50,40,.05));border-radius:0 0 0 60px;transition:all .3s ease}.coverage-area-card:hover::before{width:80px;height:80px;background:linear-gradient(135deg,rgba(209,50,40,.15),rgba(209,50,40,.08))}.area-icon{flex-shrink:0;width:60px;height:60px;background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));border-radius:12px;display:flex;align-items:center;justify-content:center;position:relative;z-index:2;transition:all .3s ease}.coverage-area-card:hover .area-icon{background:linear-gradient(135deg,var(--secondary-color),#b71c1c);transform:scale(1.05)}.area-icon i{font-size:24px;color:#fff}.area-content{flex:1}.area-content h4{color:var(--primary-color);font-size:1.3rem;font-weight:700;margin-bottom:10px;line-height:1.3;transition:color .3s ease}.coverage-area-card:hover .area-content h4{color:var(--secondary-color)}.area-content p{color:var(--text-medium);font-size:1rem;line-height:1.6;margin:0}@media (max-width:768px){.coverage-areas-grid{grid-template-columns:1fr;gap:20px;margin:25px 0}.coverage-area-card{padding:25px 20px;flex-direction:column;text-align:center;gap:15px}.area-icon{width:50px;height:50px;margin:0 auto}.area-icon i{font-size:20px}.area-content h4{font-size:1.2rem}.area-content p{font-size:.95rem}}@media (max-width:480px){.coverage-area-card{padding:20px 15px}.area-content h4{font-size:1.1rem}}@media (max-width:992px){.news-items{grid-template-columns:1fr;gap:25px}.partnership-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.stats-grid{grid-template-columns:repeat(2,1fr);gap:20px}}@media (max-width:768px){.anaheim-local-content{padding:40px 25px;margin:40px 0}.anaheim-local-content h2{font-size:2rem;margin-bottom:35px}.anaheim-local-content h3{font-size:1.5rem;margin:30px 0 20px 0}.news-item{padding:25px 20px}.partnership-item{padding:25px 20px}.partnership-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:1fr;gap:20px}.stat-number{font-size:2.5rem}.anaheim-featured-content,.anaheim-local-content,.authority-indicators{padding:30px 20px}.local-statistics{padding:35px 25px}.community-partnerships{padding:30px 20px}}@media (max-width:576px){.anaheim-local-content{padding:30px 20px}.anaheim-local-content h2{font-size:1.8rem}.anaheim-local-content h3{font-size:1.3rem}.news-item h4{font-size:1.2rem}.partnership-item h4{font-size:1.1rem}.stat-item{padding:25px 20px}.stat-number{font-size:2.2rem}.local-statistics{padding:25px 20px}}.anaheim-cta-section{padding:var(--section-padding);background:linear-gradient(135deg,#2c3e50,#34495e);color:#fff;text-align:center;position:relative;overflow:hidden;box-shadow:inset 0 0 100px rgba(0,0,0,.4)}.anaheim-cta-section::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;opacity:.05;z-index:1}.anaheim-cta-container{max-width:800px;margin:0 auto;padding:0 20px;position:relative;z-index:2}.anaheim-cta-content{background-color:transparent;border-radius:20px;padding:40px;color:#fff}.anaheim-cta-content h2{font-size:2.5rem;font-weight:700;margin-bottom:20px;color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,.8)}.anaheim-cta-content p{font-size:1.2rem;line-height:1.7;margin-bottom:40px;max-width:600px;margin-left:auto;margin-right:auto;color:#fff;text-shadow:1px 1px 3px rgba(0,0,0,.8)}.anaheim-cta-buttons{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}.anaheim-cta-call,.anaheim-cta-quote{padding:15px 30px;font-size:1.1rem;font-weight:600;border-radius:50px;transition:var(--transition);text-decoration:none;display:inline-flex;align-items:center;gap:10px}.anaheim-cta-call{background:linear-gradient(135deg,#00bcd4,#0097a7);color:#fff;box-shadow:0 5px 15px rgba(0,188,212,.3)}.anaheim-cta-quote{background:linear-gradient(135deg,#ff7043,#ff5722);color:#fff;border:2px solid transparent;box-shadow:0 5px 15px rgba(255,112,67,.3)}.anaheim-cta-call:hover,.anaheim-cta-quote:hover{transform:translateY(-5px);text-decoration:none}.anaheim-cta-call:hover{box-shadow:0 10px 20px rgba(0,188,212,.4);background:linear-gradient(135deg,#0097a7,#00838f);color:#fff}.anaheim-cta-quote:hover{background:linear-gradient(135deg,#ff5722,#e64a19);color:#fff;box-shadow:0 10px 20px rgba(255,87,34,.4)}.anaheim-cta-call i,.anaheim-cta-quote i{font-size:1.1rem}.badge{background-color:var(--secondary-color);color:#fff;padding:5px 15px;border-radius:20px;font-size:.9rem;margin-bottom:20px;display:inline-block;text-transform:uppercase;font-weight:600}.area-card{background:#fff;padding:30px;border-radius:10px;box-shadow:0 4px 15px rgba(0,0,0,.08);transition:transform .3s ease,box-shadow .3s ease;text-align:center}.area-card:hover{transform:translateY(-5px);box-shadow:0 10px 25px rgba(0,0,0,.12)}.area-card:first-child{background-color:var(--secondary-color);color:#fff}.area-card i{font-size:2rem;margin-bottom:20px;color:inherit}.area-card h3{font-size:1.3rem;margin-bottom:15px;font-weight:600}.area-card p{color:inherit;opacity:.9;line-height:1.5}.section-description{max-width:800px;margin:0 auto 40px;color:#666;font-size:1.1rem;line-height:1.6}.anaheim-testimonials-slider{overflow:hidden;position:relative}.slider-navigation{position:relative;z-index:5}.anaheim-testimonial-item{display:none;position:relative;top:0;left:0;width:100%}.anaheim-testimonial-item.active{display:block;animation:fadeSlide .5s ease forwards}@keyframes fadeSlide{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1200px){.anaheim-areas-grid,.anaheim-features-container,.anaheim-services-grid,.anaheim-testimonials-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:992px){.anaheim-hero-content h1{font-size:3rem}.anaheim-hero-content p{font-size:1.2rem}.anaheim-highlight-box{flex-direction:column;gap:20px}.highlight-icon{text-align:center;width:auto}.anaheim-intro-section{padding:40px 30px}.anaheim-banner-content h2{font-size:2.2rem}}.dublin-security-landscape,.security-landscape-section{background:linear-gradient(135deg,#f5f7fa 0,#fff 100%);padding:80px 0;position:relative;overflow:hidden}.dublin-security-landscape::before,.security-landscape-section::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 50%,rgba(0,51,102,.03) 0,transparent 50%),radial-gradient(circle at 80% 80%,rgba(209,32,40,.03) 0,transparent 50%);pointer-events:none}.landscape-container{max-width:1200px;margin:0 auto;padding:0 20px;position:relative;z-index:1}.landscape-header{text-align:center;margin-bottom:50px}.landscape-header h3{font-size:2.5rem;font-weight:800;color:var(--primary-color,#036);margin-bottom:15px;line-height:1.2}.header-accent{width:80px;height:4px;background:linear-gradient(90deg,var(--secondary-color,#d12028),var(--accent-color,#f8b133));margin:0 auto;border-radius:2px}.landscape-content{background:#fff;border-radius:16px;padding:50px;box-shadow:0 20px 60px rgba(0,0,0,.08);border:1px solid rgba(0,51,102,.08)}.landscape-intro{font-size:1.25rem;font-weight:600;color:var(--primary-color,#036);margin-bottom:25px;line-height:1.8}.landscape-main p{font-size:1.1rem;color:var(--text-medium,#555);line-height:1.8;margin-bottom:20px}.security-considerations{margin-top:50px}.security-considerations h4{font-size:2rem;font-weight:700;color:var(--primary-color,#036);margin-bottom:40px;text-align:center}.considerations-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:30px;margin-top:30px}.consideration-item{background:linear-gradient(135deg,#fff 0,#f8f9fa 100%);padding:30px;border-radius:12px;border:2px solid transparent;transition:all .4s cubic-bezier(.4, 0, .2, 1);position:relative;overflow:hidden}.consideration-item::before{content:'';position:absolute;top:0;left:0;width:4px;height:0;background:linear-gradient(180deg,var(--secondary-color,#d12028),var(--accent-color,#f8b133));transition:height .4s cubic-bezier(.4, 0, .2, 1)}.consideration-item:hover{transform:translateY(-8px);box-shadow:0 20px 40px rgba(0,51,102,.15);border-color:rgba(0,51,102,.1)}.consideration-item:hover::before{height:100%}.consideration-icon{width:70px;height:70px;border-radius:50%;background:linear-gradient(135deg,var(--primary-color,#036) 0,var(--primary-light,#048) 100%);display:flex;align-items:center;justify-content:center;margin-bottom:20px;transition:all .4s ease;box-shadow:0 10px 25px rgba(0,51,102,.2)}.consideration-item:hover .consideration-icon{transform:scale(1.1) rotate(5deg);box-shadow:0 15px 35px rgba(0,51,102,.3)}.consideration-icon i{font-size:2rem;color:#fff}.consideration-text h5{font-size:1.35rem;font-weight:700;color:var(--primary-color,#036);margin-bottom:12px;line-height:1.3}.consideration-text p{font-size:1rem;color:var(--text-medium,#555);line-height:1.7;margin:0}.community-partnerships{background:linear-gradient(135deg,#f8f9fa 0,#fff 100%);padding:35px;border-radius:12px;margin-top:50px;border-left:4px solid var(--secondary-color,#d12028)}.community-partnerships p{font-weight:600;color:var(--primary-color,#036);margin-bottom:20px;font-size:1.15rem}.community-partnerships ul{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:15px}.community-partnerships li{padding:12px 0 12px 35px;position:relative;font-size:1.05rem;color:var(--text-dark,#333);line-height:1.6}.community-partnerships li::before{content:'\f0c1';font-family:'Font Awesome 5 Free';font-weight:900;position:absolute;left:0;color:var(--secondary-color,#d12028);font-size:1.1rem}.success-stories{margin-top:50px}.success-stories h4{font-size:2rem;font-weight:700;color:var(--primary-color,#036);margin-bottom:30px;text-align:center}.success-story{background:#fff;padding:30px;border-radius:12px;margin-bottom:25px;border-left:5px solid var(--accent-color,#f8b133);box-shadow:0 10px 30px rgba(0,0,0,.08);transition:all .3s ease;position:relative;overflow:hidden}.success-story::before{content:'\f091';font-family:'Font Awesome 5 Free';font-weight:900;position:absolute;top:20px;right:20px;font-size:3rem;color:rgba(248,177,51,.1)}.success-story:hover{transform:translateX(10px);box-shadow:0 15px 40px rgba(0,0,0,.12);border-left-width:8px}.success-story p{margin:0;font-size:1.05rem;line-height:1.8;color:var(--text-dark,#333)}.success-story strong{color:var(--primary-color,#036);font-weight:700;font-size:1.1rem}@media (max-width:1024px){.landscape-content{padding:40px 30px}.considerations-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:25px}}@media (max-width:768px){.landscape-header h3{font-size:2rem}.landscape-content{padding:30px 20px}.landscape-intro{font-size:1.1rem}.security-considerations h4,.success-stories h4{font-size:1.6rem}.considerations-grid{grid-template-columns:1fr;gap:20px}.consideration-item{padding:25px 20px}.community-partnerships ul{grid-template-columns:1fr}}@media (max-width:480px){.dublin-security-landscape,.security-landscape-section{padding:50px 0}.landscape-header h3{font-size:1.75rem}.consideration-icon{width:60px;height:60px}.consideration-icon i{font-size:1.75rem}.consideration-text h5{font-size:1.2rem}}.cities-list:hover a:not(:hover){opacity:.7}.anaheim-feature-item:nth-child(2n)::before{background:var(--secondary-color)}.anaheim-service-item:hover img{transform:scale(1.03);transition:transform .5s ease}.area-learn-more i{transition:transform .3s ease}.area-learn-more:hover i{transform:translateX(3px)}.anaheim-faq-item:last-child{margin-bottom:0}.local-proof-section{padding:50px 0;background:#f8f9fa}.local-proof-section .container{max-width:1200px;margin:0 auto;padding:0 15px}.local-proof-section .local-proof-content{background:#fff;border-radius:12px;padding:40px;box-shadow:0 2px 15px rgba(0,0,0,.06)}.local-proof-section h3{color:#1a3c6e;margin-bottom:20px;font-size:1.5rem;font-weight:600;display:flex;align-items:center}.local-proof-section h3 i{color:#28a745;margin-right:10px;font-size:1.4rem}.local-proof-section p{font-size:1.05rem;line-height:1.7;color:#444;margin-bottom:15px}.local-proof-section p:last-child{margin-bottom:0}@media (max-width:768px){.local-proof-section{padding:40px 0}.local-proof-section .local-proof-content{padding:30px 20px}.local-proof-section h3{font-size:1.3rem}.local-proof-section h3 i{margin-right:8px}.local-proof-section p{font-size:1rem}}@media (max-width:576px){.local-proof-section{padding:30px 0}.local-proof-section .local-proof-content{padding:25px 15px}.local-proof-section h3{font-size:1.2rem}}.sw-breadcrumb{background:#f8f9fa;border-bottom:1px solid #e5e5e5;padding:12px 0;font-size:.95rem}.sw-breadcrumb ol{list-style:none;margin:0;padding:0 15px;max-width:1140px;margin-left:auto;margin-right:auto;display:flex;flex-wrap:wrap;align-items:center}.sw-breadcrumb li{display:inline}.sw-breadcrumb li+li::before{content:"›";color:#999;padding:0 8px}.sw-breadcrumb a{color:#1a3c6e;text-decoration:none;font-weight:500}.sw-breadcrumb a:hover{text-decoration:underline}.sw-breadcrumb li[aria-current=page]{color:#555}.sw-stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin:30px 0;padding:0 15px;max-width:1140px;margin-left:auto;margin-right:auto}.sw-stat-card{background:#fff;border:1px solid #e5e5e5;border-left:4px solid #d4af37;border-radius:8px;padding:22px 20px;box-shadow:0 2px 12px rgba(0,0,0,.05)}.sw-stat-card .sw-stat-num{display:block;color:#1a3c6e;font-size:1.9rem;font-weight:800;line-height:1.1;margin-bottom:6px;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.sw-stat-card .sw-stat-label{display:block;color:#444;font-size:.95rem;line-height:1.4}.sw-stat-card .sw-src{display:block;margin-top:8px;font-size:.8rem}.sw-local-context{background:#f8f9fa;border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5}.sw-local-context p{color:#444;line-height:1.7;font-size:.97rem}.sw-local-table{width:100%;border-collapse:collapse;margin:30px 0;background:#fff;border:1px solid #e5e5e5;border-radius:8px;overflow:hidden;font-size:.95rem}.sw-local-table thead{background:#1a3c6e;color:#fff}.sw-local-table th{padding:14px 16px;text-align:left;font-weight:600;font-size:.95rem}.sw-local-table td{padding:14px 16px;border-top:1px solid #eee;color:#444;line-height:1.6;vertical-align:top}.sw-local-table tbody tr:nth-child(2n){background:#f8f9fa}@media (max-width:640px){.sw-local-table thead{display:none}.sw-local-table tr{display:block;margin-bottom:16px;border-top:1px solid #eee}.sw-local-table td{display:block;border-top:none;padding:8px 16px}.sw-local-table td:first-child{font-weight:700;color:#1a3c6e;padding-top:14px}}.sw-pullquote{background:#f8f9fa;border-left:4px solid #1a3c6e;border-radius:0 8px 8px 0;margin:30px 0;padding:22px 26px;font-style:normal;color:#2a2a2a;font-size:1.08rem;line-height:1.7}.sw-pullquote p{margin:0 0 12px 0}.sw-pullquote cite,.sw-pullquote footer{display:block;margin-top:10px;font-size:.9rem;color:#555;font-style:normal;font-weight:600}.sw-pullquote cite::before{content:"— "}.sw-why-hire{background:#fff;border-radius:12px;padding:30px;box-shadow:0 4px 16px rgba(0,0,0,.06);margin:30px 0}.sw-why-hire h2,.sw-why-hire h3{color:#1a3c6e;margin-bottom:18px;font-weight:700}.sw-why-hire ul{list-style:none;padding:0;margin:0}.sw-why-hire-item{padding:14px 0 14px 32px;border-bottom:1px solid #f0f0f0;position:relative;color:#444;line-height:1.65}.sw-why-hire-item:last-child{border-bottom:none}.sw-why-hire-item::before{content:"✓";position:absolute;left:0;top:14px;color:#28a745;font-weight:700;font-size:1.15rem}.sw-service-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin:30px 0}.sw-service-card{background:#fff;border-radius:12px;padding:24px;box-shadow:0 4px 16px rgba(0,0,0,.07);border-top:3px solid #d4af37;transition:transform .15s ease,box-shadow .15s ease}.sw-service-card:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,0,0,.1)}.sw-service-card h3{color:#1a3c6e;font-size:1.12rem;font-weight:700;margin-bottom:12px}.sw-service-card p{color:#555;line-height:1.65;margin:0 0 10px 0;font-size:.95rem}.sw-service-card a{display:inline-block;margin-top:8px;color:#1a3c6e;font-weight:600;text-decoration:none;font-size:.9rem}.sw-service-card a:hover{color:#d4af37;text-decoration:underline}.sw-faq-item{background:#fff;border:1px solid #e5e5e5;border-radius:8px;margin-bottom:12px;padding:0;overflow:hidden}.sw-faq-item summary{padding:16px 22px;cursor:pointer;font-weight:600;color:#1a3c6e;list-style:none;position:relative;padding-right:50px;outline:0}.sw-faq-item summary::-webkit-details-marker{display:none}.sw-faq-item summary::after{content:"+";position:absolute;right:22px;top:50%;transform:translateY(-50%);font-size:1.5rem;color:#d4af37;font-weight:400;line-height:1;transition:transform .2s ease}.sw-faq-item[open] summary::after{content:"−"}.sw-faq-item summary:focus-visible{box-shadow:inset 0 0 0 2px #d4af37}.sw-faq-item .sw-faq-answer{padding:0 22px 18px 22px;color:#444;line-height:1.7;font-size:.97rem}.sw-callout{background:#fff8e1;border-left:4px solid #d4af37;border-radius:0 8px 8px 0;padding:18px 22px;margin:24px 0;color:#5a4a1a;line-height:1.7;font-size:.97rem}.sw-callout strong{color:#1a3c6e}.sw-callout a{color:#1a3c6e;font-weight:600}.sw-callout--alert{background:#fdecea;border-left-color:#d32f2f;color:#5a1a1a}.sw-nearby-cities{padding:30px;background:#fff;border-radius:12px;box-shadow:0 4px 16px rgba(0,0,0,.06);margin:30px 0}.sw-nearby-cities h2,.sw-nearby-cities h3{color:#1a3c6e;font-size:1.4rem;margin-bottom:18px;font-weight:700}.sw-nearby-cities ul{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px}.sw-nearby-cities li{padding:10px 14px;background:#f8f9fa;border-radius:6px;border-left:3px solid #1a3c6e;font-size:.95rem;line-height:1.5}.sw-nearby-cities li a{color:#1a3c6e;font-weight:700;text-decoration:none}.sw-nearby-cities li a:hover{color:#d4af37}.sw-nearby-cities li .sw-nearby-note{display:block;color:#666;font-size:.85rem;font-weight:400;margin-top:2px}.sw-blog-links{padding:30px;background:linear-gradient(135deg,#f8f9fa 0,#eef2f7 100%);border-radius:12px;margin:30px 0}.sw-blog-links h2,.sw-blog-links h3{color:#1a3c6e;font-size:1.4rem;margin-bottom:18px;font-weight:700}.sw-blog-links ul{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}.sw-blog-links li{background:#fff;padding:18px;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.05);border-top:3px solid #d4af37}.sw-blog-links li a{display:block;color:#1a3c6e;font-weight:700;font-size:1.02rem;text-decoration:none;margin-bottom:6px}.sw-blog-links li a:hover{color:#d4af37}.sw-blog-links li p{color:#555;font-size:.92rem;line-height:1.55;margin:0 0 8px 0}.sw-blog-links li .sw-read-more{font-size:.88rem;font-weight:600;color:#1a3c6e}.sw-last-updated{text-align:center;color:#777;font-size:.88rem;margin:18px 0 0 0;font-style:italic}.sw-src{font-size:.82rem;color:#777;margin-left:4px}.sw-src a{color:#1a3c6e;text-decoration:underline;text-decoration-color:rgba(26,60,110,0.3)}.sw-src a:hover{text-decoration-color:#d4af37}.sw-section{padding:50px 0}.sw-section .container{max-width:1140px}.sw-section h2{color:#1a3c6e;font-weight:700;margin-bottom:24px}.sw-section-alt{background:#f8f9fa;border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5}.sw-trust{background:#fff}.sw-trust p{color:#444;line-height:1.7;font-size:.97rem}.sw-faq{background:#f8f9fa;border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5}.sw-intro{background:#fff}.sw-intro p{color:#333;line-height:1.8;font-size:1rem;margin-bottom:1rem}.sw-intro p:last-child{margin-bottom:0}.sw-bar{display:flex;flex-wrap:wrap;gap:14px;align-items:center;margin:16px 0;padding:14px 18px;background:#1a3c6e;color:#fff;border-radius:8px}.sw-bar strong{color:#d4af37}.sw-bar a{color:#d4af37;text-decoration:underline}@media (max-width:768px){.sw-stat-card{padding:18px 16px}.sw-stat-card .sw-stat-num{font-size:1.6rem}.sw-why-hire{padding:22px}.sw-blog-links,.sw-nearby-cities{padding:22px}}.cw-dir{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.cw-dir a{display:inline-block;padding:6px 14px;border-radius:20px;font-size:.85rem;font-weight:500;line-height:1.4;background:var(--cw-deep,#0b3040);color:var(--cw-accent-soft,#e8c86a);text-decoration:none;border:1px solid var(--cw-brand,#2e7d32);transition:background .18s,color .18s}.cw-dir a:hover{background:var(--cw-brand,#2e7d32);color:#fff}.sw-cta{background:#1a3c6e;color:#fff;text-align:center}.sw-cta-inner{max-width:720px;margin:0 auto}.sw-cta h2{color:#fff!important;font-size:1.75rem;font-weight:700;margin-bottom:14px}.sw-cta p{color:rgba(255,255,255,.88);font-size:1.05rem;line-height:1.7;margin-bottom:28px}.sw-cta p a{color:#d4af37;font-weight:600;text-decoration:none}.sw-cta p a:hover{text-decoration:underline}.sw-btn-primary{display:inline-block;padding:14px 36px;background:#d4af37;color:#1a3c6e!important;font-size:1rem;font-weight:700;border-radius:4px;text-decoration:none!important;letter-spacing:.02em;transition:background .2s,transform .15s,box-shadow .2s;box-shadow:0 3px 10px rgba(0,0,0,.25)}.sw-btn-primary:hover{background:#c9a22e;transform:translateY(-2px);box-shadow:0 6px 16px rgba(0,0,0,.3);text-decoration:none!important}.sw-btn-primary:focus{outline:3px solid #fff;outline-offset:3px}.sw-nearby{background:#f7f8fa}.sw-nearby h2{font-size:1.5rem;margin-bottom:28px}.sw-nearby-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:18px}.sw-nearby-card{display:block;padding:22px 20px;background:#fff;border:1px solid #dde3ec;border-radius:8px;text-decoration:none!important;color:inherit;transition:border-color .2s,box-shadow .2s,transform .15s}.sw-nearby-card:hover{border-color:#1a3c6e;box-shadow:0 4px 16px rgba(26,60,110,.12);transform:translateY(-2px);text-decoration:none!important}.sw-nearby-card h3{font-size:1rem;font-weight:700;color:#1a3c6e;margin:0 0 8px}.sw-nearby-card p{font-size:.875rem;color:#555;margin:0;line-height:1.5}@media (max-width:576px){.sw-nearby-grid{grid-template-columns:1fr 1fr}.sw-cta h2{font-size:1.4rem}}.sw-trust-list{list-style:none;padding:0;margin:0 0 20px}.sw-trust-list li{padding:10px 0 10px 28px;position:relative;border-bottom:1px solid #e8ecf0;color:#333;line-height:1.6;font-size:.97rem}.sw-trust-list li:last-child{border-bottom:none}.sw-trust-list li::before{content:"\f058";font-family:"Font Awesome 6 Free";font-weight:900;color:#d4af37;position:absolute;left:0;top:11px}.sw-911-disclaimer{background:#fff8e1;border-left:4px solid #d4af37}.sw-911-disclaimer p{margin:0;color:#444;font-size:.95rem;line-height:1.65}.sw-city-why{--sw-why-fg:#1a2230;--sw-why-muted:#4a5568;--sw-why-accent:#d4af37;--sw-why-surface:rgba(255,255,255,0.7);--sw-why-border:rgba(212,175,55,0.3);padding:4rem 1.5rem;background:#f4f7fb;color:var(--sw-why-fg);position:relative}.sw-city-why::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#d4af37,#f0c040,#d4af37)}.sw-city-why__inner{max-width:800px;margin:0 auto}.sw-city-why__heading{font-size:clamp(1.4rem, 2.4vw, 1.9rem);line-height:1.25;margin:0 0 1.75rem;font-weight:700;color:#0d1b2a;padding-left:1rem;border-left:4px solid var(--sw-why-accent)}.sw-city-why__p{font-size:1.05rem;line-height:1.8;margin:0 0 1.25rem;color:var(--sw-why-fg)}.sw-city-why__p strong{color:var(--sw-why-accent);font-weight:700}.sw-city-why__entities{margin-top:2rem;padding:1.25rem 1.5rem;background:var(--sw-why-surface);border:1px solid var(--sw-why-border);border-radius:8px}.sw-city-why__subhead{font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;color:var(--sw-why-accent);margin:0 0 .5rem;font-weight:700}.sw-city-why__entities-text{font-size:.95rem;line-height:1.6;margin:0;color:var(--sw-why-muted)}.sw-city-why__note{margin-top:1.75rem;padding:1rem 1.25rem;border-left:4px solid var(--sw-why-accent);background:rgba(212,175,55,.07);border-radius:0 8px 8px 0}.sw-city-why__note-label{display:inline-block;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;font-weight:700;color:var(--sw-why-accent);margin-bottom:.35rem}.sw-city-why__note-text{font-size:.95rem;font-style:italic;line-height:1.6;margin:0;color:var(--sw-why-fg)}@media (max-width:600px){.sw-city-why{padding:2.5rem 1rem}}/* ============================================================
ShieldWise — City page HERO (scoped redesign)
Pilot: Rancho Cucamonga. All rules namespaced under .cwh-hero
so nothing leaks into shared/global CSS. Do NOT edit global files.
============================================================ */
.cwh-hero{
--navy:#0F2742; --ink:#081A2C; --abyss:#050F1B;
--gold:#C9A227; --gold-bright:#E8C95A;
--paper:#F5F1E6; --mist:#A8BACB;
--line:rgba(201,162,39,.38);
position:relative;
overflow:hidden;
background:var(--abyss);
color:var(--paper);
font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
-webkit-font-smoothing:antialiased;
border-top:2px solid var(--gold);
display:flex;flex-direction:column;
min-height:min(920px,94vh);
}
.cwh-hero *{margin:0;padding:0;box-sizing:border-box}
.cwh-hero a:focus-visible{outline:2px solid var(--gold-bright);outline-offset:3px;border-radius:2px}
/* ── ambient layers ───────────────────────────────── */
.cwh-backdrop{
position:absolute;inset:0;
background-image:url('/img/hero/rancho-hero-bg.jpg');
background-size:cover;background-position:center 40%;
opacity:.78;
filter:brightness(1.35);
transform-origin:center;
animation:cwh-drift 30s ease-out forwards;
}
@keyframes cwh-drift{from{transform:scale(1.12)}to{transform:scale(1.02)}}
.cwh-veil{
position:absolute;inset:0;
background:
radial-gradient(900px 640px at 78% 34%, rgba(201,162,39,.13), transparent 64%),
linear-gradient(82deg, var(--abyss) 0%, rgba(5,15,27,.55) 34%, rgba(5,15,27,.32) 58%, rgba(8,26,44,.18) 100%),
linear-gradient(0deg, var(--abyss) 0%, rgba(5,15,27,0) 26%);
}
.cwh-griddots{
position:absolute;inset:0;opacity:.07;pointer-events:none;
background-image:
linear-gradient(rgba(168,186,203,.5) 1px, transparent 1px),
linear-gradient(90deg, rgba(168,186,203,.5) 1px, transparent 1px);
background-size:72px 72px;
mask-image:radial-gradient(1100px 700px at 70% 40%, #000 30%, transparent 75%);
-webkit-mask-image:radial-gradient(1100px 700px at 70% 40%, #000 30%, transparent 75%);
}
/* ── layout ───────────────────────────────────────── */
.cwh-stage{
position:relative;z-index:2;flex:1;
max-width:1340px;width:100%;margin:0 auto;
padding:clamp(48px,7vh,84px) 32px clamp(40px,6vh,64px);
display:grid;
grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr);
gap:clamp(36px,4.5vw,72px);
align-items:center;
}
/* ── left: copy ───────────────────────────────────── */
.cwh-eyebrow{
display:flex;align-items:center;gap:14px;
font-size:12.5px;font-weight:600;letter-spacing:.3em;text-transform:uppercase;
color:var(--gold);
}
.cwh-eyebrow::before{content:'';width:44px;height:1px;background:var(--gold)}
.cwh-hero h1{
font-family:'Archivo',sans-serif;
margin-top:24px;line-height:.95;letter-spacing:-.012em;text-wrap:balance;
}
.cwh-kicker{
display:block;
font-size:clamp(19px,2.1vw,28px);
font-weight:500;letter-spacing:.01em;color:var(--mist);
margin-bottom:12px;
}
.cwh-cityname{
display:block;
font-size:clamp(50px,6.6vw,98px);
font-weight:900;text-transform:uppercase;
background:linear-gradient(173deg,#FFFFFF 28%,#D8CBA4 76%,var(--gold) 112%);
-webkit-background-clip:text;background-clip:text;
-webkit-text-fill-color:transparent;color:transparent;
}
.cwh-state{
font-family:'Inter',sans-serif;
display:inline-block;vertical-align:super;
font-size:clamp(12px,1.1vw,15px);
font-weight:700;letter-spacing:.34em;color:var(--gold);
-webkit-text-fill-color:var(--gold);
border:1px solid var(--line);
padding:5px 9px 5px 12px;border-radius:2px;
margin-left:13px;transform:translateY(-1.15em);
}
.cwh-descriptor{
font-family:'Inter',sans-serif;
margin-top:20px;max-width:600px;
font-size:clamp(16px,1.35vw,19px);font-weight:600;line-height:1.5;
color:var(--paper);
}
.cwh-rule{
margin-top:26px;height:2px;width:92px;background:var(--gold);
transform-origin:left;animation:cwh-draw 1s .8s cubic-bezier(.2,.7,.2,1) both;
}
@keyframes cwh-draw{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.cwh-sub{
margin-top:22px;max-width:560px;
font-size:clamp(15px,1.3vw,17.5px);line-height:1.74;color:#D5DEE7;
}
.cwh-sub strong{color:var(--paper);font-weight:600}
.cwh-ctas{margin-top:34px;display:flex;align-items:center;gap:15px;flex-wrap:wrap}
.cwh-btn{
font-weight:700;font-size:15px;letter-spacing:.04em;text-decoration:none;
border-radius:3px;display:inline-flex;align-items:center;gap:10px;
transition:transform .2s,box-shadow .25s,background .25s,border-color .25s;
}
.cwh-btn-gold{
background:linear-gradient(140deg,var(--gold-bright),var(--gold) 60%);
color:var(--ink);padding:17px 32px;
box-shadow:0 10px 32px -10px rgba(201,162,39,.55);
}
.cwh-btn-gold:hover{transform:translateY(-2px);box-shadow:0 16px 42px -10px rgba(201,162,39,.72)}
.cwh-btn-gold svg{width:16px;height:16px;fill:var(--ink)}
.cwh-btn-ghost{
color:var(--paper);padding:16px 26px;
border:1px solid rgba(245,241,230,.32);
}
.cwh-btn-ghost:hover{border-color:var(--gold);background:rgba(201,162,39,.07)}
.cwh-btn-ghost svg{width:15px;height:15px;fill:var(--gold)}
.cwh-trust{
margin-top:38px;max-width:600px;
display:flex;flex-wrap:wrap;column-gap:28px;row-gap:12px;
border-top:1px solid rgba(168,186,203,.16);
padding-top:18px;list-style:none;
}
.cwh-trust li{
display:flex;align-items:center;gap:9px;
font-size:12px;font-weight:600;letter-spacing:.15em;text-transform:uppercase;
color:var(--mist);
}
.cwh-trust b{color:var(--paper);font-weight:600;letter-spacing:.15em}
.cwh-trust svg{width:13px;height:15px;fill:none;stroke:var(--gold);stroke-width:1.6;flex:none}
/* ── right: monitor-wall mosaic ───────────────────── */
.cwh-wall{
display:grid;
grid-template-columns:1.18fr .92fr;
gap:18px;
align-self:center;
}
.cwh-col{display:flex;flex-direction:column;gap:18px}
.cwh-col-b{transform:translateY(34px)}
.cwh-tile{
position:relative;border-radius:5px;overflow:hidden;
background:var(--ink);
border:1px solid rgba(168,186,203,.18);
box-shadow:0 24px 60px -28px rgba(0,0,0,.85);
transition:transform .35s cubic-bezier(.2,.7,.2,1),border-color .35s,box-shadow .35s;
}
.cwh-tile:hover{transform:translateY(-5px);border-color:var(--line);box-shadow:0 32px 70px -26px rgba(0,0,0,.95)}
.cwh-tile-img{
width:100%;height:auto;display:block;object-fit:cover;
transition:transform 6s ease;
}
.cwh-tile:hover .cwh-tile-img{transform:scale(1.06)}
.cwh-t-team .cwh-tile-img{aspect-ratio:645/541}
.cwh-t-control .cwh-tile-img{aspect-ratio:645/470}
.cwh-t-walk .cwh-tile-img{aspect-ratio:428/456}
.cwh-t-gate .cwh-tile-img{aspect-ratio:431/344}
.cwh-tile::after{
content:'';position:absolute;inset:auto 0 0 0;height:46%;
background:linear-gradient(0deg, rgba(5,15,27,.88) 0%, transparent 100%);
pointer-events:none;
}
.cwh-tag{
position:absolute;left:14px;bottom:12px;z-index:2;
display:flex;align-items:center;gap:9px;
font-size:10.5px;font-weight:700;letter-spacing:.24em;text-transform:uppercase;
color:var(--paper);
}
.cwh-tag::before{content:'';width:6px;height:6px;background:var(--gold);transform:rotate(45deg)}
.cwh-corner{position:absolute;width:16px;height:16px;z-index:2;opacity:.85;pointer-events:none}
.cwh-corner path{stroke:var(--gold);stroke-width:2;fill:none}
.cwh-c-tl{top:9px;left:9px}.cwh-c-tr{top:9px;right:9px;transform:rotate(90deg)}
.cwh-c-br{bottom:9px;right:9px;transform:rotate(180deg)}.cwh-c-bl{bottom:9px;left:9px;transform:rotate(270deg)}
/* ── choreography ─────────────────────────────────── */
.cwh-rise{opacity:0;transform:translateY(26px);animation:cwh-rise .9s cubic-bezier(.2,.7,.2,1) forwards}
@keyframes cwh-rise{to{opacity:1;transform:none}}
.cwh-d1{animation-delay:.12s}.cwh-d2{animation-delay:.26s}.cwh-d3{animation-delay:.42s}
.cwh-d4{animation-delay:.58s}.cwh-d5{animation-delay:.74s}
.cwh-reveal{
opacity:0;clip-path:inset(14% 14% 14% 14%);
animation:cwh-reveal 1s cubic-bezier(.2,.7,.2,1) forwards;
}
@keyframes cwh-reveal{to{opacity:1;clip-path:inset(0 0 0 0)}}
.cwh-r1{animation-delay:.5s}.cwh-r2{animation-delay:.68s}
.cwh-r3{animation-delay:.86s}.cwh-r4{animation-delay:1.04s}
@media (prefers-reduced-motion: reduce){
.cwh-hero .cwh-backdrop,.cwh-hero .cwh-rise,.cwh-hero .cwh-reveal,
.cwh-hero .cwh-rule,.cwh-hero .cwh-tile-img{animation:none !important;transition:none !important}
.cwh-hero .cwh-rise,.cwh-hero .cwh-reveal{opacity:1;transform:none;clip-path:none}
}
/* ── responsive ───────────────────────────────────── */
@media (max-width:1060px){
.cwh-stage{grid-template-columns:1fr;gap:46px;align-items:start}
.cwh-col-b{transform:translateY(0)}
.cwh-wall{max-width:680px}
}
@media (max-width:640px){
.cwh-stage{padding:44px 20px 40px}
.cwh-sub{font-size:15px}
.cwh-ctas{gap:12px}
.cwh-btn-gold,.cwh-btn-ghost{width:100%;justify-content:center}
.cwh-state{margin-left:8px;transform:translateY(-.7em);padding:4px 7px 4px 10px}
.cwh-wall{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;
margin:0 -20px;padding:0 20px 8px;max-width:none;
scrollbar-width:none}
.cwh-wall::-webkit-scrollbar{display:none}
.cwh-col{flex-direction:row;gap:14px;display:contents}
.cwh-tile{flex:0 0 78%;scroll-snap-align:center}
.cwh-tile .cwh-tile-img{aspect-ratio:4/3;height:auto}
}
/* ============================================================
ShieldWise — City page BODY MODULES (scoped, design-only)
Namespaced .cwh-creds / .cwh-services / .cwh-links / .cwh-totop
Light-theme body sections that match the existing page palette
(#1a3c6e navy, #d4af37 gold). No global/shared file touched.
============================================================ */
/* ── credentials strip (under hero) ───────────────── */
.cwh-creds{background:#0F2742;color:#EAF0F6;padding:30px 0;border-bottom:3px solid #C9A227}
.cwh-creds-inner{max-width:1140px;margin:0 auto;padding:0 24px;display:grid;grid-template-columns:auto 1fr;gap:24px 44px;align-items:center}
.cwh-creds-badges{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:12px}
.cwh-creds-badges li{display:inline-flex;align-items:center;gap:9px;background:rgba(255,255,255,.05);border:1px solid rgba(201,162,39,.42);border-radius:5px;padding:10px 16px;font-size:13px;font-weight:600;letter-spacing:.02em;color:#EAF0F6}
.cwh-creds-badges svg{width:15px;height:17px;fill:none;stroke:#C9A227;stroke-width:1.6;flex:none}
.cwh-creds-badges b{color:#E8C95A;font-weight:700;margin-left:2px}
.cwh-creds-text{margin:0;font-size:14.5px;line-height:1.66;color:#C7D3DE;max-width:780px}
@media (max-width:860px){.cwh-creds-inner{grid-template-columns:1fr;gap:18px}}
/* ── services grid (Solana Beach-style cards) ─────── */
.cwh-services{padding:66px 0;background:#f7f9fc}
.cwh-services-inner{max-width:1140px;margin:0 auto;padding:0 24px}
.cwh-services h2{color:#1a3c6e;font-size:1.9rem;font-weight:800;text-align:center;margin:0 0 10px;line-height:1.25}
.cwh-svc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-top:44px}
.cwh-svc-card{display:flex;align-items:center;gap:18px;background:#fff;border:1px solid #e6e9ef;border-left:4px solid #1a3c6e;border-radius:10px;padding:28px 28px;text-decoration:none;color:#1a3c6e;box-shadow:0 4px 16px rgba(0,0,0,.05);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
.cwh-svc-card:hover,.cwh-svc-card:focus-visible{transform:translateY(-4px);box-shadow:0 14px 30px rgba(0,0,0,.1);border-left-color:#d4af37;color:#1a3c6e;text-decoration:none;outline:none}
.cwh-svc-card:focus-visible{box-shadow:0 0 0 3px rgba(212,175,55,.5)}
.cwh-svc-ico{flex:none;width:54px;height:54px;border-radius:9px;background:linear-gradient(135deg,#eef2f8,#dfe7f3);display:flex;align-items:center;justify-content:center;color:#1a3c6e;font-size:1.32rem;transition:background .25s ease,color .25s ease}
.cwh-svc-card:hover .cwh-svc-ico,.cwh-svc-card:focus-visible .cwh-svc-ico{background:linear-gradient(135deg,#d4af37,#c9a227);color:#fff}
.cwh-svc-title{font-size:1.08rem;font-weight:700;line-height:1.34}
.cwh-svc-all{text-align:center;margin-top:38px}
.cwh-svc-all a{display:inline-flex;align-items:center;gap:9px;font-weight:700;color:#1a3c6e;font-size:1.05rem;text-decoration:none;border-bottom:2px solid transparent;padding-bottom:2px;transition:color .2s ease,border-color .2s ease}
.cwh-svc-all a:hover,.cwh-svc-all a:focus-visible{color:#b8941f;border-color:#d4af37;outline:none}
@media (max-width:920px){.cwh-svc-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:560px){.cwh-svc-grid{grid-template-columns:1fr}}
/* ── internal links section ───────────────────────── */
.cwh-links{padding:58px 0;background:#fff}
.cwh-links-inner{max-width:1140px;margin:0 auto;padding:0 24px}
.cwh-links h2{color:#1a3c6e;font-size:1.5rem;font-weight:800;margin:0 0 24px}
.cwh-links-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(248px,1fr));gap:14px}
.cwh-link-item{display:flex;align-items:center;gap:13px;padding:16px 18px;border:1px solid #e6e9ef;border-radius:9px;background:#f7f9fc;text-decoration:none;color:#1a3c6e;font-weight:600;line-height:1.4;transition:transform .2s ease,border-color .2s ease,background .2s ease,box-shadow .2s ease}
.cwh-link-item:hover,.cwh-link-item:focus-visible{border-color:#d4af37;background:#fff;transform:translateX(3px);box-shadow:0 6px 18px rgba(0,0,0,.07);color:#1a3c6e;text-decoration:none;outline:none}
.cwh-link-item:focus-visible{box-shadow:0 0 0 3px rgba(212,175,55,.5)}
.cwh-link-ico{flex:none;width:38px;height:38px;border-radius:8px;background:#eef2f8;display:flex;align-items:center;justify-content:center;color:#d4af37;font-size:1rem}
/* ── back-to-top (scoped to these city pages) ─────── */
.cwh-totop{position:fixed;bottom:26px;right:26px;width:48px;height:48px;border:none;border-radius:50%;background:linear-gradient(140deg,#E8C95A,#C9A227 60%);color:#0F2742;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;visibility:hidden;transform:translateY(12px);transition:opacity .3s ease,transform .3s ease,visibility .3s ease,box-shadow .3s ease;box-shadow:0 8px 24px -8px rgba(201,162,39,.6);z-index:1000}
.cwh-totop.is-visible{opacity:1;visibility:visible;transform:none}
.cwh-totop:hover{box-shadow:0 12px 30px -8px rgba(201,162,39,.85);transform:translateY(-3px)}
.cwh-totop:focus-visible{outline:2px solid #0F2742;outline-offset:3px}
.cwh-totop svg{width:20px;height:20px;fill:#0F2742}
@media (prefers-reduced-motion:reduce){.cwh-totop{transition:opacity .2s ease,visibility .2s ease}}
/* ============================================================
ShieldWise — Content section redesign (Rancho pilot)
Namespaced: .cwh-content / .cwh-process / .cwh-info-card /
.cwh-licensing / .cwh-emergency / .cwh-pullquote / .cwh-reviewed
No shared CSS touched. Rancho Cucamonga only.
============================================================ */
/* ── section wrapper ──────────────────────────────────── */
.cwh-content{background:#f8f9fb;padding:68px 0}
.cwh-content-inner{max-width:900px;margin:0 auto;padding:0 24px}
/* ── approach heading ─────────────────────────────────── */
.cwh-approach-head{margin-bottom:40px}
.cwh-approach-eyebrow{display:block;font-size:11.5px;font-weight:700;letter-spacing:.3em;text-transform:uppercase;color:#d4af37;margin-bottom:10px}
.cwh-approach-h2{color:#1a3c6e;font-size:1.9rem;font-weight:800;line-height:1.2;margin:0 0 14px}
.cwh-approach-intro{font-size:1.02rem;line-height:1.75;color:#4a5568;max-width:680px;margin:0}
/* ── process timeline card ────────────────────────────── */
.cwh-process{position:relative;background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:28px 28px 8px;box-shadow:0 2px 12px rgba(0,0,0,.05);margin-bottom:48px}
.cwh-process::before{content:'';position:absolute;left:calc(28px + 21px);top:62px;bottom:48px;width:1px;background:rgba(26,60,110,.14)}
.cwh-process-step{position:relative;display:flex;gap:16px;padding-bottom:28px}
.cwh-process-step:last-child{padding-bottom:20px}
.cwh-process-icon{flex:none;width:44px;height:44px;border-radius:50%;background:#1a3c6e;display:flex;align-items:center;justify-content:center;color:#fff;font-size:.95rem;position:relative;z-index:1;box-shadow:0 3px 8px rgba(26,60,110,.25)}
.cwh-process-content{padding-top:2px}
.cwh-process-meta{display:flex;align-items:center;gap:10px;margin-bottom:5px}
.cwh-process-step-label{font-size:10.5px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:#d4af37;white-space:nowrap}
.cwh-process-step-title{font-size:1rem;font-weight:700;color:#1a3c6e;margin:0}
.cwh-process-step-body{font-size:.95rem;line-height:1.7;color:#4a5568;margin:0}
/* ── coverage heading ─────────────────────────────────── */
.cwh-coverage-h3{font-size:1.25rem;font-weight:800;color:#1a3c6e;margin:0 0 20px}
/* ── info cards (2-up) ────────────────────────────────── */
.cwh-info-pair{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:48px}
.cwh-info-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:24px;box-shadow:0 2px 10px rgba(0,0,0,.04)}
.cwh-info-card-head{display:flex;align-items:center;gap:14px;margin-bottom:14px}
.cwh-info-card-icon{flex:none;width:48px;height:48px;border-radius:10px;background:rgba(26,60,110,.08);display:flex;align-items:center;justify-content:center;font-size:1.25rem;color:#1a3c6e}
.cwh-info-card-title{font-size:1.05rem;font-weight:700;color:#1a3c6e;margin:0}
.cwh-info-card-body{font-size:.95rem;line-height:1.72;color:#4a5568;margin:0}
@media (max-width:640px){.cwh-info-pair{grid-template-columns:1fr}}
/* ── licensing panel ──────────────────────────────────── */
.cwh-licensing{background:#fff;border:1px solid #e2e8f0;border-radius:14px;overflow:hidden;box-shadow:0 2px 10px rgba(0,0,0,.04);margin-bottom:40px}
.cwh-licensing-header{display:flex;align-items:center;gap:12px;background:#1a3c6e;padding:18px 28px}
.cwh-licensing-header i{color:#d4af37;font-size:1.15rem}
.cwh-licensing-header h3{color:#fff;font-size:1.05rem;font-weight:700;margin:0}
.cwh-licensing-list{list-style:none;margin:0;padding:0}
.cwh-licensing-item{display:flex;align-items:flex-start;gap:12px;padding:15px 28px;border-top:1px solid #f0f4fa}
.cwh-licensing-item i{color:#d4af37;font-size:1rem;margin-top:2px;flex:none}
.cwh-licensing-item span{font-size:.95rem;line-height:1.65;color:#2d3748}
/* ── emergency callout ────────────────────────────────── */
.cwh-emergency{display:flex;align-items:flex-start;gap:14px;background:#fff8e6;border-left:4px solid #d4af37;border-radius:10px;padding:18px 20px;margin-bottom:40px}
.cwh-emergency i{color:#b8860b;font-size:1.2rem;margin-top:2px;flex:none}
.cwh-emergency p{font-size:.97rem;line-height:1.7;color:#374151;margin:0}
.cwh-emergency strong{color:#1a3c6e;font-weight:700}
/* ── pullquote ────────────────────────────────────────── */
.cwh-pullquote{background:#1a3c6e;border-radius:16px;padding:36px 36px 32px;margin:0 0 28px}
.cwh-pullquote blockquote{margin:0;font-size:1.08rem;font-style:italic;font-weight:300;line-height:1.8;color:#fff}
.cwh-pullquote figcaption{display:flex;align-items:center;gap:14px;margin-top:20px}
.cwh-pullquote-rule{display:block;width:32px;height:1px;background:#d4af37;flex:none}
.cwh-pullquote-name{display:block;font-size:.95rem;font-weight:700;color:#d4af37;font-style:normal}
.cwh-pullquote-role{display:block;font-size:.85rem;color:rgba(255,255,255,.7)}
@media (max-width:560px){.cwh-pullquote{padding:28px 22px 24px}.cwh-pullquote blockquote{font-size:1rem}}
/* ── last-reviewed footer ─────────────────────────────── */
.cwh-reviewed{font-size:.875rem;color:#9ca3af;margin:0}
.cwh-reviewed a{color:#1a3c6e;font-weight:600;text-decoration:underline}
.cwh-reviewed a:hover{color:#b8941f}
/* ============================================================
ShieldWise — HERO VARIANT B: Full-bleed photo overlay
For coastal / waterfront / destination cities. Single photo
fills the frame, directional dark gradient, copy left-aligned.
Reuses all .cwh-hero tokens, buttons, trust list, animations.
============================================================ */
.cwh-hero-b{min-height:min(820px,90vh)}
.cwh-hero-b .cwh-backdrop{opacity:.82;background-position:center 18%;background-image:none}
.cwh-hero-b .cwh-veil{
background:
radial-gradient(820px 600px at 82% 38%, rgba(201,162,39,.10), transparent 62%),
linear-gradient(86deg, var(--abyss) 0%, rgba(5,15,27,.80) 28%, rgba(5,15,27,.32) 58%, rgba(8,26,44,.10) 100%),
linear-gradient(0deg, var(--abyss) 0%, rgba(5,15,27,0) 28%);
}
.cwh-hero-b .cwh-stage{grid-template-columns:1fr;align-items:center}
.cwh-hero-b .cwh-copy{max-width:780px}
.cwh-hero-b .cwh-cityname{font-size:clamp(54px,7.3vw,110px)}
.cwh-hero-b .cwh-descriptor,.cwh-hero-b .cwh-sub,.cwh-hero-b .cwh-trust{max-width:640px}
/* ============================================================
ShieldWise — HERO VARIANT C: Editorial type-led
For dense urban / business-district cities. City name is the
visual anchor; no mosaic; a 3-item sector icon strip replaces
the photo wall. Near-invisible backdrop texture.
============================================================ */
.cwh-hero-c{min-height:min(720px,84vh)}
.cwh-hero-c .cwh-backdrop{opacity:.07;background-position:center center;background-image:none}
.cwh-hero-c .cwh-veil{
background:
radial-gradient(900px 620px at 50% 30%, rgba(201,162,39,.10), transparent 66%),
linear-gradient(180deg, rgba(5,15,27,.72) 0%, rgba(8,26,44,.5) 60%, var(--abyss) 100%);
}
.cwh-hero-c .cwh-stage{grid-template-columns:1fr;align-items:center}
.cwh-hero-c .cwh-copy{max-width:940px}
.cwh-hero-c .cwh-cityname{font-size:clamp(58px,8.4vw,128px)}
.cwh-icon-strip{
display:flex;flex-wrap:wrap;gap:0;margin-top:34px;max-width:780px;
border:1px solid rgba(168,186,203,.18);border-radius:6px;overflow:hidden;
background:rgba(8,26,44,.4);
}
.cwh-icon-strip-item{display:flex;align-items:center;gap:13px;padding:16px 22px;flex:1 1 0;min-width:210px}
.cwh-icon-strip-item + .cwh-icon-strip-item{border-left:1px solid rgba(168,186,203,.18)}
.cwh-icon-strip-item i{color:var(--gold);font-size:1.18rem;flex:none}
.cwh-icon-strip-label{font-size:12.5px;font-weight:600;letter-spacing:.03em;color:var(--paper);line-height:1.45}
@media (max-width:640px){
.cwh-icon-strip-item{flex:1 1 100%}
.cwh-icon-strip-item + .cwh-icon-strip-item{border-left:none;border-top:1px solid rgba(168,186,203,.18)}
}