body.layout-refresh {
  background:
    linear-gradient(180deg, rgba(224, 242, 254, 0.92), rgba(248, 250, 252, 0.96) 42%, rgba(240, 249, 255, 0.92));
}

body.layout-refresh > section:first-of-type {
  padding-top: clamp(2.2rem, 4.8vw, 4.2rem);
  padding-bottom: clamp(2rem, 4vw, 3.8rem);
}

body.layout-refresh > section:first-of-type .row {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr);
  gap: clamp(1.2rem, 2.6vw, 2.2rem) !important;
  align-items: center !important;
}

body.layout-refresh > section:first-of-type .row > [class*="col-"] {
  width: 100%;
  max-width: 100%;
}

body.layout-refresh > section:first-of-type h1 {
  max-width: 640px;
  font-size: clamp(2rem, 3.7vw, 3.2rem);
  line-height: 1.12;
}

body.layout-refresh > section:first-of-type p,
body.layout-refresh > section:first-of-type .lead {
  max-width: 660px;
}

body.layout-refresh > section:first-of-type .hero-cta {
  justify-content: flex-start;
}

body.layout-refresh > section:first-of-type .hero-stats {
  max-width: 590px;
}

body.layout-refresh > section:first-of-type img,
body.layout-refresh > section:first-of-type .hero-img,
body.layout-refresh > section:first-of-type .hero-image {
  width: 100%;
  max-height: 350px;
  object-fit: cover;
}

body.layout-refresh > section:first-of-type .hero-img-wrap,
body.layout-refresh > section:first-of-type .hero-img-card,
body.layout-refresh > section:first-of-type .app-phone,
body.layout-refresh > section:first-of-type .phone-mockup,
body.layout-refresh > section:first-of-type .login-card,
body.layout-refresh > section:first-of-type .register-card {
  width: min(560px, 100%);
  margin-left: auto;
  margin-right: auto;
}

body.layout-refresh > section:not(:first-of-type):not(.cta-section) {
  position: relative;
  padding-top: clamp(2.6rem, 5vw, 4.8rem);
  padding-bottom: clamp(2.6rem, 5vw, 4.8rem);
  border-top: 1px solid rgba(14, 165, 233, 0.14);
}

body.layout-refresh > section:not(:first-of-type):not(.cta-section)::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: clamp(6px, 1vw, 12px);
  background: linear-gradient(180deg, rgba(56, 189, 248, 0.65), rgba(250, 204, 21, 0.42));
  opacity: 0.72;
}

body.layout-refresh > section:nth-of-type(2n+2):not(:first-of-type):not(.cta-section) {
  background: rgba(255, 255, 255, 0.82);
}

body.layout-refresh > section:nth-of-type(2n+3):not(:first-of-type):not(.cta-section) {
  background: linear-gradient(135deg, rgba(240, 249, 255, 0.96), rgba(226, 232, 240, 0.58));
}

body.layout-refresh > section:not(:first-of-type):not(.cta-section) > .container,
body.layout-refresh > section:not(:first-of-type):not(.cta-section) > .container-fluid {
  max-width: 1180px;
}

body.layout-refresh > section:not(:first-of-type):not(.cta-section) .text-center {
  text-align: left !important;
}

body.layout-refresh > section:not(:first-of-type):not(.cta-section) .mx-auto {
  margin-left: 0 !important;
}

body.layout-refresh > section:not(:first-of-type):not(.cta-section) .section-title,
body.layout-refresh > section:not(:first-of-type):not(.cta-section) h2 {
  letter-spacing: 0;
}

body.layout-refresh > section:not(:first-of-type):not(.cta-section) .section-subtitle {
  margin-left: 0;
  margin-right: 0;
  max-width: 760px;
}

body.layout-refresh .img-section,
body.layout-refresh .img-break {
  padding: clamp(1.3rem, 3vw, 2.2rem) 0 !important;
}

body.layout-refresh .img-section .container,
body.layout-refresh .img-break {
  max-width: 1040px;
}

body.layout-refresh .img-section img,
body.layout-refresh .img-break img {
  border-radius: 4px !important;
  max-height: 260px;
  object-fit: cover;
}

