Electrical Panel Installation Vancouver WA | 200 Amp Panel Upgrade Cost | Crown Electric :root { --maroon: #800020; --maroon-dark: #660018; --maroon-light: #a0002a; --gold: #FFD700; --gold-dark: #DAA520; --gold-light: #FFF8DC; --white: #FFFFFF; --gray-50: #F9FAFB; --gray-100: #F3F4F6; --gray-200: #E5E7EB; --gray-300: #D1D5DB; --gray-400: #9CA3AF; --gray-500: #6B7280; --gray-600: #4B5563; --gray-700: #374151; --gray-800: #1F2937; --gray-900: #111827; } * { margin: 0; padding: 0; box-sizing: border-box; } body { font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; line-height: 1.6; color: var(--gray-800); overflow-x: hidden; font-size: 16px; } .container { max-width: 1200px; margin: 0 auto; padding: 0 20px; } /* ===== NAVIGATION ===== */ .navbar { background: var(--white); box-shadow: 0 2px 20px rgba(0,0,0,0.1); position: fixed; top: 0; left: 0; right: 0; z-index: 1000; transition: all 0.3s ease; } .navbar.scrolled { background: rgba(255,255,255,0.95); backdrop-filter: blur(10px); } .nav-container { display: flex; justify-content: space-between; align-items: center; padding: 1rem 20px; max-width: 1200px; margin: 0 auto; position: relative; } .nav-logo { display: flex; align-items: center; gap: 0.5rem; text-decoration: none; color: var(--maroon); font-weight: 800; font-size: 1.5rem; z-index: 1002; } .nav-logo img { width: 40px; height: 40px; object-fit: contain; } .nav-menu { display: flex; list-style: none; gap: 2rem; align-items: center; } .nav-link { text-decoration: none; color: var(--gray-700); font-weight: 500; font-size: 0.95rem; transition: all 0.3s ease; position: relative; padding: 0.5rem 0; } .nav-link:hover, .nav-link.active { color: var(--maroon); } .nav-link::after { content: ''; position: absolute; bottom: 0; left: 0; width: 0; height: 2px; background: var(--gold); transition: width 0.3s ease; } .nav-link:hover::after, .nav-link.active::after { width: 100%; } .nav-dropdown { position: relative; } .dropdown-content { position: absolute; top: 100%; left: 0; background: var(--white); min-width: 240px; box-shadow: 0 10px 40px rgba(0,0,0,0.15); border-radius: 10px; padding: 1rem 0; opacity: 0; visibility: hidden; transform: translateY(-10px); transition: all 0.3s ease; border: 1px solid var(--gray-200); z-index: 1001; } .nav-dropdown:hover .dropdown-content { opacity: 1; visibility: visible; transform: translateY(0); } .dropdown-link { display: block; padding: 0.8rem 1.5rem; color: var(--gray-700); text-decoration: none; font-size: 0.9rem; transition: all 0.3s ease; } .dropdown-link:hover { background: var(--gray-50); color: var(--maroon); } .dropdown-link.active { background: var(--gray-50); color: var(--maroon); font-weight: 600; } .nav-cta { display: flex; align-items: center; gap: 1rem; } .nav-phone { background: linear-gradient(135deg, var(--maroon) 0%, var(--maroon-dark) 100%); color: var(--white); padding: 0.8rem 1.5rem; border-radius: 50px; text-decoration: none; font-weight: 600; font-size: 0.9rem; transition: all 0.3s ease; display: flex; align-items: center; gap: 0.5rem; white-space: nowrap; } .nav-phone:hover { transform: translateY(-2px); box-shadow: 0 10px 30px rgba(128,0,32,0.3); } /* Mobile Navigation */ .mobile-menu-toggle { display: none; flex-direction: column; justify-content: space-around; width: 30px; height: 30px; background: transparent; border: none; cursor: pointer; padding: 0; z-index: 1002; } .mobile-menu-toggle span { display: block; height: 3px; width: 100%; background: var(--maroon); border-radius: 3px; transition: all 0.3s cubic-bezier(0.68,-0.55,0.265,1.55); transform-origin: center; } .mobile-menu-toggle.active span:nth-child(1) { transform: rotate(45deg) translate(5px,5px); } .mobile-menu-toggle.active span:nth-child(2) { opacity: 0; transform: translateX(20px); } .mobile-menu-toggle.active span:nth-child(3) { transform: rotate(-45deg) translate(7px,-6px); } .mobile-menu-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); opacity: 0; visibility: hidden; transition: all 0.3s ease; z-index: 999; } .mobile-menu-overlay.active { opacity: 1; visibility: visible; } .mobile-menu { position: fixed; top: 0; right: -100%; width: 320px; max-width: 85vw; height: 100vh; background: var(--white); z-index: 1001; transition: all 0.4s cubic-bezier(0.25,0.46,0.45,0.94); overflow-y: auto; box-shadow: -10px 0 30px rgba(0,0,0,0.1); } .mobile-menu.active { right: 0; } .mobile-menu-header { display: flex; align-items: center; justify-content: space-between; padding: 1.5rem; background: linear-gradient(135deg, var(--maroon) 0%, var(--maroon-light) 100%); color: var(--white); } .mobile-menu-logo { display: flex; align-items: center; gap: 0.5rem; font-size: 1.2rem; font-weight: 700; color: var(--white); } .mobile-menu-logo img { width: 30px; height: 30px; object-fit: contain; background: var(--white); border-radius: 6px; padding: 3px; } .mobile-menu-close { background: none; border: none; color: var(--white); font-size: 1.5rem; cursor: pointer; padding: 0.5rem; border-radius: 4px; width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; } .mobile-menu-items { padding: 0; } .mobile-menu-item { border-bottom: 1px solid var(--gray-100); } .mobile-menu-link { display: flex; align-items: center; justify-content: space-between; padding: 1.2rem 1.5rem; color: var(--gray-800); text-decoration: none; font-weight: 500; font-size: 1rem; transition: all 0.3s ease; min-height: 56px; background: var(--white); } .mobile-menu-link:hover { background: var(--gray-50); color: var(--maroon); padding-left: 2rem; } .mobile-menu-link.active { background: var(--gray-50); color: var(--maroon); font-weight: 600; } .mobile-menu-link.has-dropdown::after { content: '▼'; font-size: 0.8rem; transition: transform 0.3s ease; color: var(--gray-500); } .mobile-menu-item.active .mobile-menu-link.has-dropdown::after { transform: rotate(180deg); } .mobile-dropdown { max-height: 0; overflow: hidden; background: var(--gray-50); transition: max-height 0.4s ease; } .mobile-menu-item.active .mobile-dropdown { max-height: 400px; } .mobile-dropdown-link { display: flex; align-items: center; padding: 1rem 2.5rem; color: var(--gray-600); text-decoration: none; font-size: 0.9rem; transition: all 0.3s ease; border-bottom: 1px solid var(--gray-200); min-height: 48px; background: var(--gray-50); } .mobile-dropdown-link:last-child { border-bottom: none; } .mobile-dropdown-link:hover { background: var(--white); color: var(--maroon); padding-left: 3rem; } .mobile-dropdown-link.active { background: var(--white); color: var(--maroon); font-weight: 600; } .mobile-menu-cta { margin: 1.5rem; padding: 1rem; background: linear-gradient(135deg, var(--maroon) 0%, var(--maroon-light) 100%); color: var(--white); text-decoration: none; border-radius: 12px; text-align: center; font-weight: 600; font-size: 1.1rem; display: flex; align-items: center; justify-content: center; gap: 0.5rem; min-height: 56px; box-shadow: 0 4px 15px rgba(128,0,32,0.2); } /* ===== HERO ===== */ .hero { background: linear-gradient(135deg, var(--maroon) 0%, var(--maroon-dark) 50%, var(--maroon) 100%); color: var(--white); min-height: 85vh; display: flex; align-items: center; position: relative; overflow: hidden; padding-top: 80px; } .hero::before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: radial-gradient(circle at 20% 50%, rgba(255,215,0,0.06) 0%, transparent 50%), radial-gradient(circle at 80% 20%, rgba(255,215,0,0.04) 0%, transparent 40%); z-index: 1; pointer-events: none; } .hero-content { position: relative; z-index: 2; max-width: 1200px; margin: 0 auto; padding: 2rem 20px; display: grid; grid-template-columns: 1fr 1fr; gap: 3rem; align-items: center; width: 100%; min-height: calc(85vh - 160px); } .hero-text { animation: fadeInUp 1s ease-out; } .hero-badge { display: inline-flex; align-items: center; gap: 0.5rem; background: rgba(255,215,0,0.15); border: 1px solid var(--gold); border-radius: 50px; padding: 0.5rem 1.2rem; font-size: 0.85rem; font-weight: 500; margin-bottom: 1.5rem; backdrop-filter: blur(10px); } .hero h1 { font-size: clamp(2rem, 5vw, 2.8rem); font-weight: 800; line-height: 1.1; margin-bottom: 1rem; background: linear-gradient(135deg, var(--white) 0%, var(--gold-light) 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; } .hero-subtitle { font-size: 1.1rem; font-weight: 400; margin-bottom: 1.5rem; opacity: 0.95; line-height: 1.5; color: var(--gold-light); } .hero-subtitle a { color: var(--gold-light); text-decoration: underline; } .hero-services { display: flex; flex-wrap: wrap; gap: 0.8rem; margin-bottom: 2rem; } .hero-service { display: flex; align-items: center; gap: 0.5rem; font-size: 0.9rem; font-weight: 500; padding: 0.5rem 1rem; background: rgba(255,255,255,0.1); border-radius: 25px; border: 1px solid rgba(255,215,0,0.2); white-space: nowrap; } .hero-cta { display: flex; gap: 1rem; align-items: center; flex-wrap: wrap; } .btn-primary { background: linear-gradient(135deg, var(--gold) 0%, var(--gold-dark) 100%); color: var(--maroon); padding: 1.2rem 2.5rem; border-radius: 50px; text-decoration: none; font-weight: 700; font-size: 1.1rem; transition: all 0.3s cubic-bezier(0.4,0,0.2,1); box-shadow: 0 10px 30px rgba(255,215,0,0.3); display: inline-flex; align-items: center; justify-content: center; gap: 0.5rem; border: none; cursor: pointer; min-height: 56px; } .btn-primary:hover { transform: translateY(-3px) scale(1.02); box-shadow: 0 15px 40px rgba(255,215,0,0.4); } .btn-secondary { background: transparent; color: var(--white); padding: 1.2rem 2.5rem; border: 2px solid var(--white); border-radius: 50px; text-decoration: none; font-weight: 600; font-size: 1.1rem; transition: all 0.3s cubic-bezier(0.4,0,0.2,1); display: inline-flex; align-items: center; justify-content: center; gap: 0.5rem; min-height: 56px; } .btn-secondary:hover { background: var(--white); color: var(--maroon); transform: translateY(-2px); } .hero-visual { position: relative; display: flex; align-items: center; justify-content: center; height: 100%; min-height: 450px; } .hero-image-container { position: relative; width: 100%; max-width: 500px; background: linear-gradient(135deg, rgba(255,215,0,0.1) 0%, rgba(255,215,0,0.05) 100%); border-radius: 25px; display: flex; align-items: center; justify-content: center; border: 2px solid rgba(255,215,0,0.2); backdrop-filter: blur(20px); overflow: hidden; padding: 15px; } .hero-image { width: 100%; height: auto; object-fit: contain; border-radius: 20px; border: 2px solid rgba(255,215,0,0.3); max-height: 400px; min-height: 300px; } /* ===== SECTIONS ===== */ .section { padding: 80px 0; } .section-header { text-align: center; margin-bottom: 4rem; } .section-badge { display: inline-block; background: linear-gradient(135deg, var(--maroon) 0%, var(--maroon-light) 100%); color: var(--white); padding: 0.6rem 1.8rem; border-radius: 50px; font-size: 0.9rem; font-weight: 600; margin-bottom: 1rem; text-transform: uppercase; letter-spacing: 0.5px; } .section-title { font-size: clamp(2rem, 4vw, 2.8rem); font-weight: 800; color: var(--gray-900); margin-bottom: 1rem; line-height: 1.2; } .section-subtitle { font-size: 1.2rem; color: var(--gray-600); max-width: 800px; margin: 0 auto; line-height: 1.6; } .section-subtitle a { color: var(--maroon); text-decoration: underline; } /* Services Grid */ .services-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(350px, 1fr)); gap: 2rem; margin-top: 3rem; } .service-card { background: var(--white); border-radius: 20px; padding: 2.5rem; box-shadow: 0 10px 40px rgba(0,0,0,0.08); border: 1px solid var(--gray-200); transition: all 0.4s cubic-bezier(0.4,0,0.2,1); position: relative; overflow: hidden; min-height: 380px; display: flex; flex-direction: column; justify-content: space-between; } .service-card::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 4px; background: linear-gradient(90deg, var(--maroon) 0%, var(--gold) 100%); transform: scaleX(0); transition: transform 0.4s ease; transform-origin: left; } .service-card:hover::before { transform: scaleX(1); } .service-card:hover { transform: translateY(-10px); box-shadow: 0 20px 60px rgba(128,0,32,0.15); border-color: var(--maroon); } .service-icon { width: 60px; height: 60px; background: linear-gradient(135deg, var(--maroon) 0%, var(--maroon-light) 100%); border-radius: 15px; display: flex; align-items: center; justify-content: center; margin-bottom: 1.5rem; color: var(--gold); font-size: 0.8rem; font-weight: 700; } .service-card h3 { font-size: 1.4rem; font-weight: 700; color: var(--gray-900); margin-bottom: 1rem; line-height: 1.3; } .service-card p { color: var(--gray-600); line-height: 1.7; margin-bottom: 1.5rem; font-size: 1rem; flex-grow: 1; } .service-link { color: var(--maroon); text-decoration: none; font-weight: 600; display: inline-flex; align-items: center; gap: 0.5rem; transition: all 0.3s ease; margin-top: auto; } .service-link:hover { color: var(--maroon-light); transform: translateX(5px); } /* Authority Section */ .authority { background: var(--gray-50); } .authority-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 2rem; margin-top: 3rem; } .authority-card { background: var(--white); border-radius: 20px; padding: 2.5rem; box-shadow: 0 10px 40px rgba(0,0,0,0.08); border: 1px solid var(--gray-200); transition: all 0.4s cubic-bezier(0.4,0,0.2,1); position: relative; overflow: hidden; text-align: center; min-height: 320px; display: flex; flex-direction: column; justify-content: space-between; } .authority-card::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 4px; background: linear-gradient(90deg, var(--maroon) 0%, var(--gold) 100%); transform: scaleX(0); transition: transform 0.4s ease; transform-origin: left; } .authority-card:hover::before { transform: scaleX(1); } .authority-card:hover { transform: translateY(-10px); box-shadow: 0 20px 60px rgba(128,0,32,0.15); border-color: var(--maroon); } .authority-icon { width: 80px; height: 80px; background: linear-gradient(135deg, var(--maroon) 0%, var(--maroon-light) 100%); border-radius: 20px; display: flex; align-items: center; justify-content: center; margin: 0 auto 1.5rem; color: var(--gold); font-size: 1rem; font-weight: 700; } .authority-card h3 { font-size: 1.5rem; font-weight: 700; color: var(--gray-900); margin-bottom: 1rem; } .authority-card p { color: var(--gray-600); line-height: 1.7; margin-bottom: 1.5rem; flex-grow: 1; } .authority-link { color: var(--maroon); text-decoration: none; font-weight: 600; display: inline-flex; align-items: center; gap: 0.5rem; transition: all 0.3s ease; margin-top: auto; } .authority-link:hover { color: var(--maroon-light); transform: translateX(5px); } /* Location Coverage */ .location-coverage { background: linear-gradient(135deg, var(--gray-900) 0%, var(--gray-800) 100%); color: var(--white); } .location-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 2rem; margin-top: 3rem; } .location-card { background: rgba(255,255,255,0.05); border-radius: 15px; padding: 2rem; border: 1px solid rgba(255,255,255,0.1); transition: all 0.4s cubic-bezier(0.4,0,0.2,1); text-align: center; min-height: 200px; display: flex; flex-direction: column; justify-content: space-between; } .location-card:hover { background: rgba(255,255,255,0.1); border-color: var(--gold); transform: translateY(-5px); } .location-card:nth-child(1) { background: rgba(255,215,0,0.1); border: 2px solid var(--gold); box-shadow: 0 10px 30px rgba(255,215,0,0.2); } .location-card:nth-child(1):hover { background: rgba(255,215,0,0.15); transform: translateY(-8px) scale(1.02); box-shadow: 0 15px 40px rgba(255,215,0,0.3); } .location-card:nth-child(1) .location-icon { background: var(--gold); color: var(--maroon); box-shadow: 0 5px 15px rgba(255,215,0,0.4); } .location-card:nth-child(1) h3 { color: var(--gold-light); font-weight: 700; font-size: 1.2rem; } .location-icon { width: 50px; height: 50px; background: var(--gold); color: var(--maroon); border-radius: 12px; display: flex; align-items: center; justify-content: center; margin: 0 auto 1rem; font-weight: 700; font-size: 0.7rem; } .location-card h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; color: var(--gold); } .location-card p { font-size: 0.9rem; color: var(--gray-300); line-height: 1.4; margin-bottom: 1rem; flex-grow: 1; } .location-link { color: var(--white); text-decoration: none; font-size: 0.85rem; font-weight: 500; transition: color 0.3s ease; } .location-link:hover { color: var(--gold); } /* Pricing */ .pricing { background: var(--white); } .pricing-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 2rem; margin-top: 3rem; } .pricing-card { background: var(--gray-50); border-radius: 20px; padding: 2.5rem; box-shadow: 0 10px 40px rgba(0,0,0,0.08); border: 1px solid var(--gray-200); transition: all 0.4s cubic-bezier(0.4,0,0.2,1); min-height: 400px; display: flex; flex-direction: column; justify-content: space-between; } .pricing-card:hover { transform: translateY(-10px); box-shadow: 0 20px 60px rgba(128,0,32,0.15); border-color: var(--maroon); background: var(--white); } .pricing-header h3 { font-size: 1.4rem; font-weight: 700; color: var(--gray-900); margin-bottom: 0.5rem; } .pricing-range { font-size: 2rem; font-weight: 800; color: var(--maroon); margin-bottom: 1rem; } .pricing-features { list-style: none; margin: 1.5rem 0; flex-grow: 1; } .pricing-features li { padding: 0.5rem 0; color: var(--gray-600); position: relative; padding-left: 1.5rem; } .pricing-features li::before { content: '✓'; position: absolute; left: 0; color: var(--maroon); font-weight: 600; } /* FAQ */ .faq { background: var(--gray-50); } .faq-container { max-width: 800px; margin: 0 auto; } .faq-item { background: var(--white); border-radius: 15px; margin-bottom: 1.5rem; overflow: hidden; box-shadow: 0 10px 30px rgba(0,0,0,0.05); transition: all 0.3s ease; } .faq-item:hover { transform: translateY(-3px); box-shadow: 0 15px 40px rgba(0,0,0,0.1); } .faq-question { padding: 2rem; cursor: pointer; display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid var(--gray-200); transition: all 0.3s ease; min-height: 80px; } .faq-question:hover { background: var(--gray-50); } .faq-question h3 { color: var(--gray-900); margin: 0; font-size: 1.2rem; font-weight: 600; line-height: 1.4; flex-grow: 1; margin-right: 1rem; } .faq-toggle { font-size: 1.5rem; color: var(--maroon); transition: transform 0.3s ease; flex-shrink: 0; } .faq-item.active .faq-toggle { transform: rotate(45deg); } .faq-answer { max-height: 0; overflow: hidden; transition: max-height 0.3s ease; } .faq-answer.active { max-height: 400px; } .faq-answer-content { padding: 2rem; color: var(--gray-600); line-height: 1.7; font-size: 1rem; } /* Contact */ .contact { background: linear-gradient(135deg, var(--maroon) 0%, var(--maroon-dark) 100%); color: var(--white); } .contact-content { display: grid; grid-template-columns: 1fr 1fr; gap: 4rem; align-items: start; } .contact-info h2 { font-size: clamp(2rem, 4vw, 2.8rem); font-weight: 800; margin-bottom: 1.5rem; background: linear-gradient(135deg, var(--white) 0%, var(--gold-light) 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; } .contact-info p { font-size: 1.1rem; color: var(--gray-300); line-height: 1.7; margin-bottom: 2rem; } .contact-info a { color: var(--gold-light); text-decoration: underline; } .contact-details { display: grid; gap: 1.5rem; } .contact-item { display: flex; align-items: center; gap: 1rem; padding: 1.2rem; background: rgba(255,255,255,0.05); border-radius: 15px; border: 1px solid rgba(255,255,255,0.1); transition: all 0.3s ease; min-height: 80px; } .contact-item:hover { background: rgba(255,255,255,0.08); border-color: var(--gold); } .contact-item-icon { width: 50px; height: 50px; background: linear-gradient(135deg, var(--gold) 0%, var(--gold-dark) 100%); border-radius: 12px; display: flex; align-items: center; justify-content: center; color: var(--maroon); font-size: 0.6rem; font-weight: 700; flex-shrink: 0; } .contact-item-info h4 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.3rem; } .contact-item-info p { color: var(--gray-400); margin: 0; font-size: 0.95rem; } .contact-item-info a { color: var(--gold); text-decoration: none; } .contact-item-info a:hover { color: var(--gold-light); } .map-container { position: relative; border-radius: 20px; overflow: hidden; height: 400px; background: var(--gray-700); box-shadow: 0 10px 30px rgba(0,0,0,0.2); } .map-container iframe { width: 100%; height: 100%; border: none; } /* Footer */ .site-footer { background: var(--gray-900); color: var(--gray-400); padding: 2rem 0; text-align: center; font-size: 0.9rem; } .site-footer a { color: var(--gold); text-decoration: none; } .site-footer a:hover { color: var(--gold-light); } /* Animations */ @keyframes fadeInUp { from { opacity: 0; transform: translateY(30px); } to { opacity: 1; transform: translateY(0); } } /* Accessibility */ .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; } /* ===== RESPONSIVE ===== */ @media (min-width: 769px) { .mobile-menu-toggle, .mobile-menu-overlay, .mobile-menu { display: none !important; } } @media (max-width: 768px) { .nav-menu { display: none; } .mobile-menu-toggle { display: flex; } .nav-phone { font-size: 0.8rem; padding: 0.6rem 1rem; } .hero-content, .contact-content { grid-template-columns: 1fr; gap: 3rem; } .services-grid, .authority-grid, .pricing-grid { grid-template-columns: 1fr; } .location-grid { grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); } .section { padding: 60px 0; } } @media (max-width: 480px) { .nav-container { padding: 1rem 15px; } .nav-logo { font-size: 1.3rem; } .nav-logo img { width: 35px; height: 35px; } .nav-phone { font-size: 0.75rem; padding: 0.5rem 0.8rem; } .mobile-menu { width: 280px; max-width: 90vw; } .container { padding: 0 15px; } .hero { min-height: 80vh; padding-top: 80px; } .hero-content { grid-template-columns: 1fr; gap: 2rem; text-align: center; padding: 1rem 15px; min-height: calc(80vh - 140px); } .hero-visual { min-height: 300px; order: -1; } .hero-image-container { max-width: 350px; padding: 12px; } .hero-image { max-height: 280px; min-height: 200px; border-radius: 15px; } .hero-services { justify-content: center; gap: 0.5rem; margin-bottom: 1.5rem; } .hero-service { font-size: 0.8rem; padding: 0.4rem 0.8rem; } .hero-cta { flex-direction: column; align-items: stretch; gap: 1rem; } .btn-primary, .btn-secondary { width: 100%; justify-content: center; padding: 1rem 2rem; } .location-grid { grid-template-columns: 1fr; gap: 1rem; } .authority-card, .service-card, .pricing-card { padding: 1.5rem; } .map-container { height: 300px; } .section { padding: 50px 0; } .section-header { margin-bottom: 2.5rem; } .section-title { font-size: clamp(1.5rem, 4vw, 2.2rem); } .section-subtitle { font-size: 1rem; } } @media (max-width: 360px) { .hero-badge { font-size: 0.75rem; padding: 0.4rem 0.8rem; } .hero h1 { font-size: clamp(1.5rem, 6vw, 2.2rem); } .hero-subtitle { font-size: 1rem; } .hero-service { font-size: 0.75rem; padding: 0.3rem 0.6rem; } .btn-primary, .btn-secondary { font-size: 1rem; padding: 0.9rem 1.5rem; } .faq-question { padding: 1.5rem; } .faq-question h3 { font-size: 1.1rem; } .faq-answer-content { padding: 1.5rem; } } @media (hover: none) and (pointer: coarse) { .btn-primary, .btn-secondary, .authority-link, .service-link, .location-link, .nav-phone { min-height: 48px; min-width: 48px; } .faq-question { min-height: 60px; } .mobile-menu-link, .mobile-dropdown-link, .mobile-menu-cta { min-height: 48px; } .mobile-menu-close { min-height: 44px; min-width: 44px; } .contact-item { min-height: 72px; } } @media print { .navbar, .mobile-menu { display: none; } .hero { background: var(--maroon); color: var(--white); padding: 2rem 0; min-height: auto; } .section { padding: 1rem 0; } }
Crown Electric Logo Crown Electric
  • Home
  • Services
    Electric Panels EV Chargers Rewiring Services New Construction Residential Services Commercial Services
  • Service Areas
    Vancouver WA Battle Ground Camas Ridgefield
  • About
  • Contact
(360) 896-4122
Crown Electric Logo Crown Electric
Home
Services
Electric Panels EV Chargers Rewiring Services New Construction Residential Services Commercial Services
Service Areas
Vancouver WA Battle Ground Camas Ridgefield
About
Contact
Call (360) 896-4122
⚡ Electrical Panel Installation Specialists · Licensed & Insured Vancouver WA

Electrical Panel Installation Vancouver WA — 200 Amp Panel Upgrade & Subpanel Installation

Crown Electric provides professional electrical panel installation and 200 amp panel upgrades throughout Clark County. Our licensed electricians handle complete panel replacement, subpanel installation, and electrical service upgrades — from upgrading 100 to 200 amp service to replacing outdated Federal Pacific and Zinsco panels. Transparent pricing starting at $2,000 with same-day availability and full Washington State code compliance.

⚡ 200 Amp Panel Upgrade
🔧 Subpanel Installation
🏠 100 to 200 Amp Service Upgrade
✅ Same-Day Availability
Call (360) 896-4122 View Panel Services →
Crown Electric licensed electricians specializing in electrical panel installation in Vancouver WA and Clark County
Panel Installation Services

Electrical Panel Upgrade & Installation Services in Vancouver WA

Crown Electric's licensed electricians provide complete electrical panel installation and panel upgrade services across Clark County. Whether you need to upgrade to 200 amp service, install a subpanel for a home addition, or replace a hazardous Federal Pacific panel, we handle every step — from permits through Washington L&I to coordination with Clark Public Utilities.

200A

200 Amp Panel Upgrade

The most common residential panel upgrade for modern homes. Upgrading from 100 to 200 amp service gives your home the capacity for today's electrical demands — EV chargers, heat pumps, modern kitchen appliances, and home offices. Our 200 amp panel installation includes the new panel, main breaker, individual circuit breakers, service entrance cable, meter base coordination with Clark Public Utilities, L&I permits, and final inspection. Most 200 amp upgrades are completed in a single day.

Get 200 Amp Panel Quote →
400A

400 Amp Panel Installation

For larger homes over 3,000 square feet or properties with high electrical demands, a 400 amp panel installation provides maximum capacity. A 400 amp service typically consists of two 200 amp panels fed from a 400 amp service entrance, allowing separate panel sections for different areas of your home. Ideal for properties with multiple HVAC systems, EV charging for two or more vehicles, pool or spa equipment, and large workshops.

Get 400 Amp Upgrade Quote →
RPL

Panel Replacement & Electrical Panel Repair

If your home has a Federal Pacific (FPE) or Zinsco panel, replacement is strongly recommended — these panels have well-documented failure rates and are considered fire hazards by electrical safety experts. We also replace outdated fuse boxes, damaged panels, and panels that no longer meet Washington State's 2023 NEC code requirements. Every replacement includes modern arc fault (AFCI) and ground fault (GFCI) circuit protection as required by current code.

Get Panel Replacement Quote →
SUB

Subpanel Installation

A subpanel installation adds dedicated electrical capacity to specific areas of your property without replacing your main panel. Common applications include detached garages, home additions, workshops, accessory dwelling units (ADUs), and outdoor subpanel installation for landscape lighting or pool equipment. We properly size the feeder circuit, install appropriate grounding, and ensure code-compliant connections to your existing main panel.

Get Subpanel Quote →
UPG

Electrical Service Upgrade — 100 to 200 Amp

The cost to upgrade from 100 to 200 amp service is one of the most common questions we hear. This upgrade involves replacing your meter base, service entrance cable, main panel, and coordinating with Clark Public Utilities for the service drop. Many Vancouver WA homes built before the 1990s still run on 100 amp service, which is insufficient for modern electrical loads like EV charging, heat pumps, and multiple high-draw appliances running simultaneously.

Get Service Upgrade Quote →
CBR

Circuit Breaker Replacement

Individual circuit breaker replacement and panel upgrades to add new circuits for specific needs. Whether you need a dedicated 240V circuit for an EV charger, a new 20-amp kitchen circuit, or replacement of a faulty breaker, we handle it. Under Washington's 2023 NEC adoption, new circuits now require expanded AFCI and GFCI protection — our electricians ensure every installation meets the latest requirements.

Get Circuit Breaker Quote →
Why Choose Crown Electric

Vancouver WA's Trusted Electrical Panel Specialists Since 2014

Crown Electric has served Clark County homeowners and businesses since 2014 with professional electrical panel installation and upgrades. Our 4.5-star rating from over 30 reviews reflects our commitment to quality workmanship, honest pricing, and treating every home like our own.

LIC

Licensed & Insured Electricians

Every Crown Electric electrician holds a current Washington State journey-level or master electrician certification. We carry full liability insurance, workers' compensation coverage, and maintain our contractor license through Washington L&I. All panel work meets or exceeds the 2023 National Electrical Code as adopted by Washington State, including new requirements for outdoor emergency disconnects (NEC 230.85) and expanded arc fault protection.

Learn About Our Credentials →
$$$

Transparent Panel Installation Pricing

No hidden fees or surprise charges on any electrical panel installation. We provide detailed written estimates before starting any work, breaking down the cost for materials, labor, permits, and utility coordination. Our electrical panel upgrade cost is competitive within the Clark County market, and we offer financing options for larger projects. You'll know the full panel upgrade cost before we begin.

Get Free Panel Estimate →
⏰

Same-Day Panel Installation

Crown Electric offers same-day scheduling for most residential panel installations in Vancouver WA and Clark County. Our local presence — based at 6109 NE 121st Ave in Vancouver — means shorter response times and better availability than contractors traveling from Portland. Most residential panel upgrades are completed in 4 to 8 hours, getting your power restored the same day.

Call for Same-Day Service →
✓

Full Permit & Inspection Handling

We manage the entire permit and inspection process for you. For properties within Vancouver city limits, we coordinate permits through the City of Vancouver. For homes in unincorporated Clark County, Battle Ground, Camas, and Ridgefield, we handle permits through Washington Department of Labor & Industries at their local office. We also coordinate directly with Clark Public Utilities for all service disconnections and reconnections.

View Our Process →
Service Areas

Electrical Panel Installation Across Clark County

Crown Electric provides electrical panel installation and panel upgrade services throughout Southwest Washington. All Clark County communities are served by Clark Public Utilities, and we have extensive experience coordinating service upgrades across every jurisdiction in the county.

VAN

Vancouver WA

Our home base and primary service area. Same-day panel installation for Vancouver's diverse housing stock — from historic homes in Uptown Village to newer developments in Felida and Salmon Creek.

Vancouver Panel Services →
CC

Clark County

Full panel installation coverage across unincorporated Clark County, including Brush Prairie, Hockinson, and all rural areas served by Clark Public Utilities.

Clark County Panel Services →
BG

Battle Ground

Panel upgrades and subpanel installation for Battle Ground's growing residential community. Many newer homes in Battle Ground benefit from 200 amp service for EV charging readiness.

Battle Ground Panel Services →
CAM

Camas

Electrical panel upgrades for Camas homes, including older properties in the downtown core and larger homes in the North Shore and Lacamas Lake areas requiring 200–400 amp service.

Camas Panel Services →
RID

Ridgefield

Panel installation for Ridgefield's rapidly growing community. New construction electrical panels and service upgrades for existing homes preparing for EV chargers and modern electrical demands.

Ridgefield Panel Services →
Panel Installation Pricing

Electrical Panel Installation Cost in Vancouver WA

Transparent pricing for all electrical panel installation services. Prices include labor, materials, permit fees, utility coordination, and workmanship warranty. Every project receives a free written estimate with a detailed scope of work before we begin.

200 Amp Panel Upgrade

$2,200 – $3,200
  • Complete 200 amp panel and main breaker
  • Individual circuit breakers with AFCI/GFCI
  • Service entrance cable upgrade
  • Clark Public Utilities coordination
  • Washington L&I or City of Vancouver permit
  • Final inspection and code compliance
  • Same-day installation available
Get 200 Amp Quote →

400 Amp Panel Installation

$2,800 – $3,800
  • 400 amp meter base and service entrance
  • Dual 200 amp panel configuration
  • Heavy-duty service equipment
  • Multiple subpanel capability
  • Full utility coordination and permits
  • Professional load calculation
  • Warranty on all components and labor
Get 400 Amp Quote →

Panel Replacement

$2,000 – $3,500
  • Complete outdated panel removal and replacement
  • Federal Pacific & Zinsco panel replacement
  • Fuse box to circuit breaker conversion
  • Modern GFCI and arc fault protection
  • Outdoor emergency disconnect (NEC 230.85)
  • Safety inspection and code certification
  • Workmanship warranty included
Get Replacement Quote →
FAQ

Electrical Panel Installation Questions & Answers

Common questions about electrical panel installation cost, the upgrade process, permits, and timelines for Vancouver WA and Clark County homeowners.

How much does electrical panel installation cost in Vancouver WA?

+

Electrical panel installation in Vancouver WA typically costs $2,000 to $3,500 depending on the scope of work. A 200 amp panel upgrade runs $2,200 to $3,200, while a 400 amp panel installation costs $2,800 to $3,800. The cost to upgrade from 100 to 200 amp service depends on whether your meter base and service entrance also need replacement, which adds to the total. Crown Electric provides free written estimates that detail every cost before work begins — no surprises.

How long does an electrical panel upgrade take?

+

Most residential electrical panel installations take 4 to 8 hours. The full timeline includes: initial assessment and load calculation, permit acquisition through Washington L&I or the City of Vancouver (typically 1–3 business days), scheduling the utility shutoff with Clark Public Utilities, the installation itself (4–8 hours), and final inspection. Your power is off only during the actual panel swap — usually 4 to 6 hours. We complete most projects in a single day.

When should I upgrade my electrical panel?

+

Consider a panel upgrade if your home has any of these signs: a Federal Pacific (FPE) or Zinsco panel (both are documented fire hazards), an outdated fuse box instead of circuit breakers, frequent breaker trips or blown fuses, a panel over 25 years old, or if you're adding high-draw equipment like an EV charger or heat pump. Many Clark County homes still run on 100 amp service, which is inadequate for modern electrical loads. We provide free assessments to determine if an upgrade is needed.

What is the cost to upgrade from 100 to 200 amp service?

+

The cost to upgrade from 100 to 200 amp service in Vancouver WA typically ranges from $2,200 to $3,200. This includes the new 200 amp panel, main breaker, circuit breakers, service entrance cable, and potentially a new meter base. The exact cost depends on whether Clark Public Utilities needs to upgrade the service drop to your home and the condition of your existing electrical infrastructure. Our free estimate breaks down every line item so you know exactly what's included in your 200 amp panel upgrade cost.

What permits are required for panel installation in Clark County?

+

All electrical panel installations in Clark County require an electrical work permit and inspection. Where you get the permit depends on your location: properties within Vancouver city limits obtain permits through the City of Vancouver building department. Properties in unincorporated Clark County, Battle Ground, Camas, and Ridgefield obtain permits through the Washington Department of Labor & Industries (L&I) at their office at 312 SE Stone Mill Drive in Vancouver. Crown Electric handles all permit applications and inspection scheduling as part of every project.

What's the difference between a 200 amp and 400 amp panel?

+

A 200 amp panel provides enough power for most modern homes — standard appliances, central HVAC, a single EV charger, and typical household circuits. A 400 amp panel is designed for larger homes (typically 3,000+ square feet), properties running multiple HVAC systems, homes with two or more EV chargers, large workshops, or properties with significant electrical loads. A 400 amp setup typically uses two 200 amp panels fed from a 400 amp meter base and service entrance. Our electricians perform a load calculation to recommend the right size for your specific needs.

How much does subpanel installation cost?

+

Subpanel installation cost in Vancouver WA typically ranges from $1,200 to $2,500 depending on the subpanel size, distance from the main panel, and whether trenching is needed for outdoor subpanel installation. A 100 amp sub panel installation for a detached garage or ADU is on the higher end due to the feeder cable run. We size every subpanel to your specific electrical needs and ensure proper grounding and bonding per current NEC requirements.

Schedule Your Electrical Panel Installation

Ready for a professional electrical panel installation or panel upgrade in Clark County? Contact Crown Electric for a free estimate on panel replacement, subpanel installation, or upgrading to 200 amp service. Same-day availability for most residential projects.

CALL

Call for a Free Estimate

(360) 896-4122

EMAIL

Email Us

Crownelectric240@yahoo.com

AREA

Service Area

Vancouver WA & Clark County

TIME

Business Hours

Monday – Friday: 8:00 AM – 4:00 PM

ADDR

Office

6109 NE 121st Ave Suite 104
Vancouver, WA 98682

© 2025 Crown Electric | Licensed Electrician Vancouver WA | (360) 896-4122 | Contact | About