PageSourceSearch

https://effulgent-boba-a50341.netlify.app/

html effulgent-boba-a50341.netlify.app collected 2026-10-03 10:41:04 UTC 38,356 bytes, 1,298 lines download raw bytes

1<!DOCTYPE html>
2<html lang="en">
3<head>
4<meta charset="UTF-8">
5<meta name="viewport" content="width=device-width, initial-scale=1.0">
6<link rel="icon" type="image/x-icon" href="/favicon.ico">
7<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
8<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
9<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
10<title>EverLume — Permanent Architectural Lighting</title>
11<meta name="description" content="EverLume installs permanent architectural roofline lighting for homes across California and Tennessee. Installed once. Beautiful every evening. Free estimate.">
12<link rel="canonical" href="https://everlume.pro/">
13<link href="https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;1,300;1,400&family=DM+Mono:wght@300;400;500&display=swap" rel="stylesheet">
14<style>
15
16:root {
17  --stone:    #f5f2eb;
18  --stone-mid:#ede8dc;
19  --stone-dk: #d4ccb8;
20  --brass:    #b08d57;
21  --brass-lt: #c9a96e;
22  --brass-dk: #7a5f30;
23  --brass-text: #866a3f;
24  --ink:      #1c1a16;
25  --ink-soft: #3a3630;
26  --ink-mute: #7a7060;
27  --cream:    #faf8f3;
28  --rule:     #ddd8cc;
29  --white:    #ffffff;
30}
31
32*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
33
34html { scroll-behavior: smooth; }
35
36body {
37  background: var(--cream);
38  color: var(--ink);
39  font-family: 'DM Mono', monospace;
40  font-size: 13px;
41  line-height: 1.7;
42}
43
44/* ── PAGE TABS ── */
45
46
47/* ── PAGE SECTIONS ── */
48.page { display: none; }
49.page.active { display: block; }
50
51/* ── SITE NAV ── */
52nav {
53  display: flex;
54  align-items: center;
55  justify-content: space-between;
56  padding: 20px 60px;
57  border-bottom: 1px solid var(--rule);
58  background: var(--cream);
59}
60.nav-logo {
61  font-family: 'Cormorant Garamond', serif;
62  font-size: 22px;
63  font-weight: 300;
64  letter-spacing: .15em;
65  text-transform: uppercase;
66  color: var(--ink);
67}
68.nav-logo span { color: var(--brass-text); }
69.nav-links {
70  display: flex;
71  gap: 32px;
72  list-style: none;
73}
74.nav-links a {
75  font-size: 10px;
76  letter-spacing: .18em;
77  text-transform: uppercase;
78  color: var(--ink-mute);
79  text-decoration: none;
80  transition: color .2s;
81}
82.nav-links a:hover { color: var(--ink); }
83.nav-cta {
84  font-size: 10px;
85  letter-spacing: .18em;
86  text-transform: uppercase;
87  color: var(--brass-text);
88  text-decoration: none;
89  border-bottom: 1px solid var(--brass);
90  padding-bottom: 2px;
91}
92.nav-cta:hover { color: var(--brass-dk); }
93.nav-hamburger {
94  display: none;
95  flex-direction: column;
96  justify-content: center;
97  gap: 5px;
98  background: none;
99  border: none;
100  cursor: pointer;
101  padding: 6px;
102  margin-left: 16px;
103}
104.nav-hamburger span {
105  display: block;
106  width: 22px;
107  height: 2px;
108  background: var(--ink);
109  transition: transform .25s ease, opacity .2s ease;
110}
111.nav-hamburger.open span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
112.nav-hamburger.open span:nth-child(2) { opacity: 0; }
113.nav-hamburger.open span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }
114
115
116/* ── HERO ── */
117.hero {
118  padding: 100px 60px 80px;
119  background: var(--cream);
120  position: relative;
121  overflow: hidden;
122}
123.hero::before {
124  content: '';
125  position: absolute;
126  top: 0; right: 0;
127  width: 50%;
128  height: 100%;
129  background: var(--stone);
130  clip-path: polygon(12% 0, 100% 0, 100% 100%, 0% 100%);
131}
132.hero-photo {
133  position: absolute;
134  top: 0; right: 0;
135  width: 50%;
136  height: 100%;
137  object-fit: cover;
138  object-position: center 55%;
139  clip-path: polygon(12% 0, 100% 0, 100% 100%, 0% 100%);
140  display: block;
141}
142.hero-inner {
143  position: relative;
144  max-width: 1080px;
145  margin: 0 auto;
146}
147.hero-eyebrow {
148  font-size: 10px;
149  letter-spacing: .22em;
150  text-transform: uppercase;
151  color: var(--brass-text);
152  margin-bottom: 28px;
153  display: flex;
154  align-items: center;
155  gap: 12px;
156}
157.hero-eyebrow::before {
158  content: '';
159  display: inline-block;
160  width: 32px;
161  height: 1px;
162  background: var(--brass);
163}
164.hero h1 {
165  font-family: 'Cormorant Garamond', serif;
166  font-size: clamp(52px, 7vw, 90px);
167  font-weight: 300;
168  line-height: 1.0;
169  letter-spacing: -.01em;
170  color: var(--ink);
171  max-width: 700px;
172  margin-bottom: 32px;
173}
174.hero h1 em {
175  font-style: italic;
176  color: var(--brass-text);
177}
178.hero-sub {
179  font-size: 14px;
180  color: var(--ink-mute);
181  max-width: 480px;
182  line-height: 1.8;
183  margin-bottom: 48px;
184  font-family: 'DM Mono', monospace;
185}
186.btn-primary {
187  display: inline-block;
188  background: var(--ink);
189  color: var(--stone);
190  font-size: 10px;
191  letter-spacing: .2em;
192  text-transform: uppercase;
193  text-decoration: none;
194  padding: 16px 32px;
195  transition: background .2s;
196  cursor: pointer;
197  border: none;
198}
199.btn-primary:hover { background: var(--brass-dk); }
200.btn-ghost {
201  display: inline-block;
202  color: var(--ink);
203  font-size: 10px;
204  letter-spacing: .2em;
205  text-transform: uppercase;
206  text-decoration: none;
207  padding: 16px 32px;
208  border: 1px solid var(--rule);
209  margin-left: 12px;
210  transition: border-color .2s, color .2s;
211  cursor: pointer;
212  background: transparent;
213}
214.btn-ghost:hover { border-color: var(--ink); }
215.hero-stats {
216  display: flex;
217  gap: 48px;
218  margin-top: 72px;
219  padding-top: 40px;
220  border-top: 1px solid var(--rule);
221}
222.hero-stat-val {
223  font-family: 'Cormorant Garamond', serif;
224  font-size: 36px;
225  font-weight: 300;
226  color: var(--ink);
227  line-height: 1;
228  margin-bottom: 4px;
229}
230.hero-stat-label {
231  font-size: 10px;
232  letter-spacing: .14em;
233  text-transform: uppercase;
234  color: var(--ink-mute);
235}
236
237/* ── SECTION WRAPPER ── */
238.section {
239  padding: 80px 60px;
240  max-width: 1080px;
241  margin: 0 auto;
242}
243.section-full {
244  padding: 80px 60px;
245}
246.section-label {
247  display: flex;
248  align-items: center;
249  gap: 16px;
250  margin-bottom: 48px;
251}
252.section-label span {
253  font-size: 10px;
254  letter-spacing: .22em;
255  text-transform: uppercase;
256  color: var(--brass-text);
257}
258.section-label::after {
259  content: '';
260  flex: 1;
261  height: 1px;
262  background: var(--rule);
263}
264.section-heading {
265  font-family: 'Cormorant Garamond', serif;
266  font-size: clamp(32px, 4vw, 52px);
267  font-weight: 300;
268  line-height: 1.15;
269  color: var(--ink);
270  margin-bottom: 16px;
271}
272.section-heading em { font-style: italic; color: var(--brass-text); }
273
274/* ── WHY GRID ── */
275.why-grid {
276  display: grid;
277  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
278  gap: 1px;
279  background: var(--rule);
280  border: 1px solid var(--rule);
281  margin-top: 16px;
282}
283.why-card {
284  background: var(--cream);
285  padding: 36px 32px;
286}
287.why-num {
288  font-family: 'Cormorant Garamond', serif;
289  font-size: 48px;
290  font-weight: 300;
291  color: var(--stone-dk);
292  line-height: 1;
293  margin-bottom: 16px;
294}
295.why-title {
296  font-family: 'Cormorant Garamond', serif;
297  font-size: 20px;
298  font-weight: 400;
299  color: var(--ink);
300  margin-bottom: 10px;
301}
302.why-body {
303  font-size: 12px;
304  color: var(--ink-mute);
305  line-height: 1.75;
306}
307
308/* ── PROCESS ── */
309.process-steps {
310  display: grid;
311  grid-template-columns: 1fr;
312  gap: 0;
313}
314.process-step {
315  display: grid;
316  grid-template-columns: 80px 1fr;
317  gap: 32px;
318  padding: 36px 0;
319  border-bottom: 1px solid var(--rule);
320  align-items: start;
321}
322.process-step:last-child { border-bottom: none; }
323.step-num {
324  font-family: 'Cormorant Garamond', serif;
325  font-size: 56px;
326  font-weight: 300;
327  color: var(--stone-dk);
328  line-height: 1;
329  text-align: right;
330  padding-right: 24px;
331  border-right: 1px solid var(--rule);
332}
333.step-content {}
334.step-title {
335  font-family: 'Cormorant Garamond', serif;
336  font-size: 24px;
337  font-weight: 400;
338  color: var(--ink);
339  margin-bottom: 8px;
340  margin-top: 4px;
341}
342.step-body {
343  font-size: 12px;
344  color: var(--ink-mute);
345  line-height: 1.8;
346  max-width: 560px;
347}
348.step-meta {
349  font-size: 10px;
350  letter-spacing: .14em;
351  text-transform: uppercase;
352  color: var(--brass-text);
353  margin-top: 12px;
354}
355
356/* ── TESTIMONIALS ── */
357.testimonial-grid {
358  display: grid;
359  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
360  gap: 24px;
361  margin-top: 16px;
362}
363.testimonial {
364  background: var(--stone);
365  padding: 32px;
366  border-left: 3px solid var(--brass);
367}
368.testimonial-stars {
369  font-size: 11px;
370  letter-spacing: .1em;
371  color: var(--brass-text);
372  margin-bottom: 16px;
373}
374.testimonial-body {
375  font-family: 'Cormorant Garamond', serif;
376  font-size: 18px;
377  font-weight: 300;
378  font-style: italic;
379  line-height: 1.6;
380  color: var(--ink);
381  margin-bottom: 20px;
382}
383.testimonial-name {
384  font-size: 10px;
385  letter-spacing: .18em;
386  text-transform: uppercase;
387  color: var(--ink-mute);
388}
389
390/* ── CTA BAND ── */
391.cta-band {
392  background: var(--ink);
393  padding: 80px 60px;
394  text-align: center;
395}
396.cta-band h2 {
397  font-family: 'Cormorant Garamond', serif;
398  font-size: clamp(32px, 4vw, 56px);
399  font-weight: 300;
400  color: var(--stone);
401  line-height: 1.2;
402  margin-bottom: 16px;
403}
404.cta-band h2 em { font-style: italic; color: var(--brass-lt); }
405.cta-band p {
406  color: var(--ink-mute);
407  font-size: 12px;
408  margin-bottom: 40px;
409  max-width: 480px;
410  margin-left: auto;
411  margin-right: auto;
412  line-height: 1.8;
413}
414.btn-light {
415  display: inline-block;
416  background: var(--stone);
417  color: var(--ink);
418  font-size: 10px;
419  letter-spacing: .2em;
420  text-transform: uppercase;
421  text-decoration: none;
422  padding: 16px 36px;
423  cursor: pointer;
424  border: none;
425  transition: background .2s;
426}
427.btn-light:hover { background: var(--brass-lt); color: var(--white); }
428.btn-brass {
429  display: inline-block;
430  background: var(--brass);
431  color: var(--ink);
432  font-size: 10px;
433  letter-spacing: .2em;
434  text-transform: uppercase;
435  text-decoration: none;
436  padding: 16px 28px;
437  font-weight: 500;
438  white-space: nowrap;
439  transition: background .2s;
440}
441.btn-brass:hover { background: var(--brass-lt); }
442
443/* ── PRICING ── */
444.pricing-grid {
445  display: grid;
446  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
447  gap: 1px;
448  background: var(--rule);
449  border: 1px solid var(--rule);
450}
451.pricing-card {
452  background: var(--cream);
453  padding: 40px 32px;
454  position: relative;
455}
456.pricing-card.featured {
457  background: var(--ink);
458}
459.pricing-badge {
460  font-size: 9px;
461  letter-spacing: .2em;
462  text-transform: uppercase;
463  color: var(--brass-lt);
464  margin-bottom: 20px;
465  display: block;
466}
467.pricing-tier {
468  font-family: 'Cormorant Garamond', serif;
469  font-size: 28px;
470  font-weight: 300;
471  color: var(--ink);
472  margin-bottom: 4px;
473}
474.pricing-card.featured .pricing-tier { color: var(--stone); }
475.pricing-price {
476  font-family: 'Cormorant Garamond', serif;
477  font-size: 48px;
478  font-weight: 300;
479  color: var(--brass-text);
480  line-height: 1;
481  margin: 16px 0 4px;
482}
483.pricing-from {
484  font-size: 10px;
485  letter-spacing: .1em;
486  text-transform: uppercase;
487  color: var(--ink-mute);
488  margin-bottom: 24px;
489}
490.pricing-card.featured .pricing-from { color: #6a6050; }
491.pricing-divider {
492  height: 1px;
493  background: var(--rule);
494  margin: 24px 0;
495}
496.pricing-card.featured .pricing-divider { background: rgba(255,255,255,.1); }
497.pricing-features {
498  list-style: none;
499  margin-bottom: 32px;
500}
501.pricing-features li {
502  font-size: 12px;
503  color: var(--ink-soft);
504  padding: 6px 0;
505  border-bottom: 1px solid var(--rule);
506  display: flex;
507  align-items: center;
508  gap: 10px;
509}
510.pricing-card.featured .pricing-features li { color: #aaa090; border-bottom-color: rgba(255,255,255,.07); }
511.pricing-features li::before {
512  content: '';
513  width: 4px;
514  height: 4px;
515  border-radius: 50%;
516  background: var(--brass);
517  flex-shrink: 0;
518}
519.pricing-features li:last-child { border-bottom: none; }
520
521/* ── ADD ONS ── */
522.addon-grid {
523  display: grid;
524  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
525  gap: 24px;
526  margin-top: 16px;
527}
528.addon-card {
529  border: 1px solid var(--rule);
530  padding: 28px 24px;
531}
532.addon-title {
533  font-family: 'Cormorant Garamond', serif;
534  font-size: 20px;
535  font-weight: 400;
536  color: var(--ink);
537  margin-bottom: 8px;
538}
539.addon-desc {
540  font-size: 12px;
541  color: var(--ink-mute);
542  line-height: 1.7;
543  margin-bottom: 16px;
544}
545.addon-price {
546  font-size: 10px;
547  letter-spacing: .1em;
548  text-transform: uppercase;
549  color: var(--brass-text);
550}
551
552/* ── FAQ ── */
553.faq-list { margin-top: 16px; }
554.faq-item {
555  border-bottom: 1px solid var(--rule);
556  padding: 24px 0;
557}
558.faq-q {
559  font-family: 'Cormorant Garamond', serif;
560  font-size: 20px;
561  font-weight: 400;
562  color: var(--ink);
563  margin-bottom: 12px;
564  display: flex;
565  align-items: flex-start;
566  gap: 16px;
567}
568.faq-q::before {
569  content: 'Q';
570  font-size: 12px;
571  letter-spacing: .1em;
572  color: var(--brass-text);
573  margin-top: 4px;
574  flex-shrink: 0;
575}
576.faq-a {
577  font-size: 12px;
578  color: var(--ink-mute);
579  line-height: 1.8;
580  padding-left: 28px;
581  max-width: 640px;
582}
583
584/* ── ABOUT ── */
585.about-split {
586  display: grid;
587  grid-template-columns: 1fr 1fr;
588  gap: 80px;
589  align-items: start;
590}
591@media (max-width: 720px) { .about-split { grid-template-columns: 1fr; gap: 40px; } }
592.about-copy { font-size: 14px; color: var(--ink-soft); line-height: 1.9; }
593.about-copy p + p { margin-top: 20px; }
594.about-values {
595  display: grid;
596  grid-template-columns: 1fr;
597  gap: 0;
598}
599.about-value {
600  padding: 24px 0;
601  border-bottom: 1px solid var(--rule);
602}
603.about-value:last-child { border-bottom: none; }
604.about-value-title {
605  font-family: 'Cormorant Garamond', serif;
606  font-size: 18px;
607  font-weight: 400;
608  color: var(--ink);
609  margin-bottom: 6px;
610  display: flex;
611  align-items: center;
612  gap: 12px;
613}
614.about-value-title::before {
615  content: '';
616  width: 20px;
617  height: 1px;
618  background: var(--brass);
619}
620.about-value-desc {
621  font-size: 12px;
622  color: var(--ink-mute);
623  line-height: 1.7;
624  padding-left: 32px;
625}
626
627/* ── SERVICE AREA ── */
628.area-grid {
629  display: grid;
630  grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
631  gap: 1px;
632  background: var(--rule);
633  border: 1px solid var(--rule);
634  margin-top: 16px;
635}
636.area-item {
637  background: var(--cream);
638  padding: 20px 24px;
639}
640.area-city {
641  font-family: 'Cormorant Garamond', serif;
642  font-size: 18px;
643  font-weight: 400;
644  color: var(--ink);
645  margin-bottom: 2px;
646}
647.area-status {
648  font-size: 9px;
649  letter-spacing: .14em;
650  text-transform: uppercase;
651  color: var(--ink-mute);
652}
653.area-status.primary { color: var(--brass-text); }
654
655/* ── ESTIMATE FORM ── */
656.estimate-layout {
657  display: grid;
658  grid-template-columns: 1fr 380px;
659  gap: 80px;
660  align-items: start;
661}
662@media (max-width: 800px) { .estimate-layout { grid-template-columns: 1fr; } }
663.form-group {
664  margin-bottom: 24px;
665}
666.form-label {
667  display: block;
668  font-size: 10px;
669  letter-spacing: .18em;
670  text-transform: uppercase;
671  color: var(--ink-mute);
672  margin-bottom: 8px;
673}
674.form-input {
675  width: 100%;
676  padding: 12px 16px;
677  border: 1px solid var(--rule);
678  background: var(--white);
679  font-family: 'DM Mono', monospace;
680  font-size: 13px;
681  color: var(--ink);
682  outline: none;
683  transition: border-color .2s;
684  -webkit-appearance: none;
685  border-radius: 0;
686}
687.form-input:focus { border-color: var(--brass-text); }
688.form-select {
689  width: 100%;
690  padding: 12px 16px;
691  border: 1px solid var(--rule);
692  background: var(--white);
693  font-family: 'DM Mono', monospace;
694  font-size: 13px;
695  color: var(--ink);
696  outline: none;
697  cursor: pointer;
698  border-radius: 0;
699  -webkit-appearance: none;
700}
701.form-row {
702  display: grid;
703  grid-template-columns: 1fr 1fr;
704  gap: 16px;
705}
706.form-hint {
707  font-size: 11px;
708  color: var(--ink-mute);
709  margin-top: 6px;
710}
711.radio-group {
712  display: grid;
713  grid-template-columns: 1fr 1fr;
714  gap: 8px;
715}
716.radio-option {
717  border: 1px solid var(--rule);
718  padding: 12px 16px;
719  cursor: pointer;
720  transition: border-color .2s;
721  display: flex;
722  align-items: center;
723  gap: 10px;
724}
725.radio-option:hover { border-color: var(--brass-text); }
726.radio-option input { cursor: pointer; accent-color: var(--brass-text); }
727.radio-label { font-size: 12px; color: var(--ink-soft); }
728.estimate-aside {
729  background: var(--stone);
730  padding: 40px 32px;
731  position: sticky;
732  top: 60px;
733}
734.aside-title {
735  font-family: 'Cormorant Garamond', serif;
736  font-size: 24px;
737  font-weight: 300;
738  color: var(--ink);
739  margin-bottom: 24px;
740}
741.aside-points { list-style: none; }
742.aside-points li {
743  font-size: 12px;
744  color: var(--ink-mute);
745  padding: 14px 0;
746  border-bottom: 1px solid var(--rule);
747  display: flex;
748  align-items: flex-start;
749  gap: 12px;
750  line-height: 1.6;
751}
752.aside-points li:last-child { border-bottom: none; }
753.aside-points li::before {
754  content: '';
755  width: 4px;
756  height: 4px;
757  border-radius: 50%;
758  background: var(--brass);
759  margin-top: 6px;
760  flex-shrink: 0;
761}
762.aside-contact {
763  margin-top: 32px;
764  padding-top: 24px;
765  border-top: 1px solid var(--rule);
766}
767.aside-contact-label {
768  font-size: 10px;
769  letter-spacing: .18em;
770  text-transform: uppercase;
771  color: var(--ink-mute);
772  margin-bottom: 8px;
773}
774.aside-contact-num {
775  font-family: 'Cormorant Garamond', serif;
776  font-size: 26px;
777  font-weight: 300;
778  color: var(--ink);
779}
780
781/* ── GALLERY ── */
782.gallery-grid {
783  display: grid;
784  grid-template-columns: repeat(3, 1fr);
785  gap: 1px;
786  background: var(--rule);
787  border: 1px solid var(--rule);
788}
789@media (max-width: 640px) { .gallery-grid { grid-template-columns: 1fr 1fr; } }
790
791.gallery-item {
792  position: relative;
793  overflow: hidden;
794  display: flex;
795  align-items: flex-end;
796  aspect-ratio: 4/3;
797  background: #111;
798}
799.gallery-item img {
800  position: absolute;
801  inset: 0;
802  width: 100%;
803  height: 100%;
804  object-fit: cover;
805  object-position: center;
806  transition: transform .5s ease;
807}
808.gallery-item:hover img { transform: scale(1.03); }
809
810/* Simulated warm-white light dots */
811.gallery-dots {
812  position: absolute;
813  top: 40%;
814  left: 0; right: 0;
815  display: flex;
816  justify-content: space-evenly;
817}
818.gallery-dot {
819  width: 6px;
820  height: 6px;
821  border-radius: 50%;
822  background: #f4d58d;
823  box-shadow: 0 0 12px 4px rgba(244,213,141,.4);
824}
825
826/* ── FOOTER ── */
827footer {
828  background: var(--ink);
829  padding: 60px;
830  display: grid;
831  grid-template-columns: 1fr 1fr 1fr;
832  gap: 40px;
833}
834@media (max-width: 640px) { footer { grid-template-columns: 1fr; padding: 40px 24px; } }
835.footer-brand {
836  font-family: 'Cormorant Garamond', serif;
837  font-size: 20px;
838  font-weight: 300;
839  letter-spacing: .15em;
840  text-transform: uppercase;
841  color: var(--stone);
842  margin-bottom: 12px;
843}
844.footer-brand span { color: var(--brass-lt); }
845.footer-tagline {
846  font-size: 10px;
847  letter-spacing: .14em;
848  text-transform: uppercase;
849  color: #4a4640;
850  margin-bottom: 20px;
851}
852.footer-loc {
853  font-size: 11px;
854  color: #5a5650;
855  line-height: 1.8;
856}
857.footer-col-title {
858  font-size: 10px;
859  letter-spacing: .18em;
860  text-transform: uppercase;
861  color: #4a4640;
862  margin-bottom: 16px;
863}
864.footer-col-links {
865  list-style: none;
866}
867.footer-col-links li {
868  margin-bottom: 10px;
869}
870.footer-col-links a {
871  font-size: 12px;
872  color: #6a6460;
873  text-decoration: none;
874  transition: color .2s;
875}
876.footer-col-links a:hover { color: var(--brass-lt); }
877.footer-bottom {
878  background: #111009;
879  padding: 16px 60px;
880  display: flex;
881  justify-content: space-between;
882  align-items: center;
883  flex-wrap: wrap;
884  gap: 8px;
885}
886.footer-bottom-text {
887  font-size: 10px;
888  letter-spacing: .1em;
889  color: #3a3830;
890}
891
892/* ── PAGE HEADER (inner pages) ── */
893.page-header {
894  background: var(--stone);
895  padding: 60px 60px 48px;
896  border-bottom: 1px solid var(--rule);
897}
898.page-header-eyebrow {
899  font-size: 10px;
900  letter-spacing: .22em;
901  text-transform: uppercase;
902  color: var(--brass-text);
903  margin-bottom: 16px;
904  display: flex;
905  align-items: center;
906  gap: 12px;
907}
908.page-header-eyebrow::before {
909  content: '';
910  width: 24px;
911  height: 1px;
912  background: var(--brass);
913}
914.page-header h1 {
915  font-family: 'Cormorant Garamond', serif;
916  font-size: clamp(40px, 5vw, 64px);
917  font-weight: 300;
918  line-height: 1.1;
919  color: var(--ink);
920}
921.page-header h1 em { font-style: italic; color: var(--brass-text); }
922.page-header-sub {
923  font-size: 13px;
924  color: var(--ink-mute);
925  margin-top: 16px;
926  max-width: 560px;
927  line-height: 1.8;
928}
929
930@media (max-width: 700px) {
931  nav { padding: 16px 20px; }
932  nav { position: relative; justify-content: flex-start; }
933  .nav-logo-text { font-size: 24px; }
934  .nav-cta { margin-left: 12px; font-size: 9px; white-space: nowrap; }
935  .nav-hamburger { display: flex; margin-left: auto; }
936  .nav-links {
937    display: none;
938    position: absolute;
939    top: 100%; left: 0; right: 0;
940    flex-direction: column;
941    gap: 0;
942    background: var(--cream);
943    border-top: 1px solid var(--rule);
944    border-bottom: 1px solid var(--rule);
945    padding: 4px 0;
946    box-shadow: 0 12px 24px rgba(0,0,0,0.08);
947    z-index: 150;
948  }
949  .nav-links.open { display: flex; }
950  .nav-links li { width: 100%; }
951  .nav-links a {
952    display: block;
953    padding: 14px 24px;
954    font-size: 12px;
955    border-bottom: 1px solid var(--rule);
956  }
957  .nav-links li:last-child a { border-bottom: none; }
958  .hero { padding: 60px 20px 48px; }
959  .hero::before { display: none; }
960  .hero-photo {
961    display: block;
962    position: static;
963    width: calc(100% + 40px);
964    margin: -60px -20px 28px -20px;
965    height: 240px;
966    object-fit: cover;
967    clip-path: none;
968  }
969  .section, .section-full, .cta-band, footer { padding-left: 24px; padding-right: 24px; }
970  .hero-stats { flex-wrap: wrap; gap: 24px; }
971  .page-header { padding: 40px 24px; }
972  .footer-bottom { padding: 16px 24px; }
973  .pricing-grid { grid-template-columns: 1fr; }
974  .gallery-grid { grid-template-columns: 1fr 1fr; }
975  .estimate-layout { grid-template-columns: 1fr; }
976  .form-row { grid-template-columns: 1fr; }
977  .radio-group { grid-template-columns: 1fr; }
978}
979
980
981.nav-logo {
982  display: flex;
983  align-items: center;
984  gap: 12px;
985  text-decoration: none;
986}
987.nav-logo-img {
988  height: 46px;
989  width: 46px;
990  object-fit: contain;
991}
992.nav-logo-text {
993  font-family: 'Cormorant Garamond', serif;
994  font-size: 27px;
995  font-weight: 300;
996  letter-spacing: .15em;
997  text-transform: uppercase;
998  color: var(--ink);
999}
1000.nav-logo-text span { color: var(--brass-text); }
1001
1002</style>
1003
1004  <!-- LocalBusiness Structured Data -->
1005  
1005<script type="application/ld+json">
1006  {
1007    "@context": "https://schema.org",
1008    "@type": "LocalBusiness",
1009    "name": "EverLume Permanent Lighting",
1010    "description": "EverLume designs and installs permanent architectural roofline lighting for homes across California and Tennessee. Installed once. Beautiful every evening.",
1011    "url": "https://everlume.pro",
1012    "telephone": "+15593448004",
1013    "email": "[email protected]",
1014    "address": {
1015      "@type": "PostalAddress",
1016      "streetAddress": "Fowler",
1017      "addressLocality": "Fowler",
1018      "addressRegion": "CA",
1019      "postalCode": "93625",
1020      "addressCountry": "US"
1021    },
1022    "geo": {
1023      "@type": "GeoCoordinates",
1024      "latitude": 36.6327,
1025      "longitude": -119.6793
1026    },
1027    "areaServed": [
1028      {"@type": "City", "name": "Fresno", "sameAs": "https://en.wikipedia.org/wiki/Fresno,_California"},
1029      {"@type": "City", "name": "Clovis", "sameAs": "https://en.wikipedia.org/wiki/Clovis,_California"},
1030      {"@type": "City", "name": "Fowler", "sameAs": "https://en.wikipedia.org/wiki/Fowler,_California"},
1031      {"@type": "City", "name": "Selma", "sameAs": "https://en.wikipedia.org/wiki/Selma,_California"},
1032      {"@type": "City", "name": "Kingsburg"},
1033      {"@type": "City", "name": "Visalia"},
1034      {"@type": "City", "name": "Tulare"},
1035      {"@type": "City", "name": "Reedley"},
1036      {"@type": "City", "name": "Madera"},
1037      {"@type": "City", "name": "Sanger"},
1038      {"@type": "City", "name": "Hanford"},
1039      {"@type": "City", "name": "Knoxville", "sameAs": "https://en.wikipedia.org/wiki/Knoxville,_Tennessee"},
1040      {"@type": "City", "name": "Loudon", "sameAs": "https://en.wikipedia.org/wiki/Loudon,_Tennessee"},
1041      {"@type": "City", "name": "Tellico Village"}
1042    ],
1043    "openingHoursSpecification": [
1044      {
1045        "@type": "OpeningHoursSpecification",
1046        "dayOfWeek": ["Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"],
1047        "opens": "08:00",
1048        "closes": "18:00"
1049      }
1050    ],
1051    "priceRange": "$$$",
1052    "paymentAccepted": "Cash, Check, Credit Card, Financing",
1053    "currenciesAccepted": "USD",
1054    "hasOfferCatalog": {
1055      "@type": "OfferCatalog",
1056      "name": "Permanent Architectural Lighting Packages",
1057      "itemListElement": [
1058        {
1059          "@type": "Offer",
1060          "name": "Essentials Package",
1061          "description": "Up to 100 linear feet. Front elevation or smaller homes.",
1062          "price": "3000",
1063          "priceCurrency": "USD"
1064        },
1065        {
1066          "@type": "Offer",
1067          "name": "Signature Package",
1068          "description": "100-200 linear feet. Primary rooflines, front and sides.",
1069          "price": "5500",
1070          "priceCurrency": "USD"
1071        },
1072        {
1073          "@type": "Offer",
1074          "name": "Showcase Package",
1075          "description": "200-300 linear feet. Full perimeter, larger homes.",
1076          "price": "9000",
1077          "priceCurrency": "USD"
1078        },
1079        {
1080          "@type": "Offer",
1081          "name": "Estate Package",
1082          "description": "300+ linear feet. Full perimeter, large custom homes.",
1083          "price": "12000",
1084          "priceCurrency": "USD"
1085        }
1086      ]
1087    },
1088    "sameAs": [
1089      "https://www.facebook.com/everlume",
1090      "https://www.instagram.com/everlume"
1091    ]
1092  }
1093  </script>
1093
1094
1095
1096  <!-- Open Graph -->
1097  <meta property="og:type" content="website">
1098  <meta property="og:url" content="https://everlume.pro/">
1099  <meta property="og:title" content="EverLume — Permanent Architectural Lighting">
1100  <meta property="og:description" content="EverLume installs permanent architectural roofline lighting for homes across California and Tennessee. Installed once. Beautiful every evening. Free estimate.">
1101  <meta property="og:image" content="https://everlume.pro/logo.png">
1102  <meta property="og:site_name" content="EverLume Permanent Lighting">
1103  <!-- Twitter -->
1104  <meta name="twitter:card" content="summary_large_image">
1105  <meta name="twitter:title" content="EverLume — Permanent Architectural Lighting">
1106  <meta name="twitter:description" content="EverLume installs permanent architectural roofline lighting for homes across California and Tennessee. Installed once. Beautiful every evening. Free estimate.">
1107  <!-- Canonical -->
1108  <link rel="canonical" href="https://everlume.pro/">
1109<!-- Meta Pixel Code -->
1110<script>
vendor: 399 bytes, lines 1110-1119
1110
1111!function(f,b,e,v,n,t,s)
1112{if(f.fbq)return;n=f.fbq=function(){n.callMethod?
1113n.callMethod.apply(n,arguments):n.queue.push(arguments)};
1114if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
1115n.queue=[];t=b.createElement(e);t.async=!0;
1116t.src=v;s=b.getElementsByTagName(e)[0];
1117s.parentNode.insertBefore(t,s)}(window, document,'script',
1118'https://connect.facebook.net/en_US/fbevents.js');
1119fbq('init', '
11191018309977796765
vendor: 30 bytes, lines 1119-1120
1119');
1120fbq('track', 'PageView');
1121</script>
1121
1122<noscript><img height="1" width="1" style="display:none"
1123src="https://www.facebook.com/tr?id=1018309977796765&ev=PageView&noscript=1"
1124/></noscript>
1125<!-- End Meta Pixel Code -->
1126</head>
1127<body>
1128
1129  <nav>
1130    <a href="/" class="nav-logo"><img class="nav-logo-img" src="/logo.png" alt="EverLume"><span class="nav-logo-text">Ever<span>Lume</span></span></a>
1131    <ul class="nav-links">
1132      <li><a href="/" style="color: var(--brass-text);">Home</a></li>
1133      <li><a href='/gallery'>Gallery</a></li>
1134      <li><a href='/how-it-works'>How It Works</a></li>
1135      <li><a href='/pricing'>Pricing</a></li>
1136      <li><a href='/about'>About</a></li>
1137      <li><a href='/faq'>FAQ</a></li>
1138    </ul>
1139    <a class='nav-cta' href='/estimate'>Free Estimate →</a>
1140    <button class="nav-hamburger" id="navHamburger" onclick="toggleMobileNav()" aria-label="Toggle menu"><span></span><span></span><span></span></button>
1141  </nav>
1142
1143<div class="hero">
1144    <img class="hero-photo" src="/install-a-hero.jpg" alt="EverLume permanent architectural roofline lighting at dusk">
1145    <div class="hero-inner">
1146      <div class="hero-eyebrow">Permanent Architectural Lighting</div>
1147      <h1>Your home.<br><em>Lit with</em><br>intention.</h1>
1148      <p class="hero-sub">EverLume designs and installs permanent architectural lighting for homes across California and Tennessee. Installed once. Present every evening. Invisible by day.</p>
1149      <div>
1150        <a class='btn-primary' href='/estimate'>Request a Free Estimate</a>
1151        <a class='btn-ghost' href='/gallery'>View the Work</a>
1152      </div>
1153      <div class="hero-stats">
1154        <div>
1155          <div class="hero-stat-val">1 day</div>
1156          <div class="hero-stat-label">Typical Install</div>
1157        </div>
1158        <div>
1159          <div class="hero-stat-val">5 yr</div>
1160          <div class="hero-stat-label">Warranty</div>
1161        </div>
1162        <div>
1163          <div class="hero-stat-val">Local</div>
1164          <div class="hero-stat-label">California & Tennessee</div>
1165        </div>
1166      </div>
1167    </div>
1168  </div>
1169
1170  <div class="section">
1171    <div class="section-label"><span>Why EverLume</span></div>
1172    <div class="section-heading">The light your home<br><em>deserves year-round.</em></div>
1173    <div class="why-grid">
1174      <div class="why-card">
1175        <div class="why-num">01</div>
1176        <div class="why-title">Architecturally Integrated</div>
1177        <p class="why-body">Color-matched track hardware disappears against your fascia during the day. What remains is a clean roofline — until evening, when it becomes something else entirely.</p>
1178      </div>
1179      <div class="why-card">
1180        <div class="why-num">02</div>
1181        <div class="why-title">Installed Once, Forever</div>
1182        <p class="why-body">No ladders in December. No tangled wires in January. Your system is weatherproofed, secured, and designed to outlast the seasons. One install is all it takes.</p>
1183      </div>
1184      <div class="why-card">
1185        <div class="why-num">03</div>
1186        <div class="why-title">Every Evening, Not Just Holidays</div>
1187        <p class="why-body">A warm white glow on a Tuesday in September. The same system, one tap, becomes deep red and green come December. Your home is always dressed for the occasion.</p>
1188      </div>
1189      <div class="why-card">
1190        <div class="why-num">04</div>
1191        <div class="why-title">Built for Real Weather</div>
1192        <p class="why-body">Commercial-grade components, IP68 waterproofing, and UV-rated materials designed for extreme heat, direct sun, and heavy weather. No cheap imports.</p>
1193      </div>
1194      <div class="why-card">
1195        <div class="why-num">05</div>
1196        <div class="why-title">Controlled From Your Phone</div>
1197        <p class="why-body">Schedule your lights, switch scenes by season, and adjust brightness from anywhere. The app is the remote — your home responds without you needing to think about it.</p>
1198      </div>
1199      <div class="why-card">
1200        <div class="why-num">06</div>
1201        <div class="why-title">A Home Improvement, Not a Decoration</div>
1202        <p class="why-body">Permanent architectural lighting adds to perceived home value and curb appeal. Neighbors will notice. When they ask, we'll be ready for them.</p>
1203      </div>
1204    </div>
1205  </div>
1206
1207  <!-- TESTIMONIALS -->
1208  <div class="section-full" style="background: var(--stone); padding-top: 80px; padding-bottom: 80px;">
1209    <div style="max-width: 1080px; margin: 0 auto; padding: 0 60px;">
1210
1211      <!-- REFERRAL PROGRAM SECTION -->
1212      <div class="section-label"><span>Referral Program</span></div>
1213      <div class="section-heading">Your neighbors will ask.<br><em>When they do — you get paid.</em></div>
1214
1215      <div style="display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--rule);border:1px solid var(--rule);margin-top:40px;">
1216
1217        <div style="background:var(--cream);padding:40px;">
1218          <div style="font-family:'Cormorant Garamond',serif;font-size:52px;font-weight:300;color:var(--brass-text);line-height:1;margin-bottom:12px;">$200</div>
1219          <div style="font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-mute);margin-bottom:16px;">Cash · Zelle · Check — your choice</div>
1220          <p style="font-size:13px;color:var(--ink-mute);line-height:1.85;">Every time a neighbor you refer books an EverLume installation, you receive $200. So do they. We send it the same day they pay their deposit — no waiting, no credits, no fine print.</p>
1221        </div>
1222
1223        <div style="background:var(--cream);padding:40px;border-left:1px solid var(--rule);">
1224          <div style="font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--brass-text);margin-bottom:20px;
1224display:flex;align-items:center;gap:10px;"><span style="display:inline-block;width:16px;height:1px;background:var(--brass);"></span>How it works</div>
1225          <div style="display:flex;flex-direction:column;gap:0;">
1226            <div style="display:flex;gap:16px;align-items:flex-start;padding:12px 0;border-bottom:1px solid var(--rule);">
1227              <div style="font-family:'Cormorant Garamond',serif;font-size:22px;font-weight:300;color:var(--stone-dk);flex-shrink:0;line-height:1;margin-top:2px;">01</div>
1228              <div style="font-size:12px;color:var(--ink-mute);line-height:1.75;">Your neighbor sees your lights and asks who did them. You give them our number or send them to <strong style="color:var(--ink);">everlume.pro</strong>.</div>
1229            </div>
1230            <div style="display:flex;gap:16px;align-items:flex-start;padding:12px 0;border-bottom:1px solid var(--rule);">
1231              <div style="font-family:'Cormorant Garamond',serif;font-size:22px;font-weight:300;color:var(--stone-dk);flex-shrink:0;line-height:1;margin-top:2px;">02</div>
1232              <div style="font-size:12px;color:var(--ink-mute);line-height:1.75;">They mention your name when they book. We confirm the referral.</div>
1233            </div>
1234            <div style="display:flex;gap:16px;align-items:flex-start;padding:12px 0;">
1235              <div style="font-family:'Cormorant Garamond',serif;font-size:22px;font-weight:300;color:var(--stone-dk);flex-shrink:0;line-height:1;margin-top:2px;">03</div>
1236              <div style="font-size:12px;color:var(--ink-mute);line-height:1.75;">They pay their deposit. <strong style="color:var(--ink);">Same day</strong> — you both get $200. Zelle, check, or cash. No limit on referrals.</div>
1237            </div>
1238          </div>
1239        </div>
1240
1241      </div>
1242
1243      <!-- TESTIMONIALS PLACEHOLDER — replace with real quotes when available -->
1244      <div style="margin-top:1px;background:var(--ink);padding:40px;display:flex;align-items:center;justify-content:space-between;gap:32px;flex-wrap:wrap;">
1245        <div>
1246          <div style="font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--brass-lt,#c9a96e);margin-bottom:10px;">Already a customer?</div>
1247          <div style="font-family:'Cormorant Garamond',serif;font-size:clamp(20px,2.5vw,30px);font-weight:300;color:var(--stone);line-height:1.2;">You're already eligible.<br><em style="color:var(--brass-lt,#c9a96e);font-style:italic;">Start referring today.</em></div>
1248          <p style="font-size:12px;color:#5a5650;margin-top:10px;line-height:1.8;max-width:420px;">If EverLume installed your lights, your $200 is waiting. Just send neighbors our way — call, text, or the website. When they book, we pay you.</p>
1249        </div>
1250        <a class='btn-brass' href='/referral'>Send a Referral →</a>
1251      </div>
1252
1253    </div>
1254  </div>
1255  
1256      <!-- REFERRAL STRIP -->
1257      <div style="background:var(--stone-mid,#ede8dc);border-top:1px solid var(--rule,#ddd8cc);border-bottom:1px solid var(--rule,#ddd8cc);padding:28px 60px;display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;">
1258        <div>
1259          <div style="font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--brass,#b08d57);margin-bottom:6px;display:flex;align-items:center;gap:10px;"><span style="display:inline-block;width:16px;height:1px;background:var(--brass,#b08d57);"></span>Referral Program</div>
1260          <div style="font-family:'Cormorant Garamond',serif;font-size:clamp(20px,2.5vw,28px);font-weight:300;color:var(--ink,#1c1a16);">Refer a neighbor. You both get <em style="font-style:italic;color:var(--brass,#b08d57);">$200 off.</em></div>
1261        </div>
1262        <a class='btn-primary' href='/referral' style='white-space:nowrap;'>Learn More →</a>
1263      </div>
1264<footer>
1265    <div>
1266      <div class="footer-brand" style="display:flex;align-items:center;gap:10px;"><img src="/logo.png" alt="EverLume" style="height:28px;width:28px;object-fit:contain;filter:brightness(0.85);"><span>Ever<span>Lume</span></span></div>
1267      <div class="footer-tagline">Architectural Lighting · Installed Once</div>
1268      <div class="footer-loc">Serving California · Tennessee<br>Licensed · Insured · Local</div>
1269    </div>
1270    <div>
1271      <div class="footer-col-title">Pages</div>
1272      <ul class="footer-col-links">
1273        <li><a href="/">Home</a></li>
1274        <li><a href='/gallery'>Gallery</a></li>
1275        <li><a href='/how-it-works'>How It Works</a></li>
1276        <li><a href='/pricing'>Pricing</a></li>
1277        <li><a href='/about'>About</a></li>
1278        <li><a href='/estimate'>Free Estimate</a></li>
1279        <li><a href='/portal' style='color:#4a4640;'>Team Login</a></li>
1280      </ul>
1281    </div>
1282    <div>
1283      <div class="footer-col-title">Service Areas</div><ul class="footer-col-links"><li><a href='/california'>Central Valley, CA</a></li><li><a href='/tennessee'>Tellico Village, TN</a></li><li><a href='/california'>Fresno · Clovis · Visalia</a></li><li><a href='/tennessee'>Knoxville · Loudon · TN</a></li></ul>
1284    </div>
1285  </footer>
1286  <div class="footer-bottom">
1287    <span class="footer-bottom-text">© 2026 EverLume Permanent Lighting · Serving CA & TN</span>
1288    <span class="footer-bottom-text"><a href='/privacy' style='color:inherit;text-decoration:none;'>Privacy Policy</a> · <a href='/terms' style='color:inherit;text-decoration:none;'>Terms</a> · (559) 344-8004</span>
1289  </div>
1290
1291<script>
1292function toggleMobileNav() {
1293  document.querySelector('.nav-links').classList.toggle('open');
1294  document.getElementById('navHamburger').classList.toggle('open');
1295}
1296</script>
1296
1297</body>
1298</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.