.ms-inspector-badge,
.w-webflow-badge,
a.w-webflow-badge,
a[href*="webflow.com?utm_campaign=brandjs"],
img[alt="Made in Webflow"],
.wf-exact-home .ms-inspector-badge,
.wf-exact-home .w-webflow-badge,
.wf-exact-home memberstack-prebuilt-ui,
.wf-exact-home .promotion-labels-wrapper,
.wf-exact-home .promotion-label-left,
.wf-exact-home .promotion-label-right,
.wf-exact-home .promotion-label-more-templates,
.wf-exact-home .promotion-label-buy-this-template,
.wf-exact-home .w-dyn-empty {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

.wf-exact-home .navigation-menu {
  background: linear-gradient(90deg, rgba(0, 0, 0, .94), rgba(23, 9, 33, .92) 55%, rgba(117, 29, 202, .78)) !important;
  box-shadow: 0 0 48px rgba(184, 37, 240, .18) !important;
}

.wf-exact-home .nav-bg-cover-2 {
  opacity: 1 !important;
  background: linear-gradient(90deg, rgba(0, 0, 0, .15), rgba(184, 37, 240, .25)) !important;
}

.wf-exact-home .menu-button-5 {
  background: linear-gradient(135deg, #ff1df1, #872af0) !important;
}

.wf-exact-home .nav-line-white-2,
.wf-exact-home .line-white-2 {
  height: 2px !important;
  background-color: #fff !important;
  box-shadow: 0 0 16px rgba(255, 255, 255, .42) !important;
}

.wf-exact-home .hero-aura-top-blur {
  opacity: .35 !important;
}

.wf-exact-home .hero-aura-bottom-blur {
  opacity: .5 !important;
}

.wf-exact-home .card-gradient.inner {
  opacity: .3 !important;
}

.wf-exact-home .card-gradient.outer {
  opacity: .2 !important;
}

.wf-exact-home .game-card {
  perspective: 900px;
  transform-style: preserve-3d;
  transition: transform .5s cubic-bezier(.2, .75, .2, 1), filter .45s ease, box-shadow .45s ease;
  will-change: transform;
}

.wf-exact-home .card-inner-formation {
  perspective: 900px;
  transform-style: preserve-3d;
  transform-origin: center center;
  transition: transform .5s cubic-bezier(.2, .75, .2, 1), filter .45s ease, box-shadow .45s ease;
  will-change: transform, filter;
}

.wf-exact-home .game-card .card-inner,
.wf-exact-home .game-card .card-benefit-title,
.wf-exact-home .game-card .card-body-benefit {
  transition: transform .48s cubic-bezier(.2, .75, .2, 1), box-shadow .45s ease;
  transform-origin: center center;
  transform-style: preserve-3d;
  backface-visibility: hidden;
  will-change: transform;
}

.wf-exact-home .png-wrap {
  transition: transform .32s cubic-bezier(.2, .75, .2, 1), filter .32s ease;
  will-change: transform;
}

.wf-exact-home .game-card:hover {
  transform: perspective(850px) rotateX(var(--om-card-hover-rot-x, -2.2deg)) rotateY(var(--om-card-hover-rot-y, 8deg)) scale3d(1.012, 1.012, 1) !important;
  filter: brightness(1.09) drop-shadow(0 0 14px rgba(184, 37, 240, .24)) drop-shadow(0 0 30px rgba(87, 45, 246, .18));
}

.wf-exact-home .card-inner-formation:hover {
  transform: perspective(850px) rotateX(var(--om-card-hover-rot-x, -2.2deg)) rotateY(var(--om-card-hover-rot-y, 8deg)) scale3d(1.012, 1.012, 1) !important;
  filter: brightness(1.09) drop-shadow(0 0 14px rgba(184, 37, 240, .24)) drop-shadow(0 0 30px rgba(87, 45, 246, .18));
}

.wf-exact-home .benefit-grid.om-benefits-animated .game-card:hover,
.wf-exact-home .benefit-grid.om-benefits-animated .png-wrap:hover {
  animation-play-state: paused !important;
  transform: perspective(850px) rotateX(var(--om-card-hover-rot-x, -2.2deg)) rotateY(var(--om-card-hover-rot-y, 8deg)) scale3d(1.012, 1.012, 1) !important;
}

.wf-exact-home .png-wrap:hover {
  filter: drop-shadow(0 0 18px rgba(184, 37, 240, .28)) drop-shadow(0 0 36px rgba(87, 45, 246, .22));
}

.wf-exact-home .game-card:hover .card-inner {
  transform: translateZ(22px) scale3d(1.006, 1.006, 1) !important;
  box-shadow: 0 0 0 1px rgba(236, 187, 255, .16), inset 0 0 28px rgba(184, 37, 240, .08);
}

.wf-exact-home .game-card.om-card-live:hover .card-inner {
  box-shadow: 0 0 0 1px rgba(236, 187, 255, .18), inset 0 0 34px rgba(184, 37, 240, .1);
}

.wf-exact-home .game-card:hover .card-gradient.outer {
  opacity: .28 !important;
  filter: brightness(124%) saturate(78%) blur(11px);
}

.wf-exact-home .game-card .card-sheen {
  display: block !important;
  pointer-events: none;
  position: absolute !important;
  inset: -18% -42% !important;
  opacity: 0;
  transform: translate3d(-120%, 0, 0) rotate(8deg);
  transition: opacity .2s ease, transform .72s cubic-bezier(.2, .75, .2, 1);
  will-change: opacity, transform;
}

.wf-exact-home .game-card:hover .card-sheen {
  opacity: .16 !important;
  transform: translate3d(120%, 0, 0) rotate(8deg);
}

.wf-exact-home .loop-strip {
  z-index: 120 !important;
  width: 100vw !important;
  max-width: 100vw !important;
  height: 38px !important;
  margin: 0 !important;
  padding: 0 !important;
  position: absolute !important;
  inset: auto 0 0 0 !important;
  overflow: hidden !important;
  transform: none !important;
}

.wf-exact-home .hero-footer .aurora-stroke.footer {
  opacity: .56 !important;
  filter: saturate(82%) brightness(.78);
  transition: opacity .45s ease, filter .45s ease;
}

.wf-exact-home .hero-footer .hero-aurora-blur.footer {
  opacity: .26 !important;
  filter: blur(2.2em) saturate(74%) brightness(.72);
  transition: opacity .45s ease, filter .45s ease;
}

.wf-exact-home .hero-footer .hero-aurora-blur.footer.movable {
  opacity: .18 !important;
}

.wf-exact-home .hero-footer:hover .aurora-stroke.footer {
  opacity: .95 !important;
  filter: saturate(112%) brightness(1.05) drop-shadow(0 0 12px rgba(184, 37, 240, .3));
}

.wf-exact-home .hero-footer:hover .hero-aurora-blur.footer {
  opacity: .48 !important;
  filter: blur(2em) saturate(105%) brightness(1.02);
}

.wf-exact-home .hero-footer:hover .hero-aurora-blur.footer.movable {
  opacity: .36 !important;
}

.wf-exact-home {
  scroll-padding-top: 96px;
}

.wf-exact-home .two-section {
  padding-top: 18px;
}

.wf-exact-home .banner-002 {
  opacity: 1 !important;
  animation: om-hero-stage-in 1.1s cubic-bezier(.16, .82, .18, 1) .08s both;
}

.wf-exact-home .banner-002 .banner-description,
.wf-exact-home .banner-002 .hero-banner-title,
.wf-exact-home .banner-002 .hero-banner-title-02,
.wf-exact-home .banner-002 .h1-hero-title,
.wf-exact-home .banner-002 .button-link-wrapper,
.wf-exact-home .banner-002 .loop-small-item-game {
  opacity: 1 !important;
  animation: om-hero-soft-rise .95s cubic-bezier(.18, .78, .22, 1) both;
}

.wf-exact-home .banner-002 .banner-description {
  animation-delay: .22s;
}

.wf-exact-home .banner-002 .hero-banner-title,
.wf-exact-home .banner-002 .hero-banner-title-02,
.wf-exact-home .banner-002 .h1-hero-title {
  animation-delay: .36s;
}

.wf-exact-home .banner-002 .button-link-wrapper {
  animation-delay: .62s;
}

.wf-exact-home .banner-002 .loop-small-item-game {
  animation-delay: .78s;
}

.wf-exact-home .aura-banner-clip-wrap {
  inset: 73% 0% 0% !important;
  height: 70% !important;
}

.wf-exact-home .clip-stroke-circle-banner {
  transform: translate3d(0, 24px, 0) !important;
}

.wf-exact-home .banner-002 .banner-description.om-scroll-visible {
  animation: om-hero-text-breathe 5.6s ease-in-out 1.1s infinite both;
}

.wf-exact-home .banner-002 .hero-banner-title-02 {
  filter: none !important;
  -webkit-font-smoothing: antialiased;
  text-rendering: geometricPrecision;
}

.wf-exact-home .banner-002 .hero-banner-title-02.om-scroll-visible {
  animation: none !important;
  filter: none !important;
  transform: translate3d(0, 0, 0) !important;
}

.wf-exact-home .loop-small-item-game {
  opacity: 1 !important;
  transform: none !important;
  z-index: 8 !important;
  display: grid !important;
  pointer-events: none;
  width: 100% !important;
  height: 100% !important;
  min-height: 560px;
}

.wf-exact-home .game-banner-avatar-01,
.wf-exact-home .game-banner-avatar-02,
.wf-exact-home .game-banner-avatar-03 {
  opacity: var(--om-avatar-opacity, 0) !important;
  transform: var(--om-avatar-transform, translate3d(0, 18px, 0) scale3d(.72, .72, 1) rotate(-7deg)) !important;
  filter: var(--om-avatar-filter, blur(8px) saturate(70%)) !important;
  width: clamp(52px, 8vw, 112px) !important;
  height: clamp(52px, 8vw, 112px) !important;
  min-width: 56px !important;
  min-height: 56px !important;
  transform-origin: center;
  will-change: opacity, transform, filter;
  animation-name: om-avatar-pulse;
  animation-duration: 6.2s;
  animation-timing-function: cubic-bezier(.2, .75, .2, 1);
  animation-iteration-count: infinite;
  animation-fill-mode: both;
}

.wf-exact-home .game-banner-avatar-01 {
  animation-delay: .55s;
}

.om-floating {
  position: fixed;
  z-index: 99999;
  color: #fff;
  font-family: Montserrat, Arial, sans-serif;
  transition: opacity .25s ease, transform .25s ease, visibility .25s ease;
}

body.wf-exact-page {
  background: #030104;
  color: #fff;
  overflow-x: hidden;
}

.wf-exact-page .navigation-menu {
  z-index: 9990;
}

.wf-exact-page .w-dropdown:hover > .w-dropdown-list,
.wf-exact-page .w-dropdown:focus-within > .w-dropdown-list {
  display: block;
  opacity: 1;
  transform: translateY(0);
}

.wf-exact-page .nav-dropdown-list-item-3 {
  min-width: 220px;
}

.wf-exact-page .inner-banner-photo.blog {
  background-image: url("https://cdn.prod.website-files.com/6826719c2f2ad2506db1f2c5/68554911c506321151f85686_ChatGPT%20Image%2020%20juin%202025%2C%2013_38_59.png") !important;
  background-position: 50%;
  background-size: cover;
}

.wf-exact-page .inner-title-con {
  position: relative;
  z-index: 2;
  text-align: center;
}

.wf-exact-page .paragraph {
  max-width: 760px;
  margin: 20px auto 0;
}

.wf-exact-page .inner-title-con .paragraph {
  max-width: 100% !important;
  margin-top: 0 !important;
}

.w-dyn-empty,
.w-empty,
.empty-state,
.om-hide-empty-state {
  display: none !important;
}

.om-floating {
  z-index: 99999 !important;
  font-family: Montserrat, Arial, sans-serif !important;
  letter-spacing: 0 !important;
}

.om-floating-left {
  left: 16px !important;
  bottom: 16px !important;
  width: min(280px, calc(100vw - 32px)) !important;
  padding: 16px 16px 14px !important;
  border: 1px solid rgba(255, 255, 255, .55) !important;
  border-radius: 6px !important;
  background: linear-gradient(135deg, #b62af1 0%, #8e2fe9 52%, #6a35f0 100%) !important;
  box-shadow: 0 0 24px rgba(181, 43, 241, .38), inset 0 0 18px rgba(255,255,255,.08) !important;
  text-align: center !important;
}

.om-floating-left strong {
  font-size: 14px !important;
  line-height: 1.32 !important;
  text-transform: none !important;
}

.om-floating-left a {
  margin-top: 10px !important;
  padding: 7px 12px !important;
  border: 1px solid rgba(255, 255, 255, .82) !important;
  border-radius: 4px !important;
  color: #fff !important;
  font-size: 14px !important;
  line-height: 1.2 !important;
  text-align: center !important;
  background: rgba(255,255,255,.08) !important;
}

.om-floating-right {
  right: 16px !important;
  bottom: 16px !important;
  display: grid !important;
  gap: 8px !important;
  width: min(220px, calc(100vw - 32px)) !important;
}

.om-floating-right-card {
  position: relative !important;
  border: 1px solid rgba(15, 9, 25, .15) !important;
  border-radius: 6px !important;
  background: rgba(255,255,255,.96) !important;
  box-shadow: 0 10px 22px rgba(0,0,0,.18), 0 0 14px rgba(179, 45, 238, .18) !important;
  overflow: hidden !important;
}

.om-floating-right .om-floating-right-card a {
  align-items: center !important;
  display: grid !important;
  gap: 8px !important;
  grid-template-columns: 20px 1fr !important;
  min-height: 58px !important;
  padding: 9px 14px 9px 12px !important;
  color: #08040c !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  line-height: 1.12 !important;
  text-align: left !important;
  text-transform: none !important;
}

.om-floating-right .om-floating-icon {
  display: block !important;
  height: 20px !important;
  object-fit: contain !important;
  width: 20px !important;
}

.om-floating-right .om-floating-right-card a::before {
  content: none !important;
  position: absolute;
  left: 12px;
  top: 50%;
  transform: translateY(-50%);
  color: #8b2cf1;
  font-size: 17px;
  text-shadow: 0 0 8px rgba(139, 44, 241, .45);
}

.om-floating-close {
  position: absolute !important;
  z-index: 4 !important;
  cursor: pointer !important;
  pointer-events: auto !important;
  top: 5px !important;
  right: 6px !important;
  width: 20px !important;
  height: 20px !important;
  color: #fff !important;
  font-size: 20px !important;
  font-weight: 400 !important;
  line-height: 18px !important;
  background: transparent !important;
  border: 0 !important;
}

.om-floating-right-card .om-floating-close {
  top: 2px !important;
  right: 4px !important;
  color: #161018 !important;
  font-size: 17px !important;
}

.om-floating.is-hidden,
.om-floating-right-card.is-hidden {
  display: none !important;
}

.loop-strip .looping-text-lp,
.hero-footer .looping-text-lp {
  min-width: max-content !important;
}

.loop-strip .promo-text-wrapper {
  animation: om-bottom-marquee 190s linear infinite !important;
  animation-play-state: running !important;
}

@keyframes om-bottom-marquee {
  from { transform: translate3d(0, 0, 0); }
  to { transform: translate3d(-100%, 0, 0); }
}

.om-reveal,
.wf-exact-page .activity-verticle-card,
.wf-exact-page .steps-card,
.wf-exact-page .sidebar-recent-posts,
.wf-exact-page .sidebar-categories-2,
.wf-exact-page .button-link-wrapper {
  opacity: 0;
  transform: translate3d(0, 42px, 0) skew(0, 2deg);
  transition: opacity .85s cubic-bezier(.16, .82, .18, 1), transform .85s cubic-bezier(.16, .82, .18, 1);
}

.om-reveal.is-visible,
.wf-exact-page .is-visible,
.wf-exact-page .activity-verticle-card.is-visible,
.wf-exact-page .steps-card.is-visible,
.wf-exact-page .sidebar-recent-posts.is-visible,
.wf-exact-page .sidebar-categories-2.is-visible,
.wf-exact-page .button-link-wrapper.is-visible {
  opacity: 1;
  transform: translate3d(0, 0, 0) skew(0, 0);
}

.wf-exact-page .activity-verticle-card,
.om-webflow-tilt {
  transform-style: preserve-3d;
  will-change: transform, box-shadow, filter;
}

.wf-exact-page .activity-verticle-card:hover,
.om-webflow-tilt:hover {
  transform: perspective(900px) rotateX(3deg) rotateY(-5deg) translate3d(0, -7px, 18px);
  border-color: rgba(255, 29, 241, .42);
  box-shadow: 0 0 34px rgba(255, 29, 241, .36), 0 0 18px rgba(87, 45, 246, .28);
}

.wf-exact-page .activity-verticle-card:hover .project-background-2,
.om-webflow-tilt:hover .project-background-2 {
  transform: scale3d(1.08, 1.08, 1);
  filter: saturate(1.12) brightness(1.08);
}

.wf-exact-page .project-background-2 {
  transition: transform .65s cubic-bezier(.16, .82, .18, 1), filter .65s ease;
}

.om-blog-pagination {
  width: 100%;
  margin-top: 60px;
  text-align: center;
}

.om-blog-pagination .nav-links {
  display: inline-flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: center;
}

.om-blog-pagination a,
.om-blog-pagination span {
  border: 1px solid rgba(255, 29, 241, .26);
  border-radius: 999px;
  padding: 9px 14px;
  color: #fff;
}

.om-blog-pagination .current {
  background: linear-gradient(135deg, var(--main-color-002), var(--main-color-004) 69%, var(--main-color-005) 95%);
}

.om-podcast-webflow-section {
  position: relative;
  padding: 90px 0 70px;
  background: #030104;
}

.om-podcast-webflow-section .steps-grid {
  align-items: flex-start;
}

.om-podcast-webflow-section .steps-sticky-card {
  background-image: url("../webflow/images/Moi-2.png") !important;
  background-position: 50% 50% !important;
  background-size: cover !important;
}

.om-podcast-webflow-section .om-ausha-playlist {
  width: 100vw;
  max-width: none;
  margin: 80px calc(50% - 50vw) 0;
}

.om-podcast-platform-section {
  margin-top: 0;
}

.om-podcast-platform-section .image-fill,
.om-podcast-platform-section .image-fill-copy {
  object-fit: contain !important;
  padding: 13px;
}

.om-podcast-platform-section .next-video-level-2 {
  align-self: center;
}

@media (max-width: 991px) {
  .om-podcast-webflow-section {
    padding-top: 70px;
  }

  .om-podcast-webflow-section .steps-sticky-card {
    min-width: 0;
    max-width: none;
    height: 520px;
    position: relative;
    top: auto;
  }

  .om-podcast-platform-section .cta-demo-game {
    grid-template-columns: 1fr;
    gap: 28px;
  }

  .om-podcast-platform-section .game-ava-circles {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    order: 2;
  }

  .om-podcast-platform-section .next-video-level-2 {
    order: 1;
  }

  .om-floating-left {
    left: 8px !important;
    bottom: 8px !important;
    width: min(250px, calc(100vw - 16px)) !important;
    padding: 12px 12px 10px !important;
  }

  .om-floating-left strong,
  .om-floating-left a {
    font-size: 12px !important;
  }

  .om-floating-right {
    right: 8px !important;
    bottom: 8px !important;
    width: min(196px, calc(100vw - 16px)) !important;
  }

  .om-floating-right .om-floating-right-card a {
    font-size: 10px !important;
    padding: 7px 12px 7px 28px !important;
  }
}

@media (max-width: 767px) {
  .om-podcast-webflow-section .steps-sticky-card {
    height: 520px;
    border-radius: 24px;
  }

  .om-podcast-platform-section .game-ava-circles {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
  }

  .om-podcast-platform-section .game-avatar {
    width: 4.2rem;
    height: 4.2rem;
  }

  .wf-exact-page .inner-banner-title {
    font-size: 42px;
  }
}

.om-floating.is-hidden {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translateY(14px) scale(.96);
}

.om-floating-left {
  left: 0;
  bottom: 0;
  width: min(386px, calc(100vw - 18px));
  padding: 22px 20px 18px;
  background: linear-gradient(135deg, #c329f4, #8428e8);
  box-shadow: 0 0 30px rgba(195, 41, 244, .42);
  text-align: center;
}

.om-floating-right {
  right: 10px;
  bottom: 118px;
  display: grid;
  gap: 12px;
  width: min(246px, calc(100vw - 20px));
}

.om-floating strong,
.om-floating a {
  display: block;
  color: #fff;
  font-size: 18px;
  font-weight: 900;
  line-height: 1.34;
  text-decoration: none;
}

.om-floating-left a {
  margin-top: 16px;
  padding: 8px 12px;
  border: 1px solid rgba(255, 255, 255, .8);
  border-radius: 5px;
}

.om-floating-right a {
  padding: 12px 14px;
  border-radius: 5px;
  color: #08040c;
  background: #fff;
  box-shadow: 0 0 18px rgba(255, 255, 255, .18);
  font-size: 16px;
  text-align: left;
}

.om-floating-close {
  position: absolute;
  top: 8px;
  right: 10px;
  width: 28px;
  height: 28px;
  border: 0;
  border-radius: 50%;
  color: #fff;
  background: transparent;
  font-size: 25px;
  line-height: 1;
  cursor: pointer;
}

.om-floating-right .om-floating-close {
  top: -34px;
  right: 0;
  background: rgba(0, 0, 0, .58);
}

@media (max-width: 760px) {
  .om-floating-left {
    width: min(320px, calc(100vw - 14px));
    padding: 16px 14px 14px;
  }

  .om-floating-right {
    right: 7px;
    bottom: 94px;
    width: min(210px, calc(100vw - 14px));
  }

  .om-floating strong,
  .om-floating a {
    font-size: 14px;
  }
}

.wf-exact-home .game-banner-avatar-02 {
  animation-delay: 1.55s;
}

.wf-exact-home .game-banner-avatar-03 {
  animation-delay: 2.65s;
}

.wf-exact-home .game-banner-avatar-01 img,
.wf-exact-home .game-banner-avatar-02 img,
.wf-exact-home .game-banner-avatar-03 img {
  animation: om-avatar-image-breathe 6.2s ease-in-out infinite both;
  object-fit: contain !important;
  padding: 6px;
}

.wf-exact-home .game-banner-avatar-02 img {
  animation-delay: .65s;
}

.wf-exact-home .game-banner-avatar-03 img {
  animation-delay: 1.2s;
}

.wf-exact-home .avatag-bg-01,
.wf-exact-home .avatag-bg-02 {
  animation: om-avatar-ring-glow 6.2s ease-in-out infinite both;
}

@keyframes om-hero-stage-in {
  0% {
    opacity: 0;
    transform: translate3d(0, 22px, 0) scale3d(.985, .985, 1);
    filter: blur(10px);
  }

  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
    filter: blur(0);
  }
}

@keyframes om-hero-soft-rise {
  0% {
    opacity: 0;
    transform: translate3d(0, 38px, 0) scale3d(.975, .975, 1);
    filter: blur(8px);
  }

  68% {
    opacity: 1;
    transform: translate3d(0, -5px, 0) scale3d(1.008, 1.008, 1);
    filter: blur(0);
  }

  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
    filter: blur(0);
  }
}

@keyframes om-avatar-pulse {
  0%, 8% {
    opacity: 0;
    transform: translate3d(0, 18px, 0) scale3d(.72, .72, 1) rotate(-7deg);
    filter: blur(8px) saturate(70%);
  }

  18%, 58% {
    opacity: 1;
    transform: translate3d(0, 0, 0) scale3d(1, 1, 1) rotate(0deg);
    filter: blur(0) saturate(110%) drop-shadow(0 0 18px rgba(184, 37, 240, .38));
  }

  72%, 100% {
    opacity: 0;
    transform: translate3d(0, -14px, 0) scale3d(.82, .82, 1) rotate(6deg);
    filter: blur(7px) saturate(80%);
  }
}

@keyframes om-avatar-image-breathe {
  0%, 100% {
    transform: scale(1.2) rotate(0deg);
  }

  50% {
    transform: scale(1.34) rotate(2deg);
  }
}

@keyframes om-avatar-ring-glow {
  0%, 100% {
    opacity: .34;
    filter: blur(.2px) drop-shadow(0 0 10px rgba(184, 37, 240, .22));
  }

  45%, 58% {
    opacity: .95;
    filter: blur(0) drop-shadow(0 0 22px rgba(236, 187, 255, .42));
  }
}

@keyframes om-hero-text-breathe {
  0%, 100% {
    filter: drop-shadow(0 0 0 rgba(184, 37, 240, 0));
    transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
  }

  50% {
    filter: drop-shadow(0 0 16px rgba(184, 37, 240, .22));
    transform: translate3d(0, -4px, 0) scale3d(1.006, 1.006, 1);
  }
}

.wf-exact-home .numbers-wrapper {
  position: relative !important;
  isolation: isolate;
}

.wf-exact-home .numbers-wrapper::before,
.wf-exact-home .numbers-wrapper::after {
  content: "";
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0), #1c1a68 8%, #b825f0 30%, #ecbbff 50%, #572df6 70%, #12031e 92%, rgba(0, 0, 0, 0)) !important;
  display: block !important;
  opacity: 1 !important;
  width: 2px !important;
  min-width: 2px !important;
  max-width: 2px !important;
  height: min(31vw, 390px) !important;
  min-height: 0 !important;
  max-height: none !important;
  box-shadow: 0 0 16px rgba(184, 37, 240, .42), 0 0 34px rgba(87, 45, 246, .26);
  filter: drop-shadow(0 0 8px rgba(184, 37, 240, .72)) drop-shadow(0 0 18px rgba(87, 45, 246, .42));
  position: absolute;
  top: 18%;
  z-index: 2;
  pointer-events: none;
}

.wf-exact-home .numbers-wrapper::before {
  left: 35%;
  transform: rotate(18deg) translate3d(0, 0, 0) !important;
  transform-origin: top center;
}

.wf-exact-home .numbers-wrapper::after {
  right: 35%;
  transform: rotate(-18deg) translate3d(0, 0, 0) !important;
  transform-origin: top center;
}

.wf-exact-home .numbers-wrapper .number-column {
  position: relative;
  z-index: 3;
}

.wf-exact-home .numbers-wrapper .separator-line,
.wf-exact-home .numbers-wrapper .separator-line.right {
  display: none !important;
}

@media screen and (max-width: 991px) {
  .wf-exact-home .numbers-wrapper::before,
  .wf-exact-home .numbers-wrapper::after {
    height: 220px !important;
    top: 6%;
  }

  .wf-exact-home .numbers-wrapper::before {
    left: 42%;
  }

  .wf-exact-home .numbers-wrapper::after {
    right: 42%;
  }
}

@media screen and (max-width: 767px) {
  .wf-exact-home .numbers-wrapper::before,
  .wf-exact-home .numbers-wrapper::after {
    opacity: .65 !important;
    height: 150px !important;
    top: 0;
  }

  .wf-exact-home .numbers-wrapper::before {
    left: 34%;
  }

  .wf-exact-home .numbers-wrapper::after {
    right: 34%;
  }
}

.wf-exact-home .benefit-full-container {
  margin-top: clamp(42px, 4.5vw, 74px) !important;
}

.wf-exact-home .benefit-grid {
  grid-column-gap: clamp(28px, 3.2vw, 58px) !important;
  grid-row-gap: clamp(30px, 3.4vw, 58px) !important;
  width: min(86vw, 1760px) !important;
  max-width: 1760px !important;
  align-items: start !important;
}

.wf-exact-home .benefit-grid .game-card {
  max-width: 640px;
  border-radius: 24px !important;
  padding: 9px !important;
}

.wf-exact-home .benefit-grid .card-inner {
  border-radius: 19px !important;
  padding: 9px !important;
}

.wf-exact-home .benefit-grid .card-benefit-title {
  min-height: clamp(92px, 7.6vw, 148px);
  padding: clamp(14px, 1.4vw, 24px) clamp(18px, 2vw, 38px) !important;
}

.wf-exact-home .benefit-grid .card-body-benefit {
  min-height: clamp(145px, 10vw, 220px);
  padding: clamp(48px, 4.4vw, 76px) clamp(22px, 2vw, 42px) clamp(22px, 2vw, 38px) !important;
}

.wf-exact-home .benefit-grid .game-hero-title {
  font-size: clamp(28px, 1.95vw, 42px) !important;
  line-height: 1.08 !important;
  letter-spacing: .01em !important;
}

.wf-exact-home .benefit-grid .benefit-gradient {
  font-size: clamp(16px, 1.05vw, 24px) !important;
  line-height: 1.42 !important;
  letter-spacing: .16em !important;
}

.wf-exact-home .benefit-grid .benefit-circle {
  width: clamp(54px, 4.1vw, 76px) !important;
  height: clamp(54px, 4.1vw, 76px) !important;
  inset: clamp(-22px, -1.35vw, -14px) auto auto !important;
}

.wf-exact-home .benefit-grid .mobile-mockup {
  width: clamp(275px, 22vw, 410px) !important;
  max-width: 410px !important;
  height: auto !important;
  transform: none !important;
}

.wf-exact-home .benefit-grid .png-wrap {
  max-width: 430px;
}

.wf-exact-home .loop-price-strip-lp {
  width: 100% !important;
  height: 38px !important;
  transform: none !important;
  overflow: hidden !important;
}

.wf-exact-home .looping-text-lp {
  display: flex !important;
  justify-content: flex-start !important;
  width: max-content !important;
  min-width: max-content !important;
  height: 38px !important;
  padding: 0 !important;
  position: absolute !important;
  inset: 0 auto auto 0 !important;
  animation: om-bottom-marquee 190s linear infinite !important;
  will-change: transform;
}

.wf-exact-home .looping-text-lp:hover {
  animation-play-state: running !important;
}

.wf-exact-home .promo-text-wrapper {
  flex: 0 0 auto;
  transform: none !important;
  white-space: nowrap;
}

@keyframes om-bottom-marquee {
  from {
    transform: translate3d(0, 0, 0);
  }

  to {
    transform: translate3d(-50%, 0, 0);
  }
}

@media (hover: hover) and (pointer: fine) and (min-width: 992px) {
  .wf-exact-home .cursor-wrapper {
    z-index: 9999 !important;
    pointer-events: none !important;
    background: transparent !important;
    width: 100vw !important;
    height: 100vh !important;
    min-height: 100vh !important;
    display: flex !important;
    position: fixed !important;
    inset: 0 !important;
    overflow: visible !important;
    mix-blend-mode: screen;
  }

  .wf-exact-home .cursor {
    width: 100px !important;
    height: 100px !important;
    display: flex !important;
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    opacity: 0;
    will-change: transform, opacity;
  }

  .wf-exact-home.has-cursor .cursor {
    opacity: 1;
  }

  .wf-exact-home a:hover,
  .wf-exact-home button:hover,
  .wf-exact-home .w-dropdown-toggle:hover,
  .wf-exact-home .menu-button-5:hover,
  .wf-exact-home .secondary-button-link:hover {
    filter: drop-shadow(0 0 14px rgba(255, 30, 241, .42)) drop-shadow(0 0 26px rgba(103, 65, 255, .24));
  }

  .wf-exact-home .secondary-button-link:hover .button-glow,
  .wf-exact-home .secondary-button-link:hover .glow-border {
    opacity: 1 !important;
  }
}

.wf-exact-home .om-scroll-reveal {
  opacity: 0;
  transform: translate3d(0, 44px, 0) scale3d(.985, .985, 1);
  transition: opacity .75s ease, transform .75s cubic-bezier(.2, .75, .2, 1);
  transition-delay: var(--om-reveal-delay, 0ms);
  will-change: opacity, transform;
}

.wf-exact-home .om-scroll-visible {
  opacity: 1 !important;
  transform: translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0) !important;
}

