:root {--bg-dark: #060b14;--bg-card: #0f172a;--primary: #0ea5e9;--primary-hover: #0284c7;--accent: #10b981;--bg-color: #f8fafc;--bg-alt: #f1f5f9;--text-main: #f8fafc;--text-muted: #94a3b8;--gradient-brand: linear-gradient(135deg, #38bdf8 0%, #0284c7 100%);--nav-bg: rgba(6, 11, 20, 0.85);--container-width: 1280px;--font-heading: 'Outfit', sans-serif;--font-body: 'Inter', sans-serif;--border-radius: 12px;--transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);}* {margin: 0;padding: 0;box-sizing: border-box;}html {scroll-behavior: smooth;font-family: var(--font-body);background-color: var(--bg-dark);color: var(--text-main);}body {overflow-x: hidden;-webkit-font-smoothing: antialiased;}.container {max-width: var(--container-width);margin: 0 auto;padding: 0 1.5rem;}.text-center { text-align: center; }.text-gradient {background: var(--gradient-brand);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;}.text-light { color: var(--text-main); }.text-dim { color: var(--text-muted); }.mt-4 { margin-top: 1rem; }.mt-3 { margin-top: 0.75rem; }.btn {display: inline-flex;align-items: center;justify-content: center;gap: 0.5rem;padding: 0.75rem 1.5rem;font-family: var(--font-heading);font-weight: 600;border-radius: var(--border-radius);text-decoration: none;transition: var(--transition);cursor: pointer;border: none;}.btn-primary {background: var(--gradient-brand);color: white;box-shadow: 0 4px 15px rgba(2, 132, 199, 0.3);}.btn-primary:hover {transform: translateY(-2px);box-shadow: 0 6px 20px rgba(2, 132, 199, 0.5);filter: brightness(1.1);}.btn-secondary {background: rgba(255, 255, 255, 0.1);color: white;backdrop-filter: blur(10px);border: 1px solid rgba(255, 255, 255, 0.2);}.btn-secondary:hover {background: rgba(255, 255, 255, 0.2);transform: translateY(-2px);}.btn-large {padding: 1rem 2rem;font-size: 1.1rem;}.navbar {position: fixed;top: 0;left: 0;width: 100%;z-index: 1000;background: rgba(255, 255, 255, 0.9);backdrop-filter: blur(12px);border-bottom: 1px solid rgba(0, 0, 0, 0.05);transition: var(--transition);}.navbar.scrolled {padding: 0.5rem 0;background: rgba(255, 255, 255, 0.98);box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);}.nav-container {display: flex;align-items: center;justify-content: space-between;max-width: var(--container-width);margin: 0 auto;padding: 1rem 1.5rem;position: relative;}.logo {display: flex;align-items: center;text-decoration: none;}.brand-logo {max-height: 55px;width: auto;object-fit: contain;}.footer-logo {max-height: 65px;margin-bottom: 0.5rem;}.nav-links {display: flex;align-items: center;gap: 2rem;}.nav-links a:not(.btn) {color: #0f172a;text-decoration: none;font-weight: 500;font-size: 0.95rem;transition: var(--transition);}.nav-links a:not(.btn):hover {color: var(--primary-hover);}.dropdown {position: relative;}.dropdown-menu {position: absolute;top: 100%;left: 0;background: white;min-width: 200px;box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);border-radius: 8px;padding: 0.5rem 0;display: flex;flex-direction: column;opacity: 0;visibility: hidden;transform: translateY(10px);transition: all 0.2s ease;z-index: 100;}@media (min-width: 993px) {.dropdown:hover .dropdown-menu {opacity: 1;visibility: visible;transform: translateY(0);}}.dropdown-menu a {padding: 0.75rem 1.5rem;font-size: 0.9rem !important;color: #475569 !important;}.dropdown-menu a:hover {background: #f8fafc;color: var(--primary-hover) !important;}.dropdown.megamenu-container {position: static; }.dropdown.megamenu-container .dropdown-menu.megamenu {min-width: unset;width: 900px;padding: 2.5rem;right: 0; left: 0;margin: 0 auto; top: calc(100% + 5px);transform: translateY(10px);}.dropdown.megamenu-container .dropdown-menu.megamenu::before {content: "";position: absolute;top: -40px;left: 0;width: 100%;height: 40px;}@media (min-width: 993px) {.dropdown.megamenu-container:hover .dropdown-menu.megamenu {transform: translateX(0) translateY(0);}}.megamenu-inner {display: flex;gap: 1.5rem;}.megamenu-left {flex: 1;display: flex;flex-direction: column;gap: 0.25rem;justify-content: center;}.megamenu-left a.mega-link {padding: 0.75rem 1rem !important;border-radius: 6px;transition: all 0.2s ease;display: flex;align-items: center;gap: 0.75rem;}.megamenu-left a.mega-link i {color: var(--primary);width: 18px;height: 18px;}.megamenu-separator {width: 1px;background: #e2e8f0;margin: 0.5rem 0;}.megamenu-right {flex: 1.25;display: flex;flex-direction: column;justify-content: flex-start;}.megamenu-img {width: 100%;height: 240px;object-fit: cover;border-radius: 8px;margin-bottom: 1.25rem;background: #f1f5f9;transition: opacity 0.3s ease;}.megamenu-right h4 {font-size: 1.3rem;margin-bottom: 0.75rem;color: #0f172a;font-weight: 700;}.megamenu-right p {font-size: 0.95rem;color: #475569;line-height: 1.6;}.nav-phone {display: flex;align-items: center;gap: 0.5rem;font-weight: 600 !important;color: var(--primary-hover) !important;}.mobile-header-actions {display: none;}.menu-toggle {display: none;background: transparent;color: #0f172a;border: none;cursor: pointer;}.hero {position: relative;min-height: 100vh;display: flex;align-items: center;padding-top: 80px;overflow: hidden;}.hero-bg {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-image: url('https://ezautoglass.ca/wp-content/themes/ezautoglass/assets/images/hero.png');background-size: cover;background-position: center;z-index: -2;}.hero-split {display: flex !important;align-items: center;justify-content: space-between;gap: 4rem;width: 100%;}.hero-content {flex: 1.25;max-width: 650px;position: relative;z-index: 1;}.hero-form {flex: 0.85;width: 100%;max-width: 450px;}.hero-form-logo {height: 60px;margin-bottom: 0.5rem;}.glass-form-header {text-align: center;}.form-warranty-badge {display: inline-flex;align-items: center;gap: 0.5rem;background: rgba(16, 185, 129, 0.15);border: 1px solid rgba(16, 185, 129, 0.4);color: #34d399;padding: 0.4rem 1rem;border-radius: 50px;font-size: 0.85rem;font-weight: 600;margin: 0 auto 1.5rem auto;}.form-warranty-badge i {width: 16px;height: 16px;}.glass-form {display: flex;flex-direction: column;background: rgba(255, 255, 255, 0.02);backdrop-filter: blur(4px);-webkit-backdrop-filter: blur(4px);border: 1px solid rgba(255, 255, 255, 0.15);border-radius: 1.2rem;padding: 2.5rem;color: white;box-shadow: 0 10px 40px rgba(0, 0, 0, 0.25);}.glass-form h3 {font-size: 1.6rem;margin-bottom: 0.5rem;text-align: center;color: white;}.glass-form p {text-align: center;font-size: 0.95rem;margin-bottom: 1.5rem;color: rgba(255,255,255,0.85);}.glass-form input, .glass-form select {width: 100%;padding: 0.9rem 1rem;margin-bottom: 1rem;border: 1px solid rgba(255,255,255,0.25);border-radius: 6px;background: rgba(255,255,255,0.08);color: white;font-size: 0.95rem;transition: all 0.2s ease;}.glass-form input:focus, .glass-form select:focus {outline: none;border-color: var(--primary);background: rgba(255,255,255,0.15);}.glass-form input::placeholder { color: rgba(255,255,255,0.7); }.glass-form select option { color: black; }.btn-block { width: 100%; justify-content: center; margin-top: 0.5rem; }.hero-bg .overlay {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: linear-gradient(90deg, rgba(6, 11, 20, 0.95) 0%, rgba(6, 11, 20, 0.8) 50%, rgba(6, 11, 20, 0.4) 100%);z-index: -1;}.visualizer-container {position: absolute;bottom: 0;left: 0;width: 100%;height: 40px; display: flex;align-items: flex-end;justify-content: space-between;gap: 4px;padding: 0 1rem;z-index: 0; opacity: 0; transition: opacity 1s ease;pointer-events: none;}.visualizer-container.active {opacity: 0.25; }.visualizer-bar {flex: 1;background: #cbd5e1; width: 100%;height: 100%; border-radius: 4px 4px 0 0;transform-origin: bottom;animation: visualize ease-in-out infinite alternate;}@keyframes visualize {0% { transform: scaleY(0.1); }50% { transform: scaleY(0.6); }100% { transform: scaleY(1); }}.hero-content {max-width: 800px;position: relative;z-index: 1;}#beta-music-player {position: fixed;bottom: 30px;left: -420px;width: 360px;background: rgba(255, 255, 255, 0.95);backdrop-filter: blur(10px);box-shadow: 0 10px 40px rgba(0,0,0,0.2);border-radius: 12px;padding: 1.5rem;z-index: 1000;transition: left 0.8s cubic-bezier(0.16, 1, 0.3, 1);border-left: 5px solid var(--primary);}#beta-music-player.slide-in {left: 30px;}#beta-music-player h4 {margin-bottom: 0.5rem;color: var(--primary);display: flex;align-items: center;gap: 0.5rem;font-size: 1.2rem;}#beta-music-player p {font-size: 0.9rem;color: #475569;margin-bottom: 1rem;line-height: 1.5;}#beta-music-player .music-note {font-weight: 500;margin-bottom: 0.8rem;color: #0f172a;}#close-beta-player {position: absolute;top: 12px;right: 12px;background: none;border: none;color: #94a3b8;cursor: pointer;transition: color 0.2s;}#close-beta-player:hover {color: #ef4444;}#toggle-music-btn {width: 100%;display: flex;justify-content: center;align-items: center;gap: 0.5rem;transition: all 0.3s ease;}#toggle-music-btn.playing {background: #ef4444;}#toggle-music-btn.playing:hover {background: #dc2626;}#floating-music-toggle {position: fixed;bottom: 30px;left: 30px;width: 50px;height: 50px;border-radius: 50%;background: var(--primary);color: white;border: none;box-shadow: 0 4px 12px rgba(14, 165, 233, 0.4);display: flex;align-items: center;justify-content: center;cursor: pointer;z-index: 999;opacity: 1;visibility: visible;transition: all 0.3s ease;}#floating-music-toggle:hover {transform: scale(1.1);background: var(--primary-hover);}#floating-music-toggle.hidden {opacity: 0;visibility: hidden;transform: scale(0.8);}@keyframes float-pulse {0% { box-shadow: 0 0 0 0 rgba(14, 165, 233, 0.7); transform: scale(1); }50% { box-shadow: 0 0 0 15px rgba(14, 165, 233, 0); transform: scale(1.05); }100% { box-shadow: 0 0 0 0 rgba(14, 165, 233, 0); transform: scale(1); }}@keyframes float-music-bounce {0% { transform: translateY(0) rotate(0deg); }25% { transform: translateY(-3px) rotate(-10deg); }75% { transform: translateY(-1px) rotate(10deg); }100% { transform: translateY(0) rotate(0deg); }}#floating-music-toggle.is-playing {animation: float-pulse 1.5s infinite;}#floating-music-toggle.is-playing svg {animation: float-music-bounce 1s infinite;}.hero-badge {display: inline-block;padding: 0.4rem 1rem;background: rgba(14, 165, 233, 0.1);color: var(--accent);border: 1px solid rgba(14, 165, 233, 0.3);border-radius: 100px;font-size: 0.875rem;font-weight: 600;margin-bottom: 1.5rem;text-transform: uppercase;letter-spacing: 1px;}.hero-title {font-family: var(--font-heading);font-size: clamp(2.5rem, 5vw, 4.5rem);font-weight: 800;line-height: 1.1;margin-bottom: 1.5rem;}.hero-subtitle {font-size: 1.125rem;color: var(--text-muted);line-height: 1.6;margin-bottom: 2.5rem;max-width: 600px;font-weight: 400;}.hero-actions {display: flex;gap: 1rem;flex-wrap: wrap;margin-bottom: 4rem;}.hero-stats {display: flex;gap: 3rem;flex-wrap: wrap;}.stat {display: flex;align-items: center;gap: 1rem;}.stat i {width: 48px;height: 48px;padding: 10px;background: rgba(14, 165, 233, 0.1);border-radius: 12px;display: flex;align-items: center;justify-content: center;}.stat div {display: flex;flex-direction: column;}.stat strong {font-family: var(--font-heading);font-size: 1.25rem;font-weight: 700;}.stat span {font-size: 0.875rem;color: var(--text-muted);}.section {padding: 6rem 0;}.section-header {text-align: center;margin-bottom: 4rem;max-width: 700px;margin-inline: auto;}.section-title {font-family: var(--font-heading);font-size: 2.5rem;margin-bottom: 1rem;}.section-subtitle {color: var(--text-muted);font-size: 1.1rem;}.services-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));gap: 2rem;}.service-card {background: var(--bg-card);border: 1px solid rgba(255, 255, 255, 0.05);border-radius: var(--border-radius);transition: var(--transition);display: flex;flex-direction: column;height: 100%;}.service-card:hover {transform: translateY(-5px);border-color: rgba(14, 165, 233, 0.3);box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);}.service-img-wrapper {position: relative;height: 220px;}.service-img-wrapper a {display: block;height: 100%;}.service-img, .placeholder-img {width: 100%;height: 100%;object-fit: cover;transition: transform 0.5s ease;border-top-left-radius: var(--border-radius);border-top-right-radius: var(--border-radius);}.service-card:hover .service-img,.service-card:hover .placeholder-img {transform: scale(1.05);}.bg-replacement {background: linear-gradient(45deg, #1e293b, #0f172a);}.service-icon {position: absolute;bottom: 20px;right: 20px;width: 50px;height: 50px;background: var(--gradient-brand);border-radius: 12px;display: flex;align-items: center;justify-content: center;color: white;box-shadow: 0 5px 15px rgba(0,0,0,0.3);z-index: 2;}.service-content {padding: 2rem;position: relative;z-index: 1;display: flex;flex-direction: column;flex: 1;}.service-content h3 {font-family: var(--font-heading);font-size: 1.25rem;margin-bottom: 1rem;}.service-content p {color: var(--text-muted);font-size: 0.95rem;line-height: 1.6;margin-bottom: 1.5rem;}.service-link {display: inline-flex;align-items: center;gap: 0.5rem;color: var(--accent);text-decoration: none;font-weight: 600;font-size: 0.9rem;transition: var(--transition);margin-top: auto;}.service-link:hover {gap: 0.8rem;}.divider-section {background: linear-gradient(to right, rgba(2, 132, 199, 0.05), rgba(6, 11, 20, 1));border-top: 1px solid rgba(255, 255, 255, 0.05);border-bottom: 1px solid rgba(255, 255, 255, 0.05);}.flex-row {display: grid;grid-template-columns: 1fr 1fr;gap: 4rem;align-items: center;}.features-list {display: flex;flex-direction: column;gap: 1.5rem;margin-top: 2rem;}.feature-item {display: flex;gap: 1rem;}.feature-icon {flex-shrink: 0;width: 40px;height: 40px;background: rgba(14, 165, 233, 0.1);color: var(--accent);border-radius: 50%;display: flex;align-items: center;justify-content: center;}.feature-item h4 {font-family: var(--font-heading);font-size: 1.1rem;margin-bottom: 0.25rem;}.feature-item p {color: var(--text-muted);font-size: 0.95rem;line-height: 1.5;}.glass-panel {background: rgba(255, 255, 255, 0.03);backdrop-filter: blur(10px);border: 1px solid rgba(255, 255, 255, 0.05);border-radius: var(--border-radius);padding: 2rem;}.stars {display: flex;gap: 0.25rem;color: #fbbf24;margin-bottom: 1rem;}.stars i { width: 18px; height: 18px; }.fill { fill: currentColor; }.testimonial-card h4 {font-family: var(--font-heading);font-size: 1.25rem;margin-bottom: 0.5rem;}.testimonial-card p {color: var(--text-muted);font-style: italic;margin-bottom: 1rem;}.testimonial-card .customer {font-weight: 600;color: var(--primary);font-size: 0.9rem;}.footer {background: #ffffff;padding: 4rem 0 2rem;border-top: 1px solid rgba(0, 0, 0, 0.05);}.footer-grid {display: grid;grid-template-columns: 2fr 1fr 1fr 1.5fr;gap: 3rem;margin-bottom: 3rem;}.footer-desc {color: #475569;margin: 1rem 0;font-size: 0.95rem;line-height: 1.6;max-width: 300px;}.social-links {display: flex;gap: 1rem;}.social-links a {width: 36px;height: 36px;border-radius: 50%;background: rgba(0, 0, 0, 0.05);display: flex;align-items: center;justify-content: center;color: #38bdf8;transition: var(--transition);}.social-links a:hover {background: var(--primary);color: white;transform: translateY(-2px);}.footer h4 {font-family: var(--font-heading);font-size: 1.1rem;margin-bottom: 1.5rem;color: #0f172a;}.footer ul {list-style: none;}.footer ul li {margin-bottom: 0.75rem;}.footer ul li a {color: #475569;text-decoration: none;transition: var(--transition);}.footer ul li a:hover {color: var(--primary-hover);}.footer-contact ul li {display: flex;align-items: center;gap: 0.5rem;color: #475569;margin-bottom: 0.5rem;}.footer-contact i { width: 16px; height: 16px; color: var(--primary-hover); }.location-tags {display: flex;flex-wrap: wrap;gap: 0.5rem;}.location-tags span {font-size: 0.8rem;padding: 0.25rem 0.75rem;background: rgba(0, 0, 0, 0.05);border-radius: 100px;color: #475569;}.footer-bottom {text-align: center;padding-top: 2rem;border-top: 1px solid rgba(0, 0, 0, 0.05);color: #475569;font-size: 0.875rem;}.footer-bottom a {color: #475569;}.hidden-onload {opacity: 0;transform: translateY(20px);animation: fadeUp 0.8s ease forwards;}@keyframes fadeUp {to {opacity: 1;transform: translateY(0);}}.scroll-reveal {opacity: 0;transform: translateY(30px);transition: all 0.8s cubic-bezier(0.4, 0, 0.2, 1);}.scroll-reveal.active {opacity: 1;transform: translateY(0);}@media (max-width: 992px) {.hero-title { font-size: 2.5rem; }.dropdown.megamenu-container .dropdown-menu.megamenu {width: 100%;position: static;transform: none;padding: 1rem 0 0 1rem;box-shadow: none;border: none;opacity: 1;visibility: visible;display: none; }.dropdown.megamenu-container.mobile-open .dropdown-menu.megamenu {display: block;transform: none;}.megamenu-inner { flex-direction: column; }.megamenu-separator { display: none; }.hide-on-mobile { display: none !important; }.nav-container { padding: 0.5rem 1rem; }.navbar { padding: 0.5rem 0; }.brand-logo { max-height: 45px; }.nav-links { display: none; }.mobile-header-actions {display: flex;align-items: center;gap: 0.75rem;margin-left: auto;margin-right: 1rem;}.mobile-header-icon {display: flex;align-items: center;justify-content: center;width: 36px;height: 36px;background: rgba(14, 165, 233, 0.1);color: var(--primary);border-radius: 50%;transition: var(--transition);}.mobile-header-icon i {width: 18px;height: 18px;}.mobile-header-icon:active {background: var(--primary);color: white;}.menu-toggle { display: block; }.service-imagery {position: relative !important;}}.service-imagery > div {position: relative;overflow: hidden;}@media (max-width: 768px) {.hero-split { flex-direction: column; text-align: center; gap: 2.5rem; }.hero-form { margin: 0 auto; }.flex-row { grid-template-columns: 1fr; }.footer-grid { grid-template-columns: 1fr 1fr; }.inner-hero {padding: 100px 1rem 30px !important;min-height: auto !important;}.inner-hero h1 {font-size: 2.2rem !important;line-height: 1.2 !important;}.inner-hero p {font-size: 0.95rem !important;padding: 0 5px;}.hero { padding-top: 110px; min-height: auto; padding-bottom: 2rem; }.hero-title { font-size: 1.8rem; margin-bottom: 0.5rem; }.hero-subtitle { font-size: 0.9rem; margin-bottom: 1rem; line-height: 1.4; }.hero-actions { flex-direction: column; width: 100%; margin-bottom: 1.5rem; gap: 0.5rem; }.hero-actions .btn { width: 100%; justify-content: center; padding: 0.8rem 1rem; font-size: 0.95rem; }.hero-stats { gap: 0.8rem; flex-direction: row; flex-wrap: wrap; justify-content: center; align-items: flex-start; }.hero-stats .stat strong { font-size: 0.85rem; }.hero-stats .stat span { font-size: 0.7rem; }.hero-stats .stat i { width: 30px; height: 30px; }.footer-grid { grid-template-columns: 1fr; }.section { padding: 3rem 0; }.glass-form { padding: 1.2rem; }.glass-form h3 { font-size: 1.3rem; margin-bottom: 0.2rem; }.service-card { margin-bottom: 1rem; }}.quote-modal-overlay {position: fixed;top: 0;left: 0;width: 100vw;height: 100vh;height: 100dvh;z-index: 9999;display: flex;align-items: center;justify-content: center;visibility: hidden;opacity: 0;transition: opacity 0.3s ease, visibility 0.3s ease;}.quote-modal-overlay.active {visibility: visible;opacity: 1;}.quote-overlay-bg {position: absolute;top: 0; left: 0; right: 0; bottom: 0;background: rgba(15, 23, 42, 0.85); backdrop-filter: blur(10px);-webkit-backdrop-filter: blur(10px);}.quote-animation-layer {position: absolute;width: 100vw;height: 100vh;pointer-events: none;display: none;align-items: center;justify-content: center;z-index: 10000;}.quote-modal-overlay.animating-plane .quote-animation-layer,.quote-modal-overlay.exploding-plane .quote-animation-layer {display: flex;}.quote-plane-icon {width: 64px;height: 64px;color: #0ea5e9;transform-origin: center;transform: translate(-100vw, 50vh) rotate(-15deg) scale(0);}.quote-modal-overlay.animating-plane .quote-plane-icon {animation: planeFlyIn 1.2s cubic-bezier(0.25, 1, 0.5, 1) forwards;}.quote-modal-overlay.exploding-plane .quote-plane-icon {animation: planeExplode 0.4s ease-out forwards;}.quote-form-container {position: relative;z-index: 10001;background: white;width: 90%;max-width: 500px;max-height: 85vh;max-height: 85dvh;overflow-y: auto;overscroll-behavior: contain;-webkit-overflow-scrolling: touch;border-radius: 16px;padding: 2.5rem;box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.5);display: none; opacity: 0;transform: scale(0.8);}.quote-modal-overlay.show-form .quote-form-container {display: block;animation: formPopIn 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards;}.quote-close-btn {position: absolute;top: 1.5rem;right: 1.5rem;background: transparent;border: none;cursor: pointer;color: #64748b;transition: color 0.2s, transform 0.2s;}.quote-close-btn:hover {color: #ef4444;transform: scale(1.1);}.quote-form-header h2 {font-size: 1.8rem;font-family: var(--font-heading);color: #0f172a;margin-bottom: 0.5rem;}.quote-form-header p {color: #475569;margin-bottom: 1.5rem;font-size: 0.95rem;}.quote-form .form-group {margin-bottom: 1.25rem;text-align: left;}.quote-form label {display: block;font-size: 0.9rem;font-weight: 600;color: #334155;margin-bottom: 0.4rem;}.quote-form input, .quote-form select, .quote-form textarea {width: 100%;padding: 0.75rem 1rem;border: 1px solid #cbd5e1;border-radius: 8px;font-family: inherit;font-size: 1rem;transition: border-color 0.2s, box-shadow 0.2s;background: #f8fafc;}.quote-form input:focus, .quote-form select:focus, .quote-form textarea:focus {outline: none;border-color: #0ea5e9;box-shadow: 0 0 0 3px rgba(14, 165, 233, 0.15);background: white;}@keyframes planeFlyIn {0% {transform: translate(-50vw, 50vh) rotate(-35deg) scale(0.5);opacity: 0;}100% {transform: translate(0, 0) rotate(0deg) scale(2);opacity: 1;}}@keyframes planeExplode {0% {transform: translate(0, 0) rotate(0deg) scale(2);opacity: 1;}100% {transform: translate(0, 0) rotate(15deg) scale(40);opacity: 0;}}@keyframes formPopIn {0% {opacity: 0;transform: scale(0.8) translateY(20px);}100% {opacity: 1;transform: scale(1) translateY(0);}}@keyframes sendingPlane {0% { transform: translate(0, 0); opacity: 1; }30% { transform: translate(10px, -10px); opacity: 1; }100% { transform: translate(30px, -30px); opacity: 0; }}.sending-anim-active {animation: sendingPlane 1s ease-in-out infinite;}@media (max-width: 768px) {.quote-modal-overlay {align-items: flex-start;padding-top: 3dvh;}.quote-form-container {padding: 1.5rem;max-height: 85dvh;margin-bottom: auto;}}.blog-slider-wrapper {width: 100%;margin-top: 1rem;position: relative;}.blog-slider-container {display: flex;overflow-x: auto;scroll-snap-type: x mandatory;scroll-behavior: smooth;gap: 2rem;padding-bottom: 1.5rem;-webkit-overflow-scrolling: touch;}.blog-slider-container::-webkit-scrollbar {height: 8px;}.blog-slider-container::-webkit-scrollbar-track {background: #f1f5f9;border-radius: 4px;}.blog-slider-container::-webkit-scrollbar-thumb {background: #cbd5e1;border-radius: 4px;}.blog-card {scroll-snap-align: start;flex: 0 0 100%;border-radius: 12px;background: white;border: 1px solid #e2e8f0;box-shadow: 0 10px 30px rgba(0,0,0,0.03);padding: 2.5rem;transition: transform 0.2s ease, box-shadow 0.2s ease;}@media(min-width: 768px) {.blog-slider-container {gap: 2rem;}.blog-card.slider-active {flex: 0 0 calc(90% - 1rem);}}.blog-card:hover {transform: translateY(-5px);box-shadow: 0 20px 40px rgba(0,0,0,0.06);}.blog-card .badge {background: rgba(14, 165, 233, 0.1); color: var(--primary); padding: 0.4rem 1rem; border-radius: 20px; font-size: 0.8rem; font-weight: 600; margin-bottom: 1.2rem; display: inline-block;}.blog-card h4 {margin-bottom: 1rem; font-size: 1.3rem; color: #0f172a;font-family: var(--font-heading);}.blog-card p {color: #475569; margin-bottom: 1.8rem; line-height: 1.6;}.blog-card .service-link {font-weight: 600; display: inline-flex; align-items: center; gap: 0.3rem;color: var(--primary);text-decoration: none;}.blog-card .service-link:hover {text-decoration: underline;}.testimonials-wrapper {position: relative;height: 480px; overflow: hidden;mask-image: linear-gradient(to bottom, transparent, black 10%, black 90%, transparent);-webkit-mask-image: linear-gradient(to bottom, transparent, black 10%, black 90%, transparent);}@media (max-width: 768px) {.testimonials-wrapper {height: 250px; }}.testimonials-track {display: flex;flex-direction: column;gap: 1.5rem;will-change: transform;}.testimonials-track.animate-ticker {animation: scrollUp var(--scroll-duration, 20s) linear infinite;}}@media (max-width: 992px) {.hide-on-mobile {display: none !important;}}