{"id":100,"date":"2026-08-15T12:23:11","date_gmt":"2026-08-15T19:23:11","guid":{"rendered":"https:\/\/starlightenergy.io\/?page_id=100"},"modified":"2026-08-27T03:55:00","modified_gmt":"2026-08-27T10:55:00","slug":"home","status":"publish","type":"page","link":"https:\/\/starlightenergy.io\/es\/","title":{"rendered":"Inicio"},"content":{"rendered":"\n\n\n\n\n\n\n\n\nStarlight Energy | Solar & Battery Installer Serving the Bay Area<\/title>\n<meta name=\"description\" content=\"Bay Area solar and battery storage, designed for how California really pays for power in 2026. Serving San Francisco, Santa Clara, Alameda, Contra Costa, San Mateo, Santa Cruz, Monterey, San Benito & San Joaquin counties. Free site assessment.\">\n<link rel=\"canonical\" href=\"https:\/\/starlightenergy.io\/\">\n\n<!-- Open Graph (social sharing) -->\n<meta property=\"og:title\" content=\"Starlight Energy | Bay Area Solar & Battery\">\n<meta property=\"og:description\" content=\"Solar + storage built for California's Net Billing Tariff. Free site assessment across the Bay Area.\">\n<meta property=\"og:type\" content=\"website\">\n<meta property=\"og:url\" content=\"https:\/\/starlightenergy.io\/\">\n<!-- <meta property=\"og:image\" content=\"https:\/\/starlightenergy.io\/social-card.jpg\" \/> -->\n\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin=\"\">\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Fraunces:opsz,wght@9..144,400;9..144,500;9..144,600;9..144,700;9..144,900&family=IBM+Plex+Sans:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\n\n<style>\n :root {\n \/* --- Palette pulled straight from the Starlight Energy logo --- *\/\n --se-navy: #0e2c4d; \/* deep panel navy *\/\n --se-navy-2: #0a2038;\n --se-blue: #1c6fb3; \/* wordmark blue *\/\n --se-blue-lite: #4f97d6;\n --se-sun-red: #d83a2c;\n --se-sun-orange:#f07d1a;\n --se-sun-gold: #f6b62e;\n --se-paper: #f6f8fb;\n --se-card: #ffffff;\n --se-ink: #14202c;\n --se-muted: #566573;\n --se-line: #e2e8f0;\n --se-sun-grad: linear-gradient(90deg, var(--se-sun-red), var(--se-sun-orange) 55%, var(--se-sun-gold));\n }\n\n * { box-sizing: border-box; }\n html { scroll-behavior: smooth; }\n body {\n margin: 0;\n font-family: 'IBM Plex Sans', -apple-system, BlinkMacSystemFont, sans-serif;\n color: var(--se-ink);\n background: var(--se-card);\n -webkit-font-smoothing: antialiased;\n line-height: 1.55;\n }\n a { color: inherit; }\n img { max-width: 100%; display: block; }\n .se-wrap { max-width: 1140px; margin: 0 auto; padding: 0 22px; }\n\n :focus-visible { outline: 3px solid var(--se-sun-orange); outline-offset: 3px; border-radius: 4px; }\n\n h1, h2, h3 { font-family: 'Fraunces', serif; font-optical-sizing: auto; letter-spacing: -0.01em; margin: 0; }\n\n \/* ---------- Buttons ---------- *\/\n .se-btn {\n display: inline-block; font-family: 'IBM Plex Sans', sans-serif; font-weight: 600;\n font-size: 15px; padding: 14px 26px; border-radius: 999px; cursor: pointer;\n text-decoration: none; border: none; transition: transform .12s ease, background .2s ease;\n }\n .se-btn:hover { transform: translateY(-1px); }\n .se-btn-sun { background: var(--se-sun-grad); color: #fff; box-shadow: 0 10px 26px -12px rgba(240,125,26,0.8); }\n .se-btn-navy { background: var(--se-navy); color: #fff; }\n .se-btn-ghost { background: transparent; color: var(--se-navy); border: 1.5px solid var(--se-line); }\n .se-btn-ghost:hover { border-color: var(--se-blue); }\n\n \/* ---------- Header ---------- *\/\n .se-header {\n position: sticky; top: 0; z-index: 40; background: rgba(255,255,255,0.92);\n backdrop-filter: blur(10px); border-bottom: 1px solid var(--se-line);\n }\n .se-header-inner { display: flex; align-items: center; justify-content: space-between; height: 74px; }\n .se-brand { display: flex; align-items: center; gap: 12px; text-decoration: none; }\n .se-brand-mark { width: 44px; height: auto; flex: none; }\n .se-brand-text { font-family: 'Fraunces', serif; font-weight: 600; font-size: 20px; color: var(--se-blue); letter-spacing: 0.02em; }\n .se-brand-text small { display: block; font-family: 'IBM Plex Sans', sans-serif; font-weight: 500; font-size: 9.5px; letter-spacing: 0.22em; color: var(--se-muted); text-transform: uppercase; margin-top: 1px; }\n .se-nav { display: flex; align-items: center; gap: 30px; }\n .se-nav a.se-navlink { text-decoration: none; font-size: 14.5px; font-weight: 500; color: var(--se-ink); }\n .se-nav a.se-navlink:hover { color: var(--se-blue); }\n .se-nav-phone { font-weight: 600; color: var(--se-navy); text-decoration: none; font-size: 14.5px; }\n @media (max-width: 860px) { .se-nav a.se-navlink { display: none; } }\n\n \/* ---------- Hero ---------- *\/\n .se-hero { position: relative; overflow: hidden; background:\n radial-gradient(120% 90% at 85% -10%, rgba(246,182,46,0.16), rgba(240,125,26,0.05) 42%, transparent 60%),\n var(--se-paper); }\n .se-hero-inner { display: grid; grid-template-columns: 1.05fr 0.95fr; gap: 40px; align-items: center; padding: 74px 0 66px; }\n .se-eyebrow { text-transform: uppercase; letter-spacing: 0.17em; font-size: 12px; font-weight: 600; color: var(--se-blue); margin-bottom: 18px; }\n .se-hero h1 { font-size: clamp(34px, 5.4vw, 58px); font-weight: 600; line-height: 1.05; color: var(--se-navy); }\n .se-hero h1 .se-underline { position: relative; white-space: nowrap; }\n .se-hero h1 .se-underline::after {\n content: \"\"; position: absolute; left: 0; right: 0; bottom: 4px; height: 8px; border-radius: 6px;\n background: var(--se-sun-grad); opacity: 0.9; z-index: -1;\n }\n .se-hero p.se-lede { font-size: 18px; color: var(--se-muted); margin: 22px 0 30px; max-width: 480px; }\n .se-hero-cta { display: flex; flex-wrap: wrap; gap: 14px; }\n .se-trust { display: flex; flex-wrap: wrap; gap: 22px 30px; margin-top: 34px; padding-top: 26px; border-top: 1px solid var(--se-line); }\n .se-trust div { font-size: 13px; color: var(--se-muted); }\n .se-trust strong { display: block; font-family: 'Fraunces', serif; font-size: 19px; color: var(--se-navy); font-weight: 600; }\n\n .se-hero-art { position: relative; }\n .se-hero-art svg { width: 100%; height: auto; overflow: visible; }\n .se-ray { transform-origin: 300px 300px; animation: se-ray-in .9s ease-out backwards; }\n .se-panel-key { animation: se-panel-in .7s cubic-bezier(.2,.8,.2,1) backwards; }\n @keyframes se-ray-in { from { opacity: 0; transform: scale(.4); } to { opacity: 1; transform: scale(1); } }\n @keyframes se-panel-in { from { opacity: 0; transform: translateY(14px); } to { opacity: 1; transform: translateY(0); } }\n\n @media (max-width: 800px) {\n .se-hero-inner { grid-template-columns: 1fr; padding: 48px 0 40px; }\n .se-hero-art { order: -1; max-width: 340px; margin: 0 auto; }\n }\n\n \/* ---------- Section scaffolding ---------- *\/\n .se-section { padding: 74px 0; }\n .se-section-head { max-width: 620px; margin-bottom: 44px; }\n .se-section-head .se-kicker { text-transform: uppercase; letter-spacing: 0.15em; font-size: 12px; font-weight: 600; color: var(--se-sun-orange); margin-bottom: 12px; }\n .se-section-head h2 { font-size: clamp(26px, 3.6vw, 38px); font-weight: 600; color: var(--se-navy); line-height: 1.12; }\n .se-section-head p { color: var(--se-muted); font-size: 16.5px; margin-top: 14px; }\n\n \/* ---------- Why-now cards ---------- *\/\n .se-why { background: var(--se-paper); }\n .se-why-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; }\n .se-why-card { background: var(--se-card); border: 1px solid var(--se-line); border-radius: 16px; padding: 30px 26px; }\n .se-why-card .se-num { font-family: 'Fraunces', serif; font-weight: 700; font-size: 15px; color: #fff; width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; border-radius: 11px; background: var(--se-sun-grad); margin-bottom: 20px; }\n .se-why-card h3 { font-size: 20px; color: var(--se-navy); font-weight: 600; margin-bottom: 10px; }\n .se-why-card p { font-size: 14.5px; color: var(--se-muted); margin: 0; }\n @media (max-width: 780px) { .se-why-grid { grid-template-columns: 1fr; } }\n\n \/* ---------- Calculator band ---------- *\/\n .se-calc { background: linear-gradient(165deg, var(--se-navy), var(--se-navy-2)); color: #fff; }\n .se-calc-inner { display: grid; grid-template-columns: 1fr 1fr; gap: 44px; align-items: center; }\n .se-calc h2 { font-size: clamp(26px, 3.6vw, 36px); font-weight: 600; color: #fff; line-height: 1.14; }\n .se-calc p { color: #b9cadb; font-size: 16.5px; margin: 16px 0 26px; }\n .se-calc-panel { background: rgba(255,255,255,0.06); border: 1px solid rgba(255,255,255,0.14); border-radius: 18px; padding: 32px; }\n .se-calc-panel .se-calc-stat { display: flex; justify-content: space-between; align-items: baseline; padding: 13px 0; border-bottom: 1px solid rgba(255,255,255,0.12); }\n .se-calc-panel .se-calc-stat:last-child { border-bottom: none; }\n .se-calc-panel .se-calc-stat span { color: #cdd9e6; font-size: 14px; }\n .se-calc-panel .se-calc-stat strong { font-family: 'Fraunces', serif; font-size: 20px; font-weight: 600; }\n .se-calc-panel .se-sun-text { color: var(--se-sun-gold); }\n @media (max-width: 800px) { .se-calc-inner { grid-template-columns: 1fr; gap: 30px; } }\n\n \/* ---------- Services ---------- *\/\n .se-serv-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; }\n .se-serv-card { border: 1px solid var(--se-line); border-radius: 16px; padding: 28px; transition: border-color .2s, transform .12s; }\n .se-serv-card:hover { border-color: var(--se-blue); transform: translateY(-2px); }\n .se-serv-icon { width: 46px; height: 46px; margin-bottom: 18px; }\n .se-serv-card h3 { font-size: 19px; font-weight: 600; color: var(--se-navy); margin-bottom: 8px; }\n .se-serv-card p { font-size: 14px; color: var(--se-muted); margin: 0; }\n @media (max-width: 780px) { .se-serv-grid { grid-template-columns: 1fr; } }\n\n \/* ---------- Homepage service cards as real links ---------- *\/\n .se-serv-card-link { text-decoration: none; display: block; cursor: pointer; }\n .se-serv-card-link:focus-visible { outline: 3px solid var(--se-sun-orange); outline-offset: 3px; }\n .se-serv-card .se-serv-cta { display: inline-block; margin-top: 14px; font-size: 13.5px; font-weight: 600; color: var(--se-blue); }\n .se-serv-card-link:hover .se-serv-cta { text-decoration: underline; }\n @media (max-width: 780px) { .se-serv-grid { grid-template-columns: 1fr; } }\n\n \/* ---------- Process ---------- *\/\n .se-proc { background: var(--se-paper); }\n .se-proc-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; counter-reset: step; }\n .se-proc-step { position: relative; padding-top: 20px; }\n .se-proc-step::before { counter-increment: step; content: \"0\" counter(step); font-family: 'Fraunces', serif; font-weight: 700; font-size: 15px; color: var(--se-sun-orange); letter-spacing: 0.05em; }\n .se-proc-step h3 { font-size: 17px; font-weight: 600; color: var(--se-navy); margin: 10px 0 8px; }\n .se-proc-step p { font-size: 13.5px; color: var(--se-muted); margin: 0; }\n @media (max-width: 780px) { .se-proc-grid { grid-template-columns: 1fr 1fr; gap: 26px 20px; } }\n @media (max-width: 460px) { .se-proc-grid { grid-template-columns: 1fr; } }\n\n \/* ---------- Service area ---------- *\/\n .se-area-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; }\n .se-area-card { border: 1px solid var(--se-line); border-radius: 12px; padding: 20px; }\n .se-area-card h3 { font-size: 16px; font-weight: 600; color: var(--se-navy); margin-bottom: 8px; }\n .se-area-card p { font-size: 12.5px; color: var(--se-muted); margin: 0; line-height: 1.6; }\n @media (max-width: 900px) { .se-area-grid { grid-template-columns: 1fr 1fr; } }\n @media (max-width: 460px) { .se-area-grid { grid-template-columns: 1fr; } }\n\n \/* ---------- Final CTA ---------- *\/\n .se-final { background: linear-gradient(120deg, var(--se-blue), var(--se-navy)); color: #fff; text-align: center; }\n .se-final h2 { font-size: clamp(28px, 4vw, 42px); font-weight: 600; color: #fff; max-width: 640px; margin: 0 auto 16px; line-height: 1.1; }\n .se-final p { color: #cfe0f0; font-size: 17px; max-width: 520px; margin: 0 auto 30px; }\n\n \/* ---------- Footer ---------- *\/\n .se-footer { background: var(--se-navy-2); color: #9fb2c6; font-size: 13.5px; padding: 54px 0 30px; }\n .se-footer-grid { display: grid; grid-template-columns: 1.4fr 1fr 1fr; gap: 34px; margin-bottom: 34px; }\n .se-footer h4 { color: #fff; font-family: 'IBM Plex Sans', sans-serif; font-size: 13px; text-transform: uppercase; letter-spacing: 0.1em; margin: 0 0 14px; }\n .se-footer a { color: #9fb2c6; text-decoration: none; display: block; margin-bottom: 8px; }\n .se-footer a:hover { color: #fff; }\n .se-footer-brand { font-family: 'Fraunces', serif; color: #fff; font-size: 20px; margin-bottom: 10px; }\n .se-footer-legal { border-top: 1px solid rgba(255,255,255,0.12); padding-top: 20px; font-size: 12px; line-height: 1.7; color: #7e93a8; }\n @media (max-width: 780px) { .se-footer-grid { grid-template-columns: 1fr; gap: 26px; } }\n\n @media (prefers-reduced-motion: reduce) {\n * { animation: none !important; scroll-behavior: auto; }\n }\n<\/style>\n\n\n\n<!-- ============================================================ HEADER -->\n<header class=\"se-header\">\n <div class=\"se-wrap se-header-inner\">\n <a class=\"se-brand\" href=\"\/\" aria-label=\"Starlight Energy home\">\n <img loading=\"lazy\" decoding=\"async\" class=\"se-brand-mark\" src=\"https:\/\/starlightenergy.io\/wp-content\/uploads\/2026\/08\/logo.png\" alt=\"Starlight Energy logo\" width=\"44\" height=\"39\">\n <span class=\"se-brand-text\">Starlight Energy<small>Powering Your Future<\/small><\/span>\n <\/a>\n <nav class=\"se-nav\" aria-label=\"Primary\">\n <div class=\"se-has-dropdown\" data-se-dropdown=\"\">\n <button type=\"button\" class=\"se-dd-toggle\" aria-expanded=\"false\" aria-haspopup=\"true\" aria-controls=\"se-services-menu\">Services <span class=\"se-caret\" aria-hidden=\"true\"><\/span><\/button>\n <div class=\"se-dd-menu\" id=\"se-services-menu\" role=\"menu\">\n <a role=\"menuitem\" href=\"\/solar-battery-installation\/\">Solar & Battery Installation<\/a>\n <a role=\"menuitem\" href=\"\/solar-maintenance\/\">Solar Preventative Maintenance<\/a>\n <a role=\"menuitem\" href=\"\/panel-upgrades\/\">Main Panel Upgrades<\/a>\n <a role=\"menuitem\" href=\"\/ev-charger-installation\/\">EV Charger Installation<\/a>\n <a role=\"menuitem\" href=\"\/electrical-troubleshooting\/\">Electrical Troubleshooting & Repair<\/a>\n <\/div>\n <\/div>\n <a class=\"se-navlink\" href=\"\/savings-calculator\/\">Savings Calculator<\/a>\n <div class=\"se-has-dropdown\" data-se-dropdown=\"\">\n <button type=\"button\" class=\"se-dd-toggle\" aria-expanded=\"false\" aria-haspopup=\"true\" aria-controls=\"se-areas-menu\">Service Areas <span class=\"se-caret\" aria-hidden=\"true\"><\/span><\/button>\n <div class=\"se-dd-menu\" id=\"se-areas-menu\" role=\"menu\">\n <a role=\"menuitem\" href=\"\/#areas\">All Service Areas<\/a>\n <a role=\"menuitem\" href=\"\/solar-san-jose\/\">Solar in San Jose<\/a>\n <a role=\"menuitem\" href=\"\/solar-san-francisco\/\">Solar in San Francisco<\/a>\n <\/div>\n <\/div>\n <a class=\"se-navlink\" href=\"\/about\/\">About<\/a>\n <a class=\"se-nav-phone\" href=\"tel:+14087020480\">(408) 702-0480<\/a>\n <a class=\"se-btn se-btn-sun\" href=\"\/contact\/\">Free assessment<\/a>\n <\/nav>\n <\/div>\n<\/header>\n\n<!-- ============================================================ HERO -->\n<section class=\"se-hero\">\n <div class=\"se-wrap se-hero-inner\">\n <div>\n <p class=\"se-eyebrow\">Bay Area Solar & Battery Storage<\/p>\n <h1>Own your power before the <span class=\"se-underline\">next rate hike<\/span>.<\/h1>\n <p class=\"se-lede\">PG&E charges some of the highest electricity rates in the country. We design solar-plus-battery systems built for how California actually pays for power in 2026 \u2014 so more of the sun that hits your roof stays in your home.<\/p>\n <div class=\"se-hero-cta\">\n <a class=\"se-btn se-btn-sun\" href=\"#savings\">See your savings<\/a>\n <a class=\"se-btn se-btn-ghost\" href=\"#quote\">Get a free site assessment<\/a>\n <\/div>\n <!-- Install claim: replace with a real, defensible number if you have one\n (e.g. \"500+ installs\"). Do not publish an unverifiable figure. -->\n <div class=\"se-trust\">\n <div><strong>Licensed & insured<\/strong>CSLB #1132072<\/div>\n <div><strong>Bay Area<\/strong>Owned & operated<\/div>\n <div><strong>Solar + battery<\/strong>NEM 3.0 specialists<\/div>\n <\/div>\n <\/div>\n\n <!-- Signature visual: the logo's sunburst rising over an arc of panel \"keystones\" -->\n <div class=\"se-hero-art\" aria-hidden=\"true\">\n <svg viewBox=\"0 0 600 460\">\n <defs>\n <linearGradient id=\"heroRing\" x1=\"0\" y1=\"0\" x2=\"1\" y2=\"1\">\n <stop offset=\"0\" stop-color=\"#f6b62e\"><\/stop><stop offset=\"1\" stop-color=\"#f07d1a\"><\/stop>\n <\/linearGradient>\n <linearGradient id=\"heroPanel\" x1=\"0\" y1=\"0\" x2=\"0\" y2=\"1\">\n <stop offset=\"0\" stop-color=\"#4f97d6\"><\/stop><stop offset=\"1\" stop-color=\"#1c6fb3\"><\/stop>\n <\/linearGradient>\n <linearGradient id=\"heroPanelDark\" x1=\"0\" y1=\"0\" x2=\"0\" y2=\"1\">\n <stop offset=\"0\" stop-color=\"#123a63\"><\/stop><stop offset=\"1\" stop-color=\"#0e2c4d\"><\/stop>\n <\/linearGradient>\n <\/defs>\n\n <!-- rays -->\n <g stroke-linecap=\"round\">\n <g class=\"se-ray\" style=\"animation-delay:.05s\"><line x1=\"300\" y1=\"120\" x2=\"300\" y2=\"60\" stroke=\"#d83a2c\" stroke-width=\"9\"><\/line><\/g>\n <g class=\"se-ray\" style=\"animation-delay:.10s\"><line x1=\"360\" y1=\"132\" x2=\"384\" y2=\"80\" stroke=\"#e85a22\" stroke-width=\"8\"><\/line><\/g>\n <g class=\"se-ray\" style=\"animation-delay:.15s\"><line x1=\"240\" y1=\"132\" x2=\"216\" y2=\"80\" stroke=\"#e85a22\" stroke-width=\"8\"><\/line><\/g>\n <g class=\"se-ray\" style=\"animation-delay:.20s\"><line x1=\"408\" y1=\"164\" x2=\"452\" y2=\"122\" stroke=\"#f07d1a\" stroke-width=\"7\"><\/line><\/g>\n <g class=\"se-ray\" style=\"animation-delay:.25s\"><line x1=\"192\" y1=\"164\" x2=\"148\" y2=\"122\" stroke=\"#f07d1a\" stroke-width=\"7\"><\/line><\/g>\n <g class=\"se-ray\" style=\"animation-delay:.30s\"><line x1=\"440\" y1=\"210\" x2=\"494\" y2=\"184\" stroke=\"#f6b62e\" stroke-width=\"6\"><\/line><\/g>\n <g class=\"se-ray\" style=\"animation-delay:.35s\"><line x1=\"160\" y1=\"210\" x2=\"106\" y2=\"184\" stroke=\"#f6b62e\" stroke-width=\"6\"><\/line><\/g>\n <\/g>\n <!-- sun ring -->\n <circle cx=\"300\" cy=\"210\" r=\"62\" fill=\"none\" stroke=\"url(#heroRing)\" stroke-width=\"26\" class=\"se-ray\" style=\"animation-delay:0s\"><\/circle>\n\n <!-- arc of panel keystones -->\n <g>\n <g class=\"se-panel-key\" style=\"animation-delay:.45s\"><path d=\"M70 330 l58 -14 l16 78 l-64 14 z\" fill=\"url(#heroPanel)\"><\/path><\/g>\n <g class=\"se-panel-key\" style=\"animation-delay:.52s\"><path d=\"M158 312 l54 -8 l12 80 l-60 8 z\" fill=\"url(#heroPanelDark)\"><\/path><\/g>\n <g class=\"se-panel-key\" style=\"animation-delay:.59s\"><path d=\"M240 304 l50 -3 l7 82 l-56 3 z\" fill=\"url(#heroPanel)\"><\/path><\/g>\n <g class=\"se-panel-key\" style=\"animation-delay:.66s\"><path d=\"M318 301 l50 3 l-3 82 l-56 -3 z\" fill=\"url(#heroPanelDark)\"><\/path><\/g>\n <g class=\"se-panel-key\" style=\"animation-delay:.73s\"><path d=\"M394 306 l54 8 l-10 80 l-60 -6 z\" fill=\"url(#heroPanel)\"><\/path><\/g>\n <g class=\"se-panel-key\" style=\"animation-delay:.80s\"><path d=\"M476 318 l58 14 l-18 78 l-64 -12 z\" fill=\"url(#heroPanelDark)\"><\/path><\/g>\n <\/g>\n <\/svg>\n <\/div>\n <\/div>\n<\/section>\n\n<!-- ============================================================ WHY NOW -->\n<section class=\"se-section se-why\" id=\"why\">\n <div class=\"se-wrap\">\n <div class=\"se-section-head\">\n <p class=\"se-kicker\">Why the math changed<\/p>\n <h2>The three things every Bay Area homeowner should know in 2026<\/h2>\n <p>The rules shifted recently. We’d rather you hear it straight than find out after a sales pitch.<\/p>\n <\/div>\n <div class=\"se-why-grid\">\n <div class=\"se-why-card\">\n <div class=\"se-num\">01<\/div>\n <h3>Rates are high, and delivery keeps climbing<\/h3>\n <p>PG&E’s average residential rate sits near the top nationally. Even when supply prices dip, delivery charges and the new fixed Base Services Charge keep monthly bills heavy \u2014 which is exactly what solar offsets.<\/p>\n <\/div>\n <div class=\"se-why-card\">\n <div class=\"se-num\">02<\/div>\n <h3>Under NEM 3.0, a battery does the heavy lifting<\/h3>\n <p>California’s Net Billing Tariff pays very little for power you export to the grid. The value now comes from storing your own energy and using it in the expensive evening hours \u2014 so we design around self-use, not selling back.<\/p>\n <\/div>\n <div class=\"se-why-card\">\n <div class=\"se-num\">03<\/div>\n <h3>The 30% federal credit has ended for purchases<\/h3>\n <p>The federal residential tax credit expired at the end of 2025 for cash and loan buyers. We build honest quotes around real 2026 pricing \u2014 and can walk you through lease and PPA options where a credit may still apply through the financier.<\/p>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<!-- ============================================================ SAVINGS \/ CALCULATOR -->\n<section class=\"se-section se-calc\" id=\"savings\">\n <div class=\"se-wrap se-calc-inner\">\n <div>\n <p class=\"se-eyebrow\" style=\"color:var(--se-sun-gold)\">See your numbers<\/p>\n <h2>What the sun is worth on your roof<\/h2>\n <p>Move one slider to your monthly bill and watch system size, cost, payback, and 25-year savings update instantly. Every assumption is shown \u2014 nothing hidden, no email required to look.<\/p>\n <a class=\"se-btn se-btn-sun\" href=\"\/savings-calculator\/\">Open the full savings calculator<\/a>\n <!-- Embed the standalone calculator here: paste its markup, or drop it in a\n Custom HTML block \/ iframe on this page and link this button to it. -->\n <\/div>\n <div class=\"se-calc-panel\" aria-label=\"Example estimate (illustration only)\">\n <div class=\"se-calc-stat\"><span>Sample bill<\/span><strong>$250\/mo<\/strong><\/div>\n <div class=\"se-calc-stat\"><span>Recommended system<\/span><strong>7.4 kW + battery<\/strong><\/div>\n <div class=\"se-calc-stat\"><span>New monthly bill<\/span><strong>~$25\/mo<\/strong><\/div>\n <div class=\"se-calc-stat\"><span>Estimated monthly savings<\/span><strong class=\"se-sun-text\">~$225\/mo<\/strong><\/div>\n <div class=\"se-calc-stat\"><span>25-year net savings<\/span><strong class=\"se-sun-text\">$60,000+<\/strong><\/div>\n <p style=\"font-size:11.5px;color:#8ea3b8;margin:16px 0 0;line-height:1.5;\">Illustrative example, not a quote. Your real numbers depend on roof, shading, usage, and current rates \u2014 confirmed in your free assessment.<\/p>\n <\/div>\n <\/div>\n<\/section>\n\n<!-- ============================================================ SERVICES -->\n<section class=\"se-section\" id=\"services\">\n <div class=\"se-wrap\">\n <div class=\"se-section-head\">\n <p class=\"se-kicker\">What we do<\/p>\n <h2>Solar, storage, and everything that makes it work<\/h2>\n <p>Four core services, each with its own detailed page \u2014 explore what fits your home.<\/p>\n <\/div>\n <div class=\"se-serv-grid\">\n <a class=\"se-serv-card se-serv-card-link\" href=\"\/solar-battery-installation\/\">\n <svg class=\"se-serv-icon\" viewBox=\"0 0 48 48\" fill=\"none\" aria-hidden=\"true\"><rect x=\"6\" y=\"10\" width=\"36\" height=\"24\" rx=\"2\" fill=\"#1c6fb3\"><\/rect><path d=\"M6 22h36M18 10v24M30 10v24\" stroke=\"#fff\" stroke-width=\"1.6\"><\/path><\/svg>\n <h3>Solar & Battery Installation<\/h3>\n <p>High-efficiency panels plus battery storage, sized to your usage and built for NEM 3.0 self-use savings.<\/p>\n <span class=\"se-serv-cta\">Learn more \u2192<\/span>\n <\/a>\n <a class=\"se-serv-card se-serv-card-link\" href=\"\/solar-maintenance\/\">\n <svg class=\"se-serv-icon\" viewBox=\"0 0 48 48\" fill=\"none\" aria-hidden=\"true\"><circle cx=\"24\" cy=\"24\" r=\"18\" fill=\"none\" stroke=\"#1c6fb3\" stroke-width=\"3\"><\/circle><path d=\"M24 14v10l7 5\" stroke=\"#1c6fb3\" stroke-width=\"3\" stroke-linecap=\"round\"><\/path><\/svg>\n <h3>Solar Preventative Maintenance<\/h3>\n <p>Keep an existing system performing at its best with inspections, cleaning, and monitoring by a local team.<\/p>\n <span class=\"se-serv-cta\">Learn more \u2192<\/span>\n <\/a>\n <a class=\"se-serv-card se-serv-card-link\" href=\"\/panel-upgrades\/\">\n <svg class=\"se-serv-icon\" viewBox=\"0 0 48 48\" fill=\"none\" aria-hidden=\"true\"><rect x=\"7\" y=\"14\" width=\"34\" height=\"22\" rx=\"3\" fill=\"#1c6fb3\"><\/rect><path d=\"M14 14v-3a4 4 0 014-4h12a4 4 0 014 4v3\" stroke=\"#0e2c4d\" stroke-width=\"3\"><\/path><path d=\"M18 25h12\" stroke=\"#fff\" stroke-width=\"2.6\" stroke-linecap=\"round\"><\/path><\/svg>\n <h3>Main Panel Upgrades<\/h3>\n <p>Upgrade an older electrical panel so your home is ready for solar, battery, and EV charging safely.<\/p>\n <span class=\"se-serv-cta\">Learn more \u2192<\/span>\n <\/a>\n <a class=\"se-serv-card se-serv-card-link\" href=\"\/ev-charger-installation\/\">\n <svg class=\"se-serv-icon\" viewBox=\"0 0 48 48\" fill=\"none\" aria-hidden=\"true\"><path d=\"M26 4L10 26h12l-2 18 16-22H24z\" fill=\"#f07d1a\"><\/path><\/svg>\n <h3>EV Charger Installation<\/h3>\n <p>Charge your car on your own sunshine with Level 2 charging, installed and permitted correctly.<\/p>\n <span class=\"se-serv-cta\">Learn more \u2192<\/span>\n <\/a>\n <\/div>\n <div style=\"margin-top:32px;text-align:center;\">\n <a class=\"se-btn se-btn-ghost\" href=\"\/services\/\">View all services \u2192<\/a>\n <\/div>\n <\/div>\n<\/section>\n\n<!-- ============================================================ PROCESS -->\n<section class=\"se-section se-proc\">\n <div class=\"se-wrap\">\n <div class=\"se-section-head\">\n <p class=\"se-kicker\">How it works<\/p>\n <h2>From first call to powered up<\/h2>\n <\/div>\n <div class=\"se-proc-grid\">\n <div class=\"se-proc-step\"><h3>Assessment<\/h3><p>We review your bills and roof, then model a system sized to your real usage.<\/p><\/div>\n <div class=\"se-proc-step\"><h3>Design & proposal<\/h3><p>You get a clear written proposal \u2014 equipment, price, and savings, line by line.<\/p><\/div>\n <div class=\"se-proc-step\"><h3>Permits & install<\/h3><p>We handle permitting, interconnection, and a clean, code-compliant installation.<\/p><\/div>\n <div class=\"se-proc-step\"><h3>Switch on<\/h3><p>After inspection and PG&E approval, your system goes live and starts offsetting your bill.<\/p><\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<!-- ============================================================ SERVICE AREA (local SEO) -->\n<section class=\"se-section\" id=\"areas\">\n <div class=\"se-wrap\">\n <div class=\"se-section-head\">\n <p class=\"se-kicker\">Where we work<\/p>\n <h2>Serving the Bay Area, from Monterey to San Joaquin<\/h2>\n <p>A local team across eight counties. Each area gets its own dedicated page \u2014 we’ll link them here as they go live.<\/p>\n <\/div>\n <div class=\"se-area-grid\">\n <div class=\"se-area-card\"><h3>San Francisco<\/h3><p>Sunset, Richmond, Noe Valley, Bernal Heights, Excelsior, and all city neighborhoods<\/p><\/div>\n <div class=\"se-area-card\"><h3>Santa Clara County<\/h3><p>San Jose, Sunnyvale, Santa Clara, Mountain View, Palo Alto, Cupertino, Milpitas<\/p><\/div>\n <div class=\"se-area-card\"><h3>Alameda County<\/h3><p>Oakland, Berkeley, Fremont, Hayward, Pleasanton, San Leandro<\/p><\/div>\n <div class=\"se-area-card\"><h3>Contra Costa County<\/h3><p>Concord, Richmond, Walnut Creek, Antioch, San Ramon, Danville<\/p><\/div>\n <div class=\"se-area-card\"><h3>San Mateo County<\/h3><p>San Mateo, Redwood City, Daly City, South San Francisco, Menlo Park<\/p><\/div>\n <div class=\"se-area-card\"><h3>Santa Cruz County<\/h3><p>Santa Cruz, Watsonville, Scotts Valley, Capitola, Aptos<\/p><\/div>\n <div class=\"se-area-card\"><h3>Monterey County<\/h3><p>Salinas, Monterey, Seaside, Marina, Pacific Grove, Carmel<\/p><\/div>\n <div class=\"se-area-card\"><h3>San Benito County<\/h3><p>Hollister, San Juan Bautista<\/p><\/div>\n <div class=\"se-area-card\"><h3>San Joaquin County<\/h3><p>Stockton, Tracy, Manteca, Lodi, Lathrop<\/p><\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<!-- ============================================================ FINAL CTA -->\n<section class=\"se-section se-final\" id=\"quote\">\n <div class=\"se-wrap\">\n <h2>Find out what solar and storage would do for your bill.<\/h2>\n <p>A free, no-pressure site assessment with a written estimate. Real 2026 pricing, from a team that lives here too.<\/p>\n <div style=\"display:flex;gap:14px;justify-content:center;flex-wrap:wrap;\">\n <a class=\"se-btn se-btn-sun\" href=\"tel:+14087020480\">Call (408) 702-0480<\/a>\n <!-- Point this to your real quote form \/ booking link -->\n <a class=\"se-btn se-btn-ghost\" style=\"color:#fff;border-color:rgba(255,255,255,0.5)\" href=\"\/contact\/\">Request assessment online<\/a>\n <\/div>\n <\/div>\n<\/section>\n\n<!-- ============================================================ FOOTER -->\n<footer class=\"se-footer\">\n <div class=\"se-wrap\">\n <div class=\"se-footer-grid\">\n <div>\n <div class=\"se-footer-brand\">Starlight Energy<\/div>\n <p style=\"margin:0 0 6px;\">Powering your future across the Bay Area with solar and battery storage designed for California’s grid.<\/p>\n <p style=\"margin:0;\">284 Stonegate Cir<br>San Jose, CA 95110<br><a href=\"tel:+14087020480\" style=\"display:inline;\">(408) 702-0480<\/a><\/p>\n <\/div>\n <div>\n <h4>Company<\/h4>\n <a href=\"\/#why\">Why Solar Now<\/a>\n <a href=\"\/services\/\">Services<\/a>\n <a href=\"\/savings-calculator\/\">Savings Calculator<\/a>\n <a href=\"\/contact\/\">Free Assessment<\/a>\n <\/div>\n <div>\n <h4>Service Area<\/h4>\n <a href=\"\/solar-san-francisco\/\">San Francisco<\/a>\n <a href=\"\/solar-san-jose\/\">Santa Clara County (San Jose)<\/a>\n <a href=\"\/#areas\">Alameda County<\/a>\n <a href=\"\/#areas\">Contra Costa & more<\/a>\n <\/div>\n <\/div>\n <div class=\"se-footer-legal\">\n \u00a9 <span id=\"seYear\"><\/span> Starlight Energy. CSLB License #1132072. Savings figures are illustrative estimates, not guarantees or financial advice; actual results depend on your roof, usage, financing, and current utility rates and incentives. The 30% federal residential tax credit (Section 25D) expired December 31, 2025 for purchased systems.\n <\/div>\n <\/div>\n<\/footer>\n\n<!-- ============================================================\n LocalBusiness structured data \u2014 helps Google & AI Overviews\n understand who you are and where you serve. Fill in every\n bracketed field with real data before publishing.\n ============================================================ -->\n<script type=\"application\/ld+json\">\n{\n \"@context\": \"https:\/\/schema.org\",\n \"@type\": \"SolarEnergyContractor\",\n \"name\": \"Starlight Energy\",\n \"description\": \"Solar and battery storage installation across the San Francisco Bay Area.\",\n \"url\": \"https:\/\/starlightenergy.io\/\",\n \"telephone\": \"+1-408-702-0480\",\n \"image\": \"https:\/\/starlightenergy.io\/wp-content\/uploads\/2026\/08\/logo.png\",\n \"address\": {\n \"@type\": \"PostalAddress\",\n \"streetAddress\": \"284 Stonegate Cir\",\n \"addressLocality\": \"San Jose\",\n \"addressRegion\": \"CA\",\n \"postalCode\": \"95110\",\n \"addressCountry\": \"US\"\n },\n \"areaServed\": [\n { \"@type\": \"City\", \"name\": \"San Francisco, CA\" },\n { \"@type\": \"AdministrativeArea\", \"name\": \"Santa Clara County, CA\" },\n { \"@type\": \"AdministrativeArea\", \"name\": \"Alameda County, CA\" },\n { \"@type\": \"AdministrativeArea\", \"name\": \"Contra Costa County, CA\" },\n { \"@type\": \"AdministrativeArea\", \"name\": \"San Mateo County, CA\" },\n { \"@type\": \"AdministrativeArea\", \"name\": \"Santa Cruz County, CA\" },\n { \"@type\": \"AdministrativeArea\", \"name\": \"Monterey County, CA\" },\n { \"@type\": \"AdministrativeArea\", \"name\": \"San Benito County, CA\" },\n { \"@type\": \"AdministrativeArea\", \"name\": \"San Joaquin County, CA\" }\n ],\n \"openingHoursSpecification\": [\n { \"@type\": \"OpeningHoursSpecification\", \"dayOfWeek\": [\"Monday\",\"Tuesday\",\"Wednesday\",\"Thursday\",\"Friday\",\"Saturday\"], \"opens\": \"08:00\", \"closes\": \"18:00\" }\n ],\n \"priceRange\": \"$$\"\n}\n<\/script>\n<script>document.getElementById('seYear').textContent = new Date().getFullYear();<\/script>\n\n<!-- ============================================================\n MOBILE NAVIGATION (sitewide, progressive enhancement).\n At <=860px the theme\/global CSS hides .se-navlink with no\n replacement, leaving no way to reach the primary nav on phones\/\n tablets. This block adds an accessible hamburger toggle + slide\n panel that reuses the SAME <nav class=\"se-nav\"> already in the\n header (so it automatically mirrors whatever links, phone number,\n and Free Assessment CTA this specific page's header already has\n - no link list is duplicated\/hardcoded here). Desktop (>860px)\n and the already-published full-width header\/wrapping CSS are\n untouched: the button is hidden above 860px, and the nav's own\n flex layout is only touched inside the same 860px breakpoint the\n theme already uses. -->\n<style>\n .se-menu-toggle {\n display: none;\n align-items: center;\n justify-content: center;\n width: 44px;\n height: 44px;\n min-width: 44px;\n min-height: 44px;\n padding: 0;\n border: 1.5px solid var(--se-line);\n border-radius: 10px;\n background: #fff;\n cursor: pointer;\n flex: none;\n -webkit-tap-highlight-color: transparent;\n }\n .se-menu-toggle:hover { border-color: var(--se-blue); }\n .se-menu-toggle .se-menu-icon { position: relative; width: 20px; height: 14px; display: block; }\n .se-menu-toggle .se-menu-icon span {\n position: absolute; left: 0; right: 0; height: 2px; border-radius: 2px;\n background: var(--se-navy); transition: transform .2s ease, opacity .2s ease;\n }\n .se-menu-toggle .se-menu-icon span:nth-child(1) { top: 0; }\n .se-menu-toggle .se-menu-icon span:nth-child(2) { top: 6px; }\n .se-menu-toggle .se-menu-icon span:nth-child(3) { top: 12px; }\n .se-header[data-se-nav-open=\"true\"] .se-menu-toggle .se-menu-icon span:nth-child(1) { transform: translateY(6px) rotate(45deg); }\n .se-header[data-se-nav-open=\"true\"] .se-menu-toggle .se-menu-icon span:nth-child(2) { opacity: 0; }\n .se-header[data-se-nav-open=\"true\"] .se-menu-toggle .se-menu-icon span:nth-child(3) { transform: translateY(-6px) rotate(-45deg); }\n\n @media (max-width: 860px) {\n .se-menu-toggle { display: flex; order: 3; margin-left: 8px; }\n .se-nav { gap: 12px; flex-wrap: wrap; justify-content: flex-end; }\n \/* Primary text links become a collapsible panel; phone + CTA stay\n visible in the header row at all times per spec. *\/\n .se-header .se-nav a.se-navlink { display: none; }\n .se-header[data-se-nav-open=\"true\"] .se-nav a.se-navlink {\n display: block;\n width: 100%;\n }\n .se-header[data-se-nav-open=\"true\"] .se-nav {\n position: absolute;\n left: 0; right: 0; top: 100%;\n background: #fff;\n border-bottom: 1px solid var(--se-line);\n box-shadow: 0 12px 24px -12px rgba(20,32,44,0.18);\n padding: 10px clamp(18px, 3vw, 48px) 18px;\n flex-direction: column;\n align-items: stretch;\n gap: 2px;\n max-height: calc(100vh - 74px);\n overflow-y: auto;\n z-index: 41;\n }\n .se-header[data-se-nav-open=\"true\"] .se-nav a.se-navlink {\n padding: 13px 4px;\n border-bottom: 1px solid var(--se-line);\n font-size: 16px;\n }\n .se-header[data-se-nav-open=\"true\"] .se-nav a.se-navlink:last-of-type { border-bottom: none; }\n .se-header[data-se-nav-open=\"true\"] .se-nav-phone,\n .se-header[data-se-nav-open=\"true\"] .se-nav .se-btn { order: 4; margin-top: 8px; }\n \/* .se-header is already position:sticky (see base theme CSS above),\n which establishes a positioning context for the absolutely\n positioned dropdown panel above - no need to change position here\n and no risk of breaking the sticky header behavior. *\/\n }\n @media (min-width: 861px) {\n .se-menu-toggle { display: none !important; }\n }\n\n \/* ---------- Standardized nav dropdowns (Services \/ Service Area) ---------- *\/\n .se-nav .se-has-dropdown { position: relative; }\n .se-nav .se-dd-toggle {\n display: inline-flex; align-items: center; gap: 5px; background: none; border: none;\n font: inherit; font-size: 14.5px; font-weight: 500; color: var(--se-ink); cursor: pointer; padding: 0;\n font-family: 'IBM Plex Sans', sans-serif;\n }\n .se-nav .se-dd-toggle:hover { color: var(--se-blue); }\n .se-nav .se-dd-toggle .se-caret { width: 8px; height: 8px; border-right: 1.6px solid currentColor; border-bottom: 1.6px solid currentColor; transform: rotate(45deg) translateY(-2px); transition: transform .15s ease; }\n .se-nav .se-has-dropdown[data-open=\"true\"] .se-dd-toggle .se-caret { transform: rotate(225deg) translateY(1px); }\n .se-dd-menu {\n display: none; position: absolute; top: calc(100% + 14px); left: 50%; transform: translateX(-50%);\n background: #fff; border: 1px solid var(--se-line); border-radius: 12px; min-width: 260px;\n box-shadow: 0 20px 40px -20px rgba(14,44,77,0.35); padding: 8px; z-index: 50;\n }\n .se-has-dropdown[data-open=\"true\"] .se-dd-menu { display: block; }\n .se-dd-menu a { display: block; padding: 10px 12px; border-radius: 8px; font-size: 14px; font-weight: 500; color: var(--se-ink); text-decoration: none; }\n .se-dd-menu a:hover { background: var(--se-paper); color: var(--se-blue); }\n\n @media (max-width: 860px) {\n \/* Dropdown triggers live inside the collapsible mobile panel too -\n hidden until the hamburger opens it, exactly like .se-navlink. *\/\n .se-header .se-nav .se-has-dropdown { display: none; width: 100%; }\n .se-header[data-se-nav-open=\"true\"] .se-nav .se-has-dropdown { display: block; }\n .se-nav .se-dd-toggle { width: 100%; justify-content: space-between; padding: 13px 4px; border-bottom: 1px solid var(--se-line); }\n .se-dd-menu { display: none; position: static; transform: none; box-shadow: none; border: none; border-radius: 0;\n background: var(--se-paper); margin: 0 0 4px; padding: 4px 0 4px 14px; }\n .se-has-dropdown[data-open=\"true\"] .se-dd-menu { display: block; }\n .se-dd-menu a { padding: 12px 4px; font-size: 15px; }\n }\n\n<\/style>\n<script>\n(function () {\n function initSeNav(header) {\n if (!header || header.__seNavInit) return;\n header.__seNavInit = true;\n var nav = header.querySelector('.se-nav');\n if (!nav) return;\n\n var toggle = document.createElement('button');\n toggle.type = 'button';\n toggle.className = 'se-menu-toggle';\n toggle.setAttribute('aria-label', 'Open menu');\n toggle.setAttribute('aria-expanded', 'false');\n toggle.setAttribute('aria-controls', nav.id || (nav.id = 'se-primary-nav'));\n toggle.innerHTML = '<span class=\"se-menu-icon\"><span><\/span><span><\/span><span><\/span><\/span>';\n nav.parentNode.insertBefore(toggle, nav.nextSibling);\n\n function setOpen(open) {\n header.setAttribute('data-se-nav-open', open ? 'true' : 'false');\n toggle.setAttribute('aria-expanded', open ? 'true' : 'false');\n toggle.setAttribute('aria-label', open ? 'Close menu' : 'Open menu');\n }\n setOpen(false);\n\n toggle.addEventListener('click', function () {\n setOpen(header.getAttribute('data-se-nav-open') !== 'true');\n });\n\n document.addEventListener('keydown', function (e) {\n if (e.key === 'Escape' && header.getAttribute('data-se-nav-open') === 'true') {\n setOpen(false);\n toggle.focus();\n }\n });\n\n \/\/ Close after choosing a link (selection close behavior).\n nav.querySelectorAll('a').forEach(function (a) {\n a.addEventListener('click', function () { setOpen(false); });\n });\n\n \/\/ Click outside closes the panel.\n document.addEventListener('click', function (e) {\n if (header.getAttribute('data-se-nav-open') === 'true' &&\n !header.contains(e.target)) {\n setOpen(false);\n }\n });\n\n \/\/ Collapse back to closed state if the viewport grows past the\n \/\/ mobile breakpoint while the panel is open.\n window.addEventListener('resize', function () {\n if (window.innerWidth > 860) setOpen(false);\n });\n }\n var h = document.querySelector('header.se-header');\n if (h) initSeNav(h);\n\n \/\/ Standardized dropdown behavior (Services \/ Service Areas), desktop + mobile.\n function initDropdowns(header) {\n var dds = header.querySelectorAll('[data-se-dropdown]');\n dds.forEach(function (dd) {\n var btn = dd.querySelector('.se-dd-toggle');\n if (!btn || dd.__ddInit) return;\n dd.__ddInit = true;\n function setOpen(open) {\n dd.setAttribute('data-open', open ? 'true' : 'false');\n btn.setAttribute('aria-expanded', open ? 'true' : 'false');\n }\n setOpen(false);\n btn.addEventListener('click', function (e) {\n e.stopPropagation();\n var willOpen = dd.getAttribute('data-open') !== 'true';\n dds.forEach(function (other) { if (other !== dd) other.setAttribute('data-open', 'false'); });\n setOpen(willOpen);\n });\n btn.addEventListener('keydown', function (e) {\n if (e.key === 'Escape') { setOpen(false); btn.focus(); }\n });\n });\n document.addEventListener('click', function (e) {\n dds.forEach(function (dd) {\n if (!dd.contains(e.target)) dd.setAttribute('data-open', 'false');\n });\n });\n }\n var __seHeaderForDD = document.querySelector('header.se-header');\n if (__seHeaderForDD) initDropdowns(__seHeaderForDD);\n\n})();\n<\/script>\n\n\n<!-- ============================================================ FLOATING CONTROLS: WHATSAPP + CHATBASE AI (checkpoint 2) -->\n<style id=\"se-whatsapp-style\">\n #se-whatsapp-fab {\n position: fixed;\n right: 16px;\n right: max(16px, env(safe-area-inset-right));\n bottom: 16px;\n bottom: max(16px, env(safe-area-inset-bottom));\n z-index: 39; \/* below header (40) dropdown menus (50), above page content *\/\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: 8px;\n min-width: 44px;\n min-height: 44px;\n height: 48px;\n padding: 0 16px;\n border-radius: 999px;\n background: #25D366;\n color: #fff;\n text-decoration: none;\n font-family: 'IBM Plex Sans', -apple-system, BlinkMacSystemFont, sans-serif;\n font-size: 14.5px;\n font-weight: 600;\n line-height: 1;\n box-shadow: 0 10px 24px -10px rgba(0,0,0,0.35);\n -webkit-tap-highlight-color: transparent;\n }\n #se-whatsapp-fab:hover { background: #1ebe5a; }\n #se-whatsapp-fab:focus-visible {\n outline: 3px solid #0e2c4d;\n outline-offset: 3px;\n }\n #se-whatsapp-fab .se-wa-icon {\n width: 22px;\n height: 22px;\n flex: none;\n display: block;\n }\n #se-whatsapp-fab .se-wa-label { white-space: nowrap; }\n \/* Compact circular button on narrow viewports; label stays for accessibility (visually hidden, not display:none) *\/\n @media (max-width: 480px) {\n #se-whatsapp-fab {\n width: 48px;\n height: 48px;\n padding: 0;\n gap: 0;\n }\n #se-whatsapp-fab .se-wa-label {\n position: absolute;\n width: 1px; height: 1px;\n overflow: hidden;\n clip: rect(0 0 0 0);\n clip-path: inset(50%);\n white-space: nowrap;\n }\n }\n @media (prefers-reduced-motion: reduce) {\n #se-whatsapp-fab, #se-whatsapp-fab:hover { transition: none; animation: none; }\n }\n<\/style>\n<a id=\"se-whatsapp-fab\" href=\"https:\/\/wa.me\/14087020480?text=Hi%20Starlight%20Energy%2C%20I%20have%20a%20question%20about%20your%20services.\" target=\"_blank\" rel=\"noopener noreferrer\" aria-label=\"Chat with Starlight Energy on WhatsApp\">\n <svg class=\"se-wa-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" focusable=\"false\">\n <path d=\"M20.5 11.9a8.6 8.6 0 1 1-3.8-7.1M20.5 11.9a8.6 8.6 0 0 1-12.4 7.6L4 20.5l1.1-4a8.6 8.6 0 0 1-.1-8.9\"><\/path>\n <path d=\"M8.3 8.4c.2-.5.6-.5 1-.5.3 0 .6 0 .8.5.3.6.9 1.9.9 2.1 0 .2 0 .4-.2.6-.2.3-.4.4-.6.6-.2.2-.4.4-.2.8.3.5 1.9 2.4 3.7 2.9.3.1.5 0 .7-.2.2-.3.6-.8.8-1 .2-.2.4-.2.6-.1.3.1 1.7.8 2 1 .3.1.5.2.5.4 0 .2 0 1-.4 1.5-.4.5-1.5 1-2.6.8-1.7-.3-3.6-1.2-5-2.6-1.2-1.2-1.9-2.4-2.3-3.4-.4-1-.3-2 .1-2.7z\" fill=\"currentColor\" stroke=\"none\"><\/path>\n <\/svg>\n <span class=\"se-wa-label\">Chat on WhatsApp<\/span>\n<\/a>\n<script id=\"se-whatsapp-script\">\n (function () {\n \/\/ Guard: never duplicate the widget even if this snippet runs more than once.\n if (window.__seWhatsAppFabInit) return;\n var existing = document.querySelectorAll('#se-whatsapp-fab');\n if (existing.length > 1) {\n for (var i = 1; i < existing.length; i++) existing[i].remove();\n }\n window.__seWhatsAppFabInit = true;\n })();\n<\/script>\n\n<!-- Chatbase AI widget: official embed snippet, verbatim, guarded against duplicate injection. -->\n<script id=\"se-chatbase-guard\">\n (function () {\n if (window.__seChatbaseInit) return;\n window.__seChatbaseInit = true;\n if (document.getElementById('se-chatbase-embed-script')) return;\n var s = document.createElement('script');\n s.id = 'se-chatbase-embed-script';\n s.textContent = ''\n + '(function(){if(!window.chatbase||window.chatbase(\"getState\")!==\"initialized\"){window.chatbase=(...arguments)=>{if(!window.chatbase.q){window.chatbase.q=[]}window.chatbase.q.push(arguments)};window.chatbase=new Proxy(window.chatbase,{get(target,prop){if(prop===\"q\"){return target.q}return(...args)=>target(prop,...args)}})}const onLoad=function(){const script=document.createElement(\"script\");script.src=\"https:\/\/www.chatbase.co\/embed.min.js\";script.id=\"PjdzZuGpIZF8TepL0wIhz\";script.domain=\"www.chatbase.co\";document.body.appendChild(script)};if(document.readyState===\"complete\"){onLoad()}else{window.addEventListener(\"load\",onLoad)}})();';\n document.body.appendChild(s);\n })();\n<\/script>\n\n<style id=\"se-chatbase-position-fix\">\n \/* Defensive stacking: keep the Chatbase launcher directly above the WhatsApp\n FAB on the right, 12-16px clear of it, and keep the open panel within the\n viewport above page content. WhatsApp FAB = 48px tall, bottom:16px (safe-area\n aware) => its top edge sits at 64px from the bottom, so the Chatbase button\n is pinned at bottom:78px (14px gap) using the site's own selectors, which\n Chatbase renders with fixed inline styles we override with !important so\n our rule wins regardless of paint order. *\/\n #chatbase-bubble-button {\n right: 16px !important;\n right: max(16px, env(safe-area-inset-right)) !important;\n bottom: 78px !important;\n bottom: calc(max(16px, env(safe-area-inset-bottom)) + 48px + 14px) !important;\n left: unset !important;\n z-index: 2147483645 !important;\n }\n #chatbase-bubble-window {\n right: 16px !important;\n right: max(16px, env(safe-area-inset-right)) !important;\n bottom: 147px !important;\n bottom: calc(max(16px, env(safe-area-inset-bottom)) + 48px + 14px + 55px + 10px) !important;\n left: unset !important;\n max-height: min(80dvh, calc(100dvh - 170px)) !important;\n z-index: 2147483646 !important;\n }\n #chatbase-message-bubbles {\n right: 16px !important;\n right: max(16px, env(safe-area-inset-right)) !important;\n bottom: 147px !important;\n bottom: calc(max(16px, env(safe-area-inset-bottom)) + 48px + 14px + 55px + 10px) !important;\n left: unset !important;\n }\n \/* On very short\/narrow viewports (e.g. 390x844 mobile), keep the open panel\n from overflowing the viewport top\/edges. *\/\n @media (max-width: 480px) {\n #chatbase-bubble-window {\n right: 8px !important;\n left: 8px !important;\n width: auto !important;\n max-width: calc(100vw - 16px) !important;\n bottom: calc(max(16px, env(safe-area-inset-bottom)) + 48px + 12px + 55px + 8px) !important;\n max-height: min(75dvh, calc(100dvh - 160px)) !important;\n }\n }\n<\/style>\n<script id=\"se-chatbase-position-observer\">\n (function () {\n if (window.__seChatbasePosObsInit) return;\n window.__seChatbasePosObsInit = true;\n \/\/ Chatbase sets inline styles on its own elements; our stylesheet rules\n \/\/ above use !important so they win over inline styles regardless of when\n \/\/ Chatbase's script (re)applies them. This observer is a defensive no-op\n \/\/ safety net: if a future Chatbase build ever writes !important inline\n \/\/ styles of its own (which would otherwise win), nudge the elements back\n \/\/ by re-adding our class so the stylesheet still applies after re-render.\n var target = document.body;\n if (!target) return;\n var obs = new MutationObserver(function () {\n var btn = document.getElementById('chatbase-bubble-button');\n var win = document.getElementById('chatbase-bubble-window');\n if (btn) btn.classList.add('se-chatbase-positioned');\n if (win) win.classList.add('se-chatbase-positioned');\n });\n obs.observe(target, { childList: true, subtree: true });\n })();\n<\/script>\n<!-- ========================================================= \/FLOATING CONTROLS -->\n","protected":false},"excerpt":{"rendered":"<p>Starlight Energy | Solar & Battery Installer Serving the Bay Area Starlight EnergyPowering Your Future Services Solar & Battery Installation Solar Preventative Maintenance Main Panel Upgrades EV Charger Installation Electrical Troubleshooting & Repair Savings Calculator Service Areas All Service Areas Solar in San Jose Solar in San Francisco About (408) 702-0480 Free assessment Bay Area […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"no-title","meta":{"footnotes":""},"class_list":["post-100","page","type-page","status-publish","hentry"],"aioseo_notices":[],"aioseo_head":"\n\t\t<!-- All in One SEO 5.0.1.1 - aioseo.com -->\n\t<meta name=\"description\" content=\"Bay Area solar, battery storage, EV charger and electrical upgrades from Starlight Energy. Request a free assessment at (408) 702-0480.\" \/>\n\t<meta name=\"robots\" content=\"max-image-preview:large\" \/>\n\t<link rel=\"canonical\" href=\"https:\/\/starlightenergy.io\/es\/\" \/>\n\t<meta name=\"generator\" content=\"All in One SEO (AIOSEO) 5.0.1.1\" \/>\n\t\t<meta property=\"og:locale\" content=\"es_ES\" \/>\n\t\t<meta property=\"og:site_name\" content=\"Starlight Energy - Bay Area Solar, Battery & Electrical Contractor\" \/>\n\t\t<meta property=\"og:type\" content=\"website\" \/>\n\t\t<meta property=\"og:title\" content=\"Bay Area Solar & Battery Installer | Starlight Energy\" \/>\n\t\t<meta property=\"og:description\" content=\"Bay Area solar, battery storage, EV charger and electrical upgrades from Starlight Energy. Request a free assessment at (408) 702-0480.\" \/>\n\t\t<meta property=\"og:url\" content=\"https:\/\/starlightenergy.io\/es\/\" \/>\n\t\t<meta property=\"og:image\" content=\"https:\/\/starlightenergy.io\/wp-content\/uploads\/2026\/08\/logo.png\" \/>\n\t\t<meta property=\"og:image:secure_url\" content=\"https:\/\/starlightenergy.io\/wp-content\/uploads\/2026\/08\/logo.png\" \/>\n\t\t<meta property=\"og:image:width\" content=\"256\" \/>\n\t\t<meta property=\"og:image:height\" content=\"256\" \/>\n\t\t<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n\t\t<meta name=\"twitter:title\" content=\"Bay Area Solar & Battery Installer | Starlight Energy\" \/>\n\t\t<meta name=\"twitter:description\" content=\"Bay Area solar, battery storage, EV charger and electrical upgrades from Starlight Energy. Request a free assessment at (408) 702-0480.\" \/>\n\t\t<meta name=\"twitter:image\" content=\"https:\/\/starlightenergy.io\/wp-content\/uploads\/2026\/08\/logo.png\" \/>\n\t\t<script type=\"application\/ld+json\" class=\"aioseo-schema\">\n\t\t\t{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/starlightenergy.io\\\/es\\\/#breadcrumblist\",\"itemListElement\":[{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/starlightenergy.io\\\/es#listItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/starlightenergy.io\\\/es\",\"nextItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/starlightenergy.io\\\/es\\\/#listItem\",\"name\":\"Home\"}},{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/starlightenergy.io\\\/es\\\/#listItem\",\"position\":2,\"name\":\"Home\",\"previousItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/starlightenergy.io\\\/es#listItem\",\"name\":\"Home\"}}]},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/starlightenergy.io\\\/es\\\/#organization\",\"name\":\"Starlight Energy\",\"description\":\"Licensed and insured California solar, battery storage and electrical contractor (CSLB #1132072) serving San Jose and the greater Bay Area with solar installation, Tesla Powerwall and battery backup, main panel upgrades, EV charger installation, and solar maintenance and repair.\",\"url\":\"https:\\\/\\\/starlightenergy.io\\\/es\\\/\",\"email\":\"info@starlightenergy.io\",\"telephone\":\"+14087020480\",\"foundingDate\":\"2023-01-10\",\"numberOfEmployees\":{\"@type\":\"QuantitativeValue\",\"value\":5},\"logo\":{\"@type\":\"ImageObject\",\"url\":\"https:\\\/\\\/starlightenergy.io\\\/wp-content\\\/uploads\\\/2026\\\/08\\\/logo.pnghttps:\\\/\\\/starlightenergy.io\\\/wp-content\\\/uploads\\\/2026\\\/08\\\/logo.png\",\"@id\":\"https:\\\/\\\/starlightenergy.io\\\/es\\\/#organizationLogo\"},\"image\":{\"@id\":\"https:\\\/\\\/starlightenergy.io\\\/es\\\/#organizationLogo\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/profile.php?id=61570133153849\",\"https:\\\/\\\/www.instagram.com\\\/starlightenergy.io\",\"https:\\\/\\\/www.tiktok.com\\\/@starlightenergy.io\"]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/starlightenergy.io\\\/es\\\/#webpage\",\"url\":\"https:\\\/\\\/starlightenergy.io\\\/es\\\/\",\"name\":\"Bay Area Solar & Battery Installer | Starlight Energy\",\"description\":\"Bay Area solar, battery storage, EV charger and electrical upgrades from Starlight Energy. Request a free assessment at (408) 702-0480.\",\"inLanguage\":\"es-ES\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/starlightenergy.io\\\/es\\\/#website\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/starlightenergy.io\\\/es\\\/#breadcrumblist\"},\"datePublished\":\"2026-08-15T12:23:11-07:00\",\"dateModified\":\"2026-08-27T03:55:00-07:00\"},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/starlightenergy.io\\\/es\\\/#website\",\"url\":\"https:\\\/\\\/starlightenergy.io\\\/es\\\/\",\"name\":\"Starlight Energy\",\"description\":\"Bay Area Solar, Battery & Electrical Contractor\",\"inLanguage\":\"es-ES\",\"publisher\":{\"@id\":\"https:\\\/\\\/starlightenergy.io\\\/es\\\/#organization\"}}]}\n\t\t<\/script>\n\t\t<!-- All in One SEO -->\n\n","aioseo_head_json":{"title":"Bay Area Solar & Battery Installer | Starlight Energy","description":"Bay Area solar, battery storage, EV charger and electrical upgrades from Starlight Energy. Request a free assessment at (408) 702-0480.","canonical_url":"https:\/\/starlightenergy.io\/es\/","robots":"max-image-preview:large","keywords":"","webmasterTools":{"miscellaneous":""},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"BreadcrumbList","@id":"https:\/\/starlightenergy.io\/es\/#breadcrumblist","itemListElement":[{"@type":"ListItem","@id":"https:\/\/starlightenergy.io\/es#listItem","position":1,"name":"Home","item":"https:\/\/starlightenergy.io\/es","nextItem":{"@type":"ListItem","@id":"https:\/\/starlightenergy.io\/es\/#listItem","name":"Home"}},{"@type":"ListItem","@id":"https:\/\/starlightenergy.io\/es\/#listItem","position":2,"name":"Home","previousItem":{"@type":"ListItem","@id":"https:\/\/starlightenergy.io\/es#listItem","name":"Home"}}]},{"@type":"Organization","@id":"https:\/\/starlightenergy.io\/es\/#organization","name":"Starlight Energy","description":"Licensed and insured California solar, battery storage and electrical contractor (CSLB #1132072) serving San Jose and the greater Bay Area with solar installation, Tesla Powerwall and battery backup, main panel upgrades, EV charger installation, and solar maintenance and repair.","url":"https:\/\/starlightenergy.io\/es\/","email":"info@starlightenergy.io","telephone":"+14087020480","foundingDate":"2023-01-10","numberOfEmployees":{"@type":"QuantitativeValue","value":5},"logo":{"@type":"ImageObject","url":"https:\/\/starlightenergy.io\/wp-content\/uploads\/2026\/08\/logo.pnghttps:\/\/starlightenergy.io\/wp-content\/uploads\/2026\/08\/logo.png","@id":"https:\/\/starlightenergy.io\/es\/#organizationLogo"},"image":{"@id":"https:\/\/starlightenergy.io\/es\/#organizationLogo"},"sameAs":["https:\/\/www.facebook.com\/profile.php?id=61570133153849","https:\/\/www.instagram.com\/starlightenergy.io","https:\/\/www.tiktok.com\/@starlightenergy.io"]},{"@type":"WebPage","@id":"https:\/\/starlightenergy.io\/es\/#webpage","url":"https:\/\/starlightenergy.io\/es\/","name":"Bay Area Solar & Battery Installer | Starlight Energy","description":"Bay Area solar, battery storage, EV charger and electrical upgrades from Starlight Energy. Request a free assessment at (408) 702-0480.","inLanguage":"es-ES","isPartOf":{"@id":"https:\/\/starlightenergy.io\/es\/#website"},"breadcrumb":{"@id":"https:\/\/starlightenergy.io\/es\/#breadcrumblist"},"datePublished":"2026-08-15T12:23:11-07:00","dateModified":"2026-08-27T03:55:00-07:00"},{"@type":"WebSite","@id":"https:\/\/starlightenergy.io\/es\/#website","url":"https:\/\/starlightenergy.io\/es\/","name":"Starlight Energy","description":"Bay Area Solar, Battery & Electrical Contractor","inLanguage":"es-ES","publisher":{"@id":"https:\/\/starlightenergy.io\/es\/#organization"}}]},"og:locale":"es_ES","og:site_name":"Starlight Energy - Bay Area Solar, Battery & Electrical Contractor","og:type":"website","og:title":"Bay Area Solar & Battery Installer | Starlight Energy","og:description":"Bay Area solar, battery storage, EV charger and electrical upgrades from Starlight Energy. Request a free assessment at (408) 702-0480.","og:url":"https:\/\/starlightenergy.io\/es\/","og:image":"https:\/\/starlightenergy.io\/wp-content\/uploads\/2026\/08\/logo.png","og:image:secure_url":"https:\/\/starlightenergy.io\/wp-content\/uploads\/2026\/08\/logo.png","og:image:width":256,"og:image:height":256,"twitter:card":"summary_large_image","twitter:title":"Bay Area Solar & Battery Installer | Starlight Energy","twitter:description":"Bay Area solar, battery storage, EV charger and electrical upgrades from Starlight Energy. Request a free assessment at (408) 702-0480.","twitter:image":"https:\/\/starlightenergy.io\/wp-content\/uploads\/2026\/08\/logo.png"},"aioseo_meta_data":{"post_id":"100","title":"Bay Area Solar & Battery Installer | Starlight Energy","description":"Bay Area solar, battery storage, EV charger and electrical upgrades from Starlight Energy. Request a free assessment at (408) 702-0480.","keywords":null,"keyphrases":{"focus":{"keyphrase":"","score":0,"analysis":{"keyphraseInTitle":{"score":0,"maxScore":9,"error":1}}},"additional":[]},"focus_keyword":null,"additional_keywords":null,"truseo_locale":null,"primary_term":null,"canonical_url":null,"og_title":null,"og_description":null,"og_object_type":"website","og_image_type":"default","og_image_custom_url":null,"og_image_custom_fields":null,"og_image_url":null,"og_image_width":null,"og_image_height":null,"og_video":"","og_custom_url":null,"og_article_section":null,"og_article_tags":null,"twitter_use_og":false,"twitter_card":"default","twitter_image_type":"default","twitter_image_custom_url":null,"twitter_image_custom_fields":null,"twitter_image_url":null,"twitter_title":null,"twitter_description":null,"schema_type":"default","schema_type_options":null,"schema":{"blockGraphs":[],"customGraphs":[],"default":{"data":{"Article":[],"Course":[],"Dataset":[],"FAQPage":[],"Movie":[],"Person":[],"Product":[],"ProductReview":[],"Car":[],"Recipe":[],"Service":[],"SoftwareApplication":[],"WebPage":[]},"graphName":"WebPage","isEnabled":true},"graphs":[]},"pillar_content":false,"robots_default":true,"robots_noindex":false,"robots_noarchive":false,"robots_nosnippet":false,"robots_nofollow":false,"robots_noimageindex":false,"robots_noodp":false,"robots_notranslate":false,"robots_max_snippet":"-1","robots_max_videopreview":"-1","robots_max_imagepreview":"large","priority":null,"frequency":"default","local_seo":null,"limit_modified_date":false,"ai":{"faqs":[],"keyPoints":[],"schemas":[],"titles":[],"descriptions":[],"socialPosts":{"email":{"subject":"","preview":"","content":""},"linkedin":[],"twitter":[],"facebook":[],"instagram":[]}},"breadcrumb_settings":null,"seo_analyzer_scan_date":null,"created":"2026-08-18 05:40:00","updated":"2026-08-27 11:36:55"},"aioseo_breadcrumb":"<div class=\"aioseo-breadcrumbs\"><span class=\"aioseo-breadcrumb\">\n\t\t\t<a href=\"https:\/\/starlightenergy.io\/es\" title=\"Home\">Home<\/a>\n\t\t<\/span><span class=\"aioseo-breadcrumb-separator\">»<\/span><span class=\"aioseo-breadcrumb\">\n\t\t\tHome\n\t\t<\/span><\/div>","aioseo_breadcrumb_json":[{"label":"Home","link":"https:\/\/starlightenergy.io\/es"},{"label":"Home","link":"https:\/\/starlightenergy.io\/es\/"}],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/starlightenergy.io\/es\/wp-json\/wp\/v2\/pages\/100","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/starlightenergy.io\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/starlightenergy.io\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/starlightenergy.io\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/starlightenergy.io\/es\/wp-json\/wp\/v2\/comments?post=100"}],"version-history":[{"count":9,"href":"https:\/\/starlightenergy.io\/es\/wp-json\/wp\/v2\/pages\/100\/revisions"}],"predecessor-version":[{"id":249,"href":"https:\/\/starlightenergy.io\/es\/wp-json\/wp\/v2\/pages\/100\/revisions\/249"}],"wp:attachment":[{"href":"https:\/\/starlightenergy.io\/es\/wp-json\/wp\/v2\/media?parent=100"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}