:root{color-scheme:dark;font-family:Arial,Helvetica,sans-serif;background:#030613;color:#fff}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;width:100%}
body{background:#030613}
.teaser{position:relative;display:grid;place-items:center;min-height:100svh;padding:48px 24px 16vh;text-align:center;overflow:hidden;background:url('expectativa.jpg') center bottom/cover no-repeat}
.teaser::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(3,6,19,.1),transparent 65%,rgba(3,6,19,.08));pointer-events:none}
.announcement{position:relative;width:min(1080px,100%);animation:enter 1.3s ease both}
.brands{display:flex;align-items:center;justify-content:center;gap:clamp(26px,5vw,68px)}
.brands img{display:block;object-fit:contain;max-width:100%}
.lg{width:clamp(92px,14vw,190px);height:auto}
.sistasa{width:clamp(150px,25vw,340px);height:auto}
.cross{font-family:Arial,sans-serif;font-weight:200;font-size:clamp(28px,4vw,54px);color:#c2c8df;line-height:1}
.line{height:1px;width:76px;margin:clamp(40px,7vh,68px) auto clamp(28px,4vh,42px);background:linear-gradient(90deg,#477bff,#bc7abb,#e06a83)}
h1{margin:0;text-transform:uppercase;font-size:clamp(28px,5.5vw,76px);font-weight:300;line-height:1.15;letter-spacing:.13em;text-indent:.13em;text-wrap:balance;text-shadow:0 3px 30px rgba(0,0,0,.35)}
h1 span{display:block;font-size:.42em;letter-spacing:.45em;text-indent:.45em;margin-bottom:20px;color:#cdd2e0;font-weight:400}
@keyframes enter{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:none}}
@media(max-width:500px){.teaser{padding:40px 20px 14vh;background-size:auto 100%;background-position:center bottom}.brands{gap:20px}.lg{width:88px}.sistasa{width:148px}.cross{font-size:27px}h1{font-size:clamp(24px,7.4vw,37px);letter-spacing:.075em;text-indent:.075em}h1 span{font-size:.48em}.line{margin:42px auto 30px}}
@media(prefers-reduced-motion:reduce){.announcement{animation:none}}