#faz-consent,
#faz-consent * {
border-style: initial;
} .skip-link {
position: absolute;
top: -100%;
left: 1rem;
z-index: 9999;
padding: 0.75rem 1.5rem;
background: var(--c-accent);
color: var(--c-dark);
font-family: var(--f-ui);
font-weight: 700;
font-size: var(--text-base);
border-radius: var(--r-sm);
text-decoration: none;
transition: top var(--t);
}
.skip-link:focus {
top: 1rem;
outline: 2px solid var(--c-dark);
outline-offset: 2px;
} .sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0;
} .container {
width: 100%;
max-width: var(--container);
margin-inline: auto;
padding-inline: var(--pad-x);
} .section {
padding-block: var(--pad-section);
}
.section--bg-gray  { background-color: var(--c-gray); }
.section--bg-dark  { background-color: var(--c-dark); } .is-style-dark {
--blk-bg:      var(--dark-bg);
--blk-text:    var(--dark-text);
--blk-muted:   #94A3B8;
--blk-accent:  var(--dark-accent);
--blk-surface: #1A1A1A;
--blk-border:  #222222;
background-color: var(--blk-bg);
color: var(--blk-text);
}
.is-style-gray {
--blk-bg:      var(--gray-bg);
--blk-text:    var(--gray-text);
--blk-muted:   #64748B;
--blk-accent:  var(--gray-accent);
--blk-surface: #FFFFFF;
--blk-border:  #E8E8E8;
background-color: var(--blk-bg);
color: var(--blk-text);
}
.is-style-light {
--blk-bg:      var(--light-bg);
--blk-text:    var(--light-text);
--blk-muted:   #64748B;
--blk-accent:  var(--light-accent);
--blk-surface: #F4F4F4;
--blk-border:  #E8E8E8;
background-color: var(--blk-bg);
color: var(--blk-text);
} .eyebrow {
display: inline-flex;
align-items: center;
gap: 0.5rem;
font-family: var(--f-ui);
font-size: var(--text-xs);
font-weight: 700;
letter-spacing: 0.18em;
text-transform: uppercase;
color: var(--blk-accent, var(--c-eyebrow-on-light));
} .eyebrow--dark    { color: var(--blk-accent, var(--c-eyebrow-on-light)); }
.eyebrow--gray    { color: var(--blk-accent, var(--c-eyebrow-on-gray)); }
.eyebrow--accent  { color: var(--blk-accent, var(--c-eyebrow-on-dark)); }
.eyebrow--light   { color: var(--blk-accent, var(--c-eyebrow-on-dark)); }
.eyebrow--centered {
display: flex;
justify-content: center;
} .eyebrow__line {
display: block;
width: 1.25rem; height: 2px;
background-color: var(--blk-accent, var(--c-accent));
flex-shrink: 0;
}
.eyebrow__line--dark   { background-color: var(--blk-accent, var(--c-eyebrow-on-light)); }
.eyebrow__line--gray   { background-color: var(--blk-accent, var(--c-eyebrow-on-gray)); }
.eyebrow__line--accent { background-color: var(--blk-accent, var(--c-eyebrow-on-dark)); } .eyebrow__dot {
display: block;
width: 6px;
height: 6px;
border-radius: 50%;
background-color: var(--blk-accent, var(--c-dark));
flex-shrink: 0;
}
.eyebrow__dot--accent { background-color: var(--blk-accent, var(--c-eyebrow-on-dark)); } .section-title {
font-size: var(--text-7xl);
line-height: 1.08;
color: var(--blk-text, var(--c-dark));
}
.section-title--light { color: var(--blk-text, var(--c-white)); } .section-head {
display: flex;
align-items: flex-end;
justify-content: space-between;
gap: 2rem;
margin-bottom: 3.5rem;
}
.section-head--centered {
flex-direction: column;
align-items: center;
text-align: center;
gap: 0.75rem;
margin-bottom: 3rem;
}
.section-head__left {
display: flex;
flex-direction: column;
gap: 0.75rem;
} .btn {
display: inline-flex;
align-items: center;
gap: 0.5rem;
padding: 0.75rem 1.75rem;
border-radius: var(--r-sm);
font-family: var(--f-ui);
font-size: var(--text-base);
font-weight: 600;
line-height: 1;
text-decoration: none;
cursor: pointer;
transition: background-color var(--t), color var(--t), border-color var(--t), opacity var(--t);
white-space: nowrap;
text-transform: uppercase;
}
.btn:focus-visible {
outline: 2px solid var(--c-accent);
outline-offset: 3px;
} .btn--dark {
background-color: var(--c-dark);
color: var(--c-white);
border: 1px solid var(--c-dark);
}
.btn--dark:hover { opacity: 0.85; }
.btn--accent {
background-color: var(--blk-accent, var(--c-accent));
color: var(--blk-bg, var(--c-dark));
border: 1px solid var(--blk-accent, var(--c-accent));
font-weight: 700;
}
.btn--accent:hover { background-color: var(--blk-accent, var(--c-accent-hover)); border-color: var(--blk-accent, var(--c-accent-hover)); opacity: 0.88; }
.btn--gray {
background-color: var(--c-gray);
color: var(--c-dark);
border: 1px solid var(--c-gray-2);
}
.btn--gray:hover { background-color: var(--c-gray-2); }
.btn--light {
background-color: var(--c-white);
color: var(--c-dark);
border: 1px solid var(--c-white);
font-weight: 700;
}
.btn--light:hover { opacity: 0.9; }
.btn--outline-dark {
background-color: transparent;
color: var(--c-dark);
border: 1.5px solid var(--c-dark);
}
.btn--outline-dark:hover { background-color: var(--c-dark); color: var(--c-white); }
.btn--outline-light {
background-color: transparent;
color: var(--c-white);
border: 1px solid var(--c-dark-5);
}
.btn--outline-light:hover { border-color: var(--c-white); }
.btn--outline-on-dark {
background-color: var(--c-dark-3);
color: var(--c-white);
border: 1px solid var(--c-dark-5);
}
.btn--outline-on-dark:hover { border-color: var(--c-white); }
.btn--light-outlined {
background-color: var(--c-white);
color: var(--c-dark);
border: 1px solid var(--c-gray-2);
}
.btn--light-outlined:hover { background-color: var(--c-gray); }
.btn--full {
width: 100%;
justify-content: center;
} .btn--lg {
padding: 0.875rem 2.25rem;
font-size: var(--text-lg);
}  .sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border-width: 0;
} .text-center { text-align: center; } @media (max-width: 768px) {
.section-head {
flex-direction: column;
align-items: flex-start;
gap: 1.5rem;
margin-bottom: 2rem;
}
.section-title {
font-size: var(--text-5xl);
}
} .animate-on-scroll {
opacity: 0;
transform: translateY(20px);
transition: opacity 0.5s ease, transform 0.5s ease;
}
.animate-on-scroll.is-visible {
opacity: 1;
transform: translateY(0);
}
@media (prefers-reduced-motion: reduce) {
.animate-on-scroll {
opacity: 1;
transform: none;
transition: none;
}
} @media print {
.site-header,
.nav__hamburger,
.mobile-menu,
.hero__image,
.cta-final__right,
.footer__socials,
.btn {
display: none !important;
}
body {
font-size: 12pt;
color: #000;
background: #fff;
}
a::after {
content: ' (' attr(href) ')';
font-size: 0.85em;
color: #555;
}
}