@charset "UTF-8";
:root{--red:#ed2132;--ink:#171918;--paper:#f6f5ef;--line:#d5d5ce}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;color:var(--ink);background:var(--paper);font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button,select,textarea{font:inherit}button,a,select,summary{touch-action:manipulation}button,a,select,summary,textarea{outline-offset:6px}button{cursor:pointer}.concept{text-align:center;padding:9px;background:var(--ink);color:white;font-size:10px;letter-spacing:2px}header{height:84px;display:flex;justify-content:space-between;align-items:center;padding:0 5%;border-bottom:1px solid var(--line);background:var(--paper);position:sticky;top:0;z-index:20}.brand{font-size:34px;font-weight:900;letter-spacing:4px;font-style:italic;line-height:1}.brand span{display:block;font-size:8px;letter-spacing:5px;font-style:normal;margin-top:7px}nav{display:flex;gap:32px;align-items:center;font-size:13px}.pill{display:inline-flex;justify-content:space-between;gap:35px;align-items:center;border-radius:100px;padding:19px 25px;background:var(--red);color:#fff;font-size:14px;border:0;font-weight:700;transition:transform .2s,background .2s}.pill:hover{transform:translateY(-3px);background:#c91324}.pill.small{padding:14px 22px}.pill.dark{background:var(--ink)}.pill.dark:hover{background:#3b3c38}.hero{display:grid;grid-template-columns:1fr 1.1fr;min-height:690px}.hero-copy{padding:65px 0 55px 9.5%}.eyebrow{font-size:11px;letter-spacing:1.8px;font-weight:700;line-height:1.6}.dot{width:8px;height:8px;background:var(--red);border-radius:50%;display:inline-block;margin-right:8px}h1{font-size:clamp(66px,7.5vw,116px);line-height:.94;letter-spacing:-7px;margin:33px 0 24px;font-weight:900}em{font-style:normal;color:var(--red)}.intro{font-size:19px;line-height:1.5;margin-bottom:25px}.micro{font-size:9px;letter-spacing:1.6px;margin-top:30px}.hero-stage{position:relative;overflow:hidden;background:#e5e9df;display:flex;flex-direction:column;justify-content:center;padding-bottom:100px;isolation:isolate}.stage-word{position:absolute;top:13%;left:-2%;font-size:clamp(130px,17vw,270px);font-weight:900;letter-spacing:-12px;color:#cfdbcb;transform:rotate(-9deg);z-index:-2}.orbit{width:80%;aspect-ratio:1;border:1px solid #c2cbbb;border-radius:50%;position:absolute;left:10%;top:12%;z-index:-1}.product-photo{aspect-ratio:650/377;position:relative;overflow:hidden;mix-blend-mode:multiply}.product-photo img{position:absolute;width:169.53846%;max-width:none;height:auto;left:0;top:-53.0504%}.hero-photo{width:120%;margin-left:-7%;transform:rotate(-4deg);animation:float 6s ease-in-out infinite}.stage-bottom{position:absolute;left:8%;right:8%;bottom:58px;display:flex;justify-content:space-between;align-items:end}.stage-bottom strong{display:block;font-size:40px;letter-spacing:-2px;margin-top:5px}.switch{display:flex;gap:8px}.switch button{width:46px;height:46px;border-radius:50%;border:1px solid #aeb9a9;background:transparent}.switch button.active{background:var(--ink);color:white;border-color:var(--ink)}.photo-note{position:absolute;bottom:23px;left:8%;right:8%;font-size:9px;color:#535c4f}.ticker{overflow:hidden;background:var(--red);color:white;padding:21px 0;font-size:27px;font-weight:900;letter-spacing:-.5px;white-space:nowrap}.ticker div{width:max-content;animation:marquee 28s linear infinite}.section{padding:90px 5%}.section-heading{display:grid;grid-template-columns:1fr 1.4fr 1fr;gap:30px;align-items:end;margin-bottom:45px}.section-heading h2,h2{font-size:clamp(42px,5vw,72px);line-height:1;letter-spacing:-3px;margin:0}.section-heading h2 span{color:#777c70}.section-heading>p:last-child{font-size:15px;line-height:1.7}.model-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px}.model-card{background:#ebe9e3;border-radius:5px;overflow:hidden}.model-card.mint{background:#e3e9df}.card-top{display:flex;justify-content:space-between;padding:25px 28px 0;gap:15px;font-size:10px;letter-spacing:1px;font-weight:bold}.card-top span:last-child{font-size:8px}.card-body{padding:0 32px 30px}.card-body h3{font-size:45px;letter-spacing:-2px;margin:8px 0 18px}.card-body h3 span{display:block;font-size:19px;letter-spacing:-.5px;margin-top:8px}.card-body p{line-height:1.6;max-width:440px;color:#51554d;font-size:14px;min-height:44px}dl{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;border-top:1px solid #c7cbbf;border-bottom:1px solid #c7cbbf;padding:20px 0;margin:25px 0}dt{font-size:10px;color:#555b50;margin-bottom:8px}dd{font-size:29px;font-weight:bold;margin:0;letter-spacing:-1px}dd small{font-size:12px;letter-spacing:0}.text-link{display:flex;justify-content:space-between;font-weight:bold;font-size:14px}.text-link:hover{color:#bc1322}.sheet{display:inline-block;font-size:11px;text-decoration:underline;margin-top:18px}.footnote{font-size:11px;color:#696b64;line-height:1.6;margin-top:22px;max-width:900px}.statement{padding:90px 7%;background:var(--ink);color:var(--paper);display:grid;grid-template-columns:1.2fr 1fr;gap:12%}.statement h2{font-size:clamp(45px,5.6vw,85px);margin-top:30px}.statement-features>div{position:relative;padding:25px 0 25px 40px;border-bottom:1px solid #454741}.statement-features span{position:absolute;left:0;top:30px;font-size:10px;color:#a4aa9c}.statement h3{font-size:23px;margin:0}.statement p:not(.eyebrow){font-size:14px;color:#b5baae;line-height:1.6}.compare .section-heading{grid-template-columns:1fr 2.4fr}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:14px;text-align:left}caption{text-align:left;font-size:12px;margin-bottom:20px;color:#676b61}th,td{border-bottom:1px solid var(--line);padding:22px 15px}thead th{font-size:24px}thead th:not(:first-child){color:var(--red)}tbody th{font-weight:400;color:#585c52;width:40%}td{font-weight:bold;width:30%}.contact{display:grid;grid-template-columns:1.3fr 1fr;gap:8%;background:var(--red);color:white}.contact em{color:#ffc9ca}.contact h2{margin:28px 0}.contact p{line-height:1.7;font-size:14px}.contact-panel{padding:30px;background:#fff;color:var(--ink);border-radius:5px;align-self:center}.contact-panel label{font-size:12px;font-weight:bold}.contact-panel select{width:100%;padding:15px;border:1px solid #c7cbbf;background:white;margin:13px 0 20px;border-radius:5px}.contact-panel .pill{width:100%}.contact-panel p{font-size:11px;color:#696b64}.contact-panel textarea{width:100%;min-height:115px;padding:12px;line-height:1.5;border:1px solid #ccc}.faq{max-width:1000px;margin:auto}.faq h2{font-size:46px;margin:22px 0 35px}details{border-bottom:1px solid var(--line);padding:22px 0}summary{cursor:pointer;font-weight:bold;font-size:16px}details p{line-height:1.7;font-size:14px;max-width:750px}footer{margin:0 5%;border-top:1px solid var(--line);padding:35px 0;display:flex;justify-content:space-between;align-items:center}footer p{font-size:16px;font-weight:bold}footer>span{font-size:11px}.js .reveal{opacity:0;transform:translateY(25px);transition:opacity .7s,transform .7s}.js .reveal.visible{opacity:1;transform:none}@keyframes float{50%{transform:translateY(-12px) rotate(-2deg)}}@keyframes marquee{to{transform:translateX(-50%)}}@media(min-width:1600px){body{max-width:1800px;margin:auto}}@media(max-width:800px){header{height:74px}nav{gap:15px}nav>a:nth-child(2){display:none}.brand{font-size:27px}.pill.small{font-size:11px;padding:12px 16px}.hero{grid-template-columns:1fr}.hero-copy{padding:40px 6%}h1{font-size:82px;letter-spacing:-5px}.hero-stage{min-height:460px;padding-bottom:75px}.hero-photo{width:95%;margin:0 auto}.stage-word{font-size:160px;left:8%;top:6%}.orbit{width:60%;top:3%;left:20%}.stage-bottom{bottom:40px}.stage-bottom strong{font-size:30px}.photo-note{bottom:13px}.section{padding:60px 6%}.section-heading,.compare .section-heading{grid-template-columns:1fr;gap:15px}.section-heading h2,h2{font-size:49px}.section-heading>p{margin:0}.model-grid{grid-template-columns:1fr}.card-body{padding:0 24px 28px}.statement{grid-template-columns:1fr;gap:30px;padding:60px 6%}.contact{grid-template-columns:1fr;gap:25px}th,td{padding:18px 10px;font-size:12px}thead th{font-size:20px}.faq h2{font-size:38px}footer{flex-wrap:wrap;gap:20px}footer>span{width:100%}.ticker{font-size:22px}dd{font-size:27px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.js .reveal{opacity:1;transform:none}}
/* V2: original brand artwork, preserved proportions and clear space. */
header{background:var(--ink);color:var(--paper);border-bottom-color:#363833}.concept{background:var(--red)}.brand-lockup{display:flex;align-items:center;gap:24px;flex-shrink:0}.brand-official{display:flex;align-items:center;line-height:0;letter-spacing:0}.brand-official img{display:block;width:190px;height:auto}.brand-divider{height:33px;width:1px;background:#50534c}.cleanpower-header{display:block;width:105px;height:auto}.cleanpower-footer{display:block;width:160px;height:auto}footer{background:var(--ink);color:var(--paper);margin:0;padding:40px 5%;border-top:0;gap:28px;flex-wrap:wrap}footer>span{flex-basis:100%;color:#b7bcb1;padding-top:20px;border-top:1px solid #41443c}footer .brand-official img{width:205px}@media(max-width:800px){.brand-lockup{gap:12px}.brand-official img{width:130px}.cleanpower-header{width:75px}.brand-divider{height:26px}header nav>a:not(.pill){display:none}header nav .pill{font-size:10px;max-width:140px;padding:12px}footer .brand-official img{width:170px}.cleanpower-footer{width:135px}}@media(max-width:420px){header{padding:0 4%;height:78px}.brand-official img{width:112px}.cleanpower-header{width:62px}.brand-lockup{gap:8px}header nav .pill{max-width:118px;padding:10px;font-size:9px}.brand-divider{height:22px}footer p{flex-basis:100%;order:2}footer>span{order:3}}

/* V3: CleanPower solo como contacto de compra en el pie. */
.purchase-contact{display:flex;flex-direction:column;align-items:flex-start;gap:12px}.purchase-contact span{font-size:10px;letter-spacing:1.2px}.purchase-contact span:last-child{font-size:12px;letter-spacing:0;text-decoration:underline;text-underline-offset:4px}.purchase-contact:hover span:last-child{color:#b9df78}


/* V4: logotipo rojo proporcionado por el cliente, sobre blanco. */
header{background:#fff;color:var(--ink);border-bottom-color:var(--line)}
header .brand-official img{width:190px;height:auto}
footer .brand-official{background:#fff;padding:14px 18px;border-radius:4px}
footer .brand-official img{width:205px;height:auto}
@media(max-width:800px){header .brand-official img{width:150px}footer .brand-official img{width:170px}}
@media(max-width:420px){header .brand-official img{width:135px}}

/* V5: encabezado limpio y descriptor de marca bajo el logotipo. */
header{min-height:96px;height:auto;padding-top:17px;padding-bottom:17px;gap:20px}
header .brand-with-tagline{flex-direction:column;align-items:flex-start;gap:9px;max-width:100%}
header .brand-with-tagline .brand-tagline{display:block;color:#be182b;font-family:'Arial Rounded MT Bold','Trebuchet MS',Arial,sans-serif;font-size:12px;font-weight:700;font-style:normal;letter-spacing:.15px;line-height:1.3;margin:0;white-space:normal}
@media(max-width:800px){header{min-height:90px;gap:14px}.brand-lockup{flex-shrink:1;min-width:0}header .brand-with-tagline .brand-tagline{font-size:10px;max-width:235px}header nav{flex-shrink:0}}
@media(max-width:420px){header{min-height:94px;height:auto;padding-top:14px;padding-bottom:14px;gap:12px}header .brand-with-tagline .brand-tagline{font-size:9px;max-width:185px;line-height:1.4}}

/* V6: logotipo mayor, descriptor centrado y versión discreta. */
header .brand-with-tagline{align-items:center;text-align:center}
header .brand-with-tagline img{width:235px;height:auto}
header .brand-with-tagline .brand-tagline{text-align:center}
footer>.version-label{font-size:9px;font-weight:400;letter-spacing:.4px;line-height:1.2;color:#969b91;text-align:right;border-top:0;padding-top:0}
@media(max-width:800px){header .brand-with-tagline img{width:180px;max-width:100%}}
@media(max-width:420px){header .brand-with-tagline img{width:155px;max-width:100%}}