.hero--rotulo { container-type: inline-size; grid-template-columns: minmax(0, 1fr); background: #071d49; --t0: .25s; }
.hero--rotulo::after { content: none; }
.hero--rotulo .hero__content { width: 100%; max-width: none; padding: calc(var(--header-h) + 28px) var(--gutter) clamp(150px, 19vh, 190px); will-change: transform, opacity; }
.hero--rotulo .eyebrow { margin-bottom: clamp(30px, 4.6vh, 54px); }
.rt-wall { position: absolute; inset: 0; z-index: -1; overflow: hidden; pointer-events: none; background: #071d49; }
.rt-pool { position: absolute; left: 0; top: 0; width: 700px; height: 700px; margin: -350px 0 0 -350px; border-radius: 50%; background: radial-gradient(closest-side, rgba(124, 156, 228, .3), rgba(110, 144, 222, .24) 12%, rgba(96, 132, 216, .15) 28%, rgba(86, 122, 210, .078) 45%, rgba(78, 114, 204, .034) 62%, rgba(72, 106, 196, .009) 80%, rgba(70, 104, 192, 0)); will-change: transform; transform: translate3d(30vw, 30vh, 0); }
.rt { --fs: min(88px, 5.1cqi, calc((100cqi - 2 * var(--gutter)) / (var(--wd) + .4))); font-size: var(--fs); }
.rt .rt-bd { display: inline; }
.rt .rt-bm { display: none; }
@container (max-width: 899px) {
  .rt { --fs: min(56px, calc((100cqi - 2 * var(--gutter)) / (var(--wm) + .3))); }
  .rt .rt-bd { display: none; }
  .rt .rt-bm { display: inline; }
}
.rt { position: relative; display: grid; width: max-content; max-width: 100%; margin: 0 auto; font-family: var(--sans); font-weight: 600; line-height: 1.16; letter-spacing: -.015em; text-align: center; font-kerning: normal; font-synthesis: none; pointer-events: none; -webkit-user-select: none; user-select: none; }
.rt > * { position: relative; grid-area: 1 / 1; margin: 0; font: inherit; letter-spacing: inherit; line-height: inherit; text-wrap: wrap; }
.rt .w { display: inline-block; }
.rt .c { --d: calc(var(--t0) + var(--j) * 24ms); }
.rt__far, .rt__sh, .rt__near, .rt__disp { color: transparent; }
.rt__far { will-change: transform, opacity; }
.rt__near { will-change: transform, opacity; }
.rt__disp { mix-blend-mode: plus-lighter; will-change: transform; }
.rt__sh { will-change: transform, opacity; }
.rt__sh--1 { opacity: .8; }
.rt__sh--2 { opacity: .2; }
.rt__face { will-change: transform; }
.rt__face { color: #f7f9ff; }
@supports ((-webkit-background-clip: text) or (background-clip: text)) {
  .rt__face .c { color: transparent; -webkit-text-fill-color: transparent; background: linear-gradient(180deg, #ffffff 12%, #eef2fb 88%) 0 0 / 100% 100% no-repeat; -webkit-background-clip: text; background-clip: text; }
}
.rt__far .w { text-shadow:
  0 .012em .22em rgba(96, 176, 236, calc(.148 * var(--k, 1))),
  0 .028em .42em rgba(70, 118, 226, calc(.111 * var(--k, 1))),
  0 .05em .8em rgba(118, 84, 212, calc(.082 * var(--k, 1))); }
.rt__near .w { text-shadow:
  0 0 .03em rgba(255, 238, 214, calc(.23 * var(--k, 1))),
  0 0 .062em rgba(255, 200, 164, calc(.221 * var(--k, 1))),
  0 .004em .12em rgba(206, 196, 232, calc(.164 * var(--k, 1))); }
.rt__disp .w { text-shadow:
  0 .005em .13em rgba(50, 220, 240, calc(.172 * var(--k, 1))),
  0 .016em .28em rgba(60, 150, 250, calc(.098 * var(--k, 1))),
  0 .04em .54em rgba(170, 84, 236, calc(.074 * var(--k, 1))); }
.rt { --sh-dir: 1; }
.rt__sh--1 { text-shadow: 0 0 .04em rgba(1, 6, 22, .3); }
.rt__sh--2 { text-shadow: 0 0 .12em rgba(1, 6, 22, .22); }
.js:not(.rm) .rt .c { animation: rt-led .45s linear var(--d) both; }
.js:not(.rm) :is(.rt__far, .rt__disp, .rt__sh--2) .c { animation: none; }
.js:not(.rm) :is(.rt__far, .rt__disp, .rt__sh--2) .w { animation: rt-led-w calc(.45s + (var(--jn) - 1) * 24ms) linear calc(var(--t0) + var(--j0) * 24ms) both; }
.js:not(.rm) .hero--rotulo:not(.is-lit) :is(.rt__far, .rt__disp, .rt__sh--2) .w { will-change: opacity; }
.js:not(.rm) .hero--rotulo.is-lit .rt :is(.c, .w) { animation: none; }
.js:not(.rm) .rt-pool { animation: rt-fade 1.4s cubic-bezier(.3, 0, .2, 1) calc(var(--t0) + var(--n, 60) * 24ms) both; }
.js:not(.rm) .hero--rotulo:not(.is-go) :is(.rt .c, .rt .w, .rt-pool) { animation-play-state: paused; }
@keyframes rt-led {
  0% { opacity: .002; animation-timing-function: cubic-bezier(.5, 0, .8, .7); }
  70% { opacity: .975; animation-timing-function: cubic-bezier(.25, .5, .4, 1); }
  100% { opacity: 1; }
}
@keyframes rt-led-w {
  0% { opacity: .002; animation-timing-function: cubic-bezier(.5, 0, .8, .7); }
  70% { opacity: .975; animation-timing-function: cubic-bezier(.25, .5, .4, 1); }
  100% { opacity: 1; }
}
@keyframes rt-fade { from { opacity: 0; } }
@media (prefers-reduced-motion: reduce) {
  .rt__sh, .rt-pool, .rt__far, .rt__near, .rt__disp, .rt__face { will-change: auto; }
}
