/* Commercial Solar PV — Photon: theme layer (SEO Dons, 2026-10-22). Loaded after the template CSS; tokens + a few components only. */
@font-face{font-family:"Space Grotesk";src:url(/theme/fonts/space-grotesk-latin-wght-normal.woff2) format("woff2");font-weight:300 700;font-style:normal;font-display:swap}
@font-face{font-family:"Manrope";src:url(/theme/fonts/manrope-latin-wght-normal.woff2) format("woff2");font-weight:200 800;font-style:normal;font-display:swap}
:root{--font-sans:"Manrope",system-ui,-apple-system,"Segoe UI",sans-serif;--font-display:"Space Grotesk","Manrope",system-ui,sans-serif;--color-brand-50:#eef0ff;--color-brand-100:#e0e3ff;--color-brand-200:#c5caff;--color-brand-300:#a1a7fb;--color-brand-500:#4f46e5;--color-brand-600:#4338ca;--color-brand-700:#3730a3;--color-brand-800:#2a2580;--color-brand-900:#1b1650;--color-accent-300:#d9f99d;--color-accent-400:#bef264;--color-accent-500:#a3e635;--color-accent-600:#84cc16;--color-accent-700:#4d7c0f;--color-surface-0:#ffffff;--color-surface-50:#f7f7fd;--color-surface-100:#eeeef9;--color-surface-200:#dfdff0;--color-neutral-50:#f7f7fd;--color-neutral-100:#eeeef9;--color-neutral-200:#dfdff0;--color-text-primary:#14122e;--color-text-secondary:#48466b;--color-text-muted:#66648c;--radius-xs:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--radius-2xl:28px;--gradient-accent:linear-gradient(135deg,#a3e635 0%,#84cc16 100%);--gradient-hero-dark:linear-gradient(180deg,#3730a3 0%,#1b1650 100%);--gradient-mesh:radial-gradient(at 0% 0%,#3730a3 0%,transparent 50%),radial-gradient(at 100% 100%,#4f46e5 0%,transparent 50%);--shadow-glow-accent:0 0 24px rgba(163,230,53,.4);}
h1,h2,h3,h4,h5,h6{letter-spacing:-.03em;font-weight:700;}
.text-display{letter-spacing:-.04em;font-weight:700;}
.eyebrow{color:#4338ca}
.bg-dark .eyebrow,.bg-mesh .eyebrow{color:#d9f99d}
.bg-dark .stat-value,.bg-mesh .stat-value{background:linear-gradient(135deg,#d9f99d,#a3e635)!important;-webkit-background-clip:text!important;background-clip:text!important}
.btn{border-radius:10px}
.btn-primary{color:#1b1650}.btn-primary:hover{color:#1b1650}
header[data-mega-menu] a.btn{border-radius:10px;color:#1b1650!important;background:var(--gradient-accent)!important}
a{text-underline-offset:3px}
header[data-mega-menu]>.container-wide>a[href="/"]{display:inline-flex;align-items:center;gap:.55em;font-family:var(--font-display);letter-spacing:-.01em;text-decoration:none!important}
header[data-mega-menu]>.container-wide>a[href="/"]::before{content:"";flex:0 0 auto;width:1.65em;height:1.65em;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Crect width='32' height='32' rx='7' fill='%231b1650'/%3E%3Cg fill='%234f46e5'%3E%3Crect x='6' y='6' width='9' height='6' rx='1'/%3E%3Crect x='17' y='6' width='9' height='6' rx='1'/%3E%3Crect x='6' y='14' width='9' height='6' rx='1'/%3E%3Crect x='17' y='14' width='9' height='6' rx='1'/%3E%3Crect x='6' y='22' width='9' height='4' rx='1'/%3E%3Crect x='17' y='22' width='9' height='4' rx='1'/%3E%3C/g%3E%3Ccircle cx='26' cy='6' r='4' fill='%23a3e635'/%3E%3C/svg%3E") center/contain no-repeat}
.timeline-number{border-color:#a3e635!important;color:#3730a3!important}
footer a:not(.btn):not([class*="bg-"]){color:rgba(255,255,255,.86);text-decoration-color:rgba(255,255,255,.28)}
footer a:not(.btn):not([class*="bg-"]):hover{color:#fff;text-decoration-color:currentColor}
a[class*="bg-[var(--color-accent-"],button[class*="bg-[var(--color-accent-"]{color:#1b1650!important}
[class*="text-[var(--color-accent-"]:not(.bg-mesh *):not(.bg-dark *):not(footer *):not(header *):not([class*="bg-[var(--color-brand-7"] *):not([class*="bg-[var(--color-brand-8"] *):not([class*="bg-[var(--color-brand-9"] *){color:#4338ca}
.badge-accent{background:color-mix(in srgb,var(--color-accent-300) 45%%,#fff);color:var(--color-brand-900)}
:is([class*="bg-[var(--color-brand-7"],[class*="bg-[var(--color-brand-8"],[class*="bg-[var(--color-brand-9"]) :is(h2,h3,h4){color:#fff}
footer h2,footer h3,footer h4,footer .brand-word{color:#fff}
footer li>a{display:inline-block;margin-right:.7em}
.stat-value{font-size:clamp(1.05rem,8.4cqi,2.25rem);overflow-wrap:anywhere}
@media (max-width:1023px){header[data-mega-menu]>.container-wide>a[href="/"]{font-size:1rem;gap:.4em}header[data-mega-menu]>.container-wide>a[href="/"]::before{width:1.3em;height:1.3em}}
@media (max-width:480px){header[data-mega-menu]>.container-wide>a[href="/"]::before{display:none}}
header[data-mega-menu] a:not(.btn){text-decoration:none}header[data-mega-menu] a:not(.btn):hover{text-decoration:underline}
header[data-mega-menu]{box-shadow:inset 0 3px 0 #a3e635,0 1px 0 #e0e3ff!important;border-bottom-color:transparent!important;}

.hero-split{background-color:#f5f5ff!important;background-image:linear-gradient(90deg,rgba(79,70,229,.07) 1px,transparent 1px),linear-gradient(rgba(79,70,229,.07) 1px,transparent 1px)!important;background-size:28px 44px!important}
.hero-split::before{background:radial-gradient(circle,rgba(163,230,53,.28) 0%,transparent 70%)!important;width:560px!important;height:560px!important}
.hero-image-decor{background:linear-gradient(135deg,#a3e635,#4f46e5)!important;opacity:.22!important}
.card-image-wrapper{border-radius:14px!important;box-shadow:0 30px 60px rgba(27,22,80,.18)!important}
.stat-value{background:linear-gradient(135deg,#4338ca,#4f46e5)!important;-webkit-background-clip:text!important;background-clip:text!important}
.bg-mesh{background-image:linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),var(--gradient-mesh)!important;background-size:28px 44px,28px 44px,auto!important}
