:root{
  --ink:#07111f;--ink-2:#0a1728;--ink-3:#0d2038;--paper:#f5f8fc;--white:#fff;
  --text:#0e1b2c;--muted:#66758a;--line:#dfe6ef;--blue:#2c8cff;--blue-2:#72b8ff;
  --gold:#f4b83f;--gold-2:#ffd26b;--shadow:0 24px 70px rgba(7,17,31,.16);--max:1180px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--text);background:#fff;-webkit-font-smoothing:antialiased}body:has(.nav-toggle:checked){overflow:hidden}
a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button,input{font:inherit}.container{width:min(var(--max),calc(100% - 36px));margin-inline:auto}.skip{position:absolute;left:-9999px}.skip:focus{left:12px;top:12px;z-index:5000;background:#fff;padding:10px 14px;border-radius:10px}.section{padding:78px 0}.section-dark{background:var(--ink);color:#fff}.section-soft{background:var(--paper)}.eyebrow{display:inline-flex;gap:9px;align-items:center;font-size:.72rem;letter-spacing:.15em;text-transform:uppercase;font-weight:900;color:var(--blue)}.eyebrow:before{content:"";width:22px;height:2px;border-radius:99px;background:currentColor}.section-dark .eyebrow{color:var(--gold-2)}.section-title{margin:14px 0 0;font-size:clamp(2rem,8vw,4.75rem);line-height:.99;letter-spacing:-.055em;text-wrap:balance}.section-lead{margin:20px 0 0;max-width:760px;color:var(--muted);font-size:clamp(1rem,2vw,1.16rem);line-height:1.75}.section-dark .section-lead{color:#aebcd0}.micro{font-size:.78rem;color:#8290a3}.accent{color:var(--gold-2)}

/* Header */
.site-header{position:fixed;z-index:1500;left:0;right:0;top:0;background:rgba(5,13,24,.88);border-bottom:1px solid rgba(255,255,255,.1);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.nav{height:72px;display:flex;align-items:center;gap:14px}.brand{display:inline-flex;align-items:center;gap:11px;min-width:0;position:relative;z-index:2}.brand-image{width:124px;height:48px;border-radius:10px;object-fit:cover;object-position:center;border:1px solid rgba(255,255,255,.14);box-shadow:0 8px 24px rgba(0,0,0,.2)}.brand-copy{display:none;color:#fff}.brand-copy strong{display:block;font-size:.88rem;letter-spacing:.08em}.brand-copy small{display:block;margin-top:2px;color:#98aac2;font-size:.58rem;letter-spacing:.1em}.nav-toggle{position:absolute;opacity:0;pointer-events:none}.nav-button{margin-left:auto;width:44px;height:44px;border-radius:13px;border:1px solid rgba(255,255,255,.14);display:grid;place-items:center;cursor:pointer;position:relative;z-index:2;background:rgba(255,255,255,.025)}.nav-button span,.nav-button span:before,.nav-button span:after{display:block;width:20px;height:2px;background:#fff;border-radius:4px;content:"";transition:.22s}.nav-button span:before{transform:translateY(-6px)}.nav-button span:after{transform:translateY(4px)}.nav-toggle:checked+.nav-button span{background:transparent}.nav-toggle:checked+.nav-button span:before{transform:translateY(0) rotate(45deg)}.nav-toggle:checked+.nav-button span:after{transform:translateY(-2px) rotate(-45deg)}
.site-header:has(.nav-toggle:checked){height:100dvh;background:#050d18;backdrop-filter:none;-webkit-backdrop-filter:none;border-bottom:0}
.nav-menu{position:absolute;top:72px;left:0;right:0;height:calc(100dvh - 72px);background:#050d18;padding:26px max(28px,env(safe-area-inset-right)) calc(42px + env(safe-area-inset-bottom)) max(28px,env(safe-area-inset-left));display:flex;flex-direction:column;align-items:stretch;gap:0;overflow-y:auto;overscroll-behavior:contain;opacity:0;visibility:hidden;transform:translateY(-8px);pointer-events:none;transition:opacity .18s ease,transform .18s ease,visibility .18s ease}
.nav-toggle:checked~.nav-menu{opacity:1;visibility:visible;transform:none;pointer-events:auto}.nav-menu a{display:flex;align-items:center;justify-content:space-between;min-height:64px;color:#d6dfeb;padding:0 4px;border-radius:0;border-bottom:1px solid rgba(255,255,255,.08);font-size:1.12rem;font-weight:800;letter-spacing:-.015em}.nav-menu a:first-child{border-top:1px solid rgba(255,255,255,.08)}.nav-menu a:hover,.nav-menu a[aria-current="page"]{background:transparent;color:#fff}.nav-menu a[aria-current="page"]{color:var(--gold-2)}.nav-menu a[aria-current="page"]:after{content:"";width:8px;height:8px;border-radius:50%;background:var(--gold);margin-left:12px;flex:none;box-shadow:0 0 0 7px rgba(244,184,63,.1)}.nav-cta{display:none}
body:has(.nav-toggle:checked) .quick-float{display:none}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:50px;padding:0 19px;border-radius:14px;font-weight:850;border:1px solid transparent;transition:.2s;cursor:pointer}.btn-primary{background:linear-gradient(135deg,var(--gold),var(--gold-2));color:#101820;box-shadow:0 12px 30px rgba(244,184,63,.22)}.btn-primary:hover{transform:translateY(-2px);filter:brightness(1.03)}.btn-secondary{color:#fff;border-color:rgba(255,255,255,.24);background:rgba(255,255,255,.06)}.btn-dark{color:#fff;background:var(--ink);border-color:var(--ink)}.btn-ghost{color:var(--text);border-color:var(--line);background:#fff}

/* Hero */
.hero{position:relative;min-height:100svh;background-color:var(--ink);background-size:cover;background-position:center;display:flex;align-items:flex-end;color:#fff;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,11,20,.96) 0%,rgba(4,11,20,.86) 42%,rgba(4,11,20,.34) 75%,rgba(4,11,20,.48) 100%),linear-gradient(180deg,rgba(4,11,20,.2),rgba(4,11,20,.88) 96%)}.hero:after{content:"";position:absolute;inset:auto -10% -45% auto;width:70vw;height:70vw;max-width:720px;max-height:720px;border-radius:50%;border:1px solid rgba(83,166,255,.15);box-shadow:0 0 0 70px rgba(83,166,255,.035),0 0 0 140px rgba(83,166,255,.02)}.hero-home{background-image:url('../img/brand-hero.webp');background-position:62% center}.hero-services{background-image:url('../img/panel-main.webp')}.hero-solar{background-image:url('../img/solar-wide.webp')}.hero-work{background-image:url('../img/led-night-1.webp')}.hero-contact{background-image:url('../img/wiring-1.webp')}.hero-inner{position:relative;z-index:2;width:100%;padding:130px 0 54px}.hero-kicker{display:inline-flex;align-items:center;gap:10px;font-size:.72rem;text-transform:uppercase;letter-spacing:.14em;font-weight:850;color:#d6e5f8}.hero-kicker i{width:9px;height:9px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 6px rgba(244,184,63,.14)}.hero h1{margin:15px 0 0;max-width:900px;font-size:clamp(3rem,14vw,7rem);line-height:.88;letter-spacing:-.065em;text-wrap:balance}.hero p{margin:22px 0 0;max-width:720px;color:#c0cce0;font-size:clamp(1rem,3.4vw,1.2rem);line-height:1.68}.hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}.hero-proof{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:35px;max-width:760px}.proof{padding:13px 14px;border:1px solid rgba(255,255,255,.13);border-radius:15px;background:rgba(8,20,35,.48);backdrop-filter:blur(10px)}.proof small{display:block;color:#8fa4bf;font-size:.62rem;text-transform:uppercase;letter-spacing:.11em}.proof strong{display:block;margin-top:3px;font-size:.82rem;line-height:1.25}.hero-scroll{display:none}

/* Home service rail/cards */
.service-rail{display:grid;gap:1px;background:var(--line);border:1px solid var(--line);border-radius:24px;overflow:hidden;margin-top:30px}.rail-item{background:#fff;padding:22px;position:relative;min-height:165px}.rail-index{font-size:.7rem;letter-spacing:.14em;font-weight:900;color:#9aa6b8}.rail-item h3{font-size:1.25rem;margin:30px 0 7px}.rail-item p{margin:0;color:var(--muted);line-height:1.6;font-size:.91rem}.rail-item:after{content:"↗";position:absolute;right:18px;top:17px;width:32px;height:32px;border-radius:10px;border:1px solid var(--line);display:grid;place-items:center;color:var(--blue)}.rail-item:hover{background:#f8fbff}.rail-item:hover:after{background:var(--blue);color:#fff;border-color:var(--blue)}

/* Premium splits/media */
.split{display:grid;gap:28px;align-items:center}.media-card{position:relative;min-height:390px;border-radius:28px;overflow:hidden;background:var(--ink);box-shadow:var(--shadow)}.media-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.media-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,rgba(4,11,20,.88))}.media-caption{position:absolute;z-index:2;left:20px;right:20px;bottom:19px;color:#fff}.media-caption strong{display:block;font-size:1.08rem}.media-caption span{display:block;margin-top:4px;color:#b8c6d8;font-size:.8rem}.check-list{list-style:none;margin:24px 0 0;padding:0;display:grid;gap:12px}.check-list li{display:flex;gap:10px;color:var(--muted);line-height:1.5}.section-dark .check-list li{color:#bbc8d8}.check-list li:before{content:"";width:19px;height:19px;flex:none;border-radius:7px;background:linear-gradient(135deg,var(--blue),#68b4ff);box-shadow:inset 0 0 0 5px #eaf4ff;margin-top:2px}.section-dark .check-list li:before{box-shadow:inset 0 0 0 5px #0b1d33}

/* Stats */
.stat-strip{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:28px}.stat{padding:20px;border-radius:18px;background:#fff;border:1px solid var(--line)}.stat strong{display:block;font-size:1.65rem;letter-spacing:-.04em}.stat span{display:block;margin-top:4px;color:var(--muted);font-size:.78rem}.section-dark .stat{background:#0b1a2e;border-color:rgba(255,255,255,.09)}.section-dark .stat span{color:#91a4bd}

/* Quote / scientist cards */
.quote-grid{display:grid;gap:14px;margin-top:30px}.quote-card{position:relative;min-height:510px;border-radius:28px;overflow:hidden;background:#0b1728}.quote-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.quote-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(4,11,20,.04) 22%,rgba(4,11,20,.94) 90%)}.quote-copy{position:absolute;z-index:2;left:20px;right:20px;bottom:22px;color:#fff}.quote-copy small{color:var(--gold-2);font-size:.65rem;letter-spacing:.14em;text-transform:uppercase;font-weight:900}.quote-copy blockquote{margin:10px 0 0;font-size:clamp(1.05rem,5.1vw,1.5rem);line-height:1.23;font-weight:820;letter-spacing:-.025em}.quote-copy p{margin:10px 0 0;color:#aebdd0;font-size:.76rem;line-height:1.5}.quote-copy .quote-source{max-width:96%;color:#b9c7d8;font-size:.72rem;line-height:1.55}

/* Service page */
.category-grid{display:grid;gap:12px;margin-top:30px}.category{padding:22px;border-radius:22px;background:#fff;border:1px solid var(--line)}.category-top{display:flex;justify-content:space-between;gap:16px;align-items:start}.category-num{font-size:.68rem;letter-spacing:.15em;color:var(--blue);font-weight:900}.category h3{margin:20px 0 8px;font-size:1.22rem}.category p{margin:0;color:var(--muted);line-height:1.65}.tag-list{display:flex;flex-wrap:wrap;gap:7px;margin-top:15px}.tag{font-size:.72rem;padding:7px 9px;border-radius:999px;background:#eef5fd;color:#38506c;font-weight:750}.feature-band{display:grid;gap:20px;padding:28px;border-radius:28px;background:linear-gradient(135deg,#071526,#102b4e);color:#fff;overflow:hidden;position:relative}.feature-band:before{content:"";position:absolute;right:-70px;top:-100px;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(44,140,255,.25),transparent 65%)}.feature-band>*{position:relative;z-index:1}.feature-band p{color:#b5c3d6;line-height:1.7}.service-list{columns:1;column-gap:32px;margin:24px 0 0;padding:0;list-style:none}.service-list li{break-inside:avoid;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.1);color:#cfdae7}.service-list li strong{color:#fff}

/* Solar */
.process{display:grid;gap:14px;margin-top:30px;counter-reset:step}.process-step{counter-increment:step;padding:24px;border-radius:22px;border:1px solid var(--line);background:#fff}.process-step:before{content:"0" counter(step);display:block;font-size:.7rem;letter-spacing:.15em;color:var(--blue);font-weight:900}.process-step h3{margin:22px 0 8px}.process-step p{margin:0;color:var(--muted);line-height:1.65}.solar-feature{display:grid;gap:12px;margin-top:26px}.solar-chip{padding:18px;border-radius:18px;border:1px solid rgba(255,255,255,.1);background:#0b1a2e}.solar-chip strong{display:block}.solar-chip span{display:block;margin-top:6px;color:#9db0c8;font-size:.86rem;line-height:1.5}

/* Gallery */
.gallery{display:grid;grid-template-columns:1fr;gap:12px;margin-top:30px}.work-card{position:relative;min-height:300px;border-radius:22px;overflow:hidden;background:#0b1728}.work-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:.45s}.work-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(4,11,20,.88))}.work-card:hover img{transform:scale(1.035)}.work-copy{position:absolute;z-index:2;left:18px;right:18px;bottom:17px;color:#fff}.work-copy small{font-size:.65rem;letter-spacing:.12em;text-transform:uppercase;color:var(--gold-2);font-weight:850}.work-copy strong{display:block;margin-top:5px;font-size:1.02rem}.work-copy span{display:block;margin-top:4px;font-size:.76rem;color:#bdc9d8}.work-card.tall{min-height:390px}.work-card.wide{min-height:340px}

/* Contact */
.contact-shell{display:grid;gap:18px;margin-top:30px}.contact-primary{padding:30px;border-radius:28px;background:var(--ink);color:#fff;position:relative;overflow:hidden}.contact-primary:after{content:"";position:absolute;right:-70px;bottom:-100px;width:280px;height:280px;border-radius:50%;border:1px solid rgba(255,255,255,.08);box-shadow:0 0 0 50px rgba(255,255,255,.025),0 0 0 100px rgba(255,255,255,.015)}.contact-primary>*{position:relative;z-index:1}.contact-primary .phone{display:block;margin-top:20px;font-size:clamp(2rem,9vw,4rem);letter-spacing:-.045em;font-weight:900;color:var(--gold-2);word-break:break-word}.contact-primary p{max-width:580px;color:#aebdd0;line-height:1.7}.contact-cards{display:grid;gap:12px}.contact-card{padding:22px;border-radius:20px;border:1px solid var(--line);background:#fff}.contact-card small{display:block;color:#8b98aa;font-size:.67rem;letter-spacing:.12em;text-transform:uppercase;font-weight:850}.contact-card strong{display:block;margin-top:6px;word-break:break-word}.area-grid{display:grid;gap:12px;margin-top:24px}.area{padding:20px;border:1px solid rgba(255,255,255,.1);border-radius:20px;background:#0b1a2e}.area strong{display:block}.area span{display:block;color:#9db0c8;margin-top:5px;font-size:.83rem;line-height:1.5}

/* CTA/footer */
.cta-band{display:grid;gap:20px;align-items:center;padding:30px;border-radius:28px;background:linear-gradient(135deg,#0a1a30,#103b70);color:#fff;box-shadow:var(--shadow)}.cta-band h2{margin:0;font-size:clamp(1.8rem,7vw,3.5rem);line-height:.98;letter-spacing:-.045em}.cta-band p{margin:10px 0 0;color:#b6c5d8;max-width:650px;line-height:1.6}footer{background:#030a12;color:#d3deea;padding:50px 0 96px}.footer-grid{display:grid;gap:30px}.footer-brand-img{width:180px;height:76px;object-fit:cover;border-radius:14px;border:1px solid rgba(255,255,255,.1)}footer p{color:#8194ac;line-height:1.65;max-width:500px}.footer-title{font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:#72869f;font-weight:900;margin-bottom:13px}.footer-links{display:grid;gap:9px}.footer-links a,.footer-links span{color:#c3cfdd;font-size:.9rem}.footer-links a:hover{color:#fff}.footer-bottom{margin-top:30px;padding-top:20px;border-top:1px solid rgba(255,255,255,.08);display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;color:#667990;font-size:.75rem}

/* Always-visible floating quick bar */
.quick-float{position:fixed;z-index:1400;right:max(12px,env(safe-area-inset-right));bottom:max(14px,env(safe-area-inset-bottom));display:flex;flex-direction:column;align-items:flex-end;gap:9px}.float-link{height:48px;display:flex;align-items:center;justify-content:center;border-radius:16px;box-shadow:0 12px 30px rgba(2,9,18,.28);border:1px solid rgba(255,255,255,.22);transition:.2s;position:relative}.float-link:hover{transform:translateX(-3px)}.float-phone{width:50px;height:50px;padding:0;min-width:0;background:linear-gradient(135deg,var(--gold),#ffd66f);color:#101820;font-weight:900}.float-phone svg{width:22px;height:22px}.float-phone:hover .float-label{display:block}.float-social{width:48px;background:#fff}.float-social svg{width:25px;height:25px}.float-social.instagram{background:linear-gradient(145deg,#7f39ff,#ec2d8d 48%,#ffb33d)}.float-social.facebook{background:#1877f2}.float-social.tiktok{background:#050505}.float-social svg{color:#fff}.float-label{display:none;position:absolute;right:58px;white-space:nowrap;background:#07111f;color:#fff;padding:8px 10px;border-radius:10px;font-size:.72rem;font-weight:800;box-shadow:0 8px 20px rgba(0,0,0,.25)}.float-social:hover .float-label{display:block}

@media(min-width:560px){.hero-proof{grid-template-columns:repeat(4,1fr)}.service-rail{grid-template-columns:repeat(2,1fr)}.quote-grid{grid-template-columns:repeat(2,1fr)}.category-grid{grid-template-columns:repeat(2,1fr)}.process{grid-template-columns:repeat(2,1fr)}.gallery{grid-template-columns:repeat(2,1fr)}.contact-cards{grid-template-columns:repeat(2,1fr)}.stat-strip{grid-template-columns:repeat(4,1fr)}}
@media(min-width:900px){.container{width:min(var(--max),calc(100% - 64px))}.section{padding:108px 0}.site-header:has(.nav-toggle:checked){height:auto;background:rgba(5,13,24,.82);border-bottom:1px solid rgba(255,255,255,.1);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}body:has(.nav-toggle:checked) .quick-float{display:flex}.nav{height:82px}.brand-image{width:150px;height:56px}.brand-copy{display:block}.nav-button{display:none}.nav-menu{position:static;margin-left:auto;height:auto;display:flex;flex-direction:row;align-items:center;gap:2px;inset:auto;background:transparent;padding:0;overflow:visible;opacity:1;visibility:visible;transform:none;pointer-events:auto}.nav-menu a{display:block;min-height:0;border:0!important;padding:10px 11px;font-size:.87rem}.nav-menu a:hover,.nav-menu a[aria-current="page"]{background:rgba(255,255,255,.08);color:#fff}.nav-menu a[aria-current="page"]:after{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--gold);margin-left:9px;vertical-align:middle;box-shadow:none}.nav-cta{display:inline-flex;min-height:44px;padding-inline:14px;font-size:.82rem}.hero-inner{padding:160px 0 72px}.hero h1{font-size:clamp(5rem,8vw,7.4rem);max-width:960px}.hero-scroll{display:block;position:absolute;z-index:2;right:32px;bottom:54px;writing-mode:vertical-rl;color:#879ab2;font-size:.62rem;letter-spacing:.15em;text-transform:uppercase}.service-rail{grid-template-columns:repeat(4,1fr)}.split{grid-template-columns:1.03fr .97fr;gap:64px}.split.reverse{grid-template-columns:.97fr 1.03fr}.quote-card{min-height:600px}.category-grid{grid-template-columns:repeat(3,1fr)}.service-list{columns:2}.process{grid-template-columns:repeat(4,1fr)}.solar-feature{grid-template-columns:repeat(3,1fr)}.gallery{grid-template-columns:repeat(4,1fr)}.work-card.wide{grid-column:span 2}.work-card.tall{grid-row:span 2;min-height:612px}.contact-shell{grid-template-columns:1.15fr .85fr;gap:20px}.contact-cards{grid-template-columns:1fr}.area-grid{grid-template-columns:repeat(3,1fr)}.cta-band{grid-template-columns:1fr auto;padding:42px}.footer-grid{grid-template-columns:1.5fr .7fr .8fr}.quick-float{right:20px;bottom:20px}.float-link{height:50px;border-radius:16px}.float-social{width:50px}footer{padding-bottom:48px}}
@media(min-width:1200px){.hero h1{font-size:7.5rem}.media-card{min-height:520px}.contact-primary{padding:44px}}
@media(max-width:420px){.container{width:min(var(--max),calc(100% - 28px))}.hero h1{font-size:clamp(2.7rem,14vw,4.1rem)}.hero-actions .btn{width:100%}.service-rail{border-radius:20px}.quote-card{min-height:500px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}