/* Homepage Banner only: latest Figma 659:9042 and updated local video. */
#app .refhero{height:clamp(460px,47.916667vw,920px);min-height:0;background:#141e32;background-position:center;background-size:cover}
#app .refhero video{inset:0;width:100%;height:100%;object-fit:cover;object-position:center;filter:none}
#app .refhero::after{display:block;inset:0;background:rgba(3,20,43,.06);pointer-events:none}
#app .refhero .hero-caption{position:absolute;top:20%;left:50%;right:auto;bottom:auto;transform:translateX(-50%);width:calc(100% - 80px);max-width:1604px;text-align:center;display:flex;flex-direction:column;align-items:center;z-index:5}
#app .refhero .hero-caption h1{margin:0;font-size:60px;line-height:84px;font-weight:700;letter-spacing:0;text-wrap:balance;color:#0a0a0d}
#app .refhero .hero-caption .hero-benefits{max-width:650px;margin:16px 0 30px;font-size:18px;line-height:27px;font-weight:400;color:#2b2c33;opacity:1;text-align:center}
#app .refhero .hero-product-link{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 24px;margin:0;background:var(--yc-light-primary);color:white;font-size:14px;line-height:22px;font-weight:700;border-radius:999px}
#app .refhero .hero-product-link:hover{background:var(--yc-light-hover)}
#app .refhero .hero-product-link:focus-visible{outline:2px solid #fff;outline-offset:4px}
@media(max-width:1200px){#app .refhero .hero-caption h1{font-size:44px;line-height:62px}}
@media(max-width:767px){
 #app .refhero{height:70svh;min-height:480px;max-height:620px}
 #app .refhero video{object-position:50% center}
 #app .refhero .hero-caption{top:17%;width:calc(100% - 40px)}
 #app .refhero .hero-caption h1{font-size:32px;line-height:48px}
 #app .refhero .hero-caption .hero-benefits{font-size:15px;line-height:24px;margin:16px 0 26px}
}

#app .refhero .hero-caption h1 span{display:inline}
#app .refhero .hero-benefits em{color:#e60615;font-style:normal}
@media(max-width:767px){#app .refhero .hero-caption h1 span{display:block;white-space:nowrap}html[lang=en] #app .refhero .hero-caption h1{font-size:28px;line-height:42px}html[lang=en] #app .refhero .hero-caption h1 span{white-space:normal}}

body.at-about header.home-top{background:rgb(0 0 0 / 24%)}
body.at-home header.home-top{background:rgb(0 0 0 / 16%)}