/* ------------------------------------------------------------------ Agentic Solar — brand palette. The template's colours all resolve through Framer design tokens declared on . Re-pointing those tokens recolours every section at once, without touching a single component: cream becomes a blue tint, near-black becomes deep navy, and the accent red becomes the brand blue. Radii are deliberately left alone. 1A4A85 primary · 10305A deep · 0B2242 darkest · EDF2F9 tint · 4A86D0 accent ------------------------------------------------------------------ */ body { /* page and surface backgrounds */ --token-d88c1a11-f6bb-4233-b32d-3b6f939afeb9: #fbfbfc; --token-93a8e920-3819-4824-be4b-d1be103884b2: #f4f5f7; --token-6e7f7e52-8869-40f7-b130-a6bfaccf15a7: #fbfbfc; --token-8ead7bd5-4c9e-4600-8c41-773e38c84c6f: #eceef1; /* ink: headings, dark cards, pill buttons */ --token-68e3344c-d78e-4205-87de-af9e4968daf7: #0b2242; --token-754760db-bbef-47a8-9191-f6a2088e71b2: #0b2242; --token-be84ce83-4e75-4a42-bf63-df7bfa4557f5: #0b2242; --token-ff1bb571-2f64-4ba8-aead-6c81c787b79c: #071a33; --token-705865b8-5bd2-4bc9-a19d-ef169be76afb: #0b2242; --token-7c91c471-3d81-4b3a-9013-8075c2221c32: #10305a; --token-a2a39d74-868b-4796-817c-de9d90fe3959: #1a4a85; /* secondary and muted text */ --token-55f04c39-d149-4f97-9ad3-b7a48fe3c94e: #5b7091; --token-fd96bcb3-bb5b-4918-96c3-71b8b14db79a: #93a6c2; --token-cce988fb-f5d2-4f24-8a18-afcad41cd3cd: #35618f; --token-101dfe46-c436-4776-ada2-b64a5d93fd08: #6b829f; --token-0d87dde2-8439-41c7-8b1b-1b6b52b033e2: #9cb0c9; --token-6cdfe70c-4b26-48e9-a936-8f8a514d8a34: #cfdcec; --token-2dfa8c77-2e0f-4766-9a54-c2dd158a2bab: #e2eaf4; /* accents — the template's red and cobalt both become brand blue */ --token-244c435a-fd61-487c-b42c-09786a5e1716: #4a86d0; --token-d52e9694-6cf7-429a-97a2-dae93ed11156: #4a86d0; --token-ca5d04a8-9d2e-4ea9-95b5-3d4debf4cb08: #1a4a85; --token-250312fa-3472-4fd2-a07c-b94e17bf62b4: #1a4a85; --token-fbd2571b-221a-4d89-aae0-e5c94aa1ddbe: #1a4a85; --token-b2424ddf-5e18-422d-a20e-261586f083f2: #4a86d0; --token-794b6e6a-5da1-4fb9-89ae-49e72cbb49e2: #5b7091; } /* the eyebrow pill dots are hardcoded red in the template, not tokenised */ .framer-1rijmqp, .framer-1fmd417 { background-color: #4a86d0 !important; } /* the wordmark in the header logo tile is the only red left in the SVG set */ [data-framer-name="Logo"] path[fill="rgb(255,0,0)"] { fill: #1a4a85; } /* The template's count-up widget never leaves 0 in this export (its layerInView trigger doesn't fire), so the stat renders as plain text. */ .as-stat-num { margin: 0; font-family: "Fraunces Variable", "Fraunces", "Fraunces Variable Placeholder", serif; font-variation-settings: "opsz" 48, "wght" 350, "SOFT" 100, "WONK" 1; font-size: 48px; line-height: 52px; letter-spacing: -1.92px; font-weight: 400; color: var(--token-68e3344c-d78e-4205-87de-af9e4968daf7, #0b2242); } @media (max-width: 809px) { .as-stat-num { font-size: 40px; line-height: 44px; letter-spacing: -1.6px; } }