@property --border-angle { syntax: "<angle>"; inherits: true; initial-value: 0turn; } @keyframes border-spin { to { --border-angle: 1turn; } }   .top-bar { position: relative; z-index: 9995;   } .site-header { padding-top: 0.75rem; padding-bottom: 0.75rem; padding-left: var(--global-padding-x, 20px); padding-right: var(--global-padding-x, 20px); display: flex; justify-content: space-between; align-items: center; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.25);   --border-angle: 0turn; background: linear-gradient(var(--color-brand-purple), var(--color-brand-purple)) padding-box, conic-gradient(from var(--border-angle), #315239, #E07B1A, #BF360C, #315239) border-box; border: 3px solid transparent; border-bottom: 3px solid transparent;   animation: border-spin 3s linear infinite;   width: 100%; max-width: 1200px; margin: 0 auto; border-radius: 0 0 16px 16px;   position: sticky; top: 0; z-index: 9990; }   .site-logo { display: flex; align-items: center; gap: 0.75rem; text-decoration: none; color: var(--color-soft-lilac); } .site-logo svg { width: 40px; height: 40px; fill: var(--color-soft-lilac); } .site-logo-text { font-family: var(--font-heading); font-weight: var(--font-weight-bold); font-size: 0.95rem; line-height: 1.1; display: flex; flex-direction: column; } .icon-nav { display: flex; gap: 2.5rem;   list-style: none; margin: 0; padding: 0; } .nav-item { display: flex; flex-direction: column; align-items: center; gap: 0.5rem;   text-decoration: none; cursor: pointer; } button.nav-item { background: transparent !important; border: none !important; padding: 0 !important; font: inherit !important; color: inherit !important; cursor: pointer !important; outline: none !important; box-shadow: none !important; }   .nav-icon-btn { width: 50px; height: 50px; border-radius: 50%; background-color: var(--color-soft-lilac); display: flex; justify-content: center; align-items: center;   box-shadow: 0 0 20px rgba(255, 249, 242, 0.4); transition: all 0.3s ease-in-out; position: relative; } .nav-item:hover .nav-icon-btn { transform: translateY(-2px); box-shadow: 0 0 30px rgba(255, 249, 242, 0.7); } .nav-icon-btn svg { width: 22px;   height: 22px; stroke: var(--color-brand-purple); stroke-width: 2px; transition: transform 0.3s ease; } .nav-item:hover .nav-icon-btn svg { transform: scale(1.1); }   .nav-icon-btn.active::after { content: ''; position: absolute; top: 0px; right: 0px; width: 10px; height: 10px; background-color: #ff4757;   border-radius: 50%; box-shadow: 0 0 8px rgba(255, 71, 87, 0.8); }   .nav-text { font-family: var(--font-body); font-weight: var(--font-weight-bold); font-size: 0.75rem;   color: var(--color-soft-lilac); text-transform: uppercase; letter-spacing: 0.05em; transition: all 0.3s ease; } .nav-item:hover .nav-text { text-shadow: 0 0 10px rgba(255, 249, 242, 0.5); }       .has-dropdown { position: relative; } .mega-menu { position: absolute; top: 140%;   left: 50%; transform: translateX(-50%); background-color: var(--color-brand-purple); border-radius: 12px; padding: 2rem; box-shadow: 0 15px 40px rgba(0, 0, 0, 0.4); opacity: 0; visibility: hidden; transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1); width: max-content; z-index: 1050; border-top: 4px solid var(--color-warm-gold); }   .has-dropdown:hover .mega-menu, .has-dropdown:focus-within .mega-menu { opacity: 1; visibility: visible; top: 120%;   }   .mega-menu::before { content: ''; position: absolute; top: -30px; left: 0; width: 100%; height: 30px; } .mega-menu-list { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, 1fr);   gap: 1.5rem 3rem; } .mega-menu-list a { color: var(--color-soft-lilac); text-decoration: none; font-size: 0.95rem; font-family: var(--font-body); font-weight: var(--font-weight-regular); transition: color 0.2s, padding-left 0.2s; display: inline-block; white-space: nowrap; } .mega-menu-list a:hover, .mega-menu-list a.active-sub-link { color: var(--color-warm-gold); padding-left: 6px;   } .mega-menu-list a.active-sub-link { font-weight: var(--font-weight-bold); } @media (max-width: 1200px) and (min-width: 992px) { .mega-menu-list { grid-template-columns: repeat(2, 1fr); gap: 1.25rem 2rem; } }   .top-bar { background-color: var(--color-forest-green); color: var(--color-soft-lilac); font-family: var(--font-body); font-size: 0.85rem; padding: 0.5rem var(--global-padding-x, 30px); display: flex; justify-content: space-between; align-items: center; position: relative;   } .top-bar-center { position: absolute; left: 50%; transform: translateX(-50%); } .top-phone { font-weight: var(--font-weight-bold); font-size: 0.95rem;   color: var(--color-soft-lilac); text-decoration: none; transition: opacity 0.2s; letter-spacing: 0.02em; } .top-phone:hover { opacity: 0.8; } .top-bar-left { display: flex; gap: 1.5rem; } .top-bar-left a { display: flex; align-items: center; color: var(--color-soft-lilac); transition: opacity 0.2s, transform 0.2s; } .top-bar-left a:hover { opacity: 0.8; transform: translateY(-2px); } .top-bar-left svg { width: 20px; height: 20px; } .top-bar-right a { color: var(--color-soft-lilac); text-decoration: none; margin: 0 0.5rem; transition: opacity 0.2s; } .top-bar-right a:hover { opacity: 0.8; }   .menu-toggle { display: none; background: transparent; border: none; color: var(--color-soft-lilac); cursor: pointer; padding: 0.5rem; border-radius: 8px; transition: background 0.2s ease; } .menu-toggle:hover, .menu-toggle:focus { background: rgba(255, 255, 255, 0.1); } .menu-toggle svg { width: 26px; height: 26px; stroke: var(--color-soft-lilac); } .mobile-menu-header { display: none; } .mobile-menu-backdrop { display: none; }   body.mobile-menu-open { overflow: hidden !important; }   @media (max-width: 1200px) and (min-width: 769px) { .site-header { width: 100%; max-width: 1200px; padding-top: 0.75rem !important; padding-bottom: 0.75rem !important; padding-left: 20px !important; padding-right: 20px !important; border-left: none !important; border-right: none !important; border-top: none !important; border-bottom: 3px solid transparent !important; } .icon-nav { gap: 1.5rem;   } .site-logo-img { width: 160px;   } } @media (max-width: 768px) { .top-bar { display: none;   } .site-header { width: 100%; padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; padding-left: 20px !important; padding-right: 20px !important; border-radius: 0 0 16px 16px; position: sticky; top: 0; z-index: 99990 !important; box-sizing: border-box !important; } .site-logo { margin: 0 !important; padding: 0 !important; display: flex !important; align-items: center !important; } .site-logo-img { display: block !important; margin: 0 !important; } .menu-toggle { display: flex !important; align-items: center !important; justify-content: center !important; background: transparent !important; border: none !important; padding: 0 !important; margin: 0 !important; width: 32px !important; height: 32px !important; cursor: pointer; } .menu-toggle svg { display: block !important; margin: 0 !important; width: 26px !important; height: 26px !important; }   .mobile-menu-backdrop { display: block; position: fixed; inset: 0; background: rgba(0, 0, 0, 0.65); backdrop-filter: blur(4px); -webkit-backdrop-filter: blur(4px); z-index: 100000; opacity: 0; visibility: hidden; transition: opacity 0.3s ease, visibility 0.3s ease; } .mobile-menu-backdrop.is-open { opacity: 1; visibility: visible; }   #primary-menu { position: fixed; top: 0; left: 0; right: 0; bottom: 0; width: 100vw; max-width: 100vw; height: 100vh; height: 100dvh; background-color: var(--color-brand-purple); box-shadow: 0 0 35px rgba(0, 0, 0, 0.5); padding: 0 1.5rem 6.5rem 1.5rem; display: flex !important; flex-direction: column; z-index: 100001; margin: 0; border-radius: 0; overflow-y: auto; -webkit-overflow-scrolling: touch; overscroll-behavior: contain; transform: translateX(100%); transition: transform 0.3s ease, visibility 0.3s ease; visibility: hidden; } #primary-menu.is-open { transform: translateX(0); visibility: visible; } .mobile-menu-header { position: sticky; top: 0; z-index: 100; background-color: var(--color-brand-purple); display: flex; justify-content: space-between; align-items: center; width: calc(100% + 3rem); margin: 0 -1.5rem 1.5rem -1.5rem; padding: 1.25rem 1.5rem 1rem 1.5rem; border-bottom: 1px solid rgba(255, 255, 255, 0.15); flex-shrink: 0; } .mobile-sidebar-logo { display: inline-flex; align-items: center; text-decoration: none; flex-shrink: 0; } .mobile-sidebar-logo-img { width: auto; max-width: 155px; height: auto; max-height: 40px; object-fit: contain; display: block; transition: transform 0.2s ease; } .mobile-sidebar-logo:hover .mobile-sidebar-logo-img, .mobile-sidebar-logo:focus .mobile-sidebar-logo-img { transform: scale(1.03); } .mobile-menu-title { color: var(--color-warm-gold); font-family: var(--font-heading); font-weight: var(--font-weight-bold); font-size: 1.2rem; text-transform: uppercase; letter-spacing: 0.1em; } .mobile-close-btn { background: transparent; border: none; color: var(--color-soft-lilac); font-size: 2.2rem; cursor: pointer; line-height: 1; padding: 0; display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; margin-left: auto; } .icon-nav { display: flex; flex-direction: column; align-items: center !important; justify-content: center !important; gap: 1.75rem; width: 100%; margin: 0 auto; padding: 0; list-style: none; } .icon-nav>li { width: 100%; display: flex; flex-direction: column; align-items: center !important; justify-content: center !important; text-align: center !important; } .icon-nav .nav-item, button.nav-item { display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; gap: 0.4rem !important; width: 100% !important; text-align: center !important; margin: 0 auto !important; } .icon-nav .nav-icon-btn { margin: 0 auto !important; } .icon-nav .nav-text { font-size: 0.95rem; font-weight: 700; color: var(--color-soft-lilac); text-transform: uppercase; letter-spacing: 0.05em; text-align: center !important; } .icon-nav .nav-text-row { display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 0.4rem !important; text-align: center !important; margin: 0 auto !important; } .dropdown-chevron { display: inline-flex; align-items: center; } .dropdown-chevron svg { transition: transform 0.3s ease; stroke: var(--color-warm-gold, #D48806); } .has-dropdown.is-expanded .dropdown-chevron svg { transform: rotate(180deg); } .mega-menu { position: static; transform: none; box-shadow: none; border-radius: 0; border-top: none; padding: 0; background-color: transparent; display: none; opacity: 0; visibility: hidden; width: 100%; margin-top: 0; transition: all 0.3s ease; } .has-dropdown.is-expanded .mega-menu { display: block !important; opacity: 1 !important; visibility: visible !important; padding: 0.75rem 0 0 0; margin-top: 0.25rem; } .mega-menu-list { display: flex; flex-direction: column; align-items: center !important; gap: 0.75rem; text-align: center !important; list-style: none; padding: 0 !important; margin: 0 auto; width: 100%; } .mega-menu-list li { width: 100%; text-align: center !important; } .mega-menu-list a { font-size: 0.95rem; color: var(--color-soft-lilac); text-decoration: none; display: block; text-align: center !important; padding: 0.2rem 0; transition: color 0.2s ease; } .mega-menu-list a:hover, .mega-menu-list a.active-sub-link { color: var(--color-warm-gold); } } .site-logo-img { width: 200px; height: auto; max-height: 50px; object-fit: contain; transition: transform 0.2s ease; } .site-logo:hover .site-logo-img { transform: scale(1.05); }       .hero-section { position: relative; overflow: hidden; background-color: var(--color-soft-lilac);   color: var(--color-text-gray); padding: calc(105px + 3.5rem) 0 4rem 0 !important; margin: 0 !important; margin-top: -105px !important; width: 100%; height: 800px; min-height: 800px; box-sizing: border-box; } .site-main>.hero-section:first-child, .site-main>.inner-hero-section:first-child, .site-main>.sub-service-hero-section:first-child { margin-top: -105px !important; } .hero-bg-img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; z-index: 0; pointer-events: none; } .hero-bg-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(90deg, rgba(8, 10, 9, 0.72) 0%, rgba(8, 10, 9, 0.46) 52%, rgba(8, 10, 9, 0.20) 100%); -webkit-backdrop-filter: blur(3px) saturate(0.95); backdrop-filter: blur(3px) saturate(0.95); border-bottom: 1px solid rgba(255, 255, 255, 0.18); z-index: 1; pointer-events: none; } .hero-container { position: relative; z-index: 2; display: grid; grid-template-columns: 1fr 1fr; gap: 3rem; align-items: center; width: 100%; max-width: 1200px; margin: 0 auto; padding-left: var(--global-padding-x, 20px); padding-right: var(--global-padding-x, 20px); box-sizing: border-box; } .hero-content { max-width: 600px; } .hero-heading { color: #ffffff; font-size: 3.1rem;   line-height: 1.1; margin-top: 10px !important; margin-bottom: 1.25rem; font-weight: var(--font-weight-extrabold); } .hero-subtext { font-size: 1.15rem; color: rgba(255, 255, 255, 0.9); margin-bottom: 1.5rem; line-height: 1.5; min-height: 4rem;   }   .trust-signals { display: flex; flex-wrap: wrap; gap: 0.75rem; margin-bottom: 2.5rem; min-height: 5rem; align-content: flex-start;   } .trust-item, .trust-signals .trust-item { display: flex; align-items: center; gap: 0.4rem; font-size: 0.8rem; font-family: var(--font-body); font-weight: var(--font-weight-bold); color: var(--color-brand-purple) !important; background-color: rgba(255, 255, 255, 0.92); padding: 0.5rem 0.75rem; border-radius: 8px; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.04); transition: all 0.2s ease; -webkit-tap-highlight-color: transparent; user-select: none; min-height: 34px; box-sizing: border-box; } .trust-signals .trust-item:hover, .trust-signals .trust-item:active, .trust-signals .trust-item:focus { background-color: #ffffff !important; color: var(--color-brand-purple) !important; transform: translateY(-2px); box-shadow: 0 6px 15px rgba(0, 0, 0, 0.15); } .trust-signals .trust-item span { color: var(--color-brand-purple) !important; } .trust-item svg, .trust-signals .trust-item svg { flex-shrink: 0; }   .hero-actions { display: flex; gap: 1rem; flex-wrap: wrap; } .btn-primary { display: inline-flex; align-items: center; justify-content: center; gap: 0.5rem; background-color: var(--color-brand-purple); color: var(--color-soft-lilac); padding: 1rem 2rem; border-radius: 8px; text-decoration: none; font-family: var(--font-heading); font-weight: var(--font-weight-bold); font-size: 1.05rem; transition: opacity 0.2s, transform 0.2s; } .btn-primary:hover { opacity: 0.9; transform: translateY(-2px); color: var(--color-soft-lilac); } .btn-secondary { display: inline-flex; align-items: center; justify-content: center; gap: 0.5rem; background-color: transparent; color: var(--color-brand-purple); border: 2px solid var(--color-brand-purple); padding: 1rem 2rem; border-radius: 8px; text-decoration: none; font-family: var(--font-heading); font-weight: var(--font-weight-bold); font-size: 1.05rem; transition: all 0.2s; } .btn-secondary:hover { background-color: var(--color-brand-purple); color: var(--color-soft-lilac); transform: translateY(-2px); } .hero-image-wrapper { position: relative; padding-top: 2rem; padding-left: 2rem; }   .hero-image-wrapper::before { content: ''; position: absolute; top: 0; left: 0; bottom: 2rem; right: 2rem; background-color: var(--color-forest-green); border-radius: 12px; z-index: 0; } .hero-image { position: relative; z-index: 1; width: 100%; height: 100%; object-fit: cover; border-radius: 12px; display: block; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1); }   @media (max-width: 992px) { .hero-container { display: flex; flex-direction: column; gap: 1.5rem; } .hero-section { padding: calc(95px + 3rem) 0 3.5rem 0 !important; margin: 0 !important; margin-top: -95px !important; text-align: center; height: 980px; min-height: 980px; box-sizing: border-box; } .hero-content { display: contents;   } .hero-heading { order: 1; font-size: 2.8rem;   margin-bottom: 0.5rem; } .hero-subtext { order: 2; margin-bottom: 1rem; } .hero-image-wrapper { order: 3;   padding-top: 1rem; padding-right: 1rem; margin: 1rem auto; max-width: 500px; width: 100%; } .trust-signals { order: 4; margin-bottom: 1rem; justify-content: center; } .hero-actions { order: 5; justify-content: center; } .hero-image-wrapper::before { left: 2rem; bottom: 1rem; } } @media (max-width: 768px) { .hero-section { padding: calc(85px + 2.5rem) 0 2.5rem 0 !important; margin: 0 !important; margin-top: -85px !important; text-align: left !important; height: 900px; min-height: 900px; box-sizing: border-box; } .hero-content { text-align: left !important; align-items: flex-start !important; } .hero-heading { font-size: 2.2rem; text-align: left !important;   } .hero-subtext { font-size: 1.05rem; text-align: left !important; } .trust-signals { justify-content: flex-start !important; align-items: flex-start !important; } .trust-pill { justify-content: flex-start !important; text-align: left !important; } .hero-actions { flex-direction: column; width: 100%; justify-content: flex-start !important; align-items: flex-start !important; } .btn-primary, .btn-secondary { width: 100%; justify-content: center; } .hero-image-wrapper { padding: 0; margin: 1rem 0 0 0 !important; } .hero-image-wrapper::before { display: none;   } }       .site-footer { background-color: var(--color-brand-purple); color: var(--color-soft-lilac); padding: 5rem 0; margin-top: 6rem; position: relative; z-index: 10; } .footer-container { max-width: 1200px; width: 100%; margin: 0 auto; padding-left: 20px; padding-right: 20px; box-sizing: border-box; display: grid; grid-template-columns: 1.5fr 1fr 1.2fr 1.5fr;   gap: 3rem; } .footer-col { display: flex; flex-direction: column; }   .quick-links-list { list-style: none; padding: 0; margin: 0; } .quick-links-list li { margin-bottom: 1rem; } .quick-links-list a { color: var(--color-soft-lilac); text-decoration: none; font-size: 0.95rem; text-transform: uppercase; letter-spacing: 0.05em; opacity: 0.9; transition: opacity 0.2s, padding-left 0.2s; display: inline-block; } .quick-links-list a:hover { opacity: 1; padding-left: 8px;   color: var(--color-warm-gold);   }   .footer-logo-img { width: 160px; height: auto; max-height: 80px; object-fit: contain; margin-bottom: 2.5rem; } .footer-address { font-style: normal; font-family: var(--font-body); font-size: 0.95rem; line-height: 1.8; margin-bottom: 2rem; text-transform: uppercase; letter-spacing: 0.05em; opacity: 0.9; } .footer-address a, .footer-contact a, .footer-copyright a { color: inherit; text-decoration: none; transition: opacity 0.2s; } .footer-address a:hover, .footer-contact a:hover, .footer-copyright a:hover { opacity: 0.8; } .footer-contact p { margin: 0.25rem 0; font-size: 0.95rem; } .footer-phone strong { font-size: 1.15rem; font-weight: var(--font-weight-bold); color: var(--color-soft-lilac); } .footer-email { text-transform: uppercase; letter-spacing: 0.05em; opacity: 0.9; margin-bottom: 2rem; } .footer-social a { display: inline-flex; padding: 0.6rem; background-color: rgba(255, 249, 242, 0.1); border-radius: 4px; color: var(--color-soft-lilac); transition: background-color 0.3s; } .footer-social a:hover { background-color: rgba(255, 249, 242, 0.2); } .footer-copyright-bar { text-align: center; border-top: 1px solid rgba(255, 249, 242, 0.15); margin-top: 4rem; padding-top: 2rem; } .footer-copyright { font-size: 0.85rem; color: #FFFFFF !important; text-transform: uppercase; letter-spacing: 0.05em; line-height: 1.6; margin: 0; } .footer-brand-link, .footer-legal-link, .footer-copyright a, .footer-copyright strong, .footer-copyright-bar a { color: #FDE047 !important; text-decoration: none !important; font-weight: 700; transition: color 0.2s, opacity 0.2s; } .footer-legal-link { margin: 0 0.35rem; display: inline-block; } .footer-brand-link:hover, .footer-legal-link:hover, .footer-copyright a:hover, .footer-copyright-bar a:hover { color: #FDE047 !important; text-decoration: none !important; opacity: 0.85; }   .footer-heading { font-family: var(--font-heading); font-size: 1.15rem; font-weight: var(--font-weight-bold); margin-bottom: 2.5rem; text-transform: uppercase; letter-spacing: 0.05em; } .hours-list { list-style: none; padding: 0; margin: 0; } .hours-list li { margin-bottom: 1.5rem; display: flex; flex-direction: column; font-size: 0.9rem; text-transform: uppercase; letter-spacing: 0.05em; opacity: 0.9; line-height: 1.6; }   .footer-map { width: 100%; height: 420px;   margin-top: -8rem;   border: 16px solid var(--color-forest-green);   border-radius: 0;   box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3); position: relative; z-index: 10; } .footer-map iframe { width: 100%; height: 100%; display: block; }   @media (min-width: 769px) and (max-width: 992px) { .site-footer { padding: 4rem 0 !important; } .footer-container { grid-template-columns: 1fr 1fr 1fr;   padding-left: 20px !important; padding-right: 20px !important; } .footer-map { grid-column: 1 / -1;   height: 350px; margin-top: 2rem;   } } @media (max-width: 768px) { .site-footer { padding: 50px 0 calc(50px + 60px) 0 !important; text-align: left !important; width: 100% !important; box-sizing: border-box !important; } .footer-container { grid-template-columns: 1fr; gap: 2.5rem; text-align: left !important; padding-left: 20px !important; padding-right: 20px !important; width: 100% !important; box-sizing: border-box !important; margin: 0 auto !important; } .footer-col { align-items: flex-start !important; text-align: left !important; padding: 0 !important; } .footer-brand { align-items: flex-start !important; text-align: left !important; padding: 0 !important; } .footer-logo { display: inline-block; margin: 0 !important; padding: 0 !important; } .footer-logo-img { margin-left: 0 !important; margin-right: auto !important; margin-bottom: 1.5rem !important; padding: 0 !important; display: block !important; } .footer-address { text-align: left !important; margin-bottom: 1.5rem; } .footer-contact { text-align: left !important; align-items: flex-start !important; } .footer-heading { text-align: left !important; margin-bottom: 1.25rem; } .quick-links-list { text-align: left !important; } .quick-links-list li { text-align: left !important; } .quick-links-list a { text-align: left !important; } .hours-list { text-align: left !important; } .hours-list li { text-align: left !important; align-items: flex-start !important; } .footer-map { height: 250px; width: 100%; margin-top: 1.5rem !important; border-width: 8px !important; } .footer-copyright-bar { text-align: center !important; padding-top: 1.5rem; padding-left: 20px !important; padding-right: 20px !important; width: 100% !important; box-sizing: border-box !important; margin-top: 3rem; } .footer-copyright { text-align: center !important; } }       .maple-chat-widget { position: fixed; bottom: 2rem; right: 2rem; z-index: 9998; font-family: var(--font-body); }   .chat-trigger-btn { position: relative; width: 60px; height: 60px; border-radius: 50%; background: linear-gradient(135deg, var(--color-brand-purple) 0%, #E8720C 100%); color: #ffffff; border: 2px solid var(--color-warm-gold); display: flex; justify-content: center; align-items: center; cursor: pointer; box-shadow: 0 8px 25px rgba(191, 54, 12, 0.4); transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1); outline: none; -webkit-tap-highlight-color: transparent; } .chat-trigger-btn:hover { transform: scale(1.08) translateY(-2px); box-shadow: 0 12px 30px rgba(191, 54, 12, 0.55), 0 0 15px rgba(255, 204, 0, 0.5); } .chat-trigger-btn svg { width: 28px; height: 28px; fill: none; stroke: #ffffff; stroke-width: 2px; } .chat-icon-open, .chat-icon-close { display: flex; align-items: center; justify-content: center; }   .chat-badge-dot { position: absolute; top: 2px; right: 2px; width: 14px; height: 14px; background-color: #22c55e;   border: 2px solid #ffffff; border-radius: 50%; box-shadow: 0 0 8px rgba(34, 197, 94, 0.8); animation: pulse-green 2s infinite; } @keyframes pulse-green { 0% { box-shadow: 0 0 0 0 rgba(34, 197, 94, 0.7); } 70% { box-shadow: 0 0 0 8px rgba(34, 197, 94, 0); } 100% { box-shadow: 0 0 0 0 rgba(34, 197, 94, 0); } }   .chat-tooltip { position: absolute; right: 72px; background-color: var(--color-midnight-charcoal); color: #ffffff; padding: 0.5rem 0.9rem; border-radius: 8px; font-size: 0.85rem; font-weight: var(--font-weight-bold); white-space: nowrap; opacity: 0; pointer-events: none; transform: translateX(10px); transition: all 0.25s ease; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2); } .chat-tooltip::after { content: ''; position: absolute; right: -6px; top: 50%; transform: translateY(-50%); border-width: 6px 0 6px 6px; border-style: solid; border-color: transparent transparent transparent var(--color-midnight-charcoal); } .chat-trigger-btn:hover .chat-tooltip { opacity: 1; transform: translateX(0); }   .chat-box-window { position: absolute; bottom: 75px; right: 0; width: 360px; max-width: calc(100vw - 2rem); background-color: #ffffff; border-radius: 16px; box-shadow: 0 20px 50px rgba(0, 0, 0, 0.25), 0 0 0 1px rgba(191, 54, 12, 0.1); overflow: hidden; display: flex; flex-direction: column; opacity: 0; visibility: hidden; transform: translateY(20px) scale(0.95); transform-origin: bottom right; transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1); z-index: 9999; } .chat-box-window.is-open { opacity: 1; visibility: visible; transform: translateY(0) scale(1); }   .chat-header { background: linear-gradient(135deg, var(--color-brand-purple) 0%, #6B2400 100%); color: #ffffff; padding: 1.25rem 1.25rem 1.1rem 1.25rem; display: flex; justify-content: space-between; align-items: center; border-bottom: 3px solid var(--color-warm-gold); } .chat-header-info { display: flex; align-items: center; gap: 0.75rem; } .chat-avatar-wrapper { position: relative; width: 42px; height: 42px; background-color: rgba(255, 255, 255, 0.15); border-radius: 50%; display: flex; justify-content: center; align-items: center; border: 2px solid var(--color-warm-gold); } .chat-avatar-icon svg { width: 22px; height: 22px; fill: var(--color-warm-gold); } .chat-online-indicator { position: absolute; bottom: -1px; right: -1px; width: 12px; height: 12px; background-color: #22c55e; border: 2px solid var(--color-brand-purple); border-radius: 50%; } .chat-title { margin: 0; font-family: var(--font-heading); font-size: 1rem; font-weight: var(--font-weight-bold); color: #ffffff !important; line-height: 1.2; } .chat-status { margin: 0.2rem 0 0 0; font-size: 0.75rem; color: rgba(255, 255, 255, 0.85); } .chat-close-btn { background: rgba(255, 255, 255, 0.1); border: none; color: #ffffff; font-size: 1.5rem; line-height: 1; width: 32px; height: 32px; border-radius: 50%; display: flex; justify-content: center; align-items: center; cursor: pointer; transition: background-color 0.2s ease; } .chat-close-btn:hover { background: rgba(255, 255, 255, 0.25); }   .chat-body { padding: 1.25rem; background-color: var(--color-soft-lilac); display: flex; flex-direction: column; gap: 1rem; max-height: 380px; overflow-y: auto; } .chat-message-bubble { background-color: #ffffff; padding: 1rem; border-radius: 12px 12px 12px 2px; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); border-left: 3px solid var(--color-brand-purple); } .msg-author { font-size: 0.75rem; font-weight: var(--font-weight-bold); color: var(--color-brand-purple); margin-bottom: 0.35rem; text-transform: uppercase; letter-spacing: 0.05em; } .chat-message-bubble p { margin: 0; font-size: 0.9rem; line-height: 1.45; color: var(--color-text-gray); } .msg-time { display: block; font-size: 0.7rem; color: #888888; margin-top: 0.5rem; text-align: right; }   .chat-quick-actions { display: flex; flex-direction: column; gap: 0.6rem; } .quick-actions-label { margin: 0 0 0.2rem 0; font-size: 0.8rem; font-weight: var(--font-weight-bold); color: var(--color-brand-purple); } .chat-action-btn { display: flex; align-items: center; gap: 0.75rem; padding: 0.75rem 0.9rem; background-color: #ffffff; border-radius: 10px; text-decoration: none; color: var(--color-text-gray); box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04); border: 1px solid rgba(191, 54, 12, 0.1); transition: all 0.2s ease; } .chat-action-btn:hover { transform: translateY(-2px); box-shadow: 0 6px 15px rgba(191, 54, 12, 0.12); border-color: var(--color-brand-purple); } .chat-action-call:hover { background-color: #f0fdf4; border-color: #22c55e; } .chat-action-quote:hover { background-color: #fffbeb; border-color: var(--color-warm-gold); } .chat-action-emergency:hover { background-color: #fef2f2; border-color: #ef4444; } .action-icon { width: 34px; height: 34px; border-radius: 8px; background-color: rgba(191, 54, 12, 0.08); display: flex; justify-content: center; align-items: center; flex-shrink: 0; } .action-icon svg { width: 18px; height: 18px; stroke: var(--color-brand-purple); fill: none; } .chat-action-call .action-icon { background-color: rgba(34, 197, 94, 0.12); } .chat-action-call .action-icon svg { stroke: #16a34a; } .chat-action-quote .action-icon { background-color: rgba(255, 204, 0, 0.18); } .chat-action-quote .action-icon svg { stroke: #b45309; } .chat-action-emergency .action-icon { background-color: rgba(239, 68, 68, 0.12); } .chat-action-emergency .action-icon svg { stroke: #dc2626; } .action-text { display: flex; flex-direction: column; } .action-text strong { font-size: 0.88rem; color: var(--color-brand-purple); font-family: var(--font-heading); } .action-text small { font-size: 0.72rem; color: #666666; }   .chat-footer { padding: 0.85rem 1.25rem; background-color: #ffffff; border-top: 1px solid rgba(0, 0, 0, 0.06); text-align: center; } .chat-footer-cta { color: var(--color-brand-purple); font-size: 0.85rem; font-weight: var(--font-weight-bold); text-decoration: none; display: inline-flex; align-items: center; gap: 0.35rem; transition: color 0.2s ease; } .chat-footer-cta:hover { color: var(--color-forest-green); text-decoration: underline; }   @media (max-width: 768px) { .maple-chat-widget { bottom: 80px;   right: 1.25rem; } .chat-trigger-btn { width: 54px; height: 54px; } .chat-trigger-btn svg { width: 24px; height: 24px; } .chat-box-window { bottom: 68px; right: 0; width: calc(100vw - 2.5rem); } }       #back-to-top { position: fixed; bottom: 95px; right: 30px; width: 48px; height: 48px; background: linear-gradient(135deg, var(--color-brand-purple) 0%, #E8720C 100%); color: #ffffff; border: 2px solid var(--color-warm-gold); border-radius: 50%; display: flex; justify-content: center; align-items: center; cursor: pointer; box-shadow: 0 6px 22px rgba(191, 54, 12, 0.45); z-index: 99999; opacity: 0; visibility: hidden; transform: translateY(15px); transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1); -webkit-tap-highlight-color: transparent; outline: none; } #back-to-top.show { opacity: 1; visibility: visible; transform: translateY(0); } #back-to-top:hover { background: var(--color-warm-gold); color: var(--color-brand-purple); border-color: var(--color-brand-purple); box-shadow: 0 8px 25px rgba(255, 204, 0, 0.6); transform: translateY(-4px) scale(1.08); } #back-to-top svg { width: 22px; height: 22px; stroke: currentColor; stroke-width: 2.5; transition: transform 0.2s ease; } #back-to-top:hover svg { transform: translateY(-2px); } @media (max-width: 991px) { #back-to-top { bottom: 85px; right: 20px; width: 44px; height: 44px; } }     .mm-about-section { width: 100%; padding: clamp(30px, 3vw, 50px) 0; background: var(--color-soft-lilac); color: var(--color-text-gray); overflow: hidden; } .mm-about-container { width: 100%; max-width: 1200px; margin: 0 auto; padding-left: var(--global-padding-x, 20px); padding-right: var(--global-padding-x, 20px); box-sizing: border-box; }   .mm-about-header { max-width: 900px; margin: 0 auto 1.5rem; text-align: center; } .mm-about-header h2 { margin: 0; font-family: var(--font-heading); font-size: clamp(28px, 3vw, 44px); font-weight: var(--font-weight-extrabold); line-height: 1.1; margin-bottom: 1rem; color: var(--color-brand-purple); }   .mm-about-takeaway { max-width: 100%; margin: 0 auto 1.5rem; padding: 1.5rem 1.5rem 1.5rem 0; border-left: 4px solid var(--color-brand-purple); border-radius: 0 10px 10px 0; background: white; box-shadow: 0 2px 8px rgba(191, 54, 12, 0.08); } .mm-about-takeaway strong { display: block; margin-bottom: 0.5rem; font-family: var(--font-heading); font-size: var(--font-size-heading); font-weight: var(--font-weight-bold); color: var(--color-brand-purple); } .mm-about-takeaway p { margin: 0; font-family: var(--font-body); font-size: var(--font-size-body); font-weight: var(--font-weight-regular); line-height: var(--line-height-standard); color: var(--color-text-gray); }   .mm-about-content { max-width: 100%; margin: 0 auto 2rem; } .mm-about-content h3 { margin: 0 0 1rem; font-family: var(--font-heading); font-size: var(--font-size-heading); font-weight: var(--font-weight-bold); line-height: 1.3; color: var(--color-brand-purple); } .mm-about-content p { margin: 0 0 1rem; font-family: var(--font-body); font-size: var(--font-size-body); font-weight: var(--font-weight-regular); line-height: var(--line-height-standard); color: var(--color-text-gray); } .mm-about-content p:last-child { margin-bottom: 0; }   .mm-about-process-section { max-width: 100%; margin: 0 auto 2rem; } .mm-about-process-section h3 { margin: 0 0 1.5rem; font-family: var(--font-heading); font-size: var(--font-size-heading); font-weight: var(--font-weight-bold); line-height: 1.3; text-align: center; color: var(--color-brand-purple); } .mm-process-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1.5rem; } .mm-process-item { text-align: center; padding: 1.5rem; background: white; border-radius: 12px; border: 1px solid rgba(191, 54, 12, 0.1); transition: all 0.3s ease; position: relative; overflow: hidden; }   .mm-process-item::before { content: attr(data-step); position: absolute; bottom: -10px; right: 10px; font-size: 7rem; font-weight: 800; font-family: var(--font-heading); color: rgba(191, 54, 12, 0.07); line-height: 1; pointer-events: none; user-select: none; z-index: 0; }   .mm-process-item>* { position: relative; z-index: 1; } .mm-process-item:hover { transform: translateY(-4px); box-shadow: 0 8px 24px rgba(191, 54, 12, 0.12); border-color: var(--color-brand-purple); } .mm-process-icon { width: 60px; height: 60px; margin: 0 auto 1rem; display: flex; align-items: center; justify-content: center; background: linear-gradient(135deg, var(--color-soft-lilac), #F4F1EC); border-radius: 12px; } .mm-process-icon svg { width: 32px; height: 32px; stroke: var(--color-brand-purple); fill: none; stroke-width: 2; } .mm-process-item h4 { margin: 0 0 0.75rem; font-family: var(--font-heading); font-size: var(--font-size-heading); font-weight: var(--font-weight-bold); line-height: 1.3; color: var(--color-brand-purple); } .mm-process-item p { margin: 0; font-family: var(--font-body); font-size: var(--font-size-body); font-weight: var(--font-weight-regular); line-height: var(--line-height-standard); color: var(--color-text-gray); }   .mm-about-principles-section { max-width: 100%; margin: 0 auto 2rem; } .mm-about-principles-section h3 { margin: 0 0 1.5rem; font-family: var(--font-heading); font-size: var(--font-size-heading); font-weight: var(--font-weight-bold); line-height: 1.3; text-align: center; color: var(--color-brand-purple); } .mm-principles-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.5rem; } .mm-principle-item { text-align: center; padding: 1.5rem; background: white; border-radius: 12px; border: 1px solid rgba(191, 54, 12, 0.1); transition: all 0.3s ease; } .mm-principle-item:hover { transform: translateY(-4px); box-shadow: 0 8px 24px rgba(191, 54, 12, 0.12); border-color: var(--color-brand-purple); } .mm-principle-icon { width: 60px; height: 60px; margin: 0 auto 1rem; display: flex; align-items: center; justify-content: center; background: linear-gradient(135deg, var(--color-soft-lilac), #F4F1EC); border-radius: 12px; } .mm-principle-icon svg { width: 32px; height: 32px; stroke: var(--color-brand-purple); fill: none; stroke-width: 2; } .mm-principle-item h4 { margin: 0 0 0.75rem; font-family: var(--font-heading); font-size: var(--font-size-heading); font-weight: var(--font-weight-bold); line-height: 1.3; color: var(--color-brand-purple); } .mm-principle-item p { margin: 0; font-family: var(--font-body); font-size: var(--font-size-body); font-weight: var(--font-weight-regular); line-height: var(--line-height-standard); color: var(--color-text-gray); }   .mm-about-closing { max-width: 100%; margin: 0 auto; text-align: center; } .mm-about-closing p { margin: 0 0 1rem; font-family: var(--font-body); font-size: var(--font-size-body); font-weight: var(--font-weight-regular); line-height: var(--line-height-standard); color: var(--color-text-gray); } .mm-about-closing p:last-child { margin-bottom: 0; }   @media (max-width: 991px) { .mm-about-section { padding: 3rem 0; } .mm-process-grid { grid-template-columns: repeat(2, 1fr); gap: 1rem; } .mm-principles-grid { grid-template-columns: 1fr; gap: 1rem; } .mm-process-item, .mm-principle-item { padding: 1.25rem; } .mm-about-content, .mm-about-process-section, .mm-about-principles-section, .mm-about-closing { max-width: 100%; } .mm-about-header { max-width: 100%; } .mm-about-takeaway { max-width: 100%; } }   @media (max-width: 575px) { .mm-about-section { padding: 2rem 0; } .mm-about-header { margin-bottom: 1rem; } .mm-about-header h2 { font-size: 22px; line-height: 1.15; margin-bottom: 0.75rem; } .mm-about-takeaway { margin-bottom: 1rem; padding: 1.5rem 1.5rem 1.5rem 0; } .mm-about-takeaway strong { font-size: 13px; margin-bottom: 0.25rem; } .mm-about-takeaway p { font-size: 13px; line-height: 1.45; } .mm-about-content { margin-bottom: 1.5rem; } .mm-about-content h3, .mm-about-process-section h3, .mm-about-principles-section h3 { font-size: 14px; margin-bottom: 0.75rem; } .mm-about-content p { font-size: 13px; line-height: 1.45; margin-bottom: 0.75rem; } .mm-about-process-section { margin-bottom: 1.5rem; } .mm-process-grid { grid-template-columns: 1fr; gap: 0.75rem; } .mm-process-item { padding: 1rem; } .mm-process-icon { width: 50px; height: 50px; margin-bottom: 0.75rem; } .mm-process-icon svg { width: 28px; height: 28px; } .mm-process-item h4 { font-size: 13px; margin-bottom: 0.5rem; } .mm-process-item p { font-size: 12px; line-height: 1.4; } .mm-about-principles-section { margin-bottom: 1.5rem; } .mm-principles-grid { gap: 0.75rem; } .mm-principle-item { padding: 1rem; } .mm-principle-icon { width: 50px; height: 50px; margin-bottom: 0.75rem; } .mm-principle-icon svg { width: 28px; height: 28px; } .mm-principle-item h4 { font-size: 13px; margin-bottom: 0.5rem; } .mm-principle-item p { font-size: 12px; line-height: 1.4; } .mm-about-closing p { font-size: 13px; line-height: 1.45; margin-bottom: 0.75rem; } }   @media (max-width: 375px) { .mm-about-section { padding: 1.5rem 0.75rem; } .mm-about-header h2 { font-size: 20px; } .mm-process-grid, .mm-principles-grid { gap: 0.5rem; } .mm-process-item, .mm-principle-item { padding: 0.75rem; } } .services-section { background-color: #fff; padding: 6rem 0; font-family: var(--font-body); } .services-wrapper { max-width: 1200px; margin: 0 auto; padding-left: var(--global-padding-x, 20px); padding-right: var(--global-padding-x, 20px); box-sizing: border-box; }   .services-header { text-align: center; margin-bottom: 3.5rem; } .services-heading { font-family: var(--font-heading); font-weight: var(--font-weight-extrabold); font-size: 2rem; color: var(--color-brand-purple); margin: 0.5rem 0 1rem; line-height: 1.2; } .services-subtext { font-size: 0.94rem; color: var(--color-text-gray); max-width: 580px; margin: 0 auto; line-height: 1.5; opacity: 0.85; }   .services-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.5rem; }   .service-card { background: var(--color-soft-lilac); border-radius: 16px; padding: 2rem 1.75rem; text-decoration: none; color: var(--color-text-gray); display: flex; flex-direction: column; gap: 0.85rem; border: 1px solid rgba(191, 54, 12, 0.06); position: relative; overflow: hidden; transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease; text-align: center; } .service-card::after { content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 3px; background: linear-gradient(to right, var(--color-forest-green), var(--color-brand-purple)); transform: scaleX(0); transform-origin: left; transition: transform 0.3s ease; } .service-card:hover { transform: translateY(-6px); box-shadow: 0 16px 40px rgba(191, 54, 12, 0.12); border-color: rgba(191, 54, 12, 0.15); } .service-card:hover::after { transform: scaleX(1); }   .service-card--featured { grid-column: 1 / -1;   background: var(--color-brand-purple); border-color: rgba(191, 54, 12, 0.4); color: #ffffff; flex-direction: row; align-items: center; gap: 2rem; padding: 2.5rem 3rem; } .service-card--featured .service-card-title { color: #ffffff; font-size: 1.4rem; margin-bottom: 0.5rem; } .service-card--featured .service-card-desc { color: rgba(255, 255, 255, 0.85); flex: unset; opacity: 1; margin: 0; }   .service-card--featured .service-card-link { color: #ffffff; border-color: rgba(255, 255, 255, 0.6); background: rgba(255, 255, 255, 0.15); white-space: nowrap; flex-shrink: 0; margin-top: 0; padding: 0.6rem 1.75rem; border-radius: 8px; border: 2px solid rgba(255, 255, 255, 0.5); font-size: 0.9rem; letter-spacing: 0.06em; transition: background 0.3s, border-color 0.3s; display: inline-flex; align-items: center; } .service-card--featured:hover { box-shadow: 0 16px 40px rgba(220, 53, 69, 0.4); transform: translateY(-3px); } .service-card--featured:hover .service-card-link { background: rgba(255, 255, 255, 0.25); border-color: #ffffff; color: #ffffff; } .service-card--featured::after { display: none;   }   .service-card--featured .service-card-badge { display: inline-block; background: rgba(255, 255, 255, 0.2); color: #ffffff; font-family: var(--font-heading); font-weight: var(--font-weight-bold); font-size: 0.7rem; text-transform: uppercase; letter-spacing: 0.12em; padding: 0.3rem 0.8rem; border-radius: 20px; border: 1px solid rgba(255, 255, 255, 0.4); margin-bottom: 0.75rem; width: fit-content; }   .service-card--featured .service-card-text { flex: 1; display: flex; flex-direction: column; }   .service-card-icon { width: 52px; height: 52px; background: rgba(191, 54, 12, 0.08); border-radius: 12px; display: flex; align-items: center; justify-content: center; color: var(--color-brand-purple); flex-shrink: 0; transition: background 0.3s, color 0.3s; } .service-card:not(.service-card--featured):hover .service-card-icon { background: var(--color-brand-purple); color: var(--color-warm-gold); } .service-card-icon svg { width: 26px; height: 26px; }   .service-card-title { font-family: var(--font-heading); font-weight: var(--font-weight-bold); font-size: var(--font-size-heading); color: var(--color-brand-purple); line-height: 1.3; margin: 0; }   .service-card-desc { font-size: var(--font-size-body); line-height: var(--line-height-standard); color: var(--color-text-gray); margin: 0; flex: 1; opacity: 0.85; }   .service-card-link { display: inline-flex; align-items: center; justify-content: center; gap: 0.4rem; font-family: var(--font-heading); font-size: 12px; font-weight: var(--font-weight-bold); color: var(--color-brand-purple); background-color: rgba(191, 54, 12, 0.08); border: 1.5px solid rgba(191, 54, 12, 0.2); text-transform: uppercase; letter-spacing: 0.08em; padding: 0.5rem 1.1rem; border-radius: 8px; margin-top: auto; margin-left: auto; margin-right: auto; width: fit-content; transition: background 0.25s ease, color 0.25s ease, border-color 0.25s ease; pointer-events: none;   } .service-card:hover .service-card-link { background-color: var(--color-brand-purple); color: #ffffff; border-color: var(--color-brand-purple); }   @media (max-width: 1100px) { .services-grid { grid-template-columns: repeat(3, 1fr); }   .service-card--featured { grid-column: 1 / -1; } } @media (max-width: 768px) { .services-section { padding: 4rem 0; } .services-wrapper { padding: 0 1.5rem; } .services-heading { font-size: 2rem; } .services-grid { grid-template-columns: repeat(2, 1fr); gap: 1rem; }   .service-card--featured { grid-column: 1 / -1; flex-direction: column; align-items: flex-start; padding: 2rem; } .service-card--featured .service-card-link { white-space: normal; margin-top: 1rem; } } @media (max-width: 480px) { .services-grid { grid-template-columns: 1fr; } } .service-card--featured .service-card-title { color: #ffffff; font-size: 1.4rem; margin-bottom: 0.5rem; } .service-card--featured .service-card-desc { color: rgba(255, 255, 255, 0.85); flex: unset; opacity: 1; margin: 0; }   .service-card--featured .service-card-link { color: #ffffff; border-color: rgba(255, 255, 255, 0.6); background: rgba(255, 255, 255, 0.15); white-space: nowrap; flex-shrink: 0; margin-top: 0; padding: 0.6rem 1.75rem; border-radius: 8px; border: 2px solid rgba(255, 255, 255, 0.5); font-size: 0.9rem; letter-spacing: 0.06em; transition: background 0.3s, border-color 0.3s; display: inline-flex; align-items: center; } .service-card--featured:hover { box-shadow: 0 16px 40px rgba(220, 53, 69, 0.4); transform: translateY(-3px); } .service-card--featured:hover .service-card-link { background: rgba(255, 255, 255, 0.25); border-color: #ffffff; color: #ffffff; } .service-card--featured::after { display: none;   }   .service-card--featured .service-card-badge { display: inline-block; background: rgba(255, 255, 255, 0.2); color: #ffffff; font-family: var(--font-heading); font-weight: var(--font-weight-bold); font-size: 0.7rem; text-transform: uppercase; letter-spacing: 0.12em; padding: 0.3rem 0.8rem; border-radius: 20px; border: 1px solid rgba(255, 255, 255, 0.4); margin-bottom: 0.75rem; width: fit-content; }   .service-card--featured .service-card-text { flex: 1; display: flex; flex-direction: column; }   .service-card-icon { width: 52px; height: 52px; background: rgba(191, 54, 12, 0.08); border-radius: 12px; display: flex; align-items: center; justify-content: center; color: var(--color-brand-purple); flex-shrink: 0; transition: background 0.3s, color 0.3s; } .service-card:not(.service-card--featured):hover .service-card-icon { background: var(--color-brand-purple); color: var(--color-warm-gold); } .service-card-icon svg { width: 26px; height: 26px; }   .service-card-title { font-family: var(--font-heading); font-weight: var(--font-weight-bold); font-size: var(--font-size-heading); color: var(--color-brand-purple); line-height: 1.3; margin: 0; }   .service-card-desc { font-size: var(--font-size-body); line-height: var(--line-height-standard); color: var(--color-text-gray); margin: 0; flex: 1; opacity: 0.85; }   .service-card-link { display: inline-flex; align-items: center; justify-content: center; gap: 0.4rem; font-family: var(--font-heading); font-size: 12px; font-weight: var(--font-weight-bold); color: var(--color-brand-purple); background-color: rgba(191, 54, 12, 0.08); border: 1.5px solid rgba(191, 54, 12, 0.2); text-transform: uppercase; letter-spacing: 0.08em; padding: 0.5rem 1.1rem; border-radius: 8px; margin-top: auto; margin-left: auto; margin-right: auto; width: fit-content; transition: background 0.25s ease, color 0.25s ease, border-color 0.25s ease; pointer-events: none;   } .service-card:hover .service-card-link { background-color: var(--color-brand-purple); color: #ffffff; border-color: var(--color-brand-purple); }   @media (max-width: 1100px) { .services-grid { grid-template-columns: repeat(3, 1fr); }   .service-card--featured { grid-column: 1 / -1; } } @media (max-width: 768px) { .services-section { padding: 4rem 0; } .services-wrapper { padding: 0 1.5rem; } .services-heading { font-size: 2rem; } .services-grid { grid-template-columns: repeat(2, 1fr); gap: 1rem; }   .service-card--featured { grid-column: 1 / -1; flex-direction: column; align-items: flex-start; padding: 2rem; } .service-card--featured .service-card-link { white-space: normal; margin-top: 1rem; } } @media (max-width: 480px) { .services-grid { grid-template-columns: 1fr; } .service-card--featured { grid-column: 1 / -1; } }       .why-choose-us-section { background-color: var(--color-soft-lilac); padding: 3rem; position: relative; overflow: hidden; } .why-choose-us-section::before { content: ''; position: absolute; top: -50px; right: -50px; width: 300px; height: 300px; background-color: var(--color-forest-green); border-radius: 50%; opacity: 0.05; z-index: 0; } .why-choose-us-container { max-width: 1200px; margin: 0 auto; position: relative; z-index: 1; } .why-choose-us-header { text-align: center; margin-bottom: 4rem; } .why-choose-us-title { color: var(--color-brand-purple); font-size: 2.8rem; margin-bottom: 1.5rem; font-weight: var(--font-weight-extrabold); } .why-choose-us-key-takeaway { font-size: 1.15rem; color: var(--color-forest-green); background-color: rgba(49, 82, 57, 0.1); padding: 1.5rem 1.5rem 1.5rem 0; border-left: 4px solid var(--color-forest-green); border-radius: 0 8px 8px 0; margin-bottom: 1.5rem; line-height: 1.6; } .why-choose-us-intro { font-size: 0.95rem; color: var(--color-text-gray); line-height: 1.6; } .why-choose-us-grid { display: grid; grid-template-columns: 1fr; gap: 3rem; width: 100%; } .why-choose-us-item { background: #ffffff; border-radius: 12px; padding: 2.5rem 3rem; box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05); transition: all 0.3s ease; display: flex; flex-direction: column; align-items: flex-start; text-align: left; gap: 1.5rem; } .why-choose-us-item:hover { transform: translateY(-5px); box-shadow: 0 15px 40px rgba(0, 0, 0, 0.08); } .why-choose-us-item:nth-child(even) { flex-direction: column; } .why-choose-us-icon { width: 80px; height: 80px; background: rgba(191, 54, 12, 0.08);   border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-bottom: 0.5rem; flex-shrink: 0; } .why-choose-us-icon svg { width: 40px; height: 40px; stroke: var(--color-brand-purple) !important;   transition: stroke 0.3s ease; } .why-choose-us-content h3 { color: var(--color-brand-purple); font-size: 1.15rem; margin-bottom: 1rem; line-height: 1.4; font-weight: var(--font-weight-bold); } .why-choose-us-content p { color: var(--color-text-gray); font-size: 0.9rem; line-height: 1.6; margin: 0;   display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; overflow: hidden; } .why-choose-us-item:hover .why-choose-us-content p { -webkit-line-clamp: unset; }   @media (max-width: 1024px) { .why-choose-us-grid { gap: 1.5rem; } }   @media (max-width: 768px) { .why-choose-us-section { padding: 4rem 0; } .why-choose-us-title { font-size: 2.2rem; } .why-choose-us-grid { grid-template-columns: 1fr; } .why-choose-us-item { padding: 1.5rem 1rem; } }       .gallery-section { padding: 6rem 0; } .gallery-container { max-width: 1200px; margin: 0 auto; padding: 0 40px; } .gallery-header { text-align: center; max-width: 800px; margin: 0 auto 4rem; display: flex; flex-direction: column; align-items: center; } .gallery-title-wrapper { display: flex; align-items: center; justify-content: center; gap: 1rem; margin-bottom: 1.5rem; } .gallery-title-wrapper svg { width: 40px; height: 40px; } .gallery-title { color: var(--color-brand-purple); font-size: 2.5rem; font-weight: var(--font-weight-extrabold); margin-bottom: 0; } .gallery-description { color: var(--color-text-gray); font-size: 0.95rem; line-height: 1.6; max-width: 900px; margin: 0 auto 3rem auto; text-align: center; }   .gallery-projects-tabs { display: flex; flex-wrap: wrap; gap: 1rem; justify-content: center; margin-bottom: 2rem; } .project-tab { background-color: #FFFFFF; border: 2px solid rgba(191, 54, 12, 0.2); border-radius: 30px; padding: 0.75rem 1.5rem; font-size: 1rem; font-weight: 700; color: #662400; cursor: pointer; transition: all 0.3s ease; font-family: inherit; } .project-tab:hover { background-color: #BF360C !important; color: #FFFFFF !important; border-color: #BF360C !important; } .project-tab.active { background-color: #BF360C !important; color: #FFFFFF !important; border-color: #BF360C !important; box-shadow: 0 4px 15px rgba(191, 54, 12, 0.25); } .gallery-project-description { text-align: center; color: var(--color-text-gray); font-size: 1.15rem; font-weight: 500; margin-bottom: 2rem; max-width: 800px; margin-left: auto; margin-right: auto; font-style: italic; }   @media (max-width: 992px) { .gallery-projects-tabs { gap: 0.5rem; } .project-tab { padding: 0.5rem 1rem; font-size: 0.9rem; } }   .before-after-container { cursor: pointer; position: relative; width: 100%; height: 60vh; min-height: 400px; max-height: 700px; border-radius: 20px; overflow: hidden; margin: 0 auto; box-shadow: 0 15px 35px rgba(0, 0, 0, 0.1); } .img-background, .img-foreground { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .img-background { background-size: cover; background-position: center; } .img-foreground { background-size: cover; background-position: center; width: 50%; z-index: 2; border-right: 4px solid #ffffff; } .ba-label { position: absolute; top: 20px; padding: 6px 14px; background-color: rgba(0, 0, 0, 0.6); color: #ffffff; font-size: 0.9rem; font-weight: bold; border-radius: 4px; z-index: 5; text-transform: uppercase; letter-spacing: 1px; backdrop-filter: blur(4px); } .ba-label-before { left: 20px; } .ba-label-after { right: 20px; } .slider { position: absolute; top: 0; left: 0; width: 100%; height: 100%; outline: none; background: transparent; appearance: none; -webkit-appearance: none; z-index: 4; cursor: pointer; margin: 0; } .slider::-webkit-slider-thumb { -webkit-appearance: none; appearance: none; width: 36px; height: 100%; background: transparent; cursor: pointer; } .slider::-moz-range-thumb { width: 36px; height: 100%; background: transparent; cursor: pointer; border: none; } .slider-button { position: absolute; top: 50%; left: calc(50% - 24px);   transform: translateY(-50%); width: 48px; height: 48px; background: #ffffff; border-radius: 50%; display: flex; align-items: center; justify-content: center; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.15); z-index: 3; pointer-events: none;   } .slider-button svg { width: 24px; height: 24px; }   @media (max-width: 992px) { .before-after-container { height: 50vh; } }   @media (max-width: 768px) { .gallery-title-wrapper { justify-content: center; } .gallery-description { text-align: center; } .before-after-container { height: 40vh; min-height: 300px; } }       .emergency-section { background-color: transparent; padding: 0 !important;   margin: 6rem 0; overflow: hidden; } .emergency-header { text-align: center; padding: 3rem 0 0 0; background-color: transparent; } .emergency-header .global-subtitle { color: var(--color-forest-green, #1e4726); } .emergency-title { color: #ffffff; font-size: 3.5rem; font-weight: var(--font-weight-extrabold); margin: 0; text-transform: uppercase; letter-spacing: 1px; } .emergency-content-grid { display: grid; grid-template-columns: 1fr 1fr; width: 100%; max-width: 1200px; margin: 0 auto; padding-left: 0; padding-right: 0; box-sizing: border-box; } .emergency-takeaway { background-color: #5C1F00; padding: 3rem !important; } .takeaway-title { color: #FACC15; font-size: 2rem; font-weight: var(--font-weight-extrabold); margin-bottom: 2.5rem; text-transform: uppercase; } .takeaway-item { display: flex; align-items: flex-start; gap: 1.5rem; margin-bottom: 2rem; } .takeaway-item:last-child { margin-bottom: 0; } .takeaway-icon { width: 48px; height: 48px; flex-shrink: 0; } .takeaway-icon svg { width: 100%; height: 100%; stroke: #FACC15 !important; } .takeaway-text { color: #FFFFFF !important; font-size: 1.15rem; line-height: 1.6; font-weight: 500; } .emergency-cta-area { background-color: var(--color-forest-green); padding: 3rem !important; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; } .emergency-context { color: #ffffff; font-size: 1.5rem; line-height: 1.6; margin-bottom: 3rem; font-weight: 400; } .emergency-action { margin-top: auto; } .emergency-call-btn { display: inline-flex; flex-direction: column; align-items: flex-start; text-decoration: none; transition: transform 0.2s ease; } .emergency-call-btn:hover { transform: scale(1.05); } .call-now-text { color: var(--color-warm-gold); font-size: 2rem; font-weight: var(--font-weight-bold); margin-bottom: 0.25rem; } .available-text { color: var(--color-warm-gold); font-size: 1.25rem; }   @media (max-width: 1024px) { .emergency-title { font-size: 2.5rem; } .emergency-takeaway, .emergency-cta-area { padding: 1.5rem; } .emergency-context { font-size: 1.35rem; } .call-now-text { font-size: 1.75rem; } }   @media (max-width: 768px) { .emergency-content-grid { grid-template-columns: 1fr; } .emergency-header { padding: 2rem 1.5rem; } .emergency-title { font-size: 2rem; } .emergency-takeaway, .emergency-cta-area { padding: 1.5rem; } .takeaway-title { font-size: 1.75rem; } .emergency-context { font-size: 1.25rem; margin-bottom: 2rem; } }   .pricing-section { background-color: var(--color-soft-lilac); padding: 6rem 0; font-family: var(--font-body); } .pricing-container { max-width: 1200px; margin: 0 auto; padding-left: var(--global-padding-x, 20px); padding-right: var(--global-padding-x, 20px); box-sizing: border-box; } .pricing-header { text-align: left; margin-bottom: 2rem; } .pricing-title-wrapper { display: flex; align-items: center; gap: 1rem; margin-bottom: 1.5rem; } .pricing-title-wrapper svg { width: 48px; height: 48px; color: var(--color-forest-green); } .pricing-title { font-family: var(--font-heading); font-size: 2.5rem; color: var(--color-brand-purple); font-weight: 700; margin: 0; } .pricing-takeaway { background-color: rgba(135, 169, 107, 0.1); border-left: 4px solid var(--color-forest-green); padding: 1.5rem 1.5rem 1.5rem 0; border-radius: 0 8px 8px 0; margin-bottom: 2rem; font-size: 0.95rem; color: var(--color-brand-purple); line-height: 1.6; } .pricing-takeaway strong { color: var(--color-forest-green); font-weight: 700; } .pricing-description { font-size: 0.95rem; line-height: 1.8; color: var(--color-text-gray); margin-bottom: 4rem; }   .pricing-table-wrapper { background: #ffffff; border-radius: 16px; box-shadow: 0 10px 40px rgba(0, 0, 0, 0.06); padding: 3rem; border: 1px solid rgba(191, 54, 12, 0.08); } .pricing-table-title { font-family: var(--font-heading); font-size: 1.8rem; color: var(--color-brand-purple); margin-bottom: 2rem; text-align: left; font-weight: 700; }   .pricing-table { display: flex; flex-direction: column; } .pricing-row { display: grid; grid-template-columns: 1fr 1.5fr 1fr; padding: 1.5rem; border-bottom: 1px solid rgba(0, 0, 0, 0.05); transition: background 0.3s ease; align-items: center; } .pricing-row:last-child { border-bottom: none; } .pricing-row:not(.pricing-header-row):hover { background: rgba(244, 187, 68, 0.05);   } .pricing-header-row { background: var(--color-brand-purple); color: #ffffff; border-radius: 8px 8px 0 0; font-weight: 700; text-transform: uppercase; letter-spacing: 0.5px; font-size: 0.9rem; border-bottom: none; } .pricing-col { padding: 0 1rem; } .service-col { font-weight: 700; color: var(--color-brand-purple); } .pricing-header-row .service-col, .pricing-header-row .desc-col, .pricing-header-row .cost-col { color: #ffffff; } .desc-col { color: var(--color-text-gray); line-height: 1.5; } .cost-col { font-weight: 700; text-align: right; } .highlight-cost { color: var(--color-forest-green); font-size: 0.95rem; }   @media (max-width: 992px) { .pricing-container { padding: 0 30px;   } .pricing-table-wrapper { padding: 2rem; } } @media (max-width: 768px) { .pricing-container { padding: 0;   } .pricing-section { padding: 4rem 0; } .pricing-title { font-size: 2rem; } .pricing-title-wrapper svg { width: 36px; height: 36px; }   .pricing-header-row { display: none; } .pricing-row { display: flex; flex-direction: column; border: 1px solid rgba(0, 0, 0, 0.1); border-radius: 8px; margin-bottom: 1rem; padding: 1.5rem; background: #ffffff; gap: 0.5rem; } .pricing-col { padding: 0; text-align: left; } .cost-col { text-align: left; margin-top: 0.5rem; }   .pricing-col::before { content: attr(data-label); display: block; font-size: 0.8rem; text-transform: uppercase; color: var(--color-text-gray); margin-bottom: 0.2rem; font-weight: 600; } }   .pricing-header-center { text-align: center; margin-bottom: 2rem; display: flex; flex-direction: column; align-items: center; } .pricing-header-center .global-subtitle { display: flex; justify-content: center; margin-bottom: 1rem; } .pricing-cards-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 2rem; margin-top: 4rem; } .pricing-card { background: #ffffff; border-radius: 12px; padding: 2.5rem 2rem; text-align: center; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05); display: flex; flex-direction: column; position: relative; border: 1px solid rgba(0, 0, 0, 0.03); transition: transform 0.3s ease, box-shadow 0.3s ease; } .pricing-card:hover { transform: translateY(-10px); box-shadow: 0 15px 40px rgba(0, 0, 0, 0.1); } .pricing-card-featured { border: 2px solid var(--color-brand-purple); transform: scale(1.05); box-shadow: 0 20px 50px rgba(191, 54, 12, 0.15); z-index: 2; } .pricing-card-featured:hover { transform: scale(1.05) translateY(-10px); } .pc-badge { position: absolute; top: -15px; left: 50%; transform: translateX(-50%); background: #5D2000 !important; color: #FFFFFF !important; border: 1px solid #FACC15; padding: 0.4rem 1.2rem; border-radius: 20px; font-size: 0.85rem; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; white-space: nowrap; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15); } .pc-title { color: var(--color-brand-purple); font-size: 1.2rem; font-weight: 700; margin-bottom: 1rem; font-family: var(--font-heading); } .pc-price { font-size: 3.5rem; font-weight: 800; color: var(--color-brand-purple); line-height: 1; margin-bottom: 1.5rem; font-family: var(--font-heading); gap: 0.8rem; color: var(--color-text-gray); font-size: 0.95rem; margin-bottom: 1rem; line-height: 1.4; } .pc-features li svg { width: 20px; height: 20px; color: var(--color-forest-green); flex-shrink: 0; } .pc-button { margin-top: auto; width: 100%; }   @media (max-width: 1200px) { .pricing-cards-grid { grid-template-columns: repeat(3, 1fr); } } @media (max-width: 992px) { .pricing-cards-grid { grid-template-columns: repeat(2, 1fr); } .pricing-card-featured { transform: scale(1); } .pricing-card-featured:hover { transform: translateY(-10px); } } @media (max-width: 768px) { .pricing-cards-grid { grid-template-columns: 1fr; } }   .how-it-works-section { background-color: var(--color-background, #fafafa); padding: 6rem 0; font-family: var(--font-body); } .how-it-works-container { max-width: 1200px; margin: 0 auto; padding-left: var(--global-padding-x, 20px); padding-right: var(--global-padding-x, 20px); box-sizing: border-box; } .hiw-header { text-align: center; max-width: 800px; margin: 0 auto 5rem; display: flex; flex-direction: column; align-items: center; } .hiw-header .global-subtitle { margin-bottom: 1rem; justify-content: center; } .hiw-title { font-family: var(--font-heading); font-size: 2.5rem; color: var(--color-brand-purple); font-weight: 700; margin-bottom: 1.5rem; } .hiw-takeaway { background-color: rgba(135, 169, 107, 0.1); border-left: 4px solid var(--color-forest-green); padding: var(--global-padding-x, 20px); border-radius: 0 8px 8px 0; margin-bottom: 1.5rem; font-size: 1.05rem; color: var(--color-brand-purple); line-height: 1.6; text-align: left; width: 100%; } .hiw-takeaway strong { color: var(--color-forest-green); } .hiw-description { font-size: 0.95rem; line-height: 1.8; color: var(--color-text-gray); } .hiw-steps-wrapper { display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: nowrap; gap: 1rem; } .hiw-step { flex: 1; display: flex; flex-direction: column; align-items: center; text-align: center; position: relative; padding: 0 0.5rem; } .hiw-icon-wrapper { position: relative; margin-bottom: 1.5rem; } .hiw-icon-circle { width: 80px; height: 80px; background: rgba(135, 169, 107, 0.15);   border-radius: 50%; display: flex; align-items: center; justify-content: center; color: var(--color-forest-green); box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05); transition: transform 0.3s ease; } .hiw-step:hover .hiw-icon-circle { transform: scale(1.05); background: var(--color-forest-green); color: #ffffff; } .hiw-icon-circle svg { width: 36px; height: 36px; } .hiw-step-number { position: absolute; top: -5px; right: -5px; width: 28px; height: 28px; background: var(--color-brand-purple); color: #ffffff; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: 700; font-size: 0.9rem; border: 2px solid #ffffff; } .hiw-step-title { font-family: var(--font-heading); font-size: 1.15rem; color: var(--color-brand-purple); font-weight: 700; margin-bottom: 1rem; line-height: 1.3; } .hiw-step-desc { font-size: 0.9rem; color: var(--color-text-gray); line-height: 1.5; } .hiw-arrow { flex: 0 0 50px; display: flex; align-items: center; justify-content: center; margin-top: 30px;   color: var(--color-brand-purple); opacity: 0.4; } .hiw-arrow svg { width: 100%; height: 20px; }   @media (max-width: 1200px) { .hiw-steps-wrapper { flex-wrap: wrap; justify-content: center; gap: 2rem 1rem; } .hiw-step { flex: 0 0 calc(33.333% - 2rem); } .hiw-arrow { display: none;   } } @media (max-width: 992px) { .how-it-works-container { padding: 0 30px;   } .hiw-step { flex: 0 0 calc(50% - 2rem); } } @media (max-width: 768px) { .how-it-works-section { padding: 4rem 0; } .how-it-works-container { padding: 0;   } .hiw-title { font-size: 2rem; } .hiw-step { flex: 0 0 100%; margin-bottom: 2rem; } } .pc-description { font-size: 0.95rem; color: var(--color-text-gray); margin: 0.5rem 0 1.5rem 0; line-height: 1.4; text-align: center; flex-grow: 1; }   .service-areas-section { background-color: var(--color-white); padding: 80px 0; } .sa-container { max-width: 1200px; margin: 0 auto; padding-left: var(--global-padding-x, 20px); padding-right: var(--global-padding-x, 20px); box-sizing: border-box; } .sa-content-split { display: grid; grid-template-columns: 1fr 1fr; gap: 4rem; align-items: center; } .sa-header { text-align: center; margin-bottom: 3rem; display: flex; flex-direction: column; align-items: center; } .sa-info { display: flex; flex-direction: column; } .sa-title { font-size: 2.5rem; font-family: var(--font-heading); color: var(--color-brand-purple); margin: 0.5rem 0 1.5rem; font-weight: 800; } .sa-description { font-size: 0.95rem; color: var(--color-text-gray); line-height: 1.6; margin-bottom: 2rem; } .sa-takeaway-box { background: var(--color-soft-lilac); border-left: 4px solid var(--color-brand-purple); padding: 1.5rem 1.5rem 1.5rem 0; border-radius: 0 12px 12px 0; margin-bottom: 2.5rem; display: flex; gap: 1rem; align-items: flex-start; } .sa-takeaway-icon { flex-shrink: 0; color: var(--color-brand-purple); margin-top: 0.2rem; } .sa-takeaway-text { font-size: 1rem; color: var(--color-text-gray); line-height: 1.5; } .sa-takeaway-text strong { color: var(--color-brand-purple); font-weight: 700; } .sa-locations-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1rem; } .sa-pill { display: inline-flex; align-items: center; gap: 0.5rem; background: #f8f9fa; border: 1px solid #e9ecef; padding: 0.6rem 1.2rem; border-radius: 50px; font-size: 0.95rem; font-weight: 600; color: var(--color-forest-green); transition: all 0.3s ease; } .sa-pill:hover { background: var(--color-warm-gold); color: var(--color-text-gray); border-color: var(--color-warm-gold); transform: translateY(-2px); box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08); } .sa-pill img, .sa-pill .sa-icon svg { width: 16px; height: 16px; opacity: 0.7; fill: currentColor; } .sa-map-graphic { position: relative; width: 100%; border-radius: 24px; overflow: hidden; box-shadow: 0 20px 40px rgba(0, 0, 0, 0.08); background: var(--color-soft-lilac); } .sa-map-wrapper { position: relative; width: 100%; padding-top: 100%;   } .sa-abstract-map { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; } @media (max-width: 992px) { .sa-content-split { grid-template-columns: 1fr; gap: 3rem; } .sa-locations-grid { grid-template-columns: repeat(3, 1fr); } .sa-title { font-size: 2.2rem; } } @media (max-width: 768px) { .service-areas-section { padding: 60px 0; } .sa-container { padding: 0 1.5rem; } .sa-title { font-size: 1.8rem; } .sa-locations-grid { grid-template-columns: repeat(2, 1fr); } .sa-pill { font-size: 0.85rem; padding: 0.5rem 1rem; } }   .faqs-section { width: 100%; padding: clamp(50px, 5vw, 80px) 0; } .faqs-container { max-width: 1200px; margin: 0 auto; position: relative; min-height: 500px; } .faqs-header { text-align: center; margin-bottom: 5px; } .faqs-title { font-size: 2.5rem; font-family: var(--font-heading); color: var(--color-brand-purple); margin-bottom: 0.5rem; font-weight: 800; } .faqs-subtitle { font-size: 0.95rem; color: var(--color-text-gray); line-height: 1.6; } .faqs-grid { display: flex; flex-direction: column; gap: 1.5rem; } .faq-item { background: #FFFFFF !important; border: 1px solid #E2E8F0 !important; border-radius: 12px !important; box-shadow: 0 4px 15px rgba(191, 54, 12, 0.04) !important; margin-bottom: 1rem !important; overflow: hidden !important; transition: all 0.3s ease !important; display: flex; flex-direction: column; } .faq-item:hover { border-color: #CBD5E1 !important; box-shadow: 0 6px 20px rgba(191, 54, 12, 0.08) !important; } .faq-item[open] { background: #FFFFFF !important; border-color: var(--color-brand-purple, #BF360C) !important; border-left: 5px solid var(--color-brand-purple, #BF360C) !important; box-shadow: 0 8px 25px rgba(191, 54, 12, 0.09) !important; } .faq-summary { display: flex; align-items: center; justify-content: space-between; gap: 15px; cursor: pointer; list-style: none;   width: 100%; padding: 1.25rem 1.75rem; border-bottom: none; min-height: 70px; background: #FFFFFF !important; } .faq-item[open] .faq-summary { border-bottom: 1px solid #F1F5F9 !important; } .faq-summary::-webkit-details-marker { display: none;   } .faq-question { color: var(--color-brand-purple, #BF360C) !important; font-size: 1.05rem; font-family: var(--font-heading); font-weight: 700; line-height: 1.4; transition: all 0.3s ease; } .faq-item[open] .faq-question { color: var(--color-brand-purple, #BF360C) !important; }   .faq-icon-wrapper { display: flex; align-items: center; justify-content: center; width: 36px; height: 36px; border-radius: 50%; background: rgba(191, 54, 12, 0.06); color: var(--color-brand-purple, #BF360C); flex-shrink: 0; transition: background 0.3s ease; } .faq-item:hover .faq-icon-wrapper { background: rgba(191, 54, 12, 0.12); }   .faq-icon-wrapper .faq-icon-minus { display: none !important; } .faq-icon-wrapper .faq-icon-plus { display: block !important; } .faq-item[open] .faq-icon-wrapper .faq-icon-plus { display: none !important; } .faq-item[open] .faq-icon-wrapper .faq-icon-minus { display: block !important; }   .faq-answer-wrapper { animation: fadeInSlideUp 0.3s ease forwards; } .faq-answer { color: #334155 !important; padding: 1rem 1.75rem 1.5rem 1.75rem !important; font-size: 1rem; line-height: 1.65; max-width: 100%; background: #FFFFFF !important; } @keyframes fadeInSlideUp { 0% { opacity: 0; transform: translateY(10px); } 100% { opacity: 1; transform: translateY(0); } }   @media (max-width: 1024px) { .faqs-container { padding: 0 30px; } } @media (max-width: 768px) { .faqs-container { padding: 0; border: none; background: transparent; } .faq-summary { gap: 10px; } .faq-question-bubble { padding: 0.8rem 1.2rem; font-size: 1rem; } .faq-answer-bubble { padding: 1.2rem; font-size: 0.95rem; max-width: 100%; } .faq-answer-wrapper { margin-left: 0; } }   .latest-blogs-section { padding: 100px 3rem; background-color: var(--color-soft-lilac); position: relative; } .latest-blogs-container { max-width: 1200px; margin: 0 auto; } .blogs-header { text-align: center; max-width: 800px; margin: 0 auto 4rem auto; } .blogs-title { font-size: 2.8rem; font-family: var(--font-heading); color: var(--color-brand-purple); font-weight: var(--font-weight-extrabold); margin-bottom: 1rem; } .blogs-description { font-size: 0.95rem; color: var(--color-text-gray); line-height: 1.7; font-family: var(--font-body); } .blogs-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 2.5rem; } .blog-card { background: #ffffff; border-radius: 20px; overflow: hidden; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05); transition: transform 0.3s ease, box-shadow 0.3s ease; display: flex; flex-direction: column; height: 100%; } .blog-card:hover { transform: translateY(-10px); box-shadow: 0 15px 40px rgba(0, 0, 0, 0.1); } .blog-card-image { width: 100%; height: 240px; background-size: cover; background-position: center; position: relative; } .blog-category { position: absolute; top: 20px; left: 20px; background-color: var(--color-warm-gold); color: var(--color-text-gray); padding: 0.4rem 1rem; border-radius: 50px; font-size: 0.85rem; font-family: var(--font-heading); font-weight: var(--font-weight-bold); text-transform: uppercase; letter-spacing: 0.05em; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); } .blog-card-content { padding: 2rem; display: flex; flex-direction: column; flex-grow: 1; } .blog-meta { display: flex; align-items: center; gap: 8px; color: #374151; font-size: 0.9rem; margin-bottom: 1rem; font-family: var(--font-body); } .blog-meta-icon { width: 16px; height: 16px; stroke: var(--color-forest-green); } .blog-card-title { font-size: 1.4rem; font-family: var(--font-heading); color: var(--color-brand-purple); font-weight: var(--font-weight-bold); margin-bottom: 1rem; line-height: 1.4; } .blog-card-excerpt { font-size: 1rem; color: var(--color-text-gray); line-height: 1.6; margin-bottom: 2rem; font-family: var(--font-body); flex-grow: 1; } .blog-read-more { display: flex; align-items: center; gap: 8px; font-size: 1rem; font-family: var(--font-heading); font-weight: var(--font-weight-bold); color: var(--color-forest-green); text-decoration: none; transition: color 0.3s ease; margin-top: auto; } .blog-read-more:hover { color: var(--color-brand-purple); } .blog-arrow-icon { width: 18px; height: 18px; stroke: currentColor; transition: transform 0.3s ease; } .blog-read-more:hover .blog-arrow-icon { transform: translateX(5px); }   @media (max-width: 1024px) { .blogs-grid { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 768px) { .latest-blogs-section { padding: 60px 0; } .blogs-title { font-size: 2.2rem; } .blogs-grid { grid-template-columns: 1fr; } .blog-card-image { height: 200px; } }   .contact-section { padding: 100px 3rem; background-color: var(--color-soft-lilac); color: var(--color-text-gray); } .contact-container { max-width: 1200px; margin: 0 auto; display: grid; grid-template-columns: 1fr 1fr; gap: 4rem; align-items: flex-start; } .contact-content-side { display: flex; flex-direction: column; align-items: flex-start; text-align: left; } .contact-header { text-align: left; display: flex; flex-direction: column; align-items: flex-start; margin-bottom: 1.5rem; width: 100%; } .contact-content { max-width: 100%; width: 100%; text-align: left; } .contact-title { font-size: 2.8rem; font-family: var(--font-heading); font-weight: var(--font-weight-extrabold); margin: 1rem 0; color: var(--color-brand-purple); line-height: 1.2; text-align: left; } .contact-description { font-size: 1rem; line-height: 1.7; font-family: var(--font-body); margin-bottom: 2.5rem; opacity: 0.9; text-align: left; } .contact-info-blocks { display: flex; flex-direction: column; gap: 1.5rem; width: 100%; background: #ffffff; padding: 2rem 2.5rem; border-radius: 16px; box-shadow: 0 10px 30px rgba(191, 54, 12, 0.08); border: 1px solid rgba(0, 0, 0, 0.04); } .contact-info-block { display: flex; align-items: center; justify-content: flex-start; gap: 1.5rem; text-align: left; width: 100%; } .contact-info-icon { width: 52px; height: 52px; border-radius: 50%; background-color: var(--color-soft-lilac); display: flex; align-items: center; justify-content: center; flex-shrink: 0; } .contact-info-icon svg, .contact-info-block svg { width: 26px; height: 26px; stroke: var(--color-forest-green); } .contact-info-block h3 { font-size: 0.95rem; font-family: var(--font-heading); margin: 0 0 0.35rem 0; color: var(--color-text-gray); font-weight: 600; } .contact-info-block a { color: var(--color-brand-purple); text-decoration: none; font-family: var(--font-heading); font-weight: var(--font-weight-bold); font-size: 1.35rem; transition: color 0.2s ease; } .contact-info-block a:hover { color: var(--color-forest-green); } .contact-form-side { width: 100%; } .contact-form-wrapper { background: #ffffff; border-radius: 16px; padding: 1.5rem; box-shadow: 0 20px 40px rgba(191, 54, 12, 0.08); border: 1px solid rgba(0, 0, 0, 0.04); width: 100%; min-height: 550px; display: flex; flex-direction: column; }   .sticky-mobile-cta { display: none;   } @media (max-width: 768px) { body { padding-bottom: 60px;   } .contact-container { grid-template-columns: 1fr; gap: 2.5rem; padding-left: 20px !important; padding-right: 20px !important; width: 100% !important; box-sizing: border-box !important; } .contact-section { padding: 60px 0 !important; } .contact-title { font-size: 2.2rem; } .contact-content-side { text-align: left; display: flex; flex-direction: column; align-items: flex-start; } .contact-content { text-align: left; display: flex; flex-direction: column; align-items: flex-start; } .contact-info-block { text-align: left; } .sticky-mobile-cta { display: flex; position: fixed; bottom: 0; left: 0; width: 100%; background: #ffffff; box-shadow: 0 -4px 15px rgba(0, 0, 0, 0.1); z-index: 9999; } .sticky-mobile-cta a { flex: 1; padding: 1rem; text-align: center; font-family: var(--font-heading); font-weight: var(--font-weight-bold); text-decoration: none; font-size: 1rem; display: flex; align-items: center; justify-content: center; gap: 8px; } .cta-call { background: var(--color-forest-green); color: #ffffff; } .cta-quote { background: var(--color-warm-gold); color: var(--color-text-gray); } }       .about-container { max-width: 1200px; margin: 0 auto; padding: 80px 0; } .about-container.text-center { text-align: center; } .about-grid { display: grid; gap: 4rem; align-items: center; } .about-grid.two-col { grid-template-columns: 1fr 1fr; } .section-intro { font-size: 1.15rem; color: var(--color-midnight-charcoal); max-width: 800px; margin: 0 auto 3rem auto; line-height: 1.7; }   .about-history-section { background-color: var(--color-off-white); } .about-icon-right .large-icon-wrapper { background: #ffffff; border-radius: 24px; padding: 3rem; box-shadow: 0 20px 40px rgba(0, 0, 0, 0.05); display: flex; justify-content: center; align-items: center; } .about-icon-right svg { width: 200px; height: 200px; }   .about-mission-section { background-color: #ffffff; } .values-heading { margin: 4rem 0 2rem 0; color: var(--color-forest-green); } .values-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 2rem; } .value-card { background: var(--color-off-white); padding: 2.5rem 2rem; border-radius: 16px; border-top: 4px solid var(--color-golden-maple); transition: transform 0.3s ease; } .value-card:hover { transform: translateY(-5px); } .value-card svg { width: 48px; height: 48px; margin-bottom: 1.5rem; } .value-card h3 { font-family: var(--font-heading); font-size: 1.25rem; margin-bottom: 1rem; color: var(--color-forest-green); }   .about-team-section { position: relative; } @media (min-width: 769px) { .about-team-section>.about-container>div:first-child .global-subtitle { display: block !important; text-align: center !important; margin-left: auto !important; margin-right: auto !important; } } .team-list-box { background: #ffffff; padding: 3rem; border-radius: 20px; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05); } .custom-check-list { list-style: none; padding: 0; margin-top: 1.5rem; } .custom-check-list li { display: flex; align-items: center; gap: 1rem; margin-bottom: 1rem; font-size: 0.95rem; color: var(--color-midnight-charcoal); } .custom-check-list svg { width: 24px; height: 24px; stroke: var(--color-golden-maple); flex-shrink: 0; }   .about-difference-section { background-color: var(--color-off-white); } .difference-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 3rem; margin-bottom: 4rem; } .diff-card { display: flex; flex-direction: column; align-items: flex-start !important; text-align: left !important; background: #ffffff; padding: 2.5rem; border-radius: 20px; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.04); } .diff-card h3, .diff-card p { text-align: left !important; margin-left: 0 !important; } .diff-icon { display: none !important; } .complete-services-box { background: var(--color-forest-green); color: #ffffff; padding: 3rem; border-radius: 20px; } .complete-services-box h3 { color: #ffffff; } .inline-services-list { display: flex; flex-wrap: wrap; justify-content: center; gap: 1rem 2rem; list-style: none; padding: 0; margin-top: 2rem; } .inline-services-list li { background: rgba(255, 255, 255, 0.1); padding: 0.75rem 1.5rem; border-radius: 30px; font-size: 1rem; }   .about-certifications-section { background-color: #ffffff; } .cert-list-box { border-left: 4px solid var(--color-golden-maple); padding-left: 2rem; } .cert-list-box .custom-check-list li { color: var(--color-midnight-charcoal); } .cert-list-box .custom-check-list svg { stroke: var(--color-forest-green); }   .about-commitment-section { background-color: var(--color-warm-beige); } .commitment-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 2rem; margin: 3rem 0; } .commit-card { background: #ffffff; padding: 2rem; border-radius: 12px; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05); } .commitment-footer { font-weight: bold; font-size: 1.2rem; } .about-areas-section { background-color: #ffffff; } .areas-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 1.5rem; margin-top: 3rem; } .area-item { display: flex; align-items: center; gap: 0.5rem; font-size: 0.95rem; color: var(--color-midnight-charcoal); } .area-item svg { width: 20px; height: 20px; stroke: var(--color-golden-maple); }   .about-cta-section { background: linear-gradient(135deg, var(--color-soft-lilac), var(--color-warm-beige)); color: var(--color-text-gray); border-top: 4px solid var(--color-brand-purple); border-bottom: 4px solid var(--color-brand-purple); } .about-cta-section h2 { color: var(--color-brand-purple); } .cta-subtitle { margin: 2rem 0; color: var(--color-forest-green); } .cta-buttons { display: flex; justify-content: center; gap: 2rem; flex-wrap: wrap; margin-top: 3rem; } .cta-btn { padding: 1rem 2.5rem; border-radius: 50px; font-size: 0.95rem; font-weight: 700; text-decoration: none; transition: transform 0.3s ease; } .cta-btn:hover { transform: translateY(-3px); } .btn-primary { background-color: var(--color-golden-maple); color: #ffffff; } .btn-secondary { background-color: #ffffff; color: var(--color-forest-green); }   @media (max-width: 1024px) { .about-grid.two-col { grid-template-columns: 1fr; } .difference-grid { grid-template-columns: 1fr; } .about-container { padding: 60px 20px; } } @media (max-width: 768px) { .about-grid.reverse-mobile { display: flex; flex-direction: column-reverse; } .about-container { padding: 50px 20px; } .team-list-box, .complete-services-box { padding: 2rem; } .cta-buttons { gap: 1rem; flex-direction: column; } .cta-btn { width: 100%; text-align: center; } }       .inner-hero-section { position: relative; height: 520px; min-height: 520px; padding: 125px 0 0 0 !important; margin-top: -120px;   background-color: #173C25; background-image: url('../images/stump-bg.webp'); background-size: cover; background-position: center; background-repeat: no-repeat; z-index: 1; overflow: hidden; } .inner-hero-section::before { content: ""; position: absolute; inset: 0; z-index: 1; pointer-events: none; background: linear-gradient(90deg, rgba(8, 10, 9, 0.74) 0%, rgba(8, 10, 9, 0.48) 52%, rgba(8, 10, 9, 0.24) 100%); -webkit-backdrop-filter: blur(3px) saturate(0.95); backdrop-filter: blur(3px) saturate(0.95); border-bottom: 1px solid rgba(255, 255, 255, 0.16); } .inner-hero-container { max-width: 1200px !important; margin: 0 auto !important; position: relative; z-index: 2; padding-left: var(--global-padding-x, 20px) !important; padding-right: var(--global-padding-x, 20px) !important; padding-bottom: 80px; box-sizing: border-box !important; }   .inner-hero-content-col.centered-hero { display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; width: 100%; } .inner-hero-subtitle-wrapper { display: flex; align-items: center; justify-content: center; gap: 0.75rem; margin-bottom: 1.5rem; } .hero-accent-svg { width: 24px; height: 24px; animation: floatIcon 3s ease-in-out infinite; } @keyframes floatIcon { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-5px); } } .inner-subtitle { color: var(--color-warm-gold);   padding-left: 0 !important;   } .inner-subtitle::before { display: none; } .inner-hero-title { color: var(--color-white); font-size: 3.5rem; line-height: 1.1; min-height: 77px; margin-top: 10px !important; margin-bottom: 1.5rem; text-transform: capitalize; } .inner-hero-description { color: var(--color-soft-lilac); font-size: 1.15rem; line-height: 1.7; width: 100% !important; max-width: 100% !important; margin: 0 auto; opacity: 0.9; box-sizing: border-box !important; } .sub-service-hero-section .hero-buttons>a { width: 360px; min-height: 56px; box-sizing: border-box; } .sub-service-hero-image { position: absolute; inset: 0; z-index: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; opacity: 0.15; pointer-events: none; } .sub-service-hero-section .inner-hero-container { height: 100%; min-height: 0; display: flex; align-items: center; box-sizing: border-box; } .sub-service-hero-section .inner-hero-content-col { width: 100%; box-sizing: border-box; } @media (max-width: 768px) { .inner-hero-section, .sub-service-hero-section { height: 560px; min-height: 560px; } .sub-service-hero-section .hero-buttons>a { width: 100%; } }   .inner-hero-wave { position: absolute; bottom: -2px;   left: 0; width: 100%; overflow: hidden; line-height: 0; z-index: 1; } .inner-hero-wave svg { display: block; width: calc(100% + 1.3px); height: 60px; }   @media (max-width: 1024px) { .inner-hero-title { font-size: 2.8rem; } }   @media (max-width: 768px) { .inner-hero-section { text-align: left !important; } .inner-hero-container { padding-bottom: 60px; text-align: left !important; } .inner-hero-content-col.centered-hero { align-items: flex-start !important; text-align: left !important; justify-content: flex-start !important; } .inner-hero-subtitle-wrapper { justify-content: flex-start !important; width: 100% !important; } .inner-hero-title { font-size: 2.2rem; text-align: left !important; } .inner-hero-description { font-size: 1.05rem; text-align: left !important; margin-left: 0 !important; margin-right: auto !important; } .inner-hero-wave svg { height: 40px; } }   .cta-btn-svg { display: inline-flex !important; align-items: center; justify-content: center; gap: 0.5rem; } .cta-btn-svg svg { width: 20px; height: 20px; fill: currentColor; }   .about-areas-section { padding: 80px 5%; background-color: var(--color-off-white); } .areas-header h2, .areas-header h3 { color: var(--color-brand-purple) !important; } .areas-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 1.5rem; margin-top: 3rem; max-width: 1200px; margin-left: auto; margin-right: auto; } .area-item { display: flex; align-items: center; gap: 0.75rem; color: var(--color-text-gray); font-weight: var(--font-weight-bold); background-color: var(--color-white); padding: 1.5rem 2rem; border-radius: 8px; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05); } .area-item svg { width: 24px; height: 24px; fill: var(--color-golden-maple); }     .blog-page-main { background: #fff; min-height: 100vh; padding-bottom: 4rem; } .blog-container { max-width: 1200px !important; margin: 0 auto !important; padding-left: var(--global-padding-x, 20px) !important; padding-right: var(--global-padding-x, 20px) !important; box-sizing: border-box !important; width: 100% !important; }   .blog-glass-wrapper { padding: 0 5%; } .blog-layout-grid { display: grid; grid-template-columns: 1fr 320px; gap: 30px; background: rgba(255, 255, 255, 0.05); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 24px; padding: 40px; box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.3); }   .blog-cards-grid { display: grid; grid-template-columns: repeat(3, 1fr) !important; gap: 30px; width: 100%; } @media (max-width: 1024px) { .blog-cards-grid { grid-template-columns: repeat(2, 1fr) !important; } } @media (max-width: 640px) { .blog-cards-grid { grid-template-columns: 1fr !important; } }   .glass-blog-card { background: rgba(255, 255, 255, 0.08); border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 20px; overflow: hidden; transition: transform 0.3s ease, box-shadow 0.3s ease, background 0.3s ease; display: flex; flex-direction: column; } .glass-blog-card:hover { transform: translateY(-5px); box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2); background: rgba(255, 255, 255, 0.12); } .glass-card-image { width: 100%; height: 200px; overflow: hidden; border-bottom: 1px solid rgba(255, 255, 255, 0.05); } .glass-card-image img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.5s ease; } .glass-blog-card:hover .glass-card-image img { transform: scale(1.05); } .fallback-thumbnail { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; background: rgba(255, 255, 255, 0.05); } .fallback-thumbnail svg { width: 60px; height: 60px; fill: var(--color-warm-gold); opacity: 0.5; } .glass-card-content { padding: 24px; display: flex; flex-direction: column; flex-grow: 1; } .glass-cat-tag { font-size: 0.75rem; text-transform: uppercase; letter-spacing: 0.1em; color: var(--color-soft-lilac); margin-bottom: 8px; } .glass-post-title { font-size: 1.3rem; margin-bottom: 12px; line-height: 1.3; } .glass-post-title a { color: #fff; text-decoration: none; transition: color 0.3s ease; } .glass-post-title a:hover { color: var(--color-warm-gold); } .glass-post-meta { font-size: 0.85rem; color: rgba(255, 255, 255, 0.6); margin-bottom: 16px; display: flex; align-items: center; gap: 8px; } .glass-post-excerpt { font-size: 0.95rem; color: rgba(255, 255, 255, 0.8); margin-bottom: 24px; flex-grow: 1; line-height: 1.5; } .glass-post-footer { display: flex; align-items: center; justify-content: space-between; padding-top: 16px; border-top: 1px solid rgba(255, 255, 255, 0.1); } .glass-author { display: flex; align-items: center; gap: 10px; } .author-avatar { width: 32px; height: 32px; border-radius: 50%; background: rgba(255, 255, 255, 0.1); display: flex; align-items: center; justify-content: center; overflow: hidden; } .author-avatar svg { width: 20px; height: 20px; fill: rgba(255, 255, 255, 0.8); } .author-name { font-size: 0.9rem; font-weight: var(--font-weight-bold); color: #fff; } .glass-read-more { display: inline-block; padding: 6px 16px; border-radius: 20px; background: rgba(255, 255, 255, 0.1); color: #fff; font-size: 0.85rem; text-decoration: none; transition: background 0.3s ease; } .glass-read-more:hover { background: var(--color-warm-gold); color: var(--color-brand-purple); }   .blog-sidebar { display: flex; flex-direction: column; gap: 30px; } .glass-widget { background: rgba(255, 255, 255, 0.05); border: 1px solid rgba(255, 255, 255, 0.08); border-radius: 16px; padding: 24px; } .glass-widget-title { font-size: 1rem; text-transform: uppercase; letter-spacing: 0.1em; color: var(--color-soft-lilac); margin-bottom: 20px; font-weight: var(--font-weight-bold); }   .search-input-wrapper { position: relative; display: flex; align-items: center; } .glass-search-field { width: 100%; background: rgba(0, 0, 0, 0.2); border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 8px; padding: 12px 40px 12px 16px; color: #fff; font-family: var(--font-body); font-size: 0.95rem; } .glass-search-field:focus { outline: none; border-color: var(--color-warm-gold); } .glass-search-field::placeholder { color: rgba(255, 255, 255, 0.4); } .glass-search-submit { position: absolute; right: 12px; background: none; border: none; color: rgba(255, 255, 255, 0.6); cursor: pointer; display: flex; align-items: center; justify-content: center; padding: 0; } .glass-search-submit:hover { color: var(--color-warm-gold); }   .glass-tag-cloud { display: flex; flex-wrap: wrap; gap: 10px; } .glass-tag { display: inline-block; padding: 6px 14px; background: rgba(255, 255, 255, 0.08); border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 20px; color: rgba(255, 255, 255, 0.8); font-size: 0.8rem; text-decoration: none; transition: all 0.3s ease; } .glass-tag:hover { background: var(--color-warm-gold); color: var(--color-brand-purple); border-color: transparent; }   .glass-recent-posts { list-style: none; padding: 0; margin: 0; position: relative; } .glass-recent-posts li { display: flex; align-items: flex-start; gap: 12px; margin-bottom: 20px; position: relative; } .glass-recent-posts li:last-child { margin-bottom: 0; } .recent-post-timeline { position: absolute; left: -16px; top: 8px; width: 6px; height: 6px; border-radius: 50%; background: var(--color-soft-lilac); } .glass-recent-posts::before { content: ''; position: absolute; left: -13px; top: 14px; bottom: 0; width: 1px; background: rgba(255, 255, 255, 0.1); } .recent-post-content { flex-grow: 1; } .recent-post-title { display: block; color: #fff; font-size: 0.95rem; font-weight: var(--font-weight-bold); text-decoration: none; margin-bottom: 4px; line-height: 1.3; transition: color 0.3s ease; } .recent-post-title:hover { color: var(--color-warm-gold); } .recent-post-date { display: block; font-size: 0.75rem; color: rgba(255, 255, 255, 0.5); } .recent-post-thumb { width: 60px; height: 48px; flex-shrink: 0; border-radius: 6px; overflow: hidden; background: rgba(255, 255, 255, 0.1); } .recent-post-thumb img { width: 100%; height: 100%; object-fit: cover; } .recent-fallback { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; } .recent-fallback svg { width: 20px; height: 20px; fill: rgba(255, 255, 255, 0.4); }   .glass-sidebar-footer { margin-top: 20px; padding-top: 20px; border-top: 1px solid rgba(255, 255, 255, 0.1); } .sidebar-links { list-style: none; padding: 0; margin: 0 0 20px 0; } .sidebar-links li { margin-bottom: 10px; } .sidebar-links a { color: rgba(255, 255, 255, 0.7); text-decoration: none; font-size: 0.9rem; text-transform: uppercase; letter-spacing: 0.05em; transition: color 0.3s ease; } .sidebar-links a:hover { color: #fff; } .sidebar-socials { display: flex; gap: 12px; margin-bottom: 20px; } .sidebar-socials a { width: 36px; height: 36px; border-radius: 50%; background: rgba(255, 255, 255, 0.1); display: flex; align-items: center; justify-content: center; transition: background 0.3s ease, transform 0.3s ease; } .sidebar-socials a svg { width: 18px; height: 18px; fill: #fff; } .sidebar-socials a:hover { background: var(--color-brand-purple); transform: translateY(-2px); } .sidebar-copyright { font-size: 0.75rem; color: rgba(255, 255, 255, 0.4); }   @media (max-width: 1024px) { .blog-layout-grid { grid-template-columns: 1fr; padding: 30px; } .blog-sidebar { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; } .glass-sidebar-footer { grid-column: 1 / -1; } } @media (max-width: 768px) { .blog-hero-section { padding-top: 100px; } .blog-glass-wrapper { padding: 0 15px; } .blog-layout-grid { padding: 20px; border-radius: 16px; } .blog-cards-grid { grid-template-columns: 1fr; } .blog-sidebar { grid-template-columns: 1fr; } }   .sub-service-hero, .inner-hero-section, .sub-service-hero-section, .sp-rc-hero-section { position: relative; padding-top: calc(105px + 3.5rem) !important; padding-bottom: 4rem !important; margin-top: -105px !important; min-height: 45vh; display: flex; align-items: center; background-size: cover; background-position: center; background-repeat: no-repeat; color: var(--color-white); width: 100%; } .inner-hero-section, .sub-service-hero-section { height: 520px; min-height: 520px; box-sizing: border-box; } @media (max-width: 992px) { .sub-service-hero, .inner-hero-section, .sub-service-hero-section, .sp-rc-hero-section { padding-top: calc(95px + 3rem) !important; margin-top: -95px !important; height: 620px; min-height: 620px; } } @media (max-width: 768px) { .sub-service-hero, .inner-hero-section, .sub-service-hero-section, .sp-rc-hero-section { padding-top: calc(85px + 4.25rem) !important; margin-top: -85px !important; height: auto; min-height: 520px; overflow: hidden; } }   .inner-hero-section.sub-service-hero-section { margin-top: -105px !important; height: 620px; min-height: 620px; } .sub-service-hero-section .inner-hero-content-col.centered-hero { transform: translateY(90px); } .sub-service-hero-section .sub-service-trust-signals { margin-bottom: 0.5rem !important; gap: 0.75rem 1.5rem; } .sub-service-hero-section .hero-buttons { gap: 0.75rem; transform: translateY(-18px); } @media (max-width: 992px) { .inner-hero-section.sub-service-hero-section { margin-top: -95px !important; height: 660px; min-height: 660px; } .sub-service-hero-section .inner-hero-content-col.centered-hero { transform: translateY(80px); } .sub-service-hero-section .hero-buttons { transform: translateY(-12px); } } @media (max-width: 768px) { .sub-service-hero-section .inner-hero-content-col.centered-hero { transform: none !important; } .sub-service-hero-section .hero-buttons { transform: none !important; } .inner-hero-section.sub-service-hero-section { margin-top: -85px !important; height: auto !important; min-height: 520px !important; } } .sub-service-hero-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: linear-gradient(90deg, rgba(8, 10, 9, 0.74) 0%, rgba(8, 10, 9, 0.48) 52%, rgba(8, 10, 9, 0.24) 100%); -webkit-backdrop-filter: blur(3px) saturate(0.95); backdrop-filter: blur(3px) saturate(0.95); z-index: 1; } .sub-service-hero-container { max-width: 1200px; margin: 0 auto; padding: 0; position: relative; z-index: 2; width: 100%; } .sub-service-hero-content { max-width: 800px; } .sub-service-subtitle-wrapper { margin-bottom: 15px; } .sub-service-subtitle { font-size: 1rem; text-transform: uppercase; letter-spacing: 2px; font-weight: 600; color: var(--color-brand-green); background: rgba(255, 255, 255, 0.1); padding: 5px 15px; border-radius: 20px; border: 1px solid rgba(255, 255, 255, 0.2); } .sub-service-hero-title, .inner-hero-title { font-size: 3rem; font-weight: 700; margin-bottom: 20px; line-height: 1.2; color: #FFFFFF !important; } .sub-service-hero-description, .inner-hero-description { font-size: 1.125rem; line-height: 1.6; margin-bottom: 30px; color: rgba(255, 255, 255, 0.95) !important; } .sub-service-trust-signals { list-style: none; padding: 0; margin: 0 0 40px 0; } .sub-service-trust-signals li { display: flex; align-items: center; margin-bottom: 12px; font-size: 1rem; font-weight: 500; } .check-icon { display: inline-flex; margin-right: 12px; color: var(--color-warm-gold, #FFC107); } .check-icon svg { width: 20px; height: 20px; stroke: var(--color-warm-gold, #FFC107); color: var(--color-warm-gold, #FFC107); fill: none; } .star-icon { color: #FFD700; margin-left: 5px; margin-right: 5px; display: inline-flex; align-items: center; } .star-icon svg { width: 16px; height: 16px; } .sub-service-hero-cta { display: flex; align-items: center; flex-wrap: wrap; gap: 15px; } .btn-hero-call, .btn-hero-request { display: inline-flex; align-items: center; text-decoration: none; font-weight: 600; font-size: 1rem; transition: all 0.3s ease; } .btn-hero-call { color: var(--color-white); } .btn-hero-call:hover { color: var(--color-brand-green); } .btn-hero-request { color: rgba(255, 255, 255, 0.8); } .btn-hero-request:hover { color: var(--color-white); } .btn-icon { display: inline-flex; margin-right: 10px; align-items: center; justify-content: center; } .call-icon { color: #ff4757; } .call-icon svg { width: 20px; height: 20px; } .message-icon { color: rgba(255, 255, 255, 0.6); } .message-icon svg { width: 20px; height: 20px; } .cta-divider { color: rgba(255, 255, 255, 0.4); font-size: 1.2rem; margin: 0 10px; } @media (max-width: 991px) { .sub-service-hero-title { font-size: 2.5rem; } } @media (max-width: 767px) { .sub-service-hero { padding: calc(85px + 66px + 2.5rem) 0 2.5rem 0 !important; } .sub-service-hero-title { font-size: 2rem; } .sub-service-hero-cta { flex-direction: column; align-items: flex-start; gap: 20px; } .cta-divider { display: none; } }     .contact-page-intro { background: var(--color-soft-lilac); } .contact-page-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 4rem; align-items: start; } .contact-info-list { display: flex; flex-direction: column; gap: 2rem; margin-top: 2rem; } .contact-info-item { display: flex; align-items: flex-start; gap: 1.5rem; } .contact-icon-wrapper { background: #ffffff; width: 60px; height: 60px; border-radius: 50%; display: flex; justify-content: center; align-items: center; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05); flex-shrink: 0; } .contact-icon-wrapper svg { width: 24px; height: 24px; stroke: var(--color-forest-green); fill: none; } .contact-info-text h3 { margin: 0 0 0.5rem 0; color: var(--color-brand-purple); font-size: 1.2rem; } .contact-info-text p, .contact-info-text a { margin: 0; color: var(--color-text-gray); font-size: 1.05rem; text-decoration: none; line-height: 1.6; } .contact-info-text .contact-emergency-response { color: var(--color-forest-green) !important; font-weight: 700; margin-top: 5px; } .contact-info-text a:hover { color: var(--color-golden-maple); }   .contact-form-box { background: #ffffff; padding: 3rem; border-radius: 20px; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05); }   .contact-areas-section { background: #ffffff; } .contact-areas-section .section-intro, .contact-areas-section .text-center>p { color: var(--color-text-gray) !important; } .contact-areas-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 2rem; margin-top: 3rem; } .contact-area-column h3 { font-size: 1.15rem; white-space: nowrap; color: var(--color-forest-green) !important; margin-bottom: 1.5rem; border-bottom: 2px solid var(--color-soft-lilac); padding-bottom: 0.5rem; } .contact-areas-section .contact-area-column h3 { color: #315239 !important; } .contact-area-list { list-style: none; padding: 0; margin: 0; } .contact-area-list li { display: flex; align-items: center; gap: 0.75rem; margin-bottom: 0.75rem; color: var(--color-text-gray); } .contact-area-list svg { width: 18px; height: 18px; fill: var(--color-forest-green); stroke: #ffffff; }   .contact-steps-section { background: var(--color-soft-lilac); } .contact-steps-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 2rem; margin-top: 4rem; } .contact-step-card { background: #ffffff; padding: 2rem; border-radius: 16px; text-align: center; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05); position: relative; transition: transform 0.3s ease; } .contact-step-card:hover { transform: translateY(-5px); } .step-number { position: absolute; top: -20px; left: 50%; transform: translateX(-50%); background: var(--color-warm-gold); color: var(--color-brand-purple); width: 40px; height: 40px; border-radius: 50%; display: flex; justify-content: center; align-items: center; font-weight: 800; font-size: 1.2rem; border: 4px solid var(--color-soft-lilac); } .step-icon { margin: 1.5rem auto; width: 50px; height: 50px; } .step-icon svg { width: 100%; height: 100%; stroke: var(--color-forest-green); fill: none; } .contact-step-card h3 { color: var(--color-brand-purple); margin-bottom: 1rem; } .contact-step-card p { font-size: 0.95rem; color: var(--color-text-gray); }   .contact-emergency-section { background: linear-gradient(135deg, var(--color-forest-green), #1b3322); color: #ffffff; } .contact-emergency-section h2 { color: var(--color-warm-gold); } .contact-emergency-section p { color: #ffffff; font-size: 1.15rem; max-width: 800px; margin: 0 auto 2rem auto; } .contact-emergency-section .global-subtitle { color: var(--color-warm-gold, #FFC107) !important; display: inline-flex; align-items: center; justify-content: center; font-weight: 700; }   .trust-strip { background: var(--color-brand-purple); padding: 1.5rem 0; } .trust-strip-container { max-width: 1200px; margin: 0 auto; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; gap: 1rem; padding: 0 5%; } .trust-strip .trust-item { display: flex; align-items: center; gap: 0.5rem; color: #ffffff; font-weight: 700; font-size: 0.95rem; } .trust-strip .trust-item svg { width: 24px; height: 24px; stroke: var(--color-warm-gold); fill: none; } @media (min-width: 1025px) { .trust-strip .trust-item { width: calc(25% - 0.75rem); justify-content: center;   } }   @media (max-width: 1024px) { .contact-page-grid { grid-template-columns: 1fr; } .contact-faq-grid { grid-template-columns: 1fr; } } @media (max-width: 768px) { .trust-strip-container { justify-content: center; } .contact-area-column h3 { white-space: normal; } }       .emergency-service-content { max-width: 1200px; margin: 0 auto; padding: 4rem 2rem; color: var(--color-dark-grey, #333); font-family: var(--font-body, system-ui, sans-serif); line-height: 1.6; } .emergency-section { margin-bottom: 5rem; } .emergency-section h2 { color: var(--color-forest-green, #173c25); font-size: 2.2rem; margin-bottom: 1.5rem; position: relative; padding-bottom: 0.5rem; border-bottom: 3px solid var(--color-warm-gold, #d4af37); display: inline-block; } .emergency-section .section-desc { font-size: 0.95rem; margin-bottom: 2.5rem; max-width: 800px; }   .intro-callout { background: linear-gradient(135deg, rgba(23, 60, 37, 0.05) 0%, rgba(13, 38, 21, 0.1) 100%); border-left: 5px solid var(--color-forest-green, #173c25); padding: 2.5rem; border-radius: 0 12px 12px 0; margin-bottom: 4rem; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05); } .intro-callout h3 { color: var(--color-brand-purple, #6B4A2E); margin-top: 0; font-size: 1.5rem; } .callout-cta { display: flex; gap: 1.5rem; margin-top: 1.5rem; flex-wrap: wrap; }   .grid-3-col { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 2rem; } .grid-card { background: #fff; padding: 2rem; border-radius: 12px; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08); transition: transform 0.3s ease; border-top: 4px solid var(--color-forest-green); } .grid-card:hover { transform: translateY(-5px); } .grid-card h3 { color: var(--color-forest-green); display: flex; align-items: center; gap: 0.75rem; font-size: 1.3rem; margin-top: 0; } .grid-card .icon-wrapper { width: 32px; height: 32px; fill: var(--color-warm-gold); color: var(--color-warm-gold); }   .timeline { position: relative; padding-left: 2rem; margin-top: 2rem; } .timeline::before { content: ''; position: absolute; left: 0; top: 0; bottom: 0; width: 3px; background: rgba(23, 60, 37, 0.2); } .timeline-item { position: relative; margin-bottom: 3rem; } .timeline-item::before { content: ''; position: absolute; left: -2.4rem; top: 5px; width: 16px; height: 16px; border-radius: 50%; background: var(--color-warm-gold); border: 4px solid #fff; box-shadow: 0 0 0 2px var(--color-forest-green); } .timeline-item h3 { color: var(--color-forest-green); margin-top: 0; }   .check-list { list-style: none; padding: 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(350px, 1fr)); gap: 1.5rem; } .check-list li { display: flex; align-items: flex-start; gap: 1rem; background: #f9fafb; padding: 1.5rem; border-radius: 8px; } .check-list .check-icon { width: 24px; height: 24px; fill: var(--color-warm-gold); flex-shrink: 0; margin-top: 3px; }   .areas-container { display: flex; flex-wrap: wrap; gap: 1rem; } .area-badge { background: rgba(23, 60, 37, 0.05); color: var(--color-forest-green); padding: 0.6rem 1.2rem; border-radius: 50px; font-weight: 600; border: 1px solid rgba(23, 60, 37, 0.1); display: inline-flex; align-items: center; gap: 0.5rem; }   .faq-item { margin-bottom: 1rem; border: 1px solid rgba(0, 0, 0, 0.1); border-radius: 8px; overflow: hidden; } .faq-question { background: #f9fafb; padding: 1.2rem 1.5rem; cursor: pointer; font-weight: 700; color: var(--color-forest-green); display: flex; justify-content: space-between; align-items: center; } .faq-answer { padding: 1.5rem; display: none; background: #fff; } .faq-item[open] .faq-answer { display: block; } @media (max-width: 768px) { .emergency-section h2 { font-size: 1.8rem; } .grid-3-col { grid-template-columns: 1fr; } .check-list { grid-template-columns: 1fr; } .callout-cta { flex-direction: column; } }       .emergency-service-content { max-width: 1200px; margin: 0 auto; padding: 4rem 2rem; color: var(--color-dark-grey, #333); font-family: var(--font-body, system-ui, sans-serif); line-height: 1.6; } .emergency-section { margin-bottom: 5rem; } .emergency-section h2 { color: var(--color-forest-green, #173c25); font-size: 2.2rem; margin-bottom: 1.5rem; position: relative; padding-bottom: 0.5rem; border-bottom: 3px solid var(--color-warm-gold, #d4af37); display: inline-block; } .emergency-section .section-desc { font-size: 0.95rem; margin-bottom: 2.5rem; max-width: 800px; }   .intro-callout { background: linear-gradient(135deg, rgba(23, 60, 37, 0.05) 0%, rgba(13, 38, 21, 0.1) 100%); border-left: 5px solid var(--color-forest-green, #173c25); padding: 2.5rem; border-radius: 0 12px 12px 0; margin-bottom: 4rem; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05); } .intro-callout h3 { color: var(--color-brand-purple, #6B4A2E); margin-top: 0; font-size: 1.5rem; } .callout-cta { display: flex; gap: 1.5rem; margin-top: 1.5rem; flex-wrap: wrap; }   .grid-3-col { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 2rem; } .grid-card { background: #fff; padding: 2rem; border-radius: 12px; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08); transition: transform 0.3s ease; border-top: 4px solid var(--color-forest-green); } .grid-card:hover { transform: translateY(-5px); } .grid-card h3 { color: var(--color-forest-green); display: flex; align-items: center; gap: 0.75rem; font-size: 1.3rem; margin-top: 0; } .grid-card .icon-wrapper { width: 32px; height: 32px; fill: var(--color-warm-gold); color: var(--color-warm-gold); }   .timeline { position: relative; padding-left: 2rem; margin-top: 2rem; } .timeline::before { content: ''; position: absolute; left: 0; top: 0; bottom: 0; width: 3px; background: rgba(23, 60, 37, 0.2); } .timeline-item { position: relative; margin-bottom: 3rem; } .timeline-item::before { content: ''; position: absolute; left: -2.4rem; top: 5px; width: 16px; height: 16px; border-radius: 50%; background: var(--color-warm-gold); border: 4px solid #fff; box-shadow: 0 0 0 2px var(--color-forest-green); } .timeline-item h3 { color: var(--color-forest-green); margin-top: 0; }   .check-list { list-style: none; padding: 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(350px, 1fr)); gap: 1.5rem; } .check-list li { display: flex; align-items: flex-start; gap: 1rem; background: #f9fafb; padding: 1.5rem; border-radius: 8px; } .check-list .check-icon { width: 24px; height: 24px; fill: var(--color-warm-gold); flex-shrink: 0; margin-top: 3px; }   .areas-container { display: flex; flex-wrap: wrap; gap: 1rem; } .area-badge { background: rgba(23, 60, 37, 0.05); color: var(--color-forest-green); padding: 0.6rem 1.2rem; border-radius: 50px; font-weight: 600; border: 1px solid rgba(23, 60, 37, 0.1); display: inline-flex; align-items: center; gap: 0.5rem; }   .faq-item { margin-bottom: 1rem; border: 1px solid rgba(0, 0, 0, 0.1); border-radius: 8px; overflow: hidden; } .faq-question { background: #f9fafb; padding: 1.2rem 1.5rem; cursor: pointer; font-weight: 700; color: var(--color-forest-green); display: flex; justify-content: space-between; align-items: center; } .faq-answer { padding: 1.5rem; display: none; background: #fff; } .faq-item[open] .faq-answer { display: block; } @media (max-width: 768px) { .emergency-section h2 { font-size: 1.8rem; } .grid-3-col { grid-template-columns: 1fr; } .check-list { grid-template-columns: 1fr; } .callout-cta { flex-direction: column; } }   .floating-toc { position: fixed; bottom: 30px; right: 30px; background: #ffffff; border: 1px solid #e2e8f0; border-radius: 8px; box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15); width: 300px; max-height: 400px; display: flex; flex-direction: column; z-index: 9999; transition: all 0.3s ease; overflow: hidden; } .floating-toc-header { background: var(--color-brand-purple); color: #ffffff; padding: 12px 20px; font-family: var(--font-heading); display: flex; justify-content: space-between; align-items: center; cursor: pointer; border-bottom: 1px solid rgba(255, 255, 255, 0.1); } .floating-toc-header h3 { margin: 0; color: #ffffff; font-size: 16px; font-weight: 700; } .floating-toc-toggle { background: none; border: none; color: #ffffff; cursor: pointer; padding: 0; display: flex; align-items: center; justify-content: center; transition: transform 0.3s; } .floating-toc-content { padding: 15px 20px; overflow-y: auto; max-height: 330px; } .floating-toc-list { list-style: disc !important; padding: 0 0 0 20px !important; margin: 0 !important; } .floating-toc-list li { margin-bottom: 12px; color: var(--color-text-gray); } .floating-toc-list li:last-child { margin-bottom: 0; } .floating-toc-list a { color: var(--color-text-gray); text-decoration: none; font-size: 15px; font-family: var(--font-body); transition: color 0.2s ease; line-height: 1.4; display: inline-block; } .floating-toc-list a:hover { color: var(--color-brand-purple); text-decoration: underline; }   .floating-toc.minimized .floating-toc-content { display: none; } .floating-toc.minimized { width: 200px; } @media (max-width: 992px) { .floating-toc { display: none !important; } .simple-toc-section, .toc-container, .toc-sidebar, .sp-mobile-toc { position: static !important; top: auto !important; bottom: auto !important; left: auto !important; right: auto !important; } }   .premium-toc-section { padding-top: 4rem; padding-bottom: 2rem;   } .premium-toc-section .toc-container { max-width: 900px; margin: 0 auto; background: var(--color-white); border-radius: 20px; box-shadow: 0 15px 40px rgba(0, 0, 0, 0.05); padding: 3rem; border: 1px solid rgba(191, 54, 12, 0.1); position: relative; overflow: hidden; }   .premium-toc-section .toc-container::before { content: ''; position: absolute; top: 0; right: 0; width: 200px; height: 200px; background: radial-gradient(circle, var(--color-soft-lilac) 0%, transparent 70%); opacity: 0.8; z-index: 0; pointer-events: none; } .premium-toc-section .toc-header { position: relative; z-index: 1; margin-bottom: 2.5rem; } .premium-toc-section .toc-content-wrapper { position: relative; z-index: 1; } .toc-premium-list { list-style: none; padding: 0; margin: 0; display: grid; grid-template-columns: 1fr; gap: 1rem; } @media (min-width: 768px) { .toc-premium-list { grid-template-columns: repeat(2, 1fr); gap: 1.5rem; } } .toc-premium-list .toc-item { margin: 0; } .toc-premium-list .toc-link { display: flex; align-items: center; background: var(--color-soft-lilac); padding: 1.25rem 1.5rem; border-radius: 12px; text-decoration: none; color: var(--color-text-gray); font-family: var(--font-body); font-size: 1.05rem; font-weight: var(--font-weight-bold); transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); border: 1px solid transparent; height: 100%; } .toc-premium-list .toc-link:hover { background: var(--color-white); border-color: var(--color-brand-purple); box-shadow: 0 8px 20px rgba(191, 54, 12, 0.1); transform: translateY(-3px); color: var(--color-brand-purple); } .toc-icon-wrapper { display: flex; align-items: center; justify-content: center; width: 32px; height: 32px; background: var(--color-white); border-radius: 50%; margin-right: 1rem; color: var(--color-warm-gold); box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05); flex-shrink: 0; transition: all 0.3s ease; } .toc-premium-list .toc-link:hover .toc-icon-wrapper { background: var(--color-brand-purple); color: var(--color-warm-gold); } .toc-icon-wrapper svg { width: 16px; height: 16px; } .toc-text { flex-grow: 1; line-height: 1.4; } .toc-num { font-family: var(--font-heading); font-weight: var(--font-weight-extrabold); font-size: 1.5rem; color: rgba(191, 54, 12, 0.1);   margin-left: 1rem; transition: color 0.3s ease; } .toc-premium-list .toc-link:hover .toc-num { color: rgba(191, 54, 12, 0.3); }   @media (max-width: 768px) { .premium-toc-section .toc-container { padding: 2rem 1.5rem; } .toc-premium-list .toc-link { padding: 1rem; font-size: 1rem; } .premium-toc-section { padding-top: 3rem; padding-bottom: 1rem; } }   .infographic-toc-section { padding-top: 4rem; padding-bottom: 3rem; } .infographic-toc-list { list-style: none; padding: 0; margin: 0 auto; display: flex; flex-direction: column; gap: 1.5rem; max-width: 800px; } .info-item { position: relative;   --item-bg: var(--color-warm-gold); --item-dark: #cca300; }   .info-item:nth-child(5n + 1) { --item-bg: var(--color-warm-gold); --item-dark: #cca300; } .info-item:nth-child(5n + 2) { --item-bg: var(--color-golden-maple); --item-dark: #a8621d; } .info-item:nth-child(5n + 3) { --item-bg: var(--color-forest-green); --item-dark: #1b3020; } .info-item:nth-child(5n + 4) { --item-bg: var(--color-brand-purple); --item-dark: #662400; } .info-item:nth-child(5n + 5) { --item-bg: #E8791F; --item-dark: #D1660F; } .info-pill { display: flex; align-items: stretch; background: var(--color-white); border-radius: 16px; min-height: 110px; position: relative; text-decoration: none; transition: transform 0.3s ease; border: 2px solid rgba(0, 0, 0, 0.03); margin-left: 20px; margin-right: 20px; box-shadow: 0 8px 25px rgba(0, 0, 0, 0.06); } .info-pill:hover { transform: translateY(-4px); box-shadow: 0 12px 30px rgba(0, 0, 0, 0.1); }   .info-box-front { position: absolute; left: -12px; top: 15px; bottom: 15px; width: 80px; background: var(--item-bg); border-radius: 12px; z-index: 3; display: flex; justify-content: center; align-items: center; color: white;   box-shadow: inset 0 0 0 3px rgba(255, 255, 255, 0.3), 4px 4px 10px rgba(0, 0, 0, 0.15); } .info-box-front svg { width: 32px; height: 32px; stroke: #fff; fill: none; }   .info-ribbon-left { position: absolute; left: -25px; top: 25px; bottom: 25px; width: 20px; background: var(--item-bg); z-index: 1;   border-radius: 8px 0 0 8px; } .info-ribbon-left::before { content: ''; position: absolute; right: 0; top: -12px; border-style: solid; border-width: 0 0 12px 15px; border-color: transparent transparent var(--item-dark) transparent; } .info-ribbon-left::after { content: ''; position: absolute; right: 0; bottom: -12px; border-style: solid; border-width: 12px 0 0 15px; border-color: var(--item-dark) transparent transparent transparent; }   .info-ribbon-right { position: absolute; right: -20px; top: 25px; bottom: 25px; width: 25px; background: var(--item-bg); z-index: 1; border-radius: 0 8px 8px 0; } .info-ribbon-right::before { content: ''; position: absolute; left: 0; top: -12px; border-style: solid; border-width: 0 15px 12px 0; border-color: transparent transparent var(--item-dark) transparent; } .info-ribbon-right::after { content: ''; position: absolute; left: 0; bottom: -12px; border-style: solid; border-width: 12px 15px 0 0; border-color: var(--item-dark) transparent transparent transparent; }   .info-content { margin-left: 80px; padding: 1.25rem 1.5rem; padding-right: 2rem; position: relative; z-index: 2; flex-grow: 1; } .info-badge { display: inline-block; background: var(--item-bg); color: white; padding: 6px 20px; border-radius: 0 15px 15px 0; margin-left: -1.5rem;   margin-bottom: 0.8rem; font-weight: var(--font-weight-extrabold); font-family: var(--font-heading); font-size: 0.95rem; letter-spacing: 0.05em; box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.1); } .info-title { color: var(--color-text-gray); font-family: var(--font-body); font-size: 1.05rem; font-weight: 600; line-height: 1.5; }   @media (max-width: 768px) { .info-pill { margin-left: 15px; margin-right: 15px; min-height: 90px; } .info-box-front { width: 60px; left: -8px; } .info-content { margin-left: 60px; padding: 1rem; } .info-title { font-size: 0.95rem; } } .site-footer .footer-heading, .footer-heading { color: #FFFFFF !important; } .footer-address a, .footer-address strong { color: #FFFFFF !important; text-decoration: none !important; } .footer-phone a { color: #FACC15 !important; }         .simple-toc-section { padding: 4rem 0 3rem; background-color: var(--color-soft-lilac); font-family: var(--font-body); min-height: 220px; box-sizing: border-box; } html { scroll-behavior: smooth; } main [id] { scroll-margin-top: 80px; } .simple-toc-section .toc-container { max-width: 1200px; margin: 0 auto; padding: 0 2rem; } .toc-header { margin-bottom: 2.5rem; display: flex; align-items: center; gap: 1rem; } .toc-header::before { content: ''; display: block; width: 5px; height: 2.2rem; background: var(--color-warm-gold); border-radius: 4px; flex-shrink: 0; } .toc-title { color: var(--color-brand-purple); font-family: var(--font-heading); font-size: 1.6rem; font-weight: var(--font-weight-extrabold); margin: 0; line-height: 1.2; } .simple-toc-list { list-style: none; padding: 0; margin: 0; display: grid; grid-template-columns: 1fr; gap: 0.75rem; } @media (min-width: 640px) { .simple-toc-list { grid-template-columns: repeat(2, 1fr); } } @media (min-width: 1024px) { .simple-toc-list { grid-template-columns: repeat(3, 1fr); gap: 1rem; } } .toc-item { position: relative; display: flex; align-items: center; gap: 0.85rem; background: var(--color-white); border: 1px solid rgba(191, 54, 12, 0.08); border-radius: 10px; padding: 0.85rem 1.1rem; color: var(--color-text-gray); font-size: 0.92rem; font-weight: 600; font-family: var(--font-body); line-height: 1.4; transition: all 0.25s ease; cursor: default; } .toc-item:hover { border-color: var(--color-brand-purple); box-shadow: 0 6px 20px rgba(191, 54, 12, 0.1); transform: translateY(-2px); color: var(--color-brand-purple); } .toc-bullet { display: inline-flex; align-items: center; justify-content: center; width: 26px; height: 26px; min-width: 26px; border-radius: 50%; background: var(--color-brand-purple); color: #ffffff; font-family: var(--font-heading); font-size: 0.7rem; font-weight: var(--font-weight-extrabold); line-height: 1; position: static; box-shadow: 0 2px 8px rgba(191, 54, 12, 0.25); transition: background 0.25s ease; } .toc-item:hover .toc-bullet { background: var(--color-warm-gold); color: var(--color-brand-purple); } @media (max-width: 480px) { .simple-toc-section { padding: 2.5rem 0 2rem; } .simple-toc-section .toc-container { padding: 0 1rem; } .toc-title { font-size: 1.35rem; } .toc-item { font-size: 0.875rem; padding: 0.75rem 0.9rem; } }       .emergency-intro-section { padding: 3.5rem 0 !important; background-color: var(--color-soft-lilac); font-family: var(--font-body); } .emergency-intro-container { max-width: 1200px !important; margin: 0 auto !important; padding-left: var(--global-padding-x, 20px) !important; padding-right: var(--global-padding-x, 20px) !important; box-sizing: border-box !important; } .intro-callout-section { padding: 3.5rem 0 5rem 0; font-family: var(--font-body); } .intro-callout-box { background: var(--color-white); border-left: 6px solid var(--color-brand-purple); padding: 3rem 3.5rem; box-shadow: 0 15px 40px rgba(0, 0, 0, 0.08); border-radius: 12px; position: relative; } .intro-callout-box .description { font-size: 1.15rem; line-height: 1.85; color: var(--color-text-gray); margin-bottom: 2.5rem; } .intro-callout-box .description p { margin-top: 0; margin-bottom: 1.35rem; line-height: 1.85; } .intro-callout-box .description p:last-child { margin-bottom: 0; } .intro-callout-box .hero-buttons { display: flex; gap: 1.25rem; align-items: center; flex-wrap: wrap; } .intro-cta-buttons { display: flex; gap: 1.5rem; align-items: center; flex-wrap: wrap; } .intro-cta-buttons a { display: inline-flex; align-items: center; gap: 0.75rem; padding: 1rem 2rem; border-radius: 50px; text-decoration: none; font-family: var(--font-heading); font-weight: var(--font-weight-bold); font-size: 1.05rem; transition: transform 0.3s ease, box-shadow 0.3s ease; } .intro-cta-buttons a:hover { transform: translateY(-3px); box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15); }   .intro-callout-box .sub-service-trust-signals { display: flex; flex-direction: row; flex-wrap: wrap; gap: 1.5rem; list-style: none; padding: 2rem 0 0 0; margin: 2.5rem 0 0 0; border-top: 1px solid rgba(0, 0, 0, 0.1); } .intro-callout-box .sub-service-trust-signals li { display: flex; align-items: center; gap: 0.6rem; font-size: 0.95rem; font-weight: 600; color: var(--color-text-gray) !important; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; margin-bottom: 0; } .intro-callout-box .sub-service-trust-signals .check-icon { display: inline-flex; align-items: center; flex-shrink: 0; } .intro-callout-box .sub-service-trust-signals .check-icon svg { width: 20px; height: 20px; fill: var(--color-warm-gold) !important; stroke: none; }   .intro-callout-checklist { list-style: none; margin: 1.5rem 0 2rem 0; padding: 0; display: flex; flex-direction: column; gap: 0.75rem; } .intro-callout-checklist li { display: flex; align-items: center; gap: 0.75rem; font-size: 1.05rem; font-weight: 600; color: var(--color-text-dark, #222222); } .intro-callout-checklist li .icon-svg, .intro-callout-checklist li svg { width: 20px; height: 20px; color: var(--color-forest-green, #1E4620); stroke: var(--color-forest-green, #1E4620); fill: none; flex-shrink: 0; }   .sub-service-trust-badges-strip { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 1.25rem 2.25rem; padding: 1.25rem 2rem; background: #ffffff; border-radius: 12px; border: 1px solid rgba(0, 0, 0, 0.08); box-shadow: 0 5px 20px rgba(0, 0, 0, 0.04); margin-top: 1.75rem; } .trust-badge-pill { display: inline-flex; align-items: center; gap: 0.65rem; font-size: 0.95rem; font-weight: 700; color: var(--color-brand-purple, #BF360C); font-family: var(--font-body); } .trust-badge-pill .icon-svg, .trust-badge-pill svg { width: 20px; height: 20px; color: var(--color-warm-gold, #FFC107); stroke: var(--color-warm-gold, #FFC107); fill: none; flex-shrink: 0; } .btn-primary { background-color: var(--color-warm-gold); color: var(--color-brand-purple); } .btn-secondary { display: flex; align-items: center; gap: 0.5rem; } .location-card h3 svg { width: 24px; height: 24px; fill: currentColor; } .location-card p { color: var(--color-soft-lilac); font-size: 1rem; line-height: 1.6; margin: 0; opacity: 0.9; } .landmarks-box { background: var(--color-white); border-radius: 16px; padding: 3rem; box-shadow: 0 15px 40px rgba(0, 0, 0, 0.2); } .landmarks-box h3 { font-family: var(--font-heading); font-size: 1.8rem; color: var(--color-brand-purple); margin-bottom: 2rem; text-align: center; } .landmarks-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 1rem; list-style: none; padding: 0; margin: 0; } .landmarks-list li { color: var(--color-text-gray); font-size: 1.05rem; display: flex; align-items: center; gap: 0.8rem; } .landmarks-list li svg { width: 18px; height: 18px; fill: var(--color-forest-green); flex-shrink: 0; } @media (max-width: 768px) { .nearby-response-section { padding: 4rem 0; } .nearby-response-container { padding: 0 1.5rem; } .nearby-response-header h2 { font-size: 2rem; } .locations-grid { grid-template-columns: 1fr; } .landmarks-box { padding: 2rem 1.5rem; } }       .trust-grid .trust-item:hover { transform: translateY(-5px); background: rgba(255, 255, 255, 0.08); } .trust-grid .trust-item h4 { font-family: var(--font-heading); font-size: 1.3rem; color: var(--color-warm-gold); margin-bottom: 0.5rem; } .trust-grid .trust-item p { margin: 0; font-size: 1.05rem; opacity: 0.85; line-height: 1.5; color: #ffffff; } @media (max-width: 992px) { .trust-grid { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 768px) { .emergency-intro-section { padding: 3rem 0; } .emergency-intro-container { padding: 0 1.5rem; } .intro-callout-section { padding: 2.25rem 0 3.5rem 0 !important; } .intro-callout-box { padding: 2.25rem 1.65rem !important; border-radius: 12px; } .intro-callout-box .description { font-size: 1.05rem; line-height: 1.8; margin-bottom: 2rem; } .intro-callout-box .description p { margin-bottom: 1.25rem; line-height: 1.8; } .intro-callout-box .hero-buttons { flex-direction: column; width: 100%; gap: 1rem; } .intro-callout-box .hero-buttons a { width: 100%; justify-content: center; } .intro-cta-buttons { flex-direction: column; width: 100%; } .intro-cta-buttons a { width: 100%; justify-content: center; } .sub-service-trust-badges-strip { padding: 1.25rem 1rem; gap: 1rem 1.5rem; justify-content: flex-start; } .emergency-cta-section { padding: 4rem 0; } .emergency-cta-container { padding: 0 1.5rem; } .emergency-cta-section h2 { font-size: 2rem; } .hotline-link { font-size: 1.4rem; padding: 1.5rem 2rem; width: 100%; justify-content: center; } .trust-grid { grid-template-columns: 1fr; } }       .emergency-cta-section { padding: 5rem 0; background-color: var(--color-white); color: var(--color-text-gray); font-family: var(--font-body); text-align: center; } .emergency-cta-container { max-width: 1200px; margin: 0 auto; padding: 0 2rem; } .emergency-cta-section .section-header { margin-bottom: 2.5rem; } .emergency-cta-section h2 { font-family: var(--font-heading); font-size: 2.5rem; font-weight: var(--font-weight-extrabold); margin-bottom: 1.5rem; color: var(--color-brand-purple); } .emergency-cta-section .description { font-size: 1.2rem; max-width: 800px; margin: 0 auto 2.5rem; line-height: 1.6; color: var(--color-text-gray); } .hotline-wrapper { margin-bottom: 4rem; } .hotline-link { display: inline-flex; align-items: center; gap: 1rem; font-family: var(--font-heading); font-size: 2rem; font-weight: var(--font-weight-bold); color: var(--color-brand-purple); background: var(--color-warm-gold); padding: 1.2rem 3rem; border-radius: 50px; text-decoration: none; box-shadow: 0 10px 25px rgba(255, 204, 0, 0.3); transition: transform 0.3s ease, box-shadow 0.3s ease; } .hotline-link:hover { transform: translateY(-5px); box-shadow: 0 15px 35px rgba(255, 204, 0, 0.4); } .hotline-link .icon-svg { width: 32px; height: 32px; fill: currentColor; } .trust-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; text-align: left; } .trust-item { font-size: 1rem; color: var(--color-text-gray); margin-bottom: 0.5rem; } .trust-item p { margin: 0; font-size: 1.05rem; opacity: 0.85; line-height: 1.5; color: var(--color-text-gray); } @media (max-width: 992px) { .trust-grid { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 768px) { .emergency-cta-section { padding: 4rem 0; } .emergency-cta-container { padding: 0 1.5rem; } .emergency-cta-section h2 { font-size: 2rem; } .hotline-link { font-size: 1.4rem; padding: 1.5rem 2rem; width: 100%; justify-content: center; } .trust-grid { grid-template-columns: 1fr; } } .emergency-when-to-call-section { padding: 6rem 0; background-color: var(--color-white); font-family: var(--font-body); } .emergency-when-to-call-container { max-width: 1200px; margin: 0 auto; padding: 0 2rem; } .emergency-when-to-call-section h2 { font-family: var(--font-heading); font-size: 2.5rem; font-weight: var(--font-weight-extrabold); color: var(--color-brand-purple); margin-bottom: 3rem; text-align: center; } .key-takeaway { background: var(--color-soft-lilac); border-left: 5px solid var(--color-warm-gold); padding: 1.5rem 1.5rem 1.5rem 0; margin-bottom: 3rem; border-radius: 0 8px 8px 0; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.03); } .key-takeaway p { margin: 0; font-size: 1.15rem; color: var(--color-text-gray); line-height: 1.7; } .description-area { margin-bottom: 4rem; max-width: 900px; margin-left: auto; margin-right: auto; text-align: center; } .description-area p { font-size: 1.15rem; color: var(--color-text-gray); line-height: 1.8; margin-bottom: 1.5rem; } .description-area .highlight-text { font-family: var(--font-heading); font-size: 1.25rem; font-weight: var(--font-weight-bold); color: var(--color-brand-purple); margin-top: 2rem; } .reasons-list { display: grid; grid-template-columns: repeat(3, 1fr); gap: 2rem; } .reason-item { background: var(--color-soft-lilac); padding: 2.5rem 2rem; border-radius: 12px; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.04); transition: transform 0.3s ease, box-shadow 0.3s ease; position: relative; overflow: hidden; } .reason-item:hover { transform: translateY(-5px); box-shadow: 0 15px 40px rgba(0, 0, 0, 0.08); } .reason-item::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 4px; background: var(--color-warm-gold); } .reason-item h3 { font-family: var(--font-heading); font-size: 1.4rem; color: var(--color-brand-purple); margin-bottom: 1rem; display: flex; align-items: center; gap: 0.8rem; } .reason-icon { width: 32px; height: 32px; fill: var(--color-warm-gold); flex-shrink: 0; } .reason-item p { color: var(--color-text-gray); line-height: 1.7; margin: 0; font-size: 1.05rem; } @media (max-width: 992px) { .reasons-list { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 768px) { .emergency-when-to-call-section { padding: 4rem 0; } .emergency-when-to-call-container { padding: 0 1.5rem; } .emergency-when-to-call-section h2 { font-size: 2rem; } .reasons-list { grid-template-columns: 1fr; } } .emergency-how-it-works-section { padding: 6rem 0; background-color: var(--color-soft-lilac); font-family: var(--font-body); position: relative; } .emergency-how-it-works-container { max-width: 1000px; margin: 0 auto; padding: 0 2rem; } .emergency-how-it-works-section .section-header { text-align: center; margin-bottom: 5rem; } .emergency-how-it-works-section h2 { font-family: var(--font-heading); font-size: 2.5rem; font-weight: var(--font-weight-extrabold); color: var(--color-brand-purple); margin-bottom: 1.5rem; } .emergency-how-it-works-section .header-desc { font-size: 1.15rem; color: var(--color-text-gray); max-width: 700px; margin: 0 auto; line-height: 1.7; } .process-steps { display: flex; flex-direction: column; gap: 3rem; position: relative; } .process-steps::before { content: ''; position: absolute; top: 40px; bottom: 40px; left: 40px; width: 2px; background: rgba(191, 54, 12, 0.15); z-index: 1; } .step-card { display: flex; flex-direction: column; gap: 1.5rem; background: var(--color-white); padding: 3rem; border-radius: 16px; box-shadow: 0 10px 40px rgba(0, 0, 0, 0.05); align-items: flex-start; position: relative; z-index: 2; } .step-number-container { flex: 0 0 48px; width: 48px; height: 48px; min-width: 48px; min-height: 48px; background: var(--color-brand-purple); border-radius: 50%; display: flex; align-items: center; justify-content: center; box-shadow: 0 0 0 6px var(--color-soft-lilac); position: relative; align-self: flex-start; } .step-number-container svg, .emergency-how-it-works-section svg, .emergency-how-it-works-section .check-icon { display: none !important; } .step-number-badge { position: static; background: transparent; color: var(--color-warm-gold, #FFC107); border-radius: 50%; font-family: var(--font-heading); font-weight: 800; font-size: 1.35rem; display: flex; align-items: center; justify-content: center; box-shadow: none; width: auto; height: auto; } .step-content { flex: 1 1 300px; } .step-content h3 { font-family: var(--font-heading); font-size: 1.6rem; color: var(--color-brand-purple); margin-bottom: 1rem; } .step-content p { color: var(--color-text-gray); font-size: 0.95rem; line-height: 1.7; margin-bottom: 1.5rem; } .step-content ul { list-style: none; padding: 0; margin: 0 0 1.5rem 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 0.8rem; } .step-content ul li { display: flex; align-items: center; gap: 0.6rem; color: var(--color-text-gray); font-size: 1.05rem; line-height: 1.5; } .step-content ul li::before { content: '•'; color: var(--color-warm-gold, #FFC107); font-size: 1.3rem; line-height: 1; flex-shrink: 0; } .step-content .highlight-conclusion { font-family: var(--font-heading); font-weight: var(--font-weight-bold); color: var(--color-brand-purple); margin: 0; font-size: 1.15rem; background: rgba(255, 204, 0, 0.1); padding: 1.5rem 2rem; border-radius: 8px; display: inline-block; } @media (max-width: 768px) { .emergency-how-it-works-section { padding: 4rem 0; } .emergency-how-it-works-container { padding: 0 1.5rem; } .emergency-how-it-works-section h2 { font-size: 2rem; } .process-steps::before { display: none; } .step-card { padding: 2rem; flex-direction: column; align-items: flex-start; text-align: left; gap: 1.25rem; flex-wrap: nowrap; } .step-content ul li { text-align: left; } .step-content .highlight-conclusion { display: block; } } .emergency-whats-included-section { padding: 6rem 0; background-color: var(--color-white); font-family: var(--font-body); position: relative; } .emergency-whats-included-container { max-width: 1200px; margin: 0 auto; padding: 0 2rem; } .emergency-whats-included-section .section-header { text-align: center; margin-bottom: 4rem; } .emergency-whats-included-section h2 { font-family: var(--font-heading); font-size: 2.5rem; font-weight: var(--font-weight-extrabold); color: var(--color-brand-purple); margin-bottom: 1.5rem; } .emergency-whats-included-section .header-desc { font-size: 1.15rem; color: var(--color-text-gray); max-width: 800px; margin: 0 auto; line-height: 1.7; } .features-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap: 2rem; } .feature-card { background: var(--color-soft-lilac); padding: 2.5rem; border-radius: 12px; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.03); transition: transform 0.3s ease, box-shadow 0.3s ease; border-top: 4px solid transparent; display: flex; flex-direction: column; align-items: flex-start; } .feature-card:hover { transform: translateY(-8px); box-shadow: 0 15px 35px rgba(0, 0, 0, 0.08); border-top-color: var(--color-warm-gold); } .feature-icon-wrapper { width: 60px; height: 60px; background: var(--color-white); border-radius: 12px; display: flex; align-items: center; justify-content: center; margin-bottom: 1.5rem; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05); } .feature-icon-wrapper svg { width: 30px; height: 30px; fill: var(--color-brand-purple); } .feature-card h3 { font-family: var(--font-heading); font-size: 1.3rem; color: var(--color-brand-purple); margin-bottom: 1rem; line-height: 1.3; } .feature-card p { color: var(--color-text-gray); font-size: 1.05rem; line-height: 1.6; margin: 0; } @media (max-width: 768px) { .emergency-whats-included-section { padding: 4rem 0; } .emergency-whats-included-container { padding: 0 1.5rem; } .emergency-whats-included-section h2 { font-size: 2rem; } .features-grid { grid-template-columns: 1fr; } .feature-card { align-items: center; text-align: center; } } .common-emergencies-section { padding: 6rem 0; background-color: var(--color-off-white); font-family: var(--font-body); } .common-emergencies-container { max-width: 1200px; margin: 0 auto; padding: 0 2rem; } .common-emergencies-section .section-header { text-align: center; margin-bottom: 4rem; max-width: 800px; margin-left: auto; margin-right: auto; } .common-emergencies-section h2 { font-family: var(--font-heading); font-size: 2.5rem; font-weight: var(--font-weight-extrabold); color: var(--color-brand-purple); margin-bottom: 1.5rem; } .common-emergencies-section .header-desc { font-size: 1.15rem; color: var(--color-text-gray); line-height: 1.7; margin-bottom: 1.5rem; } .emergencies-list { display: flex; flex-direction: column; gap: 1.5rem; } .emergency-card { background: var(--color-white); border-radius: 12px; padding: 2rem 2.5rem; box-shadow: 0 5px 20px rgba(0, 0, 0, 0.04); display: flex; gap: 2rem; align-items: center; transition: transform 0.3s ease, box-shadow 0.3s ease; border-left: 5px solid transparent; } .emergency-card:hover { transform: translateX(10px); box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08); border-left-color: var(--color-warm-gold); } .emergency-icon { width: 60px; height: 60px; background: rgba(191, 54, 12, 0.05); border-radius: 50%; display: flex; align-items: center; justify-content: center; flex-shrink: 0; } .emergency-icon svg { width: 30px; height: 30px; fill: var(--color-brand-purple); } .emergency-content h3 { font-family: var(--font-heading); font-size: 1.4rem; color: var(--color-brand-purple); margin-bottom: 0.5rem; } .emergency-content p { color: var(--color-text-gray); font-size: 1.05rem; line-height: 1.6; margin: 0; } @media (max-width: 768px) { .common-emergencies-section { padding: 4rem 0; } .common-emergencies-container { padding: 0 1.5rem; } .common-emergencies-section h2 { font-size: 2rem; } .emergency-card { flex-direction: column; text-align: center; gap: 1rem; padding: 2rem 1.5rem; } .emergency-card:hover { transform: translateY(-5px); border-left-color: transparent; border-bottom: 5px solid var(--color-warm-gold); } } .nearby-response-section { padding: 6rem 0; background-color: var(--color-white); color: var(--color-text-gray); font-family: var(--font-body); position: relative; overflow: hidden; } .nearby-response-section::before { content: ''; position: absolute; top: -100px; right: -100px; width: 400px; height: 400px; background: radial-gradient(circle, rgba(255, 204, 0, 0.1) 0%, rgba(255, 204, 0, 0) 70%); border-radius: 50%; z-index: 1; } .nearby-response-container { max-width: 1200px; margin: 0 auto; padding: 0 2rem; position: relative; z-index: 2; } .nearby-response-header { text-align: center; margin-bottom: 4rem; max-width: 800px; margin-left: auto; margin-right: auto; } .nearby-response-header h2 { font-family: var(--font-heading); font-size: 2.5rem; font-weight: var(--font-weight-extrabold); color: var(--color-brand-purple); margin-bottom: 1.5rem; } .nearby-response-header p { font-size: 1.15rem; color: var(--color-text-gray); opacity: 0.9; line-height: 1.7; } .locations-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 1.5rem; margin-bottom: 4rem; } .location-card { background: var(--color-soft-lilac); border: 1px solid rgba(0, 0, 0, 0.05); padding: 2rem; border-radius: 12px; transition: transform 0.3s ease, background 0.3s ease, box-shadow 0.3s ease; } .location-card:hover { transform: translateY(-5px); background: var(--color-white); border-color: var(--color-warm-gold); box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05); } .location-card h3 { font-family: var(--font-heading); font-size: 1.3rem; color: var(--color-brand-purple); margin-bottom: 1rem; display: flex; align-items: center; gap: 0.5rem; } .location-card h3 svg { width: 24px; height: 24px; fill: var(--color-warm-gold); } .location-card p { color: var(--color-text-gray); font-size: 1rem; line-height: 1.6; margin: 0; opacity: 0.9; } @media (max-width: 768px) { .nearby-response-section { padding: 4rem 0; } .nearby-response-container { padding: 0 1.5rem; } .nearby-response-header h2 { font-size: 2rem; } .locations-grid { grid-template-columns: 1fr; } }       .why-choose-us-section { padding: 6rem 0; background-color: var(--color-off-white); font-family: var(--font-body); } .why-choose-container { max-width: 1200px; margin: 0 auto; padding: 0 2rem; } .why-choose-us-section .section-header { text-align: center; margin-bottom: 4rem; max-width: 800px; margin-left: auto; margin-right: auto; } .why-choose-us-section h2 { font-family: var(--font-heading); font-size: 2.5rem; font-weight: var(--font-weight-extrabold); color: var(--color-brand-purple); margin-bottom: 1.5rem; } .why-choose-us-section .header-desc { font-size: 1.15rem; color: var(--color-text-gray); line-height: 1.7; } .reasons-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 2rem; } .reason-card { background: var(--color-white); border-radius: 16px; padding: 3rem; box-shadow: 0 10px 40px rgba(0, 0, 0, 0.05); transition: transform 0.3s ease, box-shadow 0.3s ease; border-top: 5px solid transparent; position: relative; overflow: hidden; } .reason-card:hover { transform: translateY(-8px); box-shadow: 0 15px 50px rgba(0, 0, 0, 0.1); border-top-color: var(--color-warm-gold); } .reason-icon-wrap { width: 60px; height: 60px; background: rgba(191, 54, 12, 0.05); border-radius: 12px; display: flex; align-items: center; justify-content: center; margin-bottom: 1.5rem; } .reason-icon-wrap svg { width: 30px; height: 30px; fill: var(--color-brand-purple); stroke: var(--color-brand-purple); } .reason-card h3 { font-family: var(--font-heading); font-size: 1.5rem; color: var(--color-brand-purple); margin-bottom: 1rem; } .reason-card p { color: var(--color-text-gray); font-size: 0.95rem; line-height: 1.6; margin-bottom: 1.5rem; } .reason-card ul { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 0.8rem; } .reason-card ul li { display: flex; align-items: flex-start; gap: 0.8rem; color: var(--color-text-gray); font-size: 1.05rem; line-height: 1.5; } .reason-card ul li .check-icon { width: 20px; height: 20px; fill: var(--color-warm-gold); flex-shrink: 0; margin-top: 2px; } .recommendation-badge { display: inline-block; margin-top: 1.5rem; background: var(--color-soft-lilac); color: var(--color-brand-purple); padding: 0.8rem 1.5rem; border-radius: 50px; font-family: var(--font-heading); font-weight: var(--font-weight-bold); font-size: 0.95rem; border: 1px solid rgba(191, 54, 12, 0.1); } @media (max-width: 992px) { .reasons-grid { grid-template-columns: 1fr; } } @media (max-width: 768px) { .why-choose-us-section { padding: 4rem 0; } .why-choose-container { padding: 0 1.5rem; } .why-choose-us-section h2 { font-size: 2rem; } .reason-card { padding: 2rem; } }       .emergency-cost-section { padding: 6rem 0; background-color: var(--color-white); font-family: var(--font-body); } .emergency-cost-container { max-width: 1200px; margin: 0 auto; padding: 0 2rem; } .cost-content { display: grid; grid-template-columns: 1fr 1fr; gap: 4rem; align-items: center; } .align-left { text-align: left; margin-bottom: 0; } .emergency-cost-section h2 { font-family: var(--font-heading); font-size: 2.5rem; font-weight: var(--font-weight-extrabold); color: var(--color-brand-purple); margin-bottom: 1.5rem; } .emergency-cost-section .header-desc { font-size: 1.15rem; color: var(--color-text-gray); line-height: 1.7; margin-bottom: 2.5rem; } .cost-image-wrapper { border-radius: 16px; overflow: hidden; box-shadow: 0 15px 40px rgba(0, 0, 0, 0.1); position: relative; } .cost-image-wrapper::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: inset 0 0 50px rgba(191, 54, 12, 0.2); pointer-events: none; } .cost-feature-image { width: 100%; height: auto; display: block; object-fit: cover; aspect-ratio: 4/3; } .cost-table-wrapper { background: var(--color-soft-lilac); border-radius: 16px; padding: 2rem; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.03); border: 1px solid rgba(0, 0, 0, 0.05); } .cost-table { width: 100%; border-collapse: collapse; } .cost-table th { font-family: var(--font-heading); font-size: 1.2rem; color: var(--color-brand-purple); text-align: left; padding: 1.5rem 2rem; border-bottom: 2px solid var(--color-warm-gold); } .cost-table td { padding: 1.2rem 1.5rem; border-bottom: 1px solid rgba(0, 0, 0, 0.05); color: var(--color-text-gray); font-size: 1.05rem; } .cost-table tr:last-child td { border-bottom: none; } .cost-table tr:hover td { background: rgba(255, 255, 255, 0.5); } .cost-table .td-content { display: flex; align-items: center; gap: 0.8rem; } .cost-table .td-content svg { width: 20px; height: 20px; stroke: var(--color-warm-gold); flex-shrink: 0; } .cost-table .price-value { font-family: var(--font-heading); font-weight: var(--font-weight-bold); color: var(--color-brand-purple); white-space: nowrap; } @media (max-width: 1024px) { .cost-content { grid-template-columns: 1fr; gap: 3rem; } } @media (max-width: 768px) { .emergency-cost-section { padding: 4rem 0; } .emergency-cost-container { padding: 0 1.5rem; } .emergency-cost-section h2 { font-size: 2rem; } .cost-table-wrapper { padding: 1.5rem 1rem; overflow-x: auto; } .cost-table th, .cost-table td { padding: 1rem; } }       .communities-served-section { padding: 6rem 0; background-color: var(--color-white); color: var(--color-text-gray); font-family: var(--font-body); position: relative; } .communities-container { max-width: 1200px; margin: 0 auto; padding: 0 5%; } .communities-served-section .section-header { text-align: center; margin-bottom: 4rem; max-width: 800px; margin-left: auto; margin-right: auto; } .communities-served-section h2 { font-family: var(--font-heading); font-size: 2.5rem; font-weight: var(--font-weight-extrabold); color: var(--color-brand-purple); margin-bottom: 1.5rem; } .communities-served-section .header-desc { font-size: 1.15rem; color: var(--color-text-gray); line-height: 1.7; margin-bottom: 2rem; } .service-area-intro { font-family: var(--font-heading); font-size: 1.3rem; color: #8a5700; font-weight: var(--font-weight-bold); } .communities-list-grid { display: flex; flex-wrap: wrap; justify-content: center; gap: 1rem; } .community-item { background: rgba(0, 0, 0, 0.04); border: 1px solid rgba(0, 0, 0, 0.1); padding: 0.8rem 1.5rem; border-radius: 50px; display: flex; align-items: center; gap: 0.5rem; transition: transform 0.3s ease, background 0.3s ease, border-color 0.3s ease; } .community-item:hover { transform: translateY(-3px); background: rgba(0, 0, 0, 0.08); border-color: var(--color-warm-gold); } .community-icon { display: flex; align-items: center; justify-content: center; } .community-icon svg { width: 18px; height: 18px; fill: currentColor; color: var(--color-brand-purple); } .community-item span { font-size: 1.05rem; font-weight: 500; color: var(--color-brand-purple); } @media (max-width: 768px) { .communities-served-section { padding: 4rem 0; } .communities-container { padding: 0 1.5rem; } .communities-served-section h2 { font-size: 2rem; } .communities-list-grid { justify-content: flex-start; } }       .emergency-faq-section { padding: 6rem 0; background-color: var(--color-white); font-family: var(--font-body); } .faq-container { max-width: 900px; margin: 0 auto; padding: 0 2rem; } .emergency-faq-section .section-header { text-align: center; margin-bottom: 4rem; } .emergency-faq-section h2 { font-family: var(--font-heading); font-size: 2.5rem; font-weight: var(--font-weight-extrabold); color: var(--color-brand-purple); margin-bottom: 1.5rem; } .emergency-faq-section .header-desc { font-size: 1.15rem; color: var(--color-text-gray); line-height: 1.7; } .faq-list { display: flex; flex-direction: column; gap: 1.5rem; } .faq-item { background: var(--color-off-white); border-radius: 12px; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.03); transition: all 0.3s ease; border: 1px solid rgba(0, 0, 0, 0.05); } .faq-item[open] { box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08); background: var(--color-white); border-color: var(--color-warm-gold); } .faq-question { padding: 1.8rem 2rem; font-family: var(--font-heading); font-size: 1.25rem; font-weight: var(--font-weight-bold); color: var(--color-brand-purple); cursor: pointer; list-style: none; position: relative; display: flex; justify-content: space-between; align-items: center; } .faq-question::-webkit-details-marker { display: none; } .faq-icon { width: 24px; height: 24px; position: relative; flex-shrink: 0; } .faq-icon::before, .faq-icon::after { content: ''; position: absolute; background: var(--color-warm-gold); transition: transform 0.3s ease; } .faq-icon::before { top: 11px; left: 4px; width: 16px; height: 2px; } .faq-icon::after { top: 4px; left: 11px; width: 2px; height: 16px; } .faq-item[open] .faq-icon::after { transform: rotate(90deg); } .faq-answer { display: none; padding: 0 2rem 1.8rem 2rem; color: var(--color-text-gray); font-size: 1.05rem; line-height: 1.7; animation: fadeIn 0.4s ease; } .faq-item[open] .faq-answer { display: block; } .faq-answer p { margin: 0; } @keyframes fadeIn { from { opacity: 0; transform: translateY(-10px); } to { opacity: 1; transform: translateY(0); } } @media (max-width: 768px) { .emergency-faq-section { padding: 4rem 0; } .faq-container { padding: 0 1.5rem; } .emergency-faq-section h2 { font-size: 2rem; } .faq-question { font-size: 1.15rem; padding: 1.5rem; } .faq-answer { padding: 0 1.5rem 1.5rem 1.5rem; } }       .final-cta-section { padding: 6rem 0; background: linear-gradient(135deg, var(--color-brand-purple) 0%, #301047 100%); color: var(--color-white); text-align: center; position: relative; overflow: hidden; } .final-cta-section::before { content: ''; position: absolute; top: -50%; left: -10%; width: 50%; height: 200%; background: rgba(255, 204, 0, 0.05); transform: rotate(-15deg); pointer-events: none; } .final-cta-container { max-width: 900px; margin: 0 auto; padding: 0 2rem; position: relative; z-index: 2; } .final-cta-content h2 { font-family: var(--font-heading); font-size: 2.5rem; font-weight: var(--font-weight-extrabold); color: var(--color-white); margin-bottom: 1.5rem; } .final-cta-content p { font-size: 1.2rem; color: var(--color-soft-lilac); line-height: 1.6; margin-bottom: 3rem; max-width: 700px; margin-left: auto; margin-right: auto; } .final-cta-actions { display: flex; justify-content: center; gap: 1.5rem; margin-bottom: 2rem; } .btn-secondary-white { display: inline-flex; align-items: center; justify-content: center; padding: 1rem 2rem; font-family: var(--font-heading); font-size: 0.95rem; font-weight: var(--font-weight-bold); color: var(--color-white); background: transparent; border: 2px solid var(--color-white); border-radius: 50px; text-decoration: none; transition: all 0.3s ease; } .btn-secondary-white:hover { background: var(--color-white); color: var(--color-brand-purple); } .availability-badge { display: inline-block; background: rgba(255, 255, 255, 0.1); padding: 0.8rem 1.5rem; border-radius: 50px; font-family: var(--font-heading); font-weight: 500; font-size: 1rem !important;   color: var(--color-warm-gold) !important; margin-bottom: 0 !important; } @media (max-width: 768px) { .final-cta-section { padding: 4rem 0; } .final-cta-container { padding: 0 1.5rem; } .final-cta-content h2 { font-size: 2rem; } .final-cta-actions { flex-direction: column; } .btn-primary, .btn-secondary-white { width: 100%; } } .emergency-cta-section .trust-item { background: #ffffff; padding: 2.5rem 2rem; border-radius: 12px; border: 1px solid rgba(0, 0, 0, 0.08); box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05); transition: transform 0.3s ease, box-shadow 0.3s ease; text-align: center; } .emergency-cta-section .trust-item:hover { transform: translateY(-5px); box-shadow: 0 15px 40px rgba(0, 0, 0, 0.08); } .emergency-cta-section .trust-item h3 { font-family: var(--font-heading); font-size: 1.5rem; color: var(--color-brand-purple) !important; margin-bottom: 0.5rem; } .emergency-cta-section .trust-item p { margin: 0; font-size: 0.95rem; line-height: 1.5; color: var(--color-text-gray) !important; font-weight: 500; }       @media (max-width: 1024px) { .reasons-list, .cost-content { grid-template-columns: 1fr !important; gap: 2rem !important; } .trust-grid { grid-template-columns: 1fr 1fr !important; } .final-cta-actions { flex-direction: column !important; } .emergency-cta-section h2, .communities-served-section h2, .final-cta-section h2 { font-size: 2rem !important; } .communities-list-grid { justify-content: center !important; } } @media (max-width: 768px) { .trust-grid { grid-template-columns: 1fr !important; } .communities-list-grid { flex-direction: column; align-items: stretch; } .community-item { justify-content: center; } .emergency-cta-section, .communities-served-section, .final-cta-section, .emergency-cost-section, .why-choose-us-section, .emergency-faq-section { padding: 3rem 1rem !important; } .final-cta-actions a { width: 100%; text-align: center; justify-content: center; } .hotline-link { font-size: 1.2rem !important; flex-direction: column; text-align: center; gap: 0.5rem; } .faq-question { font-size: 1.1rem !important; padding: 1.2rem !important; } }       .lc-intro-container, .lc-cost-container, .lc-what-is-container, .lc-types-container, .lc-benefits-container, .lc-process-container, .lc-neighborhood-container, .lc-why-choose-container, .lc-areas-container, .emergency-intro-container, .emergency-cta-container, .emergency-when-to-call-container, .emergency-how-it-works-container, .emergency-whats-included-container, .common-emergencies-container, .nearby-response-container, .why-choose-container, .emergency-cost-container, .communities-container, .faq-container, .final-cta-container { padding-left: var(--global-padding-x, 20px) !important; padding-right: var(--global-padding-x, 20px) !important; } @media (max-width: 1024px) { .lc-intro-container, .emergency-intro-container, .emergency-cta-container, .emergency-when-to-call-container, .emergency-how-it-works-container, .emergency-whats-included-container, .common-emergencies-container, .nearby-response-container, .why-choose-container, .emergency-cost-container, .communities-container, .faq-container, .final-cta-container { padding-left: var(--global-padding-x, 20px) !important; padding-right: var(--global-padding-x, 20px) !important; } } @media (max-width: 768px) { .lc-intro-container, .emergency-intro-container, .emergency-cta-container, .emergency-when-to-call-container, .emergency-how-it-works-container, .emergency-whats-included-container, .common-emergencies-container, .nearby-response-container, .why-choose-container, .emergency-cost-container, .communities-container, .faq-container, .final-cta-container { padding-left: var(--global-padding-x, 20px) !important; padding-right: var(--global-padding-x, 20px) !important; } }       .sub-service-trust-signals { list-style: none; padding: 0; margin: 2rem auto; display: flex; flex-wrap: wrap; justify-content: center; gap: 1rem 2rem; text-align: left; max-width: 900px; } .sub-service-trust-signals li { display: flex; align-items: center; gap: 0.75rem; color: #fff; font-size: 0.95rem; } .sub-service-trust-signals .check-icon { width: 22px; height: 22px; display: inline-flex; align-items: center; justify-content: center; color: var(--color-warm-gold, #FFC107) !important; flex-shrink: 0; } .sub-service-trust-signals .check-icon svg { width: 22px; height: 22px; stroke: var(--color-warm-gold, #FFC107) !important; color: var(--color-warm-gold, #FFC107) !important; fill: none !important; } .sub-service-hero-cta { display: flex; align-items: center; justify-content: center; gap: 1.5rem; margin-top: 2rem; flex-wrap: wrap; } .btn-hero-call { display: flex; align-items: center; justify-content: center; gap: 0.5rem; background-color: var(--color-warm-gold); color: var(--color-brand-purple); padding: 1rem 2rem; border-radius: 50px; text-decoration: none; font-weight: 700; font-size: 1.05rem; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2); transition: transform 0.2s ease; text-align: center; } .btn-hero-request { display: flex; align-items: center; justify-content: center; gap: 0.5rem; background-color: transparent; border: 2px solid #fff; color: #fff; padding: 1rem 2rem; border-radius: 50px; text-decoration: none; font-weight: 700; font-size: 1.05rem; transition: background-color 0.2s ease; text-align: center; } @media (max-width: 768px) { .sub-service-hero-section { text-align: left !important; } .sub-service-hero-section .inner-hero-content-col.centered-hero { align-items: flex-start !important; text-align: left !important; } .sub-service-hero-section .inner-hero-title { text-align: left !important; } .sub-service-hero-section .inner-hero-description { text-align: left !important; margin-left: 0 !important; margin-right: auto !important; } .sub-service-trust-signals { display: flex; flex-direction: column; width: 100% !important; margin: 1.5rem 0 !important; align-items: flex-start !important; justify-content: flex-start !important; gap: 1rem; } .sub-service-trust-signals li { justify-content: flex-start !important; text-align: left !important; } .sub-service-hero-cta, .hero-buttons { flex-direction: column; width: 100% !important; justify-content: flex-start !important; align-items: flex-start !important; margin-left: 0 !important; gap: 1rem; } .btn-hero-call, .btn-hero-request, .hero-buttons a { width: 100% !important; justify-content: center !important; } }   @media (max-width: 768px) { .inner-hero-section, .sub-service-hero-section { height: auto !important; min-height: 780px !important; overflow: visible !important; } .inner-hero-section .inner-hero-content-col.centered-hero, .sub-service-hero-section .inner-hero-content-col.centered-hero { transform: none !important; justify-content: flex-start !important; padding-top: 0 !important; } .inner-hero-section .inner-hero-container, .sub-service-hero-section .inner-hero-container { height: auto !important; min-height: 0 !important; padding-bottom: 72px; } .inner-hero-section .hero-buttons, .sub-service-hero-section .hero-buttons { display: flex; flex-direction: column; width: 100%; gap: 0.75rem; margin-top: 1rem; transform: none !important; } .inner-hero-section .hero-buttons>a, .sub-service-hero-section .hero-buttons>a { width: 100% !important; min-height: 52px; } }   @media (max-width: 992px) { .hero-section, .inner-hero-section, .sub-service-hero-section { height: auto !important; min-height: 900px !important; overflow: visible !important; } .hero-container, .inner-hero-container, .sub-service-hero-section .inner-hero-container { height: auto !important; min-height: 0 !important; } .inner-hero-content-col.centered-hero, .sub-service-hero-section .inner-hero-content-col.centered-hero { transform: none !important; } } @media (max-width: 768px) { .hero-section { min-height: 780px !important; } .inner-hero-section, .sub-service-hero-section { min-height: 520px !important; padding-top: calc(85px + 4.25rem) !important; } .hero-section { padding-top: calc(85px + 66px + 5px + 2.5rem) !important; padding-bottom: 3rem !important; } .hero-container, .inner-hero-container, .sub-service-hero-section .inner-hero-container { padding-bottom: 72px !important; } .hero-section .hero-container, .inner-hero-section .inner-hero-container, .sub-service-hero-section .inner-hero-container { transform: none; } .hero-actions, .sub-service-hero-section .hero-buttons { width: 100%; flex-direction: column; align-items: stretch; gap: 0.75rem; } .hero-actions>a, .sub-service-hero-section .hero-buttons>a { width: 100% !important; min-height: 52px; } .hero-image-wrapper { width: 100%; max-width: 100%; padding: 0 !important; margin: 1rem 0 0 !important; } }       .toc-container { padding-left: 40px !important; padding-right: 40px !important; } @media (max-width: 1024px) { .toc-container { padding-left: 30px !important; padding-right: 30px !important; } } @media (max-width: 768px) { .toc-container { padding-left: 10px !important; padding-right: 10px !important; } } .simple-toc-section+.emergency-intro-section { padding-top: 1rem !important; } .simple-toc-section { margin-bottom: 0 !important; }       .lc-what-is-section, .lc-benefits-section { padding: 6rem 0; background-color: var(--color-white); } .lc-types-section, .lc-process-section { padding: 6rem 0; background-color: var(--color-soft-lilac); }   .lc-what-is-container, .lc-benefits-container { display: grid; grid-template-columns: 1fr; gap: 4rem; align-items: center; } @media (max-width: 992px) { .lc-what-is-container, .lc-benefits-container { grid-template-columns: 1fr; } .lc-what-is-image { grid-row: 1;   } }   .lc-types-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 2rem; margin-top: 3rem; } .lc-type-card { background: var(--color-white); border-radius: 12px; padding: 2.5rem 2rem; text-align: left; display: flex; flex-direction: column; align-items: flex-start; gap: 1.25rem; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05); transition: transform 0.3s ease, box-shadow 0.3s ease; border-bottom: 4px solid var(--color-warm-gold); } .lc-type-card:hover { transform: translateY(-10px); box-shadow: 0 15px 40px rgba(0, 0, 0, 0.1); } .lc-type-card .type-icon { width: 64px; height: 64px; margin: 0; flex-shrink: 0; background-color: var(--color-soft-lilac); border-radius: 50%; display: flex; align-items: center; justify-content: center; color: var(--color-brand-purple); } .lc-type-card .type-icon svg { width: 32px; height: 32px; } .lc-type-card h3 { font-size: 1.3rem; color: var(--color-brand-purple); margin-bottom: 0.5rem; } .lc-type-card p { margin: 0; font-size: 1rem; line-height: 1.6; color: var(--color-text-gray); } @media (max-width: 992px) { .lc-types-grid { grid-template-columns: 1fr; } } @media (max-width: 1024px) { .lc-types-grid { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 768px) { .lc-types-grid { grid-template-columns: 1fr; } }   .lc-benefits-list { list-style: none; padding: 0; margin: 0; } .lc-benefits-list li { display: flex; align-items: flex-start; margin-bottom: 1.5rem; gap: 1rem; } .lc-benefits-list .check-icon { flex-shrink: 0; width: 24px; height: 24px; color: var(--color-brand-green); margin-top: 4px; } .lc-benefits-list .check-icon svg { width: 100%; height: 100%; }   .lc-process-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 2rem; margin-top: 3rem; } .lc-process-step { background: var(--color-white); padding: 2.5rem 2rem; border-radius: 12px; box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05); position: relative; border: 1px solid rgba(0, 0, 0, 0.05); text-align: center; } .lc-process-step .step-number { width: 50px; height: 50px; background: var(--color-forest-green); color: var(--color-white); border-radius: 50%; display: flex; align-items: center; justify-content: center; font-family: var(--font-heading); font-size: 1.5rem; font-weight: var(--font-weight-extrabold); margin: 0 auto 1.5rem auto; border: 4px solid var(--color-soft-lilac); } .lc-process-step h3 { color: var(--color-brand-purple); font-size: 1.3rem; margin-bottom: 1rem; } @media (max-width: 992px) { .lc-process-grid { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 768px) { .lc-process-grid { grid-template-columns: 1fr; } }       .lc-neighborhood-section { padding: 6rem 0; background-color: var(--color-white); } .lc-why-choose-section { padding: 6rem 0; background-color: var(--color-soft-lilac); }   .lc-neighborhood-container { display: grid; grid-template-columns: 1fr; gap: 4rem; align-items: center; } @media (max-width: 992px) { .lc-neighborhood-container { grid-template-columns: 1fr; } .lc-neighborhood-image { grid-row: 1;   } }   .lc-why-choose-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 2rem; margin-top: 3rem; } .lc-why-card { background: var(--color-white); border-radius: 12px; padding: 2.5rem 2rem; text-align: left; display: flex; align-items: flex-start; gap: 1.5rem; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05); transition: transform 0.3s ease, box-shadow 0.3s ease; border-top: 4px solid var(--color-forest-green); } .lc-why-card:hover { transform: translateY(-10px); box-shadow: 0 15px 40px rgba(0, 0, 0, 0.1); } .lc-why-card .why-icon { width: 70px; height: 70px; margin: 0; flex-shrink: 0; background-color: var(--color-brand-green); border-radius: 50%; display: flex; align-items: center; justify-content: center; color: var(--color-white); } .lc-why-card .why-icon svg { width: 36px; height: 36px; } .lc-why-card h3 { font-size: 1.2rem; margin-bottom: 0.5rem; color: var(--color-brand-purple); } .lc-why-card p { margin: 0; font-size: 1rem; line-height: 1.6; color: var(--color-text-gray); } @media (max-width: 1024px) { .lc-why-choose-grid { grid-template-columns: 1fr; } } @media (max-width: 768px) { .lc-why-choose-grid { grid-template-columns: 1fr; } }       .lc-areas-section { padding: 6rem 0; background-color: var(--color-white); } .lc-cost-section { padding: 6rem 0; background-color: var(--color-soft-lilac); }   .lc-areas-grid { display: grid; grid-template-columns: 1fr 2fr; gap: 3rem; } @media (max-width: 992px) { .lc-areas-grid { grid-template-columns: 1fr; } } .lc-areas-list-box { background: var(--color-white); padding: 2.5rem; border-radius: 12px; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05); border-top: 4px solid var(--color-warm-gold); } .lc-custom-list { list-style: none; padding: 0; margin: 0; } .lc-custom-list.two-cols { display: grid; grid-template-columns: 1fr 1fr; column-gap: 2rem; } @media (max-width: 768px) { .lc-custom-list.two-cols { grid-template-columns: 1fr; } } .lc-custom-list li { display: flex; align-items: center; margin-bottom: 1rem; font-size: 1.05rem; } .lc-custom-list .list-icon { width: 20px; height: 20px; color: var(--color-brand-green); margin-right: 12px; flex-shrink: 0; } .lc-custom-list .list-icon svg { width: 100%; height: 100%; }   .lc-pricing-table-wrapper { width: 100% !important; max-width: 100% !important; margin: 0 auto 3rem auto; overflow-x: auto; background: var(--color-white); border-radius: 12px; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05); } .lc-pricing-table { width: 100%; border-collapse: collapse; text-align: left; } .lc-pricing-table th { background-color: var(--color-forest-green); color: var(--color-white); padding: 1.25rem var(--global-padding-x, 20px); font-size: 1.2rem; font-weight: var(--font-weight-extrabold); font-family: var(--font-heading); } .lc-pricing-table td { padding: 1.2rem var(--global-padding-x, 20px); border-bottom: 1px solid rgba(0, 0, 0, 0.05); font-size: 0.95rem; } .lc-pricing-table tr:last-child td { border-bottom: none; } .lc-pricing-table tr:nth-child(even) { background-color: rgba(0, 0, 0, 0.02); }   .lc-cost-factors { width: 100% !important; max-width: 100% !important; margin: 3rem auto 0 auto !important; background: var(--color-white) !important; padding: 2.75rem 3rem !important; border-radius: 12px !important; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05) !important; border-left: 5px solid var(--color-brand-purple) !important; box-sizing: border-box !important; } @media (max-width: 768px) { .lc-cost-factors { padding: 2rem 1.5rem !important; } }       .lc-faq-section { padding: 6rem 0; background-color: var(--color-white); } .faq-item { background: var(--color-white); border: 1px solid rgba(0, 0, 0, 0.1); border-radius: 8px; margin-bottom: 1rem; overflow: hidden; transition: all 0.3s ease; } .faq-item[open] { border-color: var(--color-brand-green); box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05); } .faq-question { padding: 1.5rem; display: flex; justify-content: space-between; align-items: center; cursor: pointer; background: var(--color-white); transition: background 0.3s ease; } .faq-question:hover { background: rgba(0, 0, 0, 0.02); } .faq-question h3 { margin: 0; font-size: 1.2rem; color: var(--color-brand-purple); font-weight: var(--font-weight-bold); } .faq-icon { font-size: 1.5rem; color: var(--color-brand-green); font-weight: bold; transition: transform 0.3s ease; } .faq-item[open] .faq-icon { transform: rotate(45deg); } .faq-answer { padding: 0 1.5rem; max-height: 0; overflow: hidden; transition: max-height 0.3s ease, padding 0.3s ease; background: #fcfcfc; } .faq-item[open] .faq-answer { padding: 1rem 1.5rem 1.5rem 1.5rem; max-height: 500px; } .faq-answer p { margin: 0; color: var(--color-charcoal); line-height: 1.6; }   .lc-cta-section { padding: 6rem 0; } @media (min-width: 768px) { .lc-cta-section .btn-primary { margin-right: 1.5rem; } .lc-cta-section>.lc-cta-container>div { flex-direction: row !important; } } .lc-benefits-list { list-style: none; padding: 0; margin: 0; } .lc-benefits-list li { display: flex; align-items: flex-start; margin-bottom: 1rem; font-size: 1.05rem; } .check-icon { width: 24px; height: 24px; color: var(--color-brand-green); margin-right: 12px; flex-shrink: 0; display: inline-block; } .check-icon svg { width: 100%; height: 100%; display: block; }       .lc-pricing-table-wrapper { width: 100% !important; max-width: 100% !important; margin: 0 auto 3rem auto; background: var(--color-white); border-radius: 12px; overflow: hidden; box-shadow: 0 10px 30px rgba(191, 54, 12, 0.08); } .lc-pricing-table { width: 100%; border-collapse: collapse; text-align: left; margin: 0; } .lc-pricing-table thead tr { background-color: var(--color-forest-green); color: var(--color-white); } .lc-pricing-table th { background-color: var(--color-forest-green); color: var(--color-white); padding: 1.25rem var(--global-padding-x, 20px) !important; font-family: var(--font-heading); font-size: 1.2rem; font-weight: var(--font-weight-bold); letter-spacing: 0.5px; border: none; } .lc-pricing-table td { padding: 1.2rem var(--global-padding-x, 20px) !important; border-bottom: 1px solid rgba(0, 0, 0, 0.05); font-size: 1.05rem; color: var(--color-text-gray); border-left: none; border-right: none; } .lc-pricing-table tbody tr { transition: background-color 0.3s ease; } .lc-pricing-table tbody tr:hover { background-color: var(--color-soft-lilac); } .lc-pricing-table tbody tr:last-child td { border-bottom: none; } .lc-pricing-table strong { color: var(--color-brand-purple); font-weight: var(--font-weight-bold); }   .tr-content-section { padding-top: 4rem; padding-bottom: 5rem; background-color: var(--color-white); font-family: var(--font-body); } .tr-container, .tr-process-container, .tr-necessary-container, .tr-expertise-container, .tr-included-container, .tr-services-container, .tr-near-me-container, .tr-communities-container { max-width: 1200px !important; margin: 0 auto !important; padding-left: var(--global-padding-x, 20px) !important; padding-right: var(--global-padding-x, 20px) !important; box-sizing: border-box !important; }   .tr-grid { display: grid; grid-template-columns: 1.2fr 0.8fr; gap: 4rem; align-items: flex-start; margin-top: 3rem; } @media (max-width: 992px) { .tr-grid { grid-template-columns: 1fr; gap: 3rem; } }   .tr-takeaway-box { background-color: var(--color-soft-lilac); border-left: 4px solid var(--color-warm-gold); border-radius: 8px; padding: 1.5rem 1.5rem 1.5rem 1.25rem; margin: 2rem 0; display: flex; gap: 1.25rem; align-items: flex-start; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.03); } .tr-takeaway-icon { flex-shrink: 0; width: 28px; height: 28px; color: var(--color-brand-purple); display: flex; align-items: center; justify-content: center; } .tr-takeaway-icon svg { width: 100%; height: 100%; } .tr-takeaway-text { font-size: 0.95rem; line-height: 1.6; font-weight: 700; color: var(--color-brand-purple); margin: 0; }   .tr-content-col h2.global-section-title { margin-top: 0; } .tr-content-col h3 { font-size: 1.6rem; color: var(--color-brand-purple); margin-top: 2rem; margin-bottom: 1.25rem; } .tr-content-col p { font-size: 1.05rem; line-height: 1.75; color: var(--color-text-gray); margin-bottom: 1.5rem; }   .tr-image-col { position: sticky; top: 140px; } .tr-image-wrapper { position: relative; border-radius: 16px; overflow: hidden; box-shadow: 0 15px 40px rgba(0, 0, 0, 0.12); border: 1px solid rgba(0, 0, 0, 0.05); } .tr-image-wrapper img { width: 100%; height: auto; display: block; object-fit: cover; aspect-ratio: 4/3; }   .tr-badges-strip { display: flex; gap: 1.5rem; margin-top: 1.5rem; justify-content: center; } .tr-badge-item { display: flex; align-items: center; gap: 0.5rem; font-size: 0.95rem; font-weight: 700; color: var(--color-brand-purple); } .tr-badge-item svg { width: 20px; height: 20px; color: var(--color-warm-gold); }   .tr-cta-wrapper { margin-top: 2.5rem; } .tr-cta-wrapper .btn-primary { max-width: 420px; width: 100%; text-align: center; }   .tr-process-section { padding: 5rem 0; background-color: var(--color-soft-lilac); font-family: var(--font-body); } .tr-process-container { max-width: 1200px; margin: 0 auto; }   .tr-process-grid { display: flex; flex-direction: column; gap: 1.5rem; margin-top: 3rem; } .tr-process-card { background: var(--color-white); padding: 1.5rem 2rem; border-radius: 12px; box-shadow: 0 8px 25px rgba(0, 0, 0, 0.05); text-align: left; border-left: 4px solid var(--color-warm-gold); border-bottom: none; transition: transform 0.3s ease, box-shadow 0.3s ease; display: flex; flex-direction: row; align-items: center; gap: 2rem; } .tr-process-card:hover { transform: translateX(5px); box-shadow: 0 12px 30px rgba(0, 0, 0, 0.08); } .tr-process-icon { width: 64px; height: 64px; background-color: var(--color-soft-lilac); border-radius: 50%; display: flex; align-items: center; justify-content: center; color: var(--color-brand-purple); flex-shrink: 0; } .tr-process-icon svg { width: 32px; height: 32px; } .tr-process-card-content { flex-grow: 1; } .tr-process-card h3 { color: var(--color-brand-purple); font-size: 1.25rem; margin-bottom: 0.5rem; line-height: 1.3; } .tr-process-card p { color: var(--color-text-gray); font-size: 1.05rem; margin: 0; line-height: 1.5; } @media (max-width: 600px) { .tr-process-card { flex-direction: column; text-align: center; gap: 1rem; padding: 1.5rem; border-left: none; border-top: 4px solid var(--color-warm-gold); } }   .text-center { text-align: center; }   .tr-necessary-section { padding: 5rem 0; font-family: var(--font-body); } .tr-necessary-container { max-width: 1200px; margin: 0 auto; }   @media (min-width: 1025px) { .tr-necessary-container { padding-left: 40px !important; padding-right: 40px !important; } } @media (min-width: 601px) and (max-width: 1024px) { .tr-necessary-container { padding-left: 30px !important; padding-right: 30px !important; } } @media (max-width: 600px) { .tr-necessary-container { padding-left: 10px !important; padding-right: 10px !important; } } .tr-necessary-header { text-align: left; } .tr-necessary-grid { display: grid; grid-template-columns: 1.1fr 0.9fr; gap: 4rem; align-items: center; } .tr-necessary-content h3 { color: var(--color-brand-purple); font-size: 1.5rem; margin-bottom: 1rem; } .tr-necessary-content p { color: var(--color-text-gray); font-size: 1.05rem; line-height: 1.6; margin-bottom: 1rem; } .tr-necessary-list { list-style: none; padding: 0; margin: 2rem 0; } .tr-necessary-list li { display: flex; align-items: flex-start; gap: 1rem; margin-bottom: 1.25rem; font-size: 1.05rem; color: var(--color-text-gray); line-height: 1.5; } .tr-list-icon { flex-shrink: 0; width: 24px; height: 24px; color: var(--color-warm-gold); margin-top: 2px; } .tr-list-icon svg { width: 100%; height: 100%; } .tr-necessary-image-wrapper { position: relative; border-radius: 12px; overflow: hidden; box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1); } .tr-necessary-image-wrapper img { width: 100%; height: auto; display: block; transition: transform 0.5s ease; } .tr-necessary-image-wrapper:hover img { transform: scale(1.03); } @media (max-width: 992px) { .tr-necessary-grid { grid-template-columns: 1fr; gap: 3rem; }   .tr-expertise-section { padding: 6rem 0; background-color: var(--color-white); font-family: var(--font-body); position: relative; } .tr-expertise-container { max-width: 1200px; margin: 0 auto; }   .tr-expertise-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 4rem; align-items: center; } .tr-expertise-content { position: relative; z-index: 2; } .tr-expertise-content h3 { color: var(--color-brand-purple); font-size: 1.4rem; margin: 1.5rem 0 1rem; font-family: var(--font-heading); } .tr-expertise-content p { color: var(--color-text-gray); font-size: 1.05rem; line-height: 1.7; margin-bottom: 1.5rem; } .tr-expertise-icon-box { display: inline-flex; align-items: center; justify-content: center; width: 60px; height: 60px; background: var(--color-soft-lilac); border-radius: 12px; color: var(--color-brand-purple); margin-bottom: 1rem; } .tr-expertise-icon-box svg { width: 30px; height: 30px; } .tr-expertise-image-wrapper { position: relative; border-radius: 16px; overflow: hidden; box-shadow: 0 20px 40px rgba(0, 0, 0, 0.08); border: 4px solid var(--color-warm-gold); } .tr-expertise-image-wrapper img { width: 100%; height: auto; display: block; transition: transform 0.6s ease; } .tr-expertise-image-wrapper:hover img { transform: scale(1.05); }   .tr-expertise-badge { position: absolute; bottom: -20px; left: 20px; background: var(--color-brand-purple); color: var(--color-white); padding: 1.5rem 2rem; border-radius: 8px; display: flex; align-items: center; gap: 10px; font-weight: bold; box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15); z-index: 3; } .tr-expertise-badge svg { width: 24px; height: 24px; color: var(--color-warm-gold); } @media (max-width: 992px) { .tr-expertise-grid { grid-template-columns: 1fr; gap: 3rem; } .tr-expertise-badge { bottom: 20px; } } }   .tr-emergency-section { padding-top: 5rem; padding-bottom: 6rem; background: linear-gradient(135deg, var(--color-brand-purple) 0%, #6B2400 100%); color: var(--color-white); font-family: var(--font-body); position: relative; overflow: hidden; } .tr-emergency-section::before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: radial-gradient(circle at 80% 20%, rgba(255, 204, 0, 0.08) 0%, transparent 50%); pointer-events: none; z-index: 1; } .tr-emergency-container { max-width: 1200px; margin: 0 auto; position: relative; z-index: 2; }   @media (min-width: 1025px) { .tr-emergency-container { padding-left: 40px !important; padding-right: 40px !important; } } @media (min-width: 601px) and (max-width: 1024px) { .tr-emergency-container { padding-left: 30px !important; padding-right: 30px !important; } } @media (max-width: 600px) { .tr-emergency-container { padding-left: 10px !important; padding-right: 10px !important; } }   .tr-emergency-grid { display: grid; grid-template-columns: 1.1fr 0.9fr; gap: 4rem; align-items: center; } @media (max-width: 992px) { .tr-emergency-grid { grid-template-columns: 1fr; gap: 3rem; } }   .tr-emergency-header .global-subtitle { color: var(--color-warm-gold) !important; } .tr-emergency-header h2 { color: var(--color-white) !important; margin-top: 0.5rem; margin-bottom: 1.5rem; } .tr-emergency-desc { font-size: 0.95rem; line-height: 1.7; color: rgba(255, 255, 255, 0.9); margin-bottom: 2rem; }   .tr-emergency-list { display: flex; flex-direction: column; gap: 1.25rem; margin-bottom: 2.5rem; } .tr-emergency-item { display: flex; align-items: flex-start; gap: 1rem; } .tr-emergency-item-icon { flex-shrink: 0; width: 24px; height: 24px; color: var(--color-warm-gold); display: flex; align-items: center; justify-content: center; } .tr-emergency-item-icon svg { width: 100%; height: 100%; } .tr-emergency-item-text { font-size: 1.05rem; line-height: 1.5; color: var(--color-white); } .tr-emergency-item-text strong { color: var(--color-warm-gold); }   .tr-emergency-buttons { display: flex; flex-wrap: wrap; gap: 1.5rem; } @media (max-width: 600px) { .tr-emergency-buttons { flex-direction: column; width: 100%; } .tr-emergency-buttons a { width: 100%; max-width: 420px; } }   .tr-emergency-image-wrapper { position: relative; border-radius: 16px; overflow: hidden; box-shadow: 0 15px 40px rgba(0, 0, 0, 0.3); border: 3px solid rgba(255, 255, 255, 0.1); } .tr-emergency-image-wrapper img { width: 100%; height: auto; display: block; object-fit: cover; aspect-ratio: 4/3; }   .tr-included-section { padding: 6rem 0; background-color: var(--color-light-gray, #f9f9fb); font-family: var(--font-body); position: relative; } .tr-included-container { max-width: 1200px; margin: 0 auto; }   .tr-included-header { text-align: center; margin-bottom: 3.5rem; } .tr-included-intro { font-size: 0.95rem; color: var(--color-text-gray); margin: 1.5rem auto; max-width: 800px; line-height: 1.6; } .tr-included-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 2rem; margin-bottom: 3rem; } .tr-included-card { background: var(--color-white); border-radius: 12px; padding: 2rem 1.5rem; text-align: center; box-shadow: 0 8px 25px rgba(0, 0, 0, 0.04); border: 1px solid rgba(0, 0, 0, 0.05); transition: transform 0.3s ease, box-shadow 0.3s ease; border-top: 4px solid var(--color-brand-purple); } .tr-included-card:hover { transform: translateY(-8px); box-shadow: 0 15px 35px rgba(0, 0, 0, 0.08); } .tr-included-icon { width: 50px; height: 50px; background: var(--color-soft-lilac); color: var(--color-brand-purple); border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 auto 1.25rem; } .tr-included-icon svg { width: 24px; height: 24px; } .tr-included-card p { font-size: 1rem; color: var(--color-text-gray); margin: 0; line-height: 1.4; font-weight: 500; } .tr-included-footer { text-align: center; background: var(--color-white); padding: 2rem; border-radius: 12px; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.03); border-left: 4px solid var(--color-forest-green); max-width: 900px; margin: 0 auto 2rem auto; } .tr-included-footer p { font-size: 0.95rem; color: var(--color-forest-green); margin: 0; font-family: var(--font-heading); } @media (max-width: 1024px) { .tr-included-grid { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 600px) { .tr-included-grid { grid-template-columns: 1fr; } }   .tr-services-section { padding: 6rem 0; background-color: var(--color-white); font-family: var(--font-body); } .tr-services-container { max-width: 1200px; margin: 0 auto; }   .tr-services-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 2.5rem; margin-top: 3rem; } .tr-services-card { background: #fdfdfd; border: 1px solid rgba(0, 0, 0, 0.05); border-radius: 12px; padding: 2rem; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.03); transition: transform 0.3s ease, box-shadow 0.3s ease; display: flex; flex-direction: column; } .tr-services-card:hover { transform: translateY(-5px); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08); } .tr-services-icon { width: 60px; height: 60px; background-color: var(--color-soft-lilac); border-radius: 12px; display: flex; align-items: center; justify-content: center; color: var(--color-brand-purple); margin-bottom: 1.5rem; } .tr-services-icon svg { width: 32px; height: 32px; } .tr-services-content h3 { color: var(--color-brand-purple); font-size: 1.3rem; margin-bottom: 1rem; line-height: 1.4; } .tr-services-content p { color: var(--color-text-gray); font-size: 1.05rem; margin: 0; line-height: 1.6; } @media (max-width: 992px) { .tr-services-grid { grid-template-columns: 1fr; gap: 2rem; } }   .tr-near-me-section { padding: 6rem 0; background-color: var(--color-white); font-family: var(--font-body); } .tr-near-me-container { max-width: 1200px; margin: 0 auto; } .tr-near-me-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 4rem; align-items: flex-start; } .tr-near-me-list-box { background: var(--color-soft-lilac); padding: 2.5rem; border-radius: 16px; border-left: 5px solid var(--color-forest-green); } .tr-near-me-list { list-style: none; padding: 0; margin: 0; } .tr-near-me-list li { display: flex; align-items: center; gap: 1rem; font-size: 0.95rem; color: var(--color-text-gray); margin-bottom: 1.25rem; font-weight: 500; } .tr-near-me-list li:last-child { margin-bottom: 0; } .tr-near-me-list .list-icon { width: 24px; height: 24px; flex-shrink: 0; color: var(--color-warm-gold); } .tr-near-me-footer { margin-top: 4rem; text-align: center; background: #f8f8f8; padding: 3rem; border-radius: 12px; border: 1px solid rgba(0, 0, 0, 0.05); } .tr-near-me-footer p { max-width: 800px; margin: 0 auto; color: var(--color-brand-purple); font-weight: 600; font-size: 1.15rem; line-height: 1.6; } @media (max-width: 992px) { .tr-near-me-grid { grid-template-columns: 1fr; gap: 3rem; } }   .tr-communities-section { padding: 6rem 0; background-color: var(--color-white); font-family: var(--font-body); } .tr-communities-container { max-width: 1200px; margin: 0 auto; } .tr-communities-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 2rem; margin-bottom: 4rem; } .tr-community-card { background: #fdfdfd; border: 1px solid rgba(0, 0, 0, 0.05); border-radius: 12px; padding: 2rem 1rem; text-align: center; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.03); transition: transform 0.3s ease, box-shadow 0.3s ease; } .tr-community-card:hover { transform: translateY(-5px); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08); } .tr-community-icon { width: 50px; height: 50px; background-color: var(--color-soft-lilac); border-radius: 50%; display: flex; align-items: center; justify-content: center; color: var(--color-brand-purple); margin: 0 auto 1.25rem; } .tr-community-icon svg { width: 24px; height: 24px; } .tr-community-card h3 { color: var(--color-brand-purple); font-size: 1.2rem; margin-bottom: 1rem; } .tr-community-card p { color: var(--color-text-gray); font-size: 0.95rem; margin: 0; line-height: 1.6; }   .tr-coverage-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 3rem; background: var(--color-soft-lilac); padding: 3rem; border-radius: 16px; border-left: 5px solid var(--color-forest-green); } .tr-coverage-box h3 { color: var(--color-brand-purple); margin-bottom: 1.5rem; font-size: 1.3rem; } .tr-coverage-list { list-style: none; padding: 0; margin: 0; } .tr-coverage-list li { display: flex; align-items: center; gap: 0.75rem; font-size: 1.05rem; color: var(--color-text-gray); margin-bottom: 1rem; font-weight: 500; } .tr-coverage-list li:last-child { margin-bottom: 0; } .tr-coverage-list .list-icon { width: 20px; height: 20px; flex-shrink: 0; color: var(--color-warm-gold); } @media (max-width: 1024px) { .tr-communities-grid { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 768px) { .tr-coverage-grid { grid-template-columns: 1fr; padding: 2rem; } } @media (max-width: 600px) { .tr-communities-grid { grid-template-columns: 1fr; } }   .lc-faq-section { padding: 5rem 0; background-color: var(--color-white); } .faq-list { display: flex; flex-direction: column; gap: 1.5rem; } .faq-list .faq-item { background: #ffffff; border: 1px solid rgba(0, 0, 0, 0.08); border-radius: 8px; padding: 1.5rem; cursor: pointer; transition: box-shadow 0.3s ease; } .faq-list .faq-item:hover { box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05); } .faq-list .faq-question { display: flex; justify-content: space-between; align-items: center; font-size: 1.15rem; font-weight: 700; color: var(--color-brand-purple); font-family: var(--font-heading); user-select: none; } .faq-list .faq-icon { font-size: 1.5rem; color: var(--color-warm-gold); transition: transform 0.3s ease; display: flex; align-items: center; justify-content: center; width: 24px; height: 24px; } .faq-list .faq-icon::before { content: '+'; } .faq-list .faq-item.open .faq-icon { transform: rotate(45deg); } .faq-list .faq-answer { max-height: 0; overflow: hidden; transition: max-height 0.4s ease, margin-top 0.4s ease, opacity 0.4s ease; opacity: 0; } .faq-list .faq-item.open .faq-answer { max-height: 500px; margin-top: 1rem; opacity: 1; } .faq-list .faq-answer p { color: var(--color-text-gray); margin: 0; line-height: 1.6; font-size: 1.05rem; }       .warning-signs-section { background-color: var(--color-off-white); padding: 5rem 0; } .warning-signs-intro { max-width: 800px; margin: 0 auto 3rem auto; font-size: 0.95rem; color: var(--color-text-gray); } .warning-signs-intro .intro-highlight { font-weight: var(--font-weight-bold); color: var(--color-brand-purple); margin-top: 1rem; } .warning-signs-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 2rem; margin-bottom: 4rem; } .warning-card { background-color: var(--color-white); border-radius: 12px; padding: 2rem; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05); transition: transform 0.3s ease, box-shadow 0.3s ease; border-top: 4px solid var(--color-forest-green); display: flex; flex-direction: column; align-items: flex-start; } .warning-card:hover { transform: translateY(-5px); box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1); border-top-color: var(--color-warm-gold); } .warning-icon-wrapper { width: 60px; height: 60px; background-color: var(--color-soft-lilac); border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-bottom: 1.5rem; } .warning-icon-wrapper svg { width: 32px; height: 32px; color: var(--color-brand-purple); } .warning-content h3 { font-size: 1.25rem; margin-bottom: 1rem; color: var(--color-brand-purple); } .warning-content p { font-size: 0.95rem; color: var(--color-text-gray); line-height: 1.6; margin: 0; } .warning-signs-image-cta { display: flex; flex-direction: column; align-items: center; margin-top: 2rem; } .warning-main-image { width: 100%; max-width: 800px; height: auto; border-radius: 16px; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15); margin-bottom: 2rem; }       .faq-section { padding: 5rem 0; background-color: var(--color-soft-lilac); } .faq-container { max-width: 800px !important;   } .faq-accordion { display: flex; flex-direction: column; gap: 1rem; } .faq-item { background: var(--color-white); border-radius: 8px; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05); overflow: hidden; border-left: 4px solid var(--color-brand-purple); transition: all 0.3s ease; } .faq-item[open] { border-left-color: var(--color-warm-gold); box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1); } .faq-question { display: flex; justify-content: space-between; align-items: center; padding: 1.5rem; cursor: pointer; font-family: var(--font-heading); font-weight: var(--font-weight-bold); font-size: 0.95rem; color: var(--color-brand-purple); list-style: none;   } .faq-question::-webkit-details-marker { display: none;   } .faq-question-text { padding-right: 1rem; } .faq-toggle-icon { flex-shrink: 0; transition: transform 0.3s ease; color: var(--color-forest-green); display: flex; align-items: center; justify-content: center; }   .faq-item[open] .faq-toggle-icon { transform: rotate(180deg); color: var(--color-warm-gold); } .faq-answer { padding: 0 1.5rem 1.5rem 1.5rem; color: var(--color-text-gray); line-height: 1.6; font-size: 1rem; border-top: 1px solid rgba(0, 0, 0, 0.05); margin-top: -0.5rem;   padding-top: 1rem; }   .simple-toc-section .toc-title, .simple-toc-section .simple-toc-list { text-align: left; }   .faq-container { max-width: 100% !important; }   .tr-assessment-cta { padding: 5rem 0; background-color: var(--color-white); } .tr-assessment-container { display: flex; align-items: center; gap: 4rem; background: var(--color-soft-lilac); border-radius: 20px; padding: 4rem; box-shadow: 0 10px 40px rgba(0, 0, 0, 0.03); border: 1px solid rgba(0, 0, 0, 0.05); } .tr-assessment-content { flex: 1.2; } .tr-assessment-content .global-subtitle { display: flex; align-items: center; gap: 0.5rem; margin-bottom: 1rem; } .tr-assessment-content .icon-svg { display: flex; align-items: center; justify-content: center; color: var(--color-warm-gold); } .tr-assessment-content .icon-svg svg { width: 22px; height: 22px; } .tr-assessment-content p { font-size: 1.15rem; color: var(--color-text-gray); margin-bottom: 2.5rem; line-height: 1.7; } .tr-assessment-image { flex: 1; border-radius: 16px; overflow: hidden; box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1); position: relative; } .tr-assessment-image::after { content: ''; position: absolute; inset: 0; border-radius: 16px; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.2); pointer-events: none; } .tr-assessment-image img { width: 100%; height: 100%; display: block; object-fit: cover; aspect-ratio: 4/3; transition: transform 0.5s ease; } .tr-assessment-image:hover img { transform: scale(1.05); }   @media (max-width: 991px) { .tr-assessment-container { flex-direction: column; padding: 2.5rem; gap: 2.5rem; } .tr-assessment-image { width: 100%; order: -1;   } .tr-assessment-content { text-align: center; } .tr-assessment-content .global-subtitle { justify-content: center; } .tr-assessment-content .section-divider { margin: 1rem auto !important; } }   .tr-process-section { padding: 2rem 1.5rem; max-width: 1200px; margin: 0 auto; } .tr-process-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 2.5rem; margin-top: 3rem; } .process-step-card { background: var(--color-white); border-radius: 16px; padding: 2.5rem 2rem; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.04); border: 1px solid rgba(0, 0, 0, 0.03); transition: transform 0.3s ease, box-shadow 0.3s ease; position: relative; overflow: hidden; } .process-step-card::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 4px; background: var(--color-warm-gold); transform: scaleX(0); transform-origin: left; transition: transform 0.3s ease; } .process-step-card:hover { transform: translateY(-5px); box-shadow: 0 15px 40px rgba(0, 0, 0, 0.08); } .process-step-card:hover::before { transform: scaleX(1); } .process-step-icon { width: 60px; height: 60px; background: var(--color-soft-lilac); border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-bottom: 1.5rem; color: var(--color-brand-purple); } .process-step-icon svg { width: 28px; height: 28px; stroke: var(--color-brand-purple); } .process-step-card h3 { font-size: 1.35rem; color: var(--color-deep-forest); margin-bottom: 1rem; font-family: var(--font-heading); line-height: 1.3; } .process-step-card p { font-size: 1.05rem; color: var(--color-text-gray); line-height: 1.6; margin-bottom: 1rem; } .process-step-card ul { list-style: none; padding: 0; margin: 0 0 1rem 0; } .process-step-card ul li { position: relative; padding-left: 1.5rem; margin-bottom: 0.5rem; font-size: 1rem; color: var(--color-text-gray); } .process-step-card ul li::before { content: '�'; color: var(--color-warm-gold); position: absolute; left: 0; font-weight: bold; font-size: 1.2rem; top: -2px; } .process-step-card .small-text { font-size: 0.95rem; font-style: italic; color: #4b5563; margin-top: 1rem; padding-top: 1rem; border-top: 1px dashed #eee; margin-bottom: 0; }   @media (max-width: 1024px) { .tr-process-grid { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 768px) { .tr-process-grid { grid-template-columns: 1fr; } .tr-process-section { padding: 2rem 1rem; } }   .tr-trust-section { padding: 5rem 0; background-color: var(--color-light-gray); } .tr-trust-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 2rem; margin-top: 3rem; } .trust-card { background: var(--color-white); padding: 2.5rem 2rem; border-radius: 12px; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.03); text-align: center; transition: transform 0.3s ease; } .trust-card:hover { transform: translateY(-5px); } .trust-icon { width: 70px; height: 70px; background: var(--color-soft-lilac); border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 auto 1.5rem auto; } .trust-icon img { width: 32px; height: 32px; } .trust-card h3 { font-size: 1.25rem; color: var(--color-deep-forest); margin-bottom: 1rem; font-family: var(--font-heading); } .trust-card p { color: var(--color-text-gray); font-size: 1rem; line-height: 1.6; margin: 0; }   .tr-cost-section { padding: 5rem 0; } .tr-cost-content-grid { display: grid; grid-template-columns: 3fr 2fr; gap: 3rem; margin-top: 3rem; } .styled-table { width: 100%; border-collapse: collapse; margin-top: 2rem; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.03); border-radius: 8px; overflow: hidden; } .styled-table thead tr { background-color: var(--color-forest-green); color: var(--color-white); text-align: left; font-size: 1.15rem; } .styled-table th { padding: 1.25rem 2rem; border: none; } .styled-table td { padding: 1.25rem 2rem; border: none; font-size: 1.05rem; color: var(--color-text-gray); } .styled-table tbody tr:nth-child(odd) { background-color: var(--color-white); } .styled-table tbody tr:nth-child(even) { background-color: #f9f9f9; } .styled-table tbody tr td:first-child { color: var(--color-brand-purple); font-weight: 500; } .factors-card { background: var(--color-light-gray); padding: 2.5rem; border-radius: 12px; border-left: 4px solid var(--color-warm-gold); } .cost-factors-list { list-style: none; padding: 0; margin: 0; } .cost-factors-list li { position: relative; padding-left: 1.5rem; margin-bottom: 1rem; line-height: 1.5; color: var(--color-text-gray); } .cost-factors-list li::before { content: '?'; color: var(--color-brand-purple); position: absolute; left: 0; top: 2px; font-size: 0.9rem; } .cost-factors-list strong { color: var(--color-deep-forest); }   .tr-wny-section { padding: 4rem 0 6rem 0; background: linear-gradient(to bottom, #ffffff, var(--color-light-gray)); } .wny-text { color: var(--color-text-gray); max-width: 900px; margin: 0 auto; font-size: 1.15rem; line-height: 1.8; }   @media (max-width: 991px) { .tr-trust-grid { grid-template-columns: repeat(2, 1fr); } .tr-cost-content-grid { grid-template-columns: 1fr; } } @media (max-width: 768px) { .tr-trust-grid { grid-template-columns: 1fr; } .styled-table th, .styled-table td { padding: 0.75rem 1rem; } }   .btn-yellow { display: inline-flex; align-items: center; justify-content: center; padding: 1.25rem 2rem; font-weight: 700; font-family: var(--font-heading, 'Montserrat', sans-serif); font-size: 0.95rem; color: #fff !important; text-transform: uppercase; background: linear-gradient(180deg, #ffb32b 0%, #ff8c00 100%); border-radius: 50px; box-shadow: 0 8px 20px rgba(255, 140, 0, 0.4), inset 0 2px 4px rgba(255, 255, 255, 0.3); transition: all 0.3s ease; text-decoration: none; letter-spacing: 1px; width: 100%; max-width: 300px; gap: 0.5rem; box-sizing: border-box; } .btn-yellow:hover { transform: translateY(-3px); box-shadow: 0 10px 25px rgba(255, 140, 0, 0.6), inset 0 2px 4px rgba(255, 255, 255, 0.3); } .btn-forest { display: inline-flex; align-items: center; justify-content: center; padding: 1.25rem 2rem; font-weight: 700; font-family: var(--font-heading, 'Montserrat', sans-serif); font-size: 0.95rem; color: #ffffff !important; text-transform: uppercase; background: var(--color-forest-green, #315239); border-radius: 50px; box-shadow: 0 8px 20px rgba(49, 82, 57, 0.35); transition: all 0.3s ease; text-decoration: none; letter-spacing: 1px; width: 100%; max-width: 300px; gap: 0.5rem; box-sizing: border-box; } .btn-forest:hover { transform: translateY(-3px); background: #234229; box-shadow: 0 12px 25px rgba(49, 82, 57, 0.5); color: #ffffff !important; } .btn-outline-white { display: inline-flex; align-items: center; justify-content: center; padding: 1.25rem 2rem; font-weight: 700; font-family: var(--font-heading, 'Montserrat', sans-serif); font-size: 0.95rem; color: #ffffff !important; text-transform: uppercase; background: transparent; border: 2px solid #ffffff; border-radius: 50px; transition: all 0.3s ease; text-decoration: none; letter-spacing: 1px; width: 100%; max-width: 300px; gap: 0.5rem; box-sizing: border-box; } .btn-outline-white:hover { background: #ffffff; color: var(--color-brand-purple, #BF360C) !important; transform: translateY(-3px); } @media (max-width: 768px) { .final-cta-section h2 { font-size: 2rem !important; } .final-cta-buttons { gap: 1rem !important; } .btn-yellow { width: 100%; min-width: 100%; } }     .sub-service-section { padding: 5rem 0; }   .sg-eyebrow { display: inline-flex; align-items: center; color: #1e4726 !important; font-family: var(--font-heading); font-weight: var(--font-weight-bold); font-size: 0.9rem; text-transform: uppercase; letter-spacing: 0.15em; margin-bottom: 0.75rem; } .sg-eyebrow::before { content: ''; display: inline-block; width: 2rem; height: 2px; background-color: var(--color-warm-gold); margin-right: 0.75rem; flex-shrink: 0; } .sg-section-header .sg-eyebrow, .text-center .sg-eyebrow { justify-content: center; }   .sg-h2 { font-size: 2.5rem; font-family: var(--font-heading); color: var(--color-text-dark); margin-bottom: 1.5rem; } .sg-h3 { font-size: 1.8rem; font-family: var(--font-heading); color: var(--color-text-dark); margin-bottom: 1.5rem; } .sg-h4 { font-size: 1.35rem; font-family: var(--font-heading); color: var(--color-text-dark); margin-bottom: 0.5rem; } .sg-h4-sm { font-size: 1.25rem; font-family: var(--font-heading); color: var(--color-text-dark); margin-bottom: 0.5rem; } .sg-h3-card { font-size: 1.5rem; font-family: var(--font-heading); color: var(--color-text-dark); margin-bottom: 1rem; } .sg-h3-card-lg { font-size: 1.4rem; font-family: var(--font-heading); color: var(--color-text-dark); margin-bottom: 1rem; }   .sg-text { font-size: 1.1rem; line-height: 1.6; color: var(--color-text-light); margin-bottom: 1.5rem; } .sg-text-last { margin-bottom: 0; } .sg-text-lg { font-size: 1.15rem; line-height: 1.6; color: var(--color-text-light); max-width: 900px; margin: 0 auto; }   .sg-takeaway { background: var(--color-light-gray); padding: 1.5rem 1.5rem 1.5rem 0; border-left: 4px solid var(--color-forest-green); border-radius: 0 8px 8px 0; margin-bottom: 2rem; font-size: 1.1rem; line-height: 1.6; color: var(--color-text-dark); }   .stump-grinding-intro { background-color: #ffffff; } .sg-intro-wrap { display: flex; flex-wrap: wrap; gap: 4rem; align-items: flex-start; } .sg-intro-content { flex: 1 1 500px; } .sg-benefits-box { flex: 1 1 400px; background: var(--color-forest-green); padding: 3rem; border-radius: 12px; color: #ffffff; box-shadow: 0 20px 40px rgba(43, 90, 48, 0.2); } .sg-benefits-box h3 { font-size: 1.8rem; font-family: var(--font-heading); margin-bottom: 2rem; color: #ffffff; } .sg-benefits-list { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 1rem; } .sg-benefits-list li { display: flex; align-items: flex-start; gap: 1rem; font-size: 1.1rem; line-height: 1.4; } .sg-benefits-list li img { width: 20px; height: 20px; filter: invert(86%) sepia(16%) saturate(674%) hue-rotate(85deg) brightness(92%) contrast(87%); flex-shrink: 0; margin-top: 2px; }   .stump-grinding-process { background-color: var(--color-light-gray); } .sg-process-container { max-width: 1000px; } .sg-section-header { text-align: center; margin-bottom: 4rem; } .sg-section-header-left { margin-bottom: 3rem; } .sg-section-header .sg-text-lg { margin: 0 auto; } .process-timeline { display: flex; flex-direction: column; gap: 2rem; } .process-step { display: flex; gap: 2rem; background: #ffffff; padding: 2.5rem; border-radius: 12px; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05); } .step-number { flex-shrink: 0; width: 60px; height: 60px; background: var(--color-forest-green); color: #ffffff; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 1.5rem; font-weight: 700; font-family: var(--font-heading); } .step-content h3 { font-size: 1.4rem; font-family: var(--font-heading); margin-bottom: 0.5rem; color: var(--color-text-dark); } .step-content p { font-size: 1.1rem; line-height: 1.6; color: var(--color-text-light); margin: 0; }   .stump-grinding-different { background-color: #ffffff; } .sg-features-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 2rem; } .sg-feature-card { background: var(--color-light-gray); padding: 2.5rem; border-radius: 12px; border-top: 4px solid var(--color-forest-green); transition: transform 0.3s ease; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05); } .sg-feature-card:hover { transform: translateY(-4px); } .sg-icon-circle { width: 50px; height: 50px; background: #ffffff; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-bottom: 1.5rem; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05); } .sg-icon-circle img { width: 24px; height: 24px; filter: invert(34%) sepia(59%) saturate(541%) hue-rotate(81deg) brightness(97%) contrast(93%); }   .stump-grinding-timing { background-color: var(--color-light-gray); } .sg-timing-inner, .sg-timing-container { max-width: var(--container-width, 1200px); margin: 0 auto; padding-left: var(--global-padding-x, 20px); padding-right: var(--global-padding-x, 20px); } .sg-seasons-grid { display: grid; gap: 2.5rem; }   .stump-grinding-diy-pro { background-color: #ffffff; } .sg-diy-cards { display: grid; grid-template-columns: repeat(auto-fit, minmax(400px, 1fr)); gap: 3rem; margin-bottom: 4rem; } .sg-diy-card { background: var(--color-light-gray); padding: 3rem; border-radius: 12px; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05); } .sg-diy-card--neutral { border-top: 4px solid #6c757d; } .sg-diy-card--pro { border-top: 4px solid var(--color-forest-green); background: #ffffff; } .sg-diy-card--pro h3 { color: var(--color-forest-green); } .sg-list-plain { font-size: 1.1rem; line-height: 1.6; color: var(--color-text-light); padding-left: 1.5rem; margin-bottom: 1.5rem; } .sg-list-plain-mb2 { margin-bottom: 2rem; } .sg-list-plain-m0 { margin: 0; }   .sg-table-wrap { background: #ffffff; border-radius: 12px; overflow: hidden; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05); margin-bottom: 4rem; } .sg-table-title { font-size: 1.5rem; font-family: var(--font-heading); color: var(--color-text-dark); padding: 2rem; margin: 0; background: #f8fafc; text-align: center; border-bottom: 1px solid #e2e8f0; } .sg-table-scroll { overflow-x: auto; } .sg-comparison-table { width: 100%; border-collapse: collapse; text-align: left; } .sg-comparison-table thead tr { background-color: #f1f5f9; } .sg-comparison-table th { padding: 1.5rem; font-family: var(--font-heading); font-size: 1.2rem; border-bottom: 2px solid #cbd5e1; } .sg-comparison-table th:first-child { color: var(--color-text-dark); border-right: 1px solid #cbd5e1; width: 50%; } .sg-comparison-table th:last-child { color: var(--color-forest-green); border-bottom-color: var(--color-forest-green); width: 50%; } .sg-comparison-table tbody { font-size: 1.1rem; color: var(--color-text-light); } .sg-comparison-table td { padding: 1.5rem; border-bottom: 1px solid #e2e8f0; } .sg-comparison-table td:first-child { border-right: 1px solid #e2e8f0; } .sg-comparison-table tr:last-child td { border-bottom: none; } .sg-comparison-table tr:nth-child(even) { background-color: #f8fafc; }   .sg-hire-myth { display: flex; flex-wrap: wrap; gap: 3rem; } .sg-hire-block { flex: 1 1 450px; } .sg-myth-box { flex: 1 1 400px; background: #ffffff; padding: 3rem; border-radius: 12px; border-left: 4px solid var(--color-forest-green); box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05); } .sg-myth { color: #b4232f; } .sg-fact { color: var(--color-forest-green); }   .stump-grinding-cost { background-color: var(--color-light-gray); } .sg-cost-wrap { display: flex; flex-wrap: wrap; gap: 4rem; align-items: flex-start; } .sg-cost-content { flex: 1 1 500px; } .sg-cost-table-wrap { flex: 1 1 400px; background: #ffffff; border-radius: 12px; overflow: hidden; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05); border-top: 4px solid var(--color-forest-green); } .sg-price-table { width: 100%; border-collapse: collapse; text-align: center; } .sg-price-table thead tr { background-color: #f1f5f9; } .sg-price-table th { padding: 1.5rem; font-family: var(--font-heading); font-size: 1.2rem; border-bottom: 2px solid #cbd5e1; width: 50%; } .sg-price-table th:first-child { color: var(--color-text-dark); border-right: 1px solid #cbd5e1; } .sg-price-table th:last-child { color: var(--color-forest-green); border-bottom-color: var(--color-forest-green); } .sg-price-table tbody { font-size: 1.1rem; color: var(--color-text-light); } .sg-price-table td { padding: 1.5rem; border-bottom: 1px solid #e2e8f0; } .sg-price-table td:first-child { border-right: 1px solid #e2e8f0; color: var(--color-text-dark); font-weight: 600; } .sg-price-table tr:nth-child(even) { background-color: #f8fafc; } .sg-price-table tr:last-child td { border-bottom: none; }   .stump-grinding-local { background-color: #ffffff; } .sg-local-wrap { display: flex; flex-wrap: wrap; gap: 4rem; align-items: flex-start; } .sg-local-content { flex: 1 1 500px; } .sg-properties-box { flex: 1 1 400px; background: var(--color-light-gray); padding: 3rem; border-radius: 12px; border-top: 4px solid var(--color-forest-green); box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05); } .sg-properties-grid { list-style: none; padding: 0; margin: 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 1rem; } .sg-properties-grid li, .sg-checklist-item { display: flex; align-items: flex-start; gap: 0.75rem; font-size: 1.1rem; line-height: 1.4; color: var(--color-text-light); } .sg-checklist-icon { width: 16px; height: 16px; filter: invert(86%) sepia(16%) saturate(674%) hue-rotate(85deg) brightness(92%) contrast(87%); flex-shrink: 0; margin-top: 4px; } .sg-local-extra { width: 100%; display: flex; flex-wrap: wrap; gap: 4rem; margin-top: 2rem; border-top: 1px solid #e2e8f0; padding-top: 4rem; } .sg-neighborhoods { flex: 1 1 300px; } .sg-services-block { flex: 1 1 500px; } .sg-neighborhoods-list { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 0.75rem; } .sg-services-list { list-style: none; padding: 0; margin: 0; margin-bottom: 2rem; display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 0.75rem; }   .stump-grinding-cta-section { background-color: var(--color-light-gray); } .sg-cta-inner { max-width: 900px; margin: 0 auto; text-align: center; } .sg-cta-buttons { display: flex; gap: 1.5rem; justify-content: center; flex-wrap: wrap; }   .stump-grinding-nearme { background-color: var(--color-light-gray); border-top: 1px solid #e2e8f0; padding: 5rem 0; } .sg-nearme-wrap { display: grid; grid-template-columns: 1.2fr 0.8fr; gap: 3.5rem; align-items: flex-start; } .sg-areas-box { background: var(--color-soft-lilac); border-radius: 16px; padding: 2.5rem; border-left: 5px solid var(--color-forest-green); box-shadow: 0 4px 15px rgba(0, 0, 0, 0.03); } .sg-areas-list { list-style: none; padding: 0; margin: 0; display: grid; grid-template-columns: repeat(2, 1fr); gap: 0.75rem 1.25rem; } .sg-areas-list .sg-checklist-item { display: flex; align-items: center; gap: 0.5rem; color: var(--color-text-dark); font-weight: 500; } .sg-areas-list .sg-checklist-icon, .sg-areas-list .sg-checklist-icon svg { width: 16px; height: 16px; flex-shrink: 0; color: var(--color-warm-gold); }   @media (max-width: 991px) { .sg-nearme-wrap { grid-template-columns: 1fr; gap: 2.5rem; } } @media (max-width: 768px) { .sub-service-section { padding: 3rem 0; } .sg-intro-wrap, .sg-cost-wrap, .sg-local-wrap, .sg-nearme-wrap { gap: 2rem; } .sg-intro-content, .sg-benefits-box, .sg-cost-content, .sg-cost-table-wrap, .sg-local-content, .sg-properties-box, .sg-nearme-content, .sg-areas-box { flex: 1 1 100%; width: 100%; } .sg-areas-box { padding: 1.75rem; } .sg-complete-services-box { padding: 1.75rem !important; margin-top: 2rem !important; } .sg-areas-list { grid-template-columns: 1fr; } .sg-h2 { font-size: 1.8rem; } .sg-h3 { font-size: 1.5rem; } .sg-features-grid { grid-template-columns: 1fr; } .sg-diy-cards { grid-template-columns: 1fr; } .sg-diy-card { padding: 2rem; } .sg-hire-block, .sg-myth-box { flex: 1 1 100%; } .sg-timing-inner { padding: 2rem; } .process-step { flex-direction: column; gap: 1rem; } .step-number { width: 48px; height: 48px; font-size: 1.2rem; } .sg-local-extra { flex-direction: column; gap: 2rem; } .sg-neighborhoods, .sg-services-block { flex: 1 1 100%; } .sg-cta-buttons { flex-direction: column; align-items: center; } .sg-cta-buttons a { width: 100%; justify-content: center; } } @media (max-width: 480px) { .sg-diy-cards { grid-template-columns: 1fr; } .sg-comparison-table th, .sg-comparison-table td { padding: 1rem; font-size: 0.95rem; } .sg-price-table th, .sg-price-table td { padding: 1rem; font-size: 0.95rem; } }     .sr-eyebrow { display: inline-flex; align-items: center; color: #1e4726 !important; font-family: var(--font-heading); font-weight: var(--font-weight-bold); font-size: 0.9rem; text-transform: uppercase; letter-spacing: 0.15em; margin-bottom: 0.75rem; } .sr-eyebrow::before { content: ''; display: inline-block; width: 2rem; height: 2px; background-color: var(--color-warm-gold); margin-right: 0.75rem; flex-shrink: 0; } .sr-section-header .sr-eyebrow, .text-center .sr-eyebrow { justify-content: center; } .sr-eyebrow--white { color: #ffffff !important; } .sr-eyebrow--white::before { background-color: #ffffff !important; } .sr-h2 { font-size: 2.5rem; font-family: var(--font-heading); color: var(--color-text-dark); margin-bottom: 1.5rem; } .sr-h3 { font-size: 1.8rem; font-family: var(--font-heading); color: var(--color-text-dark); margin-bottom: 1rem; } .sr-h3-white { font-size: 1.6rem; font-family: var(--font-heading); color: #ffffff; margin-bottom: 1rem; } .sr-h4 { font-size: 1.35rem; font-family: var(--font-heading); color: var(--color-text-dark); margin-bottom: 0.75rem; } .sr-text { font-size: 1.1rem; line-height: 1.6; color: var(--color-text-light); margin-bottom: 1.25rem; } .sr-text-last { margin-bottom: 0; } .sr-text-white { font-size: 1.05rem; line-height: 1.6; color: rgba(255, 255, 255, 0.85); margin-bottom: 1rem; } .sr-text-white-last { font-size: 1.05rem; line-height: 1.6; color: rgba(255, 255, 255, 0.85); margin-top: 1rem; margin-bottom: 0; } .sr-intro-text { font-size: 1.15rem; line-height: 1.6; color: var(--color-text-light); max-width: 800px; margin: 0 auto; } .sr-takeaway { background: var(--color-light-gray); padding: 1.5rem 1.5rem 1.5rem 0; border-left: 4px solid var(--color-forest-green); border-radius: 0 8px 8px 0; margin-bottom: 2rem; font-size: 1.1rem; line-height: 1.6; color: var(--color-text-dark); }   .sr-intro-section { background-color: #ffffff; } .sr-intro-wrap { display: flex; flex-wrap: wrap; gap: 4rem; align-items: flex-start; } .sr-intro-content { flex: 1 1 500px; } .sr-intro-content .global-subtitle { display: block !important; text-align: center !important; margin-left: auto !important; margin-right: auto !important; } @media (min-width: 769px) { .sr-diy-section .sr-section-header .global-subtitle, .sr-season-section .sr-section-header .global-subtitle, .sr-local-section .sr-section-header .global-subtitle, .sr-cost-section .sr-section-header .global-subtitle, .sr-trust-section .sr-section-header .global-subtitle, .sr-nearme-content>.global-subtitle { display: block !important; text-align: center !important; margin-left: auto !important; margin-right: auto !important; } } .sr-emergency-box { flex: 1 1 380px; background: var(--color-forest-green); padding: 3rem; border-radius: 12px; box-shadow: 0 20px 40px rgba(43, 90, 48, 0.2); } .sr-emergency-icon { width: 56px; height: 56px; background: rgba(255, 255, 255, 0.15); border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-bottom: 1.5rem; } .sr-emergency-icon img { width: 28px; height: 28px; filter: brightness(0) invert(1); } .sr-emergency-list { list-style: none; padding: 0; margin: 0 0 0 0; display: flex; flex-direction: column; gap: 0.75rem; } .sr-emergency-list li { display: flex; align-items: flex-start; gap: 0.75rem; font-size: 1.05rem; line-height: 1.4; color: #ffffff; } .sr-check-icon { width: 18px; height: 18px; filter: brightness(0) invert(1); flex-shrink: 0; margin-top: 2px; }   .sr-types-section { background-color: var(--color-light-gray); } .sr-section-header { text-align: center; margin-bottom: 3rem; } .sr-section-header .sr-eyebrow { margin-bottom: 0.5rem; } .sr-types-intro { background: #ffffff; padding: 3rem; border-radius: 12px; margin-bottom: 3rem; border-left: 4px solid var(--color-forest-green); box-shadow: 0 10px 30px rgba(0, 0, 0, 0.04); } .sr-types-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(340px, 1fr)); gap: 2rem; } .sr-type-card { background: #ffffff; border-radius: 12px; padding: 2.5rem; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05); display: flex; flex-direction: column; gap: 0; border-top: 4px solid var(--color-forest-green); transition: transform 0.3s ease; } .sr-type-card:hover { transform: translateY(-4px); } .sr-type-card--wide { grid-column: 1 / -1; flex-direction: row; gap: 2rem; align-items: flex-start; } .sr-type-icon { width: 56px; height: 56px; background: var(--color-light-gray); border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-bottom: 1.5rem; flex-shrink: 0; } .sr-type-icon img { width: 26px; height: 26px; filter: invert(34%) sepia(59%) saturate(541%) hue-rotate(81deg) brightness(97%) contrast(93%); } .sr-type-icon--emergency { background: #fff3f3; width: 56px; height: 56px; margin-bottom: 0; margin-top: 0.25rem; } .sr-type-icon--emergency img { filter: invert(27%) sepia(84%) saturate(1500%) hue-rotate(340deg) brightness(90%) contrast(90%); } .sr-type-content { flex: 1; } .sr-bullet-list { list-style: none; padding: 0; margin: 0 0 1.25rem 0; display: flex; flex-direction: column; gap: 0.5rem; } .sr-bullet-list li { font-size: 1.05rem; line-height: 1.5; color: var(--color-text-light); padding-left: 1.5rem; position: relative; } .sr-bullet-list li::before { content: ''; position: absolute; left: 0; top: 0.55em; width: 8px; height: 8px; background: var(--color-forest-green); border-radius: 50%; } .sr-bullet-list--cols { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 0.5rem 2rem; }   .sr-cta-section { background: var(--color-forest-green); padding: 5rem 2rem; text-align: center; } .sr-cta-inner { max-width: 900px; margin: 0 auto; } .sr-cta-h2 { font-size: 2.5rem; font-family: var(--font-heading); color: #ffffff; margin-bottom: 1.5rem; } .sr-cta-text { font-size: 1.2rem; line-height: 1.6; color: rgba(255, 255, 255, 0.85); margin-bottom: 2.5rem; } .sr-cta-buttons { display: flex; gap: 1.5rem; justify-content: center; flex-wrap: wrap; align-items: center; } .btn-outline-white { display: inline-flex; align-items: center; justify-content: center; gap: 0.5rem; font-size: 1rem; font-weight: 700; font-family: var(--font-heading, 'Montserrat', sans-serif); text-transform: uppercase; letter-spacing: 1.5px; padding: 1rem 2rem; border-radius: 50px !important; border: 2px solid #ffffff; color: #ffffff !important; text-decoration: none; transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1); } .btn-outline-white:hover { background: #ffffff; color: var(--color-brand-purple, #BF360C) !important; transform: translateY(-2px); }   @media (max-width: 900px) { .sr-type-card--wide { flex-direction: column; grid-column: auto; } .sr-type-icon--emergency { margin-bottom: 1.5rem; } } @media (max-width: 768px) { .sub-service-section { padding: 3rem 0; } .sr-intro-wrap { gap: 2rem; } .sr-intro-content, .sr-emergency-box { flex: 1 1 100%; } .sr-h2 { font-size: 1.8rem; } .sr-h3 { font-size: 1.5rem; } .sr-cta-h2 { font-size: 1.8rem; } .sr-types-grid { grid-template-columns: 1fr; } .sr-type-card--wide { grid-column: auto; } .sr-bullet-list--cols { grid-template-columns: 1fr; } .sr-cta-section { padding: 3rem 1rem; } .sr-cta-buttons { flex-direction: column; align-items: stretch; } .sr-cta-buttons a { text-align: center; justify-content: center; width: 100%; } .btn-outline-white { width: 100%; } } @media (max-width: 480px) { .sr-types-intro { padding: 1.5rem; } .sr-type-card { padding: 1.5rem; } .sr-emergency-box { padding: 2rem; } }     .sr-process-section { background-color: #ffffff; } .sr-steps-timeline { display: flex; flex-direction: column; gap: 1.5rem; max-width: 100%; width: 100%; margin: 0 auto; } .sr-step-card { display: flex; gap: 2rem; align-items: flex-start; background: var(--color-light-gray); padding: 2rem 2.5rem; border-radius: 12px; box-shadow: 0 6px 20px rgba(0, 0, 0, 0.04); border-left: 4px solid var(--color-forest-green); transition: transform 0.3s ease; } .sr-step-card:hover { transform: translateX(4px); } .sr-step-num { flex-shrink: 0; width: 52px; height: 52px; background: var(--color-forest-green); color: #ffffff; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 1.4rem; font-weight: 700; font-family: var(--font-heading); } .sr-step-body { flex: 1; } .sr-step-body .sr-h4 { margin-bottom: 0.5rem; }   .sr-diy-section { background-color: var(--color-light-gray); } .sr-diy-wrap { display: flex; flex-wrap: wrap; gap: 4rem; align-items: flex-start; } .sr-diy-problems { flex: 1 1 500px; background: #ffffff; padding: 3rem; border-radius: 12px; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05); } .sr-pro-benefits { flex: 1 1 380px; background: var(--color-forest-green); padding: 3rem; border-radius: 12px; box-shadow: 0 20px 40px rgba(43, 90, 48, 0.2); } .sr-pro-benefits .sr-h3 { color: #ffffff; margin-bottom: 1rem; } .sr-pro-benefits .sr-text { color: rgba(255, 255, 255, 0.85); } .sr-problems-title { margin-top: 2rem; padding-top: 1.5rem; border-top: 1px solid #e2e8f0; } .sr-problems-list { display: flex; flex-direction: column; gap: 1.5rem; margin-top: 1rem; } .sr-problem-item { display: flex; gap: 1rem; align-items: flex-start; } .sr-problem-icon { flex-shrink: 0; width: 40px; height: 40px; background: var(--color-light-gray); border-radius: 8px; display: flex; align-items: center; justify-content: center; } .sr-problem-icon img { width: 20px; height: 20px; filter: invert(34%) sepia(59%) saturate(541%) hue-rotate(81deg) brightness(97%) contrast(93%); } .sr-problem-content { flex: 1; } .sr-problem-title { display: block; font-size: 1.05rem; font-weight: 700; color: var(--color-text-dark); margin-bottom: 0.4rem; font-family: var(--font-heading); } .sr-sub-list { list-style: none; padding: 0; margin: 0.5rem 0 0.75rem 1rem; display: flex; flex-direction: column; gap: 0.3rem; } .sr-sub-list li { font-size: 1rem; color: var(--color-text-light); padding-left: 1.2rem; position: relative; } .sr-sub-list li::before { content: '�'; position: absolute; left: 0; color: var(--color-forest-green); font-weight: 700; } .sr-pro-list { list-style: none; padding: 0; margin: 1.5rem 0 0 0; display: flex; flex-direction: column; gap: 1rem; } .sr-pro-item { display: flex; gap: 1rem; align-items: center; font-size: 1.05rem; color: rgba(255, 255, 255, 0.9); font-weight: 500; } .sr-pro-icon { flex-shrink: 0; width: 38px; height: 38px; background: rgba(255, 255, 255, 0.15); border-radius: 50%; display: flex; align-items: center; justify-content: center; } .sr-pro-icon img { width: 18px; height: 18px; filter: brightness(0) invert(1); }   .sr-season-section { background-color: #ffffff; } .sr-season-intro { max-width: 900px; margin: 0 auto 3rem auto; background: var(--color-light-gray); padding: 2.5rem 3rem; border-radius: 12px; border-left: 4px solid var(--color-forest-green); } .sr-seasons-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 2rem; } .sr-season-card { background: var(--color-light-gray); border-radius: 12px; padding: 2.5rem; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.04); transition: transform 0.3s ease; } .sr-season-card:hover { transform: translateY(-4px); } .sr-season-badge { display: inline-block; font-size: 0.85rem; font-weight: 700; text-transform: uppercase; letter-spacing: 1.5px; padding: 0.35rem 1rem; border-radius: 50px; margin-bottom: 1.25rem; font-family: var(--font-heading); }   @media (max-width: 768px) { .sr-step-card { flex-direction: column; gap: 1rem; padding: 1.5rem; } .sr-step-num { width: 44px; height: 44px; font-size: 1.2rem; } .sr-diy-wrap { gap: 2rem; } .sr-diy-problems, .sr-pro-benefits { flex: 1 1 100%; } .sr-diy-problems { padding: 2rem; } .sr-pro-benefits { padding: 2rem; } .sr-seasons-grid { grid-template-columns: 1fr; } .sr-season-intro { padding: 1.5rem; } }     .sr-local-section { background-color: var(--color-light-gray); } .sr-local-wrap { display: flex; flex-wrap: wrap; gap: 4rem; align-items: flex-start; } .sr-local-content { flex: 1 1 500px; } .sr-property-types { display: flex; flex-direction: column; gap: 1.5rem; margin-top: 2rem; } .sr-property-card { display: flex; flex-direction: column; gap: 1.25rem; align-items: flex-start; background: #ffffff; padding: 2.5rem 2rem; border-radius: 12px; border-left: 4px solid var(--color-forest-green); box-shadow: 0 6px 20px rgba(0, 0, 0, 0.04); } .sr-property-icon { flex-shrink: 0; width: 48px; height: 48px; background: var(--color-light-gray); border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-bottom: 0.25rem; } .sr-property-icon img { width: 22px; height: 22px; filter: invert(34%) sepia(59%) saturate(541%) hue-rotate(81deg) brightness(97%) contrast(93%); } .sr-communities-box { flex: 1 1 320px; background: var(--color-forest-green); padding: 3rem; border-radius: 12px; box-shadow: 0 20px 40px rgba(43, 90, 48, 0.2); } .sr-communities-list { list-style: none; padding: 0; margin: 0.5rem 0 0 0; display: flex; flex-direction: column; gap: 0.75rem; } .sr-communities-list li { display: flex; align-items: center; gap: 0.75rem; font-size: 1.05rem; color: #ffffff; font-weight: 500; }   .sr-trust-section { background-color: #ffffff; } .sr-trust-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap: 2rem; } .sr-trust-card { display: flex; gap: 1.25rem; align-items: flex-start; background: var(--color-light-gray); padding: 2rem; border-radius: 12px; box-shadow: 0 6px 20px rgba(0, 0, 0, 0.04); border-top: 3px solid var(--color-forest-green); transition: transform 0.3s ease; } .sr-trust-card:hover { transform: translateY(-3px); } .sr-trust-icon { flex-shrink: 0; width: 48px; height: 48px; background: #ffffff; border-radius: 50%; display: flex; align-items: center; justify-content: center; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.06); } .sr-trust-icon img { width: 22px; height: 22px; filter: invert(34%) sepia(59%) saturate(541%) hue-rotate(81deg) brightness(97%) contrast(93%); } .sr-trust-body { flex: 1; }   @media (max-width: 768px) { .sr-local-wrap { gap: 2rem; } .sr-local-content, .sr-communities-box { flex: 1 1 100%; } .sr-communities-box { padding: 2rem; } .sr-trust-grid { grid-template-columns: 1fr; } .sr-trust-card { padding: 1.5rem; } .sr-property-card { padding: 1.5rem; } }     .sr-cost-section { background-color: var(--color-light-gray); } .sr-cost-wrap { display: flex; flex-wrap: wrap; gap: 4rem; align-items: flex-start; } .sr-cost-content { flex: 1 1 480px; } .sr-factors-title { margin-top: 2rem; padding-top: 1.5rem; border-top: 1px solid #e2e8f0; } .sr-factors-list { list-style: none; padding: 0; margin: 1rem 0 0 0; display: flex; flex-direction: column; gap: 1rem; } .sr-factors-list li { font-size: 1.05rem; line-height: 1.6; color: var(--color-text-light); padding-left: 1.5rem; position: relative; } .sr-factors-list li::before { content: ''; position: absolute; left: 0; top: 0.6em; width: 8px; height: 8px; background: var(--color-forest-green); border-radius: 50%; } .sr-factors-list li strong { color: var(--color-text-dark); } .sr-cost-table-wrap { flex: 1 1 360px; background: #ffffff; border-radius: 12px; overflow: hidden; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.06); border-top: 4px solid var(--color-forest-green); } .sr-cost-table-title { font-size: 1.2rem; font-family: var(--font-heading); color: var(--color-text-dark); padding: 1.5rem 2rem; margin: 0; background: #f8fafc; border-bottom: 1px solid #e2e8f0; } .sr-price-table { width: 100%; border-collapse: collapse; text-align: center; } .sr-price-table thead tr { background: #f1f5f9; } .sr-price-table th { padding: 1.25rem 1.5rem; font-family: var(--font-heading); font-size: 1.05rem; border-bottom: 2px solid #cbd5e1; } .sr-price-table th:first-child { color: var(--color-text-dark); border-right: 1px solid #e2e8f0; text-align: left; width: 60%; } .sr-price-table th:last-child { color: var(--color-forest-green); border-bottom-color: var(--color-forest-green); } .sr-price-table tbody { font-size: 1rem; color: var(--color-text-light); } .sr-price-table td { padding: 1.25rem 1.5rem; border-bottom: 1px solid #e2e8f0; } .sr-price-table td:first-child { border-right: 1px solid #e2e8f0; text-align: left; color: var(--color-text-dark); font-weight: 600; } .sr-price-table tr:nth-child(even) { background: #f8fafc; } .sr-price-table tr:last-child td { border-bottom: none; } .sr-cost-note { display: flex; align-items: center; gap: 0.5rem; font-size: 0.95rem; color: var(--color-text-light); padding: 1.25rem 1.5rem; background: #f8fafc; border-top: 1px solid #e2e8f0; margin: 0; } .sr-cost-note svg { flex-shrink: 0; color: var(--color-forest-green); }   .sr-nearme-section { background-color: #ffffff; } .sr-nearme-wrap { display: flex; flex-wrap: wrap; gap: 4rem; align-items: flex-start; } .sr-nearme-content { flex: 1 1 500px; } .sr-areas-grid { list-style: none; padding: 0; margin: 0.5rem 0 0 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 0.75rem; } .sr-areas-grid li { display: flex; align-items: center; gap: 0.6rem; font-size: 1.05rem; color: var(--color-text-light); font-weight: 500; } .sr-area-check { width: 16px; height: 16px; filter: invert(34%) sepia(59%) saturate(541%) hue-rotate(81deg) brightness(97%) contrast(93%); flex-shrink: 0; } .sr-nearme-cta { flex: 1 1 320px; } .sr-nearme-card { background: var(--color-light-gray); border-radius: 12px; padding: 3rem; border-top: 4px solid var(--color-forest-green); box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05); text-align: center; } .sr-nearme-icon { width: 64px; height: 64px; background: var(--color-forest-green); border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 auto 1.5rem; } .sr-nearme-icon img { width: 28px; height: 28px; filter: brightness(0) invert(1); } .sr-nearme-card .sr-h3 { text-align: center; margin-bottom: 1rem; } .sr-nearme-card .sr-text { text-align: center; } .sr-nearme-btn { display: inline-flex; align-items: center; gap: 0.5rem; margin-top: 1rem; }   @media (max-width: 768px) { .sr-cost-wrap { gap: 2rem; } .sr-cost-content, .sr-cost-table-wrap { flex: 1 1 100%; } .sr-nearme-wrap { gap: 2rem; } .sr-nearme-content, .sr-nearme-cta { flex: 1 1 100%; } .sr-areas-grid { grid-template-columns: repeat(2, 1fr); } .sr-nearme-btn { width: 100%; justify-content: center; } } @media (max-width: 480px) { .sr-areas-grid { grid-template-columns: 1fr; } }     .tcr-eyebrow { display: inline-flex; align-items: center; color: #1e4726 !important; font-family: var(--font-heading); font-weight: var(--font-weight-bold); font-size: 0.9rem; text-transform: uppercase; letter-spacing: 0.15em; margin-bottom: 0.75rem; } .tcr-eyebrow::before { content: ''; display: inline-block; width: 2rem; height: 2px; background-color: var(--color-warm-gold); margin-right: 0.75rem; flex-shrink: 0; } .tcr-section-header .tcr-eyebrow, .text-center .tcr-eyebrow { justify-content: center; } .tcr-eyebrow--white { color: #ffffff !important; } .tcr-eyebrow--white::before { background-color: #ffffff !important; } .tcr-h2 { font-size: 2.5rem; font-family: var(--font-heading); color: var(--color-text-dark); margin-bottom: 1.5rem; } .tcr-h3 { font-size: 1.8rem; font-family: var(--font-heading); color: var(--color-text-dark); margin-bottom: 1rem; } .tcr-h3-white { font-size: 1.6rem; font-family: var(--font-heading); color: #ffffff; margin-bottom: 1rem; } .tcr-h4 { font-size: 1.25rem; font-family: var(--font-heading); color: var(--color-text-dark); margin-bottom: 0.6rem; } .tcr-text { font-size: 1.1rem; line-height: 1.6; color: var(--color-text-light); margin-bottom: 1.25rem; } .tcr-text-last { margin-bottom: 0; } .tcr-text-white { font-size: 1.05rem; line-height: 1.6; color: rgba(255, 255, 255, 0.85); margin-bottom: 0.75rem; } .tcr-intro-text { font-size: 1.15rem; line-height: 1.6; color: var(--color-text-light); max-width: 800px; margin: 0 auto; } .tcr-takeaway { background: var(--color-light-gray); padding: 1.5rem 1.5rem 1.5rem 0; border-left: 4px solid var(--color-forest-green); border-radius: 0 8px 8px 0; margin-bottom: 2rem; font-size: 1.1rem; line-height: 1.6; color: var(--color-text-dark); } .tcr-section-header { text-align: center; margin-bottom: 3.5rem; } .tcr-bullet-list { list-style: none; padding: 0; margin: 0 0 1.25rem 0; display: flex; flex-direction: column; gap: 0.5rem; } .tcr-bullet-list li { font-size: 1.05rem; line-height: 1.5; color: var(--color-text-light); padding-left: 1.5rem; position: relative; } .tcr-bullet-list li::before { content: ''; position: absolute; left: 0; top: 0.55em; width: 8px; height: 8px; background: var(--color-forest-green); border-radius: 50%; } .tcr-check-icon { width: 16px; height: 16px; filter: invert(34%) sepia(59%) saturate(541%) hue-rotate(81deg) brightness(97%) contrast(93%); flex-shrink: 0; }   .tcr-intro-section { background-color: #ffffff; } .tcr-intro-wrap { display: flex; flex-wrap: wrap; gap: 4rem; align-items: flex-start; } .tcr-intro-content { flex: 1 1 520px; } .tcr-intro-image-col { flex: 1 1 380px; } .tcr-intro-img-wrap { border-radius: 12px; overflow: hidden; box-shadow: 0 20px 50px rgba(0, 0, 0, 0.12); margin-bottom: 1.5rem; } .tcr-intro-img { width: 100%; height: 300px; object-fit: cover; display: block; } .tcr-intro-stats { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem; } .tcr-stat-item { background: var(--color-forest-green); color: #ffffff; border-radius: 10px; padding: 1.25rem 0.75rem; text-align: center; display: flex; flex-direction: column; gap: 0.3rem; } .tcr-stat-num { font-size: 1.6rem; font-weight: 800; font-family: var(--font-heading); line-height: 1; } .tcr-stat-label { font-size: 0.8rem; line-height: 1.3; color: rgba(255, 255, 255, 0.85); }   .tcr-benefits-section { background-color: var(--color-light-gray); } .tcr-benefits-intro { max-width: 800px; margin: 0 auto 3rem; text-align: center; } .tcr-benefits-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 2rem; } .tcr-benefit-card { background: #ffffff; padding: 2rem; border-radius: 12px; border-top: 3px solid var(--color-forest-green); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.05); display: flex; gap: 1.25rem; align-items: flex-start; transition: transform 0.3s ease; } .tcr-benefit-card:hover { transform: translateY(-4px); } .tcr-benefit-icon { display: none !important; } .tcr-benefit-body { flex: 1; }   .tcr-when-section { background-color: #ffffff; } .tcr-when-wrap { display: flex; flex-wrap: wrap; gap: 4rem; align-items: flex-start; } .tcr-when-content { flex: 1 1 500px; } .tcr-situation-list { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 1rem; } .tcr-situation-list li { display: flex; gap: 1rem; align-items: flex-start; font-size: 1.05rem; line-height: 1.5; color: var(--color-text-light); } .tcr-situation-list li strong { color: var(--color-text-dark); } .tcr-situation-icon { flex-shrink: 0; width: 36px; height: 36px; background: var(--color-light-gray); border-radius: 8px; display: flex; align-items: center; justify-content: center; } .tcr-situation-icon img { width: 18px; height: 18px; filter: invert(34%) sepia(59%) saturate(541%) hue-rotate(81deg) brightness(97%) contrast(93%); } .tcr-signs-box { flex: 1 1 320px; background: var(--color-forest-green); padding: 3rem; border-radius: 12px; box-shadow: 0 20px 40px rgba(43, 90, 48, 0.2); } .tcr-signs-list { list-style: none; padding: 0; margin: 0.5rem 0 0 0; display: flex; flex-direction: column; gap: 0.75rem; } .tcr-signs-list li { display: flex; align-items: center; gap: 0.75rem; font-size: 1.05rem; color: #ffffff; font-weight: 500; } .tcr-signs-list .tcr-check-icon { filter: brightness(0) invert(1); }   .tcr-process-section { background-color: var(--color-light-gray); } .tcr-process-steps { display: flex; flex-direction: column; gap: 1.5rem; width: 100%; max-width: 100%; margin: 0 auto; } .tcr-step-card { display: flex; gap: 2rem; align-items: flex-start; background: #ffffff; padding: 2rem 2.5rem; border-radius: 12px; box-shadow: 0 6px 20px rgba(0, 0, 0, 0.04); border-left: 4px solid var(--color-forest-green); transition: transform 0.3s ease; width: 100%; box-sizing: border-box; } .tcr-step-card:hover { transform: translateX(4px); } .tcr-step-num { flex-shrink: 0; width: 52px; height: 52px; background: var(--color-forest-green); color: #ffffff; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 1.4rem; font-weight: 700; font-family: var(--font-heading); } .tcr-step-body { flex: 1; }   .tcr-vs-section { background-color: #ffffff; } .tcr-vs-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap: 2.5rem; width: 100%; max-width: 100%; margin: 0 auto; } .tcr-vs-card { border-radius: 12px; padding: 2.5rem; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.06); } .tcr-vs-card--bad { background: #fff5f5; border-top: 4px solid #e63946; } .tcr-vs-card--good { background: #f0fff4; border-top: 4px solid var(--color-forest-green); } .tcr-vs-header { display: flex; align-items: center; gap: 1rem; margin-bottom: 1.5rem; flex-wrap: wrap; } .tcr-vs-icon { width: 46px; height: 46px; background: #fee2e2; border-radius: 50%; display: flex; align-items: center; justify-content: center; flex-shrink: 0; } .tcr-vs-icon img { width: 22px; height: 22px; filter: invert(27%) sepia(84%) saturate(1500%) hue-rotate(340deg) brightness(90%) contrast(90%); } .tcr-vs-icon--good { background: #dcfce7; } .tcr-vs-icon--good img { filter: invert(34%) sepia(59%) saturate(541%) hue-rotate(81deg) brightness(97%) contrast(93%); } .tcr-vs-card--good .tcr-h3 { color: var(--color-forest-green); } .tcr-vs-card--bad .tcr-h3 { color: #e63946; } .tcr-vs-badge { font-size: 0.8rem; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; padding: 0.3rem 0.8rem; border-radius: 50px; margin-left: auto; } .tcr-vs-badge--bad { background: #fee2e2; color: #e63946; } .tcr-vs-badge--good { background: #dcfce7; color: var(--color-forest-green); } .tcr-vs-list { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 0.75rem; } .tcr-vs-list li { font-size: 1.05rem; line-height: 1.5; color: var(--color-text-light); padding-left: 1.5rem; position: relative; } .tcr-vs-card--bad .tcr-vs-list li::before { content: '?'; position: absolute; left: 0; color: #e63946; font-weight: 700; } .tcr-vs-card--good .tcr-vs-list li::before { content: '?'; position: absolute; left: 0; color: var(--color-forest-green); font-weight: 700; }   .tcr-why-section { background-color: var(--color-light-gray); } .tcr-why-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 2rem; } .tcr-why-card { background: #ffffff; padding: 2rem; border-radius: 12px; border-top: 3px solid var(--color-forest-green); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.05); transition: transform 0.3s ease; text-align: center; } .tcr-why-card:hover { transform: translateY(-4px); } .tcr-why-icon { width: 56px; height: 56px; background: var(--color-light-gray); border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 auto 1.25rem; } .tcr-why-icon img { width: 24px; height: 24px; filter: invert(34%) sepia(59%) saturate(541%) hue-rotate(81deg) brightness(97%) contrast(93%); }   .tcr-local-section { background-color: #ffffff; } .tcr-local-wrap { display: flex; flex-wrap: wrap; gap: 4rem; align-items: center; } .tcr-local-content { flex: 1 1 500px; } .tcr-local-image { flex: 1 1 380px; } .tcr-local-img { width: 100%; height: 400px; object-fit: cover; border-radius: 12px; box-shadow: 0 20px 50px rgba(0, 0, 0, 0.12); display: block; } .tcr-areas-grid { list-style: none; padding: 0; margin: 0.75rem 0 2rem 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); gap: 0.6rem; } .tcr-areas-grid li { display: flex; align-items: center; gap: 0.5rem; font-size: 1.05rem; color: var(--color-text-light); } .tcr-local-cta-btns { display: flex; gap: 1rem; flex-wrap: wrap; }   .tcr-cta-section { background: linear-gradient(135deg, var(--color-forest-green) 0%, #1a4020 100%); padding: 6rem 2rem; text-align: center; } .tcr-cta-inner { max-width: 900px; margin: 0 auto; } .tcr-cta-h2 { font-size: 2.8rem; font-family: var(--font-heading); color: #ffffff; margin-bottom: 1.5rem; } .tcr-cta-text { font-size: 1.2rem; line-height: 1.6; color: rgba(255, 255, 255, 0.85); margin-bottom: 3rem; } .tcr-cta-buttons { display: flex; gap: 1.5rem; justify-content: center; flex-wrap: wrap; align-items: center; }   @media (max-width: 768px) { .tcr-intro-wrap, .tcr-when-wrap, .tcr-local-wrap { gap: 2rem; } .tcr-intro-content, .tcr-intro-image-col, .tcr-when-content, .tcr-signs-box, .tcr-local-content, .tcr-local-image { flex: 1 1 100%; } .tcr-h2 { font-size: 1.8rem; } .tcr-h3 { font-size: 1.5rem; } .tcr-cta-h2 { font-size: 1.8rem; } .tcr-intro-stats { grid-template-columns: repeat(3, 1fr); } .tcr-benefits-grid { grid-template-columns: 1fr; } .tcr-why-grid { grid-template-columns: 1fr; } .tcr-vs-grid { grid-template-columns: 1fr; } .tcr-step-card { flex-direction: column; gap: 1rem; padding: 1.5rem; } .tcr-step-num { width: 44px; height: 44px; font-size: 1.2rem; } .tcr-local-img { height: 260px; } .tcr-local-cta-btns { flex-direction: column; } .tcr-local-cta-btns a { text-align: center; justify-content: center; } .tcr-cta-section { padding: 3.5rem 1.5rem; } .tcr-cta-buttons { flex-direction: column; align-items: stretch; } .tcr-cta-buttons a { text-align: center; justify-content: center; } .btn-outline-white { width: 100%; } .tcr-signs-box { padding: 2rem; } .tcr-benefit-card { flex-direction: column; } } @media (max-width: 480px) { .tcr-intro-stats { grid-template-columns: 1fr; gap: 0.75rem; } .tcr-areas-grid { grid-template-columns: 1fr 1fr; } }   .tcr-benefits-intro-text { max-width: 800px; margin: 0 auto 3rem; text-align: center; }   .tcr-neighborhoods-box { flex: 1 1 360px; background: var(--color-forest-green); padding: 3rem; border-radius: 12px; box-shadow: 0 20px 40px rgba(43, 90, 48, 0.2); } .tcr-neighborhoods-list { list-style: none; padding: 0; margin: 0.75rem 0 0 0; display: grid; grid-template-columns: repeat(2, 1fr); gap: 0.65rem; } .tcr-neighborhoods-list li { display: flex; align-items: center; gap: 0.6rem; font-size: 1rem; color: #ffffff; font-weight: 500; } .tcr-check-white { filter: brightness(0) invert(1) !important; }   .tcr-trust-section { background-color: var(--color-light-gray); } .tcr-trust-wrap { display: flex; flex-direction: column; gap: 2.5rem; width: 100%; } .tcr-trust-content { width: 100%; background: #ffffff; padding: 2.5rem 3rem; border-radius: 12px; border-left: 4px solid var(--color-forest-green); box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05); box-sizing: border-box; } .tcr-trust-cards { width: 100%; display: grid; grid-template-columns: repeat(3, 1fr); gap: 2rem; } .tcr-trust-card { background: #ffffff; padding: 2rem; border-radius: 12px; border-top: 3px solid var(--color-forest-green); box-shadow: 0 6px 20px rgba(0, 0, 0, 0.05); display: flex; gap: 1.25rem; align-items: flex-start; transition: transform 0.3s ease; box-sizing: border-box; } .tcr-trust-card:hover { transform: translateY(-3px); } .tcr-trust-icon { display: none !important; } .tcr-trust-body { flex: 1; } @media (max-width: 1024px) { .tcr-trust-cards { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 768px) { .tcr-trust-cards { grid-template-columns: 1fr; } .tcr-trust-content { padding: 1.5rem; } } @media (max-width: 480px) { .tcr-neighborhoods-list { grid-template-columns: 1fr; } }     .tcr-protect-section { background-color: #ffffff; text-align: center; } .tcr-protect-section .tcr-text { max-width: 800px; margin: 0 auto; }   .tcr-mid-cta-section { background-color: var(--color-light-gray); } .tcr-mid-cta-wrap { display: flex; flex-wrap: wrap; gap: 4rem; align-items: center; } .tcr-mid-cta-content { flex: 1 1 500px; } .tcr-mid-cta-box { flex: 1 1 360px; background: #ffffff; padding: 3rem; border-radius: 12px; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05); border-top: 4px solid var(--color-forest-green); } .tcr-check-list-dark { list-style: none; padding: 0; margin: 1rem 0 0 0; display: flex; flex-direction: column; gap: 0.75rem; } .tcr-check-list-dark li { display: flex; align-items: center; gap: 0.75rem; font-size: 1.05rem; color: var(--color-text-dark); font-weight: 500; }   .tcr-cost-section { background-color: #ffffff; } .tcr-cost-wrap { display: flex; flex-wrap: wrap; gap: 4rem; align-items: flex-start; } .tcr-cost-content { flex: 1 1 480px; } .tcr-cost-table-wrap { flex: 1 1 400px; background: #ffffff; border-radius: 12px; overflow: hidden; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.06); border: 1px solid #e2e8f0; } .tcr-cost-table-wrap .tcr-h3 { margin: 0; padding: 1.5rem 2rem; background: #f8fafc; border-bottom: 1px solid #e2e8f0; font-size: 1.3rem; } .tcr-price-table { width: 100%; border-collapse: collapse; text-align: left; } .tcr-price-table thead tr { background: #f1f5f9; } .tcr-price-table th { padding: 1.5rem 2rem; font-family: var(--font-heading); font-size: 1.05rem; color: var(--color-text-dark); border-bottom: 2px solid #cbd5e1; } .tcr-price-table tbody { font-size: 1rem; color: var(--color-text-light); } .tcr-price-table td { padding: 1.5rem 2rem; border-bottom: 1px solid #e2e8f0; } .tcr-price-table td:first-child { color: var(--color-text-dark); font-weight: 600; border-right: 1px solid #e2e8f0; } .tcr-price-table tr:nth-child(even) { background: #f8fafc; } .tcr-price-table tr:last-child td { border-bottom: none; }   .tcr-throughout-section { background-color: var(--color-light-gray); } .tcr-throughout-wrap { display: flex; flex-wrap: wrap; gap: 4rem; align-items: flex-start; } .tcr-throughout-areas { flex: 1 1 500px; } .tcr-areas-multi-col { list-style: none; padding: 0; margin: 1.5rem 0 0 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)); gap: 0.5rem; } .tcr-areas-multi-col li { display: flex; align-items: center; gap: 0.5rem; font-size: 1rem; color: var(--color-text-light); } .tcr-areas-multi-col img { width: 14px; height: 14px; filter: invert(34%) sepia(59%) saturate(541%) hue-rotate(81deg) brightness(97%) contrast(93%); } .tcr-throughout-cta { flex: 1 1 320px; background: var(--color-forest-green); color: #ffffff; padding: 3rem; border-radius: 12px; box-shadow: 0 20px 40px rgba(43, 90, 48, 0.2); } .tcr-throughout-cta .tcr-h3 { color: #ffffff; } .tcr-throughout-cta .tcr-text { color: rgba(255, 255, 255, 0.9); }   .tcr-investment-section { background-color: #ffffff; } .tcr-investment-wrap { display: flex; flex-wrap: wrap; gap: 4rem; align-items: flex-start; } .tcr-investment-left { flex: 1 1 500px; } .tcr-near-me-right { flex: 1 1 360px; background: var(--color-light-gray); padding: 3rem; border-radius: 12px; border-top: 4px solid var(--color-forest-green); box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05); }   @media (max-width: 768px) { .tcr-mid-cta-wrap, .tcr-cost-wrap, .tcr-throughout-wrap, .tcr-investment-wrap { gap: 2rem; } .tcr-mid-cta-content, .tcr-mid-cta-box, .tcr-cost-content, .tcr-cost-table-wrap, .tcr-throughout-areas, .tcr-throughout-cta, .tcr-investment-left, .tcr-near-me-right { flex: 1 1 100%; } .tcr-mid-cta-box, .tcr-throughout-cta, .tcr-near-me-right { padding: 2rem; } } @media (max-width: 480px) { .tcr-areas-multi-col { grid-template-columns: 1fr 1fr; } }     .as-eyebrow { display: inline-flex; align-items: center; color: #1e4726 !important; font-family: var(--font-heading); font-weight: var(--font-weight-bold); font-size: 0.9rem; text-transform: uppercase; letter-spacing: 0.15em; margin-bottom: 0.75rem; } .as-eyebrow::before { content: ''; display: inline-block; width: 2rem; height: 2px; background-color: var(--color-warm-gold); margin-right: 0.75rem; flex-shrink: 0; } .as-section-header .as-eyebrow, .text-center .as-eyebrow { justify-content: center; } .as-h2 { font-size: 2.5rem; font-family: var(--font-heading); color: var(--color-text-dark); margin-bottom: 1.5rem; } .as-h3 { font-size: 1.8rem; font-family: var(--font-heading); color: var(--color-text-dark); margin-bottom: 1rem; } .as-h4 { font-size: 1.25rem; font-family: var(--font-heading); color: var(--color-text-dark); margin-bottom: 0.6rem; } .as-text { font-size: 1.1rem; line-height: 1.6; color: var(--color-text-light); margin-bottom: 1.25rem; } .as-text-last { margin-bottom: 0; } .as-intro-text { font-size: 1.15rem; line-height: 1.6; color: var(--color-text-light); max-width: 800px; margin: 0 auto; } .as-takeaway { background-color: #FFFFFF !important; color: #201A12 !important; border-left: 5px solid var(--color-forest-green, #315239) !important; box-shadow: 0 6px 20px rgba(191, 54, 12, 0.05) !important; padding: 1.25rem 1.5rem !important; border-radius: 0 12px 12px 0 !important; margin-bottom: 2rem !important; font-size: 1.1rem; line-height: 1.6; } .as-section-header { text-align: center; margin-bottom: 3.5rem; }   .as-intro-section { background-color: #ffffff; } .as-intro-wrap { display: flex; flex-wrap: wrap; gap: 4rem; align-items: center; } .as-intro-content { flex: 1 1 520px; } .as-intro-image-col { flex: 1 1 380px; } .as-intro-img-wrap { border-radius: 12px; overflow: hidden; box-shadow: 0 20px 50px rgba(0, 0, 0, 0.12); } .as-intro-img { width: 100%; height: 400px; object-fit: cover; display: block; }   .as-services-section { background-color: var(--color-light-gray); } .as-services-wrap { display: flex; flex-direction: column; gap: 3rem; } .as-services-left { width: 100%; margin-bottom: 1.5rem; text-align: left; } .as-services-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 2rem; } .as-service-card { background: #ffffff; padding: 2rem; border-radius: 12px; border-top: 3px solid var(--color-forest-green); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.05); display: flex; flex-direction: column; gap: 1.25rem; align-items: flex-start; transition: transform 0.3s ease; } .as-service-card:hover { transform: translateY(-4px); } .as-service-icon { width: 56px; height: 56px; background: var(--color-light-gray); border-radius: 50%; display: flex; align-items: center; justify-content: center; } .as-service-icon img { width: 24px; height: 24px; filter: invert(34%) sepia(59%) saturate(541%) hue-rotate(81deg) brightness(97%) contrast(93%); }   .as-why-section { background-color: #ffffff; } .as-why-wrap { display: flex; justify-content: center; margin-bottom: 4rem; } .as-why-content { width: 100%; text-align: left; } .as-why-content .as-takeaway { text-align: left; } .as-benefits-container { background: var(--color-light-gray); padding: 3rem 2.5rem; border-radius: 16px; box-sizing: border-box; } .as-benefits-title { text-align: center; margin-bottom: 3rem; } .as-benefits-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 2rem; margin-bottom: 3rem; } .as-benefit-card { background: #ffffff; padding: 2rem; border-radius: 12px; border: 1px solid rgba(191, 54, 12, 0.08); box-shadow: 0 6px 22px rgba(191, 54, 12, 0.06); display: flex; flex-direction: column; gap: 0.75rem; align-items: flex-start; transition: transform 0.3s ease, box-shadow 0.3s ease; } .as-benefit-card:hover { transform: translateY(-4px); box-shadow: 0 8px 25px rgba(0, 0, 0, 0.08); } .as-benefit-icon { display: none !important; } .as-benefit-body { flex: 1; width: 100%; } .as-benefits-footer { text-align: center; padding-top: 2rem; border-top: 1px solid #e2e8f0; }   @media (max-width: 768px) { .as-intro-wrap { gap: 2rem; } .as-intro-content, .as-intro-image-col { flex: 1 1 100%; } .as-h2 { font-size: 1.8rem; } .as-h3 { font-size: 1.5rem; } .as-benefits-container { padding: 2rem; } .as-benefits-grid { grid-template-columns: 1fr; } .as-services-grid { grid-template-columns: 1fr; } }   .as-consultation-section { background-color: #ffffff; } .as-consultation-wrap { display: flex; flex-wrap: wrap; gap: 4rem; align-items: flex-start; } .as-consultation-left { flex: 1 1 450px; } .as-consultation-grid { flex: 1 1 500px; display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 2rem; } .as-takeaway-center { width: 100%; margin-bottom: 2rem; text-align: left; } .as-consultation-card { background: var(--color-light-gray); padding: 2rem; border-radius: 12px; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.03); } .as-consultation-icon { width: 48px; height: 48px; background: #ffffff; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-bottom: 1.25rem; } .as-consultation-icon img { width: 24px; height: 24px; filter: invert(34%) sepia(59%) saturate(541%) hue-rotate(81deg) brightness(97%) contrast(93%); }   .as-emergency-section { background-color: var(--color-light-gray); } .as-emergency-wrap { display: flex; justify-content: flex-start; width: 100%; } .as-emergency-content { width: 100%; } .as-emergency-list { display: grid; grid-template-columns: 1fr 1fr; gap: 2rem; margin: 3rem 0; } .as-emergency-item { background: #ffffff; padding: 2rem; border-radius: 12px; border-left: 4px solid var(--color-forest-green); box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05); } .as-emergency-box { background: var(--color-forest-green); color: #ffffff; padding: 3rem; border-radius: 12px; margin-top: 3rem; } .as-emergency-box .as-h3 { color: #ffffff; margin-bottom: 1.5rem; } .as-emergency-box .as-text { color: rgba(255, 255, 255, 0.9); }   @media (max-width: 768px) { .as-consultation-wrap { gap: 2rem; } .as-consultation-left, .as-consultation-grid { flex: 1 1 100%; } .as-emergency-list { grid-template-columns: 1fr; } .as-emergency-box { padding: 2rem; } }   .as-local-section { background-color: #ffffff; } .as-local-wrap { display: flex; flex-wrap: wrap; gap: 4rem; align-items: flex-start; } .as-local-content { flex: 1 1 500px; } .as-local-boxes { flex: 1 1 400px; display: flex; flex-direction: column; gap: 1.5rem; } .as-local-box { background: var(--color-light-gray); padding: 2.5rem; border-radius: 12px; border-left: 4px solid var(--color-forest-green); box-shadow: 0 4px 15px rgba(0, 0, 0, 0.03); } .as-local-box-alt { border-left-color: #0f172a; }   .as-choose-section { background-color: var(--color-light-gray); } .as-choose-intro { max-width: 100%; margin: 0 0 3.5rem 0; text-align: left; } .as-choose-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap: 2rem; } .as-choose-card { background: #ffffff; padding: 2.5rem; border-radius: 12px; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.04); display: flex; flex-direction: column; gap: 1rem; transition: transform 0.3s ease; } .as-choose-card:hover { transform: translateY(-4px); } .as-choose-icon { width: 50px; height: 50px; background: var(--color-light-gray); border-radius: 50%; display: flex; align-items: center; justify-content: center; } .as-choose-icon img { width: 24px; height: 24px; filter: invert(34%) sepia(59%) saturate(541%) hue-rotate(81deg) brightness(97%) contrast(93%); }   @media (max-width: 768px) { .as-local-wrap { gap: 2rem; } .as-local-content, .as-local-boxes { flex: 1 1 100%; } .as-choose-grid { grid-template-columns: 1fr; } }   .as-pricing-section { background-color: #ffffff; } .as-pricing-wrap { display: flex; flex-wrap: wrap; gap: 4rem; align-items: flex-start; margin-bottom: 4rem; } .as-pricing-content { flex: 1 1 450px; } .as-pricing-table-col { flex: 1 1 500px; } .as-table-wrap { background: #ffffff; border-radius: 12px; overflow: hidden; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.06); border: 1px solid #e2e8f0; } .as-price-table { width: 100%; border-collapse: collapse; text-align: left; } .as-price-table thead tr { background: #f1f5f9; } .as-price-table th { padding: 1.5rem 2rem; font-family: var(--font-heading); font-size: 1.05rem; color: var(--color-text-dark); border-bottom: 2px solid #cbd5e1; } .as-price-table tbody { font-size: 1rem; color: var(--color-text-light); } .as-price-table td { padding: 1.5rem 2rem; border-bottom: 1px solid #e2e8f0; } .as-price-table td:first-child { color: var(--color-text-dark); font-weight: 600; border-right: 1px solid #e2e8f0; } .as-price-table tr:nth-child(even) { background: #f8fafc; } .as-price-table tr:last-child td { border-bottom: none; } .as-factors-wrap { background: var(--color-light-gray); padding: 3rem; border-radius: 12px; border-top: 4px solid var(--color-forest-green); } .as-factors-list { list-style: none; padding: 0; margin: 1.5rem 0 2rem 0; display: flex; flex-direction: column; gap: 1rem; } .as-factors-list li { display: flex; align-items: flex-start; gap: 0.75rem; font-size: 1.05rem; color: var(--color-text-dark); line-height: 1.6; } .as-factors-list img { width: 20px; height: 20px; margin-top: 4px; filter: invert(34%) sepia(59%) saturate(541%) hue-rotate(81deg) brightness(97%) contrast(93%); } .as-factors-outro { max-width: 800px; }   .as-areas-section { background-color: var(--color-light-gray); } .as-areas-wrap { display: flex; flex-direction: column; gap: 3.5rem; } .as-areas-content { max-width: 100%; margin: 0; text-align: left; } .as-areas-box { background: #ffffff; padding: 3rem; border-radius: 12px; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.03); } .as-areas-multi-col { list-style: none; padding: 0; margin: 1.5rem 0 0 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(160px, 1fr)); gap: 1rem; } .as-areas-multi-col li { display: flex; align-items: center; gap: 0.5rem; font-size: 1.05rem; color: var(--color-text-dark); font-weight: 500; } .as-areas-multi-col img { width: 16px; height: 16px; filter: invert(34%) sepia(59%) saturate(541%) hue-rotate(81deg) brightness(97%) contrast(93%); } .as-areas-footer { max-width: 100%; margin: 0; text-align: left; }   @media (max-width: 768px) { .as-pricing-wrap { gap: 2rem; } .as-pricing-content, .as-pricing-table-col { flex: 1 1 100%; } .as-price-table th, .as-price-table td { padding: 1rem; } .as-areas-box { padding: 2rem; } }     .sp-main { background-color: #f8fafc;   padding-bottom: 5rem; }   .sp-header { background-color: #ffffff; padding: 4rem 0 3rem 0; border-bottom: 1px solid #e2e8f0; } .sp-header-container { max-width: 900px; margin: 0 auto; } .sp-meta-top { display: flex; align-items: center; gap: 0.75rem; font-size: 0.95rem; color: var(--color-text-light); margin-bottom: 1.5rem; flex-wrap: wrap; } .sp-cat-badge { background-color: var(--color-forest-green); color: #ffffff; padding: 0.25rem 0.75rem; border-radius: 20px; font-weight: 600; font-size: 0.85rem; text-transform: uppercase; } .sp-meta-dot { color: #cbd5e1; } .sp-title { font-size: 3rem; font-family: var(--font-heading); color: var(--color-text-dark); line-height: 1.2; margin-bottom: 1.5rem; } .sp-excerpt { font-size: 1.35rem; color: var(--color-text-light); line-height: 1.6; margin-bottom: 2.5rem; }   .sp-author-bar { display: flex; align-items: center; justify-content: space-between; padding-top: 1.5rem; border-top: 1px solid #e2e8f0; flex-wrap: wrap; gap: 1.5rem; } .sp-author-info { display: flex; align-items: center; gap: 1rem; } .sp-author-avatar { width: 48px; height: 48px; border-radius: 50%; object-fit: cover; } .sp-author-name { font-weight: 600; color: var(--color-text-dark); font-size: 1.05rem; } .sp-follow-btn { background: transparent; border: 1px solid var(--color-forest-green); color: var(--color-forest-green); padding: 0.35rem 1rem; border-radius: 20px; font-weight: 600; font-size: 0.9rem; cursor: pointer; transition: all 0.2s ease; } .sp-follow-btn:hover { background: var(--color-forest-green); color: #ffffff; } .sp-share-top { display: flex; align-items: center; gap: 0.75rem; font-size: 0.95rem; color: var(--color-text-light); } .sp-share-link { width: 32px; height: 32px; display: flex; align-items: center; justify-content: center; background: #f1f5f9; color: var(--color-text-dark); border-radius: 50%; text-decoration: none; font-weight: 600; font-size: 0.85rem; transition: background 0.2s ease; } .sp-share-link:hover { background: #e2e8f0; }   .sp-hero-image { max-width: 1000px; margin: -2rem auto 3rem auto;   position: relative; z-index: 2; border-radius: 12px; overflow: hidden; box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1); } .sp-feat-img { width: 100%; height: auto; display: block; aspect-ratio: 16/9; object-fit: cover; }   .sp-layout-grid { display: grid; grid-template-columns: 1fr 340px; gap: 4rem; align-items: start; max-width: 1200px; margin-bottom: 5rem; }   .sp-article-content { background: #ffffff; padding: 3rem; border-radius: 12px; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.03); }   .sp-mobile-toc { display: none; margin-bottom: 2rem; background: #f8fafc; border: 1px solid #e2e8f0; border-radius: 8px; padding: 1rem; } .sp-mobile-toc summary { font-weight: 600; cursor: pointer; font-size: 1.1rem; color: var(--color-text-dark); } .sp-mobile-toc-content { margin-top: 1rem; }   .sp-rich-text { font-size: 1.15rem; line-height: 1.8; color: var(--color-text-dark); } .sp-rich-text h2 { font-family: var(--font-heading); font-size: 2rem; margin: 2.5rem 0 1.25rem 0; color: var(--color-text-dark); } .sp-rich-text h3 { font-family: var(--font-heading); font-size: 1.5rem; margin: 2rem 0 1rem 0; } .sp-rich-text p { margin-bottom: 1.5rem; } .sp-rich-text a { color: var(--color-forest-green); text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 3px; } .sp-rich-text ul, .sp-rich-text ol { margin: 0 0 1.5rem 1.5rem; padding: 0; } .sp-rich-text li { margin-bottom: 0.5rem; } .sp-rich-text img { max-width: 100%; height: auto; border-radius: 8px; margin: 2rem 0; } .sp-rich-text blockquote { border-left: 4px solid var(--color-forest-green); margin: 2rem 0; padding: 1rem 2rem; background: #f8fafc; font-size: 1.25rem; font-style: italic; color: var(--color-text-light); border-radius: 0 8px 8px 0; } .sp-rich-text pre { background: #0f172a; color: #e2e8f0; padding: 1.5rem; border-radius: 8px; overflow-x: auto; font-family: monospace; font-size: 1rem; margin: 2rem 0; } .sp-rich-text code { background: #f1f5f9; color: #ef4444; padding: 0.2rem 0.4rem; border-radius: 4px; font-family: monospace; font-size: 0.95em; } .sp-rich-text pre code { background: transparent; color: inherit; padding: 0; }   .sp-article-footer { margin-top: 4rem; padding-top: 2rem; border-top: 1px solid #e2e8f0; } .sp-tags { display: flex; flex-wrap: wrap; gap: 0.75rem; margin-bottom: 2rem; } .sp-tag-pill { background: #f1f5f9; color: var(--color-text-dark); padding: 0.4rem 1rem; border-radius: 20px; text-decoration: none; font-size: 0.9rem; font-weight: 500; transition: background 0.2s; } .sp-tag-pill:hover { background: #e2e8f0; } .sp-feedback-bar { display: flex; align-items: center; justify-content: space-between; background: #f8fafc; padding: 1.5rem; border-radius: 8px; flex-wrap: wrap; gap: 1.5rem; } .sp-feedback-prompt { display: flex; align-items: center; gap: 1rem; font-weight: 500; color: var(--color-text-dark); } .sp-feedback-btn { background: #ffffff; border: 1px solid #e2e8f0; padding: 0.4rem 1rem; border-radius: 20px; cursor: pointer; font-weight: 600; transition: all 0.2s; } .sp-feedback-btn:hover { border-color: #cbd5e1; background: #f1f5f9; } .sp-share-btn { background: var(--color-forest-green); color: #ffffff; border: none; padding: 0.6rem 1.5rem; border-radius: 25px; font-weight: 600; cursor: pointer; transition: background 0.2s; }   .sp-sticky-sidebar { position: sticky; top: 2rem; display: flex; flex-direction: column; gap: 2rem; } .sp-widget { background: #ffffff; padding: 2rem; border-radius: 12px; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.03); } .sp-widget-title { font-size: 1.25rem; font-family: var(--font-heading); margin-bottom: 1.5rem; padding-bottom: 1rem; border-bottom: 1px solid #e2e8f0; color: var(--color-text-dark); }   .sp-author-card { text-align: center; } .sp-card-avatar { width: 80px; height: 80px; border-radius: 50%; object-fit: cover; margin: 0 auto 1rem auto; display: block; } .sp-card-name { font-size: 1.25rem; margin-top: 0; margin-bottom: 0.5rem; color: var(--color-text-dark); } .sp-card-bio { font-size: 0.95rem; color: var(--color-text-light); line-height: 1.5; margin-bottom: 1.5rem; } .sp-card-socials { display: flex; justify-content: center; gap: 1rem; } .sp-card-socials a { font-size: 0.9rem; font-weight: 600; color: var(--color-forest-green); text-decoration: none; }   .sp-toc-list { list-style: none; padding: 0; margin: 0; } .sp-toc-list li { margin-bottom: 0.75rem; } .sp-toc-list a { color: var(--color-text-light); text-decoration: none; font-size: 0.95rem; transition: color 0.2s; line-height: 1.4; display: block; } .sp-toc-list a:hover { color: var(--color-forest-green); } .sp-toc-h2 { font-weight: 500; } .sp-toc-h3 { padding-left: 1rem; font-size: 0.9rem; }   .sp-widget-desc { font-size: 0.95rem; color: var(--color-text-light); margin-bottom: 1rem; line-height: 1.5; } .sp-newsletter-form { display: flex; flex-direction: column; gap: 0.75rem; } .sp-newsletter-form input { padding: 0.75rem 1rem; border: 1px solid #cbd5e1; border-radius: 6px; font-size: 0.95rem; outline: none; } .sp-newsletter-form input:focus { border-color: var(--color-forest-green); } .sp-newsletter-form button { background: var(--color-forest-green); color: white; border: none; padding: 0.75rem; border-radius: 6px; font-weight: 600; cursor: pointer; }   .sp-trending-list { display: flex; flex-direction: column; gap: 1.25rem; } .sp-trending-item { display: flex; gap: 1rem; align-items: center; text-decoration: none; } .sp-trending-item:hover .sp-trending-title { color: var(--color-forest-green); } .sp-trending-img { width: 70px; height: 70px; flex-shrink: 0; border-radius: 8px; overflow: hidden; } .sp-trending-img img { width: 100%; height: 100%; object-fit: cover; } .sp-placeholder-img { width: 100%; height: 100%; background: #e2e8f0; } .sp-trending-title { font-size: 0.95rem; color: var(--color-text-dark); margin: 0 0 0.25rem 0; line-height: 1.4; transition: color 0.2s; } .sp-trending-date { font-size: 0.8rem; color: #94a3b8; }   .sp-related-section { background: #ffffff; padding: 5rem 0; margin-top: 0 !important; border-top: 1px solid #e2e8f0; } .sp-related-heading { font-size: 2rem; font-family: var(--font-heading); text-align: center; margin-bottom: 3rem; color: var(--color-text-dark); } .sp-related-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 2rem; } .sp-related-card { background: #f8fafc; border-radius: 12px; overflow: hidden; transition: transform 0.3s ease; border: 1px solid #e2e8f0; } .sp-related-card:hover { transform: translateY(-5px); box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05); } .sp-rc-img-link { display: block; height: 200px; } .sp-rc-img { width: 100%; height: 100%; object-fit: cover; } .sp-rc-body { padding: 1.5rem; } .sp-rc-cat { color: var(--color-forest-green); font-size: 0.8rem; text-transform: uppercase; font-weight: 700; letter-spacing: 1px; margin-bottom: 0.5rem; display: block; } .sp-rc-title { font-size: 1.25rem; font-family: var(--font-heading); margin: 0 0 1rem 0; line-height: 1.4; } .sp-rc-title a { color: var(--color-text-dark); text-decoration: none; } .sp-rc-title a:hover { color: var(--color-forest-green); } .sp-rc-meta { display: flex; gap: 0.5rem; font-size: 0.85rem; color: #94a3b8; }   .sp-comments-section { background: #f8fafc; padding: 5rem 0 6rem 0; border-top: 1px solid #e2e8f0; } .sp-comments-wrap { max-width: 800px; margin: 0 auto; } .sp-comments-title { font-size: 1.8rem; font-family: var(--font-heading); margin-bottom: 2rem; color: var(--color-text-dark); } .sp-comment-form-box { display: flex; gap: 1.5rem; margin-bottom: 3rem; background: #ffffff; padding: 2rem; border-radius: 16px; border: 1px solid #e2e8f0; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.03); } .sp-comment-user-avatar { width: 52px; height: 52px; border-radius: 50%; object-fit: cover; flex-shrink: 0; background: #e2e8f0; } .sp-comment-form { flex: 1; display: flex; flex-direction: column; gap: 1rem; } .sp-comment-form textarea { width: 100%; padding: 1.15rem 1.25rem; border: 1px solid #cbd5e1; border-radius: 10px; font-family: inherit; font-size: 1rem; color: #1e293b; background: #ffffff; resize: vertical; outline: none; min-height: 90px; transition: border-color 0.2s, box-shadow 0.2s; box-sizing: border-box; } .sp-comment-form textarea:focus { border-color: #1e4726; box-shadow: 0 0 0 3px rgba(30, 71, 38, 0.12); } .sp-comment-guest-fields { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; } .sp-comment-guest-fields input { width: 100%; padding: 0.85rem 1rem; border: 1px solid #cbd5e1; border-radius: 8px; font-size: 0.95rem; font-family: inherit; color: #1e293b; outline: none; transition: border-color 0.2s; box-sizing: border-box; } .sp-comment-guest-fields input:focus { border-color: #1e4726; } .sp-logged-in-as { font-size: 0.9rem; color: #64748b; margin: 0; } .sp-logged-in-as a { color: #1e4726; text-decoration: underline; } .sp-comment-actions { display: flex; justify-content: flex-end; } .sp-btn-primary { background: #1e4726; color: #ffffff; border: none; padding: 0.85rem 1.85rem; border-radius: 8px; font-weight: 700; font-size: 0.95rem; cursor: pointer; transition: background 0.2s, transform 0.1s; } .sp-btn-primary:hover { background: #16361c; } .sp-btn-primary:active { transform: scale(0.98); } .sp-comments-closed { color: #64748b; font-style: italic; background: #ffffff; padding: 1.5rem; border-radius: 10px; border: 1px solid #e2e8f0; } .sp-comment-thread { display: flex; flex-direction: column; gap: 1.5rem; } .sp-comment-item { display: flex; gap: 1.25rem; align-items: flex-start; } .sp-comment-avatar { width: 44px; height: 44px; border-radius: 50%; object-fit: cover; flex-shrink: 0; background: #e2e8f0; } .sp-comment-content { flex: 1; background: #ffffff; padding: 1.5rem 1.75rem; border-radius: 14px; border: 1px solid #e2e8f0; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02); } .sp-comment-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 0.65rem; } .sp-comment-author { font-weight: 700; color: #0f172a; font-size: 1.05rem; } .sp-comment-date { font-size: 0.85rem; color: #94a3b8; } .sp-comment-text { font-size: 1rem; color: #334155; line-height: 1.65; margin-bottom: 0.85rem; } .sp-comment-text p { margin: 0 0 0.5rem 0; } .sp-comment-text p:last-child { margin-bottom: 0; } .sp-comment-footer { display: flex; gap: 1.25rem; align-items: center; } .sp-reply-btn { background: none; border: none; color: #64748b; font-size: 0.9rem; font-weight: 600; cursor: pointer; padding: 0; transition: color 0.2s; } .sp-reply-btn:hover { color: #1e4726; }   @media (max-width: 992px) { .sp-layout-grid { grid-template-columns: 1fr; margin-bottom: 4rem !important; } .sp-sidebar { margin-top: 3rem; margin-bottom: 2rem; } .sp-toc-widget { display: none;   } .sp-mobile-toc { display: block;   } .sp-hero-image { margin-top: 2rem; } .sp-title { font-size: 2.2rem; } .sp-excerpt { font-size: 1.15rem; } .sp-article-content { padding: 2rem; } } @media (max-width: 600px) { .sp-header { padding: 3rem 0 2rem 0; } .sp-author-bar { flex-direction: column; align-items: flex-start; } .sp-feedback-bar { flex-direction: column; align-items: stretch; text-align: center; } .sp-comment-form-box { flex-direction: column; padding: 1.25rem; } .sp-comment-guest-fields { grid-template-columns: 1fr; } .sp-comment-item { gap: 0.75rem; } .sp-comment-content { padding: 1.25rem; } }   .how-it-works-section { background-color: var(--color-light-gray); padding: 6rem 0; } .hiw-header { text-align: center; max-width: 800px; margin: 0 auto 4rem; } .hiw-header .global-subtitle { justify-content: center; margin-bottom: 1rem; } .hiw-title { font-family: var(--font-heading); font-size: 2.5rem; color: var(--color-brand-purple); font-weight: 700; margin-bottom: 1.5rem; } .hiw-takeaway { background-color: rgba(135, 169, 107, 0.1); border-left: 4px solid var(--color-forest-green); padding: var(--global-padding-x, 20px); border-radius: 0 8px 8px 0; margin-bottom: 1.5rem; font-size: 1.1rem; color: var(--color-brand-purple); line-height: 1.6; text-align: left; display: inline-block; } .hiw-description { font-size: 1.05rem; line-height: 1.7; color: var(--color-text-gray); } .hiw-steps-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 2rem; max-width: 1200px; margin: 0 auto; } .hiw-step-card { background: #ffffff; padding: 2.5rem; border-radius: 12px; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05); position: relative; overflow: hidden; border-top: 4px solid var(--color-brand-purple); transition: transform 0.3s ease; }   .hiw-step-card::before { content: attr(data-step); position: absolute; bottom: -15px; right: 10px; font-size: 8rem; font-weight: 800; font-family: var(--font-heading); color: rgba(191, 54, 12, 0.07); line-height: 1; pointer-events: none; user-select: none; z-index: 0; }   .hiw-step-card>* { position: relative; z-index: 1; } .hiw-step-card:hover { transform: translateY(-5px); } .hiw-step-number { font-size: 4rem; font-family: var(--font-heading); font-weight: 800; color: rgba(191, 54, 12, 0.08);   position: absolute; top: 1rem; right: 1.5rem; line-height: 1; } .hiw-step-title { font-family: var(--font-heading); font-size: 1.35rem; color: var(--color-brand-purple); font-weight: 700; margin-bottom: 1rem; line-height: 1.3; position: relative; z-index: 1; } .hiw-step-desc { font-size: 1rem; color: var(--color-text-gray); line-height: 1.6; position: relative; z-index: 1; } @media (max-width: 768px) { .hiw-steps-grid { grid-template-columns: 1fr; } }   .faq-question, .faq-item[open] .faq-question { color: var(--color-brand-purple) !important; } .blog-card-content .blog-meta span, .sp-rc-meta span { color: #475569 !important; } .global-subtitle { color: var(--color-forest-green, #1e4726) !important; } .site-footer a[style*="color: var(--color-warm-gold)"] { color: #ffffff !important; }   @media (max-width: 992px) { .hero-subtext { min-height: 6rem; } .trust-signals { min-height: 8rem; } } @media (max-width: 768px) { .hero-subtext { min-height: 8rem; } .trust-signals { min-height: 10rem; } }   .hero-section { padding-left: 0 !important; padding-right: 0 !important; }   .hero-image-wrapper { aspect-ratio: 1000 / 746; contain: layout; } .hero-image { width: 100%; height: auto; display: block; }   .emergency-section .emergency-header .global-subtitle { color: var(--color-forest-green, #1e4726) !important; }     .trust-signals { display: flex; flex-wrap: wrap; gap: 0.75rem; margin-bottom: 2.5rem; align-items: center; min-height: 46px;   contain: layout style; } .trust-signals>* { flex-shrink: 0; }   @media (max-width: 992px) { .trust-signals { justify-content: center; min-height: 112px;   } }   @media (max-width: 767px) { .trust-signals { display: grid; grid-template-columns: repeat(2, 1fr); gap: 0.5rem; min-height: 168px;   justify-content: unset; align-items: center; }   .trust-signals .trust-item:last-child:nth-child(odd) { grid-column: 1 / -1; justify-self: stretch; justify-content: flex-start; text-align: left; } }   .hero-subtext { line-height: 1.6; min-height: 56px;   } @media (max-width: 992px) { .hero-subtext { min-height: 84px;   } } @media (max-width: 767px) { .hero-subtext { min-height: 112px;   } }   body.admin-bar .site-header { top: 32px; } @media screen and (max-width: 782px) { body.admin-bar .site-header { top: 46px;   } }     body.admin-bar header.site-header { top: 32px; }   body::before { content: ''; display: block; height: 0; background: var(--color-brand-purple); }   html { background-color: var(--color-brand-purple); }   .blog-featured-section { padding: 60px 0; } .featured-post-card { display: flex; flex-direction: row; gap: 30px; align-items: center; background: rgba(255, 255, 255, 0.05); border: 1px solid rgba(255, 255, 255, 0.1); border-radius: var(--border-radius-lg); padding: 30px; margin-top: 30px; } .featured-image { flex: 1; border-radius: var(--border-radius-md); overflow: hidden; } .featured-image img { width: 100%; height: auto; display: block; object-fit: cover; transition: transform 0.3s ease; } .featured-image:hover img { transform: scale(1.05); } .featured-content { flex: 1; display: flex; flex-direction: column; align-items: flex-start; } .featured-title { font-size: 2rem; margin: 15px 0; } .featured-title a { color: var(--color-white); text-decoration: none; } .featured-title a:hover { color: var(--color-brand-green); } .featured-excerpt { color: var(--color-text-gray); margin-bottom: 20px; } .blog-categories-section { padding: 40px 0; text-align: center; } .categories-grid { display: flex; flex-wrap: wrap; justify-content: center; gap: 15px; margin-top: 30px; } .category-pill { padding: 10px 25px; background: rgba(0, 0, 0, 0.05); border: 1px solid rgba(0, 0, 0, 0.1); border-radius: 50px; color: #000; text-decoration: none; font-weight: 500; transition: all 0.3s ease; } .category-pill:hover { background: var(--color-brand-green); border-color: var(--color-brand-green); color: var(--color-brand-dark); } .blog-all-articles-section { padding: 40px 0 80px; } .blog-cta-section { padding: 80px 0; } .blog-cta-box { text-align: center; padding: 60px; border-radius: var(--border-radius-lg); } .blog-cta-box h2 { font-size: 2.5rem; color: var(--color-white); margin-bottom: 20px; } .cta-lead { font-size: 1.1rem; font-weight: 600; color: var(--color-warm-gold); margin-bottom: 20px; } .blog-cta-box p { color: var(--color-text-gray); margin-bottom: 15px; max-width: 800px; margin-left: auto; margin-right: auto; } .cta-actions { display: flex; justify-content: center; align-items: center; gap: 20px; margin-top: 40px; flex-wrap: wrap; } .cta-btn-phone, .cta-btn-quote { display: flex; align-items: center; gap: 10px; padding: 15px 30px; } .cta-divider { color: rgba(255, 255, 255, 0.3); font-size: 1.5rem; } @media (max-width: 991px) { .featured-post-card { flex-direction: column; } }   .modern-blog-card { background: #ffffff; border-radius: 12px; overflow: hidden; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05); display: flex; flex-direction: column; margin-bottom: 30px; transition: transform 0.3s ease, box-shadow 0.3s ease; } .modern-blog-card-featured { display: grid; grid-template-columns: 1.2fr 1fr; margin-top: 2rem; margin-bottom: 3.5rem; width: 100%; } .modern-blog-card-featured .modern-card-image-wrap { height: 100%; min-height: 350px; } @media (max-width: 850px) { .modern-blog-card-featured { grid-template-columns: 1fr; } .modern-blog-card-featured .modern-card-image-wrap { height: 250px; min-height: auto; } } .modern-blog-card:hover { transform: translateY(-5px); box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1); } .modern-card-image-wrap { position: relative; width: 100%; height: 220px; } .modern-card-image-wrap img, .modern-fallback-img { width: 100%; height: 100%; object-fit: cover; display: block; } .modern-cat-pill { position: absolute; top: 15px; left: 15px; background: #ffb703; color: #000; font-weight: 700; font-size: 11px; padding: 6px 15px; border-radius: 20px; z-index: 2; letter-spacing: 1px; } .modern-card-content { padding: 30px; display: flex; flex-direction: column; flex-grow: 1; } .modern-post-meta { display: flex; align-items: center; gap: 8px; color: #4b5563; font-size: 14px; margin-bottom: 20px; } .modern-post-title { font-size: 22px; font-weight: 700; line-height: 1.3; margin-bottom: 15px; } .modern-post-title a { color: #8A3A0A; text-decoration: none; transition: color 0.2s; } .modern-post-title a:hover { color: #ffb703; } .modern-post-excerpt { color: #4b5563; line-height: 1.6; margin-bottom: 25px; font-size: 15px; flex-grow: 1; } .btn-read-article { display: inline-block; background: linear-gradient(180deg, #ffc933 0%, #f59500 100%); color: #ffffff; font-weight: 800; text-transform: uppercase; letter-spacing: 1.5px; padding: 14px 20px; border-radius: 30px; text-align: center; text-decoration: none; box-shadow: 0 6px 15px rgba(245, 149, 0, 0.4); transition: transform 0.2s, box-shadow 0.2s; width: 90%; margin: 0 auto; } .btn-read-article:hover { transform: translateY(-2px); box-shadow: 0 8px 20px rgba(245, 149, 0, 0.6); color: #fff; }   .modern-pagination { display: flex; justify-content: center; align-items: center; gap: 10px; margin-top: 40px; width: 100%; } .modern-pagination a, .modern-pagination span { display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; background: #ffffff; color: #4b5563; border-radius: 50%; font-weight: 700; text-decoration: none; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05); transition: all 0.2s ease; } .modern-pagination a.next, .modern-pagination a.prev { width: auto; padding: 0 20px; border-radius: 30px; } .modern-pagination a:hover { background: #ffb703; color: #000; transform: translateY(-2px); box-shadow: 0 6px 15px rgba(255, 183, 3, 0.4); } .modern-pagination span.current { background: #8A3A0A; color: #ffffff; box-shadow: 0 6px 15px rgba(138, 58, 10, 0.4); }   .sp-rc-content-section { padding: 4rem 0 5rem 0; background-color: var(--color-white); font-family: var(--font-body); } .sp-rc-container { max-width: 1200px !important; margin: 0 auto !important; padding-left: var(--global-padding-x, 20px) !important; padding-right: var(--global-padding-x, 20px) !important; box-sizing: border-box !important; } .sp-rc-text-content { max-width: 900px; margin: 0 auto 3rem auto; text-align: center; } .sp-rc-section-heading { font-family: var(--font-heading); font-size: 2.2rem; color: var(--color-brand-purple); font-weight: 700; margin-bottom: 1.5rem; } .sp-rc-text-content p { font-size: 1.15rem; line-height: 1.8; color: var(--color-text-gray); margin-bottom: 1.25rem; }   .sp-rc-content-section .sub-service-trust-signals { list-style: none; padding: 1.5rem 2rem; margin: 2.5rem auto 4rem auto; display: flex; flex-wrap: wrap; justify-content: center; gap: 1.5rem 2.5rem; background-color: var(--color-soft-lilac); border-radius: 16px; border: 1px solid rgba(191, 54, 12, 0.1); box-shadow: 0 4px 15px rgba(191, 54, 12, 0.05); } .sp-rc-content-section .sub-service-trust-signals li { display: flex; align-items: center; gap: 0.75rem; color: var(--color-brand-purple) !important; font-weight: 700; font-size: 1.05rem; } .sp-rc-content-section .sub-service-trust-signals .check-icon { width: 22px; height: 22px; display: flex; align-items: center; justify-content: center; } .sp-rc-content-section .sub-service-trust-signals .check-icon svg { width: 22px; height: 22px; fill: var(--color-brand-green); stroke: var(--color-brand-green); }   .sp-rc-features-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 2rem; margin-top: 3rem; } .sp-rc-feature-card { background: var(--color-white); border-radius: 12px; padding: 2.5rem 1.75rem; text-align: center; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.06); border: 1px solid rgba(0, 0, 0, 0.05); border-top: 4px solid var(--color-brand-green); transition: transform 0.3s ease, box-shadow 0.3s ease; display: flex; flex-direction: column; align-items: center; } .sp-rc-feature-card:hover { transform: translateY(-8px); box-shadow: 0 16px 40px rgba(191, 54, 12, 0.12); } .sp-rc-feature-icon { width: 64px; height: 64px; border-radius: 50%; background-color: var(--color-soft-lilac); display: flex; align-items: center; justify-content: center; margin-bottom: 1.5rem; color: var(--color-brand-purple); } .sp-rc-feature-icon svg { width: 32px; height: 32px; fill: currentColor; stroke: currentColor; } .sp-rc-feature-card h3 { font-family: var(--font-heading); font-size: 1.25rem; font-weight: 700; color: var(--color-brand-purple); margin-bottom: 1rem; } .sp-rc-feature-card p { font-size: 0.95rem; line-height: 1.6; color: var(--color-text-gray); margin: 0; }   .sp-rc-cta-section { background: linear-gradient(135deg, var(--color-brand-purple) 0%, #662400 100%); padding: 5rem 0; color: var(--color-white); text-align: center; } .sp-rc-cta-section .sp-rc-title { font-family: var(--font-heading); font-size: 2.5rem; font-weight: 700; color: var(--color-white); margin-bottom: 1.25rem; } .sp-rc-cta-section p { color: rgba(255, 255, 255, 0.9); font-size: 1.15rem; max-width: 700px; margin: 0 auto 2.5rem auto; line-height: 1.7; } @media (max-width: 1024px) { .sp-rc-features-grid { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 640px) { .sp-rc-features-grid { grid-template-columns: 1fr; } .sp-rc-section-heading { font-size: 1.75rem; } .sp-rc-cta-section .sp-rc-title { font-size: 1.85rem; } .sp-rc-content-section .sub-service-trust-signals { flex-direction: column; align-items: flex-start; } }   .tt-container { max-width: 1200px !important; margin: 0 auto !important; padding-left: var(--global-padding-x, 20px) !important; padding-right: var(--global-padding-x, 20px) !important; box-sizing: border-box !important; } .tt-section { padding: 5rem 0; background-color: var(--color-white); font-family: var(--font-body); } .tt-section-alt { padding: 5rem 0; background-color: var(--color-soft-lilac); font-family: var(--font-body); } .tt-section-gray { padding: 5rem 0; background-color: var(--color-light-gray, #f9f9fb); font-family: var(--font-body); } .tt-intro-box { background-color: var(--color-soft-lilac); border-left: 5px solid var(--color-warm-gold); border-radius: 12px; padding: 2.5rem; box-shadow: 0 8px 25px rgba(0, 0, 0, 0.03); } .tt-benefits-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap: 2rem; margin-top: 3rem; } .tt-benefit-card { background: var(--color-white); border-radius: 14px; padding: 2.25rem 1.75rem; box-shadow: 0 6px 20px rgba(0, 0, 0, 0.04); border-top: 4px solid var(--color-brand-purple); border-left: 1px solid rgba(0, 0, 0, 0.04); border-right: 1px solid rgba(0, 0, 0, 0.04); border-bottom: 1px solid rgba(0, 0, 0, 0.04); transition: transform 0.3s ease, box-shadow 0.3s ease; display: flex; flex-direction: column; } .tt-benefit-card:hover { transform: translateY(-5px); box-shadow: 0 12px 30px rgba(191, 54, 12, 0.09); border-top-color: var(--color-warm-gold); } .tt-card-icon { width: 60px; height: 60px; border-radius: 50%; background-color: var(--color-soft-lilac); display: flex; align-items: center; justify-content: center; margin-bottom: 1.5rem; color: var(--color-brand-purple); } .tt-card-icon svg { width: 30px; height: 30px; } .tt-benefit-card h3 { font-family: var(--font-heading); font-size: 1.25rem; color: var(--color-brand-purple); margin-bottom: 0.85rem; font-weight: 700; } .tt-benefit-card p { font-size: 1rem; line-height: 1.65; color: var(--color-text-gray); margin: 0; } .tt-process-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 2rem; margin-top: 3rem; } .tt-process-card { background: var(--color-white); border-radius: 14px; padding: 2.25rem 1.75rem; box-shadow: 0 6px 20px rgba(0, 0, 0, 0.04); border-left: 4px solid var(--color-warm-gold); transition: transform 0.3s ease, box-shadow 0.3s ease; } .tt-process-card:hover { transform: translateY(-5px); box-shadow: 0 12px 30px rgba(0, 0, 0, 0.08); } .tt-types-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap: 2rem; margin-top: 3rem; } .tt-type-card { background: var(--color-white); border-radius: 14px; padding: 2.25rem 1.75rem; box-shadow: 0 6px 20px rgba(0, 0, 0, 0.04); border-top: 4px solid var(--color-forest-green); transition: transform 0.3s ease, box-shadow 0.3s ease; } .tt-type-card:hover { transform: translateY(-5px); box-shadow: 0 12px 30px rgba(0, 0, 0, 0.08); } .tt-seasons-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 2rem; margin-top: 3rem; } .tt-season-card { background: var(--color-white); border-radius: 14px; padding: 2.25rem 1.75rem; box-shadow: 0 6px 20px rgba(0, 0, 0, 0.04); border-top: 4px solid var(--color-brand-purple); transition: transform 0.3s ease; } .tt-season-card:hover { transform: translateY(-5px); } .tt-communities-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 2rem; margin-top: 3rem; } .tt-community-card { background: #fdfdfd; border: 1px solid rgba(0, 0, 0, 0.05); border-radius: 12px; padding: 2rem 1.5rem; text-align: center; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.03); transition: transform 0.3s ease; } .tt-community-card:hover { transform: translateY(-5px); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08); } .tt-trust-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 2rem; margin-top: 3rem; } .tt-trust-card { background: var(--color-white); padding: 2.5rem 2rem; border-radius: 12px; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.03); text-align: center; transition: transform 0.3s ease; } .tt-trust-card:hover { transform: translateY(-5px); } @media (max-width: 1024px) { .tt-communities-grid { grid-template-columns: repeat(2, 1fr); } .tt-trust-grid { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 640px) { .tt-communities-grid { grid-template-columns: 1fr; } .tt-trust-grid { grid-template-columns: 1fr; } .tt-benefits-grid, .tt-types-grid, .tt-seasons-grid, .tt-process-grid { grid-template-columns: 1fr; } }   .tp-container { max-width: 1200px !important; margin: 0 auto !important; padding-left: var(--global-padding-x, 20px) !important; padding-right: var(--global-padding-x, 20px) !important; box-sizing: border-box !important; } .tp-section { padding: 5rem 0; background-color: var(--color-white); font-family: var(--font-body); } .tp-section-alt { padding: 5rem 0; background-color: var(--color-soft-lilac); font-family: var(--font-body); } .tp-intro-box, .sr-intro-box, .tcr-intro-box { background-color: var(--color-soft-lilac); border-left: 5px solid var(--color-warm-gold); border-radius: 12px; padding: 2.5rem; box-shadow: 0 8px 25px rgba(0, 0, 0, 0.03); } @media (max-width: 768px) { .sr-intro-box, .tcr-intro-box { padding: 1.75rem 1.25rem; } } .tp-benefits-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap: 2rem; margin-top: 3rem; } .tp-benefit-card { background: var(--color-white); border-radius: 14px; padding: 2.25rem 1.75rem; box-shadow: 0 6px 20px rgba(0, 0, 0, 0.04); border-top: 4px solid var(--color-brand-purple); border-left: 1px solid rgba(0, 0, 0, 0.04); border-right: 1px solid rgba(0, 0, 0, 0.04); border-bottom: 1px solid rgba(0, 0, 0, 0.04); transition: transform 0.3s ease, box-shadow 0.3s ease; display: flex; flex-direction: column; } .tp-benefit-card:hover { transform: translateY(-5px); box-shadow: 0 12px 30px rgba(191, 54, 12, 0.09); border-top-color: var(--color-warm-gold); } .tp-card-icon { width: 60px; height: 60px; border-radius: 50%; background-color: var(--color-soft-lilac); display: flex; align-items: center; justify-content: center; margin-bottom: 1.5rem; color: var(--color-brand-purple); } .tp-card-icon svg { width: 30px; height: 30px; } .tp-benefit-card h3 { font-family: var(--font-heading); font-size: 1.25rem; color: var(--color-brand-purple); margin-bottom: 0.85rem; font-weight: 700; } .tp-benefit-card p { font-size: 1rem; line-height: 1.65; color: var(--color-text-gray); margin: 0; } .tp-process-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap: 2rem; margin-top: 3rem; } .tp-process-card { background: var(--color-white); border-radius: 14px; padding: 2.25rem 1.75rem; box-shadow: 0 6px 20px rgba(0, 0, 0, 0.04); border-left: 4px solid var(--color-warm-gold); transition: transform 0.3s ease, box-shadow 0.3s ease; } .tp-process-card:hover { transform: translateY(-5px); box-shadow: 0 12px 30px rgba(0, 0, 0, 0.08); } .tp-types-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap: 2rem; margin-top: 3rem; } .tp-type-card { background: var(--color-white); border-radius: 14px; padding: 2.25rem 1.75rem; box-shadow: 0 6px 20px rgba(0, 0, 0, 0.04); border-top: 4px solid var(--color-forest-green); transition: transform 0.3s ease, box-shadow 0.3s ease; } .tp-type-card:hover { transform: translateY(-5px); box-shadow: 0 12px 30px rgba(0, 0, 0, 0.08); } .tp-seasons-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 2rem; margin-top: 3rem; } .tp-season-card { background: var(--color-white); border-radius: 14px; padding: 2.25rem 1.75rem; box-shadow: 0 6px 20px rgba(0, 0, 0, 0.04); border-top: 4px solid var(--color-brand-purple); transition: transform 0.3s ease; } .tp-season-card:hover { transform: translateY(-5px); } .tp-communities-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 2rem; margin-top: 3rem; } .tp-community-card { background: #fdfdfd; border: 1px solid rgba(0, 0, 0, 0.05); border-radius: 12px; padding: 2rem 1.5rem; text-align: center; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.03); transition: transform 0.3s ease; } .tp-community-card:hover { transform: translateY(-5px); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08); } .tp-trust-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 2rem; margin-top: 3rem; } .tp-trust-card { background: var(--color-white); padding: 2.5rem 2rem; border-radius: 12px; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.03); text-align: center; transition: transform 0.3s ease; } .tp-trust-card:hover { transform: translateY(-5px); } @media (max-width: 1024px) { .tp-communities-grid { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 640px) { .tp-communities-grid { grid-template-columns: 1fr; } .tp-benefits-grid, .tp-types-grid, .tp-seasons-grid, .tp-process-grid, .tp-trust-grid { grid-template-columns: 1fr; } }   section, .site-main>section, section[class*="-section"] { padding-left: 0 !important; padding-right: 0 !important; } .container, .hero-container, .mm-about-container, .about-container, .why-choose-us-container, .why-choose-container, .gallery-container, .pricing-container, .sa-container, .faqs-container, .faq-container, .latest-blogs-container, .contact-container, .how-it-works-container, .warning-signs-container, .services-wrapper, .emergency-intro-container, .emergency-cta-container, .emergency-when-to-call-container, .emergency-content-grid, .emergency-how-it-works-container, .emergency-whats-included-container, .common-emergencies-container, .nearby-response-container, .emergency-cost-container, .communities-container, .final-cta-container, .lc-intro-container, .sp-rc-container, .page-content-wrapper, .header-container, .sub-service-content, .tt-container, .tr-container, .tr-process-container, .tr-necessary-container, .tr-expertise-container, .tr-included-container, .tr-services-container, .tr-near-me-container, .tr-communities-container, .tp-container, .as-benefits-container, .before-after-container, .blog-container, .sub-service-hero-container, .intro-callout-container, .lc-areas-container, .lc-benefits-container, .lc-cost-container, .lc-neighborhood-container, .lc-process-container, .lc-types-container, .lc-what-is-container, .lc-why-choose-container, .sg-process-container, .sp-header-container, .toc-container, .legal-page-container, .trust-strip-container { max-width: 1200px !important; margin-left: auto !important; margin-right: auto !important; width: 100% !important; padding-left: 0 !important; padding-right: 0 !important; box-sizing: border-box !important; } .inner-hero-container { max-width: 1200px !important; margin-left: auto !important; margin-right: auto !important; width: 100% !important; padding-left: var(--global-padding-x, 20px) !important; padding-right: var(--global-padding-x, 20px) !important; box-sizing: border-box !important; } @media (max-width: 1240px) { .container, .hero-container, .mm-about-container, .about-container, .why-choose-us-container, .why-choose-container, .gallery-container, .pricing-container, .sa-container, .faqs-container, .faq-container, .latest-blogs-container, .contact-container, .how-it-works-container, .warning-signs-container, .services-wrapper, .emergency-intro-container, .emergency-cta-container, .emergency-when-to-call-container, .emergency-content-grid, .emergency-how-it-works-container, .emergency-whats-included-container, .common-emergencies-container, .nearby-response-container, .emergency-cost-container, .communities-container, .final-cta-container, .lc-intro-container, .sp-rc-container, .page-content-wrapper, .footer-container, .header-container, .sub-service-content, .tt-container, .tr-container, .tr-process-container, .tr-necessary-container, .tr-expertise-container, .tr-included-container, .tr-services-container, .tr-near-me-container, .tr-communities-container, .tp-container, .as-benefits-container, .before-after-container, .blog-container, .inner-hero-container, .sub-service-hero-container, .intro-callout-container, .lc-areas-container, .lc-benefits-container, .lc-cost-container, .lc-neighborhood-container, .lc-process-container, .lc-types-container, .lc-what-is-container, .lc-why-choose-container, .sg-process-container, .sp-header-container, .toc-container, .legal-page-container, .trust-strip-container { padding-left: 20px !important; padding-right: 20px !important; } } @media (max-width: 768px) { .container, .hero-container, .mm-about-container, .about-container, .why-choose-us-container, .why-choose-container, .gallery-container, .pricing-container, .sa-container, .faqs-container, .faq-container, .latest-blogs-container, .contact-container, .how-it-works-container, .warning-signs-container, .services-wrapper, .emergency-intro-container, .emergency-cta-container, .emergency-when-to-call-container, .emergency-content-grid, .emergency-how-it-works-container, .emergency-whats-included-container, .common-emergencies-container, .nearby-response-container, .emergency-cost-container, .communities-container, .final-cta-container, .lc-intro-container, .sp-rc-container, .page-content-wrapper, .footer-container, .header-container, .sub-service-content, .tt-container, .tr-container, .tr-process-container, .tr-necessary-container, .tr-expertise-container, .tr-included-container, .tr-services-container, .tr-near-me-container, .tr-communities-container, .tp-container, .as-benefits-container, .before-after-container, .blog-container, .inner-hero-container, .sub-service-hero-container, .intro-callout-container, .lc-areas-container, .lc-benefits-container, .lc-cost-container, .lc-neighborhood-container, .lc-process-container, .lc-types-container, .lc-what-is-container, .lc-why-choose-container, .sg-process-container, .sp-header-container, .toc-container, .legal-page-container, .trust-strip-container { padding-left: 20px !important; padding-right: 20px !important; } }   .site-main>section:not(.hero-section):not(.inner-hero-section):not(.sub-service-hero-section):not(.emergency-section):not(.final-cta-section):nth-of-type(odd), .sub-service-section:not(.final-cta-section):not(.tcr-cta-section):not(.sr-cta-section):nth-of-type(odd), .tt-section:not(.final-cta-section):nth-of-type(odd), .tp-section:not(.final-cta-section):nth-of-type(odd), section[class*="-section"]:not(.hero-section):not(.inner-hero-section):not(.sub-service-hero-section):not(.emergency-section):not(.final-cta-section):not(.tcr-cta-section):not(.sr-cta-section):nth-of-type(odd) { background-color: #FFFFFF !important; border-bottom: 2px solid #FBEEE2; } .site-main>section:not(.hero-section):not(.inner-hero-section):not(.sub-service-hero-section):not(.emergency-section):not(.final-cta-section):nth-of-type(even), .sub-service-section:not(.final-cta-section):not(.tcr-cta-section):not(.sr-cta-section):nth-of-type(even), .tt-section:not(.final-cta-section):nth-of-type(even), .tp-section:not(.final-cta-section):nth-of-type(even), section[class*="-section"]:not(.hero-section):not(.inner-hero-section):not(.sub-service-hero-section):not(.emergency-section):not(.final-cta-section):not(.tcr-cta-section):not(.sr-cta-section):nth-of-type(even) { background-color: #F0F7EE !important;   border-bottom: 2px solid #FFE8D2; }   h1.global-section-title, h2.global-section-title, h3.global-section-title, .global-section-title, h2.section-title, .section-title, [class*="section-title"] { background: transparent !important; background-color: transparent !important; border: none !important; box-shadow: none !important; }   .faq-item, .faqs-section .faq-item, .tcr-benefit-card, .tt-benefit-card, .tp-benefit-card, .sr-process-card, .sg-step-card, .service-card, .feature-card { background-color: #FFFFFF !important; border: 1px solid rgba(191, 54, 12, 0.08) !important; box-shadow: 0 6px 22px rgba(191, 54, 12, 0.06) !important; } .tcr-takeaway, .tp-intro-box, .tt-intro-box, .sr-intro-box, .hiw-takeaway { background-color: #FFFFFF !important; color: #201A12 !important; border-left: 5px solid var(--color-forest-green, #315239) !important; box-shadow: 0 6px 20px rgba(191, 54, 12, 0.05) !important; }     .global-subtitle, .eyebrow, .sg-eyebrow, .sr-eyebrow, .tcr-eyebrow, .as-eyebrow, .tt-subtitle, .tp-subtitle, .tr-subtitle, .lc-eyebrow, [class*="-subtitle"], [class*="-eyebrow"] { display: inline-block !important; color: #1e4726 !important; font-family: var(--font-heading, 'Montserrat', sans-serif) !important; font-weight: 700 !important; font-size: 0.95rem !important; text-transform: uppercase !important; letter-spacing: 0.15em !important; margin-bottom: 0.75rem !important; line-height: 1.4 !important; } .global-subtitle::before, .eyebrow::before, .sg-eyebrow::before, .sr-eyebrow::before, .tcr-eyebrow::before, .as-eyebrow::before, .tt-subtitle::before, .tp-subtitle::before, .tr-subtitle::before, .lc-eyebrow::before, [class*="-subtitle"]::before, [class*="-eyebrow"]::before { content: '' !important; display: inline-block !important; width: 2rem !important; height: 2px !important; background-color: var(--color-warm-gold, #FFCC00) !important; margin-right: 0.75rem !important; flex-shrink: 0 !important; vertical-align: middle !important; position: relative !important; top: -0.1em !important; }   @media (min-width: 769px) { .text-center .global-subtitle, .text-center .eyebrow, .text-center [class*="-subtitle"], .text-center [class*="-eyebrow"], .pricing-header-center .global-subtitle, .hiw-header .global-subtitle, .sg-section-header .sg-eyebrow, .sr-section-header .sr-eyebrow, .tcr-section-header .tcr-eyebrow, .as-section-header .as-eyebrow, .sa-header .global-subtitle, .emergency-header .global-subtitle { display: block !important; text-align: center !important; margin-left: auto !important; margin-right: auto !important; } }   h2.global-section-title, .global-section-title, h2.section-title, .section-title, h2.pricing-title, h2.tcr-h2, h2.sg-h2, h2.sr-h2, h2.as-h2, h2.tt-title, h2.tp-title, h2.tr-title, h2.lc-title, h2.contact-title, h2.mm-about-title, h2.why-choose-us-title, h2.project-gallery-title, h2.how-it-works-title, h2.service-areas-title, h2.faqs-title, h2.latest-blogs-title, .sub-service-section h2:not(.tcr-cta-h2):not(.sr-cta-h2):not(.final-cta-title) { font-family: var(--font-heading, 'Montserrat', sans-serif) !important; font-size: clamp(26px, 3.2vw, 38px) !important; font-weight: 800 !important; line-height: 1.2 !important; margin-top: 0 !important; margin-bottom: 1.25rem !important; color: var(--color-brand-purple, #BF360C) !important; letter-spacing: -0.01em !important; }   @media (min-width: 769px) { h2.global-section-title, .global-section-title, h2.section-title, .section-title, h2.pricing-title, h2.tcr-h2, h2.sg-h2, h2.sr-h2, h2.as-h2, h2.tt-title, h2.tp-title, h2.tr-title, h2.lc-title, h2.mm-about-title, h2.why-choose-us-title, h2.project-gallery-title, h2.how-it-works-title, h2.service-areas-title, h2.faqs-title, h2.latest-blogs-title, .sub-service-section h2:not(.tcr-cta-h2):not(.sr-cta-h2):not(.final-cta-title) { text-align: center !important; margin-left: auto !important; margin-right: auto !important; } }   .contact-header, .contact-content-side .contact-header { text-align: left !important; display: flex !important; flex-direction: column !important; align-items: flex-start !important; justify-content: flex-start !important; margin-left: 0 !important; margin-right: auto !important; width: 100% !important; } .contact-header .global-subtitle, .contact-header [class*="-subtitle"] { display: inline-flex !important; align-items: center !important; text-align: left !important; margin-left: 0 !important; margin-right: auto !important; } .contact-header .global-subtitle::before { margin-left: 0 !important; margin-right: 0.75rem !important; } .contact-header .contact-title, .contact-header h2, h2.contact-title, .contact-title { text-align: left !important; margin-left: 0 !important; margin-right: auto !important; }   @media (min-width: 769px) { main>.sub-service-section .global-subtitle, main>.sub-service-section [class*="-section-header"] .global-subtitle, main>.sub-service-section>.container>.section-header .global-subtitle, main>.sub-service-section h2:not(.tcr-cta-h2):not(.sr-cta-h2):not(.final-cta-title), main>.sub-service-section [class*="-section-header"] p, main>.sub-service-section>.container>.section-header p { text-align: center !important; margin-left: auto !important; margin-right: auto !important; } }   @media (max-width: 768px) {   .mm-about-header, .why-choose-us-header, .services-header, .pricing-header, .pricing-header-center, .hiw-header, .gallery-header, .gallery-title-wrapper, .sa-header, .faqs-header, .blogs-header, .latest-blogs-header, .emergency-header, .contact-header, .warning-header, .section-header, .sg-section-header, .sr-section-header, .tcr-section-header, .as-section-header, .nearby-response-header, .areas-header, .about-container.text-center, .text-center, main [class*="-header"], section [class*="-header"] { display: flex !important; flex-direction: column !important; align-items: flex-start !important; justify-content: flex-start !important; text-align: left !important; margin-left: 0 !important; margin-right: auto !important; width: 100% !important; max-width: 100% !important; }   .global-subtitle, .eyebrow, .sg-eyebrow, .sr-eyebrow, .tcr-eyebrow, .as-eyebrow, .tt-subtitle, .tp-subtitle, .tr-subtitle, .lc-eyebrow, [class*="-subtitle"], [class*="-eyebrow"], span[class*="subtitle"], span[class*="eyebrow"], .mm-about-header .global-subtitle, .why-choose-us-header .global-subtitle, .services-header .global-subtitle, .pricing-header-center .global-subtitle, .hiw-header .global-subtitle, .gallery-header .global-subtitle, .sa-header .global-subtitle, .faqs-header .global-subtitle, .blogs-header .global-subtitle, .emergency-header .global-subtitle, .contact-header .global-subtitle { display: block !important; text-align: left !important; margin-left: 0 !important; margin-right: auto !important; width: auto !important; } .global-subtitle::before, .eyebrow::before, .sg-eyebrow::before, .sr-eyebrow::before, .tcr-eyebrow::before, .as-eyebrow::before, .tt-subtitle::before, .tp-subtitle::before, .tr-subtitle::before, .lc-eyebrow::before, [class*="-subtitle"]::before, [class*="-eyebrow"]::before { margin-left: 0 !important; margin-right: 0.75rem !important; }   .mm-about-header h2, .why-choose-us-header h2, .services-header h2, .pricing-header-center h2, .pricing-header h2, .hiw-header h2, .gallery-header h2, .gallery-title-wrapper h2, .sa-header h2, .faqs-header h2, .blogs-header h2, .emergency-header h2, .contact-header h2, .warning-header h2, .legal-header h2, h2.global-section-title, .global-section-title, h2.section-title, .section-title, h2.pricing-title, .pricing-title, h2.hiw-title, .hiw-title, h2.how-it-works-title, h2.blogs-title, .blogs-title, h2.latest-blogs-title, h2.sa-title, .sa-title, h2.service-areas-title, h2.faqs-title, .faqs-title, h2.gallery-title, .gallery-title, h2.project-gallery-title, h2.emergency-title, .emergency-title, h2.contact-title, .contact-title, h2.why-choose-us-title, .why-choose-us-title, h2.mm-about-title, .mm-about-title, h2.tcr-h2, h2.sg-h2, h2.sr-h2, h2.as-h2, h2.tt-title, h2.tp-title, h2.tr-title, h2.lc-title, .sub-service-section h2, .text-center h2, .text-center .global-section-title, .about-container.text-center h2, main [class*="-header"] h1, main [class*="-header"] h2, main [class*="-header"] h3, section [class*="-header"] h1, section [class*="-header"] h2, section [class*="-header"] h3, main h2 { text-align: left !important; margin-left: 0 !important; margin-right: auto !important; align-self: flex-start !important; width: 100% !important; }   .pricing-description, .hiw-description, .blogs-description, .sa-description, .section-intro, .section-desc, .about-container.text-center p, .gallery-project-description, .why-choose-us-intro, .why-choose-us-key-takeaway, .mm-about-takeaway p, main [class*="-header"] p, section [class*="-header"] p, .contact-description { text-align: left !important; margin-left: 0 !important; margin-right: auto !important; width: 100% !important; } .section-divider { margin-left: 0 !important; margin-right: auto !important; } .site-header { display: flex !important; flex-direction: row !important; justify-content: space-between !important; align-items: center !important; position: sticky !important; top: 0 !important; z-index: 99990 !important; width: 100% !important; max-width: 100% !important; margin: 0 !important; padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; padding-left: 20px !important; padding-right: 20px !important; box-sizing: border-box !important; border-left: none !important; border-right: none !important; border-top: none !important; border-bottom: 3px solid transparent !important; border-radius: 0 0 16px 16px !important; } .site-header .site-logo { display: inline-flex !important; align-items: center !important; margin: 0 !important; padding: 0 !important; flex-shrink: 0 !important; } .site-header .site-logo-img { width: 160px !important; height: auto !important; max-height: 48px !important; object-fit: contain !important; object-position: left center !important; margin: 0 !important; padding: 0 !important; display: block !important; } .site-header .menu-toggle { display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; margin-left: auto !important; padding: 0 !important; width: 32px !important; height: 32px !important; flex-shrink: 0 !important; } .mobile-menu-header { display: flex !important; flex-direction: row !important; justify-content: space-between !important; align-items: center !important; }   .site-main>section, .mm-about-section, .services-section, .why-choose-us-section, .gallery-section, .how-it-works-section, .pricing-section, .service-areas-section, .faqs-section, .latest-blogs-section, .emergency-section, .contact-section, .sub-service-section, .tt-section, .tp-section, .warning-signs-section, .project-gallery-section, section[class*="-section"]:not(.hero-section):not(.inner-hero-section):not(.sub-service-hero-section):not(.legal-page-section) { padding-top: 36px !important; padding-bottom: 36px !important; padding-left: 0 !important; padding-right: 0 !important; margin-top: 0 !important; margin-bottom: 0 !important; margin-left: 0 !important; margin-right: 0 !important; width: 100% !important; box-sizing: border-box !important; }   .mm-about-container, .about-container, .why-choose-us-container, .gallery-container, .how-it-works-container, .pricing-container, .sa-container, .faqs-container, .latest-blogs-container, .contact-container, .emergency-content-grid, .emergency-intro-container, .emergency-cta-container, .emergency-when-to-call-container, [class*="-container"] { padding-left: 20px !important; padding-right: 20px !important; width: 100% !important; box-sizing: border-box !important; margin-left: auto !important; margin-right: auto !important; }   .contact-content-side, .contact-header, .contact-content, .contact-form-side, .contact-form-wrapper { padding-left: 0 !important; padding-right: 0 !important; margin-left: 0 !important; margin-right: 0 !important; width: 100% !important; box-sizing: border-box !important; }   .emergency-header { padding-left: 20px !important; padding-right: 20px !important; padding-top: 0 !important; padding-bottom: 0 !important; margin-top: 0 !important; margin-bottom: 1.5rem !important; width: 100% !important; box-sizing: border-box !important; } .emergency-takeaway, .emergency-cta-area { padding-left: 1.25rem !important; padding-right: 1.25rem !important; }   .gallery-projects-tabs { display: grid !important; grid-template-columns: repeat(2, 1fr) !important; gap: 0.65rem !important; width: 100% !important; margin-left: 0 !important; margin-right: 0 !important; margin-bottom: 1.5rem !important; justify-content: stretch !important; } .project-tab { width: 100% !important; text-align: center !important; padding: 0.75rem 0.5rem !important; font-size: 0.85rem !important; font-weight: 700 !important; display: flex !important; align-items: center !important; justify-content: center !important; border-radius: 12px !important; white-space: normal !important; line-height: 1.25 !important; min-height: 52px !important; box-sizing: border-box !important; box-shadow: 0 2px 6px rgba(191, 54, 12, 0.06) !important; } .project-tab.active { box-shadow: 0 4px 14px rgba(191, 54, 12, 0.3) !important; } .project-tab:last-child:nth-child(odd) { grid-column: 1 / -1 !important; }   .site-footer { padding-left: 0 !important; padding-right: 0 !important; width: 100% !important; box-sizing: border-box !important; } .footer-container { padding-left: 20px !important; padding-right: 20px !important; width: 100% !important; box-sizing: border-box !important; margin: 0 auto !important; } .footer-logo, .footer-logo-img { margin-left: 0 !important; padding-left: 0 !important; display: block !important; } .footer-logo-img { width: 160px !important; height: auto !important; max-height: 48px !important; object-fit: contain !important; object-position: left center !important; margin-bottom: 1.5rem !important; } .footer-copyright-bar { padding-left: 20px !important; padding-right: 20px !important; width: 100% !important; box-sizing: border-box !important; } }   .legal-page-section { padding: 4rem 0 5rem 0; background-color: var(--color-off-white, #FFFDF9); font-family: var(--font-body); } .legal-header { margin-bottom: 2.5rem; } .legal-header .global-section-title { font-size: 2.5rem; margin-top: 0.5rem; color: var(--color-brand-purple, #BF360C); } .icon-svg-inline { display: inline-flex; align-items: center; width: 18px; height: 18px; vertical-align: middle; margin-right: 6px; } .icon-svg-inline svg { width: 18px; height: 18px; stroke: var(--color-warm-gold, #D48806); fill: none; } .legal-meta-date { color: var(--color-text-gray, #2E2820); font-size: 0.95rem; font-weight: 600; margin-top: 1rem; margin-bottom: 0; } .legal-intro-card { background: var(--color-white, #ffffff); border-left: 5px solid var(--color-brand-purple, #BF360C); border-radius: 12px; padding: 2rem; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.04); margin-bottom: 2.5rem; display: flex; gap: 1.25rem; align-items: flex-start; } .legal-intro-icon { width: 42px; height: 42px; background: var(--color-soft-lilac, #FFF8F0); border-radius: 50%; display: flex; align-items: center; justify-content: center; flex-shrink: 0; } .legal-intro-icon svg { width: 24px; height: 24px; stroke: var(--color-brand-purple, #BF360C); fill: none; } .legal-intro-text p { font-size: 1.1rem; line-height: 1.75; color: var(--color-text-gray, #2E2820); margin: 0; } .legal-block { background: var(--color-white, #ffffff); border-radius: 12px; padding: 2rem; margin-bottom: 2rem; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.03); border: 1px solid rgba(191, 54, 12, 0.08); } .legal-block-title { font-size: 1.5rem; color: var(--color-brand-purple, #BF360C); font-family: var(--font-heading); font-weight: 700; margin-top: 0; margin-bottom: 1rem; border-bottom: 2px solid var(--color-soft-lilac, #FFF8F0); padding-bottom: 0.5rem; display: flex; align-items: center; gap: 0.65rem; } .legal-title-icon { display: inline-flex; align-items: center; width: 26px; height: 26px; } .legal-title-icon svg { width: 24px; height: 24px; stroke: var(--color-brand-purple, #BF360C); fill: none; } .legal-title-icon.white-icon svg { stroke: #ffffff; } .legal-block p { font-size: 1.05rem; line-height: 1.7; color: var(--color-text-gray, #2E2820); margin-bottom: 1rem; } .legal-block p:last-child { margin-bottom: 0; } .legal-bullet-list { margin-top: 1rem; padding-left: 1.5rem; color: var(--color-text-gray, #2E2820); font-size: 1.05rem; line-height: 1.7; } .legal-bullet-list li { margin-bottom: 0.5rem; }   .legal-sms-box { background: linear-gradient(135deg, #ffffff 0%, #FFF8F0 100%) !important; border-radius: 14px !important; padding: 2.25rem !important; margin-bottom: 2rem !important; box-shadow: 0 6px 25px rgba(212, 136, 6, 0.12) !important; border: 2px solid var(--color-warm-gold, #D48806) !important; } .legal-badge-pill { display: inline-flex; align-items: center; gap: 0.5rem; background: var(--color-warm-gold, #D48806); color: #ffffff; font-family: var(--font-heading); font-weight: 700; font-size: 0.85rem; padding: 0.35rem 0.9rem; border-radius: 50px; margin-bottom: 1.25rem; text-transform: uppercase; } .badge-icon svg { width: 16px; height: 16px; stroke: #ffffff; fill: none; } .legal-sms-title { font-size: 1.6rem !important; color: var(--color-brand-purple, #BF360C) !important; margin-top: 0 !important; margin-bottom: 1.5rem !important; border-bottom: none !important; } .legal-sub-box { background: #ffffff; border-radius: 10px; padding: 1.25rem 1.5rem; margin-bottom: 1.25rem; border-left: 4px solid var(--color-brand-purple, #BF360C); box-shadow: 0 2px 8px rgba(0, 0, 0, 0.02); } .legal-sub-box:last-child { margin-bottom: 0; } .legal-sub-title { font-size: 1.15rem; color: var(--color-brand-purple, #BF360C); font-family: var(--font-heading); font-weight: 700; margin-top: 0; margin-bottom: 0.5rem; display: flex; align-items: center; gap: 0.5rem; } .sub-title-icon { display: inline-flex; align-items: center; width: 20px; height: 20px; flex-shrink: 0; } .sub-title-icon svg { width: 18px; height: 18px; stroke: var(--color-warm-gold, #D48806); fill: none; } .legal-sub-desc { font-size: 1.05rem; line-height: 1.65; color: var(--color-text-gray, #2E2820); margin: 0 !important; } .legal-link { color: var(--color-brand-purple, #BF360C); font-weight: 700; text-decoration: underline; } .legal-link:hover { color: var(--color-warm-gold, #D48806); }   .legal-contact-card { background: var(--color-brand-purple, #BF360C) !important; color: #ffffff !important; border-radius: 12px; padding: 2rem; box-shadow: 0 6px 20px rgba(191, 54, 12, 0.15); border: none !important; } .legal-contact-title { font-size: 1.5rem; color: #ffffff !important; font-family: var(--font-heading); font-weight: 700; margin-top: 0; margin-bottom: 1rem; border-bottom: 1px solid rgba(255, 255, 255, 0.2); padding-bottom: 0.5rem; display: flex; align-items: center; gap: 0.65rem; } .legal-contact-text { font-size: 1.05rem; line-height: 1.7; color: #ffffff !important; margin-bottom: 1rem !important; } .legal-contact-inner { background: rgba(255, 255, 255, 0.1); border-radius: 10px; padding: 1.25rem; } .contact-brand-title { margin: 0 0 0.5rem 0; color: #ffffff !important; font-size: 1.1rem; } .contact-detail-line { margin: 0 0 0.5rem 0 !important; color: #ffffff !important; display: flex; align-items: center; gap: 0.5rem; } .contact-detail-line:last-child { margin-bottom: 0 !important; } .contact-detail-line a { color: #ffffff !important; text-decoration: underline; font-weight: 600; } .contact-icon svg { width: 18px; height: 18px; stroke: var(--color-warm-gold, #D48806); fill: none; }   @media (max-width: 768px) { .legal-page-section { padding: 2.5rem 0 3.5rem 0; } .legal-header .global-section-title { font-size: 1.85rem; } .legal-intro-card { padding: 1.25rem; flex-direction: row; align-items: flex-start; gap: 0.85rem; } .legal-intro-icon { width: 36px; height: 36px; flex-shrink: 0; } .legal-intro-icon svg { width: 20px; height: 20px; } .legal-block { padding: 1.35rem 1.15rem; border-radius: 10px; } .legal-sms-box { padding: 1.5rem 1.15rem !important; } .legal-block-title { font-size: 1.25rem; gap: 0.5rem; } .legal-title-icon { width: 22px; height: 22px; flex-shrink: 0; } .legal-title-icon svg { width: 20px; height: 20px; } .legal-sub-box { padding: 1rem; } .legal-sub-title { font-size: 1.05rem; gap: 0.4rem; } .sub-title-icon { width: 18px; height: 18px; flex-shrink: 0; } .sub-title-icon svg { width: 16px; height: 16px; } .legal-contact-card { padding: 1.35rem 1.15rem !important; } .contact-detail-line { font-size: 0.95rem; } .contact-icon { flex-shrink: 0; } .mm-about-content { padding-left: 0 !important; padding-right: 0 !important; }   .mm-about-takeaway, .sa-takeaway-box, .legal-block, .legal-intro-card, .legal-sms-box, .legal-contact-card, .legal-sub-box, .sp-header-card { padding-left: 1.25rem !important; padding-right: 1.15rem !important; } .intro-callout-box { padding-left: 1.65rem !important; padding-right: 1.5rem !important; } }   .site-footer { padding-left: 0 !important; padding-right: 0 !important; width: 100% !important; box-sizing: border-box !important; } .site-header, .footer-container { max-width: 1200px !important; width: 100% !important; margin-left: auto !important; margin-right: auto !important; box-sizing: border-box !important; } @media (min-width: 1241px) { .site-header, .footer-container { padding-left: 20px !important; padding-right: 20px !important; } } @media (min-width: 769px) and (max-width: 1240px) { .site-header, .footer-container { padding-left: 20px !important; padding-right: 20px !important; border-left: none !important; border-right: none !important; border-top: none !important; border-bottom: 3px solid transparent !important; } } @media (max-width: 768px) { .site-header, .footer-container { padding-left: 20px !important; padding-right: 20px !important; border-left: none !important; border-right: none !important; border-top: none !important; border-bottom: 3px solid transparent !important; } }   .site-header .site-logo, .site-footer .footer-logo, .footer-col.footer-brand { margin-left: 0 !important; padding-left: 0 !important; } .site-header .site-logo-img, .site-footer .footer-logo-img { margin-left: 0 !important; padding-left: 0 !important; object-position: left center !important; }   @media (max-width: 991px) { .sticky-quote { padding-top: 11px !important; padding-bottom: 21px !important; } } .footer-copyright-bar { text-align: center !important; } .footer-copyright { text-align: center !important; } @media (max-width: 991px) { iframe#chat-widget, div[id*="chat-widget"], .lc_chat-widget, #chat-widget-container, chat-widget { bottom: 68px !important; } } .lc-why-card { background: var(--color-white); border-radius: 12px; padding: 2.5rem 2rem; text-align: left; display: flex !important; flex-direction: column !important; align-items: flex-start !important; gap: 1.25rem !important; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05); transition: transform 0.3s ease, box-shadow 0.3s ease; border-top: 4px solid var(--color-forest-green); } .lc-why-card:hover { transform: translateY(-10px); box-shadow: 0 15px 40px rgba(0, 0, 0, 0.1); } .lc-why-card .why-icon { width: 70px; height: 70px; margin: 0 0 0.5rem 0 !important; flex-shrink: 0; background-color: var(--color-brand-green); border-radius: 50%; display: flex; align-self: flex-start; align-items: center; justify-content: center; color: var(--color-white); }   .final-cta-section, .final-cta-section h2, .final-cta-section .final-cta-title, .final-cta-section .container, .final-cta-section div, .final-cta-section p { text-align: center !important; margin-left: auto !important; margin-right: auto !important; } .final-cta-buttons { justify-content: center !important; align-items: center !important; }   .global-subtitle>.icon-svg, .global-subtitle>.icon-svg-inline, .eyebrow>.icon-svg, [class*="-subtitle"]>.icon-svg, [class*="-eyebrow"]>.icon-svg { display: none !important; }   .site-footer .footer-copyright a, .site-footer .footer-copyright .footer-brand-link, .footer-copyright a, .footer-copyright .footer-brand-link, .footer-brand-link { color: #FDE047 !important; text-decoration: none !important; font-weight: 700 !important; } .site-footer .footer-copyright a:hover, .site-footer .footer-copyright .footer-brand-link:hover, .footer-copyright a:hover, .footer-copyright .footer-brand-link:hover, .footer-brand-link:hover { color: #FDE047 !important; text-decoration: none !important; opacity: 0.85 !important; }   .tt-regional-grid { display: grid; grid-template-columns: 1.2fr 0.8fr; gap: 3rem; align-items: flex-start; } @media (max-width: 991px) { .tt-regional-grid { grid-template-columns: 1fr !important; gap: 2rem !important; } .tt-regional-card { padding: 1.75rem 1.25rem !important; } }   .simple-toc-section .toc-header, .toc-header { margin-bottom: 2.5rem; display: flex !important; flex-direction: row !important; align-items: center !important; justify-content: flex-start !important; gap: 1rem !important; flex-wrap: nowrap !important; } .simple-toc-section .toc-header::before, .toc-header::before { content: '' !important; display: inline-block !important; width: 5px !important; height: 2.2rem !important; background: var(--color-warm-gold, #F59E0B) !important; border-radius: 4px !important; flex-shrink: 0 !important; margin: 0 !important; } .simple-toc-section .toc-title, .toc-title { color: var(--color-brand-purple) !important; font-family: var(--font-heading) !important; font-size: 1.6rem !important; font-weight: var(--font-weight-extrabold) !important; margin: 0 !important; line-height: 1.2 !important; white-space: normal !important; display: inline-block !important; } @media (max-width: 480px) { .simple-toc-section .toc-header, .toc-header { margin-bottom: 1.5rem !important; gap: 0.75rem !important; } .simple-toc-section .toc-header::before, .toc-header::before { height: 1.8rem !important; width: 4px !important; } .simple-toc-section .toc-title, .toc-title { font-size: 1.35rem !important; } }   .stump-grinding-timing .sg-timing-inner, .stump-grinding-timing .sg-timing-container { max-width: var(--container-width, 1200px) !important; margin: 0 auto !important; padding: 0 var(--global-padding-x, 20px) !important; background: transparent !important; box-shadow: none !important; border: none !important; border-left: none !important; } .sg-neighborhoods-list { display: grid !important; grid-template-columns: repeat(3, 1fr) !important; gap: 0.75rem 1.5rem !important; list-style: none !important; padding: 0 !important; margin: 1.5rem 0 0 0 !important; } @media (max-width: 768px) { .sg-neighborhoods-list { grid-template-columns: repeat(2, 1fr) !important; } } @media (max-width: 480px) { .sg-neighborhoods-list { grid-template-columns: 1fr !important; } } .sr-cta-section .sr-eyebrow, .sr-eyebrow--white, [class*="-cta-section"] .sr-eyebrow { color: #FFFFFF !important; } .sr-cta-section .sr-eyebrow::before, .sr-eyebrow--white::before { background-color: var(--color-warm-gold, #F59E0B) !important; } .sr-cta-inner { max-width: var(--container-width, 1200px) !important; margin: 0 auto !important; padding-left: var(--global-padding-x, 20px) !important; padding-right: var(--global-padding-x, 20px) !important; }   @media (min-width: 768px) and (max-width: 1024px) { h1, .h1 { text-wrap: balance !important;   max-width: 500px !important;   margin-left: auto !important; margin-right: auto !important; line-height: 1.2 !important;   } }   @media (min-width: 768px) { .hero-actions [class*="btn-"], .sr-cta-inner [class*="btn-"], .hero-actions .btn { width: 260px !important;   height: 60px !important;   display: inline-flex !important; align-items: center !important; justify-content: center !important; text-align: center !important; } }   [class*="-takeaway"]:not(.emergency-takeaway) { padding-left: 1.5rem !important; } @media (max-width: 768px) { [class*="-takeaway"]:not(.emergency-takeaway) { padding-left: 1rem !important; } }   @media (min-width: 769px) { h2.global-section-title, .global-section-title, h2.section-title, .section-title, h2.pricing-title, h2.tcr-h2, h2.sg-h2, h2.sr-h2, h2.as-h2, h2.tt-title, h2.tp-title, h2.tr-title, h2.lc-title, h2.contact-title, h2.mm-about-title, h2.why-choose-us-title, h2.project-gallery-title, h2.how-it-works-title, h2.service-areas-title, h2.faqs-title, h2.latest-blogs-title, .sub-service-section h2:not(.tcr-cta-h2):not(.sr-cta-h2):not(.final-cta-title), .text-center h2, .text-center .global-section-title, .about-container.text-center h2 { text-align: center !important; margin-left: auto !important; margin-right: auto !important; } } @media (min-width: 769px) and (max-width: 992px) { .inner-hero-section, .sub-service-hero-section { height: 620px; min-height: 620px; } }   .custom-footer { background-color: #a93808;   color: #fff; font-family: inherit; padding-top: 40px; } .custom-footer p, .custom-footer a, .custom-footer span, .custom-footer h3 { color: #fff; } .custom-footer a { text-decoration: none; transition: opacity 0.3s ease; } .custom-footer a:hover { opacity: 0.8; } .custom-footer-grid { display: grid; grid-template-columns: 1.5fr 1fr 1fr 1fr 1.5fr; gap: 30px; padding-bottom: 40px; } .footer-logo-img { max-width: 200px; margin-bottom: 15px; } .footer-desc { font-size: 14px; line-height: 1.6; } .footer-heading { font-size: 16px; font-weight: bold; margin-bottom: 20px; text-transform: uppercase; position: relative; padding-bottom: 10px; } .footer-heading::after { content: ''; position: absolute; left: 0; bottom: 0; width: 40px; height: 2px; background-color: #ffffff50; } .footer-list { list-style: none; padding: 0; margin: 0; } .footer-list li { margin-bottom: 12px; } .footer-list li a { font-size: 14px; } .view-all-areas { color: #ffffff !important; font-weight: bold; font-size: 14px; display: inline-block; margin-top: 15px; } .company-name { font-weight: bold; font-size: 16px; margin-bottom: 5px; } .company-address { font-size: 14px; line-height: 1.6; margin-bottom: 15px; } .company-phone { font-size: 14px; margin-bottom: 5px; } .company-phone a, .company-hours span { color: #ffffff !important; font-weight: bold; } .company-hours { font-size: 14px; margin-bottom: 15px; } .footer-map-container { position: relative; border-radius: 8px; overflow: hidden; height: 120px; } .map-overlay-btn { position: absolute; top: 10px; left: 10px; background: #fff; color: #000 !important; padding: 5px 10px; font-size: 12px; font-weight: bold; border-radius: 4px; display: flex; align-items: center; gap: 5px; z-index: 10; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); } .map-overlay-btn svg { width: 14px; height: 14px; stroke: #000; }   .footer-trust-bar { background-color: #923202;   padding: 15px 0; } .trust-items { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; gap: 15px; } .trust-item { display: flex; align-items: center; gap: 8px; font-size: 14px; font-weight: bold; } .trust-icon svg { width: 18px; height: 18px; } .trust-dot { color: #ffffff50; font-size: 12px; }   .footer-bottom-bar { background-color: #652302;   padding: 20px 0; font-size: 12px; } .bottom-bar-flex { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 20px; } .bottom-left p { margin: 0; } .custom-footer .bottom-left a { color: #FDE047 !important; font-weight: 700; } .bottom-center { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; } .bottom-center .sep { color: #ffffff50; } .bottom-right.payments { display: flex; gap: 5px; } .bottom-right.payments svg { height: 20px; width: auto; }   @media (max-width: 1024px) { .custom-footer-grid { grid-template-columns: repeat(3, 1fr); } .bottom-bar-flex { flex-direction: column; text-align: center; } } @media (max-width: 768px) { .custom-footer-grid { grid-template-columns: repeat(2, 1fr); } .trust-items { gap: 10px; flex-direction: column; align-items: center; } .trust-dot { display: none; } } @media (max-width: 480px) { .custom-footer-grid { grid-template-columns: 1fr; } }         @media (max-width: 992px) { .site-main > .hero-section:first-child, .site-main > .inner-hero-section:first-child, .site-main > .sub-service-hero-section:first-child, .hero-section, .inner-hero-section, .sub-service-hero-section { margin-top: 0 !important; height: auto !important; overflow: hidden !important; } .hero-section { min-height: 0 !important; padding-top: 3.5rem !important; padding-bottom: 3.5rem !important; } .inner-hero-section, .sub-service-hero-section { min-height: 620px !important; padding-top: 3.5rem !important; padding-bottom: 5rem !important; } .inner-hero-container, .sub-service-hero-section .inner-hero-container { min-height: 0 !important; height: auto !important; padding-top: 0 !important; padding-bottom: 0 !important; } .inner-hero-title, .sub-service-hero-section .inner-hero-title { min-height: 0 !important; margin-top: 0 !important; overflow-wrap: anywhere; } } @media (max-width: 768px) { .hero-section { padding-top: 2.5rem !important; padding-bottom: 3rem !important; } .inner-hero-section, .sub-service-hero-section { min-height: 0 !important; padding-top: 2.75rem !important; padding-bottom: 4.5rem !important; } .hero-heading, .inner-hero-title, .sub-service-hero-section .inner-hero-title { font-size: clamp(2rem, 9vw, 2.55rem) !important; line-height: 1.12 !important; } #primary-menu .mega-menu-list a { border-radius: 8px; padding: 0.65rem 0.85rem !important; } #primary-menu .mega-menu-list a:hover, #primary-menu .mega-menu-list a:focus-visible, #primary-menu .mega-menu-list a.active-sub-link { background-color: #ffffff !important; color: #7a2700 !important; text-shadow: none !important; outline: 2px solid transparent; } }   .mega-menu-list a:hover, .mega-menu-list a:focus-visible, .mega-menu-list a.active-sub-link { color: #ffffff !important; text-decoration: underline; text-decoration-thickness: 2px; text-underline-offset: 4px; } @media (max-width: 768px) { #primary-menu .mega-menu-list a:hover, #primary-menu .mega-menu-list a:focus-visible, #primary-menu .mega-menu-list a.active-sub-link { color: #7a2700 !important; text-decoration: none; } }   .inner-hero-section:not(.sub-service-hero-section) { display: flex !important; align-items: center !important; justify-content: center !important; } .inner-hero-section:not(.sub-service-hero-section) .inner-hero-container { width: 100% !important; height: 100% !important; min-height: 0 !important; display: flex !important; align-items: center !important; justify-content: center !important; padding-top: 0 !important; padding-bottom: 0 !important; } .inner-hero-section:not(.sub-service-hero-section) .inner-hero-content-col, .inner-hero-section:not(.sub-service-hero-section) .inner-hero-content-col.centered-hero { width: 100% !important; display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; text-align: center !important; transform: none !important; } .inner-hero-section:not(.sub-service-hero-section) .inner-hero-title { width: 100% !important; max-width: 1200px !important; margin: 0 auto !important; text-align: center !important; }   .inner-hero-section:not(.sub-service-hero-section) .inner-hero-wave { display: none !important; }   .blog-page-main > .inner-hero-section + .blog-featured-section { margin-top: 0 !important; padding-top: 0 !important; }   .site-header .has-dropdown .nav-text, .site-header .has-dropdown .dropdown-chevron, .site-header .has-dropdown .dropdown-chevron svg { color: #ffffff !important; stroke: #ffffff !important; opacity: 1 !important; } .site-header .has-dropdown:hover .nav-text, .site-header .has-dropdown:focus-within .nav-text, .site-header .has-dropdown:hover .dropdown-chevron svg, .site-header .has-dropdown:focus-within .dropdown-chevron svg { color: #ffffff !important; stroke: #ffffff !important; text-shadow: 0 1px 3px rgba(0, 0, 0, 0.45) !important; }   .inner-hero-section.sub-service-hero-section { min-height: 780px !important; height: auto !important; background-size: contain !important; background-position: right center !important; background-repeat: no-repeat !important; background-color: #173c25 !important; padding-bottom: 3rem !important; }   .inner-hero-section.sub-service-hero-section::before, .sub-service-hero-section .sub-service-hero-overlay { display: none !important; content: none !important; background: none !important; -webkit-backdrop-filter: none !important; backdrop-filter: none !important; }   .sub-service-hero-section .inner-hero-container { align-items: center !important; } .sub-service-hero-section .inner-hero-content-col.centered-hero { width: min(100%, 610px) !important; margin-right: auto !important; margin-left: 0 !important; padding: 2rem !important; border-radius: 18px; background: #173c25 !important; box-shadow: 0 14px 36px rgba(0, 0, 0, 0.3); align-items: flex-start !important; text-align: left !important; transform: none !important; } .sub-service-hero-section .inner-hero-title, .sub-service-hero-section .inner-hero-description { color: #ffffff !important; text-align: left !important; margin-left: 0 !important; margin-right: 0 !important; text-shadow: none !important; } .sub-service-hero-detail-image { width: 190px; aspect-ratio: 4 / 3; margin: 0.25rem 0 1.1rem !important; border: 3px solid #ffffff; border-radius: 12px; overflow: hidden; background: #ffffff; box-shadow: 0 6px 18px rgba(0, 0, 0, 0.28); } .sub-service-hero-detail-image img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; } .sub-service-hero-section .sub-service-trust-signals { align-items: flex-start !important; justify-content: flex-start !important; text-align: left !important; margin: 0.25rem 0 1.25rem !important; } .sub-service-hero-section .hero-buttons { transform: none !important; justify-content: flex-start !important; margin-top: 0.25rem !important; }   .hero-section .hero-bg-img { object-fit: cover; object-position: center; } .hero-section .hero-image { object-fit: contain !important; object-position: center !important; background: #173c25; } @media (max-width: 768px) { .inner-hero-section.sub-service-hero-section { min-height: 980px !important; background-position: center top !important; background-size: 100% auto !important; padding-top: 280px !important; } .sub-service-hero-section .inner-hero-content-col.centered-hero { width: 100% !important; padding: 1.5rem !important; } .sub-service-hero-detail-image { width: 150px; } }   .inner-hero-section.sub-service-hero-section { height: 680px !important; min-height: 680px !important; padding-bottom: 3rem !important; background-size: cover !important; background-position: center !important; overflow: hidden !important; }   .inner-hero-section.sub-service-hero-section::before, .sub-service-hero-section .sub-service-hero-overlay { display: none !important; content: none !important; } .sub-service-hero-section .inner-hero-container { height: 100% !important; min-height: 0 !important; display: flex !important; align-items: center !important; justify-content: center !important; padding-bottom: 0 !important; } .sub-service-hero-section .inner-hero-content-col.centered-hero { width: 100% !important; max-width: 900px !important; margin: 0 auto !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; align-items: center !important; justify-content: center !important; text-align: center !important; transform: none !important; } .sub-service-hero-section .inner-hero-title, .sub-service-hero-section .inner-hero-description { color: #ffffff !important; text-align: center !important; margin-left: auto !important; margin-right: auto !important; text-shadow: 0 3px 5px rgba(0, 0, 0, 0.95), 0 0 14px rgba(0, 0, 0, 0.9) !important; } .sub-service-hero-section .sub-service-trust-signals { align-items: center !important; justify-content: center !important; text-align: center !important; margin: 1rem auto 1.25rem !important; text-shadow: 0 2px 4px rgba(0, 0, 0, 1), 0 0 10px rgba(0, 0, 0, 0.9); } .sub-service-hero-section .hero-buttons { justify-content: center !important; align-items: center !important; margin: 0 auto !important; transform: none !important; } @media (max-width: 768px) { .inner-hero-section.sub-service-hero-section { height: auto !important; min-height: 720px !important; padding-top: 3rem !important; padding-bottom: 3rem !important; background-size: cover !important; background-position: center !important; } .sub-service-hero-section .inner-hero-content-col.centered-hero, .sub-service-hero-section .inner-hero-title, .sub-service-hero-section .inner-hero-description { align-items: center !important; text-align: center !important; } .sub-service-hero-section .sub-service-trust-signals { width: auto !important; align-items: center !important; text-align: center !important; } .sub-service-hero-section .hero-buttons { width: 100% !important; align-items: stretch !important; } }   .sub-service-hero-section .inner-hero-description { width: fit-content !important; max-width: 900px !important; padding: 0.75rem 1rem !important; border-radius: 10px !important; background: rgba(0, 0, 0, 0.68) !important; color: #ffffff !important; font-weight: 600 !important; line-height: 1.55 !important; text-shadow: 0 1px 2px #000000 !important; box-decoration-break: clone; -webkit-box-decoration-break: clone; } .sub-service-hero-section .sub-service-trust-signals li { padding: 0.55rem 0.85rem !important; border-radius: 999px !important; background: rgba(0, 0, 0, 0.72) !important; color: #ffffff !important; font-weight: 700 !important; text-shadow: 0 1px 2px #000000 !important; box-shadow: 0 3px 10px rgba(0, 0, 0, 0.25); } .sub-service-hero-section .sub-service-trust-signals .check-icon, .sub-service-hero-section .sub-service-trust-signals .check-icon svg, .sub-service-hero-section .sub-service-trust-signals .star-icon, .sub-service-hero-section .sub-service-trust-signals .star-icon svg { color: #ffcc00 !important; stroke: #ffcc00 !important; } @media (max-width: 768px) { .sub-service-hero-section .inner-hero-description { width: 100% !important; padding: 0.75rem !important; } .sub-service-hero-section .sub-service-trust-signals li { width: 100% !important; justify-content: flex-start !important; border-radius: 10px !important; text-align: left !important; } }   .inner-hero-section.sub-service-hero-section { position: relative !important; isolation: isolate; display: flex !important; align-items: center !important; height: auto !important; min-height: 690px !important; padding: 145px 0 48px !important; background-size: cover !important; background-position: center !important; overflow: hidden !important; } .inner-hero-section.sub-service-hero-section::before { content: "" !important; display: block !important; position: absolute; inset: 0; z-index: -1; background: rgba(4, 18, 19, 0.67); pointer-events: none; } .sub-service-hero-section .inner-hero-container { width: 100% !important; height: auto !important; min-height: 0 !important; padding-top: 0 !important; padding-bottom: 0 !important; } .sub-service-hero-section .inner-hero-content-col.centered-hero { width: 100% !important; max-width: 1500px !important; align-items: center !important; text-align: center !important; gap: 0 !important; } .sub-service-hero-section .inner-hero-title { max-width: 1500px !important; margin: 0 auto 1.5rem !important; font-size: clamp(2.7rem, 5.3vw, 5.5rem) !important; line-height: 1.1 !important; font-weight: 800 !important; text-align: center !important; } .sub-service-hero-section .inner-hero-description { width: auto !important; max-width: 1200px !important; margin: 0 auto 1.35rem !important; padding: 0 !important; background: transparent !important; text-align: center !important; font-weight: 500 !important; } .sub-service-hero-section .sub-service-trust-signals { display: flex !important; flex-direction: row !important; flex-wrap: wrap !important; width: auto !important; max-width: 1450px !important; align-items: center !important; justify-content: center !important; gap: 0.5rem 1.25rem !important; margin: 0 auto 1.6rem !important; } .sub-service-hero-section .sub-service-trust-signals li { width: auto !important; padding: 0 !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; text-align: center !important; justify-content: center !important; } .sub-service-hero-section .hero-buttons { display: flex !important; flex-direction: row !important; flex-wrap: wrap !important; width: auto !important; align-items: center !important; justify-content: center !important; gap: 0.75rem !important; margin: 0 auto 1.8rem !important; } .sub-service-hero-section .hero-buttons > a { width: auto !important; } .sub-service-hero-breadcrumb { display: inline-flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 0.5rem; max-width: 100%; padding: 0.7rem 1.4rem; border: 1px solid rgba(255,255,255,0.2); border-radius: 999px; background: rgba(7, 13, 12, 0.83); color: #fff; font-size: clamp(0.85rem, 1.2vw, 1.1rem); line-height: 1.5; text-align: center; } .sub-service-hero-breadcrumb a { color: #fff; text-decoration: underline; text-underline-offset: 3px; } .sub-service-hero-breadcrumb [aria-current="page"] { color: #ffcf45; font-weight: 700; } .sub-service-hero-section .inner-hero-wave { display: none !important; } @media (max-width: 768px) { .inner-hero-section.sub-service-hero-section { min-height: 0 !important; padding: 145px 0 52px !important; } .sub-service-hero-section .inner-hero-title { font-size: clamp(2.1rem, 9vw, 3.5rem) !important; } .sub-service-hero-section .sub-service-trust-signals { gap: 0.65rem 1rem !important; } .sub-service-hero-section .sub-service-trust-signals li { width: auto !important; } .sub-service-hero-section .hero-buttons { width: 100% !important; } .sub-service-hero-section .hero-buttons > a { width: min(100%, 320px) !important; } .sub-service-hero-breadcrumb { border-radius: 18px; } }   .home .contact-section .contact-hero-thumbnail, .front-page .contact-section .contact-hero-thumbnail, .contact-section .contact-hero-thumbnail { display: block; width: min(100%, 420px); height: auto; aspect-ratio: 920 / 518; object-fit: cover; border-radius: 10px; margin: 0 0 1.35rem; } @media (max-width: 768px) { .contact-section .contact-hero-thumbnail { width: min(100%, 360px); } }   .inner-hero-section.sub-service-hero-section .sub-service-hero-glass-layer { display: block !important; opacity: 1 !important; visibility: visible !important; } .sub-service-hero-section .inner-hero-container { position: relative !important; z-index: 2 !important; } .sub-service-hero-section .inner-hero-wave { display: none !important; }   a.hotline-link, a.hotline-link:visited, a.hotline-link:hover, a.hotline-link:focus, a.hotline-link:active { color:#173c25; background:#f4c95d; }   .inner-hero-content-col, .inner-hero-description { animation:none !important; opacity:1 !important; visibility:visible !important; } @media (max-width:768px) { .sub-service-hero-glass-layer { backdrop-filter:none !important; -webkit-backdrop-filter:none !important; } }
/* Let the shared outer containers provide horizontal spacing. */
.how-it-works-section .hiw-header,
.tp-container .tp-maintenance-header {
    width: 100%;
    max-width: none !important;
    padding-inline: 0 !important;
    margin-inline: 0 !important;
    box-sizing: border-box;
}
.tp-container .tp-maintenance-header { margin-bottom: 3rem; }
.tp-container .tp-maintenance-takeaway {
    padding-inline: 0 !important;
    border-left: 0 !important;
    border-right: 0 !important;
    width: 100%;
    box-sizing: border-box;
}

/* Spacing for the process summary and tree-removal assessment. */
.how-it-works-section .hiw-takeaway {
    padding-block: clamp(24px, 3vw, 36px) !important;
    padding-inline: var(--global-padding-x, 20px) !important;
    border-left: 0 !important;
    box-sizing: border-box;
    margin-block: 12px 32px;
    min-width: 0;
    max-width: 100%;
    white-space: normal;
    overflow-wrap: anywhere;
    line-height: 1.8;
}
.tr-assessment-cta {
    background: var(--color-soft-lilac);
    border-radius: 16px;
    border: 0;
    width: 100%;
    max-width: none;
    box-sizing: border-box;
    padding: clamp(32px, 5vw, 56px) 0;
    margin: clamp(32px, 5vw, 56px) 0 0;
    text-align: center;
    overflow-wrap: anywhere;
}
.tr-assessment-cta p { line-height: 1.8; }

/* Align the removal scope note with its shared section container. */
.tr-included-footer {
    padding-inline: 0 !important;
    border-left: 0 !important;
    max-width: none !important;
    width: 100%;
    margin-inline: 0 !important;
    box-sizing: border-box;
}

/* Comfortable vertical spacing for the removal scope note. */
.tr-included-footer {
    padding-block: clamp(32px, 4vw, 48px) !important;
    margin-block: clamp(24px, 3vw, 40px) !important;
}
.tr-included-footer p {
    line-height: 1.8;
    margin-block: 0;
}