:root{
  --black:#0b0b0b;
  --black2:#141414;
  --charcoal:#1c1c1c;
  --gold:#168cf4;
  --gold2:#58bcff;
  --soft:#f6f4ef;
  --line:#e5dcc9;
  --white:#fff;
  --ink:#151515;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--ink);background:#fff;overflow-x:hidden}
img{display:block;width:100%}
a{text-decoration:none;color:inherit}

.site-header{position:fixed;top:0;left:0;right:0;height:90px;background:rgba(10,10,10,.98);z-index:1000;border-bottom:1px solid #2b2b2b;backdrop-filter:blur(12px)}
.nav-wrap{max-width:1260px;height:100%;margin:auto;display:flex;align-items:center;padding:0 24px 0 200px;position:relative;gap:28px}
.brand{position:absolute;left:24px;top:8px;width:164px;height:164px;border-radius:50%;overflow:hidden;background:#080808;box-shadow:0 18px 44px rgba(0,0,0,.48);z-index:5;border:2px solid var(--gold)}
.brand img{height:100%;object-fit:cover}
.brand-copy{display:flex;flex-direction:column;color:#fff;min-width:210px}
.brand-copy strong{font-size:16px}
.brand-copy span{font-size:10px;color:var(--gold);letter-spacing:.18em;text-transform:uppercase;margin-top:3px}
nav{display:flex;gap:25px;margin-left:auto}
nav a{color:#eee;font-size:14px}
nav a:hover{color:var(--gold2)}
.head-call{background:var(--gold);color:#090909;padding:13px 18px;border-radius:999px;font-weight:900;font-size:14px}

main{padding-top:90px}
.hero{min-height:760px;position:relative;display:flex;align-items:center;overflow:hidden}
.hero-bg{position:absolute;inset:0;height:100%;object-fit:cover;object-position:center}
.hero-mask{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,5,5,.96),rgba(8,8,8,.82) 42%,rgba(8,8,8,.28) 75%,rgba(8,8,8,.1)),linear-gradient(0deg,rgba(0,0,0,.3),transparent 50%)}
.hero-inner{position:relative;z-index:2;max-width:1260px;width:100%;margin:auto;padding:135px 24px 105px}
.eyebrow,.kicker{font-size:12px;font-weight:900;letter-spacing:.19em;text-transform:uppercase;color:var(--gold)}
.hero h1,.copy h2,.section-head h2,.feature h2,.before-after h2,.about h2,.quote h2,.contact h2{font-size:52px;line-height:1.02;letter-spacing:-.045em}
.hero h1{font-size:74px;color:#fff;max-width:790px;margin:18px 0 22px}
.hero h1 em,.copy h2 em,.section-head h2 em,.before-after h2 em{font-style:normal;color:var(--gold2)}
.lead{max-width:660px;font-size:20px;line-height:1.55;color:#ece7dc}
.hero-actions{display:flex;gap:12px;margin-top:28px}
.btn{padding:15px 22px;border-radius:999px;font-weight:900}
.primary{background:var(--gold);color:#080808}
.whatsapp{background:#25d366;color:#062b12}
.trust-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:28px}
.trust-row span{border:1px solid rgba(201,164,90,.65);color:#f6f0e4;background:rgba(17,17,17,.4);border-radius:999px;padding:8px 12px;font-size:12px}

.hero-card{position:absolute;right:5%;bottom:48px;z-index:3;width:365px;background:rgba(14,14,14,.95);color:#fff;padding:26px;border:1px solid #168cf4;border-radius:24px;box-shadow:0 25px 70px rgba(0,0,0,.42)}
.hero-card span{font-size:11px;font-weight:900;letter-spacing:.16em;color:var(--gold)}
.hero-card strong{display:block;font-size:26px;line-height:1.1;margin:10px 0}
.hero-card p{color:#d7d0c3;line-height:1.5;margin:0}


:root{--blue:#168cf4;--ink:#101820;--muted:#586675;--pale:#edf6ff}html{scroll-padding-top:120px}body{font-family:Arial,Helvetica,sans-serif}h2{font-size:clamp(34px,4vw,56px);letter-spacing:-.045em;line-height:1.07;margin:14px 0 22px}h3{letter-spacing:-.025em;font-size:24px;margin:16px 0 10px}p{line-height:1.7}.wrap{max-width:1260px;margin:auto;padding:92px 24px}.kicker{color:#0871cb}.muted{color:var(--muted)}.section-title{max-width:730px;margin-bottom:38px}.blue-text{color:#0785ed}.hero-card strong{font-size:25px}.hero-card{width:310px;right:3%;bottom:34px}.hero-inner{padding-bottom:165px}.lead{max-width:580px}.band{background:var(--blue);color:#fff}.band-inner{max-width:1260px;margin:auto;padding:23px 24px;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;font-size:14px;font-weight:bold}.band-inner span::before{content:'✓';margin-right:10px}.split{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center}.intro-photo{position:relative}.intro-photo img{height:500px;object-fit:cover;border-radius:12px}.photo-note{position:absolute;left:24px;bottom:24px;background:#fff;padding:17px 22px;border-left:5px solid var(--blue);font-weight:bold}.text-link{color:#0679d5;font-weight:bold;display:inline-block;margin-top:15px;border-bottom:2px solid var(--blue);padding-bottom:7px}.services{background:var(--pale)}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.service{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 7px 30px #15365608}.service img{height:230px;object-fit:cover}.service-body{padding:25px}.service-body p{color:var(--muted);font-size:15px}.service-tag{font-size:11px;letter-spacing:.12em;font-weight:bold;color:#077ddf}.service-number{display:block;color:#0785ed;font-size:32px}.commercial{background:#080e17;color:#fff;position:relative;overflow:hidden}.commercial .kicker{color:#58bcff}.commercial p{color:#bbc8d8}.commercial .wrap{position:relative}.ocean-main{width:100%;height:470px;object-fit:cover;border-radius:12px}.ocean-heading{font-size:clamp(42px,5vw,70px)}.ocean-heading em{font-style:normal;color:#58bcff}.ocean-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:25px}.ocean-grid figure{margin:0}.ocean-grid img{height:280px;object-fit:cover;border-radius:10px}.ocean-grid figcaption{font-size:13px;color:#9aacbf;padding-top:12px}.commercial .btn{display:inline-block;margin-top:18px}.client-pill{display:inline-block;padding:9px 14px;border:1px solid #266899;border-radius:30px;font-size:12px;color:#72c9ff;margin-bottom:12px}.transformations{background:#fff}.ba-pair{display:grid;grid-template-columns:1fr 1fr;gap:14px}.ba-pair figure{margin:0;background:#edf6ff;border-radius:10px;overflow:hidden}.ba-pair img{width:100%;height:430px;object-fit:contain;background:#e5edf4}.ba-pair figcaption{padding:13px 18px;font-size:12px;font-weight:bold;text-transform:uppercase;letter-spacing:.12em}.ba-pair figure:last-child figcaption{background:#168cf4;color:white}.result-block{margin-top:40px}.result-block h3{margin-bottom:20px}.videos{background:linear-gradient(140deg,#065ab1,#168cf4);color:#fff}.videos .kicker{color:#c5e7ff}.video-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}.video-card{background:#061321;border:1px solid #ffffff33;border-radius:14px;overflow:hidden}.video-card video{display:block;width:100%;height:500px;background:#000;object-fit:contain}.video-copy{padding:24px}.video-copy h3{margin-top:0}.video-copy p{color:#b7c9dc;margin-bottom:0}.solar-section{background:#edf6ff}.solar-section img{height:470px;object-fit:cover;border-radius:12px}.offer{background:#fff;padding:25px;border-left:4px solid var(--blue);margin:25px 0}.offer strong{font-size:22px;color:#087bdd}.reviews{background:#0b1018;color:#fff}.reviews .kicker{color:#58bcff}.review-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.review{padding:30px;border:1px solid #263445;border-radius:12px;background:#111a26}.stars{color:#58bcff;letter-spacing:4px;font-size:24px}.review blockquote{margin:18px 0;font-size:18px;line-height:1.65}.review cite{font-size:14px;color:#a6b8cd;font-style:normal}.areas{background:#edf6ff}.towns{display:grid;grid-template-columns:1fr 1fr;gap:12px}.towns span{padding:17px 20px;border:1px solid #d2e5f7;background:#fff;border-radius:8px;font-size:15px}.ticks{padding:0;list-style:none}.ticks li{margin:14px 0}.ticks li::before{content:'✓';color:#087bdd;font-weight:bold;margin-right:12px}.faq .wrap{max-width:1000px}.faq details{border-bottom:1px solid #dce5ed;padding:24px 0}.faq summary{font-weight:bold;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:22px;line-height:1.5}.faq summary::after{content:'+';color:var(--blue);font-size:23px}.faq details[open] summary::after{content:'−'}.faq details p{color:var(--muted);max-width:780px}.quote{background:#071625;color:#fff}.quote .kicker{color:#58bcff}.quote p{color:#bbcada}.quote .split{align-items:start}.contact-number{display:block;font-size:30px;font-weight:bold;margin-top:25px;color:#58bcff}.email{overflow-wrap:anywhere}.wa-form{padding:30px;background:#10263b;border:1px solid #244660;border-radius:14px;display:grid;gap:18px}.wa-form label{font-size:13px;font-weight:bold;display:grid;gap:9px}.wa-form input,.wa-form textarea,.wa-form select{font:inherit;width:100%;padding:15px;border:1px solid #3e5870;border-radius:6px;background:#091c2d;color:white}.wa-form textarea{resize:vertical}.wa-form button{border:0;cursor:pointer;font-size:15px;background:#25d366;color:#052412;padding:17px;border-radius:30px;font-weight:bold}.form-note{font-size:12px;margin:0}.footer-inner{max-width:1260px;margin:auto;padding:40px 24px 100px;display:flex;align-items:center;gap:30px;justify-content:space-between}footer{background:#050b12;color:#94a7bb}footer img{width:95px;height:95px;object-fit:contain}.footer-brand{display:flex;align-items:center;gap:18px;color:white}.footer-brand strong{max-width:220px}.floating{position:fixed;left:50%;bottom:16px;transform:translate(-50%,120px);opacity:0;pointer-events:none;display:flex;gap:10px;z-index:1002;transition:.25s}.floating[hidden]{display:none}.floating.show{transform:translate(-50%,0);opacity:1;pointer-events:auto}.floating a{padding:13px 22px;border-radius:999px;font-weight:bold;box-shadow:0 8px 30px #0004;white-space:nowrap}.floating a:first-child{background:var(--blue);color:white}.floating a:last-child{background:#25d366;color:#062b12}.menu-toggle{display:none}.video-toggle{position:absolute;bottom:25px;left:24px;z-index:4;border:1px solid #ffffff70;background:#0008;color:white;border-radius:30px;padding:8px 14px;cursor:pointer}.primary,.head-call{color:white}.brand img{object-fit:contain}.brand{border-color:#168cf4}.hero-mask{background:linear-gradient(90deg,rgba(3,9,16,.94),rgba(3,9,16,.72) 42%,rgba(3,9,16,.18) 80%),linear-gradient(0deg,#03091070,transparent 60%)}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #58bcff;outline-offset:5px}
@media(min-width:901px) and (max-width:1170px){.nav-wrap{gap:15px}.brand-copy{min-width:180px}.brand-copy strong{font-size:14px}nav{gap:15px}.head-call{font-size:12px;padding:12px}}
@media(max-width:900px){.site-header{height:76px}.nav-wrap{padding:0 16px 0 126px;gap:12px}.brand{left:12px;top:7px;width:110px;height:110px}.brand-copy{min-width:0}.brand-copy strong{font-size:14px}.brand-copy span{font-size:9px}nav{display:none}.head-call{margin-left:auto;font-size:12px;padding:11px 14px}.menu-toggle{display:block;background:none;border:1px solid #4383b0;color:white;font-size:19px;padding:7px 10px;border-radius:6px}.site-header nav.open{display:flex;position:absolute;top:76px;left:0;right:0;background:#061422;padding:48px 24px 24px;flex-wrap:wrap;justify-content:center;border-bottom:2px solid #168cf4}main{padding-top:76px}.hero{min-height:760px}.hero-inner{padding:100px 24px 240px}.hero h1{font-size:56px;max-width:620px}.lead{font-size:18px;max-width:530px}.hero-card{left:24px;right:24px;bottom:65px;width:auto;padding:20px}.hero-card strong{font-size:22px}.hero-card p{font-size:14px}.video-toggle{bottom:18px}.wrap{padding:70px 24px}.split{grid-template-columns:1fr;gap:32px}.service-grid{grid-template-columns:1fr 1fr}.ocean-main{height:380px}.ocean-grid img{height:240px}.intro-photo img{height:420px}.footer-inner{flex-wrap:wrap}.brand-copy{display:none}}
@media(max-width:540px){.nav-wrap{padding-left:123px;gap:10px}.brand{width:104px;height:104px}.head-call{font-size:11px;padding:11px 12px}.hero{min-height:790px}.hero h1{font-size:44px}.hero-inner{padding:92px 18px 260px}.lead{font-size:17px}.hero-bg{object-position:55% center}.hero-mask{background:linear-gradient(90deg,#03101cda,#03101c70),linear-gradient(0deg,#03101c99,transparent)}.hero-actions .btn{padding:13px 20px;font-size:14px}.trust-row{gap:7px;margin-top:20px}.trust-row span{font-size:10px;padding:7px 9px}.hero-card{left:18px;right:18px;padding:18px;bottom:64px}.hero-card span{font-size:10px}.wrap{padding:58px 18px}.band-inner{padding:20px 18px;display:grid;grid-template-columns:1fr 1fr;font-size:11px;gap:15px}.service-grid{grid-template-columns:1fr}.service img{height:240px}.ocean-main{height:280px}.ocean-grid{grid-template-columns:1fr 1fr;gap:10px}.ocean-grid figure:last-child{grid-column:1/-1}.ocean-grid img{height:230px}.ocean-grid figure:last-child img{height:240px}.ba-pair{gap:8px}.ba-pair img{height:285px}.ba-pair figcaption{padding:11px;font-size:10px}.video-grid{grid-template-columns:1fr;gap:20px}.video-card video{height:auto;max-height:570px;aspect-ratio:9/16}.video-copy{padding:20px}.review-grid{grid-template-columns:1fr}.review{padding:24px}.towns{gap:8px}.towns span{padding:14px 12px;font-size:13px}.intro-photo img,.solar-section img{height:360px}.wa-form{padding:22px}.floating{width:calc(100% - 24px);bottom:12px}.floating a{flex:1;text-align:center;padding:13px}.footer-inner{padding:35px 18px 100px}.footer-brand strong{font-size:14px}.footer-inner p{font-size:13px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}


/* Media and header layout */
.hero{background:#061321}.hero-bg{width:100%;min-width:100%;display:block}.trust-row span{border-color:#168cf499}.brand{transition:width .2s,height .2s,box-shadow .2s}.site-header.scrolled .brand{width:106px;height:106px;box-shadow:0 7px 22px #0005}.site-header.scrolled .nav-wrap{padding-left:148px}.service{display:flex;flex-direction:column}.service>img{width:100%;height:230px;flex-shrink:0}.service-body{display:flex;flex-direction:column;flex:1}.service-body .text-link{align-self:flex-start;margin-top:auto}.service-body p{margin-bottom:24px}
.transformations .section-title{margin-bottom:30px}.results-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.result-block{display:block;min-width:0;padding:22px;background:#f0f6fc;border:1px solid #dbe7f2;border-radius:14px;margin:0}.result-block h3{font-size:23px;max-width:none;margin:0 0 20px}.ba-pair{width:100%;max-width:none;margin:0;gap:10px}.ba-pair img{width:100%;height:auto;max-height:none;aspect-ratio:3/4;object-fit:contain;background:none}.ba-pair figure{background:white}.ba-pair figcaption{font-size:10px;letter-spacing:.09em;padding:12px}
.videos{background:#071b2e}.videos .wrap{padding-top:72px;padding-bottom:72px}.videos .section-title{max-width:850px;text-align:left;margin:0 0 30px}.video-grid{max-width:none;width:100%;margin:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;align-items:stretch}.video-card{display:flex;flex-direction:column;background:#102b43;border:1px solid #244c6d;min-width:0}.video-launch{border:0;padding:0;display:block;width:100%;position:relative;cursor:pointer;aspect-ratio:16/10;overflow:hidden;background:#091522}.video-launch img{width:100%;height:100%;object-fit:cover;filter:brightness(.78);transition:transform .25s,filter .25s}.video-launch:hover img{transform:scale(1.035);filter:brightness(.95)}.play-symbol{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:70px;height:70px;border-radius:50%;display:grid;place-items:center;background:#168cf4;color:white;font-size:26px;padding-left:4px;box-shadow:0 8px 35px #0005}.watch-label{position:absolute;bottom:20px;left:20px;font-size:11px;letter-spacing:.14em;font-weight:bold;color:white;background:#081a2cbf;padding:9px 13px;border-radius:20px}.video-copy{padding:24px}.video-copy h3{font-size:24px;margin:0 0 10px}.video-copy p{font-size:15px;margin:0;max-width:480px}.video-dialog{border:1px solid #3c6583;padding:42px 12px 12px;border-radius:12px;background:#030b12;max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);overflow:hidden}.video-dialog::backdrop{background:#000d}.video-dialog video{display:block;max-height:calc(100dvh - 110px);max-width:calc(100vw - 48px);width:auto;height:auto;background:black}.dialog-close{position:absolute;right:10px;top:7px;width:30px;height:30px;background:#17344b;color:white;border:0;border-radius:50%;font-size:18px;cursor:pointer}body.video-open{overflow:hidden}.floating{left:auto;right:24px;transform:translateY(120px)}.floating.show{transform:translateY(0)}
@media(max-width:900px){.site-header.scrolled .brand{width:86px;height:86px}.site-header.scrolled .nav-wrap{padding-left:112px}.results-grid{gap:18px}.result-block{padding:16px}.result-block h3{font-size:20px}.ba-pair figcaption{font-size:9px;letter-spacing:.025em;padding:10px 7px}.floating{right:16px}.video-grid{gap:18px}.video-copy{padding:20px}.video-copy h3{font-size:21px}}
@media(max-width:600px){.results-grid{grid-template-columns:1fr;gap:20px}.result-block{padding:16px}.result-block h3{font-size:22px}.ba-pair figcaption{font-size:10px;letter-spacing:.08em;padding:12px 10px}.video-grid{grid-template-columns:1fr;gap:22px}.video-launch{aspect-ratio:16/10}.videos .wrap{padding:58px 18px}.video-copy{padding:22px}.video-copy h3{font-size:23px}.floating{left:12px;right:12px;width:auto;bottom:12px}.floating a{padding:11px 14px;font-size:13px}}

.landscape-result .ba-pair img{aspect-ratio:4/3;object-fit:contain;background:white}