.wf-exact-home .benefit-grid.om-benefits-prepped .game-card {
  opacity: 0;
  transform: translate3d(var(--om-card-entry-x, 6px), var(--om-card-entry-y, 34px), 0) rotateZ(var(--om-card-entry-rot, -2.2deg)) scale3d(.965, .965, 1);
  transform-origin: center;
}

.wf-exact-home .benefit-grid.om-benefits-prepped .png-wrap {
  opacity: 0;
  transform: translate3d(0, 90px, 0) scale3d(.88, .88, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
  transform-origin: center bottom;
}

.wf-exact-home .benefit-grid.om-benefits-prepped .grad-02 {
  opacity: 0;
  transform: translate3d(0, 0, 0) scale3d(.65, .65, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
}

.wf-exact-home .benefit-grid.om-benefits-animated .game-card {
  animation: om-benefit-card-in .82s cubic-bezier(.18, .78, .22, 1) both;
  animation-delay: var(--om-benefit-delay, 0ms);
}

.wf-exact-home .benefit-grid.om-benefits-animated .png-wrap {
  animation: om-phone-rise 1.05s cubic-bezier(.16, .82, .18, 1) .18s both;
}

.wf-exact-home .benefit-grid.om-benefits-animated .grad-02 {
  animation: om-phone-glow .95s ease .42s both;
}

.wf-exact-home .benefit-grid.om-benefits-animated .mobile-mockup {
  animation: om-phone-float 5.4s ease-in-out 1.25s infinite;
}

@keyframes om-benefit-card-in {
  0% {
    opacity: 0;
    transform: translate3d(var(--om-card-entry-x, 6px), var(--om-card-entry-y, 34px), 0) rotateZ(var(--om-card-entry-rot, -2.2deg)) scale3d(.965, .965, 1);
    filter: brightness(.8);
  }

  70% {
    opacity: 1;
    transform: translate3d(var(--om-card-rebound-x, -2px), var(--om-card-rebound-y, -4px), 0) rotateZ(var(--om-card-rebound-rot, .65deg)) scale3d(1.006, 1.006, 1);
    filter: brightness(1.08);
  }

  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0) rotateZ(0deg) scale3d(1, 1, 1);
    filter: brightness(1);
  }
}

