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.