:root{--bg:#101713;--panel:#1b241e;--lime:#c3f56b;--muted:#a3ada6}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:#f1f3ed;font-family:Arial,"Microsoft YaHei",sans-serif}a{color:inherit;text-decoration:none}button,select,textarea{font:inherit}button,a,summary{touch-action:manipulation}button{cursor:pointer}header{height:100px;display:flex;align-items:center;justify-content:space-between;padding:0 6%;border-bottom:1px solid #ffffff18}.brand{display:flex;align-items:center;gap:12px;font-size:22px;font-weight:800}.brand small{display:block;font-size:9px;letter-spacing:2px;margin-top:5px}.logo{background:var(--lime);color:#142018;width:43px;height:43px;display:grid;place-items:center;border-radius:9px;font-size:27px}nav{display:flex;gap:35px;font-size:14px;color:#c1c9c2}.nav-cta{border:1px solid #71806b;border-radius:30px;padding:12px 23px;font-size:14px}.hero{display:grid;grid-template-columns:1fr 1fr;min-height:610px;align-items:center;padding:70px 6% 65px;overflow:hidden}.eyebrow{font-size:11px;letter-spacing:2px;color:var(--lime);font-weight:700;margin:0 0 25px}.eyebrow i{display:inline-block;width:7px;height:7px;background:var(--lime);border-radius:50%;margin-right:8px}h1{font-size:clamp(38px,4.4vw,66px);line-height:1.3;letter-spacing:-2px;margin:0;font-weight:800}h1 span{color:var(--lime)}.intro{color:var(--muted);font-size:16px;line-height:1.9;margin:27px 0 32px}.actions{display:flex;align-items:center;gap:26px}.button{border:0;background:var(--lime);color:#142015;border-radius:6px;padding:17px 23px;display:inline-flex;gap:30px;justify-content:space-between;font-size:14px;font-weight:700}.button:hover{background:#d7ff95}.text-link{border:0;background:none;color:#d5ddd5;font-size:13px;padding:12px 0}.hero-tags{display:flex;gap:24px;color:#88988a;font-size:11px;margin-top:40px}.hero-tags span:before{content:'✓';color:var(--lime);margin-right:8px}.hero-art{position:relative;height:420px;background:radial-gradient(ellipse,#52613944,transparent 65%)}.hero-art svg{position:absolute;width:115%;left:-7%;top:12%;filter:drop-shadow(0 20px 18px #0008)}.orbit{position:absolute;border:1px solid #94b75d30;border-radius:50%;width:390px;height:390px;top:10px;left:15%;transform:rotate(-20deg)}.o2{width:330px;height:330px;left:21%;top:40px}.art-caption{font-size:9px;letter-spacing:3px;color:#9aab86;position:absolute;top:25px;left:10%}.energy-badge{position:absolute;bottom:10px;right:8%;display:flex;align-items:center;gap:10px;background:#202d23e8;border:1px solid #536149;border-radius:12px;padding:17px 21px;font-size:15px}.energy-badge>span{font-size:37px;color:var(--lime)}.energy-badge small{display:block;font-size:8px;letter-spacing:1px;margin-top:6px;color:#a7b498}.art-number{position:absolute;bottom:1px;left:10%;font-size:8px;color:#788777;letter-spacing:2px}.service-strip{display:flex;justify-content:space-between;padding:24px 6%;border-block:1px solid #ffffff15;background:#172018;font-size:11px;letter-spacing:2px;color:#c2cbb8}.section{padding:90px 6%}.section-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:34px}h2{font-size:clamp(28px,3vw,42px);line-height:1.4;letter-spacing:-1px;margin:0}.section-head>p,.energy p:not(.eyebrow),.consult p:not(.eyebrow){color:var(--muted);font-size:14px;line-height:1.9}.filters{display:flex;gap:9px;margin-bottom:25px}.filters button{border:1px solid #ffffff25;border-radius:30px;padding:10px 20px;background:none;color:#aeb9af;font-size:12px}.filters button.active{background:var(--lime);color:#142015;border-color:var(--lime)}.service-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.card{border:1px solid #344134;border-radius:10px;background:var(--panel);padding:25px 20px;color:inherit;text-align:left;min-height:240px;display:flex;flex-direction:column;transition:transform .2s,border .2s}.card:hover{transform:translateY(-5px);border-color:var(--lime)}.card-icon{font-size:29px;color:var(--lime);height:65px}.card h3{font-size:19px;margin:10px 0}.card p{font-size:12px;line-height:1.8;color:var(--muted);margin:0 0 23px}.card-bottom{font-size:10px;color:#bccab1;display:flex;justify-content:space-between;margin-top:auto}.card-bottom b{font-size:19px;color:var(--lime)}.energy{background:#dce5d3;color:#18241c;display:grid;grid-template-columns:1fr 1.05fr;gap:9%}.energy .eyebrow{color:#537438}.energy p:not(.eyebrow){color:#536150}.energy .button{background:#253a27;color:#ecf4e7;margin-top:24px}.energy-list article{display:flex;gap:20px;padding:25px 0;border-bottom:1px solid #aebaa4}.energy-list article:first-child{padding-top:0}.energy-list article>span{font-size:11px;color:#6f805e;padding-top:5px}.energy-list h3{margin:0;font-size:19px}.energy-list p{font-size:12px!important;margin:10px 0 0}.energy-list b{font-size:30px;margin-left:auto;color:#4a623d}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;margin-top:50px}.steps article{border-top:1px solid #47513e;padding-top:24px}.steps em{color:var(--lime);font-style:normal;font-size:13px}.steps h3{margin-top:28px;font-size:19px}.steps p{color:var(--muted);font-size:13px;line-height:1.8;max-width:240px}.consult{background:#202d23;display:grid;grid-template-columns:1fr 1fr;gap:10%;border-block:1px solid #3a4a35}.consult .note{font-size:12px!important;margin-top:35px;color:#859a82!important}form{background:#172019;border:1px solid #47563e;border-radius:12px;padding:30px;display:flex;flex-direction:column}label{font-size:12px;margin-bottom:10px}select,textarea{width:100%;background:#253229;color:#e6eee0;border:1px solid #4b5c42;border-radius:5px;padding:13px;margin-bottom:22px;outline-offset:3px}textarea{height:90px;resize:vertical}#result{white-space:pre-wrap;font-size:13px;line-height:1.8;margin-top:20px;border-top:1px solid #4b5c42;padding-top:15px}.faq h2{margin-bottom:35px}.faq details{border-bottom:1px solid #354032;padding:20px 0}.faq summary{cursor:pointer;font-size:15px}.faq details p{max-width:780px;color:var(--muted);font-size:14px;line-height:1.9}footer{padding:40px 6%;border-top:1px solid #ffffff15;display:flex;justify-content:space-between;align-items:center}footer p,footer>span{font-size:12px;color:#8c9b88}dialog{background:#203025;color:#eef4e8;border:1px solid #789062;border-radius:14px;padding:42px;max-width:550px;width:90%}dialog::backdrop{background:#000b}dialog>p:not(.eyebrow){color:#b5c3ad;font-size:14px;line-height:2;white-space:pre-line}dialog .button{margin-top:20px}.close{position:absolute;right:16px;top:12px;background:none;border:0;color:#d0ddc7;font-size:28px}:focus-visible{outline:2px solid var(--lime);outline-offset:5px}[hidden]{display:none!important}@media(max-width:950px){nav{gap:18px}.hero{grid-template-columns:1.1fr 1fr}.hero-art{height:330px}.orbit{width:280px;height:280px}.o2{width:230px;height:230px}.energy-badge{bottom:20px}.service-grid{grid-template-columns:repeat(3,1fr)}.service-strip{letter-spacing:0;font-size:10px}.actions{gap:15px}.hero-tags{gap:10px}}@media(max-width:650px){header{height:80px;padding:0 6%}nav{display:none}.brand{font-size:19px}.nav-cta{font-size:12px;padding:10px 15px}.hero{grid-template-columns:1fr;padding-top:45px;padding-bottom:25px}.hero h1{font-size:41px}.hero-art{height:300px;margin-top:30px}.hero-art svg{width:105%;left:-3%;top:-3%}.orbit{left:20%;width:260px;height:260px}.o2{width:210px;height:210px;left:28%}.art-caption{top:10px}.energy-badge{bottom:10px}.hero-tags{margin-top:25px}.service-strip{flex-wrap:wrap;gap:18px;justify-content:center}.section{padding:60px 6%}.section-head{display:block}.section-head>p{margin-top:22px}.service-grid{grid-template-columns:repeat(2,1fr)}.card{padding:20px 16px;min-height:220px}.card:last-child{grid-column:span 2}.energy,.consult{grid-template-columns:1fr;gap:40px}.steps{grid-template-columns:repeat(2,1fr);gap:22px}.steps h3{margin-top:20px}.filters button{padding:10px 14px;font-size:11px}form{padding:23px}footer{flex-wrap:wrap;gap:22px}footer p{display:none}.actions .button{padding:15px 18px;gap:14px}}

.visit{display:flex;align-items:center;justify-content:space-between;background:#18251c}.visit p{color:#a3ada6;line-height:1.8}.visit-actions{display:flex;flex-direction:column;align-items:flex-start;gap:18px}.floating-contact{position:fixed;bottom:24px;right:24px;z-index:5;background:#c3f56b;color:#142015;border-radius:30px;padding:16px 24px;box-shadow:0 4px 25px #0006;font-size:14px;font-weight:700}.form-note{font-size:11px;color:#93a58d;line-height:1.8}#sendWhatsApp{margin-top:18px}footer{padding-bottom:100px}@media(max-width:650px){.visit{align-items:flex-start;flex-direction:column;gap:25px}.floating-contact{bottom:16px;right:16px;padding:13px 20px}}
.language-switch{background:none;color:#c3f56b;border:1px solid #536149;border-radius:6px;padding:9px 12px;font-size:12px}.team{background:#172019}.team>p:not(.eyebrow){max-width:850px;color:#a3ada6;line-height:1.9}html[lang="es-PE"] h1{font-size:clamp(34px,4vw,58px)}html[lang="es-PE"] .service-strip{letter-spacing:1px}html[lang="es-PE"] .card h3{font-size:17px}.card{overflow-wrap:anywhere}@media(max-width:650px){header{gap:10px}.brand small{letter-spacing:1px}.brand{font-size:15px;gap:7px}.logo{width:34px;height:34px;font-size:23px}header .nav-cta{display:none}html[lang="es-PE"] h1{font-size:38px}.actions{flex-wrap:wrap}.hero-tags{flex-wrap:wrap}.card{min-height:260px}}
/* Brand colors from the supplied storefront sign. */
:root{--bg:#fffaf8;--panel:#fff;--lime:#e9292f;--muted:#64717c}body{color:#202b39}header{background:#fff;border-bottom-color:#eadfdc}.logo{background:#e9292f;color:#fff}nav{color:#425365}.nav-cta{border-color:#e9292f;color:#c91f27}.button,.floating-contact{background:#e9292f;color:#fff}.button:hover{background:#be1822}.text-link{color:#245b86}.hero{background:linear-gradient(120deg,#fffaf8,#fff0ee)}.hero-art.signage-art{height:auto;background:none;margin-left:30px;transform:rotate(-2deg)}.signage-art img{display:block;width:100%;height:auto;box-shadow:0 20px 55px #88232424;border-radius:6px}.sign-caption{text-align:center;color:#697788;font-size:12px;margin-top:20px}.hero-tags{color:#687585}.service-strip{background:#e9292f;color:white;border-color:#e9292f}.filters button{color:#4b5c6a;border-color:#d9dfe4}.filters button.active{background:#e9292f;color:#fff;border-color:#e9292f}.card{border-color:#e1e5e9;background:#fff;box-shadow:0 8px 25px #253f5508}.card-bottom{color:#617589}.energy{background:#edf4fa;color:#243c54}.energy .eyebrow{color:#e9292f}.energy p:not(.eyebrow){color:#607184}.energy .button{background:#e9292f;color:#fff}.energy-list article{border-color:#cbd9e4}.energy-list b,.energy-list article>span{color:#246293}.team{background:#fff}.steps article{border-color:#dddfe1}.consult{background:#f3f6f8;border-color:#d9e1e7}.consult .note{color:#506a7e!important}form{background:#fff;border-color:#d5dfe7}select,textarea{background:#f7f9fb;color:#203547;border-color:#ccd8e2}#result{border-color:#d5dfe7}.form-note{color:#617184}.faq details{border-color:#dbe2e7}.visit{background:#e9292f;color:#fff}.visit .eyebrow,.visit p{color:#fff}.visit .button{background:#fff;color:#c51d28}.visit .nav-cta{border-color:#fff;color:#fff}.visit .text-link{color:#fff}footer{background:#fff;border-color:#e7dedb}footer p,footer>span{color:#6b7886}dialog{background:#fff;color:#203547;border-color:#df777b}dialog>p:not(.eyebrow){color:#5a6f7f}.close{color:#b61c25}.language-switch{color:#c91f27;border-color:#e7c2c3}:focus-visible{outline-color:#236294}@media(max-width:950px){header{gap:16px}.brand{font-size:18px}.brand small{font-size:7px;letter-spacing:.7px}nav{gap:15px}.hero-art.signage-art{margin-left:10px}}@media(max-width:650px){.hero-art.signage-art{margin:35px 0 0;transform:none}.brand{font-size:16px}.brand small{font-size:7px}.hero{padding-bottom:35px}.hero h1{font-size:39px}}

.benefits{background:#fff}.benefit-grid,.case-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.benefit-grid article{background:#fff8f7;border:1px solid #f1d5d3;padding:28px;border-radius:10px}.benefit-grid article>span{color:#e9292f;font-size:12px}.benefit-grid h3,.case-grid h3{font-size:21px;line-height:1.5}.benefit-grid p,.case-grid p{font-size:14px;line-height:1.9;color:#617184}.repair-case{background:#edf4fa}.case-intro{font-size:17px;line-height:1.8;max-width:850px;color:#425d73;margin:25px 0 40px}.case-grid article{border-top:2px solid #36739f;padding-top:24px}.case-grid article>span{font-size:11px;letter-spacing:1px;color:#36739f}.case-note{font-size:12px;color:#617184;margin:30px 0;line-height:1.8}@media(max-width:750px){.benefit-grid,.case-grid{grid-template-columns:1fr;gap:22px}.benefit-grid article{padding:24px}}
.benefit-grid{grid-template-columns:repeat(2,1fr)}.offer-note{font-size:12px!important;color:#788391!important}@media(max-width:750px){.benefit-grid{grid-template-columns:1fr}}
.social-section{background:#fff}.social-section>p:not(.eyebrow){color:#617184;line-height:1.8}.social-links{display:flex;flex-wrap:wrap;gap:16px;margin-top:28px}.social-links a{border:1px solid #d4dfe7;padding:16px 20px;border-radius:8px;color:#245b86}.social-links a:hover{border-color:#e9292f;color:#c91f27}.visit .map-name{font-size:12px;opacity:.85}
/* Readability and responsive layout review. */
body{line-height:1.6}header{gap:22px;height:auto;min-height:88px;padding-top:16px;padding-bottom:16px}.brand{flex-shrink:0}.brand small{font-size:9px;letter-spacing:.4px}nav{margin-left:auto}.language-switch{white-space:nowrap;min-height:42px;display:inline-flex;align-items:center;justify-content:center}.hero{gap:25px;min-height:560px}.hero h1{font-size:clamp(33px,3.6vw,53px);letter-spacing:-.8px;line-height:1.2}.hero h1 span{display:block;margin-top:10px}.section{padding-top:76px;padding-bottom:76px}.section-head{gap:35px}.section-head>p{max-width:360px}.service-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.card p,.energy-list p{font-size:14px!important;line-height:1.7}.card-bottom{font-size:12px;gap:8px}.card{overflow-wrap:normal}.benefit-grid article{display:flex;flex-direction:column}.benefit-grid .text-link{margin-top:auto}.benefit-grid h3{font-size:23px}.team>p:not(.eyebrow){color:#566b7b;font-size:16px}.steps p{font-size:14px}.button{align-items:center;min-height:48px;line-height:1.5;text-align:left;gap:14px}.filters{flex-wrap:wrap}.filters button{min-height:44px}.hero-tags{font-size:12px}.signage-art img{transform:none}.hero-art.signage-art{transform:none}.consult{gap:6%;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}input{font:inherit;width:100%;background:#f7f9fb;color:#203547;border:1px solid #ccd8e2;border-radius:5px;padding:13px;margin-bottom:22px}label{font-size:14px}textarea,select,input{font-size:16px}#result{overflow-wrap:anywhere}.floating-contact{font-size:14px}.form-note{font-size:12px}.faq summary{padding-right:12px}.social-links a{min-height:48px}.energy-list article>div{min-width:0}dialog{max-height:85vh;overflow-y:auto}dialog h2{padding-right:20px}.offer-note{color:#627384!important}.team{border-top:1px solid #e5ebef}footer .brand{font-size:18px}@media(min-width:1500px){header,.section,.hero,.service-strip,footer{padding-left:max(6%,calc((100vw - 1320px)/2));padding-right:max(6%,calc((100vw - 1320px)/2))}}@media(max-width:1100px){header nav{display:none}.service-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.energy{gap:5%}.section-head{align-items:start}}@media(max-width:750px){header{gap:12px;min-height:78px}.brand{font-size:20px}.brand small{font-size:8px;letter-spacing:0}.hero{grid-template-columns:1fr;gap:0;min-height:0;padding-top:35px}.hero h1,html[lang="es-PE"] .hero h1{font-size:38px;line-height:1.2}.hero-art.signage-art{margin:35px 0 0}.energy,.consult{grid-template-columns:1fr;gap:32px}.section{padding-top:52px;padding-bottom:52px}.section-head{display:block}.service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.service-grid .card:last-child{grid-column:span 2}.service-strip{font-size:11px;flex-wrap:wrap;gap:14px;justify-content:center}.card{min-height:240px}.card h3{font-size:18px!important}.card-icon{height:45px}.steps{gap:20px}.case-grid,.benefit-grid{grid-template-columns:1fr}.visit{flex-direction:column;align-items:flex-start;gap:24px}.hero-tags{gap:12px}.benefit-grid h3{font-size:22px}h2{font-size:30px;letter-spacing:-.5px}.social-links{flex-direction:column}.floating-contact{bottom:14px;right:14px;padding:13px 18px}.sign-caption{font-size:13px}.nav-cta{max-width:100%}.brand{min-width:0}form{padding:22px}}@media(max-width:380px){.hero h1,html[lang="es-PE"] .hero h1{font-size:33px}.card{padding:18px 13px}.card p{font-size:13px!important}.brand small{font-size:7px}.steps{grid-template-columns:1fr}.brand{font-size:18px}.logo{flex-shrink:0}.filters button{padding:9px 12px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.card{transition:none}.card:hover{transform:none}}
.brand .mascot-logo{display:block;width:58px;height:75px;object-fit:contain;background:transparent;border-radius:8px;flex-shrink:0}.brand{gap:14px}header{min-height:104px}@media(max-width:750px){.brand .mascot-logo{width:44px;height:57px}.brand{gap:10px}header{min-height:88px}}

/* Compact landing page: key information first, details on demand. */
.hero{min-height:0;padding-top:38px;padding-bottom:34px}.hero h1,html[lang="es-PE"] .hero h1{font-size:clamp(30px,3vw,44px)}.hero .intro{margin:18px 0 20px;font-size:15px}.hero-tags{margin-top:18px}.hero-art.signage-art{max-width:410px;justify-self:end;width:100%}.section{padding-top:38px;padding-bottom:38px}.section-head{margin-bottom:20px}.section h2{font-size:30px}.eyebrow{margin-bottom:12px}.inline-details{font-size:13px;color:#5b6f7e;margin-top:16px;max-width:600px}.inline-details p{line-height:1.8}.inline-details summary,.benefit-item summary,.case-details summary,.form-details summary{cursor:pointer;min-height:44px;display:list-item;padding:12px 4px}.card{min-height:185px;padding:20px 16px}.card-icon{font-size:23px;height:32px}.card h3{margin:8px 0}.card p{margin-bottom:12px;font-size:13px!important}.filters{margin-bottom:18px}.benefit-grid{gap:12px}.benefit-item{border:1px solid #eed7d5;border-radius:8px;background:#fff8f7;padding:4px 16px}.benefit-item summary{font-size:16px;font-weight:700;color:#25394c}.benefit-item p{font-size:14px;color:#617184;line-height:1.8}.case-intro{margin:14px 0 12px;font-size:15px}.case-details{margin-bottom:12px;color:#425d73}.case-grid{margin-top:12px}.case-grid h3{font-size:18px}.case-grid article{padding-top:15px}.repair-case .button{padding:12px 18px}.consult{align-items:start}.consult .note{margin-top:16px}.consult .social-links{margin-top:12px;gap:8px}.consult .social-links a{font-size:12px;padding:7px 10px;min-height:38px}.form-details{border:1px solid #d5dfe7;border-radius:10px;background:#fff;padding:12px 18px}.form-details>summary{font-weight:700;color:#245b86}.form-details form{border:0;padding:16px 0 0}.map-name{font-size:11px!important;color:#6b7d8b!important}footer{padding-top:24px;padding-bottom:95px}.sign-caption{margin:12px 0 0;font-size:11px}@media(max-width:750px){.hero{padding-top:25px;padding-bottom:25px}.hero h1,html[lang="es-PE"] .hero h1{font-size:32px}.hero-art.signage-art{max-width:260px;margin:22px auto 0;justify-self:center}.section{padding-top:28px;padding-bottom:28px}.section h2{font-size:25px}.card{min-height:170px;padding:16px 14px}.card h3{font-size:16px!important}.card p{font-size:12px!important;line-height:1.6}.benefit-grid{gap:10px}.benefit-item summary{font-size:15px}.consult{gap:18px}.consult .social-links{flex-direction:row}.case-grid{gap:16px}.form-details{padding:9px 14px}.filters button{font-size:11px}.hero-art .sign-caption{font-size:10px}.inline-details{margin-top:10px}}