@keyframes om-phone-rise {
  0% {
    opacity: 0;
    transform: translate3d(0, 90px, 0) scale3d(.88, .88, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
  }

  72% {
    opacity: 1;
    transform: translate3d(0, -12px, 0) scale3d(1.018, 1.018, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
  }

  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
  }
}

@keyframes om-phone-glow {
  0% {
    opacity: 0;
    transform: translate3d(0, 0, 0) scale3d(.65, .65, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
  }

  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
  }
}

@keyframes om-phone-float {
  0%, 100% {
    transform: translate3d(0, 0, 0);
  }

  50% {
    transform: translate3d(0, -10px, 0);
  }
}

.wf-exact-home .game-banner-avatar-01 img,
.wf-exact-home .game-banner-avatar-02 img,
.wf-exact-home .game-banner-avatar-03 img {
  z-index: 3 !important;
  position: absolute !important;
  inset: 7% !important;
  width: 86% !important;
  height: 86% !important;
  object-fit: contain !important;
  object-position: center !important;
}

.wf-exact-home .avatag-bg-01,
.wf-exact-home .avatag-bg-02 {
  z-index: 0 !important;
}

@media screen and (min-width: 992px) {
  .wf-exact-home .loop-small-item-game {
    width: 100% !important;
    height: 100% !important;
    min-height: 640px;
    display: grid !important;
  }

  .wf-exact-home .game-banner-avatar-01,
  .wf-exact-home .game-banner-avatar-02,
  .wf-exact-home .game-banner-avatar-03 {
    min-width: 80px;
    min-height: 80px;
  }

  .wf-exact-home .game-banner-avatar-01 {
    width: 108px !important;
    height: 108px !important;
  }

  .wf-exact-home .game-banner-avatar-02 {
    width: 96px !important;
    height: 96px !important;
  }

  .wf-exact-home .game-banner-avatar-03 {
    width: 118px !important;
    height: 118px !important;
  }
}

.wf-exact-home .numbers-wrapper > .separator-line,
.wf-exact-home .numbers-wrapper > .separator-line.right {
  width: 2px !important;
  min-width: 2px !important;
  max-width: 2px !important;
}

.wf-exact-home .om-editable-home-section {
  background: #030104;
  padding: clamp(46px, 6vw, 96px) 20px;
  position: relative;
}

.wf-exact-home .om-editable-home-inner {
  color: #fbf7ff;
  background: linear-gradient(145deg, rgba(18, 17, 24, .94), rgba(16, 5, 28, .9));
  border: 1px solid rgba(236, 187, 255, .18);
  border-radius: 24px;
  box-shadow: 0 0 34px rgba(184, 37, 240, .18), inset 0 0 28px rgba(87, 45, 246, .08);
  width: min(100%, 1120px);
  margin: 0 auto;
  padding: clamp(26px, 4vw, 52px);
}

.wf-exact-home .om-editable-home-inner :where(h2, h3) {
  color: #fff;
  font-family: "Audiowide", "Montserrat", sans-serif;
  letter-spacing: 0;
}

.wf-exact-home .om-editable-home-inner a {
  color: #ecbbff;
  text-decoration: underline;
}

.wf-exact-home .om-featured-product-card .character {
  width: 88% !important;
  height: 88% !important;
  object-fit: contain !important;
  object-position: center !important;
  margin: auto !important;
  display: block !important;
  filter: drop-shadow(0 0 18px rgba(184, 37, 240, .35));
}

.wf-exact-home .om-featured-product-card,
.wf-exact-home .om-featured-product-card:hover,
.wf-exact-home .om-featured-product-card.om-card-live,
.wf-exact-home .om-featured-product-card.om-card-live:hover {
  pointer-events: auto !important;
  transform: translate3d(0, 0, 0) scale3d(1, 1, 1) !important;
  filter: brightness(1.04) drop-shadow(0 0 18px rgba(184, 37, 240, .18)) !important;
}

.wf-exact-home .om-featured-product-card:hover .card-inner-item {
  transform: translate3d(0, -4px, 0) scale3d(1.006, 1.006, 1) !important;
}

.wf-exact-home .om-featured-product-card .game-hero-link {
  z-index: 20 !important;
  pointer-events: auto !important;
}

.wf-exact-home .om-featured-product-card .card-photo-game {
  position: relative;
}

.wf-exact-home .om-product-lock {
  align-items: center;
  background: linear-gradient(135deg, #d92eff, #6437ff);
  border-radius: 999px;
  box-shadow: 0 0 24px rgba(184, 37, 240, .45);
  color: #fff;
  display: flex;
  font-family: "Font Awesome 6 Free", "Font Awesome 5 Free", sans-serif;
  font-size: 18px;
  font-weight: 900;
  height: 54px;
  justify-content: center;
  position: absolute;
  right: 7%;
  top: 8%;
  width: 54px;
  z-index: 4;
}

.wf-exact-home .om-featured-product-card .popular-game {
  letter-spacing: .58em;
  text-transform: uppercase;
}

/* Correctif final home: aura bonus, ronds visibles, cards bonus 3D */
.wf-exact-home .aura-clip-reverse.benefit,
.wf-exact-home .aura-clip-reverse.benefit .clip-stroke-circle-reverse,
.wf-exact-home .aura-clip-reverse.benefit .hero-aurora-stroke,
.wf-exact-home .aura-clip-reverse.benefit .aurora-stroke-inner {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

.wf-exact-home .game-banner-avatar-01,
.wf-exact-home .game-banner-avatar-02,
.wf-exact-home .game-banner-avatar-03 {
  opacity: max(.42, var(--om-avatar-opacity, .85)) !important;
  filter: var(--om-avatar-filter, saturate(1.08) drop-shadow(0 0 16px rgba(184, 37, 240, .45))) !important;
  animation-duration: 3.8s !important;
}

.wf-exact-home .game-banner-avatar-01 img,
.wf-exact-home .game-banner-avatar-02 img,
.wf-exact-home .game-banner-avatar-03 img,
.wf-exact-home .game-card.bestsellers img {
  opacity: 1 !important;
  visibility: visible !important;
}

.wf-exact-home .game-card.bestsellers:not(.om-featured-product-card) {
  transform-style: preserve-3d !important;
  transition: transform .32s cubic-bezier(.2, .8, .2, 1), filter .32s ease, box-shadow .32s ease !important;
  will-change: transform, filter !important;
}

.wf-exact-home .game-card.bestsellers:not(.om-featured-product-card):hover {
  transform: perspective(900px) rotateX(-2.5deg) rotateY(8deg) translate3d(8px, -6px, 18px) !important;
  filter: brightness(1.1) saturate(1.1) !important;
}

.wf-exact-home .project-collection-item-2:nth-child(even) .game-card.bestsellers:not(.om-featured-product-card):hover,
.wf-exact-home .game-grid-item:nth-child(even) .game-card.bestsellers:not(.om-featured-product-card):hover {
  transform: perspective(900px) rotateX(-2.5deg) rotateY(-8deg) translate3d(-8px, -6px, 18px) !important;
}

/* Icône panier fiable pour le programme phare */
.wf-exact-home .om-product-lock {
  color: transparent !important;
  font-size: 0 !important;
  overflow: visible !important;
}

.wf-exact-home .om-product-lock::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 54%;
  width: 21px;
  height: 18px;
  border: 3px solid #fff;
  border-radius: 5px 5px 7px 7px;
  box-shadow: 0 0 10px rgba(255, 255, 255, .6), inset 0 0 8px rgba(236, 187, 255, .25);
  transform: translate(-50%, -50%);
}

.wf-exact-home .om-product-lock::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 42%;
  width: 13px;
  height: 10px;
  border: 3px solid #fff;
  border-bottom: 0;
  border-radius: 12px 12px 0 0;
  filter: drop-shadow(0 0 7px rgba(255, 255, 255, .55));
  transform: translate(-50%, -50%);
}

/* Blog WordPress: rapprochement Webflow/Gameon */
body.wf-exact-page.blog,
body.wf-exact-page.archive,
body.wf-exact-page.single-post {
  background: #030104 !important;
}

body.wf-exact-page.blog .section-news,
body.wf-exact-page.archive .section-news {
  background: radial-gradient(circle at 52% 14%, rgba(111, 31, 178, .26), rgba(3, 1, 4, 0) 42%), #030104 !important;
  padding-top: clamp(56px, 6vw, 90px) !important;
}

body.wf-exact-page.blog .blog-sidebar-wrap,
body.wf-exact-page.archive .blog-sidebar-wrap {
  align-items: start !important;
  gap: clamp(24px, 3vw, 40px) !important;
}

body.wf-exact-page.blog .blog-3-grid,
body.wf-exact-page.archive .blog-3-grid {
  gap: 24px 20px !important;
  align-items: start !important;
}

body.wf-exact-page.blog .collection-blog-3-item-2,
body.wf-exact-page.archive .collection-blog-3-item-2 {
  transform-style: preserve-3d !important;
  will-change: transform, opacity !important;
}

body.wf-exact-page.blog .activity-verticle-card,
body.wf-exact-page.archive .activity-verticle-card {
  background: linear-gradient(145deg, rgba(15, 15, 20, .94), rgba(17, 5, 28, .88)) !important;
  border-color: rgba(255, 29, 241, .18) !important;
  box-shadow: 0 0 22px rgba(255, 29, 241, .14), inset 0 0 26px rgba(87, 45, 246, .05) !important;
  min-height: 0 !important;
  transform-style: preserve-3d !important;
  transition: transform .42s cubic-bezier(.2, .78, .2, 1), filter .34s ease, box-shadow .34s ease, border-color .34s ease !important;
}

body.wf-exact-page.blog .activity-verticle-card:hover,
body.wf-exact-page.archive .activity-verticle-card:hover {
  border-color: rgba(255, 29, 241, .34) !important;
  box-shadow: 0 0 26px rgba(255, 29, 241, .26), 0 0 54px rgba(87, 45, 246, .14), inset 0 0 30px rgba(184, 37, 240, .07) !important;
  filter: brightness(1.08) saturate(1.04) !important;
  transform: perspective(900px) rotateX(-2deg) rotateY(5deg) translate3d(5px, -5px, 14px) !important;
}

body.wf-exact-page.blog .collection-blog-3-item-2:nth-child(even) .activity-verticle-card:hover,
body.wf-exact-page.archive .collection-blog-3-item-2:nth-child(even) .activity-verticle-card:hover {
  transform: perspective(900px) rotateX(-2deg) rotateY(-5deg) translate3d(-5px, -5px, 14px) !important;
}

body.wf-exact-page.blog .verticle-card-image-2,
body.wf-exact-page.archive .verticle-card-image-2 {
  min-height: clamp(300px, 24vw, 350px) !important;
}

body.wf-exact-page.blog .project-background-2,
body.wf-exact-page.archive .project-background-2 {
  transition: transform .55s cubic-bezier(.2, .78, .2, 1), filter .4s ease !important;
}

body.wf-exact-page.blog .activity-verticle-card:hover .project-background-2,
body.wf-exact-page.archive .activity-verticle-card:hover .project-background-2 {
  transform: scale3d(1.045, 1.045, 1) !important;
  filter: brightness(1.08) saturate(1.08) !important;
}

body.wf-exact-page.blog .news-hero-title,
body.wf-exact-page.archive .news-hero-title {
  display: -webkit-box !important;
  font-family: Montserrat, sans-serif !important;
  overflow: hidden !important;
  text-transform: none !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 3 !important;
}

body.wf-exact-page.blog .latest-news-description,
body.wf-exact-page.archive .latest-news-description {
  display: -webkit-box !important;
  overflow: hidden !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 4 !important;
}

body.wf-exact-page.blog .om-blog-pagination .screen-reader-text,
body.wf-exact-page.archive .om-blog-pagination .screen-reader-text {
  border: 0 !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
  clip-path: inset(50%) !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
}

body.wf-exact-page.blog .om-blog-pagination,
body.wf-exact-page.archive .om-blog-pagination {
  display: flex !important;
  justify-content: center !important;
  margin-top: 12px !important;
}

body.wf-exact-page.blog .om-blog-pagination .nav-links,
body.wf-exact-page.archive .om-blog-pagination .nav-links {
  align-items: center !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
  justify-content: center !important;
}

body.wf-exact-page.blog .om-blog-pagination .page-numbers,
body.wf-exact-page.archive .om-blog-pagination .page-numbers {
  background: rgba(10, 10, 12, .88) !important;
  border: 1px solid rgba(255, 29, 241, .24) !important;
  border-radius: 999px !important;
  color: #fff !important;
  min-width: 42px !important;
  padding: 10px 14px !important;
  text-align: center !important;
}

body.wf-exact-page.blog .om-blog-pagination .page-numbers.current,
body.wf-exact-page.archive .om-blog-pagination .page-numbers.current,
body.wf-exact-page.blog .om-blog-pagination .page-numbers:hover,
body.wf-exact-page.archive .om-blog-pagination .page-numbers:hover {
  background: linear-gradient(135deg, var(--main-color-002), var(--main-color-004) 70%, var(--main-color-005)) !important;
  box-shadow: 0 0 16px rgba(255, 29, 241, .34) !important;
}

body.wf-exact-page.blog .blog-sidebar-right,
body.wf-exact-page.archive .blog-sidebar-right {
  gap: 24px !important;
  display: flex !important;
}

body.wf-exact-page.blog .sidebar-recent-posts,
body.wf-exact-page.blog .sidebar-categories-2,
body.wf-exact-page.archive .sidebar-recent-posts,
body.wf-exact-page.archive .sidebar-categories-2 {
  background: linear-gradient(145deg, rgba(12, 12, 16, .9), rgba(18, 4, 30, .78)) !important;
  border-color: rgba(255, 29, 241, .18) !important;
  box-shadow: 0 0 20px rgba(255, 29, 241, .1), inset 0 0 20px rgba(87, 45, 246, .05) !important;
}

body.wf-exact-page.archive .inner-banner-title {
  font-size: clamp(46px, 7vw, 100px) !important;
  line-height: .98 !important;
}

body.wf-exact-page.archive .inner-title-con .paragraph {
  max-width: 760px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

body.wf-exact-page.single-post .om-single-webflow {
  background: radial-gradient(circle at 50% 8%, rgba(111, 31, 178, .28), rgba(3, 1, 4, 0) 40%), #030104 !important;
  color: #fff !important;
  overflow: hidden !important;
}

body.wf-exact-page.single-post .blog-intro-content-2 {
  min-height: clamp(390px, 43vw, 560px) !important;
  padding-top: clamp(120px, 12vw, 175px) !important;
}

body.wf-exact-page.single-post .blog-details-title-2 {
  font-size: clamp(42px, 6vw, 78px) !important;
  line-height: 1.02 !important;
  text-transform: none !important;
}

body.wf-exact-page.single-post .section-blog-details-2 {
  height: clamp(360px, 42vw, 560px) !important;
}

body.wf-exact-page.single-post .blog-details-background-image {
  background-position: 50% 35% !important;
}

body.wf-exact-page.single-post .hero-blog-rich-text {
  color: rgba(255, 255, 255, .82) !important;
  font-size: clamp(17px, 1.35vw, 20px) !important;
  line-height: 1.8 !important;
}

body.wf-exact-page.single-post .hero-blog-rich-text :where(h2, h3, h4) {
  color: #fff !important;
  font-family: Montserrat, sans-serif !important;
}

body.wf-exact-page.single-post .bottom-slider-arrow-portfolio.is-disabled {
  opacity: .32 !important;
  pointer-events: none !important;
}

@media (max-width: 991px) {
  body.wf-exact-page.blog .blog-sidebar-wrap,
  body.wf-exact-page.archive .blog-sidebar-wrap {
    display: flex !important;
    flex-direction: column !important;
  }

  body.wf-exact-page.blog .collection-blog-3-item-2,
  body.wf-exact-page.archive .collection-blog-3-item-2 {
    width: 100% !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
}

/* V29 regression fix: section bonus home + emoji micro */
.wf-exact-home .benefit-full-container {
  margin-top: clamp(28px, 3vw, 54px) !important;
  overflow: visible !important;
}

.wf-exact-home .benefit-grid {
  align-items: center !important;
  grid-template-columns: minmax(460px, 1fr) clamp(285px, 22vw, 360px) minmax(460px, 1fr) !important;
  grid-column-gap: clamp(26px, 3.4vw, 58px) !important;
  grid-row-gap: 34px !important;
  width: min(96vw, 1880px) !important;
  max-width: 1880px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

.wf-exact-home .benefit-grid .benefit-col {
  gap: clamp(34px, 4.2vw, 76px) !important;
  justify-content: center !important;
}

.wf-exact-home .benefit-grid .game-card {
  width: 100% !important;
  max-width: none !important;
  min-height: 0 !important;
  padding: 9px !important;
}

.wf-exact-home .benefit-grid .card-inner {
  min-height: 0 !important;
  padding: 9px !important;
}

.wf-exact-home .benefit-grid .card-benefit-title {
  min-height: 0 !important;
  height: clamp(78px, 6.5vw, 112px) !important;
  margin-bottom: 10px !important;
  padding: 12px clamp(20px, 2.2vw, 42px) !important;
}

.wf-exact-home .benefit-grid .card-body-benefit {
  flex: 0 0 auto !important;
  min-height: 0 !important;
  height: clamp(94px, 7.4vw, 138px) !important;
  padding: clamp(34px, 3.2vw, 54px) clamp(20px, 2.2vw, 42px) 16px !important;
}

.wf-exact-home .benefit-grid .game-hero-title {
  font-size: clamp(25px, 1.75vw, 36px) !important;
  line-height: 1.08 !important;
  max-width: 100% !important;
}

.wf-exact-home .benefit-grid .benefit-gradient {
  font-size: clamp(14px, .92vw, 19px) !important;
  line-height: 1.35 !important;
  letter-spacing: .18em !important;
}

.wf-exact-home .benefit-grid .benefit-circle {
  width: clamp(50px, 3.5vw, 66px) !important;
  height: clamp(50px, 3.5vw, 66px) !important;
  top: clamp(-22px, -1.5vw, -14px) !important;
}

.wf-exact-home .benefit-grid .png-wrap,
.wf-exact-home .benefit-grid.om-benefits-prepped .png-wrap,
.wf-exact-home .benefit-grid.om-benefits-animated .png-wrap,
.wf-exact-home .benefit-grid .png-wrap:hover {
  align-self: center !important;
  animation: none !important;
  justify-self: center !important;
  max-width: clamp(285px, 22vw, 360px) !important;
  opacity: 1 !important;
  transform: translate3d(0, 0, 0) scale3d(1, 1, 1) !important;
}

.wf-exact-home .benefit-grid .mobile-mockup,
.wf-exact-home .benefit-grid.om-benefits-animated .mobile-mockup,
.wf-exact-home .benefit-grid .png-wrap:hover .mobile-mockup {
  animation: none !important;
  height: auto !important;
  max-width: clamp(285px, 22vw, 360px) !important;
  transform: none !important;
  width: 100% !important;
}

.wf-exact-home .benefit-grid .grad-02,
.wf-exact-home .benefit-grid.om-benefits-animated .grad-02 {
  animation: none !important;
  opacity: .38 !important;
  transform: scale3d(.86, .86, 1) !important;
}

.wf-exact-home .h2-hero-title .emoji,
.wf-exact-home .flex-heading .emoji,
.wf-exact-home .emoji {
  font-family: "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif !important;
  font-style: normal !important;
  font-weight: 400 !important;
  text-shadow: none !important;
}

@media (max-width: 991px) {
  .wf-exact-home .benefit-grid {
    grid-template-columns: 1fr !important;
    width: min(92vw, 720px) !important;
  }

  .wf-exact-home .benefit-grid .png-wrap {
    order: 2 !important;
  }
}