.hero-banner{align-items:center;background:transparent;box-sizing:border-box;display:flex;font-family:Roboto,Arial,sans-serif;justify-content:center;padding:80px 30px;position:relative;width:100%}.hero-banner__content{margin:0 auto;max-width:900px;opacity:0;position:relative;text-align:center;transform:translateY(20px);transition:opacity .8s ease,transform .8s ease;z-index:1}.hero-banner__content.is-visible{opacity:1;transform:translateY(0)}.hero-banner__heading{font-family:Roboto,Arial,sans-serif;font-size:40px;font-weight:500;line-height:1.2;margin:0 0 20px}.hero-banner__subheading{font-family:Roboto,Arial,sans-serif;font-size:18px;font-weight:400;line-height:1.5;margin:0 0 36px}.hero-banner__buttons{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:center}.hero-banner__button{align-items:center;border:1px solid transparent;display:inline-flex;font-family:Roboto,Arial,sans-serif;font-size:16px;font-weight:500;gap:10px;letter-spacing:1.5px;padding:18px 40px;text-decoration:none;text-transform:uppercase;transition:opacity .2s ease,transform .2s ease}.hero-banner__button:hover{opacity:.9;transform:translateY(-2px)}.hero-banner__button--secondary{background-color:transparent;border:1px solid #fff;color:#fff}.hero-banner__arrow{flex-shrink:0}@media (prefers-reduced-motion:reduce){.hero-banner__content{opacity:1;transform:none;transition:none}}@media (max-width:991px){.hero-banner{padding:64px 25px}.hero-banner__heading{font-size:34px}.hero-banner__subheading{font-size:18px}}@media (max-width:767px){.hero-banner{padding:48px 20px}.hero-banner__heading{font-size:28px;line-height:1.2}.hero-banner__subheading{font-size:16px;margin-bottom:28px}.hero-banner__button{font-size:16px;padding:14px 28px}.hero-banner__buttons{gap:12px;margin-bottom:24px}}