body.layout-refresh .content-section .content-block,
body.layout-refresh .article-section .content-block,
body.layout-refresh .article-section .article-content,
body.layout-refresh .privacy-section .content-card,
body.layout-refresh .terms-section .content-card,
body.layout-refresh .main-content-section .content-card {
  max-width: 1120px;
  margin-left: auto;
  margin-right: auto;
  border-left: 5px solid rgba(14, 165, 233, 0.65);
  border-radius: 6px !important;
}

body.layout-refresh .content-section .row.g-5,
body.layout-refresh .article-section .row.g-5,
body.layout-refresh .privacy-section .row.g-4,
body.layout-refresh .terms-section .row.g-4,
body.layout-refresh .main-content-section .row.g-4 {
  align-items: start;
}

body.layout-refresh .feature-card,
body.layout-refresh .game-card,
body.layout-refresh .promo-card,
body.layout-refresh .benefit-card,
body.layout-refresh .step-card,
body.layout-refresh .value-card,
body.layout-refresh .tier-card,
body.layout-refresh .rank-cat-card,
body.layout-refresh .category-card,
body.layout-refresh .match-card,
body.layout-refresh .review-card,
body.layout-refresh .testimonial-card,
body.layout-refresh .faq-card,
body.layout-refresh .tool-card,
body.layout-refresh .limit-card,
body.layout-refresh .highlight-card,
body.layout-refresh .stat-card,
body.layout-refresh .provider-card {
  border-radius: 6px !important;
}

@media (min-width: 992px) {
  body.layout-refresh > section:first-of-type .row {
    grid-template-columns: minmax(0, 0.92fr) minmax(380px, 0.78fr);
  }

  body.layout-refresh > section:first-of-type .row > [class*="col-"]:first-child {
    align-self: center;
  }

  body.layout-refresh > section:first-of-type .row > [class*="col-"]:last-child {
    align-self: center;
  }

  body.layout-refresh > section:first-of-type .hero-img-wrap,
  body.layout-refresh > section:first-of-type .hero-img-card,
  body.layout-refresh > section:first-of-type .app-phone,
  body.layout-refresh > section:first-of-type .phone-mockup,
  body.layout-refresh > section:first-of-type .login-card,
  body.layout-refresh > section:first-of-type .register-card {
    transform: none;
    justify-self: end;
  }

  body.layout-refresh > section:first-of-type .hero-img-wrap,
  body.layout-refresh > section:first-of-type .hero-img-card {
    max-width: 530px;
  }

  body.layout-refresh > section:first-of-type .app-phone,
  body.layout-refresh > section:first-of-type .phone-mockup,
  body.layout-refresh > section:first-of-type .login-card,
  body.layout-refresh > section:first-of-type .register-card {
    max-width: 480px;
  }

  body.layout-refresh > section:not(:first-of-type):not(.cta-section):nth-of-type(2n) .row > [class*="col-"]:first-child {
    transform: translateY(18px);
  }

  body.layout-refresh > section:not(:first-of-type):not(.cta-section):nth-of-type(2n+1) .row > [class*="col-"]:last-child {
    transform: translateY(18px);
  }

  body.layout-refresh .content-section .content-block,
  body.layout-refresh .article-section .content-block,
  body.layout-refresh .article-section .article-content {
    padding: clamp(1.6rem, 3vw, 2.4rem);
  }
}

@media (max-width: 991.98px) {
  body.layout-refresh > section:first-of-type .hero-cta {
    justify-content: flex-start;
  }

  body.layout-refresh > section:first-of-type h1,
  body.layout-refresh > section:first-of-type p,
  body.layout-refresh > section:first-of-type .lead {
    max-width: none;
  }

  body.layout-refresh > section:first-of-type .hero-img-wrap,
  body.layout-refresh > section:first-of-type .hero-img-card,
  body.layout-refresh > section:first-of-type .app-phone,
  body.layout-refresh > section:first-of-type .phone-mockup,
  body.layout-refresh > section:first-of-type .login-card,
  body.layout-refresh > section:first-of-type .register-card {
    margin-left: auto;
    margin-right: auto;
  }
}

@media (max-width: 575.98px) {
  body.layout-refresh > section:not(:first-of-type):not(.cta-section)::before {
    width: 5px;
  }

  body.layout-refresh > section:first-of-type img,
  body.layout-refresh > section:first-of-type .hero-img,
  body.layout-refresh > section:first-of-type .hero-image {
    max-height: 240px;
  }
}