/* LLS Window & Solar — Shared Styles */
@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=DM+Sans:wght@300;400;500&display=swap');

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}

:root{
  --dark:#060f0a;
  --dark2:#0a1a10;
  --dark3:#0d2218;
  --blue:#0066ff;
  --blue-bright:#3388ff;
  --blue-glow:rgba(0,102,255,0.18);
  --green:#39ff14;
  --green-dim:#7dff5a;
  --green-glow:rgba(57,255,20,0.15);
  --white:#ffffff;
  --offwhite:#e8f5e0;
  --muted:rgba(232,245,224,0.78);
}

html{scroll-behavior:smooth;}
body{font-family:'DM Sans',sans-serif;font-size:16px;background:var(--dark);color:var(--offwhite);overflow-x:hidden;}

/* NAV */
nav{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:18px 48px;background:rgba(6,15,10,0.92);backdrop-filter:blur(14px);border-bottom:1px solid rgba(57,255,20,0.15);}
.nav-logo{font-family:'Bebas Neue',sans-serif;font-size:30px;letter-spacing:4px;color:var(--green);}
.nav-links{display:flex;gap:32px;list-style:none;}
.nav-links a{font-size:13px;font-weight:500;letter-spacing:2px;text-transform:uppercase;color:var(--offwhite);text-decoration:none;transition:color 0.2s;}
.nav-links a:hover,.nav-links a.active{color:var(--green);}
.nav-cta{background:var(--blue)!important;color:var(--white)!important;padding:9px 20px;border-radius:3px;}
.nav-cta:hover{background:var(--blue-bright)!important;}

/* BUTTONS */
.btn-green{background:var(--green);color:var(--dark);font-family:'DM Sans',sans-serif;font-size:14px;font-weight:500;letter-spacing:2px;text-transform:uppercase;padding:16px 40px;border-radius:3px;border:none;cursor:pointer;text-decoration:none;display:inline-block;margin:0 8px;transition:background 0.2s,transform 0.15s;box-shadow:0 0 24px rgba(57,255,20,0.2);}
.btn-green:hover{background:var(--green-dim);transform:translateY(-2px);}
.btn-blue{background:var(--blue);color:var(--white);font-family:'DM Sans',sans-serif;font-size:14px;font-weight:500;letter-spacing:2px;text-transform:uppercase;padding:16px 40px;border-radius:3px;border:none;cursor:pointer;text-decoration:none;display:inline-block;margin:0 8px;transition:background 0.2s,transform 0.15s;}
.btn-blue:hover{background:var(--blue-bright);transform:translateY(-2px);}
.btn-outline{background:transparent;color:var(--offwhite);font-family:'DM Sans',sans-serif;font-size:14px;font-weight:500;letter-spacing:2px;text-transform:uppercase;padding:15px 40px;border-radius:3px;border:1px solid rgba(255,255,255,0.2);cursor:pointer;text-decoration:none;display:inline-block;margin:0 8px;transition:border-color 0.2s,color 0.2s,transform 0.15s;}
.btn-outline:hover{border-color:var(--blue);color:var(--blue-bright);transform:translateY(-2px);}

/* SECTION LABELS */
.section-label{font-size:12px;font-weight:500;letter-spacing:3px;text-transform:uppercase;color:var(--green);margin-bottom:10px;display:flex;align-items:center;gap:10px;}
.section-label::before{content:'';display:block;width:24px;height:2px;background:var(--green);}
.section-title{font-family:'Bebas Neue',sans-serif;font-size:56px;letter-spacing:2px;color:var(--white);margin-bottom:48px;line-height:1;}

/* FOOTER */
footer{background:#020806;padding:36px 48px;display:flex;align-items:center;justify-content:space-between;border-top:2px solid var(--blue);}
.footer-logo{font-family:'Bebas Neue',sans-serif;font-size:22px;letter-spacing:3px;color:var(--green);}
.footer-text{font-size:13px;color:var(--muted);letter-spacing:1px;}
.footer-social{display:flex;gap:20px;}
.footer-social a{font-size:13px;font-weight:500;letter-spacing:1.5px;text-transform:uppercase;color:var(--muted);text-decoration:none;transition:color 0.2s;}
.footer-social a:hover{color:var(--green);}

/* CTA STRIP */
.cta-strip{padding:80px 48px;text-align:center;border-top:2px solid var(--green);}
.cta-strip h2{font-family:'Bebas Neue',sans-serif;font-size:56px;letter-spacing:2px;color:var(--white);margin-bottom:16px;}
.cta-strip h2 span{color:var(--green);}
.cta-strip p{font-size:16px;font-weight:400;color:var(--muted);margin-bottom:36px;}

/* ANIMATIONS */
@keyframes fadeUp{from{opacity:0;transform:translateY(28px);}to{opacity:1;transform:translateY(0);}}

/* HAMBURGER */
.nav-toggle{display:none;background:none;border:1px solid rgba(57,255,20,0.3);color:var(--green);font-size:22px;cursor:pointer;padding:5px 13px;border-radius:3px;line-height:1;}

/* MOBILE */
@media(max-width:768px){
  nav{padding:14px 20px;position:relative;}
  .nav-toggle{display:block;}
  .nav-links{display:none;position:absolute;top:100%;left:0;right:0;background:rgba(6,15,10,0.97);flex-direction:column;padding:8px 0;gap:0;border-bottom:2px solid rgba(57,255,20,0.2);backdrop-filter:blur(14px);z-index:200;}
  .nav-links.open{display:flex;}
  .nav-links li{border-bottom:1px solid rgba(255,255,255,0.05);}
  .nav-links a{display:block;padding:15px 24px;font-size:14px;letter-spacing:1.5px;}
  .nav-cta{margin:8px 16px 14px!important;text-align:center!important;display:block!important;border-radius:3px!important;padding:12px!important;}
  footer{flex-direction:column;text-align:center;gap:16px;padding:32px 20px;}
  .footer-social{justify-content:center;}
  .cta-strip{padding:60px 20px;}
  .cta-strip h2{font-size:clamp(36px,10vw,56px);}
  .cta-strip p{font-size:15px;}
  .btn-green,.btn-blue,.btn-outline{display:block;margin:8px auto;text-align:center;width:100%;}
  .section-title{font-size:clamp(34px,9vw,56px);}
}