@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Space+Grotesk:wght@500;600;700&display=swap');
.hero.hero--risk::before { transform: scaleX(-1); opacity: .7; background-position: center; }
*{box-sizing:border-box}html{background:#080808}body{margin:0;background:#080808;color:#fff;font-family:Inter,Arial,sans-serif}.top{min-height:76px;padding:0 clamp(1.25rem,4vw,4rem);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #292929}.top img{width:clamp(150px,13vw,190px);display:block;mix-blend-mode:screen}.top a{color:#f2f2f2;text-decoration:none;text-transform:uppercase;font-size:.82rem;font-weight:600;letter-spacing:.13em}.top>a:last-child{min-height:48px;padding:0 20px;display:inline-flex;align-items:center;border:1px solid #555;transition:background .2s ease,color .2s ease}.top>a:last-child:hover,.top>a:last-child:focus-visible{background:#fff;color:#090909;outline:0}.hero{position:relative;isolation:isolate;padding:clamp(5rem,12vw,10rem) 1.5rem clamp(4rem,8vw,7rem);background:linear-gradient(125deg,#111,#050505);overflow:hidden}.hero::before{content:"";position:absolute;z-index:-2;inset:0;background:var(--hero-image,none) center/cover no-repeat;opacity:.45;filter:grayscale(.3) contrast(1.05)}.hero::after{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,rgba(5,5,5,.95) 0%,rgba(5,5,5,.75) 50%,rgba(5,5,5,.54) 100%)}.hero__inner,.content{width:min(100%,1080px);margin:auto}.eyebrow{margin:0 0 1.4rem;color:#ddd;font-size:.72rem;font-weight:600;letter-spacing:.17em}.hero h1{max-width:850px;margin:0;font-family:"Space Grotesk",Inter,sans-serif;font-size:clamp(3.2rem,7vw,7rem);font-weight:600;line-height:.95;letter-spacing:-.07em}.hero p:last-child{max-width:630px;margin:2rem 0 0;color:#e0e0e0;font-size:clamp(1rem,1.4vw,1.18rem);line-height:1.7}.content{padding:clamp(4rem,8vw,7rem) 1.5rem}.content h2{margin:0 0 2.5rem;font-family:"Space Grotesk",Inter,sans-serif;font-size:clamp(2.25rem,4vw,4.2rem);line-height:1;letter-spacing:-.055em}.service-list{border-top:1px solid #444}.service-list article{padding:1.5rem 0;border-bottom:1px solid #444;display:grid;grid-template-columns:42px 1fr;gap:1rem}.service-list span{color:#aaa;font-size:.72rem;letter-spacing:.12em}.service-list h3{margin:0 0 .55rem;font-family:"Space Grotesk",Inter,sans-serif;font-size:clamp(1.35rem,2vw,1.8rem);line-height:1.1}.service-list p{max-width:700px;margin:0;color:#bdbdbd;line-height:1.65}.pre-cta{padding:clamp(3.5rem,6vw,5rem) 1.5rem;background:#121212;border-top:1px solid #333}.pre-cta__inner{width:min(100%,850px);margin:auto;text-align:center}.pre-cta h2{margin:0 0 1rem;font-family:"Space Grotesk",Inter,sans-serif;font-size:clamp(2.2rem,4.4vw,4.2rem);line-height:1;letter-spacing:-.055em}.pre-cta p{max-width:650px;margin:auto;color:#c9c9c9;font-size:1.05rem;line-height:1.7}.cta{padding:clamp(4.5rem,8vw,7rem) 1.5rem;background:#e8e8e5;color:#090909;text-align:center}.cta h2{max-width:850px;margin:0 auto 2rem;font-family:"Space Grotesk",Inter,sans-serif;font-size:clamp(2.4rem,5vw,5rem);line-height:1;letter-spacing:-.06em}.cta a{display:inline-flex;padding:18px 27px;background:#090909;color:#fff;text-decoration:none;text-transform:uppercase;font-size:.72rem;font-weight:600;letter-spacing:.08em}@media(max-width:600px){.top{min-height:68px}.top a{font-size:.65rem}.top>a:last-child{min-height:44px;padding:0 14px}.hero h1{font-size:clamp(3rem,14vw,4.5rem)}.hero::after{background:linear-gradient(90deg,rgba(5,5,5,.95),rgba(5,5,5,.68))}.content{padding-inline:1.25rem}}
/* Supporting copy on all four solution pages. */
.top a { color: #fff; font-size: .9rem; letter-spacing: .09em; }
.eyebrow { color: #ffffff; font-size: .84rem; line-height: 1.5; }
.hero p:last-child { color: #ffffff; font-size: clamp(1.08rem, 1.5vw, 1.26rem); }
.service-list span { color: #f2f2f2; font-size: .84rem; font-weight: 500; }
.service-list p { color: #f2f2f2; font-size: 1.08rem; line-height: 1.7; }
.pre-cta p { color: #f5f5f5; font-size: 1.13rem; }
.cta a { font-size: .82rem; line-height: 1.5; }
@media (max-width: 600px) {
  .top a { font-size: .76rem; letter-spacing: .065em; }
  .top > a:last-child { padding-inline: 12px; text-align: center; }
  .top { padding-inline: 1rem; gap: .75rem; }
  .top img { width: clamp(110px, 32vw, 150px); }
  .top > a:last-child { flex-shrink: 0; }
  .hero h1 { font-size: clamp(2.125rem, 9.5vw, 3.5rem); line-height: 1.06; letter-spacing: -.045em; text-wrap: balance; }
  .content h2, .pre-cta h2, .cta h2 { font-size: clamp(1.875rem, 8vw, 2.75rem); line-height: 1.12; text-wrap: balance; }
  .service-list article { grid-template-columns: 1fr; gap: .65rem; }
  .service-list h3, .hero p, .service-list p, .pre-cta p { text-wrap: pretty; }
  .cta a { max-width: 100%; padding-inline: 18px; }
}

/* Wordmark sem bloco de fundo e sempre contido no cabeçalho. */
.top > a:first-child { width: clamp(180px, 17vw, 220px); height: 40px; display: inline-flex; align-items: center; overflow: hidden; }
.top > a:first-child img { display: none; }
.top > a:first-child { position: relative; }
.top > a:first-child::after { content: ""; position: absolute; top: 50%; left: 0; width: 100%; aspect-ratio: 1940 / 810; background: #fff; mask-image: url('assets/empirix-marca-oficial.png'); mask-mode: luminance; mask-size: 100% 100%; mask-repeat: no-repeat; transform: translateY(-47%) scale(1.08); transform-origin: center; }
@media(max-width:600px){ .top > a:first-child { width: clamp(145px, 38vw, 180px); height: 34px; flex-shrink: 1; } .top > a:last-child { white-space: nowrap; } }

.cta a { border: 1px solid #090909; transition: background .25s ease, color .25s ease, transform .25s ease; }
.cta a:hover, .cta a:focus-visible { background: transparent; color: #090909; transform: translateY(-3px); outline: 0; }