*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:'Inter',-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.7;color:#1e293b;background:#f8fafc;overflow-x:hidden;-webkit-font-smoothing:antialiased;padding-top:72px}h1,h2,h3{font-family:'Plus Jakarta Sans',sans-serif;color:#0f172a;line-height:1.2;font-weight:700;letter-spacing:-0.02em}h1{font-size:clamp(36px,5vw,56px);margin-bottom:24px;font-weight:800}h2{font-size:clamp(28px,4vw,40px);margin-bottom:16px}h3{font-size:clamp(18px,2.5vw,22px);margin-bottom:12px;font-weight:600}p{margin-bottom:16px;font-size:clamp(15px,1.8vw,17px);color:#475569}.container{width:90%;max-width:1200px;margin:0 auto;padding:0 20px}section{padding:70px 0}.section-header{margin-bottom:32px;text-align:center}.section-subtitle{font-size:clamp(16px,2vw,18px);color:#64748b;max-width:600px;margin:0 auto}.section-cta{text-align:center;margin-top:32px}.accent-line{width:80px;height:5px;background:linear-gradient(90deg,#22c55e 0%,#10b981 50%,#059669 100%);border-radius:100px;margin:0 auto 24px;box-shadow:0 2px 8px rgba(34,197,94,0.3)}.light-bg{background:linear-gradient(180deg,#f8fafc 0%,#ffffff 100%)}.dark-bg{background:linear-gradient(135deg,#0f172a 0%,#1e293b 50%,#334155 100%);color:#ffffff;position:relative;overflow:hidden}.dark-bg::before{content:'';position:absolute;top:0;right:0;width:50%;height:100%;background:radial-gradient(ellipse at top right,rgba(45,212,191,0.08) 0%,transparent 60%)}.dark-bg h2,.dark-bg h3{color:#ffffff}.dark-bg p{color:rgba(255,255,255,0.85)}.dark-bg .section-subtitle{color:rgba(255,255,255,0.75)}.header{position:fixed;top:0;left:0;right:0;background:rgba(255,255,255,0.98);backdrop-filter:blur(12px);padding:16px 0;z-index:1000;box-shadow:0 2px 20px rgba(0,0,0,0.08)}.header-container{width:90%;max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between}.logo{display:flex;align-items:center;gap:10px;text-decoration:none}.logo-icon{width:40px;height:40px;background:linear-gradient(135deg,#fbbf24,#f59e0b);border-radius:50%;display:flex;align-items:center;justify-content:center}.logo-icon .material-icons{color:#ffffff;font-size:24px}.logo-text{font-family:'Plus Jakarta Sans',sans-serif;font-size:20px;font-weight:700;color:#0f172a}.nav{display:flex;align-items:center;gap:32px}.nav-links{display:flex;gap:28px;list-style:none;padding:0;margin:0}.nav-links li{padding:0}.nav-links li::before,.nav-links li::after{display:none}.nav-links a{text-decoration:none;color:#475569;font-weight:500;font-size:15px;transition:color 0.3s ease}.nav-links a:hover{color:#14b8a6}.header-cta{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border:2px solid #f59e0b;border-radius:50px;color:#f59e0b;text-decoration:none;font-weight:600;font-size:14px;transition:all 0.3s ease}.header-cta:hover{background:#f59e0b;color:#ffffff}.mobile-menu-btn{display:none;background:none;border:none;cursor:pointer;padding:8px}.mobile-menu-btn .material-icons{font-size:28px;color:#0f172a}.mobile-menu{display:none;position:absolute;top:100%;left:0;right:0;background:rgba(255,255,255,0.98);backdrop-filter:blur(12px);padding:20px;box-shadow:0 8px 24px rgba(0,0,0,0.1);border-top:1px solid #e2e8f0}.mobile-menu.active{display:block}.mobile-nav-links{list-style:none;padding:0;margin:0 0 16px 0;display:flex;flex-direction:column;gap:0}.mobile-nav-links li{padding:0;margin:0}.mobile-nav-links li::before,.mobile-nav-links li::after{display:none}.mobile-nav-links a{display:block;padding:14px 0;color:#0f172a;text-decoration:none;font-weight:500;font-size:16px;border-bottom:1px solid #e2e8f0;transition:color 0.3s ease}.mobile-nav-links a:hover{color:#14b8a6}.mobile-cta{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:14px 24px;background:linear-gradient(135deg,#fbbf24 0%,#f59e0b 100%);color:#0f172a;text-decoration:none;font-weight:700;font-size:15px;border-radius:50px;margin-top:8px}.hero{background:linear-gradient(165deg,#0c4a6e 0%,#075985 40%,#0369a1 100%);color:#ffffff;padding:80px 0 100px;position:relative;overflow:hidden}.hero::before{content:'';position:absolute;top:-50%;right:-20%;width:80%;height:200%;background:radial-gradient(ellipse,rgba(251,191,36,0.08) 0%,transparent 60%)}.hero::after{display:none}.hero-content{position:relative;z-index:1;text-align:center;max-width:900px;margin:0 auto}.hero-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,0.1);border:1px solid rgba(255,255,255,0.2);padding:10px 24px;border-radius:100px;font-size:14px;font-weight:600;margin-bottom:24px;color:#fbbf24}.hero-badge .material-icons{font-size:18px;color:#fbbf24}.hero h1{color:#ffffff;margin-bottom:24px}.hero h1 span,.hero h1 .accent{color:#fbbf24}.hero p{font-size:clamp(17px,2.2vw,20px);max-width:720px;margin:0 auto 40px;color:rgba(255,255,255,0.95);line-height:1.8}.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;position:relative;z-index:1}.hero-grid .hero-content{text-align:left;max-width:none;margin:0}.hero-grid .hero-content p{margin:0 0 40px 0}.hero-image{position:relative}.hero-image img{width:100%;border-radius:20px;box-shadow:0 32px 64px rgba(0,0,0,0.3)}@media (max-width:1024px){.hero-grid{grid-template-columns:1fr;text-align:center;gap:40px}.hero-grid .hero-content{text-align:center}.hero-grid .hero-content p{margin:0 auto 40px}.hero-image{max-width:500px;margin:0 auto}}@media (max-width:768px){.hero-grid{gap:32px}.hero-image{display:block}}.trust-indicators{display:flex;justify-content:center;gap:16px;margin-top:32px;flex-wrap:wrap}.trust-item{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:500;color:rgba(255,255,255,0.9);background:rgba(255,255,255,0.1);padding:8px 16px;border-radius:50px;backdrop-filter:blur(8px)}.trust-item .material-icons{font-size:20px;color:#22c55e}.cta-call{display:inline-flex;align-items:center;gap:10px;padding:18px 36px;background:linear-gradient(135deg,#fbbf24 0%,#f59e0b 100%);color:#0f172a;font-size:clamp(16px,2vw,18px);font-weight:600;text-decoration:none;border-radius:12px;box-shadow:0 8px 24px rgba(251,191,36,0.3);transition:all 0.3s ease;border:none;position:relative;overflow:hidden}.cta-call::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.3),transparent);transition:left 0.6s ease}.cta-call:hover::before{left:100%}.cta-call:hover{box-shadow:0 12px 32px rgba(251,191,36,0.5)}.hero-ctas{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;margin-top:40px}.cta-secondary{display:inline-flex;align-items:center;gap:10px;padding:18px 36px;background:transparent;border:2px solid rgba(255,255,255,0.3);color:#ffffff;font-size:clamp(16px,2vw,18px);font-weight:600;text-decoration:none;border-radius:12px;transition:all 0.3s ease}.cta-secondary:hover{background:rgba(255,255,255,0.1);border-color:rgba(255,255,255,0.5);}.trust-bar{background:#f8fafc;padding:24px 0;border-bottom:1px solid #e2e8f0}.trust-bar-content{display:flex;justify-content:center;align-items:center;gap:48px;flex-wrap:wrap}.trust-bar .trust-item{display:flex;align-items:center;gap:10px;color:#475569;font-size:14px;font-weight:500;background:transparent;padding:0;border-radius:0}.trust-bar .trust-item .material-icons{color:#16a34a;font-size:20px}@media (max-width:768px){.trust-bar-content{gap:24px}}.features-section{padding:100px 0;background:#ffffff}.features-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:28px}.why-solar-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:24px}.feature-card{background:#ffffff;padding:28px;border-radius:16px;border:2px solid #e2e8f0;transition:all 0.4s cubic-bezier(0.4,0,0.2,1);position:relative;overflow:hidden}.feature-card::before{content:'';position:absolute;top:0;left:0;right:0;height:5px;background:linear-gradient(90deg,#22c55e,#10b981);opacity:0;transition:opacity 0.4s ease}.feature-card:hover{border-color:#22c55e;box-shadow:0 20px 40px rgba(34,197,94,0.15)}.feature-card:hover::before{opacity:1}.feature-icon{width:52px;height:52px;background:linear-gradient(135deg,#d1fae5 0%,#a7f3d0 100%);border-radius:14px;display:flex;align-items:center;justify-content:center;margin-bottom:16px;box-shadow:0 4px 12px rgba(34,197,94,0.15)}.feature-icon .material-icons{font-size:26px;color:#059669}.feature-card p{margin-bottom:0;color:#64748b;font-size:15px}ul{list-style:none;padding:0;max-width:700px;margin:0 auto}ul li{padding:10px 0 10px 36px;position:relative;font-size:clamp(14px,1.6vw,16px);color:#334155;margin-bottom:4px;transition:all 0.3s ease}ul li:hover{}ul li::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:24px;height:24px;background:linear-gradient(135deg,#d1fae5,#a7f3d0);border-radius:50%;box-shadow:0 2px 6px rgba(34,197,94,0.15)}ul li::after{content:'check';font-family:'Material Icons';position:absolute;left:4px;top:50%;transform:translateY(-50%);font-size:16px;color:#059669}ol{padding-left:0;counter-reset:step;list-style:none;display:grid;gap:16px;max-width:800px;margin:0 auto}ol li{padding:20px 24px 20px 80px;position:relative;background:linear-gradient(135deg,#ffffff 0%,#f8fafc 100%);border-radius:16px;border:2px solid #e2e8f0;font-size:clamp(14px,1.6vw,16px);color:#334155;transition:all 0.4s cubic-bezier(0.4,0,0.2,1);box-shadow:0 4px 12px rgba(0,0,0,0.03)}ol li:hover{border-color:#14b8a6;box-shadow:0 12px 32px rgba(20,184,166,0.15)}ol li::before{content:counter(step);counter-increment:step;position:absolute;left:20px;top:50%;transform:translateY(-50%);background:linear-gradient(135deg,#14b8a6 0%,#0d9488 100%);color:white;width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:18px;font-family:'Plus Jakarta Sans',sans-serif;box-shadow:0 4px 16px rgba(20,184,166,0.3)}.process-section{padding:100px 0;background:#ffffff}.facts-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:32px;position:relative;align-items:stretch}.fact-step{text-align:center;position:relative;display:flex;flex-direction:column;align-items:center}.fact-step::after{content:'';position:absolute;top:40px;right:-16px;width:32px;height:2px;background:#e2e8f0}.fact-step:last-child::after{display:none}.fact-number{width:80px;height:80px;background:linear-gradient(135deg,#22c55e 0%,#16a34a 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:20px;font-size:28px;font-weight:800;color:#ffffff;font-family:'Plus Jakarta Sans',sans-serif;box-shadow:0 8px 24px rgba(34,197,94,0.3);position:relative;z-index:2;flex-shrink:0}.fact-icon{width:80px;height:80px;background:linear-gradient(135deg,#22c55e 0%,#16a34a 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:20px;box-shadow:0 8px 24px rgba(34,197,94,0.3);position:relative;z-index:2;flex-shrink:0}.fact-icon .material-icons{font-size:36px;color:#ffffff}.fact-step h3{margin-bottom:8px;font-size:clamp(16px,1.8vw,18px)}.fact-step p{margin:0;font-size:14px;color:#64748b;line-height:1.5;flex-grow:1}.fact-value{display:block;font-size:clamp(18px,2vw,22px);font-weight:700;color:#16a34a;margin-top:12px;font-family:'Plus Jakarta Sans',sans-serif}@media (max-width:1024px){.facts-grid{grid-template-columns:repeat(3,1fr);gap:40px}.fact-step::after{display:none}}@media (max-width:768px){.facts-grid{grid-template-columns:repeat(2,1fr);gap:32px}}@media (max-width:480px){.facts-grid{grid-template-columns:1fr;gap:24px}.fact-number{width:64px;height:64px;font-size:24px}}.services-content{display:grid;grid-template-columns:1fr 1.2fr;gap:48px;align-items:start}.services-image{position:sticky;top:100px;border-radius:24px;overflow:hidden;box-shadow:0 24px 48px rgba(0,0,0,0.12)}.services-image img{width:100%;height:auto;display:block;object-fit:contain}.services-list{display:flex;flex-direction:column;gap:24px}.service-card{background:linear-gradient(135deg,#ffffff 0%,#f8fafc 100%);padding:24px;border-radius:16px;border:2px solid #e2e8f0;transition:all 0.4s cubic-bezier(0.4,0,0.2,1);position:relative;box-shadow:0 4px 12px rgba(0,0,0,0.03)}.service-card::before{content:'';position:absolute;left:0;top:28px;bottom:28px;width:5px;background:linear-gradient(180deg,#22c55e,#10b981);border-radius:0 4px 4px 0;opacity:0;transition:opacity 0.4s ease}.service-card:hover{box-shadow:0 20px 40px rgba(34,197,94,0.12);border-color:#22c55e}.service-card:hover::before{opacity:1}.service-card h3{display:flex;align-items:center;gap:12px}.service-card .material-icons{color:#14b8a6;font-size:28px}.slideshow{position:relative;width:100%;aspect-ratio:4/3;border-radius:24px;overflow:hidden;box-shadow:0 24px 48px rgba(0,0,0,0.12)}.slideshow-slide{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transition:opacity 0.8s ease-in-out}.slideshow-slide.active{opacity:1}.slideshow-slide img{width:100%;height:100%;object-fit:cover}.slideshow-dots{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);display:flex;gap:10px;z-index:10}.slideshow-dot{width:12px;height:12px;border-radius:50%;background:rgba(255,255,255,0.5);border:none;cursor:pointer;transition:all 0.3s ease;padding:0}.slideshow-dot:hover{background:rgba(255,255,255,0.8)}.slideshow-dot.active{background:#ffffff;transform:scale(1.3);box-shadow:0 2px 8px rgba(0,0,0,0.3)}.slideshow-arrow{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:48px;background:rgba(255,255,255,0.95);border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:10;transition:all 0.3s ease;box-shadow:0 4px 16px rgba(0,0,0,0.2)}.slideshow-arrow:hover{background:#ffffff;transform:translateY(-50%)}.slideshow-arrow .material-icons{font-size:28px;color:#0f172a}.slideshow-arrow.prev{left:16px}.slideshow-arrow.next{right:16px}.stats-container{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:32px}.stat-box{text-align:center;padding:32px 20px;background:linear-gradient(135deg,#ffffff 0%,#f8fafc 100%);border-radius:20px;border:2px solid #e2e8f0;transition:all 0.4s cubic-bezier(0.4,0,0.2,1);box-shadow:0 4px 12px rgba(0,0,0,0.03)}.stat-box:hover{border-color:#14b8a6;box-shadow:0 16px 40px rgba(20,184,166,0.15)}.stat-icon{width:56px;height:56px;background:linear-gradient(135deg,#d1fae5,#a7f3d0);border-radius:16px;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;box-shadow:0 4px 12px rgba(34,197,94,0.2)}.stat-icon .material-icons{font-size:28px;color:#059669}.stat-number{font-size:clamp(32px,4vw,42px);font-weight:800;color:#0f172a;display:block;margin-bottom:8px;font-family:'Plus Jakarta Sans',sans-serif}.stat-label{font-size:14px;color:#64748b;font-weight:600;text-transform:uppercase;letter-spacing:0.08em}.zip-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:20px;margin-top:32px}.zip-badge{display:flex;flex-direction:column;align-items:center;background:linear-gradient(135deg,#ffffff 0%,#f8fafc 100%);padding:24px 20px 20px;border-radius:18px;border:2px solid #e2e8f0;transition:all 0.4s cubic-bezier(0.4,0,0.2,1);text-decoration:none;box-shadow:0 2px 8px rgba(0,0,0,0.03)}.zip-badge:hover{border-color:#14b8a6;box-shadow:0 16px 36px rgba(20,184,166,0.2)}.zip-badge:hover .zip-cta{background:linear-gradient(135deg,#14b8a6 0%,#0d9488 100%);color:#ffffff}.zip-code{font-size:22px;font-weight:800;color:#0f172a;font-family:'Plus Jakarta Sans',sans-serif;margin-bottom:6px}.zip-name{font-size:14px;color:#64748b;text-align:center;font-weight:500;margin-bottom:14px}.zip-cta{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:700;color:#14b8a6;background:#ccfbf1;padding:7px 14px;border-radius:20px;transition:all 0.3s ease;text-transform:uppercase}.cities-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:16px;margin-top:40px}.city-link{background:rgba(255,255,255,0.08);padding:18px 24px;border-radius:14px;border:1.5px solid rgba(255,255,255,0.15);color:rgba(255,255,255,0.95);text-decoration:none;font-size:15px;font-weight:600;text-align:center;transition:all 0.4s cubic-bezier(0.4,0,0.2,1);display:flex;align-items:center;justify-content:center;backdrop-filter:blur(8px)}.city-link:hover{background:rgba(34,197,94,0.15);border-color:#22c55e;color:#ffffff;;box-shadow:0 12px 24px rgba(34,197,94,0.25)}.reviews-section{padding:70px 0;background:linear-gradient(180deg,#f8fafc 0%,#ffffff 100%)}.reviews-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:24px;margin-bottom:32px}.review-card{background:linear-gradient(135deg,#ffffff 0%,#f8fafc 100%);padding:28px;border-radius:20px;border:2px solid #e2e8f0;transition:all 0.4s cubic-bezier(0.4,0,0.2,1);position:relative;overflow:hidden;box-shadow:0 4px 12px rgba(0,0,0,0.03)}.review-card::before{content:'';position:absolute;top:0;left:0;right:0;height:5px;background:linear-gradient(90deg,#22c55e,#10b981);opacity:0;transition:opacity 0.4s ease}.review-card:hover{border-color:#22c55e;box-shadow:0 24px 48px rgba(34,197,94,0.15)}.review-card:hover::before{opacity:1}.review-header{display:flex;align-items:center;gap:16px;margin-bottom:20px;flex-wrap:wrap}.review-avatar{width:60px;height:60px;background:linear-gradient(135deg,#22c55e,#10b981);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 4px 16px rgba(34,197,94,0.3)}.review-avatar .material-icons{font-size:34px;color:#ffffff}.review-author{flex:1;min-width:150px}.author-name{font-size:19px;font-weight:700;color:#0f172a;margin-bottom:4px;font-family:'Plus Jakarta Sans',sans-serif}.author-location{font-size:14px;color:#64748b;margin:0}.review-stars{display:flex;gap:4px}.star-icon{font-size:20px;color:#fbbf24}.review-text{font-size:16px;line-height:1.8;color:#334155;margin-bottom:20px;font-style:italic}.review-meta{display:flex;align-items:center;gap:6px;color:#059669;font-size:14px;font-weight:600}.reviews-summary{background:linear-gradient(135deg,#ecfdf5 0%,#d1fae5 100%);padding:32px 28px;border-radius:20px;border:2px solid #22c55e;text-align:center;box-shadow:0 8px 24px rgba(34,197,94,0.15)}.summary-stat{display:flex;flex-direction:column;align-items:center;gap:12px}.summary-number{font-size:clamp(56px,6vw,72px);font-weight:800;color:#0f172a;font-family:'Plus Jakarta Sans',sans-serif;line-height:1}.summary-stars{display:flex;gap:8px}.summary-text{font-size:17px;color:#64748b;margin:0;font-weight:600}.about-content{max-width:900px;margin:0 auto;text-align:center}.about-content p{font-size:clamp(16px,2vw,18px);line-height:1.9}.last-updated{margin-top:24px;font-size:14px;color:#64748b}.faq-accordion{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}.faq-column{display:flex;flex-direction:column;gap:12px}.faq-accordion-item{width:100%;background:linear-gradient(135deg,#ffffff 0%,#f8fafc 100%);border-radius:12px;border:1.5px solid #e2e8f0;overflow:hidden;transition:all 0.4s cubic-bezier(0.4,0,0.2,1);box-shadow:0 2px 6px rgba(0,0,0,0.03)}.faq-accordion-item:hover{border-color:#14b8a6;box-shadow:0 12px 28px rgba(20,184,166,0.12)}.faq-accordion-item.active{border-color:#14b8a6;box-shadow:0 16px 36px rgba(20,184,166,0.18)}.faq-question{width:100%;background:transparent;border:none;padding:16px 20px;display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer;text-align:left;transition:all 0.3s ease;position:relative}.faq-question::before{content:'';position:absolute;left:0;top:0;bottom:0;width:5px;background:linear-gradient(180deg,#14b8a6,#0d9488);opacity:0;transition:opacity 0.3s ease}.faq-accordion-item.active .faq-question::before{opacity:1}.faq-question:hover{background:#f8fafc}.faq-accordion-item.active .faq-question{background:linear-gradient(135deg,#ccfbf1 0%,#e0f2fe 100%)}.faq-question-text{font-size:clamp(14px,1.6vw,16px);font-weight:600;color:#0f172a;font-family:'Plus Jakarta Sans',sans-serif;line-height:1.4}.faq-icon{flex-shrink:0;width:24px;height:24px;background:linear-gradient(135deg,#ccfbf1,#a7f3d0);border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all 0.4s cubic-bezier(0.4,0,0.2,1)}.faq-icon .material-icons{font-size:16px;color:#14b8a6;transition:transform 0.4s cubic-bezier(0.4,0,0.2,1)}.faq-accordion-item.active .faq-icon{background:linear-gradient(135deg,#14b8a6,#0d9488);transform:rotate(135deg)}.faq-accordion-item.active .faq-icon .material-icons{color:#ffffff}.faq-answer{max-height:0;overflow:hidden;transition:max-height 0.5s cubic-bezier(0.4,0,0.2,1)}.faq-accordion-item.active .faq-answer{max-height:500px}.faq-answer-content{padding:0 20px 16px 20px}.faq-answer-content p{margin:0;font-size:clamp(14px,1.6vw,15px);color:#475569;line-height:1.7}.final-cta{background:linear-gradient(135deg,#0f766e 0%,#14b8a6 50%,#2dd4bf 100%);color:#ffffff;text-align:center;padding:70px 20px;position:relative;overflow:hidden}.final-cta::before{content:'';position:absolute;top:-20%;left:-10%;width:500px;height:500px;background:radial-gradient(circle,rgba(45,212,191,0.2) 0%,transparent 70%);border-radius:50%}.final-cta-content{position:relative;z-index:1;max-width:700px;margin:0 auto}.final-cta h2{color:#ffffff;margin-bottom:16px;text-shadow:0 2px 16px rgba(0,0,0,0.15)}.final-cta p{font-size:clamp(17px,2.2vw,20px);margin:0 auto 40px;color:rgba(255,255,255,0.95)}.highlight-box{background:linear-gradient(135deg,#fef3c7 0%,#fde68a 100%);padding:28px 32px;border-radius:20px;border:2px solid #fbbf24;margin:28px 0;box-shadow:0 8px 24px rgba(251,191,36,0.2)}.highlight-box p{font-size:clamp(18px,2.5vw,22px);margin:0;text-align:center;color:#0f172a;font-weight:600}.highlight-box strong{color:#14b8a6}.footer{background:linear-gradient(180deg,#0f172a 0%,#1e293b 100%);color:#ffffff;padding:60px 0 0}.footer-container{width:90%;max-width:1200px;margin:0 auto}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:48px;padding-bottom:48px;border-bottom:1px solid rgba(255,255,255,0.1)}.footer-brand .logo{margin-bottom:20px}.footer-brand .logo-text{color:#ffffff}.footer-brand p{color:rgba(255,255,255,0.7);font-size:15px;margin-bottom:24px;line-height:1.7}.footer-contact{display:flex;flex-direction:column;gap:12px}.footer-contact a{display:flex;align-items:center;gap:10px;color:rgba(255,255,255,0.8);text-decoration:none;font-size:15px;transition:color 0.3s ease}.footer-contact a:hover{color:#fbbf24}.footer-contact .material-icons{font-size:18px;color:#f59e0b}.footer-column h4{color:#ffffff;font-size:16px;font-weight:600;margin-bottom:24px;font-family:'Plus Jakarta Sans',sans-serif}.footer-links{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:14px}.footer-links li{padding:0}.footer-links li::before,.footer-links li::after{display:none}.footer-links a{color:rgba(255,255,255,0.7);text-decoration:none;font-size:15px;transition:color 0.3s ease}.footer-links a:hover{color:#fbbf24}.footer-bottom{padding:24px 0;display:flex;justify-content:space-between;align-items:center}.footer-copyright{color:rgba(255,255,255,0.5);font-size:14px}.footer-legal{display:flex;gap:24px}.footer-legal a{color:rgba(255,255,255,0.5);text-decoration:none;font-size:14px;transition:color 0.3s ease}.footer-legal a:hover{color:#fbbf24}@media (max-width:1024px){.features-grid{grid-template-columns:repeat(2,1fr)}.why-solar-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){section{padding:48px 0}.hero{padding:60px 0 80px}.features-grid,.why-solar-grid{grid-template-columns:repeat(2,1fr);gap:20px}.stats-container{grid-template-columns:1fr}.services-content{grid-template-columns:1fr}.reviews-grid{grid-template-columns:1fr}.faq-accordion{grid-template-columns:1fr}.nav-links{display:none}.mobile-menu-btn{display:block}.footer-grid{grid-template-columns:1fr 1fr}.footer-brand{grid-column:span 2}.trust-indicators{gap:16px}.trust-item{font-size:12px;padding:6px 12px}.cities-grid{grid-template-columns:repeat(2,1fr)}.zip-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.features-grid,.why-solar-grid{grid-template-columns:1fr}.cta-call{width:100%;justify-content:center}.footer-grid{grid-template-columns:1fr}.footer-brand{grid-column:span 1}.cities-grid{grid-template-columns:1fr}.zip-grid{grid-template-columns:1fr}.trust-indicators{flex-direction:column;align-items:center}.footer-bottom{flex-direction:column;gap:16px;text-align:center}}
/* Social Media Icons */
.footer-social{display:flex;gap:12px;margin-top:16px}
.footer-social a{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,0.1);color:#fff;transition:all 0.3s ease}
.footer-social a:hover{background:#f59e0b;}
.footer-social svg{width:20px;height:20px}
/* Improved Social Media Icons */
.footer-social{display:flex;gap:10px;margin-top:20px}
.footer-social a{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;background:rgba(255,255,255,0.1);color:rgba(255,255,255,0.8);font-size:16px;transition:all 0.3s ease;text-decoration:none}
.footer-social a:hover{}
.footer-social .social-fb:hover{background:#1877f2;color:#fff}
.footer-social .social-ig:hover{background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888);color:#fff}
.footer-social .social-tw:hover{background:#000;color:#fff}
.footer-social .social-li:hover{background:#0a66c2;color:#fff}
.footer-social .social-yt:hover{background:#ff0000;color:#fff}
/* Dropdown Menu Styles */
.dropdown {
position: relative;
}
.dropdown-toggle {
display: flex;
align-items: center;
gap: 4px;
cursor: pointer;
}
.dropdown-toggle .material-icons {
font-size: 18px;
transition: transform 0.3s ease;
}
.dropdown:hover .dropdown-toggle .material-icons {
transform: rotate(180deg);
}
.dropdown-menu {
position: absolute;
top: 100%;
left: 0;
background: #fff;
min-width: 200px;
border-radius: 12px;
box-shadow: 0 10px 40px rgba(0,0,0,0.15);
opacity: 0;
visibility: hidden;
transform: translateY(10px);
transition: all 0.3s ease;
z-index: 1000;
padding: 8px 0;
list-style: none;
margin: 0;
}
.dropdown:hover .dropdown-menu {
opacity: 1;
visibility: visible;
transform: translateY(0);
}
.dropdown-menu li {
margin: 0;
}
.dropdown-menu li a {
display: block;
padding: 12px 20px;
color: #0f172a;
text-decoration: none;
font-size: 14px;
font-weight: 500;
transition: background 0.2s ease;
}
.dropdown-menu li a:hover {
background: #f8fafc;
color: #d97706;
}
/* Social Icons - Round Style */
.footer-social {
display: flex;
gap: 12px;
margin-top: 20px;
}
.footer-social a {
display: flex;
align-items: center;
justify-content: center;
width: 40px;
height: 40px;
border-radius: 50% !important;
background: rgba(255,255,255,0.1);
color: #fff;
font-size: 16px;
transition: all 0.3s ease;
text-decoration: none;
}
.footer-social a:hover {
;
color: #fff;
}
.footer-social .social-fb:hover { background: #1877f2; }
.footer-social .social-ig:hover { background: linear-gradient(45deg, #f09433, #e6683c, #dc2743, #cc2366, #bc1888); }
.footer-social .social-tw:hover { background: #000; }
.footer-social .social-li:hover { background: #0a66c2; }
.footer-social .social-yt:hover { background: #ff0000; }
/* ========================================
MOBILE OPTIMIZATION - Matching Company Pages
======================================== */
.floating-call-btn { display: none; }
@media (max-width: 480px) {
.container { padding: 0 16px; }
/* Header mobile optimization */
.header { padding: 10px 0; }
.header-container { width: 96%; }
.logo-img { height: 36px; }
.nav { gap: 10px; }
.header-cta { display: none; }
.mobile-menu-btn { padding: 6px; }
.mobile-menu-btn .material-icons { font-size: 24px; }
.mobile-menu { padding: 16px; }
.mobile-nav-links a { padding: 12px 0; font-size: 15px; }
.mobile-cta { padding: 12px 20px; font-size: 14px; }
/* Floating Call Bar */
.floating-call-btn {
display: flex !important;
position: fixed;
bottom: 0;
left: 0;
right: 0;
z-index: 999;
background: linear-gradient(135deg, #f59e0b, #d97706);
color: #fff;
padding: 18px 24px;
border-radius: 0;
text-decoration: none;
font-weight: 700;
font-size: 16px;
align-items: center;
justify-content: center;
gap: 10px;
box-shadow: 0 -4px 20px rgba(0, 0, 0, 0.15);
}
.floating-call-btn .material-icons { font-size: 22px; }
.footer { padding-bottom: 70px; }
}
/* ========== SOLAR COMPANIES PAGE STYLES ========== */
/* Company Cards */
.company-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(340px, 1fr));
gap: 24px;
margin-top: 32px;
}
.company-card {
background: linear-gradient(135deg, #ffffff 0%, #f8fafc 100%);
border: 2px solid #e2e8f0;
padding: 28px;
border-radius: 20px;
transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
position: relative;
overflow: hidden;
}
.company-card::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
height: 5px;
background: linear-gradient(90deg, #22c55e, #10b981);
opacity: 0;
transition: opacity 0.4s ease;
}
.company-card:hover {
border-color: #22c55e;
box-shadow: 0 20px 40px rgba(34, 197, 94, 0.15);
transform: translateY(-6px);
}
.company-card:hover::before { opacity: 1; }
.company-card h3 {
margin: 0 0 12px 0;
font-size: 20px;
color: #0f172a;
font-family: 'Plus Jakarta Sans', sans-serif;
font-weight: 700;
}
.company-rating {
display: flex;
align-items: center;
gap: 8px;
margin-bottom: 16px;
}
.company-rating .stars { color: #fbbf24; font-size: 18px; letter-spacing: 2px; }
.company-rating .rating-text { font-weight: 700; color: #0f172a; font-size: 16px; }
.company-rating .review-count { color: #64748b; font-size: 14px; }
.company-info { margin-bottom: 20px; }
.company-info-item {
display: flex;
align-items: flex-start;
gap: 10px;
margin: 10px 0;
font-size: 14px;
color: #475569;
}
.company-info-item .material-icons { font-size: 20px; color: #14b8a6; flex-shrink: 0; }
.company-buttons { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 20px; }
.btn-call {
display: inline-flex;
align-items: center;
gap: 8px;
padding: 12px 20px;
background: linear-gradient(135deg, #22c55e 0%, #16a34a 100%);
color: #ffffff;
border-radius: 10px;
font-size: 14px;
font-weight: 600;
text-decoration: none;
transition: all 0.3s ease;
box-shadow: 0 4px 12px rgba(34, 197, 94, 0.25);
}
.btn-call:hover { transform: translateY(-2px); box-shadow: 0 8px 20px rgba(34, 197, 94, 0.35); }
.btn-call .material-icons { font-size: 18px; }
.btn-website {
display: inline-flex;
align-items: center;
gap: 8px;
padding: 12px 20px;
background: #ffffff;
color: #0369a1;
border: 2px solid #0369a1;
border-radius: 10px;
font-size: 14px;
font-weight: 600;
text-decoration: none;
transition: all 0.3s ease;
}
.btn-website:hover { background: #0369a1; color: #ffffff; }
.btn-website .material-icons { font-size: 18px; }
.btn-map {
display: inline-flex;
align-items: center;
gap: 8px;
padding: 12px 20px;
background: linear-gradient(135deg, #059669 0%, #047857 100%);
color: #ffffff;
border-radius: 10px;
font-size: 14px;
font-weight: 600;
text-decoration: none;
transition: all 0.3s ease;
}
.btn-map:hover { transform: translateY(-2px); }
.btn-map .material-icons { font-size: 18px; }
/* Stats Grid */
.stats-grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 24px;
margin-top: 32px;
}
.stat-card {
background: linear-gradient(135deg, #f0f9ff, #e0f2fe);
padding: 28px;
border-radius: 16px;
text-align: center;
border: 2px solid #bae6fd;
transition: all 0.3s ease;
}
.stat-card:hover {
border-color: #14b8a6;
transform: translateY(-4px);
box-shadow: 0 12px 24px rgba(20, 184, 166, 0.15);
}
.stat-value {
font-size: 32px;
font-weight: 800;
color: #0369a1;
font-family: 'Plus Jakarta Sans', sans-serif;
margin-bottom: 8px;
}
.stat-label { font-size: 14px; color: #64748b; font-weight: 600; }
/* Who Should Hire - List Style */
.who-hire-list {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
gap: 16px;
margin-top: 32px;
}
.who-hire-item {
display: flex;
align-items: center;
gap: 16px;
background: #fff;
padding: 20px 24px;
border-radius: 14px;
border: 2px solid #e2e8f0;
transition: all 0.3s ease;
}
.who-hire-item:hover {
border-color: #22c55e;
background: #f0fdf4;
}
.who-hire-item .icon-circle {
width: 48px;
height: 48px;
background: linear-gradient(135deg, #ecfdf5 0%, #d1fae5 100%);
border-radius: 12px;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
}
.who-hire-item .icon-circle .material-icons {
font-size: 24px;
color: #059669;
}
.who-hire-item:hover .icon-circle {
background: linear-gradient(135deg, #22c55e 0%, #16a34a 100%);
}
.who-hire-item:hover .icon-circle .material-icons {
color: #fff;
}
.who-hire-item span {
font-size: 15px;
font-weight: 600;
color: #334155;
}
/* Services Grid Cards */
.services-card-grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 20px;
margin-top: 32px;
}
.service-card-item {
background: #fff;
padding: 28px 20px;
border-radius: 16px;
border: 2px solid #e2e8f0;
text-align: center;
transition: all 0.3s ease;
}
.service-card-item:hover {
border-color: #f59e0b;
transform: translateY(-4px);
box-shadow: 0 12px 24px rgba(245, 158, 11, 0.15);
}
.service-card-item .icon-wrap {
width: 56px;
height: 56px;
background: linear-gradient(135deg, #fef3c7 0%, #fde68a 100%);
border-radius: 14px;
display: flex;
align-items: center;
justify-content: center;
margin: 0 auto 14px;
}
.service-card-item .icon-wrap .material-icons {
font-size: 28px;
color: #d97706;
}
.service-card-item:hover .icon-wrap {
background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);
}
.service-card-item:hover .icon-wrap .material-icons {
color: #fff;
}
.service-card-item h4 {
font-family: 'Plus Jakarta Sans', sans-serif;
font-size: 14px;
font-weight: 700;
color: #0f172a;
margin: 0;
line-height: 1.4;
}
/* Services Widget - Design 5 */
.services-widget-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 24px;
margin-top: 32px;
}
.service-widget-card {
background: #ffffff;
padding: 32px 28px;
border-radius: 20px;
border: 2px solid #e2e8f0;
position: relative;
transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
text-decoration: none;
display: block;
}
.service-widget-card::before {
content: attr(data-num);
position: absolute;
top: -14px;
right: 24px;
background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);
color: white;
width: 36px;
height: 36px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-weight: 800;
font-size: 15px;
font-family: 'Plus Jakarta Sans', sans-serif;
box-shadow: 0 4px 12px rgba(245, 158, 11, 0.3);
}
.service-widget-card:hover {
border-color: #22c55e;
transform: translateY(-8px);
box-shadow: 0 20px 40px rgba(34, 197, 94, 0.15);
}
.service-widget-card .service-icon {
width: 64px;
height: 64px;
background: linear-gradient(135deg, #ecfdf5 0%, #d1fae5 100%);
border-radius: 16px;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 20px;
transition: all 0.3s ease;
}
.service-widget-card:hover .service-icon {
background: linear-gradient(135deg, #22c55e 0%, #16a34a 100%);
transform: scale(1.1);
}
.service-widget-card .service-icon .material-icons {
font-size: 32px;
color: #059669;
transition: color 0.3s ease;
}
.service-widget-card:hover .service-icon .material-icons { color: #ffffff; }
.service-widget-card h4 {
font-family: 'Plus Jakarta Sans', sans-serif;
font-size: 18px;
font-weight: 700;
color: #0f172a;
margin: 0 0 8px 0;
}
.service-widget-card p {
font-size: 14px;
color: #64748b;
margin: 0 0 16px 0;
line-height: 1.6;
}
.service-widget-card .service-link {
display: inline-flex;
align-items: center;
gap: 6px;
font-size: 14px;
font-weight: 600;
color: #22c55e;
transition: all 0.3s ease;
}
.service-widget-card:hover .service-link { color: #16a34a; gap: 10px; }
.service-widget-card .service-link .material-icons { font-size: 18px; }
/* Incentives Cards */
.incentives-grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 20px;
margin-top: 32px;
}
.incentive-card {
display: flex;
align-items: center;
gap: 16px;
background: linear-gradient(135deg, #f0fdf4 0%, #dcfce7 100%);
padding: 22px 26px;
border-radius: 14px;
border: 2px solid #bbf7d0;
transition: all 0.3s ease;
}
.incentive-card:hover {
border-color: #22c55e;
transform: translateY(-2px);
box-shadow: 0 8px 20px rgba(34, 197, 94, 0.15);
}
.incentive-card .icon-box {
width: 50px;
height: 50px;
background: linear-gradient(135deg, #22c55e 0%, #16a34a 100%);
border-radius: 12px;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
}
.incentive-card .icon-box .material-icons {
font-size: 26px;
color: #fff;
}
.incentive-card span {
font-size: 15px;
font-weight: 600;
color: #166534;
}
/* Content Box */
.content-box {
background: #ffffff;
padding: 32px;
border-radius: 16px;
border: 2px solid #e2e8f0;
margin-top: 24px;
}
.content-box p {
color: #475569;
line-height: 1.8;
margin-bottom: 16px;
}
.content-box p:last-child { margin-bottom: 0; }
.content-box h3 {
font-family: 'Plus Jakarta Sans', sans-serif;
font-size: 18px;
font-weight: 700;
color: #0f172a;
margin: 24px 0 12px 0;
}
.content-box h3:first-of-type { margin-top: 0; }
/* Floating Call Button - Hidden on desktop */
.floating-call-btn { display: none; }
/* Responsive - Tablet */
@media (max-width: 1024px) {
.stats-grid { grid-template-columns: repeat(2, 1fr); }
.services-card-grid { grid-template-columns: repeat(2, 1fr); }
.services-widget-grid { grid-template-columns: repeat(3, 1fr); }
}
/* Responsive - Mobile Landscape */
@media (max-width: 768px) {
.company-grid { grid-template-columns: 1fr; }
.stats-grid { grid-template-columns: repeat(2, 1fr); gap: 16px; }
.services-card-grid { grid-template-columns: repeat(2, 1fr); gap: 12px; }
.services-widget-grid { grid-template-columns: 1fr; gap: 16px; }
.who-hire-list { grid-template-columns: 1fr; gap: 12px; }
.incentives-grid { grid-template-columns: 1fr; gap: 12px; }
.section-header h2 { font-size: 24px; }
.section-subtitle { font-size: 15px; }
.company-card { padding: 20px; }
.company-card h3 { font-size: 18px; }
.stat-card { padding: 20px; }
.stat-value { font-size: 26px; }
.service-widget-card { padding: 24px 20px; }
.service-widget-card h4 { font-size: 16px; }
.cities-interlink-title { font-size: 20px; }
}
/* Responsive - Mobile Portrait */
@media (max-width: 480px) {
.container { padding: 0 16px; }
/* Header mobile optimization */
.header { padding: 10px 0; }
.header-container { width: 96%; }
.logo-img { height: 36px; }
.nav { gap: 10px; }
.header-cta { display: none; }
.mobile-menu-btn { padding: 6px; }
.mobile-menu-btn .material-icons { font-size: 24px; }
.mobile-menu { padding: 16px; }
.mobile-nav-links a { padding: 12px 0; font-size: 15px; }
.mobile-cta { padding: 12px 20px; font-size: 14px; }
/* Floating Call Bar */
.floating-call-btn {
display: flex !important;
position: fixed;
bottom: 0;
left: 0;
right: 0;
z-index: 999;
background: linear-gradient(135deg, #f59e0b, #d97706);
color: #fff;
padding: 18px 24px;
border-radius: 0;
text-decoration: none;
font-weight: 700;
font-size: 16px;
align-items: center;
justify-content: center;
gap: 10px;
box-shadow: 0 -4px 20px rgba(0, 0, 0, 0.15);
}
.floating-call-btn .material-icons { font-size: 22px; }
/* Add padding to footer so content not hidden behind bar */
.footer { padding-bottom: 70px; }
.stats-grid { grid-template-columns: repeat(2, 1fr); gap: 12px; }
.stat-card { padding: 16px 12px; }
.stat-value { font-size: 22px; }
.stat-label { font-size: 12px; }
.services-card-grid { grid-template-columns: repeat(2, 1fr); gap: 10px; }
.service-card-item { padding: 16px 12px; }
.service-card-item .icon-wrap { width: 44px; height: 44px; margin-bottom: 10px; }
.service-card-item .icon-wrap .material-icons { font-size: 22px; }
.service-card-item h4 { font-size: 12px; }
.company-card { padding: 18px; border-radius: 16px; }
.company-card h3 { font-size: 17px; margin-bottom: 10px; }
.company-rating { flex-wrap: wrap; gap: 6px; margin-bottom: 14px; }
.company-rating .stars { font-size: 16px; }
.company-rating .rating-text { font-size: 14px; }
.company-rating .review-count { font-size: 13px; }
.company-info-item { font-size: 13px; }
.company-info-item .material-icons { font-size: 18px; }
.company-buttons { flex-direction: column; gap: 10px; margin-top: 16px; }
.company-buttons a { justify-content: center; width: 100%; padding: 14px 20px; }
.who-hire-item { padding: 16px 18px; }
.who-hire-item .icon-circle { width: 42px; height: 42px; }
.who-hire-item .icon-circle .material-icons { font-size: 22px; }
.who-hire-item span { font-size: 14px; }
.service-widget-card { padding: 22px 18px; }
.service-widget-card::before { width: 32px; height: 32px; font-size: 13px; top: -12px; right: 18px; }
.service-widget-card .service-icon { width: 54px; height: 54px; margin-bottom: 16px; }
.service-widget-card .service-icon .material-icons { font-size: 28px; }
.service-widget-card h4 { font-size: 16px; }
.service-widget-card p { font-size: 13px; margin-bottom: 14px; }
.incentive-card { padding: 16px 18px; }
.incentive-card .icon-box { width: 44px; height: 44px; }
.incentive-card .icon-box .material-icons { font-size: 22px; }
.incentive-card span { font-size: 14px; }
.section-header { margin-bottom: 24px; }
.section-header h2 { font-size: 20px; line-height: 1.3; }
.section-subtitle { font-size: 14px; }
.accent-line { width: 50px; height: 3px; margin-bottom: 14px; }
.cities-interlink-title { font-size: 18px; }
.cities-interlink-title .material-icons { font-size: 22px; }
.faq-question { padding: 16px; }
.faq-question-text { font-size: 14px; }
.faq-answer-content { padding: 14px 16px; }
.faq-answer-content p { font-size: 14px; }
h3 { font-size: 17px; }
p { font-size: 15px; line-height: 1.7; }
.hero h1 { font-size: 26px; }
.hero p { font-size: 15px; }
.hero-badge { font-size: 13px; padding: 8px 14px; }
.hero-badge .material-icons { font-size: 18px; }
.trust-bar-content { flex-wrap: wrap; justify-content: center; gap: 12px; }
.trust-item { font-size: 13px; }
.trust-item .material-icons { font-size: 18px; }
}
/* Responsive - Very small screens */
@media (max-width: 360px) {
.stats-grid { grid-template-columns: 1fr; }
.services-card-grid { grid-template-columns: 1fr; }
.stat-card { padding: 20px; }
.stat-value { font-size: 28px; }
.service-card-item { padding: 20px; }
.service-card-item h4 { font-size: 14px; }
}