/* Reset and Base Styles */*{margin:0;padding:0;box-sizing:border-box;}/* Responsive Base */html{font-size:16px;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}body{font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;line-height:1.6;color:var(--charcoal);background-color:var(--white);overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;position:relative;}/* Fixed background overlay to prevent flash */body::after{content:'';position:fixed;top:0;left:0;right:0;bottom:0;background-image:url('images/hero_image_desktop.webp');background-size:cover;background-position:center center;background-repeat:no-repeat;background-attachment:fixed;opacity:0.08;z-index:-2;pointer-events:none;will-change:transform;}/* Very light overlay to make the background image subtle */body::before{content:'';position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(255,255,255,0.92);z-index:-1;pointer-events:none;}/* Keyframe Animations */@keyframes fadeIn{from{opacity:0;}to{opacity:1;}}@keyframes slideInFromTop{from{transform:translateY(-30px);opacity:0;}to{transform:translateY(0);opacity:1;}}@keyframes slideInFromBottom{from{transform:translateY(30px);opacity:0;}to{transform:translateY(0);opacity:1;}}@keyframes slideInFromLeft{from{transform:translateX(-30px);opacity:0;}to{transform:translateX(0);opacity:1;}}@keyframes slideInFromRight{from{transform:translateX(30px);opacity:0;}to{transform:translateX(0);opacity:1;}}@keyframes pulse{0%{transform:scale(1);}50%{transform:scale(1.05);}100%{transform:scale(1);}}@keyframes bounce{0%,20%,50%,80%,100%{transform:translateY(0);}40%{transform:translateY(-5px);}60%{transform:translateY(-3px);}}@keyframes glow{0%{box-shadow:0 2px 8px rgba(201,173,62,0.25);}50%{box-shadow:0 4px 20px rgba(201,173,62,0.4);}100%{box-shadow:0 2px 8px rgba(201,173,62,0.25);}}@keyframes gradientShift{0%{background-position:0% 50%;}50%{background-position:100% 50%;}100%{background-position:0% 50%;}}@keyframes float{0%,100%{transform:translateY(0px);}50%{transform:translateY(-5px);}}@keyframes popIn{0%{opacity:0;transform:translateY(20px) scale(0.8);}50%{transform:translateY(-5px) scale(1.05);}100%{opacity:1;transform:translateY(0px) scale(1);}}/* Color Variables - Golden Yellow Professional Theme */:root{--golden-yellow:#c9ad3e;/* Primary golden yellow for branding and CTA */ --dark-golden:#a08b2f;/* Darker golden for hover states */ --white:#FFFFFF;/* Pure white for clean backgrounds */ --light-gray:#F4F6F8;/* Light grey for alternating sections */ --border-gray:#E5E7EB;/* Border grey for subtle elements */ --charcoal:#1F2937;/* Charcoal for text and footer */ --soft-golden:#f5f0d6;/* Soft golden for hover backgrounds */ --text-dark:var(--charcoal);/* Primary text color */ --text-muted:#6B7280;/* Muted grey for secondary text */ /* Button and component colors */ --primary-color:var(--golden-yellow);--primary-hover:var(--dark-golden);--background-alt:var(--light-gray);--border-color:var(--border-gray);/* Legacy support - gradually replace these */ --navy:var(--charcoal);--navy-light:var(--charcoal);--navy-dark:var(--charcoal);--metallic-gray:var(--border-gray);--fresh-green:var(--golden-yellow);--fresh-green-dark:var(--dark-golden);--fresh-green-light:var(--soft-golden);--primary-green:var(--golden-yellow);--primary-green-light:var(--soft-golden);--primary-green-dark:var(--dark-golden);--accent-green:var(--golden-yellow);--success:var(--golden-yellow);--safety-green:var(--golden-yellow);--safety-green-light:var(--soft-golden);--text-light:var(--text-muted);--medium-gray:var(--border-gray);/* New golden variables for consistency */ --light-red:var(--golden-yellow);--dark-red:var(--dark-golden);--soft-peach:var(--soft-golden);}/* Typography - Enhanced for SEO and Accessibility */h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.2;color:var(--charcoal);margin-bottom:1rem;}h1{font-size:2.75rem;font-weight:700;color:var(--charcoal);text-shadow:0 1px 2px rgba(0,0,0,0.1);}/* Explicit font-size for h1 in sectioning elements to prevent deprecation warnings */section h1,article h1,aside h1,nav h1{font-size:2.75rem;/* Same as base h1 for consistency */}h2{font-size:2.25rem;font-weight:600;color:var(--charcoal);}h3{font-size:1.5rem;font-weight:600;color:var(--charcoal);}p{color:var(--charcoal);line-height:1.7;font-size:1rem;margin-bottom:1rem;}/* Enhanced text contrast for accessibility */.text-high-contrast{color:var(--charcoal);font-weight:500;}.text-medium-contrast{color:var(--charcoal);}.text-light-contrast{color:var(--text-muted);}/* Layout */.container{max-width:1200px;margin:0 auto;padding:0 20px;width:100%;}/* Responsive Images */img{max-width:100%;height:auto;display:block;}/* Responsive Typography */html{font-size:16px;}@media (max-width:768px){html{font-size:17px;}}@media (max-width:480px){html{font-size:18px;}}/* Header */.header{background-color:#FAFBFC;background:linear-gradient(135deg,#FAFBFC 0%,#F8F9FA 100%);box-shadow:0 2px 10px rgba(0,0,0,0.1);border-bottom:1px solid var(--border-gray);position:fixed;top:0;left:0;right:0;z-index:1000;animation:slideInFromTop 0.6s ease-out;}.nav{padding:1rem 0;}.nav-container{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:0 20px;}.nav-logo h2{color:var(--charcoal);font-size:1.5rem;font-weight:700;}/* Professional Text Logo Design - Enhanced Colors */.logo{display:flex;align-items:center;cursor:pointer;transition:all 0.3s ease;padding:0.5rem;border-radius:10px;position:relative;animation:slideInFromLeft 0.8s ease-out 0.2s both;}.logo:hover{transform:translateY(-2px);background-color:rgba(201,173,62,0.08);box-shadow:0 4px 12px rgba(201,173,62,0.15);animation:pulse 2s infinite;}/* Logo Text Styling */.logo-text{display:flex;flex-direction:column;line-height:1;text-decoration:none;color:inherit;}.logo-mobile{display:none;flex-direction:column;line-height:1;text-decoration:none;color:inherit;}.logo-mobile:hover{text-decoration:none;color:inherit;}.logo-main{font-size:1.8rem;font-weight:700;color:var(--charcoal);background:linear-gradient(135deg,var(--charcoal) 0%,var(--golden-yellow) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 1px 2px rgba(0,0,0,0.1);transition:all 0.3s ease;}.logo-sub{font-size:0.85rem;font-weight:500;color:var(--golden-yellow);text-transform:uppercase;letter-spacing:0.5px;margin-top:-2px;}.nav-menu{display:flex;list-style:none;gap:2rem;animation:slideInFromRight 0.8s ease-out 0.4s both;}.nav-link{text-decoration:none;color:var(--charcoal);font-weight:500;transition:all 0.3s ease;position:relative;opacity:0;animation:fadeIn 0.6s ease-out 0.6s both;}.nav-link:hover,.nav-link.active{color:var(--golden-yellow);transform:translateY(-2px);}.nav-link.active::after{content:'';position:absolute;bottom:-8px;left:0;right:0;height:2px;background-color:var(--golden-yellow);animation:slideInFromLeft 0.4s ease-out;}.nav-phone{background-color:var(--golden-yellow);color:var(--white);padding:0.75rem 1.5rem;border-radius:8px;text-decoration:none;font-weight:600;transition:all 0.3s ease;display:flex;align-items:center;gap:0.5rem;box-shadow:0 2px 8px rgba(201,173,62,0.2);animation:slideInFromRight 0.8s ease-out 0.5s both,glow 3s infinite;}.nav-phone:hover{background-color:var(--dark-golden);transform:translateY(-2px);box-shadow:0 4px 15px rgba(201,173,62,0.3);}.phone-icon{font-size:1rem;}.phone-number{display:inline;}.phone-text-mobile{display:none;}.hamburger{display:none;flex-direction:column;cursor:pointer;padding:8px;margin:-8px;border-radius:4px;transition:background-color 0.1s ease-out;}.hamburger:hover{background-color:rgba(0,0,0,0.05);}.hamburger:active{background-color:rgba(0,0,0,0.1);}.hamburger span{width:25px;height:3px;background-color:var(--charcoal);margin:3px 0;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);transform-origin:center;}.hamburger span[style]{width:auto;height:auto;background:none;margin:0;display:flex;align-items:center;justify-content:center;color:var(--charcoal);transition:all 0.3s ease;}.hamburger:hover span[style]{color:var(--golden-yellow);transform:scale(1.1);}/* Buttons - Enhanced Contrast and Accessibility */.btn{display:inline-block;padding:1rem 2rem;border-radius:8px;text-decoration:none;font-weight:600;text-align:center;border:none;cursor:pointer;transition:all 0.3s ease;font-size:1rem;position:relative;overflow:hidden;animation:slideInFromBottom 0.8s ease-out;}.btn::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.2),transparent);transition:left 0.5s;}.btn:hover::before{left:100%;}.btn:focus{outline:3px solid var(--soft-golden);outline-offset:2px;}.btn-primary{background-color:var(--golden-yellow);color:var(--white);border:2px solid var(--golden-yellow);box-shadow:0 2px 8px rgba(201,173,62,0.25);}.btn-primary:hover{background-color:var(--dark-golden);border-color:var(--dark-golden);transform:translateY(-2px);box-shadow:0 4px 15px rgba(201,173,62,0.35);}.btn-secondary{background-color:var(--white);color:var(--golden-yellow);border:2px solid var(--golden-yellow);font-weight:600;box-shadow:0 2px 8px rgba(0,0,0,0.1);}.btn-secondary:hover{background-color:var(--golden-yellow);color:var(--white);transform:translateY(-2px);box-shadow:0 4px 15px rgba(201,173,62,0.3);}/* CTA Button - Golden Yellow for "Request a Quote" */.btn-cta{background-color:var(--golden-yellow);color:var(--white);border:2px solid var(--golden-yellow);box-shadow:0 2px 8px rgba(201,173,62,0.25);}.btn-cta:hover{background-color:var(--dark-golden);border-color:var(--dark-golden);transform:translateY(-2px);box-shadow:0 4px 15px rgba(201,173,62,0.35);}.btn-full{width:100%;}/* Hero Section - Desktop Hero Image with Responsive Behavior */.hero{background:linear-gradient(135deg,rgba(201,173,62,0.6) 0%,rgba(31,41,55,0.6) 100%);background-size:cover;background-position:center center;background-repeat:no-repeat;background-attachment:fixed;color:var(--white);padding:160px 0 120px;text-align:center;position:relative;animation:gradientShift 8s ease infinite;min-height:70vh;overflow:hidden;}/* LCP optimized hero background image */.hero-background-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center center;z-index:-2;filter:brightness(1.15);}.hero::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(201,173,62,0.6) 0%,rgba(31,41,55,0.6) 100%);z-index:-1;pointer-events:none;}.hero-content{position:relative;z-index:2;animation:slideInFromBottom 1s ease-out 0.3s both;}.hero-content h1{color:var(--white);margin-bottom:1.5rem;max-width:800px;margin-left:auto;margin-right:auto;text-shadow:0 2px 4px rgba(0,0,0,0.3);animation:slideInFromBottom 1.2s ease-out 0.5s both;}.hero-subtitle{font-size:1.25rem;color:rgba(255,255,255,0.95);margin-bottom:2.5rem;max-width:600px;margin-left:auto;margin-right:auto;font-weight:400;line-height:1.6;animation:slideInFromBottom 1.2s ease-out 0.7s both;}.hero-cta{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;animation:slideInFromBottom 1.2s ease-out 0.9s both;}/* Page Header - Light Grey Background */.page-header{background:var(--light-gray);padding:160px 0 80px;text-align:center;border-bottom:1px solid var(--border-color);}.page-header h1{margin-bottom:1rem;color:var(--charcoal);}.page-header p{font-size:1.25rem;color:var(--text-muted);font-weight:400;max-width:600px;margin:0 auto;}/* Hero Responsive Behavior for Desktop Screens *//* Extra Large Screens (1600px+) */@media (min-width:1600px){.hero{min-height:80vh;padding:200px 0 140px;background-position:center top;}.hero-content h1{font-size:4rem;max-width:1000px;}.hero-subtitle{font-size:1.5rem;max-width:700px;}}/* Large Desktop Screens (1200px - 1599px) */@media (min-width:1200px) and (max-width:1599px){.hero{min-height:75vh;padding:180px 0 130px;background-position:center center;}.hero-content h1{font-size:3.5rem;max-width:900px;}.hero-subtitle{font-size:1.375rem;max-width:650px;}}/* Medium Desktop Screens (992px - 1199px) */@media (min-width:992px) and (max-width:1199px){.hero{min-height:70vh;padding:160px 0 120px;background-position:center center;}.hero-content h1{font-size:3rem;max-width:800px;}.hero-subtitle{font-size:1.25rem;max-width:600px;}}/* Small Desktop/Large Tablet (768px - 991px) */@media (min-width:768px) and (max-width:991px){.hero{min-height:60vh;padding:140px 0 100px;background-attachment:scroll;background-position:center center;}.hero-content h1{font-size:2.5rem;max-width:700px;}.hero-subtitle{font-size:1.125rem;max-width:550px;}}/* Mobile Devices (below 768px) */@media (max-width:767px){.hero{min-height:50vh;padding:200px 0 80px;background-attachment:scroll;background-position:center center;background-size:cover;}.hero-content h1{font-size:2.5rem;max-width:100%;line-height:1.3;}.hero-subtitle{font-size:1.2rem;max-width:100%;}}/* Ultra-wide screens (2560px+) */@media (min-width:2560px){.hero{min-height:85vh;padding:250px 0 160px;background-position:center center;background-size:cover;}.hero-content h1{font-size:5rem;max-width:1200px;}.hero-subtitle{font-size:1.75rem;max-width:800px;}}/* Trust Badges - Enhanced Visibility */.trust-badges{background-color:rgba(255,255,255,0.95);backdrop-filter:blur(10px);padding:60px 0;border-bottom:1px solid var(--border-gray);}.trust-badges .section-title{text-align:center;font-size:2.5rem;font-weight:700;color:var(--charcoal);margin-bottom:3rem;line-height:1.2;}.badges-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(200px,100%),1fr));gap:2rem;text-align:center;}.badge{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:1.5rem;border-radius:12px;transition:all 0.4s cubic-bezier(0.175,0.885,0.32,1.275);opacity:0;animation:slideInFromBottom 0.8s ease-out both;cursor:pointer;background-color:transparent;}.badge:nth-child(1){animation-delay:0.2s;}.badge:nth-child(2){animation-delay:0.4s;}.badge:nth-child(3){animation-delay:0.6s;}.badge:hover{transform:translateY(-8px) scale(1.1);box-shadow:0 15px 40px rgba(201,173,62,0.3);background-color:rgba(201,173,62,0.05);border-radius:20px;}.badge:hover .badge-icon{transform:scale(1.2);box-shadow:0 8px 25px rgba(201,173,62,0.5);background:linear-gradient(135deg,var(--light-red) 0%,#ff6b6b 50%,var(--charcoal) 100%);filter:brightness(1.3);}.badge:hover span{color:var(--light-red);font-weight:700;transform:scale(1.05);text-shadow:0 1px 3px rgba(201,173,62,0.3);}.badge-icon{font-size:2.5rem;background:linear-gradient(135deg,var(--light-red) 0%,var(--charcoal) 100%);color:var(--white);width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 15px rgba(201,173,62,0.25);animation:float 3s ease-in-out infinite;transition:all 0.4s cubic-bezier(0.175,0.885,0.32,1.275);}.badge span{font-weight:600;color:var(--charcoal);font-size:1.1rem;transition:all 0.4s cubic-bezier(0.175,0.885,0.32,1.275);text-align:center;}/* Value Cards - Light Grey Background */.value-cards{background:rgba(244,246,248,0.95);backdrop-filter:blur(10px);padding:80px 0;}.cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr));gap:2rem;}.value-card{background-color:var(--white);padding:2.5rem;border-radius:16px;text-align:center;box-shadow:0 4px 20px rgba(0,0,0,0.08);transition:all 0.3s ease;border:1px solid var(--border-gray);position:relative;overflow:hidden;opacity:0;animation:slideInFromBottom 0.8s ease-out both;}.value-card:nth-child(1){animation-delay:0.1s;}.value-card:nth-child(2){animation-delay:0.2s;}.value-card:nth-child(3){animation-delay:0.3s;}.value-card:nth-child(4){animation-delay:0.4s;}.value-card:nth-child(5){animation-delay:0.5s;}.value-card:nth-child(6){animation-delay:0.6s;}.value-card::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--light-red) 0%,var(--charcoal) 100%);}.value-card:hover{transform:translateY(-6px);box-shadow:0 12px 40px rgba(0,0,0,0.15);}.card-icon{font-size:3.5rem;margin-bottom:1.5rem;filter:grayscale(0.2);animation:float 4s ease-in-out infinite;}.value-card:nth-child(even) .card-icon{animation-delay:-2s;}.value-card h3{font-size:1.1rem;color:var(--charcoal);font-weight:600;line-height:1.4;margin-bottom:0;}/* Services Overview - Enhanced Design */.services-overview{padding:80px 0;background-color:rgba(255,255,255,0.95);backdrop-filter:blur(10px);}.services-overview h2{text-align:center;margin-bottom:3rem;color:var(--charcoal);}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(320px,100%),1fr));gap:2.5rem;}.service-card{background-color:var(--white);border-radius:16px;text-align:center;border:2px solid var(--border-gray);transition:all 0.3s ease;position:relative;overflow:hidden;opacity:0;animation:slideInFromBottom 0.8s ease-out both;display:flex;flex-direction:column;}/* Image section at the top */.service-card-image{height:200px;background-size:cover;background-position:center;background-repeat:no-repeat;position:relative;border-radius:14px 14px 0 0;}/* Text content section */.service-card-content{padding:2rem;background-color:var(--white);flex:1;display:flex;flex-direction:column;border-radius:0 0 14px 14px;}/* Background images for each service card image section */.service-card:nth-child(1) .service-card-image{background-image:url('images/security.webp');}.service-card:nth-child(2) .service-card-image{background-image:url('images/cleaning.webp');}.service-card:nth-child(3) .service-card-image{background-image:url('images/maintenance.webp');}.service-card:nth-child(1){animation-delay:0.2s;}.service-card:nth-child(2){animation-delay:0.4s;}.service-card:nth-child(3){animation-delay:0.6s;}.service-card::before{content:'';position:absolute;top:0;left:0;right:0;height:0;background:linear-gradient(90deg,var(--light-red) 0%,var(--charcoal) 100%);border-radius:2px;transition:height 0.3s ease;}.service-card:hover{border-color:var(--light-red);transform:translateY(-6px);box-shadow:0 12px 30px rgba(201,173,62,0.15);}.service-card:hover .service-card-image{transform:scale(1.05);}.service-card:hover::before{height:4px;}.service-icon{font-size:3.5rem;margin-bottom:1.5rem;filter:grayscale(0.3);transition:all 0.3s ease;animation:float 3s ease-in-out infinite;position:relative;z-index:2;}.service-card:nth-child(2) .service-icon{animation-delay:-1s;}.service-card:nth-child(3) .service-icon{animation-delay:-2s;}.service-card:hover .service-icon{filter:grayscale(0);}/* Service Images - New styling for image icons */.service-icon-container{margin-bottom:1.5rem;display:flex;justify-content:center;align-items:center;height:120px;width:100%;}.service-image{width:100%;max-width:200px;height:100px;object-fit:contain;transition:all 0.3s ease;filter:opacity(0.8);}.service-card:hover .service-image{transform:scale(1.05);filter:opacity(1);}.service-card h3{margin-bottom:1rem;color:var(--charcoal);font-weight:700;}.service-card p{margin-bottom:1.5rem;color:#333333;line-height:1.6;font-weight:500;flex:1;}.learn-more{color:#a08b2f;/* Darker golden for better contrast - WCAG AA compliant */ text-decoration:none;font-weight:700;transition:all 0.3s ease;display:inline-flex;align-items:center;gap:0.5rem;margin-top:auto;border-bottom:2px solid transparent;}.learn-more:hover{color:#8a7629;/* Even darker on hover for better visibility */ transform:translateX(4px);border-bottom-color:#8a7629;}.learn-more:focus{outline:2px solid #a08b2f;outline-offset:2px;}/* Sectors - Light Grey Background */.sectors{background:rgba(244,246,248,0.95);backdrop-filter:blur(10px);padding:80px 0;text-align:center;animation:slideInFromBottom 0.8s ease-out;}.sectors h2{margin-bottom:3rem;color:var(--charcoal);animation:slideInFromBottom 1s ease-out 0.2s both;}.sectors-list{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;max-width:800px;margin:0 auto;animation:slideInFromBottom 1.2s ease-out 0.4s both;}.sector-tag{background-color:var(--white);padding:1rem 1.5rem;border-radius:30px;font-weight:600;color:var(--charcoal);border:2px solid var(--border-color);transition:all 0.4s cubic-bezier(0.175,0.885,0.32,1.275);box-shadow:0 2px 8px rgba(0,0,0,0.05);opacity:0;transform:translateY(20px) scale(0.9);animation:popIn 0.6s ease-out both;cursor:pointer;position:relative;overflow:hidden;}/* Staggered animation delays for wave effect */.sector-tag:nth-child(1){animation-delay:0.6s;}.sector-tag:nth-child(2){animation-delay:0.7s;}.sector-tag:nth-child(3){animation-delay:0.8s;}.sector-tag:nth-child(4){animation-delay:0.9s;}.sector-tag:nth-child(5){animation-delay:1.0s;}.sector-tag:nth-child(6){animation-delay:1.1s;}.sector-tag:nth-child(7){animation-delay:1.2s;}.sector-tag:nth-child(8){animation-delay:1.3s;}.sector-tag:nth-child(9){animation-delay:1.4s;}/* Shimmer effect for sector tags */.sector-tag::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(201,173,62,0.2),transparent);transition:left 0.6s;}.sector-tag:hover::before{left:100%;}.sector-tag:hover{border-color:var(--light-red);background-color:var(--light-red);color:var(--white);transform:scale(1.15);box-shadow:0 8px 25px rgba(201,173,62,0.4);z-index:10;position:relative;}/* About Sections - Enhanced */.about-section{padding:80px 0;position:relative;overflow:hidden;}.about-section.alt-bg{background-color:var(--light-gray);}.about-content{max-width:1000px;margin:0 auto;text-align:center;}.about-content h2{margin-bottom:2rem;color:var(--charcoal);font-size:2.25rem;}.about-content p{font-size:1.15rem;line-height:1.8;color:var(--charcoal);margin-bottom:2rem;}/* About Hero Section */.about-hero{background:linear-gradient(135deg,rgba(201,173,62,0.05) 0%,rgba(31,41,55,0.05) 100%);padding:100px 0;}.about-icon{font-size:4rem;margin-bottom:2rem;animation:float 3s ease-in-out infinite;}.about-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:2rem;margin-top:3rem;max-width:600px;margin-left:auto;margin-right:auto;}.stat-item{display:flex;flex-direction:column;align-items:center;padding:1.5rem;background:var(--white);border-radius:12px;box-shadow:0 4px 15px rgba(201,173,62,0.1);transition:all 0.3s ease;animation:slideInFromBottom 0.8s ease-out both;}.stat-item:nth-child(1){animation-delay:0.2s;}.stat-item:nth-child(2){animation-delay:0.4s;}.stat-item:nth-child(3){animation-delay:0.6s;}.stat-item:hover{transform:translateY(-5px);box-shadow:0 8px 25px rgba(201,173,62,0.2);}.stat-number{font-size:2.5rem;font-weight:700;color:var(--light-red);margin-bottom:0.5rem;}.stat-label{font-size:0.9rem;font-weight:600;color:var(--charcoal);text-transform:uppercase;letter-spacing:0.5px;}/* Feature Layout */.about-feature{text-align:left;}.feature-layout{display:grid;grid-template-columns:auto 1fr;gap:3rem;align-items:center;max-width:900px;margin:0 auto;}.feature-layout.reverse{grid-template-columns:1fr auto;}.feature-layout.reverse .feature-icon{order:2;}.feature-layout.reverse .feature-content{order:1;}.feature-icon{font-size:5rem;background:linear-gradient(135deg,var(--light-red) 0%,var(--charcoal) 100%);color:var(--white);width:120px;height:120px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 25px rgba(201,173,62,0.3);animation:float 4s ease-in-out infinite;flex-shrink:0;}.feature-content h2{text-align:left;margin-bottom:1.5rem;font-size:2rem;}.feature-content p{text-align:left;margin-bottom:1.5rem;}.feature-list{list-style:none;padding:0;margin:0;}.feature-list li{padding:0.5rem 0;font-size:1.1rem;color:var(--charcoal);font-weight:500;}.feature-list li::before{content:"✓";color:var(--light-red);font-weight:bold;margin-right:0.5rem;}/* Compliance Badges */.compliance-badges{display:flex;flex-wrap:wrap;gap:0.8rem;margin-top:1.5rem;}.compliance-badge{background:linear-gradient(135deg,var(--light-red) 0%,var(--dark-red) 100%);color:var(--white);padding:0.5rem 1rem;border-radius:20px;font-size:0.9rem;font-weight:600;box-shadow:0 2px 8px rgba(201,173,62,0.2);transition:all 0.3s ease;}.compliance-badge:hover{transform:translateY(-2px);box-shadow:0 4px 15px rgba(201,173,62,0.3);}/* Values Grid */.values-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;margin:1.5rem 0;}.value-item{background:linear-gradient(135deg,var(--golden-yellow) 0%,var(--dark-golden) 100%);color:white;padding:1rem;border-radius:8px;text-align:center;font-weight:700;font-size:0.9rem;letter-spacing:0.5px;box-shadow:0 2px 8px rgba(201,173,62,0.2);transition:all 0.3s ease;}.value-item:hover{transform:translateY(-2px);box-shadow:0 4px 15px rgba(201,173,62,0.3);}/* Quality Features */.quality-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1.5rem;margin-top:2rem;}/* Quality item styling with full background images */.quality-item{display:flex;align-items:flex-end;padding:0;background:transparent;border-radius:12px;margin-bottom:1rem;box-shadow:0 4px 15px rgba(0,0,0,0.2);transition:all 0.3s ease;position:relative;min-height:120px;overflow:hidden;}.quality-item::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background-size:cover;background-position:center;background-repeat:no-repeat;z-index:1;}.quality-item::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.6);z-index:2;}.quality-item.monitoring::before{background-image:url('images/survellience.webp');}.quality-item.patrol::before{background-image:url('images/security_patrol.webp');}.quality-item.performance::before{background-image:url('images/performace_report.webp');}.quality-item span{position:relative;z-index:3;font-weight:700;color:white;padding:1rem 1.5rem;width:100%;text-shadow:0 2px 4px rgba(0,0,0,0.5);background:none;border:none;box-shadow:none;font-size:1rem;}.quality-image{display:none;}.quality-item:hover{transform:translateY(-5px);box-shadow:0 8px 25px rgba(201,173,62,0.15);}.quality-item:hover::after{background:rgba(0,0,0,0.4);}/* Mobile Responsive */@media (max-width:768px){.about-section{padding:60px 0;}.about-hero{padding:80px 0;}.about-stats{grid-template-columns:1fr;gap:1rem;}.feature-layout,.feature-layout.reverse{grid-template-columns:1fr;gap:2rem;text-align:center;}.feature-layout.reverse .feature-icon,.feature-layout.reverse .feature-content{order:unset;}.feature-icon{margin:0 auto;width:100px;height:100px;font-size:4rem;}.feature-content h2{text-align:center;font-size:1.75rem;}.feature-content p{text-align:center;}.compliance-badges{justify-content:center;}.quality-features{grid-template-columns:1fr;gap:1rem;}.values-grid{grid-template-columns:repeat(2,1fr);gap:0.75rem;}.value-item{font-size:0.8rem;padding:0.75rem;}}@media (max-width:480px){.about-content h2{font-size:2rem;}.stat-number{font-size:2.2rem;}.feature-icon{width:80px;height:80px;font-size:3rem;}.feature-content h2{font-size:1.75rem;}.compliance-badge{font-size:0.9rem;padding:0.5rem 1rem;}/* Improved mobile typography for better readability */ .service-card h3{font-size:1.5rem;}.service-card p{font-size:1.1rem;line-height:1.6;}.value-card h3{font-size:1.2rem;line-height:1.4;}.badge span{font-size:1rem;}.page-header h1{font-size:2.2rem;}.page-header p{font-size:1.15rem;}.section-title,h2{font-size:2rem;}.footer-section h4{font-size:1.1rem;}.footer-section p,.footer-section li{font-size:1rem;}}/* Service Sections */.service-section{padding:80px 0;}.service-tagline{font-size:1.2rem;color:var(--golden-yellow);font-weight:600;margin-bottom:1.5rem;}.service-content{margin-top:3rem;}.service-description{margin-bottom:3rem;}.service-description p{font-size:1.1rem;line-height:1.8;margin-bottom:1.5rem;color:var(--charcoal);}.service-subsection{margin-bottom:3rem;padding:2rem;background:rgba(255,255,255,0.05);border-radius:12px;border-left:4px solid var(--golden-yellow);}.service-subsection h3{color:var(--golden-yellow);font-size:1.8rem;margin-bottom:1rem;}.subsection-tagline{font-style:italic;color:var(--golden-yellow);font-weight:500;margin-bottom:1.5rem;}.subsection-content p{margin-bottom:1.2rem;line-height:1.7;}.technology-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-top:2rem;}.tech-item{display:flex;align-items:center;gap:0.75rem;padding:1rem;background:rgba(255,255,255,0.1);border-radius:8px;transition:all 0.3s ease;}.tech-item:hover{background:rgba(201,173,62,0.1);transform:translateY(-2px);}.tech-icon{font-size:1.5rem;}.service-sectors{margin-top:2rem;}.sectors-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;margin-top:1.5rem;}.sector-item{padding:1rem;background:var(--golden-yellow);color:white;border-radius:8px;text-align:center;font-weight:600;transition:all 0.3s ease;}.sector-item:hover{background:var(--dark-golden);transform:translateY(-2px);}.maintenance-category{margin-bottom:2rem;padding:1.5rem;background:rgba(255,255,255,0.03);border-radius:8px;}.maintenance-category h4{color:var(--golden-yellow);font-size:1.4rem;margin-bottom:1rem;}.maintenance-list{list-style:none;padding:0;}.maintenance-list li{padding:0.5rem 0;font-size:1.1rem;color:var(--charcoal);}.maintenance-list li::before{content:"✓";color:var(--golden-yellow);font-weight:bold;margin-right:0.75rem;}.service-section.alt-bg{background-color:var(--light-gray);}.service-header{display:flex;align-items:center;gap:2rem;margin-bottom:3rem;}.service-icon-large{font-size:4rem;background-color:var(--light-gray);width:120px;height:120px;border-radius:20px;display:flex;align-items:center;justify-content:center;flex-shrink:0;}.service-header-content h2{margin-bottom:1rem;}.service-details{display:grid;grid-template-columns:2fr 1fr;gap:3rem;}.service-list ul{list-style:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;}.service-list li{padding:1rem;background-color:var(--white);border-radius:8px;border-left:4px solid var(--golden-yellow);font-weight:500;}.service-section.alt-bg .service-list li{background-color:var(--white);}.service-outcomes{background-color:var(--white);padding:2rem;border-radius:12px;height:fit-content;}.service-section.alt-bg .service-outcomes{background-color:transparent;color:var(--charcoal);}.service-section.alt-bg .service-outcomes h3{color:var(--charcoal);}.service-outcomes h3{margin-bottom:1rem;color:var(--charcoal);}/* Service Features */.service-features{background-color:var(--light-gray);padding:80px 0;}.service-features h2{text-align:center;margin-bottom:3rem;}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;}.feature-card{background-color:var(--white);padding:2rem;border-radius:12px;text-align:center;box-shadow:0 4px 6px rgba(0,0,0,0.05);}.feature-icon{font-size:2.5rem;margin-bottom:1rem;}.feature-card h3{margin-bottom:1rem;color:var(--charcoal);}/* Contact Section */.contact-section{padding:80px 0;}.contact-content{display:grid;grid-template-columns:1fr 1fr;gap:4rem;}.contact-info h2{margin-bottom:2rem;}.contact-methods{display:flex;flex-direction:column;gap:2rem;}.contact-method{display:flex;align-items:center;gap:1.5rem;padding:2rem;background-color:var(--light-gray);border-radius:12px;}.method-icon{font-size:2rem;background-color:var(--golden-yellow);color:var(--white);width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;}.method-details h3{margin-bottom:0.5rem;color:var(--charcoal);}.method-details a{color:var(--golden-yellow);text-decoration:none;font-weight:600;font-size:1.1rem;}.availability{color:var(--text-muted);font-size:0.9rem;}/* Contact Form */.quote-form{background-color:var(--white);padding:2.5rem;border-radius:12px;border:1px solid var(--border-color);}.quote-form h2{margin-bottom:2rem;text-align:center;}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem;}.form-group{margin-bottom:1.5rem;}.form-group label{display:block;margin-bottom:0.5rem;font-weight:600;color:var(--navy);}/* Required field asterisk styling */.required{color:var(--golden-yellow);font-weight:700;}.form-group input,.form-group select,.form-group textarea{width:100%;padding:1rem;border:2px solid var(--border-color);border-radius:6px;font-size:1rem;transition:border-color 0.3s ease;}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--navy);}/* CTA Band - Navy Blue Gradient */.cta-band{background:linear-gradient(135deg,var(--navy) 0%,var(--navy-light) 50%,var(--navy) 100%);background-size:400% 400%;color:var(--white);padding:80px 0;text-align:center;position:relative;overflow:hidden;animation:gradientShift 10s ease infinite;backdrop-filter:blur(10px);}.cta-band::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 50% 50%,rgba(156,163,175,0.1) 0%,transparent 70%);z-index:1;}.cta-content{position:relative;z-index:2;animation:slideInFromBottom 1s ease-out;}.cta-content h2{color:var(--white);margin-bottom:1rem;text-shadow:0 2px 4px rgba(0,0,0,0.2);animation:slideInFromBottom 1.2s ease-out 0.2s both;}.cta-content p{color:rgba(255,255,255,0.95);margin-bottom:2rem;font-size:1.1rem;font-weight:400;animation:slideInFromBottom 1.2s ease-out 0.4s both;}/* Footer */.footer{background-color:var(--navy);color:var(--white);padding:60px 0 30px;}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-bottom:2rem;}.footer-section h3,.footer-section h4{color:var(--white);margin-bottom:1rem;}.footer-tagline{color:var(--metallic-gray);font-weight:600;margin-bottom:1rem;}.footer-sectors{margin-top:1rem;}.footer-sectors p{color:rgba(255,255,255,0.8);font-size:0.9rem;}.footer-section ul{list-style:none;}.footer-section ul li{margin-bottom:0.5rem;}.footer-section a{color:rgba(255,255,255,0.8);text-decoration:none;transition:color 0.3s ease;}.footer-section a:hover{color:var(--metallic-gray);}.footer-bottom{border-top:1px solid rgba(255,255,255,0.2);padding-top:2rem;text-align:center;}.footer-bottom p{color:rgba(255,255,255,0.6);}/* Responsive Design */@media (max-width:1024px){/* Tablet styles */ .nav-container{padding:0 15px;}.container{padding:0 15px;}.hero{padding:140px 0 100px;}.page-header{padding:140px 0 60px;}.value-cards,.services-overview,.sectors{padding:60px 0;}.cards-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;}.services-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;}}@media (max-width:768px){/* Mobile Navigation Layout:Menu Left,Logo Center,Message Right */ .nav-container{display:flex;justify-content:space-between;align-items:center;position:relative;}.hamburger{display:flex;order:1;z-index:1001;}.nav-logo{position:absolute;left:50%;transform:translateX(-50%);order:2;z-index:1000;}.nav-phone{order:3;z-index:1001;}.nav-menu{position:absolute;top:100%;left:0;right:0;background-color:var(--white);flex-direction:column;padding:1rem;box-shadow:0 4px 10px rgba(0,0,0,0.1);z-index:999;opacity:0;transform:translateY(-15px) scale(0.95);visibility:hidden;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);display:flex;border-radius:0 0 12px 12px;backdrop-filter:blur(10px);max-height:0;overflow:hidden;}.nav-menu.active{opacity:1;transform:translateY(0) scale(1);visibility:visible;max-height:400px;}.nav-menu.opening{animation:menuBounce 0.4s cubic-bezier(0.68,-0.55,0.265,1.55);}@keyframes menuBounce{0%{transform:translateY(-15px) scale(0.95);}60%{transform:translateY(2px) scale(1.02);}100%{transform:translateY(0) scale(1);}}.nav-menu li{margin:0.5rem 0;opacity:0;transform:translateX(-20px);transition:all 0.3s cubic-bezier(0.4,0,0.2,1);}.nav-menu.active li{opacity:1;transform:translateX(0);}.nav-menu.active li:nth-child(1){transition-delay:0.1s;}.nav-menu.active li:nth-child(2){transition-delay:0.15s;}.nav-menu.active li:nth-child(3){transition-delay:0.2s;}.nav-menu.active li:nth-child(4){transition-delay:0.25s;}.nav-menu.active li:nth-child(5){transition-delay:0.3s;}.hamburger.active span:nth-child(1){transform:rotate(-45deg) translate(-5px,6px);transition-delay:0.1s;}.hamburger.active span:nth-child(2){opacity:0;transition-delay:0.05s;}.hamburger.active span:nth-child(3){transform:rotate(45deg) translate(-5px,-6px);transition-delay:0.1s;}.hamburger.active span[style]{transform:rotate(180deg) scale(1.2);color:var(--golden-yellow);}/* Mobile Logo - Show CPM only */ .logo-text{display:none;}.logo-mobile{display:flex;}.logo-mobile .logo-sub{display:none;}.logo{padding:0.3rem;}.logo-mobile .logo-main{font-size:1.6rem;}/* Mobile phone button - Round design with call icon */ .phone-number{display:none;}.phone-text-mobile{display:none;}.nav-phone{padding:0.75rem;font-size:1.1rem;border-radius:50%;width:50px;height:50px;display:flex;align-items:center;justify-content:center;min-width:50px;}.nav-phone .phone-icon{font-size:1.2rem;}/* Typography adjustments */ h1{font-size:2rem;line-height:1.1;}h2{font-size:1.75rem;line-height:1.2;}h3{font-size:1.3rem;}.hero{padding:120px 0 80px;background-attachment:scroll;/* Fix for mobile devices */ background-position:center top;}.hero-subtitle{font-size:1.1rem;margin-bottom:2rem;}.hero-cta{flex-direction:column;align-items:center;gap:0.8rem;}.hero-cta .btn{width:100%;max-width:280px;padding:0.9rem 1.5rem;}/* Trust badges mobile optimization */ .badges-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1rem;}.badge{padding:1rem;}.badge-icon{width:60px;height:60px;font-size:2rem;}.badge span{font-size:0.95rem;}/* Value cards mobile optimization */ .cards-grid{grid-template-columns:1fr;gap:1.5rem;}.value-card{padding:1.8rem;}.card-icon{font-size:3rem;margin-bottom:1rem;}/* Services mobile optimization */ .services-grid{grid-template-columns:1fr;gap:2rem;}.service-card{padding:2rem;}.service-icon{font-size:3rem;margin-bottom:1.2rem;}/* Sectors mobile optimization */ .sectors-list{gap:0.8rem;max-width:100%;}.sector-tag{padding:0.8rem 1.2rem;font-size:0.9rem;}/* Service sections mobile optimization */ .service-header{flex-direction:column;text-align:center;gap:1.5rem;}.service-icon-large{width:100px;height:100px;font-size:3.5rem;}.service-details{grid-template-columns:1fr;gap:2rem;}.service-list ul{grid-template-columns:1fr;gap:0.8rem;}.service-subsection{padding:1.5rem;margin-bottom:2rem;}.service-subsection h3{font-size:1.6rem;}.technology-list{grid-template-columns:1fr;}.tech-item{padding:0.75rem;}.sectors-grid{grid-template-columns:repeat(2,1fr);gap:0.75rem;}.maintenance-category{padding:1rem;}.maintenance-category h4{font-size:1.2rem;}/* Contact section mobile optimization */ .contact-section{padding:60px 0;}.contact-content{display:grid !important;grid-template-columns:1fr !important;gap:2rem !important;}.contact-info{order:1;margin-bottom:2rem;}.quote-form{order:2;}.contact-method{padding:1.5rem;flex-direction:column;text-align:center;gap:1rem;}.method-icon{width:50px;height:50px;font-size:1.5rem;}.form-row{grid-template-columns:1fr;gap:1rem;}.quote-form{padding:2rem;}.form-group input,.form-group select,.form-group textarea{font-size:16px;min-height:50px;}.btn-full{min-height:50px;font-size:1.1rem;}/* Footer mobile optimization */ .footer-content{grid-template-columns:1fr;gap:1.5rem;text-align:center;}.footer-section ul{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem;}.footer-section ul li{margin-bottom:0;}}@media (max-width:480px){.container{padding:0 12px;}.nav-container{padding:0 12px;display:flex;justify-content:space-between;align-items:center;position:relative;}/* Extra small screens - Maintain layout:Menu | Logo | Call */ .hamburger{order:1;}.nav-logo{position:absolute;left:50%;transform:translateX(-50%);order:2;}.nav-phone{order:3;}.logo{padding:0.2rem;}.logo-mobile .logo-main{font-size:1.4rem;}.logo-mobile .logo-sub{display:none;}.nav-phone{padding:0.75rem;font-size:1rem;width:45px;height:45px;min-width:45px;}.nav-phone .phone-icon{font-size:1.1rem;}/* Typography for very small screens */ h1{font-size:1.75rem;line-height:1.1;}h2{font-size:1.5rem;margin-bottom:1.5rem;}h3{font-size:1.2rem;margin-bottom:0.8rem;}p{font-size:0.95rem;line-height:1.6;}.hero{padding:100px 0 60px;background-position:center center;background-size:cover;}.hero-subtitle{font-size:0.95rem;margin-bottom:1.8rem;}.hero-cta .btn{max-width:100%;padding:0.8rem 1.2rem;font-size:0.95rem;}/* Page headers for small screens */ .page-header{padding:120px 0 50px;}.page-header h1{font-size:1.6rem;}.page-header p{font-size:1rem;}/* Trust badges for small screens */ .badges-grid{grid-template-columns:1fr;gap:0.5rem;max-width:300px;margin:0 auto;}.badge{padding:1.2rem;flex-direction:column;gap:0.8rem;text-align:center;}.badge-icon{width:50px;height:50px;font-size:1.5rem;flex-shrink:0;}.badge span{font-size:0.9rem;}/* Value cards for small screens */ .value-card{padding:1.5rem;}.card-icon{font-size:2.5rem;margin-bottom:1rem;}/* Service cards for small screens */ .service-card{padding:1.5rem;}.service-icon{font-size:2.5rem;margin-bottom:1rem;}/* Sectors for small screens */ .sectors-list{gap:0.6rem;}.sector-tag{padding:0.7rem 1rem;font-size:0.85rem;border-radius:20px;}/* Contact form for small screens */ .quote-form{padding:1.5rem;}.contact-method{padding:1.25rem;}.method-icon{width:45px;height:45px;font-size:1.25rem;}.contact-info h2{font-size:1.75rem;text-align:center;}.quote-form h2{font-size:1.75rem;}.form-group input,.form-group select,.form-group textarea{font-size:16px;padding:0.875rem;}.contact-section{padding:50px 0;}.contact-content{gap:1.5rem !important;}}/* Landscape orientation optimizations */@media (max-height:500px) and (orientation:landscape){.hero{padding:80px 0 40px;}.page-header{padding:100px 0 40px;}.hero-cta{flex-direction:row;gap:1rem;}.hero-cta .btn{max-width:200px;padding:0.7rem 1.2rem;font-size:0.9rem;}}/* ===== COMPREHENSIVE RESPONSIVE DESIGN ===== *//* Extra Large Devices (Large Desktops) */@media (min-width:1400px){.container{max-width:1400px;padding:0 40px;}h1{font-size:3.5rem;}h2{font-size:2.75rem;}.hero{padding:150px 0 100px;}.services-grid,.cards-grid{gap:3rem;}.service-card,.value-card{padding:2.5rem;}.badges-grid{gap:3rem;}}/* Large Devices (Desktops) */@media (min-width:1200px) and (max-width:1399px){.container{max-width:1200px;padding:0 30px;}.services-grid{grid-template-columns:repeat(3,1fr);gap:2.5rem;}.cards-grid{grid-template-columns:repeat(3,1fr);gap:2rem;}}/* Medium Large Devices (Small Desktops,Large Tablets) */@media (min-width:992px) and (max-width:1199px){.container{max-width:960px;padding:0 25px;}h1{font-size:2.5rem;}h2{font-size:2rem;}.hero{padding:120px 0 80px;}.services-grid{grid-template-columns:repeat(3,1fr);gap:2rem;}.cards-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem;}.nav-menu{gap:1.5rem;}.nav-phone .phone-number{display:inline;}.phone-text-mobile{display:none;}}/* Medium Devices (Tablets) */@media (min-width:768px) and (max-width:991px){.container{max-width:720px;padding:0 20px;}h1{font-size:2.25rem;}h2{font-size:1.875rem;}.hero{padding:100px 0 60px;}.nav-menu{display:none;}.hamburger{display:flex;}.services-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem;}.cards-grid{grid-template-columns:repeat(2,1fr);gap:1.25rem;}.badges-grid{grid-template-columns:repeat(3,1fr);gap:1rem;}.sectors-list{gap:0.75rem;}.nav-phone .phone-number{display:none;}.phone-text-mobile{display:inline;}}/* Small Medium Devices (Large Phones,Small Tablets) */@media (min-width:576px) and (max-width:767px){.container{padding:0 20px;}h1{font-size:2rem;}h2{font-size:1.75rem;}.hero{padding:90px 0 50px;}.hero-content{text-align:center;}.hero-cta{flex-direction:column;align-items:center;gap:1rem;}.hero-cta .btn{width:100%;max-width:280px;}.services-grid{grid-template-columns:repeat(2,1fr);gap:1.25rem;}.cards-grid{grid-template-columns:repeat(2,1fr);gap:1rem;}.badges-grid{grid-template-columns:repeat(3,1fr);gap:0.75rem;}.service-card,.value-card{padding:1.5rem;}.badge{padding:1.25rem;}.sectors-list{justify-content:center;gap:0.5rem;}.sector-tag{font-size:0.875rem;}.footer-content{grid-template-columns:repeat(2,1fr);gap:2rem;}}/* Small Devices (Phones) */@media (max-width:575px){.container{padding:0 15px;}h1{font-size:1.75rem;line-height:1.3;}h2{font-size:1.5rem;line-height:1.3;}h3{font-size:1.25rem;}.hero{padding:80px 0 40px;}.hero-content{text-align:center;}.hero-subtitle{font-size:1rem;margin-bottom:2rem;}.hero-cta{flex-direction:column;align-items:center;gap:1rem;}.hero-cta .btn{width:100%;max-width:300px;padding:1rem 1.5rem;font-size:1rem;}.services-grid,.cards-grid{grid-template-columns:1fr;gap:1rem;}.badges-grid{grid-template-columns:1fr;gap:1rem;}.service-card,.value-card{padding:1.5rem;text-align:center;}.badge{padding:1.5rem;text-align:center;}.badge-icon,.card-icon,.service-icon{margin:0 auto 1rem;}.sectors-list{justify-content:center;gap:0.5rem;}.sector-tag{font-size:0.8rem;padding:0.5rem 0.75rem;}.cta-band{padding:40px 0;}.cta-content{text-align:center;}.cta-content h2{font-size:1.5rem;margin-bottom:1rem;}.footer-content{grid-template-columns:1fr;gap:1.5rem;text-align:center;}.footer-section h3,.footer-section h4{margin-bottom:1rem;}.footer-section ul{justify-content:center;}}/* Extra Small Devices (Small Phones) */@media (max-width:400px){.container{padding:0 12px;}h1{font-size:1.5rem;}h2{font-size:1.375rem;}.hero{padding:70px 0 35px;}.hero-subtitle{font-size:0.95rem;}.hero-cta .btn{padding:0.875rem 1.25rem;font-size:0.95rem;}.service-card,.value-card,.badge{padding:1.25rem;}.service-icon,.card-icon,.badge-icon{font-size:2rem;width:60px;height:60px;}.sector-tag{font-size:0.75rem;padding:0.4rem 0.6rem;}.nav-phone{padding:0.5rem;font-size:0.875rem;}}/* Landscape orientation optimizations for mobile */@media (max-height:500px) and (orientation:landscape) and (max-width:768px){.hero{padding:60px 0 30px;}.hero-content h1{font-size:1.5rem;margin-bottom:0.5rem;}.hero-subtitle{font-size:0.9rem;margin-bottom:1.5rem;}.hero-cta{flex-direction:row;gap:1rem;}.hero-cta .btn{max-width:200px;padding:0.7rem 1rem;font-size:0.9rem;}}/* Touch device optimizations */@media (pointer:coarse){.btn,.nav-link,.hamburger{min-height:44px;min-width:44px;}.nav-phone{min-height:44px;min-width:44px;}.sector-tag{min-height:32px;padding:0.5rem 0.75rem;}}/* High DPI displays */@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.badge-icon,.card-icon,.service-icon{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}}/* Accessibility */@media (prefers-reduced-motion:reduce){*{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;}}/* Focus styles for keyboard navigation */.btn:focus,.nav-link:focus,input:focus,select:focus,textarea:focus{outline:2px solid var(--fresh-green);outline-offset:2px;}/* High contrast mode support */@media (prefers-contrast:high){.btn-primary{border:2px solid var(--white);}.service-card,.value-card{border:2px solid var(--text-dark);}}/* Mobile Background Optimization */@media (max-width:768px){body{background-attachment:scroll;background-size:cover;}body::before{background-color:rgba(255,255,255,0.95);}}/* Performance optimization for very small screens */@media (max-width:480px){body::before{background-color:rgba(255,255,255,0.97);}}/* WebP fallback support for older browsers */.no-webp body::before{background-image:url('images/hero_image_desktop.png');}.no-webp .hero{background:linear-gradient(135deg,rgba(201,173,62,0.6) 0%,rgba(31,41,55,0.6) 100%),url('images/hero_image_desktop.png');}.no-webp .service-card:nth-child(1) .service-card-image{background-image:url('images/security.png');}.no-webp .service-card:nth-child(2) .service-card-image{background-image:url('images/cleaning.png');}.no-webp .service-card:nth-child(3) .service-card-image{background-image:url('images/maintenance.png');}.no-webp .quality-item.monitoring::before{background-image:url('images/survellience.png');}.no-webp .quality-item.patrol::before{background-image:url('images/security_patrol.png');}.no-webp .quality-item.performance::before{background-image:url('images/performace_report.png');}/* Thank You Page Styles */.thank-you-content{padding:4rem 0;background:linear-gradient(135deg,#f8fafc 0%,#e2e8f0 100%);}.thank-you-card{background:var(--white);padding:4rem;border-radius:20px;box-shadow:0 20px 60px rgba(0,0,0,0.1);text-align:center;max-width:800px;margin:0 auto;animation:slideInFromBottom 0.8s ease-out;}.success-icon{font-size:4rem;margin-bottom:2rem;animation:bounceIn 1s ease-out 0.5s both;}@keyframes bounceIn{0%{transform:scale(0.3);opacity:0;}50%{transform:scale(1.05);}70%{transform:scale(0.9);}100%{transform:scale(1);opacity:1;}}.thank-you-card h2{color:var(--charcoal);margin-bottom:1.5rem;font-size:2.5rem;}.thank-you-card p{color:var(--gray);font-size:1.2rem;line-height:1.6;margin-bottom:2rem;}.next-steps{background:#f8fafc;padding:2rem;border-radius:12px;margin:2rem 0;text-align:left;}.next-steps h3{color:var(--charcoal);margin-bottom:1rem;}.next-steps ul{list-style:none;padding:0;}.next-steps li{padding:0.5rem 0;position:relative;padding-left:2rem;color:var(--gray);}.next-steps li::before{content:'✓';position:absolute;left:0;top:0.5rem;color:var(--safety-green);font-weight:bold;}.contact-info{background:#fff5f5;padding:2rem;border-radius:12px;margin:2rem 0;}.contact-info h3{color:var(--light-red);margin-bottom:1rem;}.urgent-contact{display:flex;gap:1rem;justify-content:center;margin-top:1.5rem;}.back-to-site{display:flex;gap:1rem;justify-content:center;margin-top:3rem;}@media (max-width:768px){.thank-you-card{padding:2rem;margin:1rem;}.urgent-contact,.back-to-site{flex-direction:column;align-items:center;}.urgent-contact .btn,.back-to-site .btn{width:100%;max-width:300px;}}/* Form Message Animations */@keyframes slideIn{from{opacity:0;transform:translateY(-20px);}to{opacity:1;transform:translateY(0);}}