.cbo-hero{position:relative;overflow:hidden;background:#b91c1c;color:#fff}.cbo-hero .hero-webgl{position:absolute;inset:0;z-index:0;display:block;width:100%;height:100%}.cbo-hero .hero-inner{padding-top:8.75rem;padding-bottom:3.125rem}.cbo-hero .inner-content{text-align:center}.cbo-hero .inner-content .hero-uptitle{margin:0 auto .625rem}.cbo-hero .inner-content .hero-title{color:#fff;margin-bottom:1.875rem}.cbo-hero .inner-content .hero-description{max-width:32.5rem;margin:0 auto 1.75rem}.cbo-hero .inner-content .hero-buttons{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem}.cbo-hero .inner-picture{margin:3.125rem auto 0;position:relative;width:21.875rem;aspect-ratio:358/722}.cbo-hero .inner-picture .phone-mockup{position:relative;width:100%;height:100%}.cbo-hero .inner-picture .phone-video{position:absolute;top:1.524%;right:5.307%;bottom:1.524%;left:5.307%;width:89.386%;height:96.952%;-o-object-fit:cover;object-fit:cover;border-radius:8%/4%;z-index:2}.cbo-hero .inner-picture .phone-frame{position:absolute;inset:0;z-index:1;width:100%;height:100%;pointer-events:none}@media (min-width:1024px){.cbo-hero{margin:1.25rem 1.25rem 0;border-radius:20px}.cbo-hero .hero-inner{display:flex;align-items:center;justify-content:space-between;gap:3.75rem}.cbo-hero .inner-content{text-align:left;max-width:40rem}.cbo-hero .inner-content .hero-uptitle{margin:0 0 .625rem}.cbo-hero .inner-content .hero-description{margin:0 0 2.125rem}.cbo-hero .inner-content .hero-buttons{justify-content:flex-start}.cbo-hero .inner-picture{width:40%;margin:0}}@media (min-width:1280px){.cbo-hero .hero-inner{padding-top:11.25rem;padding-bottom:6.25rem}.cbo-hero .inner-content{max-width:45.625rem}.cbo-hero .inner-picture{width:19.5rem}}