*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:Inter,Arial,sans-serif;background:#070b10;color:#f5f8fc;line-height:1.6}a{color:inherit;text-decoration:none}.site-header{position:fixed;z-index:1000;top:0;left:0;right:0;height:82px;padding:12px 5vw;display:flex;align-items:center;gap:30px;background:rgba(4,8,13,.78);backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.08)}.brand{margin-right:auto}.brand img{width:180px;height:auto;display:block}.nav{display:flex;gap:25px}.nav a{font-size:14px;color:#dce6f1;transition:.25s}.nav a:hover{color:#18a9ff}.header-phone{padding:10px 17px;border:1px solid #159eea;border-radius:999px;color:#fff;font-weight:700;font-size:14px}.menu-toggle{display:none;background:none;border:0;color:#fff;font-size:25px}.hero{min-height:100vh;display:flex;align-items:center;padding:130px 8vw 80px;position:relative;overflow:hidden}.hero-bg{position:absolute;inset:0;background:radial-gradient(circle at 70% 35%,rgba(0,167,255,.25),transparent 34%),linear-gradient(90deg,rgba(3,8,14,.97) 0%,rgba(3,8,14,.74) 50%,rgba(3,8,14,.35)),url("../images/portfolio/9530.jpg") center/cover;filter:saturate(.85)}.hero:after{content:"";position:absolute;width:600px;height:600px;border-radius:50%;right:-250px;bottom:-300px;background:rgba(0,157,255,.12);filter:blur(30px)}.hero-content{position:relative;z-index:1;max-width:900px}.eyebrow{font-size:12px;letter-spacing:3px;font-weight:800;color:#27b2ff;margin-bottom:17px}.hero h1,.section-heading h2,.contact-section h2{font-family:Poppins,sans-serif;font-size:clamp(44px,6vw,82px);line-height:1.04;letter-spacing:-2px}.hero h1 span,.section-heading h2 span,.contact-section h2 span{color:#1ba9ff}.hero p{max-width:720px;margin:28px 0;color:#c6d1dc;font-size:18px}.actions{display:flex;gap:14px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 24px;border-radius:999px;font-weight:800;border:1px solid transparent;transition:.25s;cursor:pointer}.btn.primary{background:#0da5ef;color:#04101a;box-shadow:0 0 28px rgba(13,165,239,.22)}.btn.primary:hover{transform:translateY(-2px);box-shadow:0 0 35px rgba(13,165,239,.45)}.btn.ghost{border-color:#6a7c8d;background:rgba(255,255,255,.04)}.btn.ghost:hover{border-color:#19aaf7}.hero-pills{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px}.hero-pills span{padding:8px 12px;border-radius:999px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.09);font-size:12px}.trust-strip{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;padding:18px 5vw;background:#0b131c;border-top:1px solid #1a2935;border-bottom:1px solid #1a2935;text-align:center;color:#aebdca;font-weight:700;font-size:12px}.section{padding:110px 7vw}.dark{background:#0a1119}.section-heading{max-width:920px;margin-bottom:55px}.section-heading p{color:#9facb9;margin-top:12px}.about-grid,.contact-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:60px;align-items:start}.about-copy{color:#bcc8d3;font-size:18px}.about-copy p+p{margin-top:20px}.text-link{display:inline-block;margin-top:25px;color:#1ba9ff;font-weight:800}.capability-box{border:1px solid #223241;border-radius:24px;overflow:hidden;background:linear-gradient(145deg,#101a24,#080d13)}.capability-box div{padding:24px;border-bottom:1px solid #223241}.capability-box div:last-child{border:0}.capability-box strong{display:block;font-family:Poppins;font-size:22px}.capability-box span{color:#93a5b5;font-size:14px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.service-card,.why-card{padding:30px;border:1px solid #223241;border-radius:22px;background:linear-gradient(145deg,#0f1821,#091017);transition:.3s}.service-card:hover,.why-card:hover{transform:translateY(-6px);border-color:#168fd1;box-shadow:0 15px 50px rgba(0,0,0,.3)}.icon{font-size:30px;margin-bottom:20px}.service-card h3,.why-card h3{font-family:Poppins;font-size:21px;margin-bottom:10px}.service-card p,.why-card p{color:#9eacb8;font-size:14px}.lutron-banner{margin:0 7vw 110px;padding:48px;border:1px solid #1b8ac2;border-radius:28px;background:radial-gradient(circle at 80% 20%,rgba(0,174,255,.2),transparent 35%),#0b1822;display:flex;align-items:center;justify-content:space-between;gap:30px}.lutron-banner h2{font-family:Poppins;font-size:42px}.lutron-banner p{color:#aebdc9}.filters{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:28px}.filters button{border:1px solid #2b4050;background:#0b1219;color:#cbd7e0;border-radius:999px;padding:9px 16px;cursor:pointer}.filters button.active,.filters button:hover{background:#0da5ef;color:#04101a;border-color:#0da5ef}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.project-card{overflow:hidden;border-radius:20px;background:#0c141c;border:1px solid #1e2d39;transition:.3s}.project-card.hidden{display:none}.project-card:hover{transform:translateY(-5px);border-color:#1ba9ff}.project-card img{display:block;width:100%;height:250px;object-fit:cover}.project-card-body{padding:18px}.project-card-body span{font-size:11px;letter-spacing:2px;color:#1ba9ff;text-transform:uppercase}.project-card-body h3{font-family:Poppins;margin-top:5px}.brand-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.brand-grid span{padding:22px 12px;text-align:center;border:1px solid #223241;border-radius:14px;color:#b9c7d3;font-size:12px;font-weight:800;letter-spacing:1px}.why-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.why-card strong{color:#19aaf7;font-size:12px;letter-spacing:2px}.contact-details{display:grid;gap:12px;margin:30px 0;color:#dce7ef}.contact-details a:hover{color:#1ba9ff}.service-area{color:#92a2af;font-size:14px}.quote-form{padding:30px;border:1px solid #263846;border-radius:22px;background:#080e14;display:grid;gap:18px}.quote-form label{display:grid;gap:7px;color:#aebdca;font-size:13px;font-weight:700}.quote-form input,.quote-form select,.quote-form textarea{width:100%;background:#0d1720;border:1px solid #2a3b48;color:#fff;border-radius:10px;padding:13px;font:inherit}.quote-form input:focus,.quote-form select:focus,.quote-form textarea:focus{outline:none;border-color:#17a9f3}.two{display:grid;grid-template-columns:1fr 1fr;gap:14px}.quote-form small{color:#6f808e;font-size:11px}footer{padding:45px 7vw;background:#04080c;border-top:1px solid #1c2a35}.footer-inner{text-align:center;color:#7f909e}.footer-inner img{width:190px;margin-bottom:10px}.footer-inner p+p{margin-top:10px;font-size:12px}@media(max-width:900px){.nav{display:none}.menu-toggle{display:block}.site-header{gap:15px}.header-phone{font-size:12px;padding:8px 12px}.brand img{width:155px}.hero{padding-left:6vw;padding-right:6vw}.service-grid,.project-grid{grid-template-columns:repeat(2,1fr)}.why-grid{grid-template-columns:repeat(2,1fr)}.trust-strip{grid-template-columns:repeat(3,1fr)}.about-grid,.contact-grid{grid-template-columns:1fr}.brand-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.header-phone{display:none}.hero h1{font-size:44px}.hero p{font-size:16px}.section{padding:80px 6vw}.service-grid,.project-grid,.why-grid{grid-template-columns:1fr}.trust-strip{grid-template-columns:repeat(2,1fr)}.lutron-banner{margin:0 6vw 80px;padding:30px;display:block}.lutron-banner h2{font-size:34px}.lutron-banner .btn{margin-top:22px}.two{grid-template-columns:1fr}.project-card img{height:230px}}