:root {--primary-color: #2997AA;--primary-dark: #1a6b7a;--primary-light: #3daec4;--accent-color: #2997AA;--accent-hover: #1a6b7a;--text-dark: #1a1a1a;--text-gray: #555555;--text-light: #777777;--white: #ffffff;--off-white: #e9f8f9;--border-color: #e5e5e5;--shadow-sm: 0 2px 8px rgba(0,0,0,0.08);--shadow-md: 0 4px 16px rgba(0,0,0,0.12);--shadow-lg: 0 8px 32px rgba(0,0,0,0.16);--shadow-xl: 0 12px 48px rgba(0,0,0,0.2);--font-primary: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;--font-display: 'Poppins', Georgia, serif;--section-padding: 100px;--container-max: 1320px;--transition-fast: 0.2s ease;--transition-base: 0.3s ease;--transition-slow: 0.5s ease;--radius-sm: 6px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;}*, *::before, *::after {margin: 0;padding: 0;box-sizing: border-box;}html {scroll-behavior: smooth;font-size: 16px;}body {font-family: var(--font-primary);color: var(--text-dark);line-height: 1.6;overflow-x: hidden;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}@font-face {font-family: 'Poppins';font-style: normal;font-weight: 400;font-display: optional;src: url('../fonts/poppins-latin-400.woff2') format('woff2');unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}@font-face {font-family: 'Poppins';font-style: normal;font-weight: 500;font-display: optional;src: url('../fonts/poppins-latin-500.woff2') format('woff2');unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}@font-face {font-family: 'Poppins';font-style: normal;font-weight: 600;font-display: optional;src: url('../fonts/poppins-latin-600.woff2') format('woff2');unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}@font-face {font-family: 'Poppins';font-style: normal;font-weight: 700;font-display: optional;src: url('../fonts/poppins-latin-700.woff2') format('woff2');unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}img {max-width: 100%;height: auto;display: block;}a {text-decoration: none;color: inherit;transition: var(--transition-base);}ul {list-style: none;}button {border: none;background: none;cursor: pointer;font-family: inherit;}.container {max-width: var(--container-max);margin: 0 auto;padding: 0 20px;}.section {padding: var(--section-padding) 0;}.text-center {text-align: center;}.header {position: fixed;top: 0;left: 0;width: 100%;z-index: 1000;background: transparent;transition: all var(--transition-base);}.header.scrolled {background: rgba(255, 255, 255, 0.98);backdrop-filter: blur(10px);box-shadow: var(--shadow-sm);}.navbar {padding: 20px 0;transition: var(--transition-base);}.header.scrolled .navbar {padding: 12px 0;}.nav-wrapper {display: flex;align-items: center;justify-content: space-between;}.logo {display: flex;align-items: center;gap: 12px;transition: var(--transition-base);}.logo-img {height: 45px;width: auto;transition: var(--transition-base);}.header.scrolled .logo-img {height: 40px;}.logo-text {font-family: var(--font-display);font-size: 26px;font-weight: 700;color: var(--white);transition: var(--transition-base);letter-spacing: -0.5px;}.header.scrolled .logo-text {color: var(--primary-color);}.nav-menu {display: flex;align-items: center;gap: 40px;}.nav-list {display: flex;align-items: center;gap: 32px;}.nav-link {font-weight: 500;font-size: 15px;color: var(--white);position: relative;padding: 8px 0;transition: var(--transition-base);}.header.scrolled .nav-link {color: var(--text-dark);}.nav-link::after {content: '';position: absolute;bottom: 0;left: 0;width: 0;height: 2px;background: var(--accent-color);transition: var(--transition-base);}.nav-link:hover::after,.nav-link.active::after {width: 100%;}.nav-link:hover {color: var(--accent-color);}.header.scrolled .nav-link:hover {color: var(--accent-color);}.nav-toggle {display: none;flex-direction: column;gap: 5px;width: 28px;height: 24px;z-index: 1001;}.nav-toggle span {width: 100%;height: 3px;background: var(--white);border-radius: 3px;transition: var(--transition-base);}.header.scrolled .nav-toggle span {background: var(--primary-color);}.btn {display: inline-flex;align-items: center;gap: 8px;padding: 14px 32px;font-weight: 600;font-size: 15px;border-radius: var(--radius-sm);transition: all var(--transition-base);cursor: pointer;text-align: center;border: 2px solid transparent;}.btn-primary {background: var(--accent-color);color: var(--white);box-shadow: 0 4px 12px rgba(243, 156, 18, 0.3);}.btn-primary:hover {background: var(--accent-hover);transform: translateY(-2px);box-shadow: 0 6px 20px rgba(243, 156, 18, 0.4);}.btn-secondary {background: transparent;color: var(--white);border: 2px solid var(--white);}.btn-secondary:hover {background: var(--white);color: var(--primary-color);}.btn-light {background: var(--white);color: var(--primary-color);}.btn-light:hover {background: var(--off-white);transform: translateY(-2px);box-shadow: var(--shadow-lg);}.btn-lg {padding: 18px 42px;font-size: 16px;}.hero {position: relative;height: 100vh;min-height: 700px;display: flex;align-items: center;justify-content: center;overflow: hidden;color: var(--white);}.hero-slider {position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 0;}.hero-slide {position: absolute;top: 0;left: 0;width: 100%;height: 100%;opacity: 0;transform: scale(1.1);transition: opacity 1.5s ease-in-out, transform 1.5s ease-in-out;display: flex;align-items: center;justify-content: center;will-change: opacity, transform;pointer-events: none;}.hero-slide.active {opacity: 1;transform: scale(1);pointer-events: auto;}.hero-slide .container {position: relative;z-index: 3;pointer-events: auto;}.hero-background {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-size: cover;background-position: center;background-repeat: no-repeat;z-index: 0;}.slider-btn {position: absolute;top: 50%;transform: translateY(-50%);width: 50px;height: 50px;background: rgba(255, 255, 255, 0.2);backdrop-filter: blur(10px);border: 2px solid rgba(255, 255, 255, 0.3);border-radius: 50%;color: var(--white);font-size: 20px;display: flex;align-items: center;justify-content: center;cursor: pointer;transition: all var(--transition-base);z-index: 1000;pointer-events: auto;}.slider-btn:hover {background: var(--accent-color);border-color: var(--accent-color);transform: translateY(-50%) scale(1.1);}.slider-btn.prev {left: 30px;}.slider-btn.next {right: 30px;}.slider-dots {position: absolute;bottom: 100px;left: 50%;transform: translateX(-50%);display: flex;gap: 12px;z-index: 1000;pointer-events: auto;}.slider-dots .dot {width: 12px;height: 12px;background: rgba(255, 255, 255, 0.4);border-radius: 50%;cursor: pointer;transition: all var(--transition-base);pointer-events: auto;}.slider-dots .dot:hover {background: rgba(255, 255, 255, 0.7);transform: scale(1.2);}.slider-dots .dot.active {background: var(--accent-color);width: 32px;border-radius: 6px;}.hero-background::before {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-image:radial-gradient(circle at 20% 50%, rgba(243, 156, 18, 0.1) 0%, transparent 50%),radial-gradient(circle at 80% 80%, rgba(255, 255, 255, 0.05) 0%, transparent 50%);animation: pulse 15s ease-in-out infinite;}@keyframes pulse {0%, 100% { opacity: 1; }50% { opacity: 0.8; }}.hero-overlay {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: linear-gradient(135deg, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.5) 50%, rgba(0, 0, 0, 0.7) 100%);z-index: 1;pointer-events: none !important;}.hero-content {text-align: center;max-width: 900px;margin: 0 auto;padding: 0 20px;animation: fadeInUp 1s ease;position: relative;z-index: 10;pointer-events: auto !important;}.hero-content * {pointer-events: auto !important;}.hero-cta {pointer-events: auto !important;}.hero-cta .btn {pointer-events: auto !important;}@keyframes fadeInUp {from {opacity: 0;transform: translateY(40px);}to {opacity: 1;transform: translateY(0);}}.hero-tag {display: inline-block;font-size: 14px;font-weight: 700;letter-spacing: 3px;text-transform: uppercase;color: #ffffff;background: rgba(41, 151, 170, 0.9);padding: 10px 24px;border-radius: 30px;margin-bottom: 30px;text-shadow: 0 2px 8px rgba(0, 0, 0, 0.5);box-shadow: 0 4px 15px rgba(41, 151, 170, 0.4);animation: fadeIn 1s ease 0.2s both;}.hero-title {font-family: var(--font-display);font-size: clamp(42px, 6vw, 72px);font-weight: 700;line-height: 1.15;margin-bottom: 30px;display: flex;flex-direction: column;gap: 8px;color: var(--white);text-shadow: 0 4px 20px rgba(0, 0, 0, 0.5), 0 2px 8px rgba(0, 0, 0, 0.3);}.hero-title-line {display: block;animation: slideInLeft 0.8s ease;}.hero-title-line:nth-child(2) {animation-delay: 0.2s;}@keyframes slideInLeft {from {opacity: 0;transform: translateX(-50px);}to {opacity: 1;transform: translateX(0);}}.hero-subtitle {font-size: 20px;line-height: 1.8;margin-bottom: 40px;color: rgba(255, 255, 255, 0.95);text-shadow: 0 2px 12px rgba(0, 0, 0, 0.4);animation: fadeIn 1s ease 0.4s both;max-width: 700px;margin-left: auto;margin-right: auto;}@keyframes fadeIn {from { opacity: 0; }to { opacity: 1; }}.hero-cta {display: flex;gap: 24px;justify-content: center;flex-wrap: wrap;animation: fadeInUp 1s ease 0.6s both;}.hero-cta .btn {box-shadow: 0 6px 24px rgba(0, 0, 0, 0.3);}.hero-cta .btn-primary {background: var(--accent-color);box-shadow: 0 6px 24px rgba(41, 151, 170, 0.4);}.hero-cta .btn-primary:hover {box-shadow: 0 8px 32px rgba(41, 151, 170, 0.5);transform: translateY(-3px);}.hero-cta .btn-secondary {background: rgba(255, 255, 255, 0.1);backdrop-filter: blur(10px);border: 2px solid rgba(255, 255, 255, 0.8);}.hero-cta .btn-secondary:hover {background: rgba(255, 255, 255, 1);border-color: rgba(255, 255, 255, 1);}.scroll-indicator {position: absolute;bottom: 40px;left: 50%;transform: translateX(-50%);display: flex;flex-direction: column;align-items: center;gap: 12px;animation: bounce 2s ease infinite;}@keyframes bounce {0%, 100% { transform: translateX(-50%) translateY(0); }50% { transform: translateX(-50%) translateY(-10px); }}.scroll-text {font-size: 12px;text-transform: uppercase;letter-spacing: 2px;opacity: 0.8;}.scroll-icon {width: 24px;height: 40px;border: 2px solid var(--white);border-radius: 20px;position: relative;}.scroll-icon::after {content: '';position: absolute;top: 8px;left: 50%;transform: translateX(-50%);width: 4px;height: 8px;background: var(--white);border-radius: 2px;animation: scrollDown 2s ease infinite;}@keyframes scrollDown {0% { top: 8px; opacity: 1; }100% { top: 20px; opacity: 0; }}.scroll-indicator { display: none !important; }.section-header {text-align: center;max-width: 700px;margin: 0 auto 60px;}.section-tag {display: inline-block;font-size: 13px;font-weight: 700;text-transform: uppercase;letter-spacing: 2px;color: var(--accent-color);margin-bottom: 16px;}.section-title {font-family: var(--font-display);font-size: clamp(32px, 5vw, 48px);font-weight: 700;margin-bottom: 20px;color: var(--text-dark);line-height: 1.3;}.section-text {font-size: 17px;color: var(--text-gray);line-height: 1.8;}.text-lg {font-size: 18px;line-height: 1.7;color: var(--text-gray);}.about-section {background: var(--white);}.about-grid {display: grid;grid-template-columns: 1fr 1fr;gap: 80px;align-items: center;}.about-images {position: relative;}.about-img-main {width: 100%;border-radius: var(--radius-lg);box-shadow: var(--shadow-lg);}.about-img-small {position: absolute;width: 50%;bottom: -40px;right: -40px;border-radius: var(--radius-md);box-shadow: var(--shadow-xl);border: 6px solid var(--white);}.about-content .section-text {margin-bottom: 32px;}.about-services {display: flex;flex-direction: column;gap: 16px;margin-bottom: 32px;}.about-service-item {display: flex;align-items: center;gap: 16px;font-size: 16px;font-weight: 500;color: var(--text-dark);}.about-service-item i {width: 48px;height: 48px;background: linear-gradient(135deg, var(--primary-color), var(--primary-light));color: var(--white);border-radius: 50%;display: flex;align-items: center;justify-content: center;font-size: 20px;flex-shrink: 0;}.promise-section {background: var(--off-white);}.promise-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));gap: 32px;}.promise-card {background: var(--white);padding: 40px 32px;border-radius: var(--radius-md);box-shadow: var(--shadow-sm);transition: all var(--transition-base);text-align: center;contain: layout style paint;will-change: transform, box-shadow;}.promise-card:hover {transform: translateY(-8px);box-shadow: var(--shadow-lg);}.promise-icon {width: 80px;height: 80px;margin: 0 auto 24px;background: linear-gradient(135deg, var(--accent-color), var(--accent-hover));border-radius: 50%;display: flex;align-items: center;justify-content: center;font-size: 32px;color: var(--white);transition: var(--transition-base);}.promise-card:hover .promise-icon {transform: scale(1.1) rotate(5deg);}.promise-title {font-size: 20px;font-weight: 700;margin-bottom: 12px;color: var(--text-dark);}.promise-text {font-size: 15px;color: var(--text-gray);line-height: 1.7;}.services-section {background: var(--white);}.services-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));gap: 32px;margin-bottom: 48px;}.service-card {background: var(--white);border-radius: var(--radius-lg);overflow: hidden;box-shadow: var(--shadow-md);transition: all var(--transition-base);contain: layout style paint;will-change: transform, box-shadow;}.service-card:hover {transform: translateY(-8px);box-shadow: var(--shadow-xl);}.service-image {width: 100%;height: 240px;overflow: hidden;position: relative;aspect-ratio: 4 / 3;}.service-image img {width: 100%;height: 100%;object-fit: cover;transition: var(--transition-slow);}.service-card:hover .service-image img {transform: scale(1.1);}.service-content {padding: 32px 28px;}.service-title {font-size: 22px;font-weight: 700;margin-bottom: 12px;color: var(--text-dark);line-height: 1.4;}.service-text {font-size: 15px;color: var(--text-gray);line-height: 1.7;margin-bottom: 20px;}.service-link {display: inline-flex;align-items: center;gap: 8px;font-weight: 600;color: var(--accent-color);transition: var(--transition-base);}.service-link:hover {gap: 12px;color: var(--accent-hover);}.why-section {background: var(--off-white);}.why-grid {display: grid;grid-template-columns: 1fr 1fr;gap: 80px;align-items: center;}.why-content {display: flex;flex-direction: column;gap: 32px;}.why-item {display: flex;gap: 24px;align-items: flex-start;}.why-icon {width: 64px;height: 64px;background: linear-gradient(135deg, var(--primary-color), var(--primary-light));color: var(--white);border-radius: var(--radius-md);display: flex;align-items: center;justify-content: center;font-size: 28px;flex-shrink: 0;}.why-icon i {color: var(--white) !important;}.why-text h3 {font-size: 22px;margin-bottom: 8px;color: var(--text-dark);}.why-text p {font-size: 15px;color: var(--text-gray);line-height: 1.7;}.why-image img {width: 100%;border-radius: var(--radius-lg);box-shadow: var(--shadow-lg);}.stats-section {background: linear-gradient(135deg, var(--primary-color), var(--primary-dark));color: var(--white);padding: 80px 0;}.stats-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));gap: 48px;text-align: center;}.stat-box {padding: 24px;}.stat-icon {font-size: 36px;color: var(--white);margin-bottom: 16px;}.stat-number {font-family: var(--font-display);font-size: 56px;font-weight: 700;color: var(--white);display: block;margin-bottom: 8px;}.stat-number.plus::after {content: "+";margin-left: 2px;}.stat-label {font-size: 16px;color: var(--white);opacity: 0.9;text-transform: uppercase;letter-spacing: 1px;}.testimonials-section {background: var(--white);}.testimonials-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));gap: 32px;}.testimonial-card {background: var(--off-white);padding: 40px 32px;border-radius: var(--radius-lg);border-left: 4px solid var(--accent-color);transition: var(--transition-base);}.testimonial-card:hover {transform: translateY(-4px);box-shadow: var(--shadow-lg);}.testimonial-rating {display: flex;gap: 4px;margin-bottom: 20px;color: var(--accent-color);}.testimonial-text {font-size: 16px;line-height: 1.8;color: var(--text-gray);margin-bottom: 24px;font-style: italic;}.author-name {font-size: 18px;font-weight: 700;color: var(--text-dark);margin-bottom: 4px;}.author-title {font-size: 14px;color: var(--text-light);}.cta-section {background: linear-gradient(135deg, var(--primary-color), var(--primary-dark));color: var(--white);padding: 100px 0;text-align: center;position: relative;overflow: hidden;}.cta-section::before,.cta-section::after {content: '';position: absolute;border-radius: 50%;background: rgba(255, 255, 255, 0.05);}.cta-section::before {top: -50%;right: -10%;width: 500px;height: 500px;}.cta-section::after {bottom: -50%;left: -10%;width: 600px;height: 600px;}.cta-content {position: relative;z-index: 1;}.cta-title {font-family: var(--font-display);font-size: clamp(32px, 5vw, 48px);font-weight: 700;margin-bottom: 20px;}.cta-text {font-size: 20px;margin-bottom: 32px;opacity: 0.95;}.footer {background: var(--text-dark);color: var(--white);padding: 60px 0 0;}.footer-content {display: grid;grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));gap: 40px;padding-bottom: 40px;border-bottom: 1px solid rgba(255, 255, 255, 0.1);}.footer-logo {display: flex;align-items: center;gap: 12px;margin-bottom: 16px;}.footer-logo-img {height: 40px;width: 40px;}.footer-title {font-family: var(--font-display);font-size: 24px;margin-bottom: 0;}.footer-text {font-size: 15px;line-height: 1.7;opacity: 0.8;margin-bottom: 24px;}.social-links {display: flex;gap: 12px;flex-wrap: wrap;}.social-link {width: 42px;height: 42px;background: rgba(255, 255, 255, 0.1);border-radius: 50%;display: flex;align-items: center;justify-content: center;color: var(--white);font-size: 18px;transition: var(--transition-base);}.social-link:hover {background: var(--accent-color);transform: translateY(-3px);box-shadow: 0 4px 12px rgba(41, 151, 170, 0.4);}.social-link i {transition: var(--transition-base);}.footer-heading {font-size: 18px;font-weight: 600;margin-bottom: 20px;}.footer-links li,.footer-contact li {margin-bottom: 12px;}.footer-links a,.footer-contact a {opacity: 0.8;transition: var(--transition-base);font-size: 15px;}.footer-links a:hover,.footer-contact a:hover {opacity: 1;color: var(--accent-color);padding-left: 5px;}.footer-contact i {margin-right: 8px;color: var(--accent-color);}.footer-bottom {padding: 24px 0;display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;gap: 16px;opacity: 0.7;font-size: 14px;}.footer-bottom-links {display: flex;gap: 24px;}.footer-bottom-links a:hover {color: var(--accent-color);}.back-to-top {position: fixed;bottom: 30px;right: 30px;width: 50px;height: 50px;background: var(--accent-color);color: var(--white);border-radius: 50%;display: flex;align-items: center;justify-content: center;font-size: 20px;box-shadow: var(--shadow-md);opacity: 0;visibility: hidden;transition: all var(--transition-base);z-index: 999;}.back-to-top.visible {opacity: 1;visibility: visible;}.back-to-top:hover {background: var(--accent-hover);transform: translateY(-5px);box-shadow: var(--shadow-lg);}.whatsapp-float {position: fixed;bottom: 100px;right: 30px;width: 60px;height: 60px;background: #25D366;color: var(--white);border-radius: 50%;display: flex;align-items: center;justify-content: center;font-size: 32px;box-shadow: 0 4px 16px rgba(37, 211, 102, 0.4);transition: all var(--transition-base);z-index: 999;animation: whatsappPulse 2s ease infinite;}@keyframes whatsappPulse {0%, 100% {box-shadow: 0 4px 16px rgba(37, 211, 102, 0.4);transform: scale(1);}50% {box-shadow: 0 4px 24px rgba(37, 211, 102, 0.6);transform: scale(1.05);}}.whatsapp-float:hover {background: #20BA55;transform: scale(1.1);animation: none;}.fade-in {opacity: 0;transform: translateY(30px);transition: all 0.8s ease;}.fade-in.visible {opacity: 1;transform: translateY(0);}@media (max-width: 968px) {:root {--section-padding: 60px;}.header { background: #ffffff; box-shadow: var(--shadow-sm); }.header.scrolled { background: #ffffff; box-shadow: var(--shadow-sm); }.navbar, .header.scrolled .navbar { padding: 14px 0; }.logo-text { color: var(--primary-color); }.nav-toggle span { background: var(--primary-color); }.nav-link { color: var(--text-dark); }.nav-menu {position: fixed;top: 0;right: -100%;width: 100%;max-width: 400px;height: 100vh;background: var(--white);flex-direction: column;padding: 100px 40px 40px;gap: 32px;transition: var(--transition-base);box-shadow: var(--shadow-lg);overflow-y: auto;}.nav-menu.active {right: 0;}.nav-list {flex-direction: column;width: 100%;}.nav-link {color: var(--text-dark);font-size: 16px;width: 100%;}.nav-toggle {display: flex;}.nav-toggle.active span:nth-child(1) {transform: rotate(45deg) translate(7px, 7px);}.nav-toggle.active span:nth-child(2) {opacity: 0;}.nav-toggle.active span:nth-child(3) {transform: rotate(-45deg) translate(7px, -7px);}.about-grid,.why-grid {grid-template-columns: 1fr;gap: 48px;}.about-img-small {right: -20px;bottom: -20px;}.why-grid {grid-template-columns: 1fr;}.why-image {order: -1;}}@media (max-width: 640px) {.navbar { padding: 14px 0; }.logo-img { height: 34px; }.logo-text { font-size: 18px; letter-spacing: -0.2px; }.hero .container {padding-top: calc(env(safe-area-inset-top, 0px) + 96px);}.hero-cta {flex-direction: column;align-items: stretch;}.btn-lg {padding: 16px 36px;}.hero-title {font-size: clamp(28px, 8vw, 40px);}.hero-subtitle {font-size: 16px;line-height: 1.7;}.text-lg { font-size: 16px; }.section-title {font-size: clamp(24px, 7.2vw, 32px);}.services-grid,.testimonials-grid {grid-template-columns: 1fr;}.stats-grid {grid-template-columns: repeat(2, 1fr);gap: 32px;}.promise-grid {grid-template-columns: 1fr;}.footer-content {grid-template-columns: 1fr;text-align: center;}.social-links {justify-content: center;}.footer-bottom {flex-direction: column;text-align: center;}.whatsapp-float {bottom: 80px;right: 20px;width: 55px;height: 55px;font-size: 28px;}.back-to-top {bottom: 20px;right: 20px;width: 45px;height: 45px;font-size: 18px;}.slider-btn {width: 40px;height: 40px;font-size: 16px;}.slider-btn.prev {left: 15px;}.slider-btn.next {right: 15px;}.slider-dots {bottom: 60px;gap: 8px;}.slider-dots .dot {width: 10px;height: 10px;}.slider-dots .dot.active {width: 24px;}}.featured-post {display: grid;grid-template-columns: 1fr 1fr;gap: 48px;margin-bottom: 80px;background: var(--white);border-radius: 16px;overflow: hidden;box-shadow: var(--shadow-lg);}.featured-post .post-image {position: relative;height: 100%;min-height: 400px;}.featured-post .post-image img {width: 100%;height: 100%;object-fit: cover;}.post-badge {position: absolute;top: 20px;right: 20px;background: var(--accent-color);color: var(--white);padding: 8px 16px;border-radius: 6px;font-size: 12px;font-weight: 700;text-transform: uppercase;letter-spacing: 1px;}.post-badge.featured {background: var(--primary-color);}.featured-post .post-content {padding: 48px;display: flex;flex-direction: column;justify-content: center;}.post-meta {display: flex;flex-wrap: wrap;gap: 20px;margin-bottom: 20px;font-size: 14px;color: var(--text-muted);}.post-meta span {display: flex;align-items: center;gap: 8px;}.post-meta i {color: var(--accent-color);}.post-category {background: var(--off-white);padding: 6px 12px;border-radius: 6px;font-weight: 500;}.featured-post .post-title {font-size: 32px;font-weight: 700;line-height: 1.3;margin-bottom: 20px;color: var(--primary-dark);}.post-excerpt {font-size: 16px;line-height: 1.8;color: var(--text-color);margin-bottom: 30px;}.blog-grid {display: grid;grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));gap: 32px;margin-bottom: 60px;}.blog-card {background: var(--white);border-radius: 12px;overflow: hidden;box-shadow: var(--shadow-md);transition: all var(--transition-base);}.blog-card:hover {transform: translateY(-8px);box-shadow: var(--shadow-xl);}.blog-card-image {position: relative;height: 240px;overflow: hidden;}.blog-card-image img {width: 100%;height: 100%;object-fit: cover;transition: transform var(--transition-slow);}.blog-card:hover .blog-card-image img {transform: scale(1.1);}.blog-card-content {padding: 28px;}.blog-card-title {font-size: 20px;font-weight: 700;line-height: 1.4;margin-bottom: 16px;color: var(--primary-dark);}.blog-card-excerpt {font-size: 15px;line-height: 1.7;color: var(--text-color);margin-bottom: 20px;}.blog-card-link {display: inline-flex;align-items: center;gap: 8px;color: var(--accent-color);font-weight: 600;font-size: 15px;transition: all var(--transition-base);}.blog-card-link:hover {gap: 12px;color: var(--accent-hover);}.blog-card-link i {font-size: 12px;}.pagination {display: flex;justify-content: center;align-items: center;gap: 12px;}.pagination-btn {width: 44px;height: 44px;display: flex;align-items: center;justify-content: center;background: var(--white);border: 2px solid var(--border-color);border-radius: 8px;color: var(--text-color);font-weight: 600;transition: all var(--transition-base);}.pagination-btn:hover:not(.disabled) {background: var(--accent-color);color: var(--white);border-color: var(--accent-color);transform: translateY(-2px);}.pagination-btn.active {background: var(--accent-color);color: var(--white);border-color: var(--accent-color);}.pagination-btn.disabled {opacity: 0.3;cursor: not-allowed;}.newsletter-section {background: linear-gradient(135deg, var(--primary-dark) 0%, var(--primary-color) 100%);padding: 80px 0;color: var(--white);}.newsletter-content {display: grid;grid-template-columns: 1fr 1fr;gap: 60px;align-items: center;}.newsletter-title {font-size: 36px;font-weight: 700;margin-bottom: 16px;}.newsletter-subtitle {font-size: 18px;opacity: 0.9;line-height: 1.6;}.newsletter-form {max-width: 100%;}.form-group-inline {display: flex;gap: 12px;}.form-group-inline input {flex: 1;padding: 16px 24px;border: 2px solid rgba(255, 255, 255, 0.3);border-radius: 8px;background: rgba(255, 255, 255, 0.1);color: var(--white);font-size: 16px;transition: all var(--transition-base);}.form-group-inline input::placeholder {color: rgba(255, 255, 255, 0.6);}.form-group-inline input:focus {outline: none;border-color: var(--white);background: rgba(255, 255, 255, 0.15);}.form-group-inline .btn {white-space: nowrap;}@media (max-width: 968px) {.featured-post {grid-template-columns: 1fr;}.featured-post .post-content {padding: 32px;}.blog-grid {grid-template-columns: 1fr;}.newsletter-content {grid-template-columns: 1fr;gap: 40px;text-align: center;}.form-group-inline {flex-direction: column;}.form-group-inline .btn {width: 100%;}}@media (max-width: 576px) {.featured-post .post-content {padding: 24px;}.featured-post .post-title {font-size: 24px;}.post-meta {flex-direction: column;gap: 12px;}.newsletter-title {font-size: 28px;}}.page-hero {position: relative;padding: 180px 0 120px;background: linear-gradient(135deg, var(--primary-color) 0%, var(--primary-dark) 100%);background-size: cover;background-position: center;color: var(--white);text-align: center;overflow: hidden;}.page-hero::before {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-image:radial-gradient(circle at 20% 50%, rgba(41, 151, 170, 0.1) 0%, transparent 50%),radial-gradient(circle at 80% 80%, rgba(255, 255, 255, 0.05) 0%, transparent 50%);animation: pulse 15s ease-in-out infinite;pointer-events: none;}.hero-overlay {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: linear-gradient(135deg, rgba(0, 0, 0, 0.85) 0%, rgba(0, 0, 0, 0.85) 100%);z-index: 0;}.page-hero-content {position: relative;z-index: 1;}.page-title {font-size: clamp(36px, 5vw, 56px);font-weight: 700;margin-bottom: 20px;line-height: 1.2;}.page-subtitle {font-size: 20px;margin-bottom: 30px;opacity: 0.95;max-width: 700px;margin-left: auto;margin-right: auto;}.breadcrumb {display: flex;align-items: center;justify-content: center;gap: 12px;font-size: 15px;opacity: 0.9;}.breadcrumb a {color: var(--white);transition: var(--transition-base);}.breadcrumb a:hover {color: var(--accent-color);}.breadcrumb span {color: rgba(255, 255, 255, 0.6);}.about-features {margin-top: 40px;display: flex;flex-direction: column;gap: 24px;}.feature-item {display: flex;align-items: flex-start;gap: 20px;padding: 24px;background: var(--off-white);border-radius: var(--radius-sm);transition: var(--transition-base);}.feature-item:hover {transform: translateX(8px);box-shadow: var(--shadow-md);}.feature-icon {width: 60px;height: 60px;background: linear-gradient(135deg, var(--accent-color) 0%, #237d8e 100%);border-radius: 50%;display: flex;align-items: center;justify-content: center;color: var(--white);font-size: 24px;flex-shrink: 0;}.feature-item h4 {font-size: 20px;margin-bottom: 8px;color: var(--primary-color);}.feature-item p {color: var(--text-light);font-size: 15px;}.mission-vision-grid {display: grid;grid-template-columns: repeat(2, 1fr);gap: 48px;}.mission-box,.vision-box {background: var(--white);padding: 48px;border-radius: var(--radius-md);box-shadow: var(--shadow-lg);text-align: center;transition: var(--transition-base);}.mission-box:hover,.vision-box:hover {transform: translateY(-8px);box-shadow: var(--shadow-xl);}.mv-icon {width: 80px;height: 80px;background: linear-gradient(135deg, var(--accent-color) 0%, #237d8e 100%);border-radius: 50%;display: flex;align-items: center;justify-content: center;margin: 0 auto 24px;color: var(--white);font-size: 32px;}.mission-box h3,.vision-box h3 {font-size: 28px;margin-bottom: 20px;color: var(--primary-color);}.mission-box p,.vision-box p {font-size: 16px;line-height: 1.8;color: var(--text-light);}.values-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));gap: 32px;margin-top: 60px;}.value-card {background: var(--white);padding: 40px 32px;border-radius: var(--radius-md);box-shadow: var(--shadow-md);text-align: center;transition: var(--transition-base);border-top: 4px solid transparent;}.value-card:hover {transform: translateY(-8px);box-shadow: var(--shadow-xl);border-top-color: var(--accent-color);}.value-icon {width: 70px;height: 70px;background: linear-gradient(135deg, rgba(41, 151, 170, 0.1) 0%, rgba(41, 151, 170, 0.2) 100%);border-radius: 50%;display: flex;align-items: center;justify-content: center;margin: 0 auto 24px;color: var(--accent-color);font-size: 28px;}.value-card h3 {font-size: 22px;margin-bottom: 16px;color: var(--primary-color);}.value-card p {font-size: 15px;line-height: 1.8;color: var(--text-light);}.why-list {display: flex;flex-direction: column;gap: 24px;margin: 40px 0;}.why-item {display: flex;align-items: flex-start;gap: 20px;}.why-item i {color: var(--accent-color);font-size: 24px;margin-top: 4px;flex-shrink: 0;}.why-item h4 {font-size: 18px;margin-bottom: 8px;color: var(--primary-color);}.why-item p {color: var(--text-light);font-size: 15px;line-height: 1.7;}.process-timeline {position: relative;max-width: 900px;margin: 60px auto 0;}.process-timeline::before {content: '';position: absolute;left: 40px;top: 0;bottom: 0;width: 2px;background: linear-gradient(to bottom, var(--accent-color) 0%, #237d8e 100%);}.process-step {position: relative;padding-left: 120px;margin-bottom: 60px;}.process-step:last-child {margin-bottom: 0;}.process-number {position: absolute;left: 0;top: 0;width: 80px;height: 80px;background: linear-gradient(135deg, var(--accent-color) 0%, #237d8e 100%);border-radius: 50%;display: flex;align-items: center;justify-content: center;font-size: 28px;font-weight: 700;color: var(--white);box-shadow: 0 4px 20px rgba(41, 151, 170, 0.3);}.process-content {background: var(--white);padding: 32px;border-radius: var(--radius-md);box-shadow: var(--shadow-md);transition: var(--transition-base);}.process-content:hover {transform: translateX(12px);box-shadow: var(--shadow-lg);}.process-content h3 {font-size: 24px;margin-bottom: 16px;color: var(--primary-color);}.process-content p {font-size: 16px;line-height: 1.8;color: var(--text-light);}.cta-buttons {display: flex;align-items: center;gap: 16px;flex-wrap: wrap;}@media (max-width: 968px) {.page-hero {padding: 140px 0 80px;}.mission-vision-grid {grid-template-columns: 1fr;gap: 32px;}.mission-box,.vision-box {padding: 36px 28px;}.process-timeline::before {left: 20px;}.process-step {padding-left: 80px;}.process-number {width: 60px;height: 60px;font-size: 22px;}.process-content {padding: 24px;}}@media (max-width: 640px) {.page-title {font-size: 32px;}.page-subtitle {font-size: 16px;}.about-features {gap: 16px;}.feature-item {padding: 20px;}.feature-icon {width: 50px;height: 50px;font-size: 20px;}.values-grid {grid-template-columns: 1fr;}.why-item {flex-direction: column;align-items: flex-start;}.cta-buttons {flex-direction: column;width: 100%;}.cta-buttons .btn {width: 100%;justify-content: center;}}.service-nav {display: grid;grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));gap: 20px;margin-top: 60px;}.service-nav-link {display: flex;flex-direction: column;align-items: center;gap: 12px;padding: 24px 16px;background: var(--white);border-radius: var(--radius-sm);box-shadow: var(--shadow-md);text-align: center;transition: var(--transition-base);color: var(--text-dark);}.service-nav-link:hover {transform: translateY(-8px);box-shadow: var(--shadow-lg);color: var(--accent-color);}.service-nav-link i {font-size: 32px;color: var(--accent-color);}.service-nav-link span {font-weight: 600;font-size: 15px;}.service-detail {padding: 80px 0;}.service-detail-grid {display: grid;grid-template-columns: 480px 1fr;gap: 48px;align-items: start;}.service-detail-grid.reverse {direction: rtl;}.service-detail-grid.reverse > * {direction: ltr;}.service-detail-image {position: relative;border-radius: var(--radius-md);overflow: hidden;box-shadow: var(--shadow-xl);width: 100%;min-width: 0;aspect-ratio: 16 / 9;}.service-detail-image img {width: 100%;height: 100%;object-fit: cover;transition: var(--transition-base);}.service-detail-image:hover img {transform: scale(1.05);}.service-detail-media {display: flex;flex-direction: column;gap: 24px;}.service-detail-media .service-benefits {margin: 0;}.service-detail-media .service-benefits h3 {margin-bottom: 18px;}#cctv .service-detail-grid {grid-template-columns: 560px 1fr;}#cctv .service-detail-image {aspect-ratio: 4 / 3;}#cctv .service-detail-media { gap: 28px; }#cctv .service-benefits { padding: 40px; }#access-control .service-detail-grid,#fire-safety .service-detail-grid,#telecom .service-detail-grid,#public-address .service-detail-grid,#electrical .service-detail-grid {grid-template-columns: 560px 1fr;}#access-control .service-detail-image,#fire-safety .service-detail-image,#telecom .service-detail-image,#public-address .service-detail-image,#electrical .service-detail-image {aspect-ratio: 4 / 3;}#access-control .service-detail-media,#fire-safety .service-detail-media,#telecom .service-detail-media,#public-address .service-detail-media,#electrical .service-detail-media { gap: 28px; }#access-control .service-benefits,#fire-safety .service-benefits,#telecom .service-benefits,#public-address .service-benefits,#electrical .service-benefits { padding: 40px; }.service-badge {position: absolute;top: 20px;right: 20px;background: var(--accent-color);color: var(--white);padding: 8px 20px;border-radius: 20px;font-size: 13px;font-weight: 700;text-transform: uppercase;letter-spacing: 1px;}.service-badge.critical {background: #e74c3c;}.service-detail-content {width: 100%;min-width: 0;}.service-detail-content p {max-width: 65ch;line-height: 1.55;margin-bottom: 14px;}.service-detail-content h2 {font-size: clamp(32px, 4vw, 42px);margin-bottom: 20px;color: var(--primary-color);}.service-detail-content h3 {font-size: 24px;margin: 32px 0 20px;color: var(--primary-color);}.check-list {list-style: none;padding: 0;margin: 24px 0;display: flex;flex-direction: column;gap: 12px;}.check-list li {display: flex;align-items: flex-start;gap: 16px;font-size: 16px;line-height: 1.7;}.check-list i {color: var(--accent-color);font-size: 20px;margin-top: 2px;flex-shrink: 0;min-width: 20px;}.check-list li > span,.check-list li > div {flex: 1;min-width: 0;}.check-list strong {color: var(--primary-color);display: inline-block;margin-right: 4px;}.service-benefits {background: var(--off-white);padding: 32px;border-radius: var(--radius-md);margin: 32px 0;}.service-benefits h3 {margin-top: 0;margin-bottom: 24px;}.benefit-grid {display: grid;grid-template-columns: repeat(2, 1fr);gap: 24px;}.benefit-item {display: flex;align-items: flex-start;gap: 16px;}.benefit-item i {color: var(--accent-color);font-size: 24px;margin-top: 4px;flex-shrink: 0;}.benefit-item p {font-size: 15px;line-height: 1.7;margin: 0;}.benefit-item strong {display: block;color: var(--primary-color);margin-bottom: 4px;}.service-cta {display: flex;align-items: center;gap: 16px;margin-top: 40px;flex-wrap: wrap;}@media (min-width: 1024px) {.check-list {display: grid;grid-template-columns: repeat(2, minmax(260px, 1fr));column-gap: 32px;row-gap: 12px;}}.advantage-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));gap: 32px;margin-top: 60px;}.advantage-card {text-align: center;padding: 40px 28px;background: var(--white);border-radius: var(--radius-md);box-shadow: var(--shadow-md);transition: var(--transition-base);}.advantage-card:hover {transform: translateY(-8px);box-shadow: var(--shadow-xl);}.advantage-card i {font-size: 48px;color: var(--accent-color);margin-bottom: 20px;}.advantage-card h3 {font-size: 22px;margin-bottom: 16px;color: var(--primary-color);}.advantage-card p {font-size: 15px;line-height: 1.7;color: var(--text-light);}@media (max-width: 768px) {.service-nav {grid-template-columns: repeat(2, 1fr);}.service-detail {padding: 60px 0;}.service-detail-grid,.service-detail-grid.reverse,#cctv .service-detail-grid,#access-control .service-detail-grid,#fire-safety .service-detail-grid,#telecom .service-detail-grid,#public-address .service-detail-grid,#electrical .service-detail-grid {grid-template-columns: 1fr !important;gap: 28px;direction: ltr;}.service-detail-image { aspect-ratio: 16 / 10; }.service-detail-media { gap: 20px; }.benefit-grid {grid-template-columns: 1fr;}.service-cta {flex-direction: column;width: 100%;}.service-cta .btn {width: 100%;justify-content: center;}#cctv .service-detail-grid {display: flex !important;flex-direction: column;}#cctv .service-detail-media,#cctv .service-detail-content {display: contents;}#cctv .service-detail-image { order: 1; }#cctv .service-detail-content > * { order: 2; }#cctv .service-benefits { order: 3; }#cctv .service-cta { order: 4; }#access-control .service-detail-grid,#fire-safety .service-detail-grid,#telecom .service-detail-grid,#public-address .service-detail-grid,#electrical .service-detail-grid {display: flex !important;flex-direction: column;}#access-control .service-detail-media, #access-control .service-detail-content,#fire-safety .service-detail-media, #fire-safety .service-detail-content,#telecom .service-detail-media, #telecom .service-detail-content,#public-address .service-detail-media, #public-address .service-detail-content,#electrical .service-detail-media, #electrical .service-detail-content {display: contents;}#access-control .service-detail-image,#fire-safety .service-detail-image,#telecom .service-detail-image,#public-address .service-detail-image,#electrical .service-detail-image { order: 1; }#access-control .service-detail-content > *,#fire-safety .service-detail-content > *,#telecom .service-detail-content > *,#public-address .service-detail-content > *,#electrical .service-detail-content > * { order: 2; }#access-control .service-benefits,#fire-safety .service-benefits,#telecom .service-benefits,#public-address .service-benefits,#electrical .service-benefits { order: 3; }#access-control .service-cta,#fire-safety .service-cta,#telecom .service-cta,#public-address .service-cta,#electrical .service-cta { order: 4; }}@media (max-width: 640px) {.service-nav {grid-template-columns: 1fr;}.service-nav-link {padding: 20px 16px;}.service-detail-content h2 {font-size: 28px;}.service-benefits {padding: 24px 20px;}.check-list li {font-size: 15px;}}.contact-cards-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));gap: 32px;margin-top: 40px;}.contact-info-card {background: var(--white);padding: 40px 32px;border-radius: var(--radius-md);box-shadow: var(--shadow-md);text-align: center;transition: var(--transition-base);}.contact-info-card:hover {transform: translateY(-8px);box-shadow: var(--shadow-xl);}.contact-card-icon {width: 80px;height: 80px;background: linear-gradient(135deg, var(--accent-color) 0%, #237d8e 100%);border-radius: 50%;display: flex;align-items: center;justify-content: center;margin: 0 auto 24px;color: var(--white);font-size: 32px;}.contact-info-card h3 {font-size: 22px;margin-bottom: 12px;color: var(--primary-color);}.contact-info-card p {font-size: 15px;line-height: 1.7;color: var(--text-light);margin-bottom: 16px;}.contact-link {font-size: 18px;font-weight: 600;color: var(--accent-color);transition: var(--transition-base);}.contact-link:hover {color: var(--accent-hover);}.contact-form-section {display: grid;grid-template-columns: 1fr 1.2fr;gap: 60px;align-items: start;}.contact-benefits {display: flex;flex-direction: column;gap: 16px;margin-top: 32px;}.contact-benefit-item {display: flex;align-items: center;gap: 12px;}.contact-benefit-item i {color: var(--accent-color);font-size: 20px;width: 20px;min-width: 20px;display: inline-block;}.contact-benefit-item p {font-size: 15px;color: var(--text-light);margin: 0;}.contact-form-wrapper {background: var(--white);padding: 48px;border-radius: var(--radius-md);box-shadow: var(--shadow-xl);}.contact-form {display: flex;flex-direction: column;gap: 24px;}.form-row {display: grid;grid-template-columns: repeat(2, 1fr);gap: 24px;}.form-group {display: flex;flex-direction: column;}.form-group label {font-size: 15px;font-weight: 600;color: var(--primary-color);margin-bottom: 8px;}.form-group input,.form-group select,.form-group textarea {padding: 14px 18px;font-size: 15px;font-family: inherit;border: 2px solid #e1e8ed;border-radius: var(--radius-sm);transition: var(--transition-base);background: var(--white);color: var(--text-dark);}.form-group input:focus,.form-group select:focus,.form-group textarea:focus {outline: none;border-color: var(--accent-color);box-shadow: 0 0 0 3px rgba(41, 151, 170, 0.1);}.form-group textarea {resize: vertical;min-height: 150px;}.form-group select {cursor: pointer;appearance: none;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%232c3e50' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat: no-repeat;background-position: right 16px center;padding-right: 40px;}.checkbox-group {margin-top: 8px;}.checkbox-label {display: flex;align-items: flex-start;gap: 12px;cursor: pointer;font-size: 14px;color: var(--text-light);}.checkbox-label input[type="checkbox"] {margin-top: 2px;width: 18px;height: 18px;cursor: pointer;}.btn-block {width: 100%;justify-content: center;}.form-note {font-size: 13px;color: var(--text-light);text-align: center;margin-top: 16px;}.form-message {display: none;padding: 16px 24px;border-radius: var(--radius-sm);font-size: 15px;font-weight: 500;margin-top: 24px;text-align: center;}.form-message.success {display: block;background: #d4edda;color: #155724;border: 1px solid #c3e6cb;}.form-message.error {display: block;background: #f8d7da;color: #721c24;border: 1px solid #f5c6cb;}.business-hours-section {display: grid;grid-template-columns: 1.2fr 1fr;gap: 60px;align-items: center;}.business-hours-content h2 {font-size: clamp(32px, 4vw, 42px);margin-bottom: 20px;color: var(--primary-color);}.hours-grid {display: flex;flex-direction: column;gap: 24px;margin: 40px 0;}.hours-item {display: flex;align-items: center;gap: 20px;padding: 24px;background: var(--off-white);border-radius: var(--radius-sm);border-left: 4px solid var(--accent-color);}.hours-item i {font-size: 32px;color: var(--accent-color);width: 32px;min-width: 32px;}.hours-item h4 {font-size: 18px;margin-bottom: 4px;color: var(--primary-color);}.hours-item p {font-size: 15px;color: var(--text-light);margin: 0;}.emergency-note {display: flex;align-items: flex-start;gap: 16px;padding: 24px;background: #fff3cd;border-radius: var(--radius-sm);border-left: 4px solid #f39c12;}.emergency-note i {font-size: 24px;color: #f39c12;margin-top: 2px;}.emergency-note p {font-size: 15px;line-height: 1.7;color: #856404;margin: 0;}.business-hours-image {border-radius: var(--radius-md);overflow: hidden;box-shadow: var(--shadow-xl);}.business-hours-image img {width: 100%;height: 100%;object-fit: cover;}.faq-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));gap: 32px;margin-top: 60px;}.faq-item {background: var(--white);padding: 32px;border-radius: var(--radius-md);box-shadow: var(--shadow-md);transition: var(--transition-base);}.faq-item:hover {transform: translateY(-4px);box-shadow: var(--shadow-lg);}.faq-item h3 {font-size: 18px;margin-bottom: 16px;color: var(--primary-color);display: flex;align-items: flex-start;gap: 12px;}.faq-item h3 i {color: var(--accent-color);margin-top: 2px;width: 18px;min-width: 18px;display: inline-block;}.faq-item p {font-size: 15px;line-height: 1.8;color: var(--text-light);}.faq-cta {text-align: center;margin-top: 60px;}.faq-cta p {font-size: 18px;margin-bottom: 24px;color: var(--text-dark);}@media (max-width: 968px) {.contact-form-section {grid-template-columns: 1fr;gap: 40px;}.contact-form-wrapper {padding: 36px 28px;}.business-hours-section {grid-template-columns: 1fr;gap: 40px;}.business-hours-image {order: -1;}.faq-grid {grid-template-columns: 1fr;}}@media (max-width: 640px) {.contact-cards-grid {grid-template-columns: 1fr;}.form-row {grid-template-columns: 1fr;}.contact-form-wrapper {padding: 28px 20px;}.hours-item {flex-direction: column;text-align: center;}.emergency-note {flex-direction: column;text-align: center;}}.project-filters {display: flex;justify-content: center;align-items: center;gap: 16px;flex-wrap: wrap;margin-top: 48px;}.filter-btn {padding: 12px 28px;font-size: 15px;font-weight: 600;border: 2px solid #e1e8ed;background: var(--white);color: var(--text-dark);border-radius: 50px;cursor: pointer;transition: var(--transition-base);}.filter-btn:hover {border-color: var(--accent-color);color: var(--accent-color);}.filter-btn.active {background: var(--accent-color);color: var(--white);border-color: var(--accent-color);}.featured-project {display: grid;grid-template-columns: 1.3fr 1fr;gap: 60px;align-items: start;}.project-badge {display: inline-block;padding: 8px 20px;background: var(--accent-color);color: var(--white);font-size: 13px;font-weight: 700;text-transform: uppercase;letter-spacing: 1px;border-radius: 20px;margin-bottom: 20px;}.project-badge.featured {background: linear-gradient(135deg, #f39c12 0%, #e67e22 100%);}.featured-project-content h2 {font-size: clamp(32px, 4vw, 42px);margin-bottom: 20px;color: var(--primary-color);}.project-meta {display: flex;align-items: center;gap: 24px;flex-wrap: wrap;margin-bottom: 24px;font-size: 15px;color: var(--text-light);}.project-meta span {display: flex;align-items: center;gap: 8px;}.project-meta i {color: var(--accent-color);}.project-highlights {margin: 40px 0;}.project-highlights h3 {font-size: 24px;margin: 32px 0 16px;color: var(--primary-color);}.project-highlights h3:first-child {margin-top: 0;}.project-solution-list {list-style: none;padding: 0;margin: 24px 0;display: flex;flex-direction: column;gap: 12px;}.project-solution-list li {display: flex;align-items: flex-start;gap: 12px;font-size: 16px;line-height: 1.7;}.project-solution-list i {color: var(--accent-color);font-size: 20px;margin-top: 2px;flex-shrink: 0;}.project-results {display: grid;grid-template-columns: repeat(3, 1fr);gap: 32px;margin: 32px 0;}.result-stat {text-align: center;padding: 32px 24px;background: var(--off-white);border-radius: var(--radius-md);border-top: 4px solid var(--accent-color);}.result-stat h4 {font-size: 48px;font-weight: 700;color: var(--accent-color);margin-bottom: 12px;}.result-stat p {font-size: 15px;color: var(--text-light);}.client-quote {background: var(--white);padding: 32px;border-left: 4px solid var(--accent-color);border-radius: var(--radius-sm);margin: 32px 0;box-shadow: var(--shadow-md);}.client-quote p {font-size: 18px;font-style: italic;line-height: 1.8;color: var(--text-dark);margin-bottom: 20px;}.client-quote cite {display: block;font-size: 15px;font-style: normal;font-weight: 600;color: var(--accent-color);}.featured-project-image {position: sticky;top: 100px;border-radius: var(--radius-md);overflow: hidden;box-shadow: var(--shadow-xl);}.featured-project-image img {width: 100%;height: 100%;object-fit: cover;}.projects-grid {display: grid;grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));gap: 32px;margin-top: 60px;}.project-card {background: var(--white);border-radius: var(--radius-md);overflow: hidden;box-shadow: var(--shadow-md);transition: var(--transition-base);opacity: 1;transform: scale(1);}.project-card:hover {transform: translateY(-8px);box-shadow: var(--shadow-xl);}.project-image {position: relative;height: 250px;overflow: hidden;}.project-image img {width: 100%;height: 100%;object-fit: cover;transition: var(--transition-base);}.project-card:hover .project-image img {transform: scale(1.1);}.project-overlay {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.7) 100%);display: flex;align-items: flex-end;padding: 20px;}.project-category {padding: 6px 16px;background: var(--accent-color);color: var(--white);font-size: 13px;font-weight: 700;text-transform: uppercase;letter-spacing: 1px;border-radius: 20px;}.project-content {padding: 28px;}.project-content h3 {font-size: 22px;margin-bottom: 12px;color: var(--primary-color);}.project-content > p {font-size: 15px;line-height: 1.7;color: var(--text-light);margin-bottom: 20px;}.project-services {display: flex;align-items: center;gap: 12px;flex-wrap: wrap;margin-bottom: 20px;}.project-services span {display: flex;align-items: center;gap: 6px;font-size: 13px;padding: 6px 12px;background: var(--off-white);color: var(--text-dark);border-radius: 20px;}.project-services i {color: var(--accent-color);}.project-stats {display: flex;align-items: center;justify-content: space-between;padding: 16px 0;border-top: 1px solid #e1e8ed;border-bottom: 1px solid #e1e8ed;margin-bottom: 20px;font-size: 14px;}.project-stats div {text-align: center;}.project-stats strong {display: block;font-size: 20px;color: var(--accent-color);margin-bottom: 4px;}.project-link {display: inline-flex;align-items: center;gap: 8px;font-size: 15px;font-weight: 600;color: var(--accent-color);transition: var(--transition-base);}.project-link:hover {gap: 12px;color: var(--accent-hover);}.impact-stats-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));gap: 40px;margin-top: 60px;}.impact-stat {text-align: center;}.impact-stat i {font-size: 56px;color: var(--accent-color);margin-bottom: 20px;}.impact-stat h3 {font-size: 48px;font-weight: 700;color: var(--primary-color);margin-bottom: 12px;}.impact-stat p {font-size: 16px;color: var(--text-light);}.industries-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));gap: 32px;margin-top: 60px;}.industry-item {text-align: center;padding: 40px 28px;background: var(--white);border-radius: var(--radius-md);box-shadow: var(--shadow-md);transition: var(--transition-base);}.industry-item:hover {transform: translateY(-8px);box-shadow: var(--shadow-xl);}.industry-item i {font-size: 48px;color: var(--accent-color);margin-bottom: 20px;}.industry-item h4 {font-size: 20px;margin-bottom: 12px;color: var(--primary-color);}.industry-item p {font-size: 15px;line-height: 1.7;color: var(--text-light);}@media (max-width: 968px) {.project-filters {gap: 12px;}.filter-btn {padding: 10px 20px;font-size: 14px;}.featured-project {grid-template-columns: 1fr;gap: 40px;}.featured-project-image {position: relative;top: 0;order: -1;}.project-results {grid-template-columns: 1fr;}.projects-grid {grid-template-columns: 1fr;}}@media (max-width: 640px) {.project-meta {gap: 16px;}.project-results {gap: 20px;}.result-stat h4 {font-size: 36px;}.project-stats {flex-direction: column;gap: 16px;}.impact-stats-grid {grid-template-columns: repeat(2, 1fr);}.industries-grid {grid-template-columns: 1fr;}}.blog-article {background: var(--white);}.article-header {background: linear-gradient(135deg, var(--primary-color) 0%, var(--primary-dark) 100%);color: var(--white);padding: 140px 0 60px;}.article-meta {display: flex;flex-wrap: wrap;gap: 24px;margin: 24px 0;font-size: 14px;opacity: 0.95;}.article-meta span {display: flex;align-items: center;gap: 8px;}.article-title {font-size: clamp(32px, 5vw, 52px);font-weight: 700;line-height: 1.2;margin: 24px 0;}.article-intro {font-size: 20px;line-height: 1.6;opacity: 0.95;max-width: 800px;}.article-featured-image {width: 100%;max-height: 500px;overflow: hidden;}.article-featured-image img {width: 100%;height: 100%;object-fit: cover;}.article-content {max-width: 800px;margin: 60px auto;padding: 0 20px;}.article-content .lead {font-size: 20px;line-height: 1.8;color: var(--text-gray);margin-bottom: 32px;font-weight: 400;}.article-content h2 {font-size: 32px;font-weight: 700;color: var(--text-dark);margin: 48px 0 24px;line-height: 1.3;}.article-content h3 {font-size: 24px;font-weight: 600;color: var(--text-dark);margin: 32px 0 16px;line-height: 1.4;}.article-content p {font-size: 18px;line-height: 1.8;color: var(--text-gray);margin-bottom: 24px;}.article-content ul,.article-content ol {margin: 24px 0;padding-left: 32px;}.article-content li {font-size: 18px;line-height: 1.8;color: var(--text-gray);margin-bottom: 12px;}.article-content li strong {color: var(--text-dark);font-weight: 600;}.article-content .cta-text {background: var(--off-white);border-left: 4px solid var(--primary-color);padding: 24px;margin: 40px 0;border-radius: 8px;}.author-bio {background: var(--off-white);padding: 32px;border-radius: 12px;margin: 60px 0;}.author-bio h3 {color: var(--text-dark);font-size: 24px;font-weight: 600;margin-bottom: 16px;}.author-bio p {font-size: 16px;line-height: 1.7;color: var(--text-gray);}.related-articles {margin: 60px 0;}.related-articles h3 {font-size: 28px;font-weight: 700;color: var(--text-dark);margin-bottom: 32px;}.related-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));gap: 24px;}.related-card {display: block;background: var(--white);border-radius: 12px;overflow: hidden;box-shadow: var(--shadow-sm);transition: var(--transition-base);text-decoration: none;}.related-card:hover {transform: translateY(-4px);box-shadow: var(--shadow-md);}.related-card img {width: 100%;height: 180px;object-fit: cover;}.related-card h4 {padding: 20px;font-size: 16px;font-weight: 600;color: var(--text-dark);line-height: 1.5;}.article-cta {background: linear-gradient(135deg, var(--primary-color) 0%, var(--primary-dark) 100%);color: var(--white);padding: 48px;border-radius: 16px;text-align: center;margin: 60px 0;}.article-cta h3 {font-size: 32px;font-weight: 700;margin-bottom: 16px;color: var(--white);}.article-cta p {font-size: 18px;margin-bottom: 32px;opacity: 0.95;color: var(--white);}.cta-buttons {display: flex;gap: 16px;justify-content: center;flex-wrap: wrap;}@media (max-width: 768px) {.article-header {padding: 120px 0 40px;}.article-title {font-size: 28px;}.article-intro {font-size: 16px;}.article-content {margin: 40px auto;}.article-content h2 {font-size: 24px;margin: 32px 0 16px;}.article-content h3 {font-size: 20px;}.article-content p,.article-content li {font-size: 16px;}.article-cta {padding: 32px 24px;}.article-cta h3 {font-size: 24px;}.cta-buttons {flex-direction: column;}.cta-buttons .btn {width: 100%;}}.animate-on-scroll {opacity: 1;transition: all 0.6s ease-out;}.animate-on-scroll.animated {opacity: 1;}.fade-in { opacity: 0; }.fade-in.animated {animation: fadeIn 0.8s ease forwards;}@keyframes fadeIn {from {opacity: 0;}to {opacity: 1;}}.fade-up {opacity: 0;transform: translateY(40px);}.fade-up.animated {opacity: 1;transform: translateY(0);}.fade-down {opacity: 0;transform: translateY(-40px);}.fade-down.animated {opacity: 1;transform: translateY(0);}.fade-left {opacity: 0;transform: translateX(-40px);}.fade-left.animated {opacity: 1;transform: translateX(0);}.fade-right {opacity: 0;transform: translateX(40px);}.fade-right.animated {opacity: 1;transform: translateX(0);}.zoom-in {opacity: 0;transform: scale(0.9);}.zoom-in.animated {opacity: 1;transform: scale(1);}.zoom-out {opacity: 0;transform: scale(1.1);}.zoom-out.animated {opacity: 1;transform: scale(1);}.slide-up {opacity: 0;transform: translateY(60px);}.slide-up.animated {opacity: 1;transform: translateY(0);}.rotate-in {opacity: 0;transform: rotate(-10deg) scale(0.95);}.rotate-in.animated {opacity: 1;transform: rotate(0) scale(1);}.stagger-1, .stagger-2, .stagger-3, .stagger-4, .stagger-5, .stagger-6 { transition-delay: 0s !important; }.duration-fast { transition-duration: 0.4s; }.duration-normal { transition-duration: 0.6s; }.duration-slow { transition-duration: 1s; }.director-portrait {max-width: 520px;margin: 0 auto 40px;}.director-portrait .portrait-img {width: 100%;height: auto;aspect-ratio: 4/5;object-fit: cover;border-radius: 24px;box-shadow: var(--shadow-lg);background: #f5f5f5;}@media (max-width: 768px) {.director-portrait { margin-bottom: 32px; }.director-portrait .portrait-img { border-radius: 20px; }}@media (prefers-reduced-motion: reduce) {.animate-on-scroll,.fade-in, .fade-up, .fade-down, .fade-left, .fade-right,.zoom-in, .zoom-out, .slide-up, .rotate-in {opacity: 1 !important;transform: none !important;transition: none !important;animation: none !important;}}@media (max-width: 768px) {.fade-up, .fade-down, .slide-up {transform: translateY(20px);}.fade-left, .fade-right {transform: translateX(20px);}.fade-up.animated, .fade-down.animated, .slide-up.animated {transform: translateY(0);}.fade-left.animated, .fade-right.animated {transform: translateX(0);}}@media print {.header,.whatsapp-float,.back-to-top,.nav-toggle {display: none !important;}}.sticky-cta {position: fixed;bottom: 170px;right: 30px;display: inline-flex;align-items: center;gap: 10px;background: var(--accent-color);color: var(--white);font-weight: 600;font-size: 14px;letter-spacing: .5px;border-radius: 28px;padding: 12px 18px;box-shadow: var(--shadow-md);z-index: 998;transition: all var(--transition-base);opacity: 0;transform: translateY(12px);pointer-events: none;}.sticky-cta i {font-size: 18px;}.sticky-cta:hover {background: var(--accent-hover);transform: translateY(6px);box-shadow: var(--shadow-lg);}.sticky-cta.visible {opacity: 1;transform: translateY(0);pointer-events: auto;}@media (max-width: 768px) {.sticky-cta {display: none;}}