:root{--brand-gold: #fbca2a;--brand-white: #ffffff;--brand-blue: #195fab;--brand-light-yellow: #fef0c2;--brand-dark-blue: #5a8bc2;--primary-blue: var(--brand-blue);--primary-yellow: var(--brand-gold);--text-light: var(--brand-white);--text-dark: #2c3e50;--text-muted: #5a6c7d;--text-on-gold: #2c3e50;--text-on-blue: var(--brand-white);--bg-primary: var(--brand-white);--bg-secondary: var(--brand-light-yellow);--bg-accent: var(--brand-gold);--bg-trust: var(--brand-blue);--bg-section: #f8fafc;--btn-primary-bg: var(--brand-gold);--btn-primary-hover: #e5b625;--btn-secondary-bg: var(--brand-blue);--btn-secondary-hover: var(--brand-dark-blue);--btn-emergency-bg: #dc3545;--btn-emergency-hover: #c82333;--border-light: #e2e8f0;--border-medium: #cbd5e0;--border-gold: var(--brand-gold);--border-blue: var(--brand-blue);--space-1: 0.25rem;--space-2: 0.5rem;--space-3: 0.75rem;--space-4: 1rem;--space-6: 1.5rem;--space-8: 2rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--font-size-sm: 0.875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-size-5xl: 3rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--radius-sm: 0.25rem;--radius-md: 0.5rem;--radius-lg: 0.75rem;--radius-xl: 1rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.1);--shadow-md: 0 4px 6px rgba(0, 0, 0, 0.1);--shadow-lg: 0 10px 15px rgba(0, 0, 0, 0.15);--shadow-xl: 0 20px 25px rgba(0, 0, 0, 0.2);--transition-fast: all 150ms ease-out;--transition-normal: all 300ms ease-out;--z-modal: 1050;--z-sticky: 1020} *, *::before, *::after{box-sizing: border-box;margin: 0;padding: 0} html{font-size: 16px;scroll-behavior: smooth} body{font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;line-height: 1.6;color: var(--text-dark);background-color: var(--gray-light);-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale} h1, h2, h3, h4, h5, h6{font-weight: var(--font-weight-bold);line-height: 1.2;margin-bottom: var(--space-4)} h1{font-size: var(--font-size-4xl)} h2{font-size: var(--font-size-3xl)} h3{font-size: var(--font-size-2xl)} p{margin-bottom: var(--space-4);line-height: 1.6} a{color: var(--primary-blue);text-decoration: none;transition: var(--transition-fast)} a:hover{color: var(--primary-yellow)} ul, ol{margin-bottom: var(--space-4);padding-left: var(--space-6)} li{margin-bottom: var(--space-2)} .container{max-width: 1200px;margin: 0 auto;padding: 0 var(--space-6)} .section-title{text-align: center;font-size: var(--font-size-3xl);margin-bottom: var(--space-12);color: var(--primary-blue)} .navbar{background-color: var(--brand-blue);display: flex;justify-content: space-between;align-items: center;padding: var(--space-4) 5%;position: sticky;top: 0;z-index: var(--z-sticky);box-shadow: var(--shadow-sm);min-height: 60px;border-bottom: 3px solid var(--brand-gold)} .navbar .logo{display: flex;align-items: center;text-decoration: none;height: 50px} .navbar .logo-img{height: 40px;margin-right: var(--space-3)} .navbar .logo-text{color: var(--text-on-blue);font-size: var(--font-size-xl);font-weight: var(--font-weight-bold);letter-spacing: 0.5px;transition: var(--transition-fast)} .navbar .logo:hover .logo-text{color: var(--brand-gold)} .navbar .nav-links{display: flex;list-style: none;gap: var(--space-8);margin: 0;padding: 0} .navbar .nav-links a{color: var(--text-on-blue);font-weight: var(--font-weight-medium);padding: var(--space-2) var(--space-4);border-radius: var(--radius-md);transition: var(--transition-fast);border: 1px solid transparent} .navbar .nav-links a:hover{color: var(--brand-gold);background-color: var(--brand-dark-blue);border-color: var(--brand-gold);transform: translateY(-1px)} .hamburger{display: none;flex-direction: column;justify-content: space-between;width: 30px;height: 22px;background: none;border: none;cursor: pointer;padding: 0;transition: all 0.3s ease} .hamburger span{display: block;height: 3px;width: 100%;background-color: var(--text-light);border-radius: 3px;transition: all 0.3s ease;transform-origin: center} .hamburger-active span:nth-child(1){transform: rotate(45deg) translate(6px, 6px)} .hamburger-active span:nth-child(2){opacity: 0;transform: translateX(-20px)} .hamburger-active span:nth-child(3){transform: rotate(-45deg) translate(6px, -6px)} .hero{background: linear-gradient( 135deg, rgba(25, 95, 171, 0.95) 0%, rgba(90, 139, 194, 0.9) 50%, rgba(25, 95, 171, 0.95) 100% ), url('/api/placeholder/1200/600') center/cover;color: var(--text-on-blue);padding: var(--space-20) 5%;text-align: center;min-height: 65vh;display: flex;align-items: center;justify-content: center;position: relative;overflow: hidden} .hero::before{content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: linear-gradient(45deg, transparent 0%, rgba(251, 202, 42, 0.1) 25%, transparent 50%, rgba(251, 202, 42, 0.1) 75%, transparent 100%);pointer-events: none} .hero-content{max-width: 900px;width: 100%;position: relative;z-index: 2} .hero h1{font-size: var(--font-size-5xl);margin-bottom: var(--space-6);text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);color: var(--brand-white)} .hero h1 span.highlight{color: var(--brand-gold);text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5)} .hero p{font-size: var(--font-size-xl);margin-bottom: var(--space-8);text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);color: var(--brand-light-yellow);line-height: 1.6} .services{padding: var(--space-20) 5%;background: linear-gradient(135deg, var(--bg-primary) 0%, var(--bg-secondary) 100%);position: relative} .services::before{content: '';position: absolute;top: 0;left: 0;right: 0;height: 3px;background: linear-gradient(90deg, var(--brand-gold), var(--brand-blue), var(--brand-gold))} .services-grid{display: grid;grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));gap: var(--space-8);max-width: 1200px;margin: 0 auto} .service-card{background: linear-gradient(135deg, var(--bg-primary) 0%, rgba(255, 255, 255, 0.9) 100%);border-radius: var(--radius-xl);padding: var(--space-8);box-shadow: var(--shadow-md);transition: var(--transition-normal);text-align: center;border: 2px solid transparent;position: relative;overflow: hidden} .service-card::before{content: '';position: absolute;top: 0;left: 0;right: 0;height: 4px;background: linear-gradient(90deg, var(--brand-gold), var(--brand-blue))} .service-card:hover{transform: translateY(-8px);box-shadow: var(--shadow-xl);border-color: var(--brand-gold);background: linear-gradient(135deg, var(--bg-primary) 0%, var(--brand-light-yellow) 100%)} .service-card .phone-icon{background: linear-gradient(135deg, var(--brand-gold), #e5b625);color: var(--text-on-gold);width: 70px;height: 70px;border-radius: var(--radius-full);display: flex;align-items: center;justify-content: center;font-size: var(--font-size-2xl);margin: 0 auto var(--space-6);border: 3px solid var(--brand-white);box-shadow: var(--shadow-md);transition: var(--transition-normal)} .service-card:hover .phone-icon{transform: scale(1.1);box-shadow: var(--shadow-lg);border-color: var(--brand-blue)} .service-card h3{color: var(--brand-blue);margin-bottom: var(--space-4);font-weight: var(--font-weight-bold);text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1)} .service-card:hover h3{color: var(--brand-dark-blue)} .phone-large{font-size: var(--font-size-2xl);font-weight: var(--font-weight-bold);color: var(--primary-blue);margin: var(--space-4) 0} .contact-number{font-size: var(--font-size-xl);font-weight: var(--font-weight-bold);color: var(--primary-blue);margin: var(--space-2) 0} .feature-list{list-style: none;padding: 0;margin: var(--space-6) 0} .feature-list li{position: relative;padding-left: var(--space-8);margin-bottom: var(--space-3)} .feature-list li::before{content: "";position: absolute;left: 0;top: 0;color: var(--text-light);background-color: var(--primary-yellow);border-radius: var(--radius-full);width: 24px;height: 24px;display: flex;align-items: center;justify-content: center;font-weight: var(--font-weight-bold);font-size: var(--font-size-sm)} .search-container{background: rgba(255, 255, 255, 0.95);backdrop-filter: blur(10px);border: 1px solid rgba(255, 255, 255, 0.2);padding: var(--space-8);border-radius: 15px;box-shadow: var(--shadow-lg);margin: var(--space-8) auto;max-width: 600px} .search-container h2{color: var(--primary-blue);margin-bottom: var(--space-4);font-size: var(--font-size-xl);font-weight: var(--font-weight-semibold);text-align: center} .search-box{display: flex;gap: var(--space-2);margin-top: var(--space-4)} .search-box input{flex: 1;padding: var(--space-4);border: 2px solid var(--border-light);border-radius: var(--radius-md);font-size: var(--font-size-base);color: var(--text-dark);background-color: #ffffff} .search-box input::placeholder{color: var(--text-muted)} .search-box input:focus{outline: none;border-color: var(--primary-blue);box-shadow: 0 0 0 3px rgba(30, 58, 95, 0.1)} .search-btn{background: var(--primary-blue);color: var(--text-light);border: none;padding: var(--space-4) var(--space-6);border-radius: var(--radius-md);cursor: pointer;font-weight: var(--font-weight-bold);transition: var(--transition-normal);white-space: nowrap} .search-btn:hover{background: var(--primary-yellow);color: var(--text-dark);transform: translateY(-1px)} .search-help{margin-top: var(--space-4);text-align: center} .search-help p{color: var(--text-dark);font-size: var(--font-size-sm);opacity: 0.8} .directory-grid{margin-top: var(--space-8);display: grid;gap: var(--space-2);max-height: 300px;overflow-y: auto} .directory-link{background: #f8f9fa;color: var(--primary-blue);text-decoration: none;padding: var(--space-3) var(--space-4);border-radius: var(--radius-md);border-left: 3px solid var(--primary-yellow);transition: var(--transition-fast);display: block} .directory-link:hover{background: #e9ecef;color: var(--primary-blue);text-decoration: none;transform: translateX(3px)} .cta-button-enhanced{background: linear-gradient(135deg, var(--brand-gold), #e5b625);color: var(--text-on-gold);border: 2px solid transparent;padding: var(--space-4) var(--space-8);font-size: var(--font-size-lg);font-weight: var(--font-weight-bold);border-radius: var(--radius-lg);cursor: pointer;transition: var(--transition-normal);box-shadow: var(--shadow-md);text-decoration: none;display: inline-block;text-align: center;position: relative;overflow: hidden} .cta-button-enhanced::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} .cta-button-enhanced:hover{transform: translateY(-2px);box-shadow: var(--shadow-xl);background: linear-gradient(135deg, #e5b625, var(--brand-gold));border-color: var(--brand-blue);color: var(--text-on-gold);text-decoration: none} .cta-button-enhanced:hover::before{left: 100%} .cta-button-enhanced:active{transform: translateY(0);box-shadow: var(--shadow-md)} .lead-form-overlay{position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.7);display: none;justify-content: center;align-items: center;z-index: var(--z-modal);padding: var(--space-4)} .lead-form-modal{background: var(--bg-primary);border-radius: var(--radius-xl);padding: var(--space-8);width: 100%;max-width: 500px;max-height: 90vh;overflow-y: auto;position: relative;box-shadow: var(--shadow-xl)} .lead-form-close{position: absolute;top: var(--space-4);right: var(--space-4);background: none;border: none;font-size: var(--font-size-2xl);cursor: pointer;color: var(--text-muted);transition: var(--transition-fast)} .lead-form-close:hover{color: var(--text-dark)} .lead-form h2{margin-bottom: var(--space-6);color: var(--primary-blue);text-align: center} .lead-form-group{margin-bottom: var(--space-4)} .lead-form-group label{display: block;margin-bottom: var(--space-2);font-weight: var(--font-weight-semibold);color: var(--text-dark)} .lead-form-group input, .lead-form-group select, .lead-form-group textarea{width: 100%;padding: var(--space-3);border: 1px solid var(--border-light);border-radius: var(--radius-md);font-size: var(--font-size-base);transition: var(--transition-fast)} .lead-form-group input:focus, .lead-form-group select:focus, .lead-form-group textarea:focus{outline: none;border-color: var(--primary-blue);box-shadow: 0 0 0 2px rgba(30, 58, 95, 0.1)} .lead-form-submit{background: var(--primary-yellow);color: var(--text-dark);border: none;padding: var(--space-4) var(--space-8);font-size: var(--font-size-lg);font-weight: var(--font-weight-bold);border-radius: var(--radius-full);cursor: pointer;width: 100%;transition: var(--transition-normal)} .lead-form-submit:hover{background: #e6ac00;transform: translateY(-2px)} .contact-box{background: linear-gradient(135deg, #f9f9f9 0%, #ffffff 100%);border-radius: var(--radius-xl);padding: var(--space-8);margin: var(--space-6) 0;border-left: 4px solid var(--primary-yellow);box-shadow: var(--shadow-md);text-align: center} .contact-box h3{color: var(--primary-blue);margin-bottom: var(--space-6);position: relative;padding-bottom: var(--space-3)} .contact-box h3::after{content: '';position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);width: 50px;height: 3px;background: var(--primary-yellow);border-radius: var(--radius-sm)} .directory-box{background-color: #f9f9f9;border-radius: var(--radius-md);padding: var(--space-6);border-left: 4px solid var(--primary-yellow);margin: var(--space-4) 0} .directory-box h4{color: var(--primary-blue);margin-bottom: var(--space-4)} .faq-section{padding: var(--space-20) 5%;background-color: var(--gray-light)} .faq-container{max-width: 800px;margin: 0 auto} .faq-item{background-color: var(--bg-primary);border-radius: var(--radius-lg);margin-bottom: var(--space-4);box-shadow: var(--shadow-sm);overflow: hidden} .faq-question{background-color: var(--primary-blue);color: var(--text-light);padding: var(--space-6);cursor: pointer;display: flex;justify-content: space-between;align-items: center;font-weight: var(--font-weight-bold);transition: var(--transition-fast)} .faq-question:hover{background-color: #15294a} .faq-question::after{content: '+';font-size: var(--font-size-2xl);font-weight: var(--font-weight-bold);transition: var(--transition-fast)} .faq-question.active::after{transform: rotate(45deg)} .faq-answer{padding: 0 var(--space-6);max-height: 0;overflow: hidden;transition: var(--transition-normal)} .faq-answer.active{padding: var(--space-6);max-height: 500px} .service-images-section{display: flex;gap: var(--space-8);margin: var(--space-12) 0;padding: var(--space-8);background-color: var(--brand-light-yellow);border-radius: var(--radius-lg);overflow: hidden} .service-image{flex: 1;text-align: center} .service-image img{width: 100%;height: 200px;object-fit: cover;border-radius: var(--radius-md);box-shadow: var(--shadow-md);transition: transform var(--transition-normal), box-shadow var(--transition-normal)} .service-image img:hover{transform: scale(1.02);box-shadow: var(--shadow-lg)} .image-caption{margin-top: var(--space-3);font-size: var(--font-sm);color: var(--text-muted);font-weight: var(--font-weight-medium);line-height: 1.4} @media (max-width: 768px){.service-images-section{flex-direction: column;gap: var(--space-6);padding: var(--space-6)} .service-image img{height: 180px} } @media (max-width: 480px){.service-image img{height: 160px} .image-caption{font-size: var(--font-xs)} } .footer{background: linear-gradient(135deg, var(--brand-blue) 0%, var(--brand-dark-blue) 100%);color: var(--text-on-blue);padding: var(--space-20) 5% var(--space-12);border-top: 4px solid var(--brand-gold);position: relative} .footer::before{content: '';position: absolute;top: 0;left: 0;right: 0;height: 2px;background: linear-gradient(90deg, var(--brand-gold), var(--brand-light-yellow), var(--brand-gold))} .footer-content{max-width: 1200px;margin: 0 auto;display: grid;grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));gap: var(--space-8)} .footer-column h4{margin-bottom: var(--space-6);font-size: var(--font-size-xl);color: var(--brand-gold);font-weight: var(--font-weight-bold);text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2)} .footer-column ul{list-style: none;padding: 0;margin: 0} .footer-column li{margin-bottom: var(--space-3);position: relative;padding-left: var(--space-4)} .footer-column li::before{content: '▸';position: absolute;left: 0;color: var(--brand-gold);font-weight: bold} .footer-column a{color: var(--brand-light-yellow);transition: var(--transition-fast);text-decoration: none;font-weight: var(--font-weight-medium)} .footer-column a:hover{color: var(--brand-gold);text-shadow: 0 0 5px rgba(251, 202, 42, 0.3);transform: translateX(2px)} .footer-bottom{margin-top: var(--space-8);padding-top: var(--space-6);border-top: 1px solid rgba(251, 202, 42, 0.3);text-align: center;color: var(--brand-light-yellow)} .city-info{padding: var(--space-20) 5%;background-color: var(--bg-primary)} .focus-tags{margin: var(--space-12) 0 var(--space-20) 0;text-align: center} .focus-highlight{display: inline-block;background: linear-gradient(135deg, var(--brand-yellow), var(--brand-light-yellow));color: var(--text-dark);padding: 8px 16px;border-radius: 20px;font-size: 0.9rem;font-weight: 500;box-shadow: 0 2px 8px rgba(251, 202, 42, 0.3)} .keyword-section{margin: var(--space-16) 0;padding: var(--space-16);background: rgba(255, 255, 255, 0.05);border-radius: 12px;border-left: 4px solid var(--brand-yellow)} .keyword-section h3{color: var(--brand-yellow);margin-bottom: var(--space-12);font-size: 1.1rem} .keyword-tags{display: flex;flex-wrap: wrap;gap: 8px;justify-content: center} .keyword-tag{display: inline-block;background: rgba(251, 202, 42, 0.1);color: var(--brand-yellow);border: 1px solid rgba(251, 202, 42, 0.3);padding: 6px 12px;border-radius: 15px;font-size: 0.85rem;font-weight: 500;transition: all 0.2s ease} .keyword-tag:hover{background: rgba(251, 202, 42, 0.2);border-color: rgba(251, 202, 42, 0.5);transform: translateY(-1px)} .info-content{max-width: 800px;margin: 0 auto;line-height: 1.6} .info-content h3{color: var(--primary-blue);margin: var(--space-8) 0 var(--space-4)} .info-content ul{margin-bottom: var(--space-8)} .info-content li{position: relative;padding-left: var(--space-6)} .info-content li::before{content: "";position: absolute;left: 0;top: 0;color: var(--text-light);background-color: var(--primary-yellow);border-radius: var(--radius-full);width: 20px;height: 20px;display: flex;align-items: center;justify-content: center;font-size: var(--font-size-sm);font-weight: var(--font-weight-bold)} .contact-section{padding: var(--space-20) 5%;background-color: var(--gray-light);min-height: 70vh} .contact-container{max-width: 1200px;margin: 0 auto;display: grid;grid-template-columns: 1fr 1fr;gap: var(--space-12)} .contact-form, .contact-info{background-color: var(--bg-primary);padding: var(--space-8);border-radius: var(--radius-lg);box-shadow: var(--shadow-md)} .contact-info{background-color: var(--primary-blue);color: var(--text-light)} .form-group{margin-bottom: var(--space-6)} .form-group label{display: block;margin-bottom: var(--space-2);font-weight: var(--font-weight-semibold)} .form-group input, .form-group textarea, .form-group select{width: 100%;padding: var(--space-3);border: 2px solid var(--border-light);border-radius: var(--radius-md);font-size: var(--font-size-base);transition: var(--transition-fast)} .form-group input:focus, .form-group textarea:focus, .form-group select:focus{outline: none;border-color: var(--primary-blue)} .submit-btn{background-color: var(--primary-yellow);color: var(--text-dark);border: none;padding: var(--space-4) var(--space-8);font-size: var(--font-size-lg);font-weight: var(--font-weight-bold);border-radius: var(--radius-full);cursor: pointer;transition: var(--transition-normal)} .submit-btn:hover{background-color: #e6ac00;transform: translateY(-2px)} .contact-method{margin-bottom: var(--space-6);padding-bottom: var(--space-4);border-bottom: 1px solid rgba(255, 255, 255, 0.2)} .contact-method h3{color: var(--primary-yellow);margin-bottom: var(--space-3)} .emergency-box{background-color: var(--primary-yellow);color: var(--text-dark);padding: var(--space-6);border-radius: var(--radius-lg);margin-top: var(--space-6);text-align: center;font-weight: var(--font-weight-bold)} .emergency-phone{font-size: var(--font-size-2xl);display: block;margin: var(--space-2) 0;color: var(--primary-blue);font-weight: var(--font-weight-bold)} @media (max-width: 1024px){.contact-container{grid-template-columns: 1fr;gap: var(--space-8)} } @media (max-width: 768px){.navbar{padding: var(--space-4) 5%;position: relative} .hamburger{display: flex} .navbar .nav-links{position: absolute;top: 100%;left: 0;width: 100%;background-color: var(--primary-blue);flex-direction: column;padding: var(--space-4) 0;margin-top: 0;gap: 0;box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);transform: translateY(-100%);opacity: 0;visibility: hidden;transition: all 0.3s ease;z-index: 1000} .navbar .nav-links.nav-active{transform: translateY(0);opacity: 1;visibility: visible} .navbar .nav-links li{margin: 0;border-bottom: 1px solid rgba(255, 255, 255, 0.1)} .navbar .nav-links li:last-child{border-bottom: none} .navbar .nav-links a{display: block;padding: var(--space-4) var(--space-6);text-align: center;font-size: var(--font-size-lg);border-radius: 0;transition: background-color 0.3s ease} .navbar .nav-links a:hover{background-color: rgba(255, 255, 255, 0.15)} .hero{padding: var(--space-16) var(--space-6);min-height: 50vh} .hero h1{font-size: var(--font-size-3xl)} .hero p{font-size: var(--font-size-lg)} .services{padding: var(--space-16) var(--space-6)} .services-grid{grid-template-columns: 1fr;gap: var(--space-6)} .section-title{font-size: var(--font-size-2xl)} .search-container{margin: var(--space-4);padding: var(--space-6)} .search-box{flex-direction: column;gap: var(--space-3)} .contact-section{padding: var(--space-12) var(--space-6)} .contact-form, .contact-info{padding: var(--space-6)} .faq-section{padding: var(--space-12) var(--space-6)} .footer{padding: var(--space-12) var(--space-6) var(--space-8)} .footer-content{grid-template-columns: 1fr;gap: var(--space-6)} } @media (max-width: 480px){h1{font-size: var(--font-size-2xl)} h2{font-size: var(--font-size-xl)} .hero{padding: var(--space-12) var(--space-4)} .hero h1{font-size: var(--font-size-2xl)} .hero p{font-size: var(--font-size-base)} .services{padding: var(--space-12) var(--space-4)} .service-card{padding: var(--space-6)} .search-container{margin: var(--space-2);padding: var(--space-4)} .lead-form-modal{padding: var(--space-4);margin: var(--space-2)} .contact-section{padding: var(--space-8) var(--space-4)} .contact-form, .contact-info{padding: var(--space-4)} .cta-button-enhanced{width: 100%;padding: var(--space-3) var(--space-6)} } .cta-btn{border: none;outline: none;background: none;padding: 0;margin: 0;font-family: inherit;cursor: pointer;text-decoration: none;display: inline-flex;align-items: center;justify-content: center;gap: 0.5rem;padding: 1rem 1.5rem;border-radius: 8px;font-size: 1rem;font-weight: 600;line-height: 1.2;min-height: 48px;transition: all 0.2s ease-in-out;box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1)} .cta-btn:hover{transform: translateY(-1px);box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15)} .cta-btn:active{transform: translateY(0);box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1)} .cta-btn:focus{outline: 2px solid var(--primary-blue);outline-offset: 2px} .cta-btn--primary{background: linear-gradient(135deg, #1e40af, #1e3a8a);color: white;border: 2px solid transparent} .cta-btn--primary:hover{background: linear-gradient(135deg, #1d4ed8, #1e40af);box-shadow: 0 4px 12px rgba(30, 64, 175, 0.3)} .cta-btn--emergency{background: linear-gradient(135deg, #dc2626, #b91c1c);color: white;border: 2px solid transparent} .cta-btn--emergency:hover{background: linear-gradient(135deg, #ef4444, #dc2626);box-shadow: 0 4px 12px rgba(220, 38, 38, 0.3)} .cta-btn--secondary{background: white;color: var(--primary-blue);border: 2px solid var(--primary-blue)} .cta-btn--secondary:hover{background: var(--primary-blue);color: white;box-shadow: 0 4px 12px rgba(30, 64, 175, 0.2)} .cta-btn--success{background: linear-gradient(135deg, #059669, #047857);color: white;border: 2px solid transparent} .cta-btn--success:hover{background: linear-gradient(135deg, #10b981, #059669);box-shadow: 0 4px 12px rgba(5, 150, 105, 0.3)} .cta-btn--large{padding: 1.25rem 2rem;font-size: 1.125rem;font-weight: 700;min-height: 56px} .cta-btn--small{padding: 0.75rem 1rem;font-size: 0.875rem;min-height: 40px} .cta-btn__icon{font-size: 1.1em;margin-right: 0.25rem} .cta-btn--icon-only{padding: 1rem;width: 48px;height: 48px} @media (max-width: 640px){.cta-btn--mobile-full{width: 100%;justify-content: center} } .phone-link{color: var(--primary-blue);text-decoration: none;font-weight: 600;border-bottom: 1px solid transparent;transition: all 0.2s ease} .phone-link:hover{color: var(--primary-dark);border-bottom-color: var(--primary-blue)} .phone-link--large{font-size: 1.25rem;font-weight: 700} .phone-link--emergency{color: var(--primary-red);font-weight: 700} .phone-link--emergency:hover{color: #dc2626;border-bottom-color: var(--primary-red)} .cta-button, .btn-primary{background: linear-gradient(135deg, var(--brand-gold), #e5b625);color: var(--text-on-gold);border: 2px solid transparent;padding: var(--space-3) var(--space-6);border-radius: var(--radius-lg);font-size: var(--font-size-base);font-weight: var(--font-weight-semibold);text-decoration: none;display: inline-flex;align-items: center;justify-content: center;gap: var(--space-2);min-height: 48px;transition: var(--transition-normal);box-shadow: var(--shadow-sm);cursor: pointer;position: relative;overflow: hidden} .cta-button:hover, .btn-primary:hover{transform: translateY(-1px);box-shadow: var(--shadow-lg);background: linear-gradient(135deg, #e5b625, var(--brand-gold));border-color: var(--brand-blue);color: var(--text-on-gold);text-decoration: none} .btn-secondary{background: linear-gradient(135deg, var(--brand-blue), var(--brand-dark-blue));color: var(--text-on-blue);border: 2px solid transparent;padding: var(--space-3) var(--space-6);border-radius: var(--radius-lg);font-size: var(--font-size-base);font-weight: var(--font-weight-semibold);text-decoration: none;display: inline-flex;align-items: center;justify-content: center;gap: var(--space-2);min-height: 48px;transition: var(--transition-normal);box-shadow: var(--shadow-sm);cursor: pointer} .btn-secondary:hover{transform: translateY(-1px);box-shadow: var(--shadow-lg);background: linear-gradient(135deg, var(--brand-dark-blue), var(--brand-blue));border-color: var(--brand-gold);color: var(--text-on-blue);text-decoration: none} .cta-button.emergency, .btn-emergency{background: linear-gradient(135deg, var(--btn-emergency-bg), var(--btn-emergency-hover));color: var(--brand-white);border: 2px solid transparent;animation: emergencyPulse 2s infinite} .cta-button.emergency:hover, .btn-emergency:hover{background: linear-gradient(135deg, var(--btn-emergency-hover), var(--btn-emergency-bg));border-color: var(--brand-gold);animation: none} box-shadow: 0 4px 12px rgba(220, 38, 38, 0.3) !important} .cta-button.secondary{background: white !important;color: var(--primary-blue) !important;border: 2px solid var(--primary-blue) !important} .cta-button.secondary:hover{background: var(--primary-blue) !important;color: white !important} .cta-button.primary{background: linear-gradient(135deg, #059669, #047857) !important} .cta-button.primary:hover{background: linear-gradient(135deg, #10b981, #059669) !important;box-shadow: 0 4px 12px rgba(5, 150, 105, 0.3) !important} .emergency-phone{display: inline-flex;align-items: center;gap: 0.5rem;background: linear-gradient(135deg, #dc2626, #b91c1c);color: white;padding: 1rem 1.5rem;border-radius: 8px;text-decoration: none;font-weight: 700;font-size: 1.125rem;box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);transition: all 0.2s ease-in-out} .emergency-phone:hover{transform: translateY(-1px);box-shadow: 0 4px 12px rgba(220, 38, 38, 0.3);background: linear-gradient(135deg, #ef4444, #dc2626);color: white;text-decoration: none} .phone-large{font-size: 1.5rem;font-weight: 700;color: var(--primary-blue);text-align: center;margin: 1rem 0} .phone-large a{color: inherit;text-decoration: none;border-bottom: 2px solid transparent;transition: border-color 0.2s ease} .phone-large a:hover{border-bottom-color: var(--primary-blue)} .text-left{text-align: left} .text-center{text-align: center} .text-right{text-align: right} .d-none{display: none} .d-block{display: block} .d-flex{display: flex} .d-grid{display: grid} .mt-0{margin-top: 0} .mt-4{margin-top: var(--space-4)} .mt-8{margin-top: var(--space-8)} .mb-0{margin-bottom: 0} .mb-4{margin-bottom: var(--space-4)} .mb-8{margin-bottom: var(--space-8)} .text-primary{color: var(--primary-blue)} .text-accent{color: var(--primary-yellow)} .text-muted{color: var(--text-muted)} .bg-primary{background-color: var(--primary-blue)} .bg-accent{background-color: var(--primary-yellow)} .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} @media print{.navbar, .footer, .lead-form-overlay{display: none !important} .hero{background: none !important;color: black !important;padding: var(--space-4) 0} *{box-shadow: none !important;text-shadow: none !important} } @media (prefers-contrast: high){:root{--primary-blue: #000080;--primary-yellow: #ffff00;--text-dark: #000000;--border-light: #000000} } @media (prefers-reduced-motion: reduce){*, *::before, *::after{animation-duration: 0.01ms !important;animation-iteration-count: 1 !important;transition-duration: 0.01ms !important} html{scroll-behavior: auto} } .related-cities{margin-top: var(--space-12);padding: var(--space-8);background: #f8f9fa;border-radius: var(--radius-lg);border-left: 4px solid var(--primary-yellow)} .related-cities h3{color: var(--primary-blue);margin-bottom: var(--space-4);text-align: center} .related-cities-grid{display: grid;grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));gap: var(--space-3);margin: var(--space-6) 0} .related-cities-grid a{background: white;padding: var(--space-3) var(--space-4);border-radius: var(--radius-md);color: var(--primary-blue);text-decoration: none;font-weight: 500;border: 1px solid #e9ecef;transition: all 0.2s ease;text-align: center} .related-cities-grid a:hover{background: var(--primary-blue);color: white;transform: translateY(-1px);box-shadow: 0 2px 8px rgba(30, 58, 95, 0.15)} .flyer-section{padding: var(--space-16) 0;background: var(--bg-primary);border-top: 1px solid #e9ecef} .flyer-grid{display: grid;grid-template-columns: 1fr;gap: var(--space-8);margin-top: var(--space-8)} @media (min-width: 768px){.flyer-grid{grid-template-columns: 1fr 1fr;gap: var(--space-12)} } .flyer-card{background: var(--bg-primary);border-radius: 12px;overflow: hidden;box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);transition: transform 0.2s ease, box-shadow 0.2s ease;border: 1px solid #e9ecef;display: flex;flex-direction: column;height: 100%} .flyer-card:hover{transform: translateY(-2px);box-shadow: 0 10px 25px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05)} .flyer-image{width: 100%;height: auto;max-height: 300px;object-fit: contain;display: block;background-color: #f8f9fa} .flyer-content{padding: var(--space-6);display: flex;flex-direction: column;flex: 1} .flyer-content h3{color: var(--primary-blue);font-size: 1.25rem;font-weight: 600;margin-bottom: var(--space-3);line-height: 1.3} .flyer-content p{color: var(--text-muted);font-size: 1rem;line-height: 1.6;margin-bottom: var(--space-4)} .flyer-features{list-style: none;padding: 0;margin: 0 0 var(--space-6) 0} .flyer-features li{color: var(--text-dark);font-size: 0.95rem;line-height: 1.5;margin-bottom: var(--space-2);padding-left: var(--space-3);position: relative} .flyer-features li:before{content: '';position: absolute;left: 0;top: 0.6rem;width: 4px;height: 4px;background: var(--primary-blue);border-radius: 50%} .flyer-card .cta-button-enhanced{width: 100%;text-align: center;margin-top: auto;flex-shrink: 0} @media (max-width: 767px){.flyer-section{padding: var(--space-12) 0} .flyer-image{max-height: 250px} .flyer-content{padding: var(--space-4)} } .neighbor-cities-section{background: linear-gradient(135deg, var(--brand-white) 0%, var(--brand-light-yellow) 100%);border-radius: var(--radius-xl);padding: var(--space-8);margin: var(--space-8) 0;border: 2px solid var(--brand-gold);box-shadow: var(--shadow-lg)} .neighbor-cities-section h3{text-align: center;color: var(--brand-blue);font-size: var(--font-size-2xl);font-weight: var(--font-weight-bold);margin-bottom: var(--space-3)} .neighbor-intro{text-align: center;color: var(--text-medium);font-size: var(--font-size-lg);margin-bottom: var(--space-6);line-height: 1.6} .neighbor-cities-grid{display: grid;grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));gap: var(--space-4);margin-bottom: var(--space-6)} .neighbor-city-card{background: linear-gradient(135deg, var(--brand-white) 0%, rgba(254, 240, 194, 0.3) 100%);border-radius: var(--radius-lg);padding: var(--space-4);transition: var(--transition-normal);border: 2px solid transparent;box-shadow: var(--shadow-md);position: relative;overflow: hidden} .neighbor-city-card::before{content: '';position: absolute;top: 0;left: 0;right: 0;height: 4px;background: linear-gradient(90deg, var(--brand-gold) 0%, var(--brand-blue) 100%);transform: scaleX(0);transition: var(--transition-normal);transform-origin: left} .neighbor-city-card:hover::before{transform: scaleX(1)} .neighbor-city-card:hover{transform: translateY(-4px);border-color: var(--brand-gold);box-shadow: var(--shadow-xl);background: linear-gradient(135deg, var(--brand-white) 0%, var(--brand-light-yellow) 50%)} .neighbor-card-content{display: flex;justify-content: space-between;align-items: center} .neighbor-city-info h4{color: var(--brand-blue);font-size: var(--font-size-lg);font-weight: var(--font-weight-semibold);margin-bottom: var(--space-1)} .neighbor-city-info .neighbor-plz{color: var(--brand-gold);font-size: var(--font-size-base);font-weight: var(--font-weight-medium);margin-bottom: var(--space-1)} .neighbor-distance{color: var(--brand-gold);font-size: var(--font-size-sm);font-weight: var(--font-weight-semibold);margin-top: var(--space-1)} .neighbor-arrow{color: var(--brand-gold);font-size: var(--font-size-xl);font-weight: bold;transition: var(--transition-fast)} .neighbor-city-card:hover .neighbor-arrow{transform: translateX(5px);color: var(--brand-blue)} .neighbor-coverage-info{background: rgba(25, 95, 171, 0.05);border-radius: var(--radius-lg);padding: var(--space-6);margin-top: var(--space-6);border-left: 4px solid var(--brand-blue)} .neighbor-coverage-info h4{color: var(--brand-blue);margin-bottom: var(--space-3);font-size: var(--font-size-xl)} .neighbor-coverage-info p{color: var(--text-dark);line-height: 1.6;margin-bottom: var(--space-4)} .coverage-highlights{display: grid;grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));gap: var(--space-3)} .coverage-item{background: var(--brand-white);padding: var(--space-3);border-radius: var(--radius-md);color: var(--text-dark);font-weight: var(--font-weight-medium);border-left: 3px solid var(--brand-gold);box-shadow: var(--shadow-sm)} @media (max-width: 768px){.neighbor-cities-grid{grid-template-columns: 1fr;gap: var(--space-3)} .neighbor-cities-section{padding: var(--space-6);margin: var(--space-6) 0} .coverage-highlights{grid-template-columns: 1fr} .neighbor-city-card{padding: var(--space-3)} } @media (max-width: 480px){.neighbor-cities-section h3{font-size: var(--font-size-xl)} .neighbor-intro{font-size: var(--font-size-base)} } .expansion-hero{background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);border-bottom: 4px solid var(--brand-gold);position: relative;overflow: hidden} .expansion-hero::before{content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: radial-gradient(circle at 20% 50%, rgba(25, 95, 171, 0.05) 0%, transparent 50%), radial-gradient(circle at 80% 20%, rgba(251, 202, 42, 0.05) 0%, transparent 50%);pointer-events: none} .status-badge{display: inline-flex;align-items: center;gap: var(--space-2);padding: var(--space-3) var(--space-4);border-radius: var(--radius-full);font-size: var(--font-size-sm);font-weight: var(--font-weight-semibold);margin-bottom: var(--space-4);position: relative;z-index: 2} .status-badge.not-available{background: linear-gradient(135deg, #fff3cd 0%, #ffeaa7 100%);color: #856404;border: 2px solid #ffeaa7} .status-icon{font-size: 1.1rem} .hero-message{background: rgba(255, 255, 255, 0.9);padding: var(--space-5);border-radius: var(--radius-lg);border-left: 5px solid var(--brand-gold);margin-top: var(--space-5);box-shadow: var(--shadow-lg)} .hero-message p{margin: 0 0 var(--space-3) 0;line-height: var(--line-height-relaxed)} .hero-message .timeline{color: var(--brand-blue);font-weight: var(--font-weight-semibold);margin: 0} .current-status{padding: var(--space-8) 0;background: var(--brand-white)} .status-grid{display: grid;grid-template-columns: 1fr 1fr;gap: var(--space-5);margin-top: var(--space-5)} .status-card{background: var(--brand-white);padding: var(--space-5);border-radius: var(--radius-lg);box-shadow: var(--shadow-lg);border-top: 4px solid transparent;transition: all 0.3s ease} .status-card:hover{transform: translateY(-5px);box-shadow: var(--shadow-xl)} .status-card.not-covered{border-top-color: #dc3545;background: linear-gradient(135deg, #fff 0%, #fff5f5 100%)} .status-card.nearest-service{border-top-color: var(--brand-blue);background: linear-gradient(135deg, #fff 0%, #f0f7ff 100%)} .status-card h3{color: var(--text-dark);margin-bottom: var(--space-3);font-size: var(--font-size-xl);display: flex;align-items: center;gap: var(--space-2)} .service-info{margin-top: var(--space-3)} .service-info p{margin: var(--space-2) 0;display: flex;align-items: center;gap: var(--space-2)} .service-info strong{color: var(--brand-blue)} .expansion-info{padding: var(--space-8) 0;background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%)} .expansion-info h2{text-align: center;color: var(--text-dark);margin-bottom: var(--space-6);font-size: var(--font-size-3xl)} .expansion-grid{display: grid;grid-template-columns: 1fr 1fr;gap: var(--space-6);margin-top: var(--space-5)} .expansion-plan, .expansion-timeline{background: var(--brand-white);padding: var(--space-5);border-radius: var(--radius-lg);box-shadow: var(--shadow-md)} .expansion-plan h3, .expansion-timeline h3{color: var(--brand-blue);margin-bottom: var(--space-4);font-size: var(--font-size-xl)} .expansion-plan ul{list-style: none;padding: 0} .expansion-plan li{margin: var(--space-3) 0;display: flex;align-items: center;gap: var(--space-3);font-size: var(--font-size-lg)} .timeline-item{display: flex;align-items: center;gap: var(--space-3);padding: var(--space-3);background: var(--brand-light-yellow);border-radius: var(--radius-md);margin: var(--space-3) 0} .timeline-date{font-weight: var(--font-weight-semibold);color: var(--brand-blue);min-width: 120px} .timeline-desc{color: var(--text-dark)} .timeline-note{margin-top: var(--space-3);font-style: italic;color: var(--text-muted);font-size: var(--font-size-sm)} .lead-capture{padding: var(--space-8) 0;background: linear-gradient(135deg, var(--brand-blue) 0%, var(--brand-dark-blue) 100%);color: var(--text-light)} .lead-capture-card{background: var(--brand-white);color: var(--text-dark);padding: var(--space-6);border-radius: var(--radius-xl);box-shadow: var(--shadow-xl);max-width: 800px;margin: 0 auto} .lead-capture h2{color: var(--brand-blue);text-align: center;margin-bottom: var(--space-3);font-size: var(--font-size-2xl)} .lead-capture-desc{text-align: center;font-size: var(--font-size-lg);color: var(--text-muted);margin-bottom: var(--space-5)} .benefits-list{margin: var(--space-5) 0;padding: var(--space-5);background: var(--brand-light-yellow);border-radius: var(--radius-lg)} .benefits-list h3{color: var(--brand-blue);margin-bottom: var(--space-3);font-size: var(--font-size-xl)} .benefits-list ul{list-style: none;padding: 0} .benefits-list li{margin: var(--space-3) 0;font-size: var(--font-size-lg);display: flex;align-items: center;gap: var(--space-2)} .expansion-form{display: grid;gap: var(--space-4);margin-top: var(--space-5)} .form-group{display: flex;flex-direction: column;gap: var(--space-2)} .form-group label{font-weight: var(--font-weight-semibold);color: var(--text-dark);font-size: var(--font-size-base)} .form-group input, .form-group select, .form-group textarea{padding: var(--space-3);border: 2px solid #e9ecef;border-radius: var(--radius-md);font-size: var(--font-size-base);transition: all 0.3s ease;background: var(--brand-white)} .form-group input:focus, .form-group select:focus, .form-group textarea:focus{outline: none;border-color: var(--brand-gold);box-shadow: 0 0 0 3px rgba(251, 202, 42, 0.1)} .checkbox-group{flex-direction: row;align-items: center;gap: var(--space-3)} .checkbox-label{display: flex;align-items: center;gap: var(--space-2);cursor: pointer;line-height: var(--line-height-normal)} .checkbox-label input[type="checkbox"]{width: 18px;height: 18px;margin: 0} .submit-btn{background: linear-gradient(135deg, var(--brand-gold) 0%, #f39c12 100%);color: var(--text-on-gold);border: none;padding: var(--space-4) var(--space-5);border-radius: var(--radius-md);font-size: var(--font-size-lg);font-weight: var(--font-weight-semibold);cursor: pointer;transition: all 0.3s ease;display: flex;align-items: center;justify-content: center;gap: var(--space-2);margin-top: var(--space-3)} .submit-btn:hover{transform: translateY(-2px);box-shadow: 0 6px 20px rgba(251, 202, 42, 0.3);background: linear-gradient(135deg, #f39c12 0%, var(--brand-gold) 100%)} .form-note{font-size: var(--font-size-sm);color: var(--text-muted);text-align: center;margin-top: var(--space-3);line-height: var(--line-height-relaxed)} .form-success{background: linear-gradient(135deg, #d4edda 0%, #c3e6cb 100%);color: #155724;padding: var(--space-5);border-radius: var(--radius-lg);text-align: center;border: 2px solid #c3e6cb} .form-success h3{margin-bottom: var(--space-3);color: #155724} .emergency-alternative{padding: var(--space-8) 0;background: var(--brand-white)} .emergency-card{background: linear-gradient(135deg, #fff3cd 0%, #ffeaa7 100%);padding: var(--space-6);border-radius: var(--radius-lg);border-left: 5px solid #ffc107;box-shadow: var(--shadow-md);max-width: 800px;margin: 0 auto} .emergency-card h2{color: #856404;margin-bottom: var(--space-4);display: flex;align-items: center;gap: var(--space-2)} .emergency-contact{margin: var(--space-5) 0} .contact-method{display: flex;align-items: center;gap: var(--space-3);padding: var(--space-4);background: var(--brand-white);border-radius: var(--radius-md);box-shadow: var(--shadow-sm)} .contact-icon{font-size: var(--font-size-2xl);color: var(--brand-blue)} .contact-info strong{display: block;color: var(--brand-blue);font-size: var(--font-size-xl);margin-bottom: var(--space-1)} .contact-info small{color: var(--text-muted);font-size: var(--font-size-sm)} .emergency-note{background: var(--brand-white);padding: var(--space-4);border-radius: var(--radius-md);margin-top: var(--space-5);border: 2px solid #ffeaa7} .emergency-note p{margin: 0;color: #856404;font-weight: var(--font-weight-medium)} .faq-section{padding: var(--space-8) 0;background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%)} .faq-section h2{text-align: center;color: var(--text-dark);margin-bottom: var(--space-6);font-size: var(--font-size-2xl);display: flex;align-items: center;justify-content: center;gap: var(--space-2)} .faq-list{display: grid;gap: var(--space-4);max-width: 900px;margin: 0 auto} .faq-item{background: var(--brand-white);padding: var(--space-5);border-radius: var(--radius-lg);box-shadow: var(--shadow-md);border-left: 4px solid var(--brand-gold)} .faq-item h3{color: var(--brand-blue);margin-bottom: var(--space-3);font-size: var(--font-size-xl)} .faq-item p{color: var(--text-dark);line-height: var(--line-height-relaxed);margin: 0} @media (max-width: 768px){.status-grid, .expansion-grid{grid-template-columns: 1fr;gap: var(--space-4)} .lead-capture-card{margin: 0 var(--space-3);padding: var(--space-5)} .emergency-card{margin: 0 var(--space-3);padding: var(--space-5)} .contact-method{flex-direction: column;text-align: center} .hero-message{padding: var(--space-4);margin-top: var(--space-4)} .expansion-info h2, .faq-section h2{font-size: var(--font-size-2xl)} .status-card, .expansion-plan, .expansion-timeline{padding: var(--space-4)} } @media (max-width: 480px){.expansion-hero{padding: var(--space-5) 0} .status-badge{font-size: var(--font-size-xs);padding: var(--space-2) var(--space-3)} .current-status, .expansion-info, .lead-capture, .emergency-alternative, .faq-section{padding: var(--space-6) 0} .hero-message{padding: var(--space-3)} .lead-capture-card, .emergency-card{padding: var(--space-4)} .benefits-list{padding: var(--space-4)} .submit-btn{padding: var(--space-3);font-size: var(--font-size-base)} .contact-icon{font-size: var(--font-size-xl)} .contact-info strong{font-size: var(--font-size-base)} } .expansion-form.loading .submit-btn{background: #ccc;cursor: not-allowed;pointer-events: none} .expansion-form.loading .submit-btn::after{content: '';width: 16px;height: 16px;border: 2px solid transparent;border-top: 2px solid var(--text-on-gold);border-radius: 50%;animation: spin 1s linear infinite;margin-left: var(--space-2)} @keyframes spin{0%{transform: rotate(0deg)} 100%{transform: rotate(360deg)} } .fade-in{animation: fadeIn 0.6s ease-out} @keyframes fadeIn{from{opacity: 0;transform: translateY(20px)} to{opacity: 1;transform: translateY(0)} } @media print{.expansion-hero, .lead-capture, .emergency-alternative{background: white !important;color: black !important} .status-card, .expansion-plan, .expansion-timeline, .faq-item{box-shadow: none !important;border: 1px solid #ddd !important} .submit-btn, .expansion-form{display: none !important} }