.hero h1.facade-hero-title{font-size:clamp(56px,6.7vw,112px);max-width:1250px;line-height:1.02;letter-spacing:-.055em}
.intro-signature{align-self:stretch;min-width:0;display:flex;flex-direction:column;gap:52px}
.intro-saving{max-width:610px;padding-top:5px}
.intro-saving-label{font-size:clamp(16px,1.45vw,22px);letter-spacing:.09em;text-transform:uppercase;color:#c4dce8}
.intro-saving-number{display:flex;align-items:flex-start;gap:8px;line-height:1;margin:12px 0;color:var(--brand-text,#35c5ee);direction:ltr;width:max-content;max-width:100%}
.intro-saving-number strong{font-size:clamp(124px,16vw,248px);line-height:.96;letter-spacing:-.065em;font-weight:500;white-space:nowrap}
.intro-saving-number strong span{font-size:.48em;letter-spacing:-.04em}
.intro-saving-number sup{font-size:24px;line-height:1;margin-top:18px}
.intro-saving-caption{font-size:clamp(23px,2.5vw,38px);line-height:1.2;letter-spacing:-.03em;color:#e9f5fb}
.intro-saving-note{font-size:13px;line-height:1.65;color:#a7c4d4;max-width:46ch;margin-top:24px}
.intro-saving-conditions{display:inline-flex;gap:14px;font-size:13px;line-height:1.6;color:var(--brand-text,#35c5ee);text-decoration:underline;text-underline-offset:4px;margin-top:10px}
.intro .intro-signature h2{font-size:clamp(32px,3.1vw,50px);line-height:1.1;letter-spacing:-.04em}
#ahorro{scroll-margin-top:100px}
.intro-saving-conditions:focus-visible{outline:2px solid var(--brand-text,#35c5ee);outline-offset:5px}
.facade-service-links{display:flex;flex-wrap:wrap;gap:10px;margin:28px 0}
.facade-service-links a{font-size:14px;line-height:1.4;padding:12px 16px;border:1px solid currentColor;border-radius:3px;text-decoration:none}
.facade-service-links a:hover,.facade-service-links a:focus-visible{background:#099ccd;color:#061d2f;border-color:#099ccd}
.saving h3.access-benefit,.value-metric h2.access-benefit{font-size:clamp(36px,4.3vw,72px);line-height:1.1;letter-spacing:-.045em;margin:30px 0}
.access-benefit em{color:#099ccd;font-style:normal}
.facade-faq{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:clamp(36px,6vw,110px);background:#071f30;color:#e8f4f9}
.facade-faq h2{font-size:clamp(36px,4.5vw,72px);font-weight:400;line-height:1.08;letter-spacing:-.04em;margin:22px 0}
.facade-faq-intro>p:not(.eyebrow){line-height:1.7;max-width:35ch;color:#b7cbd6}
.facade-faq .text-link{display:inline-flex;margin-top:24px;font-size:16px;line-height:1.5;gap:16px}
.facade-faq-list{border-top:1px solid #577689}
.facade-faq details{border-bottom:1px solid #577689;padding:22px 0}
.facade-faq summary{cursor:pointer;font-size:clamp(18px,1.4vw,22px);line-height:1.4;padding-inline-end:15px}
.facade-faq details p{font-size:16px;line-height:1.8;color:#c5d8e3;margin:18px 0}
.facade-faq details>a{display:inline-block;color:#48c2ed;line-height:1.6;text-decoration:underline;text-underline-offset:4px}
.facade-faq summary:focus-visible,.facade-service-links a:focus-visible{outline:2px solid #48c2ed;outline-offset:5px}
@media(max-width:760px){.hero h1.facade-hero-title{font-size:clamp(45px,10.2vw,76px);max-width:100%;line-height:1.06}.facade-faq{grid-template-columns:1fr;gap:30px}.facade-service-links{gap:8px}.facade-service-links a{font-size:13px;padding:10px 12px}.saving h3.access-benefit,.value-metric h2.access-benefit{font-size:42px}}
@media(max-height:600px) and (min-width:761px){.hero h1.facade-hero-title{font-size:clamp(44px,7vh,64px)}}

/* Exact left-to-right gradient of the Marco wordmark in marco-logo.svg. */
.logo-gradient-number{display:inline-block;width:fit-content;max-width:100%;white-space:nowrap;direction:ltr;color:#0497d4;padding-inline-end:.06em}
@supports ((background-clip:text) or (-webkit-background-clip:text)){
  .logo-gradient-number{background-image:linear-gradient(90deg,#0497d4 0%,#10b5ec 100%);background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
}
@media (forced-colors:active){
  .logo-gradient-number{background-image:none;color:CanvasText;-webkit-text-fill-color:CanvasText}
}

/* The smaller percent must not inherit the digits' negative tracking. */
.intro-saving-number strong.logo-gradient-number>span,
.metric .logo-gradient-number>.percent,
.large-value strong.logo-gradient-number>small{letter-spacing:0}