@media (min-width: 1024px) {
    .hero-nav__block {
        display: flex;
    }

    .hero-menu-btn {
        display: none;
    }
}

@media (max-width: 1024px) {
  .section-slider__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .section-slider__card--tall {
    grid-row: span 1;
  }

  .rp-installations__grid {
    grid-template-columns: 1fr;
  }

  .rp-installations__image img {
    min-height: 260px;
  }

  .rp-integrations__grid {
    grid-template-columns: 1fr;
  }

  .rp-integrations__visual img {
    min-height: 240px;
  }

  .rp-broadcast__grid {
    grid-template-columns: 1fr;
  }

  .rp-broadcast__visual img {
    min-height: 240px;
  }

  .rp-ops__panel {
    grid-template-columns: 1fr;
  }

  .rp-ops__app-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .section-tech__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .home-performance__grid {
    grid-template-columns: 1fr;
  }

  .site-footer__cta {
    grid-template-columns: 1fr;
  }

  .site-footer__lower {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 768px) {

  .hero {
    padding: 16px;
  }

  .hero-inner {
    min-height: auto;
    padding-bottom: 48px;
  }

  .hero-main {
    display: grid;
    align-items: start;
    margin-top: 30px;
  }

  .hero-right {
    order: 1;
  }

  .hero-left {
    order: 2;
  }

  .hero-horse {
    width: 100%;
    height: auto;
  }

  .hero-horse-img {
    height: auto;
  }

  .hero-slider {
    width: 100%;
    max-width: 343px;
  }

  .section-white {
    padding: 64px 20px 72px;
  }

  .section-white__head {
    margin-bottom: 32px;
  }

  .section-white__subtitle {
    font-size: 40px;
    line-height: 48px;
  }

  .section-white__title {
    font-size: 40px;
    line-height: 48px;
  }

  .section-white__content {
    font-size: 16px;
    line-height: 24px;
  }

  .section-tech {
    padding: 70px 20px 90px;
  }

  .section-tech__head {
    display: contents;
  }

  .section-tech__inner {
    display: flex;
    flex-direction: column;
    gap: 16px;
  }

  .section-tech__head > div {
    order: 1;
  }

  .section-tech__title {
    font-size: 40px;
    line-height: 46px;
  }

  .section-tech__grid {
    order: 2;
    display: block;
  }

  .section-tech__pagination {
    order: 3;
    display: flex;
  }

  .section-tech__cta {
    order: 4;
    align-self: center;
    margin-top: 50px;
  }

  .section-tech__card {
    margin-top: 0;
    display: none;
  }

  .section-tech__card--tv {
    margin-top: 0;
    margin-bottom: 0;
  }

  .section-tech__card.is-active {
    display: flex;
  }

  .home-performance {
    padding: 70px 20px 90px;
  }

  .home-performance__title {
    font-size: 36px;
    line-height: 42px;
  }

  .home-performance__copy {
    font-size: 16px;
    line-height: 24px;
  }

  .home-performance__stats h3 {
    font-size: 28px;
    line-height: 34px;
  }

  .home-performance__stats-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .home-performance__stat-value {
    font-size: 32px;
    line-height: 36px;
  }

  .home-performance__stat-label {
    font-size: 15px;
    line-height: 20px;
  }

  .home-performance__grid {
    display: flex !important;
    flex-direction: column;
  }

  .home-performance__card {
    order: 0 !important;
  }

  .home-performance__media:first-of-type {
    order: 2 !important;
  }

  .home-performance__stats {
    order: 1 !important;
  }

  .home-performance__media:nth-of-type(2) {
    order: 4 !important;
  }

  .site-footer {
    padding: 70px 20px 50px;
  }

  .site-footer__cta {
    padding: 24px;
  }

  .site-footer__cta-content h2 {
    font-size: 34px;
    line-height: 40px;
  }

  .site-footer__form {
    padding: 20px;
  }

  .site-footer__newsletter-form {
    grid-template-columns: 1fr;
  }

  .site-footer__newsletter-form button {
    width: 100%;
  }

  .site-footer__submit {
    width: 100%;
  }

  .site-footer__brand {
    text-align: center;
    align-items: center;
  }

  .site-footer__logo {
    justify-content: center;
  }

  .site-footer__logo img {
    display: block;
    margin: 0 auto;
  }

  .site-footer__socials {
    justify-content: center;
  }

  .rp-installations__title {
    font-size: 36px;
    line-height: 42px;
  }

  .rp-installations__subtitle {
    font-size: 16px;
    line-height: 24px;
  }

  .rp-installations__card {
    padding: 24px;
  }

  .rp-installations__item {
    font-size: 16px;
    line-height: 22px;
  }

  .rp-installations__note {
    font-size: 15px;
    line-height: 22px;
  }

  .rp-installations__pills {
    gap: 8px;
  }

  .rp-integrations__title {
    font-size: 36px;
    line-height: 42px;
  }

  .rp-integrations__subtitle {
    font-size: 16px;
    line-height: 24px;
  }

  .rp-integrations__card {
    padding: 24px;
  }

  .rp-integrations__item {
    font-size: 16px;
    line-height: 22px;
  }

  .rp-integrations__note {
    font-size: 15px;
    line-height: 22px;
  }

  .rp-broadcast__title {
    font-size: 36px;
    line-height: 42px;
  }

  .rp-broadcast__subtitle {
    font-size: 16px;
    line-height: 24px;
  }

  .rp-broadcast__card {
    padding: 24px;
  }

  .rp-broadcast__item {
    font-size: 16px;
    line-height: 22px;
  }

  .rp-broadcast__note {
    font-size: 15px;
    line-height: 22px;
  }

  .rp-ops__title {
    font-size: 36px;
    line-height: 42px;
  }

  .rp-ops__subtitle {
    font-size: 16px;
    line-height: 24px;
  }

  .rp-ops__panel {
    padding: 24px;
  }

  .rp-ops__panel-right {
    padding: 20px;
  }

  .rp-ops__item {
    font-size: 16px;
    line-height: 22px;
  }

  .rp-ops__statement {
    padding: 24px;
    font-size: 20px;
    line-height: 28px;
  }

  .rp-statement {
    padding: 28px;
    font-size: 18px;
    line-height: 24px;
  }

  .tech-layer {
    padding-bottom: 72px;
  }

  .tech-layer__head {
    margin-bottom: 28px;
  }

  .tech-layer__category {
    font-size: 14px;
    letter-spacing: 0.14em;
  }

  .tech-layer__title {
    font-size: 32px;
    line-height: 38px;
  }

  .tech-layer__lead {
    font-size: 16px;
    line-height: 24px;
  }

  .tech-layer__grid {
    grid-template-columns: 1fr;
  }

  .tech-layer__card {
    padding: 24px;
  }

  .tech-layer__card-title {
    font-size: 20px;
    line-height: 26px;
  }

  .tech-layer__card-body {
    font-size: 16px;
    line-height: 22px;
  }

  .tech-layer__note {
    font-size: 15px;
    line-height: 22px;
  }

  .section-apps {
    padding-bottom: 72px;
  }

  .section-apps__head {
    margin-bottom: 28px;
  }

  .section-apps__title {
    font-size: 36px;
    line-height: 40px;
  }

  .section-apps__subtitle {
    font-size: 16px;
    line-height: 24px;
  }

  .race-intel {
    padding-bottom: 72px;
  }

  .race-intel__head {
    margin-bottom: 24px;
  }

  .race-intel__title {
    font-size: 36px;
    line-height: 40px;
    color: #002f5d;
  }

  .race-intel__subtitle {
    font-size: 16px;
    line-height: 24px;
    color: #787878;
  }

  .race-intel__panel {
    padding: 24px;
    padding-bottom: clamp(200px, 45vw, 260px);
  }

  .race-intel__panel::after {
    background-position: center bottom;
  }

  .race-intel__panel-head {
    font-size: 18px;
    line-height: 24px;
  }

  .race-intel__item {
    font-size: 15px;
    line-height: 20px;
  }

  .race-intel__note {
    font-size: 16px;
    line-height: 22px;
  }

  .race-pace__head {
    margin-bottom: 24px;
  }

  .race-pace__title {
    font-size: 36px;
    line-height: 40px;
    font-weight: 700;
    letter-spacing: 0;
    color: #002f5d;
  }

  .race-pace__subtitle {
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    letter-spacing: 0;
    color: #787878;
  }

  .race-pace__grid {
    grid-template-columns: 1fr;
    gap: 24px;
  }

  .race-pace__cards {
    order: 2;
  }

  .race-pace__media {
    order: 1;
    border-radius: 28px;
  }

  .race-pace__card {
    padding: 20px;
    border-radius: 24px;
  }

  .race-pace__card-title {
    font-size: 20px;
    line-height: 24px;
    font-weight: 600;
    letter-spacing: 0;
  }

  .race-pace__list li {
    font-size: 15px;
    line-height: 20px;
  }

  .race-pace__note {
    font-size: 18px;
    line-height: 24px;
    font-weight: 400;
    letter-spacing: 0;
    color: #787878;
  }

  .tech-pipeline__head {
    max-width: none;
  }

  .tech-pipeline__title {
    font-size: 36px;
    line-height: 42px;
  }

  .tech-pipeline__subtitle {
    font-size: 16px;
    line-height: 22px;
  }

  .tech-pipeline__grid {
    grid-template-columns: 1fr;
    gap: 24px;
  }

  .tech-pipeline__media {
    order: 1;
  }

  .tech-pipeline__media img {
    border-radius: 28px;
  }

  .tech-pipeline__panel {
    order: 2;
    padding-left: 20px;
  }

  .tech-pipeline__panel::before {
    width: 2px;
  }

  .tech-pipeline__panel-title {
    font-size: 28px;
    line-height: 32px;
  }

  .tech-pipeline__list li {
    font-size: 16px;
    line-height: 22px;
  }

  .tech-pipeline__note {
    font-size: 16px;
    line-height: 22px;
  }

  .tech-visual__head {
    max-width: none;
  }

  .tech-visual__category {
    font-size: 18px;
    line-height: 24px;
    font-weight: 600;
    color: #3094d2;
  }

  .tech-visual__title {
    font-size: 36px;
    line-height: 40px;
  }

  .tech-visual__subtitle {
    font-size: 16px;
    line-height: 22px;
  }

  .tech-visual__grid {
    grid-template-columns: 1fr;
    gap: 24px;
  }

  .tech-visual__media {
    order: 1;
  }

  .tech-visual__media::after {
    right: -12px;
    top: 12px;
    border-radius: 60px;
  }

  .tech-visual__media img {
    border-radius: 28px;
  }

  .tech-visual__panel {
    order: 2;
    padding-left: 20px;
  }

  .tech-visual__panel::before {
    width: 2px;
  }

  .tech-visual__panel-title {
    font-size: 28px;
    line-height: 32px;
  }

  .tech-visual__list li {
    font-size: 16px;
    line-height: 22px;
  }

  .tech-visual__note {
    font-size: 16px;
    line-height: 22px;
  }

  .tech-integration__head {
    max-width: none;
  }

  .tech-integration__category {
    font-size: 18px;
    line-height: 24px;
  }

  .tech-integration__title {
    font-size: 36px;
    line-height: 40px;
  }

  .tech-integration__grid {
    grid-template-columns: 1fr;
    gap: 24px;
  }

  .tech-integration__media {
    order: 1;
  }

  .tech-integration__media img {
    border-radius: 28px;
  }

  .tech-integration__panel {
    order: 2;
    padding-left: 20px;
  }

  .tech-integration__panel::before {
    width: 2px;
  }

  .tech-integration__panel-title {
    font-size: 28px;
    line-height: 32px;
  }

  .tech-integration__panel-subtitle {
    font-size: 28px;
    line-height: 32px;
  }

  .tech-integration__list li {
    font-size: 16px;
    line-height: 22px;
  }

  .tech-integration__note {
    font-size: 16px;
    line-height: 22px;
  }

  .tech-summary__card {
    padding: 32px 24px;
    border-radius: 28px;
  }

  .tech-summary__logo {
    width: 140px;
    margin-bottom: 16px;
  }

  .tech-summary__text {
    font-size: 20px;
    line-height: 28px;
  }

  .race-position__inner {
    gap: 28px;
  }

  .race-position__title {
    font-size: 36px;
    line-height: 40px;
  }

  .race-position__subtitle {
    font-size: 16px;
    line-height: 24px;
  }

  .race-position__grid {
    grid-template-columns: 1fr;
    gap: 24px;
  }

  .race-position__media img {
    border-radius: 28px;
  }

  .race-position__panel {
    padding-left: 20px;
  }

  .race-position__panel::before {
    width: 2px;
  }

  .race-position__panel-title {
    font-size: 18px;
    line-height: 24px;
  }

  .race-position__list li {
    font-size: 16px;
    line-height: 22px;
  }

  .race-position__note {
    font-size: 16px;
    line-height: 24px;
  }

  .race-change__inner {
    gap: 28px;
  }

  .race-change__title {
    font-size: 36px;
    line-height: 40px;
  }

  .race-change__subtitle {
    font-size: 16px;
    line-height: 24px;
  }

  .race-change__grid {
    grid-template-columns: 1fr;
    gap: 24px;
  }

  .race-change__panel {
    order: 2;
  }

  .race-change__media {
    order: 1;
  }

  .race-change__panel {
    padding-left: 18px;
  }

  .race-change__panel::before {
    width: 2px;
  }

  .race-change__panel-title {
    font-size: 28px;
    line-height: 32px;
    font-weight: 600;
    letter-spacing: 0;
    color: #002f5d;
  }

  .race-change__list li {
    font-size: 16px;
    line-height: 22px;
  }

  .race-change__note {
    font-size: 16px;
    line-height: 24px;
  }

  .race-change__media::before {
    right: -6%;
    bottom: -10%;
    width: 64%;
    padding-bottom: 64%;
  }

  .race-change__media img {
    border-radius: 28px;
  }

  .race-identity__inner {
    gap: 28px;
  }

  .race-identity__title {
    font-size: 36px;
    line-height: 40px;
  }

  .race-identity__subtitle {
    font-size: 16px;
    line-height: 24px;
  }

  .race-identity__grid {
    grid-template-columns: 1fr;
    gap: 24px;
  }

  .race-identity__media img {
    border-radius: 28px;
  }

  .race-identity__panel {
    padding-left: 20px;
  }

  .race-identity__panel::before {
    width: 2px;
  }

  .race-identity__panel-title {
    font-size: 28px;
    line-height: 32px;
    font-weight: 600;
    letter-spacing: 0;
    color: #bee442;
  }

  .race-identity__list li {
    font-size: 16px;
    line-height: 22px;
  }

  .race-identity__note {
    font-size: 16px;
    line-height: 24px;
  }

  .race-assumptions__inner {
    gap: 28px;
  }

  .race-assumptions__title {
    font-size: 36px;
    line-height: 40px;
  }

  .race-assumptions__subtitle {
    font-size: 16px;
    line-height: 24px;
  }

  .race-assumptions__grid {
    grid-template-columns: 1fr;
    gap: 24px;
  }

  .race-assumptions__panel {
    order: 2;
  }

  .race-assumptions__media {
    order: 1;
  }

  .race-assumptions__panel {
    padding-left: 18px;
  }

  .race-assumptions__panel::before {
    width: 2px;
  }

  .race-assumptions__panel-title {
    font-size: 28px;
    line-height: 32px;
    font-weight: 600;
    letter-spacing: 0;
    color: #002f5d;
  }

  .race-assumptions__list li {
    font-size: 16px;
    line-height: 22px;
  }

  .race-assumptions__note {
    font-size: 15px;
    line-height: 20px;
    font-weight: 400;
    letter-spacing: 0;
    color: #333740;
  }

  .race-assumptions__media::before {
    right: -6%;
    bottom: -10%;
    width: 64%;
    padding-bottom: 64%;
  }

  .race-assumptions__media img {
    border-radius: 28px;
  }

  .race-language__inner {
    gap: 28px;
  }

  .race-language__title {
    font-size: 36px;
    line-height: 40px;
  }

  .race-language__subtitle {
    font-size: 16px;
    line-height: 24px;
  }

  .race-language__grid {
    grid-template-columns: 1fr;
    gap: 24px;
  }

  .race-language__media img {
    border-radius: 28px;
  }

  .race-language__panel {
    padding-left: 20px;
  }

  .race-language__panel::before {
    width: 2px;
  }

  .race-language__panel-title {
    font-size: 28px;
    line-height: 32px;
    font-weight: 600;
    letter-spacing: 0;
    color: #50ffad;
  }

  .race-language__list li {
    font-size: 16px;
    line-height: 22px;
  }

  .race-comprehension__card {
    padding: 40px 28px;
    border-radius: 28px;
  }

  .race-comprehension__logo img {
    height: 22px;
    margin-bottom: 16px;
  }

  .race-comprehension__title {
    font-size: 24px;
    line-height: 28px;
    font-weight: 700;
    letter-spacing: 0;
  }

  .race-comprehension__copy {
    font-size: 20px;
    line-height: 24px;
    font-weight: 400;
    letter-spacing: 0;
    color: #ffffff;
  }

  .section-apps__grid {
    grid-template-columns: 1fr;
  }

  .section-apps__media {
    min-height: 280px;
  }

  .section-apps__overlay {
    font-size: 18px;
    line-height: 24px;
    padding: 20px;
  }

  .section-apps__panel {
    padding: 20px;
  }

  .section-apps__list {
    gap: 20px;
  }

  .section-apps__item {
    font-size: 15px;
    line-height: 20px;
  }

  .section-apps__copy {
    font-size: 18px;
    line-height: 24px;
    font-weight: 600;
  }

  .section-slider__grid {
    grid-template-columns: 1fr;
  }

  .section-slider__card {
    min-height: auto;
    display: none;
  }

  .section-slider__card.is-active {
    display: flex;
  }

  .section-slider__pagination {
    display: flex;
  }

  .section-slider__card--tall {
    padding: 24px;
    border-radius: 28px;
  }

  .section-slider__icon {
    width: 72px;
    height: 72px;
    background-size: 34px 34px, cover;
    margin-bottom: 16px;
  }

  .section-slider__visual-img {
    width: 90%;
  }

  .section-slider__title {
    font-size: 28px;
    line-height: 32px;
  }

  .section-light__head {
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    margin-bottom: 24px;
  }

  .section-light__title {
    font-size: 36px;
    line-height: 40px;
    font-weight: 600;
  }

  .section-light__content {
    font-size: 16px;
    line-height: 24px;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
  }

  .section-light__panel {
    padding: 25px;
    padding-bottom: 258px;
  }

  .section-light__panel-item {
    font-size: 15px;
    line-height: 20px;
    font-weight: 600;
    min-height: 44px;
  }

  .section-dark {
    padding: 72px 16px 88px;
  }

  .section-dark__head {
    max-width: none;
  }

  .section-dark__title {
    font-size: 36px;
    line-height: 44px;
  }

  .section-dark__category {
    font-size: 18px;
    line-height: 22px;
  }

  .section-dark__content-row {
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
  }

  .section-dark__content {
    max-width: none;
  }

  .section-dark__content {
    font-size: 15px;
    line-height: 20px;
    letter-spacing: 0;
  }

  .section-list__controls {
    width: auto;
  }

  .section-list__arrow {
    display: none;
  }

  .section-list__cards {
    flex-direction: column;
    gap: 16px;
    overflow-x: visible;
    overflow-y: visible;
    padding-bottom: 0;
  }

  .section-list__card {
    width: 100%;
    height: auto;
    padding: 24px;
  }

  .section-list__card-meta {
    display: none;
  }

  .section-list__title {
    font-size: 28px;
    line-height: 32px;
    font-weight: 600;
    letter-spacing: 0;
  }

  .section-list__card p {
    font-size: 18px;
    line-height: 24px;
    font-weight: 400;
    letter-spacing: 0;
  }

  .radius-top-right {
    border-top-right-radius: 48px;
  }

  .radius-top-left {
    border-top-left-radius: 48px;
  }
}

@media (max-width: 768px) {
  .section-curve {
    border-top-left-radius: 32px;
    border-top-right-radius: 32px;
  }
}

@media (min-width: 1024px) {
  .mobile-menu {
    display: none;
  }

  .nav-lg-flex {
    display: flex;
  }

  .hero-menu-btn--lg-hidden {
    display: none;
  }

  .hero-main--lg {
    grid-template-columns: 1.05fr 1fr;
    align-items: center;
  }

  .hero-title--lg {
    font-size: 52px;
    line-height: 56px;
  }
}