:root {
    --ease-quart: cubic-bezier(0.165, 0.84, 0.44, 1);
}
.nike-main-wrapper {
    position: relative;
    width: 100%;
    height: var(--nike-h-pc, 100vh);
    overflow: hidden;
    background: #000;
}
.hero-slider {
    width: 100%;
    height: 100%;
    background: #000;
    margin: 0 !important;
    padding: 0 !important;
    cursor: grab;
    z-index: 1;
}
.hero-slider:active {
    cursor: grabbing;
}
.hero-slider .swiper-slide {
    overflow: hidden;
    background: #000;
    visibility: visible;
    pointer-events: none;
    z-index: 1;
}
.hero-slider .swiper-slide-active {
    pointer-events: auto;
    z-index: 2;
}
.hero-slider .slide-media {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 1;
    will-change: transform;
    transform: scale(1);
}
.hero-slider .slide-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(to right, rgba(0, 0, 0, 0.8) 0, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0.2) 100%);
    z-index: 2;
    pointer-events: none;
}
.hero-slider .slide-content {
    position: absolute;
    top: 50%;
    left: 5%;
    width: 45%;
    transform: translateY(-50%);
    z-index: 10;
    text-align: left;
    color: #fff;
    opacity: 0;
    transition:
        opacity 0.6s ease,
        transform 0.8s var(--ease-quart);
    pointer-events: none;
}
.hero-slider .swiper-slide-active .slide-content {
    opacity: 1;
    transform: translateY(-50%);
    pointer-events: auto;
}
.hero-slider .slide-title {
    font-size: var(--nike-title-pc, clamp(2.5rem, 5vw, 6rem));
    text-transform: none !important;
    margin: 0 0 1.5rem;
    letter-spacing: -0.04em;
    text-shadow: 0 10px 30px rgba(0, 0, 0, 0.6);
}
.hero-slider .slide-desc {
    font-size: clamp(1rem, 1.2vw, 1.4rem);
    font-weight: 400;
    margin-bottom: 2.5rem;
    color: #f0f0f0;
    max-width: 90%;
    text-shadow: 0 2px 10px rgba(0, 0, 0, 0.8);
}
.hero-slider .btn-group {
    display: flex;
    gap: 20px;
    justify-content: flex-start;
    flex-wrap: wrap;
}
.control-btn,
.controls-wrapper {
    display: flex;
    align-items: center;
}
.hero-slider .nike-btn {
    position: relative;
    padding: 18px 42px;
    border-radius: 100px;
    text-decoration: none;
    color: #fff;
    font-weight: 700;
    font-size: 1rem;
    overflow: hidden;
    background: rgba(255, 255, 255, 0.15);
    border: 1.5px solid rgba(255, 255, 255, 0.8);
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
    transition:
        transform 0.3s,
        background 0.3s;
    white-space: nowrap;
}
@media (hover: hover) {
    .hero-slider .nike-btn:hover {
        transform: scale(1.05);
        background: rgba(255, 255, 255, 0.25);
    }
}
.nike-mob-controls-row {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 50;
}
.controls-wrapper {
    position: absolute;
    bottom: 40px;
    right: 60px;
    gap: 12px;
    pointer-events: auto;
}
.control-btn {
    position: relative;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: rgba(20, 20, 20, 0.6);
    border: 1px solid rgba(255, 255, 255, 0.3);
    color: #fff;
    justify-content: center;
    cursor: pointer;
    transition:
        transform 0.2s,
        background 0.2s;
    padding: 0;
    outline: 0;
}
.autoplay-btn {
    width: 56px;
    height: 56px;
    background: 0 0;
    border: none;
}
.timer-svg {
    position: absolute;
    inset: 0;
    transform: rotate(-90deg);
}
.timer-svg circle {
    fill: none;
    stroke-width: 2.5;
}
.timer-svg .track {
    stroke: rgba(255, 255, 255, 0.2);
}
.timer-svg .progress {
    stroke: #fff;
    stroke-dasharray: 150;
    stroke-dashoffset: 150;
}
.icon-wrap {
    position: absolute;
    pointer-events: none;
}
.icon-state {
    transition: opacity 0.3s;
    fill: #fff;
    display: block;
}
.autoplay-btn .icon-play,
.autoplay-btn.is-paused .icon-pause,
.nike-hidden-load {
    display: none;
}
.autoplay-btn.is-paused .icon-play {
    display: block;
}
.swiper-pagination {
    position: absolute;
    bottom: 40px !important;
    left: 60px !important;
    width: auto !important;
    display: flex;
    align-items: center;
    gap: 10px;
    pointer-events: auto;
}
.swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    background: rgba(255, 255, 255, 0.3);
    border: 1px solid rgba(255, 255, 255, 0.4);
    border-radius: 20px;
    opacity: 1;
    cursor: pointer;
    transition: 0.4s;
}
.swiper-pagination-bullet-active {
    width: 40px;
    background: #fff;
    border-color: #fff;
    box-shadow: 0 0 15px rgba(255, 255, 255, 0.4);
}
.video-loader {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 40px;
    height: 40px;
    border: 3px solid rgba(255, 255, 255, 0.2);
    border-top: 3px solid #fff;
    border-radius: 50%;
    animation: 0.8s linear infinite spin;
    transform: translate(-50%, -50%);
    display: none;
    z-index: 5;
}
@keyframes spin {
    100% {
        transform: translate(-50%, -50%) rotate(360deg);
    }
}
.hero-slider.nike-zoom-effect .swiper-slide-active .slide-media {
    animation: 6s ease-out forwards nikeZoom;
}
@keyframes nikeZoom {
    0% {
        transform: scale(1);
    }
    100% {
        transform: scale(1.05);
    }
}
.nike-rainbow-preloader {
    width: 40px;
    height: 40px;
    border: 3px solid transparent;
    border-color: red #00f #fff #000;
    border-radius: 50%;
    animation: 1s linear infinite spin;
    margin: 0 auto;
}
.nike-visible-load {
    display: block;
    animation: 0.5s fadeIn;
}
@keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
.nike-static-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 20;
    pointer-events: none;
    padding: 40px;
    margin-top: var(--nike-ov-mt, 80px);
}
.nike-col-right {
    pointer-events: auto;
    width: 80%;
    max-width: 500px;
    text-align: left;
    color: #fff;
}
.nike-has-rainbow {
    position: relative;
    padding: var(--nike-ov-pad-pc, 40px);
    margin: var(--nike-ov-mar-pc, 0);
    border-radius: 12px;
    background: var(--nike-ov-bg, rgba(0, 0, 0, 0.6));
    backdrop-filter: blur(10px);
    overflow: hidden;
    min-height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.nike-rainbow-inner {
    width: 100%;
}
.nike-has-rainbow::before {
    content: "";
    position: absolute;
    width: 200%;
    height: 200%;
    top: -50%;
    left: -50%;
    background: conic-gradient(red, #ff69b4, #00f, #00008b, #00bfff, #000, #fff, red);
    animation: 4s linear infinite nike-spin;
    z-index: -2;
}
.nike-has-rainbow::after {
    content: "";
    position: absolute;
    inset: 3px;
    background: #1a1a1a;
    border-radius: 10px;
    z-index: -1;
}
@keyframes nike-spin {
    100% {
        transform: rotate(360deg);
    }
}
.nike-global-title {
    font-size: 2rem;
    font-weight: 700;
    margin: 0 0 10px;
    color: #fff;
}
.nike-global-desc {
    font-size: 1rem;
    color: #ccc;
    margin-bottom: 20px;
    line-height: 1.5;
}
@media (max-width: 768px) {
    .hero-slider .slide-content,
    .hero-slider .swiper-slide-active .slide-content {
        transform: translate(-50%, -50%);
    }
    .nike-main-wrapper {
        height: auto;
        min-height: auto;
        display: flex;
        flex-direction: column;
        background: #000;
    }
    .hero-slider {
        position: relative;
        width: 100%;
        height: var(--nike-h-mob, 90vh);
        flex-shrink: 0;
        z-index: 1;
        order: 1;
    }
    .hero-slider .slide-content {
        left: 50%;
        width: 90%;
        top: 50%;
        text-align: center;
    }
    .hero-slider .slide-title {
        font-size: var(--nike-title-mob, 2.2rem);
    }
    .hero-slider .slide-desc {
        font-size: 0.95rem;
        margin-left: auto;
        margin-right: auto;
    }
    .hero-slider .btn-group {
        justify-content: center;
    }
    .nike-static-overlay {
        position: relative;
        width: 100%;
        height: auto;
        inset: auto;
        padding: 0;
        order: 2;
        background: 0 0;
        pointer-events: auto;
        margin-top: var(--nike-ov-mt, 80px);
    }
    .nike-col-right {
        width: var(--nike-ov-width-mob, 95%);
        max-width: 100%;
        margin: 0 auto;
    }
    .nike-has-rainbow {
        width: 100%;
        box-sizing: border-box;
        padding: var(--nike-ov-pad-mob, 20px);
        margin: var(--nike-ov-mar-mob, 30px 15px 15px 15px);
    }
    .nike-mob-controls-row {
        position: absolute;
        top: calc(var(--nike-h-mob, 90vh) - 80px);
        height: 60px;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 0 20px;
        box-sizing: border-box;
        pointer-events: none;
        z-index: 100;
    }
    .swiper-pagination {
        position: static !important;
        width: auto !important;
        transform: none !important;
        margin: 0 !important;
        pointer-events: auto;
    }
    .controls-wrapper {
        position: static;
        margin: 0;
        pointer-events: auto;
    }
}

/* ==========================================================
   One2TenX Brand Polish Layer
   Keeps original PHP + JS behavior. Only visual layer changed.
   Brand: deep navy + blue + red. No orange.
   ========================================================== */

:root{
  --otx-deep:#070B22;
  --otx-navy:#0B1F6B;
  --otx-blue:#132B86;
  --otx-red:#D42B2B;
  --otx-red-soft:rgba(212,43,43,.46);
  --otx-white:#FFFFFF;
  --otx-muted:#DCE3FF;
  --otx-glass:rgba(7,11,34,.76);
  --otx-line:rgba(255,255,255,.18);
}

/* Base slider atmosphere */
.nike-main-wrapper{
  background:var(--otx-deep)!important;
  isolation:isolate;
}

.hero-slider,
.hero-slider .swiper-slide{
  background:var(--otx-deep)!important;
}

/* Stronger branded overlay for text readability */
.hero-slider .slide-overlay{
  background:
    linear-gradient(90deg,
      rgba(7,11,34,.96) 0%,
      rgba(11,31,107,.88) 36%,
      rgba(11,31,107,.58) 58%,
      rgba(212,43,43,.36) 100%
    ),
    radial-gradient(circle at 78% 45%, rgba(212,43,43,.38), transparent 42%),
    radial-gradient(circle at 18% 58%, rgba(11,31,107,.48), transparent 46%)!important;
}

/* Subtle deep edge for readability */
.hero-slider .swiper-slide:after{
  content:"";
  position:absolute;
  inset:0;
  z-index:3;
  pointer-events:none;
  background:
    linear-gradient(to bottom, rgba(7,11,34,.18) 0%, transparent 35%, rgba(7,11,34,.42) 100%);
}

/* Text readability */
.hero-slider .slide-content{
  z-index:12!important;
  color:#fff!important;
}

.hero-slider .slide-title{
  color:#fff!important;
  line-height:.98!important;
  letter-spacing:-.045em!important;
  text-shadow:0 16px 42px rgba(0,0,0,.72)!important;
}

.hero-slider .slide-title:after{
  content:"";
  display:block;
  width:112px;
  height:5px;
  margin-top:28px;
  background:linear-gradient(90deg,var(--otx-red),#FF4646,var(--otx-navy));
  box-shadow:0 10px 28px rgba(212,43,43,.35);
}

.hero-slider .slide-desc{
  color:var(--otx-muted)!important;
  line-height:1.55!important;
  text-shadow:0 8px 30px rgba(0,0,0,.86)!important;
}

/* CTA buttons */
.hero-slider .nike-btn{
  border-radius:0!important;
  border:1px solid rgba(255,255,255,.14)!important;
  background:var(--otx-red)!important;
  color:#fff!important;
  box-shadow:0 20px 54px rgba(212,43,43,.28)!important;
  text-shadow:none!important;
  font-weight:900!important;
  letter-spacing:-.01em;
}

.hero-slider .nike-btn:nth-child(2){
  background:rgba(255,255,255,.08)!important;
  border-color:rgba(255,255,255,.26)!important;
  backdrop-filter:blur(10px);
}

@media (hover:hover){
  .hero-slider .nike-btn:hover{
    transform:translateY(-4px)!important;
    background:#FF4646!important;
    box-shadow:0 26px 70px rgba(212,43,43,.35)!important;
  }
  .hero-slider .nike-btn:nth-child(2):hover{
    background:#fff!important;
    color:var(--otx-navy)!important;
  }
}

/* Branded navigation controls */
.control-btn{
  background:rgba(7,11,34,.72)!important;
  border:1px solid rgba(255,255,255,.18)!important;
  box-shadow:0 18px 46px rgba(0,0,0,.22);
  backdrop-filter:blur(10px);
}

.control-btn:hover{
  background:var(--otx-red)!important;
  border-color:var(--otx-red)!important;
  transform:translateY(-3px);
}

.autoplay-btn{
  background:rgba(7,11,34,.72)!important;
}

.timer-svg .track{
  stroke:rgba(255,255,255,.18)!important;
}

.timer-svg .progress{
  stroke:#FF4646!important;
  filter:drop-shadow(0 0 10px rgba(212,43,43,.6));
}

.swiper-pagination-bullet{
  background:rgba(255,255,255,.32)!important;
  border-color:rgba(255,255,255,.44)!important;
}

.swiper-pagination-bullet-active{
  background:linear-gradient(90deg,var(--otx-red),#FF4646,var(--otx-navy))!important;
  border-color:rgba(255,255,255,.78)!important;
  box-shadow:0 0 18px rgba(212,43,43,.48)!important;
}

/* Loader */
.video-loader,
.nike-rainbow-preloader{
  border-color:rgba(255,255,255,.16)!important;
  border-top-color:#FF4646!important;
  box-shadow:0 0 28px rgba(212,43,43,.36);
}

/* Right-side shortcode/form panel:
   Keep original responsive structure, only rebrand the visual layer. */
.nike-static-overlay{
  overflow:visible!important;
}

.nike-col-right{
  position:relative;
  z-index:25;
}

.nike-has-rainbow{
  position:relative!important;
  overflow:visible!important;
  border-radius:0!important;
  border:1px solid rgba(255,255,255,.16);
  background:
    linear-gradient(135deg,
      rgba(7,11,34,.94) 0%,
      rgba(11,31,107,.86) 46%,
      rgba(212,43,43,.32) 100%
    )!important;
  box-shadow:
    0 34px 90px rgba(0,0,0,.34),
    inset 0 0 0 1px rgba(255,255,255,.08)!important;
  backdrop-filter:blur(16px);
}

/* Unique micro-interaction peeking behind the right panel.
   It uses only blue/red/white. No orange. */
.nike-has-rainbow::before{
  content:""!important;
  position:absolute!important;
  width:260px!important;
  height:260px!important;
  right:-74px!important;
  bottom:-74px!important;
  top:auto!important;
  left:auto!important;
  z-index:-2!important;
  border-radius:50%!important;
  background:
    radial-gradient(circle at 42% 42%, rgba(255,70,70,.86) 0%, rgba(212,43,43,.46) 28%, transparent 62%),
    conic-gradient(from 80deg, rgba(212,43,43,.82), rgba(11,31,107,.66), rgba(255,255,255,.20), rgba(212,43,43,.82))!important;
  animation:otxPanelSignal 7s ease-in-out infinite!important;
  filter:blur(.2px);
  pointer-events:none!important;
}

.nike-has-rainbow::after{
  content:""!important;
  position:absolute!important;
  width:180px!important;
  height:180px!important;
  left:-42px!important;
  top:-42px!important;
  right:auto!important;
  bottom:auto!important;
  inset:auto!important;
  z-index:-1!important;
  border-radius:50%!important;
  background:
    radial-gradient(circle, rgba(11,31,107,.78), rgba(7,11,34,.06) 68%, transparent 72%)!important;
  animation:otxPanelOrbit 9s ease-in-out infinite!important;
  pointer-events:none!important;
}

/* Small internal texture, not orange */
.nike-has-rainbow .nike-rainbow-inner{
  position:relative;
  z-index:2;
}

.nike-has-rainbow .nike-rainbow-inner:before{
  content:"";
  position:absolute;
  inset:-18px;
  z-index:-1;
  pointer-events:none;
  opacity:.26;
  background-image:
    linear-gradient(rgba(255,255,255,.075) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.075) 1px, transparent 1px);
  background-size:34px 34px;
  mask-image:linear-gradient(135deg, black, transparent 76%);
}

/* Right panel typography */
.nike-global-title{
  color:#fff!important;
  font-weight:900!important;
  line-height:1.08!important;
  letter-spacing:-.035em!important;
  text-shadow:0 10px 34px rgba(0,0,0,.42);
}

.nike-global-title:after{
  content:"";
  display:block;
  width:80px;
  height:4px;
  margin-top:16px;
  background:linear-gradient(90deg,var(--otx-red),#FF4646,var(--otx-navy));
  box-shadow:0 10px 28px rgba(212,43,43,.32);
}

.nike-global-desc{
  color:var(--otx-muted)!important;
  line-height:1.65!important;
  font-weight:500!important;
}

/* Bit Form / common form styling inside shortcode panel */
.nike-global-sc,
.nike-global-sc form,
.nike-global-sc .bit-form,
.nike-global-sc .bf-form,
.nike-global-sc [class*="bit"]{
  max-width:100%;
}

.nike-global-sc label,
.nike-global-sc .bf-label,
.nike-global-sc .bit-form label{
  color:#fff!important;
  font-weight:700!important;
}

.nike-global-sc input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]),
.nike-global-sc textarea,
.nike-global-sc select{
  width:100%!important;
  min-height:54px!important;
  border:1px solid rgba(255,255,255,.26)!important;
  background:rgba(255,255,255,.07)!important;
  color:#fff!important;
  border-radius:16px!important;
  padding:13px 16px!important;
  box-shadow:none!important;
  outline:none!important;
  transition:border-color .25s ease, box-shadow .25s ease, background .25s ease!important;
}

.nike-global-sc textarea{
  min-height:118px!important;
}

.nike-global-sc input::placeholder,
.nike-global-sc textarea::placeholder{
  color:rgba(220,227,255,.66)!important;
}

.nike-global-sc input:focus,
.nike-global-sc textarea:focus,
.nike-global-sc select:focus{
  border-color:#FF4646!important;
  box-shadow:0 0 0 4px rgba(212,43,43,.18)!important;
  background:rgba(255,255,255,.11)!important;
}

.nike-global-sc button,
.nike-global-sc input[type="submit"],
.nike-global-sc .bf-submit button,
.nike-global-sc [type="submit"]{
  border-radius:0!important;
  border:1px solid rgba(255,255,255,.16)!important;
  background:var(--otx-red)!important;
  color:#fff!important;
  padding:14px 24px!important;
  font-weight:900!important;
  box-shadow:0 18px 46px rgba(212,43,43,.28)!important;
  transition:transform .25s ease, box-shadow .25s ease, background .25s ease!important;
}

.nike-global-sc button:hover,
.nike-global-sc input[type="submit"]:hover,
.nike-global-sc .bf-submit button:hover,
.nike-global-sc [type="submit"]:hover{
  transform:translateY(-3px)!important;
  background:#FF4646!important;
  box-shadow:0 24px 60px rgba(212,43,43,.36)!important;
}

/* If Bit Form injects white panels, darken only inside slider */
.nike-global-sc .bf-field-wrap,
.nike-global-sc .bit-form-field,
.nike-global-sc .form-group{
  background:transparent!important;
}

/* Micro-interaction keyframes */
@keyframes otxPanelSignal{
  0%,100%{
    transform:translate3d(0,0,0) scale(1) rotate(0deg);
    opacity:.72;
  }
  45%{
    transform:translate3d(-18px,-16px,0) scale(1.08) rotate(24deg);
    opacity:1;
  }
  70%{
    transform:translate3d(10px,-6px,0) scale(.98) rotate(-12deg);
    opacity:.86;
  }
}

@keyframes otxPanelOrbit{
  0%,100%{
    transform:translate3d(0,0,0) scale(1);
    opacity:.7;
  }
  50%{
    transform:translate3d(24px,18px,0) scale(1.08);
    opacity:.95;
  }
}

/* Mobile: preserve your original responsive layout, improve readability only */
@media (max-width:768px){
  .hero-slider .slide-overlay{
    background:
      linear-gradient(to bottom,
        rgba(7,11,34,.76) 0%,
        rgba(11,31,107,.58) 35%,
        rgba(7,11,34,.92) 100%
      ),
      radial-gradient(circle at 75% 30%, rgba(212,43,43,.34), transparent 45%)!important;
  }

  .hero-slider .slide-content{
    width:92%!important;
    padding:0 10px;
  }

  .hero-slider .slide-title{
    font-size:var(--nike-title-mob, clamp(2rem, 11vw, 3.2rem))!important;
    line-height:1.02!important;
    text-wrap:balance;
  }

  .hero-slider .slide-title:after{
    margin:22px auto 0;
    width:86px;
    height:4px;
  }

  .hero-slider .slide-desc{
    max-width:92%!important;
    font-size:clamp(.95rem, 3.8vw, 1.08rem)!important;
  }

  .hero-slider .nike-btn{
    padding:15px 28px!important;
    font-size:.96rem!important;
  }

  .nike-has-rainbow{
    border-radius:0!important;
    padding:var(--nike-ov-pad-mob,20px)!important;
    background:
      linear-gradient(145deg,
        rgba(7,11,34,.96),
        rgba(11,31,107,.84) 52%,
        rgba(212,43,43,.28)
      )!important;
  }

  .nike-has-rainbow::before{
    width:190px!important;
    height:190px!important;
    right:-72px!important;
    bottom:-62px!important;
  }

  .nike-has-rainbow::after{
    width:130px!important;
    height:130px!important;
    left:-52px!important;
    top:-42px!important;
  }

  .nike-global-title{
    font-size:clamp(1.5rem, 7vw, 2.1rem)!important;
  }

  .controls-wrapper .control-btn{
    width:48px;
    height:48px;
  }
}

/* Respect reduced motion */
@media (prefers-reduced-motion:reduce){
  .nike-has-rainbow::before,
  .nike-has-rainbow::after,
  .hero-slider.nike-zoom-effect .swiper-slide-active .slide-media{
    animation:none!important;
  }
}

/* ==========================================================
   One2TenX V3 Micro-Interaction Upgrade
   Premium signal system behind right-side shortcode / Bit Form panel.
   Keeps original slider behavior untouched.
   ========================================================== */

/* Make the form panel a premium stage */
.nike-static-overlay{
  overflow:visible!important;
  perspective:1200px;
}

.nike-col-right{
  position:relative!important;
  isolation:isolate;
  overflow:visible!important;
}

/* Background aura behind the entire panel */
.nike-col-right:before{
  content:"";
  position:absolute;
  right:-78px;
  bottom:-70px;
  width:310px;
  height:310px;
  z-index:-5;
  pointer-events:none;
  opacity:.92;
  background:
    radial-gradient(circle at 50% 50%, rgba(255,70,70,.42), transparent 34%),
    radial-gradient(circle at 52% 50%, rgba(11,31,107,.46), transparent 60%);
  filter:blur(2px);
  animation:otxV3AuraBreath 6.8s ease-in-out infinite;
}

/* Thin premium orbit ring */
.nike-col-right:after{
  content:"";
  position:absolute;
  right:-62px;
  bottom:-56px;
  width:270px;
  height:270px;
  z-index:-4;
  pointer-events:none;
  border-radius:50%;
  border:1px solid rgba(255,255,255,.18);
  background:
    conic-gradient(from 0deg,
      rgba(212,43,43,0) 0deg,
      rgba(212,43,43,.92) 34deg,
      rgba(255,255,255,.22) 52deg,
      rgba(11,31,107,.60) 120deg,
      rgba(212,43,43,0) 190deg,
      rgba(255,70,70,.72) 285deg,
      rgba(212,43,43,0) 360deg
    );
  -webkit-mask:radial-gradient(farthest-side, transparent calc(100% - 3px), #000 calc(100% - 2px));
  mask:radial-gradient(farthest-side, transparent calc(100% - 3px), #000 calc(100% - 2px));
  animation:otxV3OrbitSpin 11s linear infinite;
}

/* Main panel: remove old simple orb behavior and set layered stage */
.nike-has-rainbow{
  isolation:isolate!important;
  transform-style:preserve-3d;
}

/* Replace old single round micro object with an elegant signal dashboard */
.nike-has-rainbow::before{
  content:""!important;
  position:absolute!important;
  right:-98px!important;
  bottom:-98px!important;
  left:auto!important;
  top:auto!important;
  width:330px!important;
  height:330px!important;
  z-index:-3!important;
  border-radius:32px!important;
  pointer-events:none!important;
  opacity:1!important;
  filter:none!important;
  background:
    linear-gradient(90deg, rgba(255,255,255,.16) 1px, transparent 1px),
    linear-gradient(0deg, rgba(255,255,255,.12) 1px, transparent 1px),
    radial-gradient(circle at 72% 70%, rgba(255,70,70,.58), transparent 24%),
    radial-gradient(circle at 36% 34%, rgba(11,31,107,.76), transparent 38%),
    linear-gradient(135deg, rgba(7,11,34,.04), rgba(212,43,43,.22));
  background-size:
    34px 34px,
    34px 34px,
    100% 100%,
    100% 100%,
    100% 100%;
  transform:rotate(-8deg);
  animation:
    otxV3GridDrift 8s ease-in-out infinite,
    otxV3PanelTilt 10s ease-in-out infinite;
}

/* Rebuild ::after as scanning card, not a single orb */
.nike-has-rainbow::after{
  content:""!important;
  position:absolute!important;
  left:auto!important;
  top:auto!important;
  right:-56px!important;
  bottom:-42px!important;
  inset:auto!important;
  width:220px!important;
  height:150px!important;
  z-index:-2!important;
  border-radius:0!important;
  pointer-events:none!important;
  opacity:.95!important;
  background:
    linear-gradient(90deg, transparent 0%, rgba(255,255,255,.30) 45%, transparent 74%),
    linear-gradient(135deg, rgba(7,11,34,.72), rgba(11,31,107,.52) 52%, rgba(212,43,43,.44));
  border:1px solid rgba(255,255,255,.18);
  box-shadow:
    0 22px 60px rgba(212,43,43,.26),
    inset 0 0 0 1px rgba(255,255,255,.08);
  transform:rotate(-8deg);
  animation:otxV3ScannerSlide 5.4s ease-in-out infinite;
}

/* Inner content gets a premium light edge */
.nike-has-rainbow .nike-rainbow-inner{
  position:relative;
  z-index:3;
}

.nike-has-rainbow .nike-rainbow-inner:before{
  content:"";
  position:absolute;
  inset:-22px;
  z-index:-1;
  pointer-events:none;
  opacity:.35;
  background:
    radial-gradient(circle at 104% 104%, rgba(255,70,70,.55), transparent 28%),
    linear-gradient(90deg, rgba(255,255,255,.08) 1px, transparent 1px),
    linear-gradient(0deg, rgba(255,255,255,.06) 1px, transparent 1px);
  background-size:100% 100%, 32px 32px, 32px 32px;
  mask-image:linear-gradient(135deg, transparent 0%, black 22%, black 78%, transparent 100%);
  animation:otxV3InnerSignal 7.2s ease-in-out infinite;
}

/* Add animated accent nodes using global title and shortcode container pseudo elements */
.nike-global-title{
  position:relative;
}

.nike-global-title:before{
  content:"";
  position:absolute;
  right:-38px;
  top:-14px;
  width:12px;
  height:12px;
  border-radius:50%;
  background:#FF4646;
  box-shadow:
    0 0 0 6px rgba(212,43,43,.12),
    0 0 28px rgba(255,70,70,.74);
  animation:otxV3NodePing 2.2s ease-in-out infinite;
}

.nike-global-sc{
  position:relative;
}

.nike-global-sc:before{
  content:"";
  position:absolute;
  right:-46px;
  top:18%;
  width:96px;
  height:2px;
  background:linear-gradient(90deg, transparent, rgba(255,70,70,.95), transparent);
  box-shadow:0 0 18px rgba(212,43,43,.52);
  pointer-events:none;
  animation:otxV3SignalLine 3.8s ease-in-out infinite;
}

.nike-global-sc:after{
  content:"";
  position:absolute;
  right:-22px;
  bottom:12%;
  width:9px;
  height:9px;
  border-radius:50%;
  background:#FFFFFF;
  box-shadow:
    -40px -18px 0 rgba(255,70,70,.76),
    -74px 22px 0 rgba(11,31,107,.95),
    0 0 18px rgba(255,255,255,.65);
  pointer-events:none;
  animation:otxV3NodeFloat 5.2s ease-in-out infinite;
}

/* Premium red-blue edge line */
.nike-has-rainbow{
  border-image:linear-gradient(135deg, rgba(255,255,255,.20), rgba(212,43,43,.70), rgba(11,31,107,.52), rgba(255,255,255,.14)) 1!important;
}

@keyframes otxV3AuraBreath{
  0%,100%{transform:translate3d(0,0,0) scale(1);opacity:.70}
  50%{transform:translate3d(-18px,-12px,0) scale(1.08);opacity:1}
}

@keyframes otxV3OrbitSpin{
  to{transform:rotate(360deg)}
}

@keyframes otxV3GridDrift{
  0%,100%{background-position:0 0, 0 0, center, center, center}
  50%{background-position:22px -12px, -18px 16px, center, center, center}
}

@keyframes otxV3PanelTilt{
  0%,100%{transform:rotate(-8deg) translate3d(0,0,0) scale(1)}
  50%{transform:rotate(-4deg) translate3d(-12px,-12px,0) scale(1.035)}
}

@keyframes otxV3ScannerSlide{
  0%,100%{
    transform:rotate(-8deg) translate3d(0,0,0);
    opacity:.78;
    background-position:-180px 0, center;
  }
  50%{
    transform:rotate(-3deg) translate3d(-24px,-18px,0);
    opacity:1;
    background-position:180px 0, center;
  }
}

@keyframes otxV3InnerSignal{
  0%,100%{opacity:.22;background-position:center,0 0,0 0}
  50%{opacity:.42;background-position:center,22px -10px,-16px 18px}
}

@keyframes otxV3NodePing{
  0%,100%{transform:scale(1);opacity:.72}
  50%{transform:scale(1.35);opacity:1}
}

@keyframes otxV3SignalLine{
  0%,100%{transform:translateX(0) scaleX(.72);opacity:.28}
  50%{transform:translateX(-34px) scaleX(1.2);opacity:1}
}

@keyframes otxV3NodeFloat{
  0%,100%{transform:translate3d(0,0,0);opacity:.75}
  50%{transform:translate3d(-18px,-16px,0);opacity:1}
}

/* Mobile: keep it elegant and lighter */
@media (max-width:768px){
  .nike-col-right:before{
    width:230px;
    height:230px;
    right:-90px;
    bottom:-58px;
    opacity:.72;
  }

  .nike-col-right:after{
    width:200px;
    height:200px;
    right:-80px;
    bottom:-50px;
  }

  .nike-has-rainbow::before{
    width:240px!important;
    height:240px!important;
    right:-94px!important;
    bottom:-84px!important;
    opacity:.82!important;
  }

  .nike-has-rainbow::after{
    width:166px!important;
    height:116px!important;
    right:-66px!important;
    bottom:-44px!important;
  }

  .nike-global-title:before,
  .nike-global-sc:before,
  .nike-global-sc:after{
    display:none!important;
  }
}

/* Extra safety for reduced motion */
@media (prefers-reduced-motion:reduce){
  .nike-col-right:before,
  .nike-col-right:after,
  .nike-has-rainbow::before,
  .nike-has-rainbow::after,
  .nike-has-rainbow .nike-rainbow-inner:before,
  .nike-global-title:before,
  .nike-global-sc:before,
  .nike-global-sc:after{
    animation:none!important;
  }
}

/* ==========================================================
   One2TenX V4 Micro-Interaction Upgrade
   Smaller red corner element + more elegant micro elements.
   Original PHP/JS untouched.
   ========================================================== */

/* Override the V3 big shapes and convert into small premium signal details */
.nike-col-right:before{
  right:-46px!important;
  bottom:-44px!important;
  width:210px!important;
  height:210px!important;
  opacity:.74!important;
  background:
    radial-gradient(circle at 50% 50%, rgba(255,70,70,.30), transparent 35%),
    radial-gradient(circle at 52% 50%, rgba(11,31,107,.38), transparent 62%)!important;
  animation:otxV4SoftAura 7.4s ease-in-out infinite!important;
}

.nike-col-right:after{
  right:-38px!important;
  bottom:-34px!important;
  width:174px!important;
  height:174px!important;
  border-width:1px!important;
  opacity:.78!important;
  animation:otxV4ThinOrbit 13s linear infinite!important;
}

/* Smaller, cleaner signal grid instead of a large square block */
.nike-has-rainbow::before{
  right:-58px!important;
  bottom:-54px!important;
  width:188px!important;
  height:188px!important;
  border-radius:18px!important;
  opacity:.88!important;
  transform:rotate(-9deg)!important;
  background:
    linear-gradient(90deg, rgba(255,255,255,.14) 1px, transparent 1px),
    linear-gradient(0deg, rgba(255,255,255,.10) 1px, transparent 1px),
    radial-gradient(circle at 74% 72%, rgba(255,70,70,.54), transparent 23%),
    radial-gradient(circle at 32% 34%, rgba(11,31,107,.68), transparent 42%),
    linear-gradient(135deg, rgba(7,11,34,.05), rgba(212,43,43,.14))!important;
  background-size:26px 26px,26px 26px,100% 100%,100% 100%,100% 100%!important;
  box-shadow:
    0 20px 55px rgba(212,43,43,.18),
    inset 0 0 0 1px rgba(255,255,255,.13)!important;
  animation:otxV4MiniGrid 7.8s ease-in-out infinite!important;
}

/* Bottom-right red moving square: now smaller and premium */
.nike-has-rainbow::after{
  right:-24px!important;
  bottom:-18px!important;
  width:72px!important;
  height:72px!important;
  border-radius:8px!important;
  opacity:.96!important;
  background:
    linear-gradient(135deg, rgba(255,255,255,.22), transparent 36%),
    linear-gradient(135deg, #D42B2B, #FF4646 58%, rgba(11,31,107,.72))!important;
  border:1px solid rgba(255,255,255,.24)!important;
  box-shadow:
    0 18px 46px rgba(212,43,43,.38),
    inset 0 0 0 1px rgba(255,255,255,.12)!important;
  transform:rotate(-10deg)!important;
  animation:otxV4TinyTile 4.8s ease-in-out infinite!important;
}

/* Add elegant small micro-elements using existing child containers */
.nike-has-rainbow .nike-rainbow-inner:before{
  inset:-24px!important;
  opacity:.38!important;
  background:
    radial-gradient(circle at 105% 104%, rgba(255,70,70,.42), transparent 22%),
    radial-gradient(circle at -4% 12%, rgba(11,31,107,.52), transparent 20%),
    linear-gradient(90deg, rgba(255,255,255,.07) 1px, transparent 1px),
    linear-gradient(0deg, rgba(255,255,255,.055) 1px, transparent 1px)!important;
  background-size:100% 100%,100% 100%,28px 28px,28px 28px!important;
  animation:otxV4InnerGridPulse 7s ease-in-out infinite!important;
}

/* A thin scanning underline behind the form, not inside fields */
.nike-has-rainbow .nike-rainbow-inner:after{
  content:"";
  position:absolute;
  right:-42px;
  bottom:22px;
  width:132px;
  height:3px;
  z-index:-1;
  pointer-events:none;
  background:linear-gradient(90deg, transparent, rgba(255,70,70,.95), rgba(255,255,255,.55), transparent);
  box-shadow:0 0 18px rgba(212,43,43,.44);
  animation:otxV4ScanLine 3.6s ease-in-out infinite;
}

/* Smaller signal node near title */
.nike-global-title:before{
  right:-22px!important;
  top:-8px!important;
  width:8px!important;
  height:8px!important;
  box-shadow:
    0 0 0 5px rgba(212,43,43,.10),
    0 0 20px rgba(255,70,70,.65)!important;
  animation:otxV4TinyPing 2.1s ease-in-out infinite!important;
}

/* Replace heavy form nodes with elegant constellation */
.nike-global-sc:before{
  right:-36px!important;
  top:12%!important;
  width:70px!important;
  height:1px!important;
  background:linear-gradient(90deg, transparent, rgba(255,70,70,.82), transparent)!important;
  opacity:.86!important;
  animation:otxV4SignalLine 3.9s ease-in-out infinite!important;
}

.nike-global-sc:after{
  right:-18px!important;
  bottom:10%!important;
  width:7px!important;
  height:7px!important;
  background:#fff!important;
  box-shadow:
    -28px -16px 0 rgba(255,70,70,.72),
    -52px 15px 0 rgba(11,31,107,.92),
    -78px -2px 0 rgba(255,255,255,.44),
    0 0 16px rgba(255,255,255,.58)!important;
  animation:otxV4Constellation 5.8s ease-in-out infinite!important;
}

/* New micro-elements: attach to the actual shortcode panel area */
.nike-global-sc{
  position:relative!important;
}

/* Mini signal chips behind bottom-left of form */
.nike-global-sc .bit-form:before,
.nike-global-sc form:before{
  content:"";
  position:absolute;
  left:-26px;
  bottom:-18px;
  width:46px;
  height:46px;
  border-radius:6px;
  background:
    linear-gradient(135deg, rgba(255,255,255,.20), transparent 42%),
    linear-gradient(135deg, rgba(11,31,107,.85), rgba(212,43,43,.62));
  border:1px solid rgba(255,255,255,.16);
  box-shadow:0 16px 36px rgba(11,31,107,.28);
  z-index:-1;
  pointer-events:none;
  animation:otxV4ChipFloat 5.2s ease-in-out infinite;
}

/* Do not break forms if they are not position relative */
.nike-global-sc .bit-form,
.nike-global-sc form{
  position:relative;
}

/* Keyframes */
@keyframes otxV4SoftAura{
  0%,100%{transform:translate3d(0,0,0) scale(1);opacity:.55}
  50%{transform:translate3d(-10px,-9px,0) scale(1.08);opacity:.86}
}

@keyframes otxV4ThinOrbit{
  to{transform:rotate(360deg)}
}

@keyframes otxV4MiniGrid{
  0%,100%{
    transform:rotate(-9deg) translate3d(0,0,0) scale(1);
    background-position:0 0,0 0,center,center,center;
  }
  50%{
    transform:rotate(-5deg) translate3d(-9px,-7px,0) scale(1.04);
    background-position:16px -10px,-12px 14px,center,center,center;
  }
}

@keyframes otxV4TinyTile{
  0%,100%{transform:rotate(-10deg) translate3d(0,0,0) scale(1);opacity:.84}
  45%{transform:rotate(2deg) translate3d(-14px,-12px,0) scale(1.08);opacity:1}
  72%{transform:rotate(-14deg) translate3d(-4px,4px,0) scale(.98);opacity:.92}
}

@keyframes otxV4InnerGridPulse{
  0%,100%{opacity:.22;background-position:center,center,0 0,0 0}
  50%{opacity:.42;background-position:center,center,18px -8px,-14px 12px}
}

@keyframes otxV4ScanLine{
  0%,100%{transform:translateX(0) scaleX(.55);opacity:.18}
  50%{transform:translateX(-28px) scaleX(1.1);opacity:.95}
}

@keyframes otxV4TinyPing{
  0%,100%{transform:scale(1);opacity:.65}
  50%{transform:scale(1.45);opacity:1}
}

@keyframes otxV4SignalLine{
  0%,100%{transform:translateX(0) scaleX(.62);opacity:.22}
  50%{transform:translateX(-24px) scaleX(1.15);opacity:1}
}

@keyframes otxV4Constellation{
  0%,100%{transform:translate3d(0,0,0);opacity:.72}
  50%{transform:translate3d(-12px,-10px,0);opacity:1}
}

@keyframes otxV4ChipFloat{
  0%,100%{transform:translate3d(0,0,0) rotate(-8deg);opacity:.50}
  50%{transform:translate3d(10px,-12px,0) rotate(8deg);opacity:.88}
}

/* Mobile: reduce number of elements for clean performance */
@media (max-width:768px){
  .nike-col-right:before{
    width:150px!important;
    height:150px!important;
    right:-64px!important;
    bottom:-42px!important;
  }

  .nike-col-right:after{
    width:128px!important;
    height:128px!important;
    right:-58px!important;
    bottom:-36px!important;
  }

  .nike-has-rainbow::before{
    width:142px!important;
    height:142px!important;
    right:-62px!important;
    bottom:-54px!important;
  }

  .nike-has-rainbow::after{
    width:52px!important;
    height:52px!important;
    right:-18px!important;
    bottom:-14px!important;
  }

  .nike-has-rainbow .nike-rainbow-inner:after,
  .nike-global-title:before,
  .nike-global-sc:before,
  .nike-global-sc:after,
  .nike-global-sc .bit-form:before,
  .nike-global-sc form:before{
    display:none!important;
  }
}

@media (prefers-reduced-motion:reduce){
  .nike-has-rainbow .nike-rainbow-inner:after,
  .nike-global-sc .bit-form:before,
  .nike-global-sc form:before{
    animation:none!important;
  }
}

/* ==========================================================
   One2TenX V5 Elegant Top-Right Micro Interaction
   Moves interaction from bottom-right to top-right.
   Removes filled holo round/square look.
   Uses thin-line signal arcs, nodes, scan strokes and elegant glass traces.
   Original PHP/JS untouched.
   ========================================================== */

/* Remove/neutralize older bottom-right filled shapes */
.nike-col-right:before,
.nike-col-right:after,
.nike-has-rainbow::before,
.nike-has-rainbow::after,
.nike-has-rainbow .nike-rainbow-inner:after,
.nike-global-sc:before,
.nike-global-sc:after,
.nike-global-sc .bit-form:before,
.nike-global-sc form:before{
  box-shadow:none!important;
}

/* Top-right elegant aura: very light, not filled holo */
.nike-col-right:before{
  content:""!important;
  position:absolute!important;
  right:-46px!important;
  top:-44px!important;
  bottom:auto!important;
  width:230px!important;
  height:230px!important;
  z-index:-5!important;
  pointer-events:none!important;
  opacity:.62!important;
  border-radius:50%!important;
  background:
    radial-gradient(circle, rgba(212,43,43,.22) 0%, rgba(212,43,43,.08) 34%, transparent 68%)!important;
  filter:blur(8px)!important;
  animation:otxV5AuraFloat 8s ease-in-out infinite!important;
}

/* Thin orbit ring moved to top right */
.nike-col-right:after{
  content:""!important;
  position:absolute!important;
  right:-34px!important;
  top:-28px!important;
  bottom:auto!important;
  width:178px!important;
  height:178px!important;
  z-index:-4!important;
  pointer-events:none!important;
  border-radius:50%!important;
  border:1px solid rgba(255,255,255,.18)!important;
  background:
    conic-gradient(from 40deg,
      transparent 0deg,
      rgba(255,255,255,.26) 22deg,
      rgba(212,43,43,.74) 46deg,
      transparent 74deg,
      transparent 150deg,
      rgba(11,31,107,.68) 192deg,
      rgba(255,255,255,.18) 214deg,
      transparent 254deg,
      transparent 360deg
    )!important;
  -webkit-mask:radial-gradient(farthest-side, transparent calc(100% - 2px), #000 calc(100% - 1px))!important;
  mask:radial-gradient(farthest-side, transparent calc(100% - 2px), #000 calc(100% - 1px))!important;
  animation:otxV5Orbit 14s linear infinite!important;
}

/* Replace previous square grid with top-right thin glass signal card */
.nike-has-rainbow::before{
  content:""!important;
  position:absolute!important;
  right:-52px!important;
  top:-34px!important;
  bottom:auto!important;
  left:auto!important;
  width:168px!important;
  height:104px!important;
  z-index:-3!important;
  border-radius:0!important;
  pointer-events:none!important;
  opacity:.86!important;
  transform:rotate(7deg)!important;
  background:
    linear-gradient(90deg, rgba(255,255,255,.12) 1px, transparent 1px),
    linear-gradient(0deg, rgba(255,255,255,.09) 1px, transparent 1px),
    linear-gradient(135deg, rgba(255,255,255,.04), rgba(11,31,107,.26), rgba(212,43,43,.12))!important;
  background-size:22px 22px,22px 22px,100% 100%!important;
  border:1px solid rgba(255,255,255,.16)!important;
  box-shadow:0 18px 44px rgba(7,11,34,.22)!important;
  animation:otxV5GlassTrace 6.8s ease-in-out infinite!important;
}

/* Remove filled bottom-right square; create elegant top-right red scan dash */
.nike-has-rainbow::after{
  content:""!important;
  position:absolute!important;
  right:18px!important;
  top:-20px!important;
  bottom:auto!important;
  left:auto!important;
  width:112px!important;
  height:2px!important;
  z-index:-2!important;
  border:0!important;
  border-radius:0!important;
  opacity:.94!important;
  pointer-events:none!important;
  transform:rotate(7deg)!important;
  background:linear-gradient(90deg, transparent, rgba(255,70,70,.95), rgba(255,255,255,.58), transparent)!important;
  box-shadow:0 0 18px rgba(212,43,43,.46)!important;
  animation:otxV5ScanDash 3.5s ease-in-out infinite!important;
}

/* Elegant internal diagonal traces, not heavy blocks */
.nike-has-rainbow .nike-rainbow-inner:before{
  opacity:.28!important;
  background:
    linear-gradient(135deg, transparent 0%, rgba(255,255,255,.10) 45%, transparent 48%, transparent 100%),
    linear-gradient(90deg, rgba(255,255,255,.045) 1px, transparent 1px),
    linear-gradient(0deg, rgba(255,255,255,.035) 1px, transparent 1px)!important;
  background-size:100% 100%,30px 30px,30px 30px!important;
  animation:otxV5InnerTrace 7.5s ease-in-out infinite!important;
}

/* Title node moved top-right, smaller and cleaner */
.nike-global-title:before{
  right:-16px!important;
  top:-12px!important;
  width:7px!important;
  height:7px!important;
  background:#FF4646!important;
  box-shadow:
    0 0 0 5px rgba(212,43,43,.10),
    0 0 18px rgba(255,70,70,.62)!important;
  animation:otxV5TinyNode 2.4s ease-in-out infinite!important;
}

/* Replace lower form effects with top-right elegant data ticks */
.nike-global-title{
  position:relative!important;
}

.nike-global-title:after{
  box-shadow:0 10px 28px rgba(212,43,43,.32), 84px -28px 0 -1px rgba(255,70,70,.70), 112px -18px 0 -2px rgba(255,255,255,.48)!important;
}

/* Add subtle top-right small line cluster using form container */
.nike-global-sc{
  position:relative!important;
}

.nike-global-sc:before{
  content:""!important;
  display:block!important;
  position:absolute!important;
  right:-34px!important;
  top:-24px!important;
  bottom:auto!important;
  width:76px!important;
  height:48px!important;
  z-index:-1!important;
  pointer-events:none!important;
  opacity:.72!important;
  background:
    linear-gradient(90deg, rgba(255,70,70,.90), rgba(255,70,70,.90)) 0 0/48px 2px no-repeat,
    linear-gradient(90deg, rgba(255,255,255,.45), rgba(255,255,255,.45)) 18px 15px/58px 1px no-repeat,
    linear-gradient(90deg, rgba(11,31,107,.90), rgba(11,31,107,.90)) 8px 31px/38px 2px no-repeat!important;
  animation:otxV5LineCluster 4.6s ease-in-out infinite!important;
}

.nike-global-sc:after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  right:-18px!important;
  top:-36px!important;
  bottom:auto!important;
  width:6px!important;
  height:6px!important;
  z-index:-1!important;
  border-radius:50%!important;
  background:#fff!important;
  box-shadow:
    -28px 18px 0 rgba(255,70,70,.78),
    -54px 6px 0 rgba(11,31,107,.92),
    -72px 34px 0 rgba(255,255,255,.46)!important;
  animation:otxV5ConstellationTop 5.8s ease-in-out infinite!important;
}

/* Extra elegant diagonal corner line using panel itself */
.nike-has-rainbow{
  position:relative!important;
}

.nike-has-rainbow .nike-rainbow-inner{
  position:relative!important;
}

.nike-has-rainbow .nike-rainbow-inner:after{
  content:"";
  position:absolute;
  right:-26px;
  top:-18px;
  width:120px;
  height:120px;
  z-index:-1;
  pointer-events:none;
  opacity:.48;
  background:
    linear-gradient(135deg, transparent 45%, rgba(255,255,255,.22) 46%, transparent 47%),
    linear-gradient(135deg, transparent 58%, rgba(212,43,43,.58) 59%, transparent 60%);
  animation:otxV5CornerSweep 6.2s ease-in-out infinite;
}

/* Mobile: keep top-right micro-interaction light and safe */
@media (max-width:768px){
  .nike-col-right:before{
    right:-50px!important;
    top:-30px!important;
    width:150px!important;
    height:150px!important;
    opacity:.45!important;
  }

  .nike-col-right:after{
    right:-38px!important;
    top:-18px!important;
    width:116px!important;
    height:116px!important;
  }

  .nike-has-rainbow::before{
    right:-46px!important;
    top:-22px!important;
    width:128px!important;
    height:78px!important;
    opacity:.62!important;
  }

  .nike-has-rainbow::after{
    right:12px!important;
    top:-12px!important;
    width:76px!important;
  }

  .nike-global-title:before,
  .nike-global-sc:before,
  .nike-global-sc:after,
  .nike-has-rainbow .nike-rainbow-inner:after{
    display:none!important;
  }
}

/* Motion */
@keyframes otxV5AuraFloat{
  0%,100%{transform:translate3d(0,0,0) scale(1);opacity:.42}
  50%{transform:translate3d(-12px,10px,0) scale(1.08);opacity:.70}
}

@keyframes otxV5Orbit{
  to{transform:rotate(360deg)}
}

@keyframes otxV5GlassTrace{
  0%,100%{
    transform:rotate(7deg) translate3d(0,0,0);
    background-position:0 0,0 0,center;
    opacity:.70;
  }
  50%{
    transform:rotate(3deg) translate3d(-8px,8px,0);
    background-position:12px -8px,-10px 10px,center;
    opacity:.95;
  }
}

@keyframes otxV5ScanDash{
  0%,100%{transform:rotate(7deg) translateX(0) scaleX(.55);opacity:.24}
  50%{transform:rotate(7deg) translateX(-32px) scaleX(1.18);opacity:1}
}

@keyframes otxV5InnerTrace{
  0%,100%{opacity:.18;background-position:center,0 0,0 0}
  50%{opacity:.32;background-position:center,18px -10px,-14px 12px}
}

@keyframes otxV5TinyNode{
  0%,100%{transform:scale(1);opacity:.62}
  50%{transform:scale(1.55);opacity:1}
}

@keyframes otxV5LineCluster{
  0%,100%{transform:translate3d(0,0,0);opacity:.36}
  50%{transform:translate3d(-14px,8px,0);opacity:.90}
}

@keyframes otxV5ConstellationTop{
  0%,100%{transform:translate3d(0,0,0);opacity:.52}
  50%{transform:translate3d(-12px,10px,0);opacity:.94}
}

@keyframes otxV5CornerSweep{
  0%,100%{transform:translate3d(0,0,0);opacity:.20}
  50%{transform:translate3d(-12px,10px,0);opacity:.52}
}

@media (prefers-reduced-motion:reduce){
  .nike-col-right:before,
  .nike-col-right:after,
  .nike-has-rainbow::before,
  .nike-has-rainbow::after,
  .nike-global-title:before,
  .nike-global-sc:before,
  .nike-global-sc:after,
  .nike-has-rainbow .nike-rainbow-inner:after{
    animation:none!important;
  }
}

/* ==========================================================
   One2TenX V6 Growth Micro-Interaction
   Bigger, more noticeable, business-growth themed.
   Top-right placement preserved.
   PHP/JS untouched.
   ========================================================== */

/* Make room around the right shortcode/form panel */
.nike-col-right{
  position:relative!important;
  isolation:isolate!important;
  overflow:visible!important;
}

/* Stronger but elegant top-right growth aura */
.nike-col-right:before{
  content:""!important;
  position:absolute!important;
  right:-92px!important;
  top:-88px!important;
  bottom:auto!important;
  width:360px!important;
  height:310px!important;
  z-index:-7!important;
  pointer-events:none!important;
  opacity:.95!important;
  border-radius:42px!important;
  filter:blur(.2px)!important;
  background:
    radial-gradient(circle at 72% 32%, rgba(255,70,70,.36), transparent 24%),
    radial-gradient(circle at 40% 64%, rgba(11,31,107,.42), transparent 38%),
    linear-gradient(135deg, rgba(255,255,255,.05), rgba(212,43,43,.08), rgba(11,31,107,.18))!important;
  animation:otxV6GrowthAura 7s ease-in-out infinite!important;
}

/* Growth network / elegant fishing-net style */
.nike-col-right:after{
  content:""!important;
  position:absolute!important;
  right:-86px!important;
  top:-68px!important;
  bottom:auto!important;
  width:330px!important;
  height:250px!important;
  z-index:-6!important;
  pointer-events:none!important;
  border-radius:28px!important;
  opacity:.92!important;
  border:1px solid rgba(255,255,255,.14)!important;
  background:
    linear-gradient(115deg, transparent 0 20%, rgba(255,255,255,.17) 20.6%, transparent 21.2% 39%, rgba(212,43,43,.26) 39.7%, transparent 40.4% 100%),
    linear-gradient(25deg, transparent 0 22%, rgba(255,255,255,.13) 22.6%, transparent 23.2% 55%, rgba(11,31,107,.35) 55.8%, transparent 56.4% 100%),
    radial-gradient(circle at 28% 72%, rgba(212,43,43,.26), transparent 7%),
    radial-gradient(circle at 58% 42%, rgba(255,255,255,.22), transparent 5%),
    radial-gradient(circle at 82% 18%, rgba(255,70,70,.28), transparent 7%)!important;
  box-shadow:
    0 24px 70px rgba(7,11,34,.26),
    inset 0 0 0 1px rgba(255,255,255,.05)!important;
  transform:rotate(4deg)!important;
  animation:otxV6NetworkMove 8s ease-in-out infinite!important;
}

/* Behind panel: larger top-right growth board */
.nike-has-rainbow::before{
  content:""!important;
  position:absolute!important;
  right:-120px!important;
  top:-86px!important;
  bottom:auto!important;
  left:auto!important;
  width:340px!important;
  height:230px!important;
  z-index:-5!important;
  border-radius:26px!important;
  pointer-events:none!important;
  opacity:.98!important;
  transform:rotate(6deg)!important;
  background:
    linear-gradient(90deg, rgba(255,255,255,.12) 1px, transparent 1px),
    linear-gradient(0deg, rgba(255,255,255,.08) 1px, transparent 1px),
    radial-gradient(circle at 80% 22%, rgba(255,70,70,.42), transparent 18%),
    radial-gradient(circle at 28% 72%, rgba(11,31,107,.54), transparent 35%),
    linear-gradient(135deg, rgba(7,11,34,.12), rgba(212,43,43,.13), rgba(255,255,255,.04))!important;
  background-size:30px 30px,30px 30px,100% 100%,100% 100%,100% 100%!important;
  border:1px solid rgba(255,255,255,.14)!important;
  box-shadow:
    0 28px 76px rgba(7,11,34,.28),
    inset 0 0 0 1px rgba(255,255,255,.08)!important;
  animation:otxV6BoardFloat 6.5s ease-in-out infinite!important;
}

/* Remove small old dash look; create bigger growth-line stroke */
.nike-has-rainbow::after{
  content:"ROI  ↗"!important;
  position:absolute!important;
  right:-82px!important;
  top:-44px!important;
  bottom:auto!important;
  left:auto!important;
  width:auto!important;
  height:auto!important;
  z-index:-2!important;
  border:1px solid rgba(255,255,255,.18)!important;
  border-radius:999px!important;
  opacity:1!important;
  pointer-events:none!important;
  transform:rotate(7deg)!important;
  background:rgba(7,11,34,.82)!important;
  color:#fff!important;
  padding:10px 16px!important;
  font-size:12px!important;
  line-height:1!important;
  font-weight:950!important;
  letter-spacing:.08em!important;
  box-shadow:
    0 18px 46px rgba(212,43,43,.26),
    inset 0 0 0 1px rgba(255,255,255,.08)!important;
  animation:otxV6BubbleROI 4.4s ease-in-out infinite!important;
}

/* Add growth bubbles using existing elements */
.nike-global-title{
  position:relative!important;
}

.nike-global-title:before{
  content:"10×"!important;
  right:-58px!important;
  top:-34px!important;
  width:auto!important;
  height:auto!important;
  border-radius:999px!important;
  padding:10px 14px!important;
  color:#fff!important;
  background:#D42B2B!important;
  border:1px solid rgba(255,255,255,.18)!important;
  font-size:13px!important;
  line-height:1!important;
  font-weight:950!important;
  letter-spacing:.06em!important;
  box-shadow:
    0 18px 46px rgba(212,43,43,.36),
    0 0 0 7px rgba(212,43,43,.08)!important;
  animation:otxV6Bubble10x 3.9s ease-in-out infinite!important;
}

.nike-global-title:after{
  box-shadow:
    0 10px 28px rgba(212,43,43,.32),
    114px -36px 0 -1px rgba(255,70,70,.70),
    148px -22px 0 -2px rgba(255,255,255,.52),
    90px 12px 0 -2px rgba(11,31,107,.86)!important;
}

/* More visible top-right business keyword bubbles */
.nike-global-sc{
  position:relative!important;
}

.nike-global-sc:before{
  content:"CRO"!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  position:absolute!important;
  right:-86px!important;
  top:4px!important;
  width:auto!important;
  height:auto!important;
  z-index:-2!important;
  pointer-events:none!important;
  opacity:1!important;
  border-radius:999px!important;
  padding:9px 13px!important;
  color:#DCE3FF!important;
  background:rgba(11,31,107,.88)!important;
  border:1px solid rgba(255,255,255,.16)!important;
  font-size:11px!important;
  line-height:1!important;
  font-weight:950!important;
  letter-spacing:.08em!important;
  box-shadow:0 16px 36px rgba(11,31,107,.28)!important;
  animation:otxV6BubbleCRO 4.8s ease-in-out infinite!important;
}

.nike-global-sc:after{
  content:"LEADS"!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  position:absolute!important;
  right:-112px!important;
  top:52px!important;
  bottom:auto!important;
  width:auto!important;
  height:auto!important;
  z-index:-2!important;
  border-radius:999px!important;
  padding:9px 14px!important;
  background:rgba(255,255,255,.92)!important;
  color:#0B1F6B!important;
  border:1px solid rgba(11,31,107,.12)!important;
  font-size:11px!important;
  line-height:1!important;
  font-weight:950!important;
  letter-spacing:.08em!important;
  box-shadow:0 16px 36px rgba(255,255,255,.12)!important;
  animation:otxV6BubbleLeads 5.4s ease-in-out infinite!important;
}

/* Use form pseudo elements for CAC and SALES bubbles */
.nike-global-sc .bit-form,
.nike-global-sc form{
  position:relative!important;
}

.nike-global-sc .bit-form:before,
.nike-global-sc form:before{
  content:"CAC ↓"!important;
  position:absolute!important;
  right:-92px!important;
  top:112px!important;
  left:auto!important;
  bottom:auto!important;
  width:auto!important;
  height:auto!important;
  z-index:-2!important;
  border-radius:999px!important;
  padding:9px 13px!important;
  background:rgba(7,11,34,.86)!important;
  color:#fff!important;
  border:1px solid rgba(255,255,255,.15)!important;
  font-size:11px!important;
  line-height:1!important;
  font-weight:950!important;
  letter-spacing:.08em!important;
  box-shadow:0 16px 36px rgba(7,11,34,.25)!important;
  animation:otxV6BubbleCAC 5s ease-in-out infinite!important;
}

.nike-global-sc .bit-form:after,
.nike-global-sc form:after{
  content:"SALES"!important;
  position:absolute!important;
  right:-48px!important;
  top:156px!important;
  width:auto!important;
  height:auto!important;
  z-index:-2!important;
  border-radius:999px!important;
  padding:9px 13px!important;
  background:#D42B2B!important;
  color:#fff!important;
  border:1px solid rgba(255,255,255,.16)!important;
  font-size:11px!important;
  line-height:1!important;
  font-weight:950!important;
  letter-spacing:.08em!important;
  box-shadow:0 16px 36px rgba(212,43,43,.28)!important;
  animation:otxV6BubbleSales 5.7s ease-in-out infinite!important;
}

/* Growth path line across top-right network */
.nike-has-rainbow .nike-rainbow-inner:after{
  content:""!important;
  position:absolute!important;
  right:-120px!important;
  top:-52px!important;
  width:260px!important;
  height:150px!important;
  z-index:-3!important;
  pointer-events:none!important;
  opacity:.88!important;
  background:
    linear-gradient(135deg, transparent 18%, rgba(255,70,70,.92) 19%, rgba(255,70,70,.92) 20%, transparent 21%),
    linear-gradient(28deg, transparent 32%, rgba(255,255,255,.42) 33%, rgba(255,255,255,.42) 34%, transparent 35%),
    radial-gradient(circle at 22% 68%, rgba(255,70,70,.85) 0 4px, transparent 5px),
    radial-gradient(circle at 52% 38%, rgba(255,255,255,.68) 0 3px, transparent 4px),
    radial-gradient(circle at 82% 20%, rgba(255,70,70,.78) 0 4px, transparent 5px)!important;
  animation:otxV6GrowthPath 5.6s ease-in-out infinite!important;
}

/* Small scanner sweep over the board */
.nike-has-rainbow .nike-rainbow-inner:before{
  opacity:.38!important;
  background:
    linear-gradient(100deg, transparent 0%, rgba(255,255,255,.14) 45%, transparent 58%),
    linear-gradient(90deg, rgba(255,255,255,.06) 1px, transparent 1px),
    linear-gradient(0deg, rgba(255,255,255,.045) 1px, transparent 1px)!important;
  background-size:100% 100%,28px 28px,28px 28px!important;
  animation:otxV6ScannerNet 6s ease-in-out infinite!important;
}

/* Keyframes */
@keyframes otxV6GrowthAura{
  0%,100%{transform:translate3d(0,0,0) scale(1);opacity:.72}
  50%{transform:translate3d(-18px,14px,0) scale(1.04);opacity:1}
}

@keyframes otxV6NetworkMove{
  0%,100%{transform:rotate(4deg) translate3d(0,0,0);opacity:.76}
  50%{transform:rotate(1deg) translate3d(-14px,12px,0);opacity:1}
}

@keyframes otxV6BoardFloat{
  0%,100%{
    transform:rotate(6deg) translate3d(0,0,0) scale(1);
    background-position:0 0,0 0,center,center,center;
  }
  50%{
    transform:rotate(2deg) translate3d(-16px,12px,0) scale(1.025);
    background-position:18px -12px,-14px 14px,center,center,center;
  }
}

@keyframes otxV6BubbleROI{
  0%,100%{transform:rotate(7deg) translate3d(0,0,0);opacity:.72}
  50%{transform:rotate(3deg) translate3d(-20px,10px,0);opacity:1}
}

@keyframes otxV6Bubble10x{
  0%,100%{transform:translate3d(0,0,0) scale(1);opacity:.82}
  50%{transform:translate3d(-16px,12px,0) scale(1.08);opacity:1}
}

@keyframes otxV6BubbleCRO{
  0%,100%{transform:translate3d(0,0,0);opacity:.68}
  50%{transform:translate3d(-18px,12px,0);opacity:1}
}

@keyframes otxV6BubbleLeads{
  0%,100%{transform:translate3d(0,0,0);opacity:.76}
  50%{transform:translate3d(-22px,9px,0);opacity:1}
}

@keyframes otxV6BubbleCAC{
  0%,100%{transform:translate3d(0,0,0);opacity:.66}
  50%{transform:translate3d(-14px,-8px,0);opacity:1}
}

@keyframes otxV6BubbleSales{
  0%,100%{transform:translate3d(0,0,0);opacity:.72}
  50%{transform:translate3d(-20px,-12px,0);opacity:1}
}

@keyframes otxV6GrowthPath{
  0%,100%{transform:translate3d(0,0,0);opacity:.44}
  50%{transform:translate3d(-18px,12px,0);opacity:.98}
}

@keyframes otxV6ScannerNet{
  0%,100%{background-position:-160px 0,0 0,0 0;opacity:.24}
  50%{background-position:160px 0,16px -8px,-12px 14px;opacity:.46}
}

/* Mobile: visible but clean */
@media (max-width:768px){
  .nike-col-right:before{
    right:-76px!important;
    top:-56px!important;
    width:220px!important;
    height:190px!important;
    opacity:.72!important;
  }

  .nike-col-right:after{
    right:-70px!important;
    top:-48px!important;
    width:210px!important;
    height:156px!important;
    opacity:.70!important;
  }

  .nike-has-rainbow::before{
    right:-86px!important;
    top:-62px!important;
    width:220px!important;
    height:150px!important;
    opacity:.78!important;
  }

  .nike-has-rainbow::after{
    right:-48px!important;
    top:-28px!important;
    font-size:10px!important;
    padding:8px 11px!important;
  }

  .nike-global-title:before{
    right:-18px!important;
    top:-20px!important;
    font-size:10px!important;
    padding:7px 9px!important;
  }

  .nike-global-sc:before,
  .nike-global-sc:after,
  .nike-global-sc .bit-form:before,
  .nike-global-sc form:before,
  .nike-global-sc .bit-form:after,
  .nike-global-sc form:after{
    display:none!important;
  }

  .nike-has-rainbow .nike-rainbow-inner:after{
    right:-78px!important;
    top:-42px!important;
    width:180px!important;
    height:110px!important;
    opacity:.55!important;
  }
}

@media (prefers-reduced-motion:reduce){
  .nike-col-right:before,
  .nike-col-right:after,
  .nike-has-rainbow::before,
  .nike-has-rainbow::after,
  .nike-global-title:before,
  .nike-global-sc:before,
  .nike-global-sc:after,
  .nike-global-sc .bit-form:before,
  .nike-global-sc form:before,
  .nike-global-sc .bit-form:after,
  .nike-global-sc form:after,
  .nike-has-rainbow .nike-rainbow-inner:after{
    animation:none!important;
  }
}

/* ==========================================================
   One2TenX V7 Bubble Micro-Interaction
   Removes net/fishing-grid feel.
   Moves business text bubbles to top corners.
   Adds more elegant growth bubbles.
   PHP/JS untouched.
   ========================================================== */

/* Remove V6 net/fishing-grid visual by overriding the big line backgrounds */
.nike-col-right:after{
  content:""!important;
  position:absolute!important;
  right:-76px!important;
  top:-78px!important;
  bottom:auto!important;
  width:320px!important;
  height:210px!important;
  z-index:-6!important;
  pointer-events:none!important;
  border-radius:34px!important;
  opacity:.92!important;
  border:0!important;
  background:
    radial-gradient(circle at 24% 70%, rgba(212,43,43,.26), transparent 18%),
    radial-gradient(circle at 74% 28%, rgba(255,255,255,.16), transparent 14%),
    radial-gradient(circle at 48% 48%, rgba(11,31,107,.36), transparent 42%),
    linear-gradient(135deg, rgba(7,11,34,.05), rgba(212,43,43,.10), rgba(11,31,107,.14))!important;
  box-shadow:none!important;
  transform:rotate(4deg)!important;
  animation:otxV7AuraPanel 8s ease-in-out infinite!important;
}

/* Remove board grid; replace with clean top-corner atmosphere */
.nike-has-rainbow::before{
  content:""!important;
  position:absolute!important;
  right:-112px!important;
  top:-90px!important;
  bottom:auto!important;
  left:auto!important;
  width:340px!important;
  height:220px!important;
  z-index:-5!important;
  border-radius:36px!important;
  pointer-events:none!important;
  opacity:.95!important;
  transform:rotate(5deg)!important;
  border:1px solid rgba(255,255,255,.10)!important;
  background:
    radial-gradient(circle at 82% 24%, rgba(255,70,70,.34), transparent 20%),
    radial-gradient(circle at 24% 72%, rgba(11,31,107,.42), transparent 36%),
    linear-gradient(135deg, rgba(255,255,255,.035), rgba(212,43,43,.10), rgba(7,11,34,.08))!important;
  background-size:100% 100%!important;
  box-shadow:0 28px 76px rgba(7,11,34,.22), inset 0 0 0 1px rgba(255,255,255,.05)!important;
  animation:otxV7CleanFloat 6.8s ease-in-out infinite!important;
}

/* Top-right ROI bubble */
.nike-has-rainbow::after{
  content:"ROI ↗"!important;
  position:absolute!important;
  right:-82px!important;
  top:-58px!important;
  bottom:auto!important;
  left:auto!important;
  z-index:-2!important;
  width:auto!important;
  height:auto!important;
  border-radius:999px!important;
  border:1px solid rgba(255,255,255,.18)!important;
  background:rgba(7,11,34,.88)!important;
  color:#fff!important;
  padding:10px 16px!important;
  font-size:12px!important;
  font-weight:950!important;
  line-height:1!important;
  letter-spacing:.08em!important;
  box-shadow:0 18px 46px rgba(212,43,43,.24), inset 0 0 0 1px rgba(255,255,255,.08)!important;
  transform:rotate(6deg)!important;
  animation:otxV7BubbleROI 4.4s ease-in-out infinite!important;
}

/* Top-left 10x bubble */
.nike-global-title:before{
  content:"10×"!important;
  right:auto!important;
  left:-30px!important;
  top:-38px!important;
  width:auto!important;
  height:auto!important;
  border-radius:999px!important;
  padding:10px 14px!important;
  color:#fff!important;
  background:#D42B2B!important;
  border:1px solid rgba(255,255,255,.18)!important;
  font-size:13px!important;
  line-height:1!important;
  font-weight:950!important;
  letter-spacing:.06em!important;
  box-shadow:0 18px 46px rgba(212,43,43,.34), 0 0 0 7px rgba(212,43,43,.08)!important;
  animation:otxV7Bubble10x 4s ease-in-out infinite!important;
}

/* Keep title underline normal; remove artificial dot shadows from older versions */
.nike-global-title:after{
  box-shadow:0 10px 28px rgba(212,43,43,.32)!important;
}

/* Top-corner business keyword bubbles */
.nike-global-sc:before{
  content:"CRO"!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  position:absolute!important;
  right:-88px!important;
  top:-18px!important;
  bottom:auto!important;
  width:auto!important;
  height:auto!important;
  z-index:-2!important;
  pointer-events:none!important;
  opacity:1!important;
  border-radius:999px!important;
  padding:9px 13px!important;
  color:#DCE3FF!important;
  background:rgba(11,31,107,.90)!important;
  border:1px solid rgba(255,255,255,.16)!important;
  font-size:11px!important;
  line-height:1!important;
  font-weight:950!important;
  letter-spacing:.08em!important;
  box-shadow:0 16px 36px rgba(11,31,107,.28)!important;
  animation:otxV7BubbleCRO 4.8s ease-in-out infinite!important;
}

.nike-global-sc:after{
  content:"LEADS"!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  position:absolute!important;
  right:-118px!important;
  top:28px!important;
  bottom:auto!important;
  width:auto!important;
  height:auto!important;
  z-index:-2!important;
  border-radius:999px!important;
  padding:9px 14px!important;
  background:rgba(255,255,255,.94)!important;
  color:#0B1F6B!important;
  border:1px solid rgba(11,31,107,.12)!important;
  font-size:11px!important;
  line-height:1!important;
  font-weight:950!important;
  letter-spacing:.08em!important;
  box-shadow:0 16px 36px rgba(255,255,255,.12)!important;
  animation:otxV7BubbleLeads 5.4s ease-in-out infinite!important;
}

/* More bubbles on top-left and top-right edges using form pseudo elements */
.nike-global-sc .bit-form,
.nike-global-sc form{
  position:relative!important;
}

.nike-global-sc .bit-form:before,
.nike-global-sc form:before{
  content:"CAC ↓"!important;
  position:absolute!important;
  right:auto!important;
  left:-64px!important;
  top:-48px!important;
  bottom:auto!important;
  width:auto!important;
  height:auto!important;
  z-index:-2!important;
  border-radius:999px!important;
  padding:9px 13px!important;
  background:rgba(7,11,34,.88)!important;
  color:#fff!important;
  border:1px solid rgba(255,255,255,.15)!important;
  font-size:11px!important;
  line-height:1!important;
  font-weight:950!important;
  letter-spacing:.08em!important;
  box-shadow:0 16px 36px rgba(7,11,34,.24)!important;
  animation:otxV7BubbleCAC 5s ease-in-out infinite!important;
}

.nike-global-sc .bit-form:after,
.nike-global-sc form:after{
  content:"SALES"!important;
  position:absolute!important;
  right:-62px!important;
  top:-52px!important;
  width:auto!important;
  height:auto!important;
  z-index:-2!important;
  border-radius:999px!important;
  padding:9px 13px!important;
  background:#D42B2B!important;
  color:#fff!important;
  border:1px solid rgba(255,255,255,.16)!important;
  font-size:11px!important;
  line-height:1!important;
  font-weight:950!important;
  letter-spacing:.08em!important;
  box-shadow:0 16px 36px rgba(212,43,43,.28)!important;
  animation:otxV7BubbleSales 5.7s ease-in-out infinite!important;
}

/* Extra bubbles through form field wrappers if Bit Form/common form exists */
.nike-global-sc .bf-field-wrap:first-child:before,
.nike-global-sc .form-group:first-child:before,
.nike-global-sc p:first-child:before{
  content:"ADS"!important;
  position:absolute;
  right:-96px;
  top:-78px;
  z-index:-2;
  border-radius:999px;
  padding:8px 12px;
  color:#fff;
  background:rgba(11,31,107,.88);
  border:1px solid rgba(255,255,255,.14);
  font-size:10px;
  line-height:1;
  font-weight:950;
  letter-spacing:.08em;
  pointer-events:none;
  animation:otxV7BubbleAds 4.9s ease-in-out infinite;
}

.nike-global-sc .bf-field-wrap:first-child,
.nike-global-sc .form-group:first-child,
.nike-global-sc p:first-child{
  position:relative;
}

/* Remove growth path net lines; replace with soft bubble constellation */
.nike-has-rainbow .nike-rainbow-inner:after{
  content:""!important;
  position:absolute!important;
  right:-122px!important;
  top:-76px!important;
  width:300px!important;
  height:148px!important;
  z-index:-3!important;
  pointer-events:none!important;
  opacity:.9!important;
  background:
    radial-gradient(circle at 12% 78%, rgba(255,70,70,.90) 0 4px, transparent 5px),
    radial-gradient(circle at 32% 38%, rgba(255,255,255,.65) 0 3px, transparent 4px),
    radial-gradient(circle at 56% 62%, rgba(11,31,107,.88) 0 5px, transparent 6px),
    radial-gradient(circle at 78% 24%, rgba(255,70,70,.80) 0 4px, transparent 5px),
    radial-gradient(circle at 92% 70%, rgba(255,255,255,.46) 0 3px, transparent 4px)!important;
  animation:otxV7Constellation 5.6s ease-in-out infinite!important;
}

/* Remove scanner net; keep very subtle clean sweep */
.nike-has-rainbow .nike-rainbow-inner:before{
  opacity:.24!important;
  background:
    linear-gradient(100deg, transparent 0%, rgba(255,255,255,.12) 45%, transparent 58%),
    radial-gradient(circle at 90% 0%, rgba(255,70,70,.25), transparent 24%)!important;
  background-size:100% 100%,100% 100%!important;
  animation:otxV7SoftSweep 6s ease-in-out infinite!important;
}

/* Keyframes */
@keyframes otxV7AuraPanel{
  0%,100%{transform:rotate(4deg) translate3d(0,0,0);opacity:.72}
  50%{transform:rotate(2deg) translate3d(-12px,10px,0);opacity:1}
}

@keyframes otxV7CleanFloat{
  0%,100%{transform:rotate(5deg) translate3d(0,0,0) scale(1)}
  50%{transform:rotate(2deg) translate3d(-14px,10px,0) scale(1.025)}
}

@keyframes otxV7BubbleROI{
  0%,100%{transform:rotate(6deg) translate3d(0,0,0);opacity:.76}
  50%{transform:rotate(2deg) translate3d(-18px,10px,0);opacity:1}
}

@keyframes otxV7Bubble10x{
  0%,100%{transform:translate3d(0,0,0) scale(1);opacity:.82}
  50%{transform:translate3d(12px,10px,0) scale(1.08);opacity:1}
}

@keyframes otxV7BubbleCRO{
  0%,100%{transform:translate3d(0,0,0);opacity:.68}
  50%{transform:translate3d(-18px,11px,0);opacity:1}
}

@keyframes otxV7BubbleLeads{
  0%,100%{transform:translate3d(0,0,0);opacity:.76}
  50%{transform:translate3d(-22px,8px,0);opacity:1}
}

@keyframes otxV7BubbleCAC{
  0%,100%{transform:translate3d(0,0,0);opacity:.66}
  50%{transform:translate3d(14px,10px,0);opacity:1}
}

@keyframes otxV7BubbleSales{
  0%,100%{transform:translate3d(0,0,0);opacity:.72}
  50%{transform:translate3d(-18px,10px,0);opacity:1}
}

@keyframes otxV7BubbleAds{
  0%,100%{transform:translate3d(0,0,0);opacity:.58}
  50%{transform:translate3d(-14px,12px,0);opacity:.94}
}

@keyframes otxV7Constellation{
  0%,100%{transform:translate3d(0,0,0);opacity:.48}
  50%{transform:translate3d(-14px,10px,0);opacity:1}
}

@keyframes otxV7SoftSweep{
  0%,100%{background-position:-140px 0,center;opacity:.16}
  50%{background-position:140px 0,center;opacity:.30}
}

/* Mobile: show fewer bubbles and keep top-corner clean */
@media (max-width:768px){
  .nike-col-right:after,
  .nike-has-rainbow::before{
    background:
      radial-gradient(circle at 82% 24%, rgba(255,70,70,.26), transparent 22%),
      radial-gradient(circle at 24% 72%, rgba(11,31,107,.30), transparent 38%)!important;
  }

  .nike-has-rainbow::after{
    right:-46px!important;
    top:-36px!important;
    font-size:10px!important;
    padding:8px 11px!important;
  }

  .nike-global-title:before{
    left:-12px!important;
    top:-28px!important;
    font-size:10px!important;
    padding:7px 9px!important;
  }

  .nike-global-sc:before,
  .nike-global-sc:after,
  .nike-global-sc .bit-form:before,
  .nike-global-sc form:before,
  .nike-global-sc .bit-form:after,
  .nike-global-sc form:after,
  .nike-global-sc .bf-field-wrap:first-child:before,
  .nike-global-sc .form-group:first-child:before,
  .nike-global-sc p:first-child:before{
    display:none!important;
  }

  .nike-has-rainbow .nike-rainbow-inner:after{
    right:-80px!important;
    top:-54px!important;
    width:200px!important;
    height:110px!important;
    opacity:.56!important;
  }
}

@media (prefers-reduced-motion:reduce){
  .nike-col-right:after,
  .nike-has-rainbow::before,
  .nike-has-rainbow::after,
  .nike-global-title:before,
  .nike-global-sc:before,
  .nike-global-sc:after,
  .nike-global-sc .bit-form:before,
  .nike-global-sc form:before,
  .nike-global-sc .bit-form:after,
  .nike-global-sc form:after,
  .nike-has-rainbow .nike-rainbow-inner:after{
    animation:none!important;
  }
}

/* ==========================================================
   One2TenX V8 More Bubbles — No Corner Box
   Removes the top-right box/card element completely.
   Adds more floating business-growth bubbles and elegant dots.
   PHP/JS untouched.
   ========================================================== */

/* Remove bad top-right box / card element */
.nike-has-rainbow::before{
  content:""!important;
  position:absolute!important;
  right:-120px!important;
  top:-86px!important;
  width:0!important;
  height:0!important;
  opacity:0!important;
  visibility:hidden!important;
  border:0!important;
  background:none!important;
  box-shadow:none!important;
  animation:none!important;
  pointer-events:none!important;
}

/* Remove any boxy aura/card feel from the column layer */
.nike-col-right:after{
  content:""!important;
  position:absolute!important;
  right:-120px!important;
  top:-96px!important;
  width:300px!important;
  height:220px!important;
  z-index:-6!important;
  pointer-events:none!important;
  border:0!important;
  border-radius:0!important;
  opacity:.88!important;
  background:
    radial-gradient(circle at 18% 72%, rgba(212,43,43,.24), transparent 18%),
    radial-gradient(circle at 78% 26%, rgba(255,255,255,.18), transparent 13%),
    radial-gradient(circle at 50% 50%, rgba(11,31,107,.32), transparent 46%)!important;
  box-shadow:none!important;
  transform:none!important;
  animation:otxV8AuraOnly 7.5s ease-in-out infinite!important;
}

/* More visible bubble cluster in top area */
.nike-has-rainbow::after{
  content:"ROI ↗"!important;
  right:-92px!important;
  top:-58px!important;
  background:rgba(7,11,34,.90)!important;
  color:#fff!important;
  border-radius:999px!important;
  padding:10px 16px!important;
  font-size:12px!important;
  box-shadow:0 18px 44px rgba(212,43,43,.24)!important;
  animation:otxV8FloatA 4.4s ease-in-out infinite!important;
}

/* Top-left 10x bubble */
.nike-global-title:before{
  content:"10×"!important;
  left:-36px!important;
  right:auto!important;
  top:-44px!important;
  background:#D42B2B!important;
  color:#fff!important;
  padding:11px 15px!important;
  border-radius:999px!important;
  font-size:13px!important;
  box-shadow:0 18px 46px rgba(212,43,43,.34)!important;
  animation:otxV8FloatB 4s ease-in-out infinite!important;
}

/* More bubbles around top corners */
.nike-global-sc:before{
  content:"CRO"!important;
  right:-94px!important;
  top:-26px!important;
  background:rgba(11,31,107,.92)!important;
  color:#DCE3FF!important;
  padding:9px 13px!important;
  border-radius:999px!important;
  font-size:11px!important;
  box-shadow:0 16px 36px rgba(11,31,107,.28)!important;
  animation:otxV8FloatC 4.8s ease-in-out infinite!important;
}

.nike-global-sc:after{
  content:"LEADS"!important;
  right:-128px!important;
  top:20px!important;
  background:rgba(255,255,255,.94)!important;
  color:#0B1F6B!important;
  padding:9px 14px!important;
  border-radius:999px!important;
  font-size:11px!important;
  box-shadow:0 16px 36px rgba(255,255,255,.12)!important;
  animation:otxV8FloatD 5.4s ease-in-out infinite!important;
}

/* Left/top bubbles using form pseudo elements */
.nike-global-sc .bit-form:before,
.nike-global-sc form:before{
  content:"CAC ↓"!important;
  left:-74px!important;
  right:auto!important;
  top:-54px!important;
  background:rgba(7,11,34,.90)!important;
  color:#fff!important;
  padding:9px 13px!important;
  border-radius:999px!important;
  font-size:11px!important;
  box-shadow:0 16px 36px rgba(7,11,34,.24)!important;
  animation:otxV8FloatE 5s ease-in-out infinite!important;
}

.nike-global-sc .bit-form:after,
.nike-global-sc form:after{
  content:"SALES"!important;
  right:-66px!important;
  top:-62px!important;
  background:#D42B2B!important;
  color:#fff!important;
  padding:9px 13px!important;
  border-radius:999px!important;
  font-size:11px!important;
  box-shadow:0 16px 36px rgba(212,43,43,.28)!important;
  animation:otxV8FloatF 5.7s ease-in-out infinite!important;
}

/* Additional bubbles using common Bit Form wrappers, without touching PHP */
.nike-global-sc .bf-field-wrap:first-child:before,
.nike-global-sc .form-group:first-child:before,
.nike-global-sc p:first-child:before{
  content:"ADS"!important;
  position:absolute!important;
  right:-104px!important;
  top:-88px!important;
  z-index:-2!important;
  border-radius:999px!important;
  padding:8px 12px!important;
  color:#fff!important;
  background:rgba(11,31,107,.90)!important;
  border:1px solid rgba(255,255,255,.14)!important;
  font-size:10px!important;
  line-height:1!important;
  font-weight:950!important;
  letter-spacing:.08em!important;
  pointer-events:none!important;
  box-shadow:0 14px 32px rgba(11,31,107,.24)!important;
  animation:otxV8FloatG 4.9s ease-in-out infinite!important;
}

/* More bubble labels using likely form descendants */
.nike-global-sc .bf-field-wrap:nth-child(2):before,
.nike-global-sc .form-group:nth-child(2):before,
.nike-global-sc p:nth-child(2):before{
  content:"FUNNEL"!important;
  position:absolute!important;
  left:-88px!important;
  top:-88px!important;
  z-index:-2!important;
  border-radius:999px!important;
  padding:8px 12px!important;
  color:#0B1F6B!important;
  background:rgba(255,255,255,.94)!important;
  border:1px solid rgba(11,31,107,.12)!important;
  font-size:10px!important;
  line-height:1!important;
  font-weight:950!important;
  letter-spacing:.08em!important;
  pointer-events:none!important;
  box-shadow:0 14px 32px rgba(255,255,255,.12)!important;
  animation:otxV8FloatH 5.2s ease-in-out infinite!important;
}

.nike-global-sc .bf-field-wrap:nth-child(3):before,
.nike-global-sc .form-group:nth-child(3):before,
.nike-global-sc p:nth-child(3):before{
  content:"LTV"!important;
  position:absolute!important;
  right:-74px!important;
  top:-116px!important;
  z-index:-2!important;
  border-radius:999px!important;
  padding:8px 12px!important;
  color:#fff!important;
  background:#D42B2B!important;
  border:1px solid rgba(255,255,255,.14)!important;
  font-size:10px!important;
  line-height:1!important;
  font-weight:950!important;
  letter-spacing:.08em!important;
  pointer-events:none!important;
  box-shadow:0 14px 32px rgba(212,43,43,.24)!important;
  animation:otxV8FloatI 5.6s ease-in-out infinite!important;
}

/* Keep wrapper elements positionable */
.nike-global-sc .bf-field-wrap,
.nike-global-sc .form-group,
.nike-global-sc p{
  position:relative;
}

/* Replace constellation with more dots, no corner box */
.nike-has-rainbow .nike-rainbow-inner:after{
  content:""!important;
  position:absolute!important;
  right:-138px!important;
  top:-92px!important;
  width:330px!important;
  height:170px!important;
  z-index:-3!important;
  pointer-events:none!important;
  opacity:.95!important;
  background:
    radial-gradient(circle at 8% 78%, rgba(255,70,70,.95) 0 4px, transparent 5px),
    radial-gradient(circle at 18% 28%, rgba(255,255,255,.65) 0 3px, transparent 4px),
    radial-gradient(circle at 31% 58%, rgba(11,31,107,.88) 0 5px, transparent 6px),
    radial-gradient(circle at 44% 18%, rgba(255,70,70,.80) 0 4px, transparent 5px),
    radial-gradient(circle at 58% 72%, rgba(255,255,255,.50) 0 3px, transparent 4px),
    radial-gradient(circle at 70% 38%, rgba(212,43,43,.80) 0 4px, transparent 5px),
    radial-gradient(circle at 84% 18%, rgba(255,255,255,.46) 0 3px, transparent 4px),
    radial-gradient(circle at 94% 68%, rgba(11,31,107,.82) 0 5px, transparent 6px)!important;
  animation:otxV8DotsWave 5.6s ease-in-out infinite!important;
}

/* Remove internal box sweep; use only soft light sweep */
.nike-has-rainbow .nike-rainbow-inner:before{
  opacity:.22!important;
  background:
    linear-gradient(100deg, transparent 0%, rgba(255,255,255,.11) 45%, transparent 58%),
    radial-gradient(circle at 92% 0%, rgba(255,70,70,.20), transparent 22%)!important;
  background-size:100% 100%,100% 100%!important;
  animation:otxV8SoftSweep 6s ease-in-out infinite!important;
}

/* Simple lines between bubbles, not a box */
.nike-global-title{
  position:relative!important;
}

.nike-global-title:after{
  box-shadow:0 10px 28px rgba(212,43,43,.32)!important;
}

.nike-global-title .otx-unused{display:none}

/* Keyframes */
@keyframes otxV8AuraOnly{
  0%,100%{transform:translate3d(0,0,0);opacity:.62}
  50%{transform:translate3d(-14px,10px,0);opacity:.95}
}

@keyframes otxV8FloatA{
  0%,100%{transform:rotate(6deg) translate3d(0,0,0);opacity:.80}
  50%{transform:rotate(2deg) translate3d(-18px,12px,0);opacity:1}
}
@keyframes otxV8FloatB{
  0%,100%{transform:translate3d(0,0,0) scale(1);opacity:.82}
  50%{transform:translate3d(12px,12px,0) scale(1.08);opacity:1}
}
@keyframes otxV8FloatC{
  0%,100%{transform:translate3d(0,0,0);opacity:.70}
  50%{transform:translate3d(-18px,12px,0);opacity:1}
}
@keyframes otxV8FloatD{
  0%,100%{transform:translate3d(0,0,0);opacity:.76}
  50%{transform:translate3d(-22px,8px,0);opacity:1}
}
@keyframes otxV8FloatE{
  0%,100%{transform:translate3d(0,0,0);opacity:.68}
  50%{transform:translate3d(14px,10px,0);opacity:1}
}
@keyframes otxV8FloatF{
  0%,100%{transform:translate3d(0,0,0);opacity:.72}
  50%{transform:translate3d(-18px,10px,0);opacity:1}
}
@keyframes otxV8FloatG{
  0%,100%{transform:translate3d(0,0,0);opacity:.58}
  50%{transform:translate3d(-14px,12px,0);opacity:.94}
}
@keyframes otxV8FloatH{
  0%,100%{transform:translate3d(0,0,0);opacity:.58}
  50%{transform:translate3d(14px,10px,0);opacity:.96}
}
@keyframes otxV8FloatI{
  0%,100%{transform:translate3d(0,0,0);opacity:.60}
  50%{transform:translate3d(-12px,12px,0);opacity:.98}
}
@keyframes otxV8DotsWave{
  0%,100%{transform:translate3d(0,0,0);opacity:.48}
  50%{transform:translate3d(-16px,12px,0);opacity:1}
}
@keyframes otxV8SoftSweep{
  0%,100%{background-position:-140px 0,center;opacity:.14}
  50%{background-position:140px 0,center;opacity:.28}
}

/* Mobile: keep clean and avoid clutter */
@media (max-width:768px){
  .nike-has-rainbow::before{
    display:none!important;
  }

  .nike-has-rainbow::after{
    right:-42px!important;
    top:-34px!important;
    font-size:10px!important;
    padding:8px 11px!important;
  }

  .nike-global-title:before{
    left:-10px!important;
    top:-28px!important;
    font-size:10px!important;
    padding:7px 9px!important;
  }

  .nike-global-sc:before,
  .nike-global-sc:after,
  .nike-global-sc .bit-form:before,
  .nike-global-sc form:before,
  .nike-global-sc .bit-form:after,
  .nike-global-sc form:after,
  .nike-global-sc .bf-field-wrap:first-child:before,
  .nike-global-sc .form-group:first-child:before,
  .nike-global-sc p:first-child:before,
  .nike-global-sc .bf-field-wrap:nth-child(2):before,
  .nike-global-sc .form-group:nth-child(2):before,
  .nike-global-sc p:nth-child(2):before,
  .nike-global-sc .bf-field-wrap:nth-child(3):before,
  .nike-global-sc .form-group:nth-child(3):before,
  .nike-global-sc p:nth-child(3):before{
    display:none!important;
  }
}

@media (prefers-reduced-motion:reduce){
  .nike-col-right:after,
  .nike-has-rainbow::after,
  .nike-global-title:before,
  .nike-global-sc:before,
  .nike-global-sc:after,
  .nike-global-sc .bit-form:before,
  .nike-global-sc form:before,
  .nike-global-sc .bit-form:after,
  .nike-global-sc form:after,
  .nike-has-rainbow .nike-rainbow-inner:after{
    animation:none!important;
  }
}

/* ==========================================================
   One2TenX V9 — Remove Round Holo + 12+ Business Bubbles
   Removes remaining top-right round holo element completely.
   Keeps small dots only.
   Adds 12+ brand-safe business bubbles.
   PHP/JS untouched.
   ========================================================== */

/* Kill all remaining round holo / aura elements */
.nike-col-right:before,
.nike-col-right:after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  width:0!important;
  height:0!important;
  opacity:0!important;
  visibility:hidden!important;
  background:none!important;
  border:0!important;
  box-shadow:none!important;
  filter:none!important;
  animation:none!important;
  pointer-events:none!important;
}

/* No top-right card/box/holo shape */
.nike-has-rainbow::before{
  content:""!important;
  display:none!important;
  width:0!important;
  height:0!important;
  opacity:0!important;
  visibility:hidden!important;
  background:none!important;
  border:0!important;
  box-shadow:none!important;
  animation:none!important;
}

/* Bubble base style */
.nike-has-rainbow,
.nike-global-title,
.nike-global-desc,
.nike-global-sc,
.nike-global-sc form,
.nike-global-sc .bit-form,
.nike-global-sc .bf-form,
.nike-global-sc .bf-field-wrap,
.nike-global-sc .form-group,
.nike-global-sc p{
  position:relative!important;
  overflow:visible!important;
}

/* 01 ROI bubble */
.nike-has-rainbow::after{
  content:"ROI ↗"!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  position:absolute!important;
  right:-86px!important;
  top:-68px!important;
  z-index:-2!important;
  width:auto!important;
  height:auto!important;
  padding:10px 16px!important;
  border-radius:999px!important;
  background:rgba(7,11,34,.92)!important;
  color:#fff!important;
  border:1px solid rgba(255,255,255,.18)!important;
  font-size:12px!important;
  line-height:1!important;
  font-weight:950!important;
  letter-spacing:.08em!important;
  box-shadow:0 18px 44px rgba(212,43,43,.22)!important;
  transform:rotate(5deg)!important;
  animation:otxV9Float1 4.4s ease-in-out infinite!important;
  pointer-events:none!important;
}

/* 02 10x bubble */
.nike-global-title:before{
  content:"10×"!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  position:absolute!important;
  left:-46px!important;
  right:auto!important;
  top:-48px!important;
  z-index:-2!important;
  padding:11px 15px!important;
  border-radius:999px!important;
  background:#D42B2B!important;
  color:#fff!important;
  border:1px solid rgba(255,255,255,.18)!important;
  font-size:13px!important;
  line-height:1!important;
  font-weight:950!important;
  letter-spacing:.06em!important;
  box-shadow:0 18px 46px rgba(212,43,43,.34)!important;
  animation:otxV9Float2 4s ease-in-out infinite!important;
  pointer-events:none!important;
}

/* 03 Google Ads */
.nike-global-title:after{
  content:"Google Ads"!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  position:absolute!important;
  right:-118px!important;
  top:-28px!important;
  z-index:-2!important;
  width:auto!important;
  height:auto!important;
  margin:0!important;
  padding:9px 14px!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.95)!important;
  color:#0B1F6B!important;
  border:1px solid rgba(11,31,107,.12)!important;
  font-size:11px!important;
  line-height:1!important;
  font-weight:950!important;
  letter-spacing:.06em!important;
  box-shadow:0 16px 36px rgba(255,255,255,.12)!important;
  animation:otxV9Float3 5s ease-in-out infinite!important;
  pointer-events:none!important;
}

/* 04 Meta Ads */
.nike-global-desc:before{
  content:"Meta Ads"!important;
  position:absolute!important;
  right:-102px!important;
  top:-58px!important;
  z-index:-2!important;
  padding:9px 14px!important;
  border-radius:999px!important;
  background:rgba(11,31,107,.92)!important;
  color:#DCE3FF!important;
  border:1px solid rgba(255,255,255,.16)!important;
  font-size:11px!important;
  line-height:1!important;
  font-weight:950!important;
  letter-spacing:.06em!important;
  box-shadow:0 16px 36px rgba(11,31,107,.26)!important;
  animation:otxV9Float4 4.6s ease-in-out infinite!important;
  pointer-events:none!important;
}

/* 05 LinkedIn */
.nike-global-desc:after{
  content:"LinkedIn"!important;
  position:absolute!important;
  left:-82px!important;
  top:-42px!important;
  z-index:-2!important;
  padding:9px 13px!important;
  border-radius:999px!important;
  background:#D42B2B!important;
  color:#fff!important;
  border:1px solid rgba(255,255,255,.16)!important;
  font-size:11px!important;
  line-height:1!important;
  font-weight:950!important;
  letter-spacing:.06em!important;
  box-shadow:0 16px 36px rgba(212,43,43,.28)!important;
  animation:otxV9Float5 5.2s ease-in-out infinite!important;
  pointer-events:none!important;
}

/* 06 CRO */
.nike-global-sc:before{
  content:"CRO"!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  position:absolute!important;
  right:-76px!important;
  top:-18px!important;
  z-index:-2!important;
  padding:9px 13px!important;
  border-radius:999px!important;
  background:rgba(7,11,34,.92)!important;
  color:#fff!important;
  border:1px solid rgba(255,255,255,.16)!important;
  font-size:11px!important;
  line-height:1!important;
  font-weight:950!important;
  letter-spacing:.08em!important;
  box-shadow:0 16px 36px rgba(7,11,34,.26)!important;
  animation:otxV9Float6 4.8s ease-in-out infinite!important;
  pointer-events:none!important;
}

/* 07 Leads */
.nike-global-sc:after{
  content:"Leads"!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  position:absolute!important;
  right:-126px!important;
  top:28px!important;
  z-index:-2!important;
  padding:9px 14px!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.94)!important;
  color:#0B1F6B!important;
  border:1px solid rgba(11,31,107,.12)!important;
  font-size:11px!important;
  line-height:1!important;
  font-weight:950!important;
  letter-spacing:.08em!important;
  box-shadow:0 16px 36px rgba(255,255,255,.12)!important;
  animation:otxV9Float7 5.4s ease-in-out infinite!important;
  pointer-events:none!important;
}

/* 08 Funnel */
.nike-global-sc form:before,
.nike-global-sc .bit-form:before,
.nike-global-sc .bf-form:before{
  content:"Funnel"!important;
  position:absolute!important;
  left:-84px!important;
  top:-68px!important;
  z-index:-2!important;
  padding:9px 13px!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.94)!important;
  color:#0B1F6B!important;
  border:1px solid rgba(11,31,107,.12)!important;
  font-size:11px!important;
  line-height:1!important;
  font-weight:950!important;
  letter-spacing:.08em!important;
  box-shadow:0 14px 32px rgba(255,255,255,.12)!important;
  animation:otxV9Float8 5s ease-in-out infinite!important;
  pointer-events:none!important;
}

/* 09 CAC */
.nike-global-sc form:after,
.nike-global-sc .bit-form:after,
.nike-global-sc .bf-form:after{
  content:"CAC ↓"!important;
  position:absolute!important;
  right:-80px!important;
  top:-78px!important;
  z-index:-2!important;
  padding:9px 13px!important;
  border-radius:999px!important;
  background:rgba(7,11,34,.92)!important;
  color:#fff!important;
  border:1px solid rgba(255,255,255,.15)!important;
  font-size:11px!important;
  line-height:1!important;
  font-weight:950!important;
  letter-spacing:.08em!important;
  box-shadow:0 14px 32px rgba(7,11,34,.24)!important;
  animation:otxV9Float9 5.3s ease-in-out infinite!important;
  pointer-events:none!important;
}

/* 10 Sales */
.nike-global-sc .bf-field-wrap:first-child:before,
.nike-global-sc .form-group:first-child:before,
.nike-global-sc p:first-child:before{
  content:"Sales"!important;
  position:absolute!important;
  right:-112px!important;
  top:-94px!important;
  z-index:-2!important;
  padding:8px 12px!important;
  border-radius:999px!important;
  background:#D42B2B!important;
  color:#fff!important;
  border:1px solid rgba(255,255,255,.14)!important;
  font-size:10px!important;
  line-height:1!important;
  font-weight:950!important;
  letter-spacing:.08em!important;
  box-shadow:0 14px 32px rgba(212,43,43,.24)!important;
  animation:otxV9Float10 4.9s ease-in-out infinite!important;
  pointer-events:none!important;
}

/* 11 SEO */
.nike-global-sc .bf-field-wrap:nth-child(2):before,
.nike-global-sc .form-group:nth-child(2):before,
.nike-global-sc p:nth-child(2):before{
  content:"SEO"!important;
  position:absolute!important;
  left:-66px!important;
  top:-92px!important;
  z-index:-2!important;
  padding:8px 12px!important;
  border-radius:999px!important;
  background:rgba(11,31,107,.90)!important;
  color:#DCE3FF!important;
  border:1px solid rgba(255,255,255,.14)!important;
  font-size:10px!important;
  line-height:1!important;
  font-weight:950!important;
  letter-spacing:.08em!important;
  box-shadow:0 14px 32px rgba(11,31,107,.24)!important;
  animation:otxV9Float11 5.2s ease-in-out infinite!important;
  pointer-events:none!important;
}

/* 12 Analytics */
.nike-global-sc .bf-field-wrap:nth-child(3):before,
.nike-global-sc .form-group:nth-child(3):before,
.nike-global-sc p:nth-child(3):before{
  content:"Analytics"!important;
  position:absolute!important;
  right:-96px!important;
  top:-122px!important;
  z-index:-2!important;
  padding:8px 12px!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.94)!important;
  color:#0B1F6B!important;
  border:1px solid rgba(11,31,107,.12)!important;
  font-size:10px!important;
  line-height:1!important;
  font-weight:950!important;
  letter-spacing:.08em!important;
  box-shadow:0 14px 32px rgba(255,255,255,.12)!important;
  animation:otxV9Float12 5.6s ease-in-out infinite!important;
  pointer-events:none!important;
}

/* 13 LTV */
.nike-global-sc .bf-field-wrap:nth-child(4):before,
.nike-global-sc .form-group:nth-child(4):before,
.nike-global-sc p:nth-child(4):before{
  content:"LTV"!important;
  position:absolute!important;
  left:-42px!important;
  top:-122px!important;
  z-index:-2!important;
  padding:8px 12px!important;
  border-radius:999px!important;
  background:#D42B2B!important;
  color:#fff!important;
  border:1px solid rgba(255,255,255,.14)!important;
  font-size:10px!important;
  line-height:1!important;
  font-weight:950!important;
  letter-spacing:.08em!important;
  box-shadow:0 14px 32px rgba(212,43,43,.24)!important;
  animation:otxV9Float13 5.8s ease-in-out infinite!important;
  pointer-events:none!important;
}

/* 14 Brand */
.nike-global-sc .bf-field-wrap:nth-child(5):before,
.nike-global-sc .form-group:nth-child(5):before,
.nike-global-sc p:nth-child(5):before{
  content:"Brand"!important;
  position:absolute!important;
  right:-42px!important;
  top:-148px!important;
  z-index:-2!important;
  padding:8px 12px!important;
  border-radius:999px!important;
  background:rgba(7,11,34,.92)!important;
  color:#fff!important;
  border:1px solid rgba(255,255,255,.14)!important;
  font-size:10px!important;
  line-height:1!important;
  font-weight:950!important;
  letter-spacing:.08em!important;
  box-shadow:0 14px 32px rgba(7,11,34,.24)!important;
  animation:otxV9Float14 6s ease-in-out infinite!important;
  pointer-events:none!important;
}

/* Keep only tiny elegant dots — no holo round */
.nike-has-rainbow .nike-rainbow-inner:after{
  content:""!important;
  position:absolute!important;
  right:-142px!important;
  top:-104px!important;
  width:340px!important;
  height:178px!important;
  z-index:-3!important;
  pointer-events:none!important;
  opacity:.88!important;
  background:
    radial-gradient(circle at 8% 78%, rgba(255,70,70,.90) 0 3px, transparent 4px),
    radial-gradient(circle at 18% 28%, rgba(255,255,255,.55) 0 2px, transparent 3px),
    radial-gradient(circle at 31% 58%, rgba(11,31,107,.82) 0 3px, transparent 4px),
    radial-gradient(circle at 44% 18%, rgba(255,70,70,.72) 0 3px, transparent 4px),
    radial-gradient(circle at 58% 72%, rgba(255,255,255,.46) 0 2px, transparent 3px),
    radial-gradient(circle at 70% 38%, rgba(212,43,43,.72) 0 3px, transparent 4px),
    radial-gradient(circle at 84% 18%, rgba(255,255,255,.42) 0 2px, transparent 3px),
    radial-gradient(circle at 94% 68%, rgba(11,31,107,.76) 0 3px, transparent 4px)!important;
  animation:otxV9DotsOnly 5.6s ease-in-out infinite!important;
}

/* Remove any previous sweeping/box backgrounds */
.nike-has-rainbow .nike-rainbow-inner:before{
  opacity:.16!important;
  background:linear-gradient(100deg, transparent 0%, rgba(255,255,255,.10) 45%, transparent 58%)!important;
  animation:otxV9SoftLine 6s ease-in-out infinite!important;
}

/* Animations */
@keyframes otxV9Float1{0%,100%{transform:rotate(5deg) translate3d(0,0,0)}50%{transform:rotate(2deg) translate3d(-18px,12px,0)}}
@keyframes otxV9Float2{0%,100%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(12px,10px,0) scale(1.08)}}
@keyframes otxV9Float3{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(-16px,12px,0)}}
@keyframes otxV9Float4{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(-18px,10px,0)}}
@keyframes otxV9Float5{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(14px,10px,0)}}
@keyframes otxV9Float6{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(-15px,10px,0)}}
@keyframes otxV9Float7{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(-20px,8px,0)}}
@keyframes otxV9Float8{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(14px,10px,0)}}
@keyframes otxV9Float9{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(-15px,12px,0)}}
@keyframes otxV9Float10{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(-14px,12px,0)}}
@keyframes otxV9Float11{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(14px,10px,0)}}
@keyframes otxV9Float12{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(-12px,12px,0)}}
@keyframes otxV9Float13{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(12px,12px,0)}}
@keyframes otxV9Float14{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(-12px,8px,0)}}
@keyframes otxV9DotsOnly{0%,100%{transform:translate3d(0,0,0);opacity:.44}50%{transform:translate3d(-14px,10px,0);opacity:.9}}
@keyframes otxV9SoftLine{0%,100%{background-position:-140px 0;opacity:.12}50%{background-position:140px 0;opacity:.22}}

/* Mobile: keep clean */
@media (max-width:768px){
  .nike-col-right:before,
  .nike-col-right:after,
  .nike-has-rainbow::before{
    display:none!important;
  }

  .nike-has-rainbow::after{
    right:-38px!important;
    top:-34px!important;
    font-size:10px!important;
    padding:8px 11px!important;
  }

  .nike-global-title:before{
    left:-10px!important;
    top:-28px!important;
    font-size:10px!important;
    padding:7px 9px!important;
  }

  .nike-global-title:after,
  .nike-global-desc:before,
  .nike-global-desc:after,
  .nike-global-sc:before,
  .nike-global-sc:after,
  .nike-global-sc form:before,
  .nike-global-sc .bit-form:before,
  .nike-global-sc .bf-form:before,
  .nike-global-sc form:after,
  .nike-global-sc .bit-form:after,
  .nike-global-sc .bf-form:after,
  .nike-global-sc .bf-field-wrap:before,
  .nike-global-sc .form-group:before,
  .nike-global-sc p:before{
    display:none!important;
  }
}

@media (prefers-reduced-motion:reduce){
  .nike-has-rainbow::after,
  .nike-global-title:before,
  .nike-global-title:after,
  .nike-global-desc:before,
  .nike-global-desc:after,
  .nike-global-sc:before,
  .nike-global-sc:after,
  .nike-global-sc form:before,
  .nike-global-sc .bit-form:before,
  .nike-global-sc .bf-form:before,
  .nike-global-sc form:after,
  .nike-global-sc .bit-form:after,
  .nike-global-sc .bf-form:after,
  .nike-has-rainbow .nike-rainbow-inner:after{
    animation:none!important;
  }
}

/* ==========================================================
   One2TenX V10 — Guaranteed Visible Bubbles
   Uses real injected bubble elements instead of many pseudo-elements.
   Fixes hidden bubbles + reduces overlap.
   Keeps small dots and removes holo shapes.
   ========================================================== */

/* Remove old pseudo bubble clutter from V9 so real bubbles control layout */
.nike-col-right:before,
.nike-col-right:after,
.nike-has-rainbow::before,
.nike-has-rainbow::after,
.nike-global-title:before,
.nike-global-title:after,
.nike-global-desc:before,
.nike-global-desc:after,
.nike-global-sc:before,
.nike-global-sc:after,
.nike-global-sc form:before,
.nike-global-sc form:after,
.nike-global-sc .bit-form:before,
.nike-global-sc .bit-form:after,
.nike-global-sc .bf-form:before,
.nike-global-sc .bf-form:after,
.nike-global-sc .bf-field-wrap:before,
.nike-global-sc .form-group:before,
.nike-global-sc p:before{
  display:none!important;
  content:none!important;
}

/* Keep only tiny elegant dots behind the panel */
.nike-has-rainbow .nike-rainbow-inner:after{
  content:""!important;
  position:absolute!important;
  right:-116px!important;
  top:-92px!important;
  width:330px!important;
  height:190px!important;
  z-index:0!important;
  pointer-events:none!important;
  opacity:.72!important;
  background:
    radial-gradient(circle at 8% 78%, rgba(255,70,70,.78) 0 3px, transparent 4px),
    radial-gradient(circle at 18% 28%, rgba(255,255,255,.48) 0 2px, transparent 3px),
    radial-gradient(circle at 31% 58%, rgba(11,31,107,.72) 0 3px, transparent 4px),
    radial-gradient(circle at 44% 18%, rgba(255,70,70,.66) 0 3px, transparent 4px),
    radial-gradient(circle at 58% 72%, rgba(255,255,255,.38) 0 2px, transparent 3px),
    radial-gradient(circle at 70% 38%, rgba(212,43,43,.62) 0 3px, transparent 4px),
    radial-gradient(circle at 84% 18%, rgba(255,255,255,.34) 0 2px, transparent 3px),
    radial-gradient(circle at 94% 68%, rgba(11,31,107,.66) 0 3px, transparent 4px)!important;
  animation:otxV10DotsOnly 5.6s ease-in-out infinite!important;
}

/* Panel must allow bubbles outside */
.nike-col-right{
  position:relative!important;
  overflow:visible!important;
  isolation:isolate!important;
}

.nike-has-rainbow{
  position:relative!important;
  overflow:visible!important;
}

/* Bubble system */
.otx-growth-bubbles{
  position:absolute;
  inset:0;
  z-index:30;
  pointer-events:none;
  overflow:visible;
}

.otx-growth-bubble{
  position:absolute;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  white-space:nowrap;
  border-radius:999px;
  padding:9px 13px;
  font-size:11px;
  line-height:1;
  font-weight:950;
  letter-spacing:.06em;
  border:1px solid rgba(255,255,255,.18);
  box-shadow:0 16px 38px rgba(7,11,34,.22);
  backdrop-filter:blur(10px);
  animation-duration:5.4s;
  animation-timing-function:ease-in-out;
  animation-iteration-count:infinite;
  opacity:.96;
}

/* Color variants */
.otx-growth-bubble:nth-child(3n+1){
  background:#D42B2B;
  color:#fff;
  box-shadow:0 16px 38px rgba(212,43,43,.28);
}
.otx-growth-bubble:nth-child(3n+2){
  background:rgba(255,255,255,.94);
  color:#0B1F6B;
  border-color:rgba(11,31,107,.12);
}
.otx-growth-bubble:nth-child(3n+3){
  background:rgba(7,11,34,.92);
  color:#fff;
}

/* Controlled positions — around top corners and side edges, not over form fields */
.otx-growth-bubble-1{left:-34px;top:-46px;animation-name:otxV10BubbleA}
.otx-growth-bubble-2{right:-58px;top:-44px;animation-name:otxV10BubbleB}
.otx-growth-bubble-3{right:-126px;top:-6px;animation-name:otxV10BubbleC}
.otx-growth-bubble-4{right:-112px;top:42px;animation-name:otxV10BubbleD}
.otx-growth-bubble-5{left:-96px;top:38px;animation-name:otxV10BubbleE}
.otx-growth-bubble-6{right:-76px;top:92px;animation-name:otxV10BubbleF}
.otx-growth-bubble-7{right:-104px;top:140px;animation-name:otxV10BubbleG}
.otx-growth-bubble-8{left:-86px;top:96px;animation-name:otxV10BubbleH}
.otx-growth-bubble-9{left:-72px;top:150px;animation-name:otxV10BubbleI}
.otx-growth-bubble-10{right:-74px;top:190px;animation-name:otxV10BubbleJ}
.otx-growth-bubble-11{left:-56px;top:206px;animation-name:otxV10BubbleK}
.otx-growth-bubble-12{right:-118px;top:242px;animation-name:otxV10BubbleL}
.otx-growth-bubble-13{left:-48px;top:262px;animation-name:otxV10BubbleM}
.otx-growth-bubble-14{right:-52px;top:292px;animation-name:otxV10BubbleN}

/* slight delays so they don't move together */
.otx-growth-bubble-1{animation-delay:.0s}
.otx-growth-bubble-2{animation-delay:.2s}
.otx-growth-bubble-3{animation-delay:.45s}
.otx-growth-bubble-4{animation-delay:.75s}
.otx-growth-bubble-5{animation-delay:1s}
.otx-growth-bubble-6{animation-delay:1.25s}
.otx-growth-bubble-7{animation-delay:1.5s}
.otx-growth-bubble-8{animation-delay:1.75s}
.otx-growth-bubble-9{animation-delay:2s}
.otx-growth-bubble-10{animation-delay:2.2s}
.otx-growth-bubble-11{animation-delay:2.45s}
.otx-growth-bubble-12{animation-delay:2.7s}
.otx-growth-bubble-13{animation-delay:2.95s}
.otx-growth-bubble-14{animation-delay:3.2s}

/* Make top priority bubbles slightly stronger */
.otx-growth-bubble-1,
.otx-growth-bubble-2,
.otx-growth-bubble-3,
.otx-growth-bubble-4,
.otx-growth-bubble-5{
  font-size:12px;
  padding:10px 15px;
}

/* Movement: small enough to avoid permanent overlap, visible enough to feel alive */
@keyframes otxV10BubbleA{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(12px,10px,0)}}
@keyframes otxV10BubbleB{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(-14px,10px,0)}}
@keyframes otxV10BubbleC{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(-18px,8px,0)}}
@keyframes otxV10BubbleD{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(-14px,-6px,0)}}
@keyframes otxV10BubbleE{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(14px,-8px,0)}}
@keyframes otxV10BubbleF{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(-12px,8px,0)}}
@keyframes otxV10BubbleG{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(-16px,-7px,0)}}
@keyframes otxV10BubbleH{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(16px,7px,0)}}
@keyframes otxV10BubbleI{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(12px,-8px,0)}}
@keyframes otxV10BubbleJ{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(-12px,8px,0)}}
@keyframes otxV10BubbleK{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(12px,8px,0)}}
@keyframes otxV10BubbleL{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(-14px,-8px,0)}}
@keyframes otxV10BubbleM{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(12px,-8px,0)}}
@keyframes otxV10BubbleN{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(-12px,8px,0)}}
@keyframes otxV10DotsOnly{0%,100%{transform:translate3d(0,0,0);opacity:.48}50%{transform:translate3d(-14px,10px,0);opacity:.82}}

/* Mobile: show fewer bubbles, no clutter */
@media (max-width:768px){
  .otx-growth-bubble{
    display:none;
  }
  .otx-growth-bubble-1,
  .otx-growth-bubble-2,
  .otx-growth-bubble-3{
    display:inline-flex;
    font-size:10px;
    padding:8px 10px;
  }
  .otx-growth-bubble-1{left:-12px;top:-30px}
  .otx-growth-bubble-2{right:-18px;top:-34px}
  .otx-growth-bubble-3{right:-28px;top:12px}
}

@media (prefers-reduced-motion:reduce){
  .otx-growth-bubble,
  .nike-has-rainbow .nike-rainbow-inner:after{
    animation:none!important;
  }
}

/* ==========================================================
   One2TenX V11 — Top-Balanced Bubble Layout
   Moves more bubbles to the top edge.
   Pulls side bubbles closer to the contact form.
   Keeps all 14 real bubbles from V10.
   ========================================================== */

/* Make sure bubble layer is visible but controlled */
.otx-growth-bubbles{
  z-index:30!important;
  overflow:visible!important;
}

/* Softer, closer bubble style */
.otx-growth-bubble{
  box-shadow:0 12px 30px rgba(7,11,34,.20)!important;
}

/* Top-row bubbles: more distribution across the form top */
.otx-growth-bubble-1{left:-22px!important;top:-42px!important;animation-name:otxV11BubbleA!important}      /* 10x */
.otx-growth-bubble-2{left:72px!important;top:-58px!important;animation-name:otxV11BubbleB!important}       /* ROI */
.otx-growth-bubble-3{left:190px!important;top:-50px!important;animation-name:otxV11BubbleC!important}      /* Google Ads */
.otx-growth-bubble-4{right:122px!important;top:-56px!important;animation-name:otxV11BubbleD!important}     /* Meta Ads */
.otx-growth-bubble-5{right:12px!important;top:-42px!important;animation-name:otxV11BubbleE!important}      /* LinkedIn */

/* Near top corners but closer to form */
.otx-growth-bubble-6{right:-48px!important;top:12px!important;animation-name:otxV11BubbleF!important}      /* CRO */
.otx-growth-bubble-7{right:-54px!important;top:58px!important;animation-name:otxV11BubbleG!important}      /* Leads */
.otx-growth-bubble-8{left:-48px!important;top:24px!important;animation-name:otxV11BubbleH!important}       /* Funnel */
.otx-growth-bubble-9{left:-42px!important;top:74px!important;animation-name:otxV11BubbleI!important}       /* CAC */

/* Mid-side bubbles closer to the panel, not too far out */
.otx-growth-bubble-10{right:-42px!important;top:116px!important;animation-name:otxV11BubbleJ!important}    /* Sales */
.otx-growth-bubble-11{left:-34px!important;top:126px!important;animation-name:otxV11BubbleK!important}     /* SEO */
.otx-growth-bubble-12{right:-58px!important;top:166px!important;animation-name:otxV11BubbleL!important}    /* Analytics */
.otx-growth-bubble-13{left:-28px!important;top:176px!important;animation-name:otxV11BubbleM!important}     /* LTV */
.otx-growth-bubble-14{right:22px!important;top:208px!important;animation-name:otxV11BubbleN!important}     /* Brand */

/* Make very long labels slightly compact */
.otx-growth-bubble-3,
.otx-growth-bubble-4,
.otx-growth-bubble-5,
.otx-growth-bubble-12{
  font-size:10px!important;
  padding:9px 12px!important;
}

/* Keep top bubbles more readable */
.otx-growth-bubble-1,
.otx-growth-bubble-2,
.otx-growth-bubble-3,
.otx-growth-bubble-4,
.otx-growth-bubble-5{
  opacity:.98!important;
}

/* Smaller movements so they do not crash into each other permanently */
@keyframes otxV11BubbleA{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(10px,7px,0)}}
@keyframes otxV11BubbleB{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(-8px,9px,0)}}
@keyframes otxV11BubbleC{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(8px,8px,0)}}
@keyframes otxV11BubbleD{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(-8px,9px,0)}}
@keyframes otxV11BubbleE{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(-10px,7px,0)}}
@keyframes otxV11BubbleF{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(-8px,6px,0)}}
@keyframes otxV11BubbleG{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(-9px,-5px,0)}}
@keyframes otxV11BubbleH{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(9px,5px,0)}}
@keyframes otxV11BubbleI{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(8px,-5px,0)}}
@keyframes otxV11BubbleJ{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(-8px,6px,0)}}
@keyframes otxV11BubbleK{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(8px,6px,0)}}
@keyframes otxV11BubbleL{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(-8px,-6px,0)}}
@keyframes otxV11BubbleM{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(8px,-6px,0)}}
@keyframes otxV11BubbleN{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(-7px,6px,0)}}

/* Mobile: keep the same clean mobile behavior */
@media (max-width:768px){
  .otx-growth-bubble{
    display:none!important;
  }
  .otx-growth-bubble-1,
  .otx-growth-bubble-2,
  .otx-growth-bubble-3{
    display:inline-flex!important;
  }
  .otx-growth-bubble-1{left:-12px!important;top:-30px!important}
  .otx-growth-bubble-2{right:28px!important;left:auto!important;top:-34px!important}
  .otx-growth-bubble-3{right:-28px!important;left:auto!important;top:12px!important}
}

/* ==========================================================
   One2TenX V12 — Smaller Top Bubbles + Low-Opacity Back Layer + Parallax
   Keeps v11 placement style but makes it cleaner and premium.
   ========================================================== */

.nike-col-right{
  --otx-parallax-x:0px;
  --otx-parallax-y:0px;
}

/* Overall bubble sizing: more elegant */
.otx-growth-bubble{
  font-size:10px!important;
  padding:7px 10px!important;
  letter-spacing:.055em!important;
  opacity:.92!important;
  box-shadow:0 10px 24px rgba(7,11,34,.16)!important;
  transition:transform .18s ease, opacity .18s ease!important;
}

/* Top bubbles were too wide — make them smaller */
.otx-growth-bubble-1,
.otx-growth-bubble-2,
.otx-growth-bubble-3,
.otx-growth-bubble-4,
.otx-growth-bubble-5{
  font-size:9.5px!important;
  padding:7px 10px!important;
}

/* Long text bubbles extra compact */
.otx-growth-bubble-3,
.otx-growth-bubble-4,
.otx-growth-bubble-5,
.otx-growth-bubble-12{
  font-size:9px!important;
  padding:7px 9px!important;
  max-width:92px!important;
}

/* Pull top row slightly closer and reduce visual width */
.otx-growth-bubble-1{left:-8px!important;top:-36px!important}
.otx-growth-bubble-2{left:62px!important;top:-48px!important}
.otx-growth-bubble-3{left:166px!important;top:-42px!important}
.otx-growth-bubble-4{right:110px!important;top:-48px!important}
.otx-growth-bubble-5{right:22px!important;top:-34px!important}

/* 30% of bubbles become low-opacity background layer */
.otx-growth-bubble-4,
.otx-growth-bubble-8,
.otx-growth-bubble-11,
.otx-growth-bubble-13{
  opacity:.32!important;
  z-index:1!important;
  filter:saturate(.88) blur(.1px);
  transform:scale(.92);
}

/* Remaining main bubbles stay front layer */
.otx-growth-bubble:not(.otx-growth-bubble-4):not(.otx-growth-bubble-8):not(.otx-growth-bubble-11):not(.otx-growth-bubble-13){
  z-index:5!important;
}

/* Parallax depth groups */
.otx-growth-bubble-1,
.otx-growth-bubble-2,
.otx-growth-bubble-3,
.otx-growth-bubble-5,
.otx-growth-bubble-6,
.otx-growth-bubble-7,
.otx-growth-bubble-10,
.otx-growth-bubble-12,
.otx-growth-bubble-14{
  margin-left:calc(var(--otx-parallax-x) * .48);
  margin-top:calc(var(--otx-parallax-y) * .48);
}

.otx-growth-bubble-4,
.otx-growth-bubble-8,
.otx-growth-bubble-11,
.otx-growth-bubble-13{
  margin-left:calc(var(--otx-parallax-x) * -.24);
  margin-top:calc(var(--otx-parallax-y) * -.24);
}

/* Dots also get subtle parallax but remain behind */
.nike-has-rainbow .nike-rainbow-inner:after{
  transform:translate3d(calc(var(--otx-parallax-x) * -.18), calc(var(--otx-parallax-y) * -.18), 0);
  opacity:.56!important;
}

/* Update movement to be smaller and less traffic-like */
@keyframes otxV11BubbleA{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(7px,5px,0)}}
@keyframes otxV11BubbleB{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(-6px,6px,0)}}
@keyframes otxV11BubbleC{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(6px,5px,0)}}
@keyframes otxV11BubbleD{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(-6px,6px,0)}}
@keyframes otxV11BubbleE{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(-7px,5px,0)}}
@keyframes otxV11BubbleF{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(-6px,4px,0)}}
@keyframes otxV11BubbleG{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(-6px,-4px,0)}}
@keyframes otxV11BubbleH{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(6px,4px,0)}}
@keyframes otxV11BubbleI{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(6px,-4px,0)}}
@keyframes otxV11BubbleJ{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(-6px,4px,0)}}
@keyframes otxV11BubbleK{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(6px,4px,0)}}
@keyframes otxV11BubbleL{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(-6px,-4px,0)}}
@keyframes otxV11BubbleM{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(6px,-4px,0)}}
@keyframes otxV11BubbleN{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(-5px,4px,0)}}

/* Hover: front bubbles become a bit clearer */
.nike-col-right:hover .otx-growth-bubble:not(.otx-growth-bubble-4):not(.otx-growth-bubble-8):not(.otx-growth-bubble-11):not(.otx-growth-bubble-13){
  opacity:1!important;
}

/* Background bubbles stay subtle even on hover */
.nike-col-right:hover .otx-growth-bubble-4,
.nike-col-right:hover .otx-growth-bubble-8,
.nike-col-right:hover .otx-growth-bubble-11,
.nike-col-right:hover .otx-growth-bubble-13{
  opacity:.38!important;
}

/* Mobile: keep clean */
@media (max-width:768px){
  .otx-growth-bubble-1,
  .otx-growth-bubble-2,
  .otx-growth-bubble-3{
    font-size:9px!important;
    padding:7px 9px!important;
  }

  .otx-growth-bubble-1{left:-8px!important;top:-28px!important}
  .otx-growth-bubble-2{right:22px!important;left:auto!important;top:-30px!important}
  .otx-growth-bubble-3{right:-22px!important;left:auto!important;top:12px!important}
}

@media (prefers-reduced-motion:reduce){
  .otx-growth-bubble{
    margin-left:0!important;
    margin-top:0!important;
  }
}

/* ==========================================================
   One2TenX V13 — Whole-Slider Parallax + 11 Compact Bubbles
   - Parallax responds on whole slider hover.
   - Keeps 11 bubbles only.
   - 3 bubbles are low-opacity background layer.
   - Top bubbles are narrower and cleaner.
   ========================================================== */

/* Only 11 bubbles now */
.otx-growth-bubble-12,
.otx-growth-bubble-13,
.otx-growth-bubble-14{
  display:none!important;
}

/* Compact bubble design */
.otx-growth-bubble{
  font-size:9px!important;
  padding:6px 8px!important;
  max-width:78px!important;
  min-height:24px!important;
  letter-spacing:.045em!important;
  box-shadow:0 8px 20px rgba(7,11,34,.14)!important;
  transform-origin:center center;
}

/* Make the widest labels smaller */
.otx-growth-bubble-3,
.otx-growth-bubble-4,
.otx-growth-bubble-5{
  font-size:8.2px!important;
  padding:6px 7px!important;
  max-width:76px!important;
}

/* Top row is now tighter, less wide, and closer to form */
.otx-growth-bubble-1{left:4px!important;top:-32px!important;animation-name:otxV13BubbleA!important}
.otx-growth-bubble-2{left:66px!important;top:-42px!important;animation-name:otxV13BubbleB!important}
.otx-growth-bubble-3{left:152px!important;top:-36px!important;animation-name:otxV13BubbleC!important}
.otx-growth-bubble-4{right:96px!important;top:-40px!important;animation-name:otxV13BubbleD!important}
.otx-growth-bubble-5{right:20px!important;top:-30px!important;animation-name:otxV13BubbleE!important}

/* Side bubbles closer to panel */
.otx-growth-bubble-6{right:-34px!important;top:18px!important;animation-name:otxV13BubbleF!important}
.otx-growth-bubble-7{right:-38px!important;top:58px!important;animation-name:otxV13BubbleG!important}
.otx-growth-bubble-8{left:-34px!important;top:32px!important;animation-name:otxV13BubbleH!important}
.otx-growth-bubble-9{left:-32px!important;top:76px!important;animation-name:otxV13BubbleI!important}
.otx-growth-bubble-10{right:-34px!important;top:104px!important;animation-name:otxV13BubbleJ!important}
.otx-growth-bubble-11{left:-26px!important;top:118px!important;animation-name:otxV13BubbleK!important}

/* Exactly 3 low-opacity background bubbles */
.otx-growth-bubble-4,
.otx-growth-bubble-8,
.otx-growth-bubble-11{
  opacity:.30!important;
  z-index:1!important;
  filter:saturate(.82);
}

/* Front bubbles */
.otx-growth-bubble-1,
.otx-growth-bubble-2,
.otx-growth-bubble-3,
.otx-growth-bubble-5,
.otx-growth-bubble-6,
.otx-growth-bubble-7,
.otx-growth-bubble-9,
.otx-growth-bubble-10{
  opacity:.96!important;
  z-index:6!important;
}

/* Stronger whole-slider parallax depth */
.otx-growth-bubble-1,
.otx-growth-bubble-2,
.otx-growth-bubble-3,
.otx-growth-bubble-5,
.otx-growth-bubble-6,
.otx-growth-bubble-7,
.otx-growth-bubble-9,
.otx-growth-bubble-10{
  margin-left:calc(var(--otx-parallax-x) * .62)!important;
  margin-top:calc(var(--otx-parallax-y) * .62)!important;
}

.otx-growth-bubble-4,
.otx-growth-bubble-8,
.otx-growth-bubble-11{
  margin-left:calc(var(--otx-parallax-x) * -.28)!important;
  margin-top:calc(var(--otx-parallax-y) * -.28)!important;
}

/* Dots stay behind and use opposite parallax */
.nike-has-rainbow .nike-rainbow-inner:after{
  transform:translate3d(calc(var(--otx-parallax-x) * -.20), calc(var(--otx-parallax-y) * -.20), 0)!important;
  opacity:.48!important;
}

/* Smaller movement so bubbles stay readable */
@keyframes otxV13BubbleA{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(5px,4px,0)}}
@keyframes otxV13BubbleB{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(-5px,5px,0)}}
@keyframes otxV13BubbleC{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(5px,4px,0)}}
@keyframes otxV13BubbleD{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(-5px,5px,0)}}
@keyframes otxV13BubbleE{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(-5px,4px,0)}}
@keyframes otxV13BubbleF{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(-5px,3px,0)}}
@keyframes otxV13BubbleG{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(-5px,-3px,0)}}
@keyframes otxV13BubbleH{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(5px,3px,0)}}
@keyframes otxV13BubbleI{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(5px,-3px,0)}}
@keyframes otxV13BubbleJ{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(-5px,3px,0)}}
@keyframes otxV13BubbleK{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(5px,3px,0)}}

/* Hover state via whole slider */
.nike-main-wrapper:hover .otx-growth-bubble:not(.otx-growth-bubble-4):not(.otx-growth-bubble-8):not(.otx-growth-bubble-11),
.hero-slider:hover .otx-growth-bubble:not(.otx-growth-bubble-4):not(.otx-growth-bubble-8):not(.otx-growth-bubble-11){
  opacity:1!important;
}

.nike-main-wrapper:hover .otx-growth-bubble-4,
.nike-main-wrapper:hover .otx-growth-bubble-8,
.nike-main-wrapper:hover .otx-growth-bubble-11,
.hero-slider:hover .otx-growth-bubble-4,
.hero-slider:hover .otx-growth-bubble-8,
.hero-slider:hover .otx-growth-bubble-11{
  opacity:.34!important;
}

/* Mobile remains clean: only 3 compact bubbles */
@media (max-width:768px){
  .otx-growth-bubble{
    display:none!important;
  }

  .otx-growth-bubble-1,
  .otx-growth-bubble-2,
  .otx-growth-bubble-3{
    display:inline-flex!important;
    font-size:8.5px!important;
    padding:6px 8px!important;
  }

  .otx-growth-bubble-1{left:-4px!important;top:-26px!important}
  .otx-growth-bubble-2{right:20px!important;left:auto!important;top:-28px!important}
  .otx-growth-bubble-3{right:-16px!important;left:auto!important;top:10px!important}
}

/* ==========================================================
   One2TenX V14 — Even Bubble Distribution + Smooth Parallax
   - 11 bubbles arranged evenly around the panel.
   - Less clustering, fewer empty gaps.
   - Exactly 3 low-opacity background bubbles.
   - Smoother parallax via V14 JS easing.
   ========================================================== */

/* Make bubble motion smoother */
.otx-growth-bubble{
  will-change:transform, margin-left, margin-top;
  transition:
    margin-left .42s cubic-bezier(.22,.61,.36,1),
    margin-top .42s cubic-bezier(.22,.61,.36,1),
    opacity .25s ease!important;
  font-size:9px!important;
  padding:6px 8px!important;
  max-width:74px!important;
  min-height:23px!important;
  letter-spacing:.04em!important;
}

/* Compact long labels */
.otx-growth-bubble-3,
.otx-growth-bubble-4,
.otx-growth-bubble-5{
  font-size:8px!important;
  max-width:74px!important;
  padding:6px 7px!important;
}

/* New balanced bubble map:
   5 top bubbles, 3 left edge, 3 right edge. */
.otx-growth-bubble-1{left:0!important;top:-34px!important;animation-name:otxV14Float1!important}       /* 10x */
.otx-growth-bubble-2{left:78px!important;top:-50px!important;animation-name:otxV14Float2!important}      /* ROI */
.otx-growth-bubble-3{left:174px!important;top:-36px!important;animation-name:otxV14Float3!important}     /* Google Ads */
.otx-growth-bubble-4{right:104px!important;top:-50px!important;animation-name:otxV14Float4!important}    /* Meta Ads */
.otx-growth-bubble-5{right:14px!important;top:-34px!important;animation-name:otxV14Float5!important}     /* LinkedIn */

.otx-growth-bubble-6{right:-36px!important;top:30px!important;animation-name:otxV14Float6!important}     /* CRO */
.otx-growth-bubble-7{right:-38px!important;top:92px!important;animation-name:otxV14Float7!important}     /* Leads */
.otx-growth-bubble-8{right:-34px!important;top:154px!important;animation-name:otxV14Float8!important}    /* Funnel */

.otx-growth-bubble-9{left:-34px!important;top:30px!important;animation-name:otxV14Float9!important}      /* CAC */
.otx-growth-bubble-10{left:-36px!important;top:92px!important;animation-name:otxV14Float10!important}    /* Sales */
.otx-growth-bubble-11{left:-30px!important;top:154px!important;animation-name:otxV14Float11!important}   /* SEO */

/* Hide removed extras */
.otx-growth-bubble-12,
.otx-growth-bubble-13,
.otx-growth-bubble-14{
  display:none!important;
}

/* Exactly 3 low opacity background bubbles: one top, one left, one right */
.otx-growth-bubble-4,
.otx-growth-bubble-8,
.otx-growth-bubble-11{
  opacity:.30!important;
  z-index:1!important;
  filter:saturate(.82);
}

/* Active/front bubbles */
.otx-growth-bubble-1,
.otx-growth-bubble-2,
.otx-growth-bubble-3,
.otx-growth-bubble-5,
.otx-growth-bubble-6,
.otx-growth-bubble-7,
.otx-growth-bubble-9,
.otx-growth-bubble-10{
  opacity:.96!important;
  z-index:6!important;
}

/* Reduce parallax strength slightly for smoother premium feel */
.otx-growth-bubble-1,
.otx-growth-bubble-2,
.otx-growth-bubble-3,
.otx-growth-bubble-5,
.otx-growth-bubble-6,
.otx-growth-bubble-7,
.otx-growth-bubble-9,
.otx-growth-bubble-10{
  margin-left:calc(var(--otx-parallax-x) * .42)!important;
  margin-top:calc(var(--otx-parallax-y) * .42)!important;
}

.otx-growth-bubble-4,
.otx-growth-bubble-8,
.otx-growth-bubble-11{
  margin-left:calc(var(--otx-parallax-x) * -.18)!important;
  margin-top:calc(var(--otx-parallax-y) * -.18)!important;
}

/* Dots lower opacity and smooth opposite parallax */
.nike-has-rainbow .nike-rainbow-inner:after{
  transform:translate3d(calc(var(--otx-parallax-x) * -.12), calc(var(--otx-parallax-y) * -.12), 0)!important;
  opacity:.38!important;
}

/* Very small breathing movement so the layout remains even */
@keyframes otxV14Float1{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(4px,3px,0)}}
@keyframes otxV14Float2{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(-4px,4px,0)}}
@keyframes otxV14Float3{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(4px,3px,0)}}
@keyframes otxV14Float4{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(-4px,4px,0)}}
@keyframes otxV14Float5{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(-4px,3px,0)}}
@keyframes otxV14Float6{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(-4px,3px,0)}}
@keyframes otxV14Float7{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(-4px,-3px,0)}}
@keyframes otxV14Float8{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(-3px,3px,0)}}
@keyframes otxV14Float9{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(4px,3px,0)}}
@keyframes otxV14Float10{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(4px,-3px,0)}}
@keyframes otxV14Float11{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(3px,3px,0)}}

/* Hover keeps background bubbles low, but visible */
.nike-main-wrapper:hover .otx-growth-bubble-4,
.nike-main-wrapper:hover .otx-growth-bubble-8,
.nike-main-wrapper:hover .otx-growth-bubble-11,
.hero-slider:hover .otx-growth-bubble-4,
.hero-slider:hover .otx-growth-bubble-8,
.hero-slider:hover .otx-growth-bubble-11{
  opacity:.34!important;
}

/* Mobile remains clean */
@media (max-width:768px){
  .otx-growth-bubble{
    display:none!important;
  }

  .otx-growth-bubble-1,
  .otx-growth-bubble-2,
  .otx-growth-bubble-3{
    display:inline-flex!important;
    font-size:8.5px!important;
    padding:6px 8px!important;
  }

  .otx-growth-bubble-1{left:-4px!important;top:-26px!important}
  .otx-growth-bubble-2{right:24px!important;left:auto!important;top:-28px!important}
  .otx-growth-bubble-3{right:-16px!important;left:auto!important;top:10px!important}
}

/* ==========================================================
   One2TenX V15 — Better distribution + bottom blurred bubbles
   - Keeps front bubbles but avoids title overlap more.
   - Adds blurred bottom bubble layer under content.
   - Blue bubbles appear below the form.
   ========================================================== */

/* Ensure the visible panel can host a back layer */
.nike-col-right .nike-rainbow-inner,
.nike-col-right .nike-visible-load,
.nike-col-right .nike-rainbow-inner.nike-visible-load{
  position:relative!important;
  overflow:visible!important;
}

/* Put real content above background blur bubbles */
.nike-col-right .nike-rainbow-inner > *:not(.otx-growth-bubbles-back),
.nike-col-right .nike-visible-load > *:not(.otx-growth-bubbles-back),
.nike-col-right .nike-rainbow-inner.nike-visible-load > *:not(.otx-growth-bubbles-back){
  position:relative;
  z-index:3;
}

/* Front bubble layer stays above content edge but not too aggressive */
.otx-growth-bubbles{
  z-index:8!important;
}

/* Rebalance the 11 front bubbles so they don't hit the heading */
.otx-growth-bubble{
  max-width:72px!important;
  font-size:8.8px!important;
  padding:6px 8px!important;
}

.otx-growth-bubble-1{left:8px!important;top:-28px!important;animation-name:otxV15Float1!important}        /* 10x */
.otx-growth-bubble-2{left:86px!important;top:-42px!important;animation-name:otxV15Float2!important}       /* ROI */
.otx-growth-bubble-3{left:184px!important;top:-30px!important;animation-name:otxV15Float3!important}      /* Google Ads */
.otx-growth-bubble-4{right:110px!important;top:-42px!important;animation-name:otxV15Float4!important}     /* Meta Ads - bg */
.otx-growth-bubble-5{right:18px!important;top:-28px!important;animation-name:otxV15Float5!important}      /* LinkedIn */

.otx-growth-bubble-6{right:-30px!important;top:48px!important;animation-name:otxV15Float6!important}      /* CRO */
.otx-growth-bubble-7{right:-34px!important;top:122px!important;animation-name:otxV15Float7!important}     /* Leads */
.otx-growth-bubble-8{right:-24px!important;top:198px!important;animation-name:otxV15Float8!important}     /* Funnel - bg */

.otx-growth-bubble-9{left:-28px!important;top:46px!important;animation-name:otxV15Float9!important}       /* CAC */
.otx-growth-bubble-10{left:-30px!important;top:120px!important;animation-name:otxV15Float10!important}    /* Sales */
.otx-growth-bubble-11{left:-24px!important;top:198px!important;animation-name:otxV15Float11!important}    /* SEO - bg */

/* compact widest labels */
.otx-growth-bubble-3,
.otx-growth-bubble-4,
.otx-growth-bubble-5{
  font-size:7.9px!important;
  max-width:70px!important;
  padding:6px 7px!important;
}

/* exactly 3 subtle front background bubbles */
.otx-growth-bubble-4,
.otx-growth-bubble-8,
.otx-growth-bubble-11{
  opacity:.28!important;
  z-index:2!important;
  filter:saturate(.82);
}

/* front active ones */
.otx-growth-bubble-1,
.otx-growth-bubble-2,
.otx-growth-bubble-3,
.otx-growth-bubble-5,
.otx-growth-bubble-6,
.otx-growth-bubble-7,
.otx-growth-bubble-9,
.otx-growth-bubble-10{
  opacity:.96!important;
  z-index:8!important;
}

/* Bottom blurred background bubble layer */
.otx-growth-bubbles-back{
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  overflow:visible;
}

.otx-growth-back-bubble{
  position:absolute;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  white-space:nowrap;
  border-radius:999px;
  padding:10px 16px;
  font-size:11px;
  line-height:1;
  font-weight:900;
  letter-spacing:.05em;
  opacity:.24;
  filter:blur(1.2px) saturate(.92);
  pointer-events:none;
  transform-origin:center center;
  border:1px solid rgba(255,255,255,.06);
  box-shadow:none;
  backdrop-filter:blur(12px);
  animation-duration:7.5s;
  animation-timing-function:ease-in-out;
  animation-iteration-count:infinite;
}

/* mix of blue / navy / white low-contrast bubbles below the form */
.otx-growth-back-bubble-1{
  left:56px; top:286px;
  background:rgba(255,255,255,.18);
  color:rgba(11,31,107,.72);
  animation-name:otxV15BackA;
}
.otx-growth-back-bubble-2{
  left:184px; top:318px;
  background:rgba(11,31,107,.34);
  color:rgba(255,255,255,.78);
  animation-name:otxV15BackB;
}
.otx-growth-back-bubble-3{
  right:192px; top:294px;
  background:rgba(255,255,255,.16);
  color:rgba(11,31,107,.70);
  animation-name:otxV15BackC;
}
.otx-growth-back-bubble-4{
  right:88px; top:336px;
  background:rgba(36,76,184,.28);
  color:rgba(228,236,255,.88);
  animation-name:otxV15BackD;
}
.otx-growth-back-bubble-5{
  left:118px; top:366px;
  background:rgba(36,76,184,.26);
  color:rgba(228,236,255,.82);
  animation-name:otxV15BackE;
}
.otx-growth-back-bubble-6{
  right:246px; top:378px;
  background:rgba(7,11,34,.26);
  color:rgba(255,255,255,.72);
  animation-name:otxV15BackF;
}

/* blue bubble below the form more visible but still behind */
.otx-growth-back-bubble-4,
.otx-growth-back-bubble-5{
  opacity:.30;
  filter:blur(1px);
}

/* Smooth small motion for back bubbles */
@keyframes otxV15BackA{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(10px,-6px,0)}}
@keyframes otxV15BackB{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(-8px,6px,0)}}
@keyframes otxV15BackC{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(8px,-5px,0)}}
@keyframes otxV15BackD{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(-8px,7px,0)}}
@keyframes otxV15BackE{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(9px,-4px,0)}}
@keyframes otxV15BackF{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(-10px,5px,0)}}

/* front bubble motion toned and smooth */
@keyframes otxV15Float1{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(3px,2px,0)}}
@keyframes otxV15Float2{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(-3px,3px,0)}}
@keyframes otxV15Float3{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(3px,2px,0)}}
@keyframes otxV15Float4{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(-3px,3px,0)}}
@keyframes otxV15Float5{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(-3px,2px,0)}}
@keyframes otxV15Float6{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(-3px,2px,0)}}
@keyframes otxV15Float7{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(-3px,-2px,0)}}
@keyframes otxV15Float8{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(-2px,2px,0)}}
@keyframes otxV15Float9{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(3px,2px,0)}}
@keyframes otxV15Float10{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(3px,-2px,0)}}
@keyframes otxV15Float11{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(2px,2px,0)}}

/* Parallax depth for back layer: opposite and softer */
.otx-growth-back-bubble{
  margin-left:calc(var(--otx-parallax-x) * -.12);
  margin-top:calc(var(--otx-parallax-y) * -.12);
}

/* Keep content above these background elements */
.nike-col-right .otx-growth-bubbles-back + *{
  position:relative;
  z-index:3;
}

/* mobile: disable bottom blur layer to keep clean */
@media (max-width:768px){
  .otx-growth-bubbles-back{
    display:none!important;
  }
}



/* ==========================================================
   One2TenX V16  Non-overlapping front bubbles + true middle blur layer
   - Front bubbles distributed: 3 top, 3 left, 4 right.
   - Blur bubbles sit between .nike-col-right.nike-has-rainbow and
     .nike-rainbow-inner.nike-visible-load.
   - Background bubbles use blur instead of just low opacity.
   ========================================================== */

/* Front bubble layer: keep 10 front bubbles only */
.otx-growth-bubble-11,
.otx-growth-bubble-12,
.otx-growth-bubble-13,
.otx-growth-bubble-14{display:none !important;}

/* Guarantee front layer above panel content edge but not overlapping text too much */
.otx-growth-bubbles{z-index:10 !important; pointer-events:none;}

.otx-growth-bubble{
  font-size:8.2px !important;
  line-height:1 !important;
  padding:6px 8px !important;
  max-width:68px !important;
  min-height:24px !important;
  border-radius:999px !important;
  box-shadow:0 8px 18px rgba(7,11,34,.16) !important;
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
}

.otx-growth-bubble-3,
.otx-growth-bubble-4,
.otx-growth-bubble-5{font-size:7.6px !important; max-width:66px !important; padding:6px 7px !important;}

/* 3 TOP — evenly spaced, away from heading */
.otx-growth-bubble-1{left:84px !important; top:-34px !important; animation-name:otxV16Float1 !important;}   /* 10x */
.otx-growth-bubble-2{left:240px !important; top:-42px !important; animation-name:otxV16Float2 !important;}  /* ROI */
.otx-growth-bubble-3{right:154px !important; top:-34px !important; animation-name:otxV16Float3 !important;} /* Google Ads */

/* 3 LEFT */
.otx-growth-bubble-4{left:-26px !important; top:82px !important; animation-name:otxV16Float4 !important;}  /* Meta Ads subtle */
.otx-growth-bubble-5{left:-26px !important; top:156px !important; animation-name:otxV16Float5 !important;} /* LinkedIn */
.otx-growth-bubble-6{left:-22px !important; top:232px !important; animation-name:otxV16Float6 !important;} /* CRO */

/* 4 RIGHT */
.otx-growth-bubble-7{right:-24px !important; top:84px !important; animation-name:otxV16Float7 !important;}  /* Leads */
.otx-growth-bubble-8{right:-26px !important; top:156px !important; animation-name:otxV16Float8 !important;} /* Funnel subtle */
.otx-growth-bubble-9{right:-20px !important; top:228px !important; animation-name:otxV16Float9 !important;} /* CAC */
.otx-growth-bubble-10{right:-26px !important; top:302px !important; animation-name:otxV16Float10 !important;} /* Sales */

/* Primary visible bubbles */
.otx-growth-bubble-1,
.otx-growth-bubble-2,
.otx-growth-bubble-3,
.otx-growth-bubble-5,
.otx-growth-bubble-6,
.otx-growth-bubble-7,
.otx-growth-bubble-9,
.otx-growth-bubble-10{
  opacity:.95 !important;
  z-index:10 !important;
  filter:none !important;
}

/* Less prominent items use blur, not mainly opacity-down */
.otx-growth-bubble-4,
.otx-growth-bubble-8{
  opacity:.72 !important;
  z-index:7 !important;
  filter:blur(.8px) saturate(.9) !important;
}

/* Smooth small floating movements */
@keyframes otxV16Float1{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(3px,2px,0)}}
@keyframes otxV16Float2{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(-3px,3px,0)}}
@keyframes otxV16Float3{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(3px,2px,0)}}
@keyframes otxV16Float4{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(2px,3px,0)}}
@keyframes otxV16Float5{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(3px,-2px,0)}}
@keyframes otxV16Float6{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(3px,2px,0)}}
@keyframes otxV16Float7{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(-3px,2px,0)}}
@keyframes otxV16Float8{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(-2px,3px,0)}}
@keyframes otxV16Float9{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(-3px,-2px,0)}}
@keyframes otxV16Float10{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(-3px,2px,0)}}

/* Parallax depth */
.otx-growth-bubble-1,
.otx-growth-bubble-2,
.otx-growth-bubble-3,
.otx-growth-bubble-5,
.otx-growth-bubble-6,
.otx-growth-bubble-7,
.otx-growth-bubble-9,
.otx-growth-bubble-10{
  margin-left:calc(var(--otx-parallax-x) * .34) !important;
  margin-top:calc(var(--otx-parallax-y) * .34) !important;
}
.otx-growth-bubble-4,
.otx-growth-bubble-8{
  margin-left:calc(var(--otx-parallax-x) * .16) !important;
  margin-top:calc(var(--otx-parallax-y) * .16) !important;
}

/* Blur bubble layer inserted between panel and inner content */
.nike-col-right.nike-has-rainbow > .otx-growth-bubbles-back{
  position:absolute !important;
  inset:0 !important;
  z-index:2 !important; /* below inner content, above panel bg */
  pointer-events:none !important;
  overflow:visible !important;
}

/* Ensure inner content sits above blur layer */
.nike-col-right.nike-has-rainbow > .nike-rainbow-inner,
.nike-col-right.nike-has-rainbow > .nike-rainbow-inner.nike-visible-load,
.nike-col-right.nike-has-rainbow > .nike-visible-load{
  position:relative !important;
  z-index:4 !important;
}

.otx-growth-back-bubble{
  position:absolute;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  white-space:nowrap;
  border-radius:999px;
  padding:9px 14px;
  font-size:10px;
  line-height:1;
  font-weight:900;
  letter-spacing:.04em;
  opacity:.9;
  filter:blur(1.6px) saturate(.92);
  border:1px solid rgba(255,255,255,.06);
  box-shadow:none;
  pointer-events:none;
}

/* Bottom / side blur bubbles — visible but conflict-free */
.otx-growth-back-bubble-1{left:70px; top:312px; background:rgba(255,255,255,.16); color:rgba(11,31,107,.70); animation-name:otxV16Back1;}
.otx-growth-back-bubble-2{left:200px; top:344px; background:rgba(36,76,184,.26); color:rgba(228,236,255,.85); animation-name:otxV16Back2;}
.otx-growth-back-bubble-3{right:206px; top:312px; background:rgba(255,255,255,.14); color:rgba(11,31,107,.68); animation-name:otxV16Back3;}
.otx-growth-back-bubble-4{right:96px; top:350px; background:rgba(36,76,184,.28); color:rgba(228,236,255,.88); animation-name:otxV16Back4;}
.otx-growth-back-bubble-5{left:118px; top:388px; background:rgba(11,31,107,.24); color:rgba(255,255,255,.76); animation-name:otxV16Back5;}
.otx-growth-back-bubble-6{right:254px; top:388px; background:rgba(255,255,255,.14); color:rgba(11,31,107,.68); animation-name:otxV16Back6;}

/* Slightly less blurry than before, more visible */
.otx-growth-back-bubble-2,
.otx-growth-back-bubble-4,
.otx-growth-back-bubble-5{filter:blur(1.1px) saturate(.96);}

@keyframes otxV16Back1{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(8px,-5px,0)}}
@keyframes otxV16Back2{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(-8px,5px,0)}}
@keyframes otxV16Back3{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(7px,-4px,0)}}
@keyframes otxV16Back4{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(-8px,6px,0)}}
@keyframes otxV16Back5{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(8px,-4px,0)}}
@keyframes otxV16Back6{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(-8px,4px,0)}}

.otx-growth-back-bubble{
  margin-left:calc(var(--otx-parallax-x) * -.08);
  margin-top:calc(var(--otx-parallax-y) * -.08);
}

/* keep dots subdued */
.nike-has-rainbow .nike-rainbow-inner:after{opacity:.24 !important;}

/* Mobile cleanup */
@media (max-width:768px){
  .otx-growth-bubbles-back{display:none !important;}
  .otx-growth-bubble-4,
  .otx-growth-bubble-5,
  .otx-growth-bubble-6,
  .otx-growth-bubble-7,
  .otx-growth-bubble-8,
  .otx-growth-bubble-9,
  .otx-growth-bubble-10{display:none !important;}
  .otx-growth-bubble-1{left:18px !important; top:-24px !important;}
  .otx-growth-bubble-2{left:auto !important; right:72px !important; top:-28px !important;}
  .otx-growth-bubble-3{left:auto !important; right:-6px !important; top:8px !important;}
}



/* ==========================================================
   One2TenX V17 — fewer visible bubbles, no overlaps
   Visible: 1 top, 2 left, 3 right. Others are blur bubbles.
   ========================================================== */

/* Only keep 6 visible bubbles */
.otx-growth-bubble-7,
.otx-growth-bubble-8,
.otx-growth-bubble-9,
.otx-growth-bubble-10,
.otx-growth-bubble-11,
.otx-growth-bubble-12,
.otx-growth-bubble-13,
.otx-growth-bubble-14{display:none !important;}

.otx-growth-bubble{
  font-size:8px !important;
  padding:6px 8px !important;
  max-width:62px !important;
  min-height:24px !important;
  box-shadow:0 8px 16px rgba(7,11,34,.14) !important;
}
.otx-growth-bubble-4{font-size:7.4px !important; max-width:64px !important;}

/* 1 TOP */
.otx-growth-bubble-1{left:calc(50% - 26px) !important; top:-34px !important; animation-name:otxV17Float1 !important; opacity:.96 !important; z-index:10 !important;}

/* 2 LEFT */
.otx-growth-bubble-2{left:-24px !important; top:118px !important; animation-name:otxV17Float2 !important; opacity:.94 !important; z-index:10 !important;}
.otx-growth-bubble-3{left:-20px !important; top:212px !important; animation-name:otxV17Float3 !important; opacity:.94 !important; z-index:10 !important;}

/* 3 RIGHT */
.otx-growth-bubble-4{right:-22px !important; top:94px !important; animation-name:otxV17Float4 !important; opacity:.94 !important; z-index:10 !important;}
.otx-growth-bubble-5{right:-24px !important; top:188px !important; animation-name:otxV17Float5 !important; opacity:.94 !important; z-index:10 !important;}
.otx-growth-bubble-6{right:-22px !important; top:282px !important; animation-name:otxV17Float6 !important; opacity:.94 !important; z-index:10 !important;}

/* small smooth movement only */
@keyframes otxV17Float1{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(2px,2px,0)}}
@keyframes otxV17Float2{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(2px,2px,0)}}
@keyframes otxV17Float3{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(2px,-2px,0)}}
@keyframes otxV17Float4{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(-2px,2px,0)}}
@keyframes otxV17Float5{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(-2px,-2px,0)}}
@keyframes otxV17Float6{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(-2px,2px,0)}}

/* parallax softened */
.otx-growth-bubble-1,
.otx-growth-bubble-2,
.otx-growth-bubble-3,
.otx-growth-bubble-4,
.otx-growth-bubble-5,
.otx-growth-bubble-6{
  margin-left:calc(var(--otx-parallax-x) * .22) !important;
  margin-top:calc(var(--otx-parallax-y) * .22) !important;
}

/* blur layer between outer and inner */
.nike-col-right.nike-has-rainbow > .otx-growth-bubbles-back{
  position:absolute !important;
  inset:0 !important;
  z-index:2 !important;
  pointer-events:none !important;
  overflow:visible !important;
}
.nike-col-right.nike-has-rainbow > .nike-rainbow-inner,
.nike-col-right.nike-has-rainbow > .nike-rainbow-inner.nike-visible-load,
.nike-col-right.nike-has-rainbow > .nike-visible-load{
  position:relative !important;
  z-index:4 !important;
}

/* blur bubbles more visible, less opacity-based */
.otx-growth-back-bubble{
  position:absolute;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  white-space:nowrap;
  border-radius:999px;
  padding:9px 13px;
  font-size:10px;
  line-height:1;
  font-weight:900;
  letter-spacing:.04em;
  opacity:.82;
  filter:blur(1.2px) saturate(.96);
  border:1px solid rgba(255,255,255,.06);
  pointer-events:none;
}

/* 5 blur bubbles: bottom-focused, non-conflicting */
.otx-growth-back-bubble-1{left:84px; top:314px; background:rgba(255,255,255,.16); color:rgba(11,31,107,.70); animation-name:otxV17Back1;}
.otx-growth-back-bubble-2{left:228px; top:356px; background:rgba(36,76,184,.28); color:rgba(228,236,255,.86); animation-name:otxV17Back2;}
.otx-growth-back-bubble-3{right:210px; top:320px; background:rgba(255,255,255,.14); color:rgba(11,31,107,.68); animation-name:otxV17Back3;}
.otx-growth-back-bubble-4{right:92px; top:362px; background:rgba(36,76,184,.30); color:rgba(228,236,255,.88); animation-name:otxV17Back4;}
.otx-growth-back-bubble-5{left:164px; top:402px; background:rgba(11,31,107,.24); color:rgba(255,255,255,.76); animation-name:otxV17Back5;}

/* blue ones below form a bit clearer */
.otx-growth-back-bubble-2,
.otx-growth-back-bubble-4{filter:blur(1px) saturate(1);}

@keyframes otxV17Back1{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(6px,-4px,0)}}
@keyframes otxV17Back2{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(-6px,4px,0)}}
@keyframes otxV17Back3{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(6px,-4px,0)}}
@keyframes otxV17Back4{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(-6px,4px,0)}}
@keyframes otxV17Back5{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(6px,-4px,0)}}

.otx-growth-back-bubble{
  margin-left:calc(var(--otx-parallax-x) * -.06);
  margin-top:calc(var(--otx-parallax-y) * -.06);
}

/* mobile: only top bubble visible */
@media (max-width:768px){
  .otx-growth-bubbles-back{display:none !important;}
  .otx-growth-bubble-2,
  .otx-growth-bubble-3,
  .otx-growth-bubble-4,
  .otx-growth-bubble-5,
  .otx-growth-bubble-6{display:none !important;}
  .otx-growth-bubble-1{left:calc(50% - 24px) !important; top:-22px !important;}
}



/* ==========================================================
   One2TenX V18 — Perfected non-overlap layout
   Visible: 2 left, 2 right, 2 top-right.
   Blur layer sits between .nike-col-right.nike-has-rainbow and
   .nike-rainbow-inner.nike-visible-load, just under fields.
   ========================================================== */

/* Hide any old indexed bubbles beyond 6 */
.otx-growth-bubble-7,
.otx-growth-bubble-8,
.otx-growth-bubble-9,
.otx-growth-bubble-10,
.otx-growth-bubble-11,
.otx-growth-bubble-12,
.otx-growth-bubble-13,
.otx-growth-bubble-14 { display:none !important; }

/* Bubble layer hierarchy */
.nike-col-right.nike-has-rainbow{ position:relative !important; overflow:visible !important; }
.nike-col-right.nike-has-rainbow > .otx-growth-bubbles-back{
  position:absolute !important;
  inset:0 !important;
  z-index:3 !important;
  pointer-events:none !important;
  overflow:visible !important;
}
.nike-col-right.nike-has-rainbow > .nike-rainbow-inner,
.nike-col-right.nike-has-rainbow > .nike-rainbow-inner.nike-visible-load,
.nike-col-right.nike-has-rainbow > .nike-visible-load{
  position:relative !important;
  z-index:5 !important;
}
.nike-col-right.nike-has-rainbow > .otx-growth-bubbles{
  position:absolute !important;
  inset:0 !important;
  z-index:8 !important;
  pointer-events:none !important;
  overflow:visible !important;
}

/* Front visible bubbles */
.otx-growth-bubble{
  position:absolute;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  white-space:nowrap;
  font-size:7.8px !important;
  line-height:1 !important;
  font-weight:900 !important;
  letter-spacing:.04em !important;
  border-radius:999px !important;
  padding:6px 8px !important;
  min-height:24px !important;
  max-width:66px !important;
  box-shadow:0 8px 16px rgba(7,11,34,.14) !important;
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
}

/* Keep brand colors clean */
.otx-growth-bubble-1,
.otx-growth-bubble-4{ background:rgba(255,255,255,.96) !important; color:#0B1F6B !important; border:1px solid rgba(11,31,107,.1) !important; }
.otx-growth-bubble-2,
.otx-growth-bubble-5{ background:rgba(7,11,34,.92) !important; color:#fff !important; border:1px solid rgba(255,255,255,.12) !important; }
.otx-growth-bubble-3,
.otx-growth-bubble-6{ background:#D42B2B !important; color:#fff !important; border:1px solid rgba(255,255,255,.12) !important; }

/* 2 LEFT */
.otx-growth-bubble-1{ left:-22px !important; top:128px !important; animation:otxV18Float1 6s ease-in-out infinite !important; }
.otx-growth-bubble-2{ left:-18px !important; top:248px !important; animation:otxV18Float2 6.8s ease-in-out infinite !important; }

/* 2 RIGHT */
.otx-growth-bubble-3{ right:-22px !important; top:154px !important; animation:otxV18Float3 6.4s ease-in-out infinite !important; }
.otx-growth-bubble-4{ right:-18px !important; top:274px !important; animation:otxV18Float4 7s ease-in-out infinite !important; }

/* 2 TOP-RIGHT CORNER */
.otx-growth-bubble-5{ right:156px !important; top:-34px !important; animation:otxV18Float5 6.2s ease-in-out infinite !important; }
.otx-growth-bubble-6{ right:42px !important; top:-10px !important; animation:otxV18Float6 6.6s ease-in-out infinite !important; max-width:62px !important; font-size:7.2px !important; }

/* gentle parallax, same direction */
.otx-growth-bubble{
  margin-left:calc(var(--otx-parallax-x) * .18) !important;
  margin-top:calc(var(--otx-parallax-y) * .18) !important;
}

/* tiny movement only */
@keyframes otxV18Float1{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(2px,2px,0)}}
@keyframes otxV18Float2{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(2px,-2px,0)}}
@keyframes otxV18Float3{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(-2px,2px,0)}}
@keyframes otxV18Float4{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(-2px,-2px,0)}}
@keyframes otxV18Float5{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(-2px,2px,0)}}
@keyframes otxV18Float6{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(2px,2px,0)}}

/* Blur bubbles: placed under / around the name and email fields, not too far back */
.otx-growth-back-bubble{
  position:absolute;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  white-space:nowrap;
  border-radius:999px;
  padding:9px 14px;
  font-size:10px;
  line-height:1;
  font-weight:900;
  letter-spacing:.04em;
  pointer-events:none;
  opacity:.86;
  filter:blur(1.1px) saturate(.98);
  border:1px solid rgba(255,255,255,.08);
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
}

/* mid-layer colors */
.otx-growth-back-bubble-1,
.otx-growth-back-bubble-3,
.otx-growth-back-bubble-5{ background:rgba(255,255,255,.18); color:rgba(11,31,107,.72); }
.otx-growth-back-bubble-2,
.otx-growth-back-bubble-4{ background:rgba(36,76,184,.26); color:rgba(228,236,255,.88); }

/* Positioned to peek around the fields, below them in layer order */
.otx-growth-back-bubble-1{ left:116px; top:214px; animation:otxV18Back1 8s ease-in-out infinite; }   /* near name field left */
.otx-growth-back-bubble-2{ right:130px; top:246px; animation:otxV18Back2 8.8s ease-in-out infinite; } /* near name field right / between */
.otx-growth-back-bubble-3{ left:146px; top:326px; animation:otxV18Back3 9s ease-in-out infinite; }   /* near email field left */
.otx-growth-back-bubble-4{ right:164px; top:360px; animation:otxV18Back4 9.2s ease-in-out infinite; } /* blue below email */
.otx-growth-back-bubble-5{ left:268px; top:392px; animation:otxV18Back5 9.4s ease-in-out infinite; }  /* centered lower */

/* slightly clearer blue bubbles */
.otx-growth-back-bubble-2,
.otx-growth-back-bubble-4{ filter:blur(.9px) saturate(1) !important; }

/* soft inverse parallax for blur bubbles */
.otx-growth-back-bubble{
  margin-left:calc(var(--otx-parallax-x) * -.06);
  margin-top:calc(var(--otx-parallax-y) * -.06);
}

@keyframes otxV18Back1{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(5px,-3px,0)}}
@keyframes otxV18Back2{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(-5px,4px,0)}}
@keyframes otxV18Back3{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(5px,-3px,0)}}
@keyframes otxV18Back4{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(-5px,4px,0)}}
@keyframes otxV18Back5{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(5px,-3px,0)}}

/* de-emphasize old tiny dots */
.nike-has-rainbow .nike-rainbow-inner:after{ opacity:.18 !important; }

/* mobile: only 1 top-right bubble, no blur layer */
@media (max-width:768px){
  .otx-growth-bubbles-back{ display:none !important; }
  .otx-growth-bubble-1,
  .otx-growth-bubble-2,
  .otx-growth-bubble-3,
  .otx-growth-bubble-4,
  .otx-growth-bubble-5{ display:none !important; }
  .otx-growth-bubble-6{ right:18px !important; top:-16px !important; display:inline-flex !important; }
}

/* ==========================================================
   One2TenX V19 FINAL — fixed bubble positioning
   This disables ALL older bubble systems and uses only V19 classes.
   Layout:
   - 2 items on left
   - 2 items on right
   - 2 items near right top corner
   - blur items between outer panel and inner form content
   ========================================================== */

/* Disable every old bubble system completely */
.otx-growth-bubbles,
.otx-growth-bubbles-back,
.otx-growth-bubble,
.otx-growth-back-bubble{
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
  pointer-events:none!important;
}

/* Real form panel stage */
.nike-has-rainbow{
  position:relative!important;
  overflow:visible!important;
  isolation:isolate!important;
}

/* V19 layer order */
.nike-has-rainbow > .otx-v19-blur-bubbles{
  position:absolute!important;
  inset:0!important;
  z-index:2!important;
  pointer-events:none!important;
  overflow:visible!important;
}

.nike-has-rainbow > .nike-rainbow-inner,
.nike-has-rainbow > .nike-rainbow-inner.nike-visible-load,
.nike-has-rainbow > .nike-visible-load{
  position:relative!important;
  z-index:5!important;
}

.nike-has-rainbow > .otx-v19-front-bubbles{
  position:absolute!important;
  inset:0!important;
  z-index:8!important;
  pointer-events:none!important;
  overflow:visible!important;
}

/* Front bubbles */
.otx-v19-bubble{
  position:absolute!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  white-space:nowrap!important;
  border-radius:999px!important;
  padding:6px 8px!important;
  min-height:24px!important;
  max-width:66px!important;
  font-size:7.7px!important;
  line-height:1!important;
  font-weight:900!important;
  letter-spacing:.04em!important;
  box-shadow:0 8px 16px rgba(7,11,34,.16)!important;
  backdrop-filter:blur(8px)!important;
  -webkit-backdrop-filter:blur(8px)!important;
  animation-duration:6.5s!important;
  animation-timing-function:ease-in-out!important;
  animation-iteration-count:infinite!important;
}

/* Colors */
.otx-v19-bubble-1,
.otx-v19-bubble-4{
  background:rgba(255,255,255,.96)!important;
  color:#0B1F6B!important;
  border:1px solid rgba(11,31,107,.12)!important;
}

.otx-v19-bubble-2,
.otx-v19-bubble-5{
  background:rgba(7,11,34,.94)!important;
  color:#fff!important;
  border:1px solid rgba(255,255,255,.14)!important;
}

.otx-v19-bubble-3,
.otx-v19-bubble-6{
  background:#D42B2B!important;
  color:#fff!important;
  border:1px solid rgba(255,255,255,.14)!important;
}

/* EXACT layout:
   2 left, 2 right, 2 right-top corner
   These are positioned relative to the actual .nike-has-rainbow panel. */

/* 2 LEFT */
.otx-v19-bubble-1{left:-20px!important;top:132px!important;animation-name:otxV19FloatL1!important;}
.otx-v19-bubble-2{left:-20px!important;top:260px!important;animation-name:otxV19FloatL2!important;}

/* 2 RIGHT */
.otx-v19-bubble-3{right:-22px!important;top:156px!important;animation-name:otxV19FloatR1!important;}
.otx-v19-bubble-4{right:-20px!important;top:284px!important;animation-name:otxV19FloatR2!important;}

/* 2 RIGHT TOP CORNER */
.otx-v19-bubble-5{right:148px!important;top:-32px!important;animation-name:otxV19FloatT1!important;}
.otx-v19-bubble-6{right:42px!important;top:-10px!important;max-width:62px!important;font-size:7.1px!important;animation-name:otxV19FloatT2!important;}

/* Gentle motion only, no collision */
@keyframes otxV19FloatL1{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(2px,2px,0)}}
@keyframes otxV19FloatL2{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(2px,-2px,0)}}
@keyframes otxV19FloatR1{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(-2px,2px,0)}}
@keyframes otxV19FloatR2{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(-2px,-2px,0)}}
@keyframes otxV19FloatT1{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(-2px,2px,0)}}
@keyframes otxV19FloatT2{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(2px,2px,0)}}

/* Whole-slider parallax, very gentle */
.otx-v19-bubble{
  margin-left:calc(var(--otx-parallax-x) * .15)!important;
  margin-top:calc(var(--otx-parallax-y) * .15)!important;
}

/* Blur bubbles between the outer panel and inner content */
.otx-v19-blur{
  position:absolute!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  white-space:nowrap!important;
  border-radius:999px!important;
  padding:9px 13px!important;
  font-size:10px!important;
  line-height:1!important;
  font-weight:900!important;
  letter-spacing:.04em!important;
  pointer-events:none!important;
  opacity:.86!important;
  filter:blur(1.05px) saturate(.98)!important;
  border:1px solid rgba(255,255,255,.08)!important;
  backdrop-filter:blur(8px)!important;
  -webkit-backdrop-filter:blur(8px)!important;
  animation-duration:8.5s!important;
  animation-timing-function:ease-in-out!important;
  animation-iteration-count:infinite!important;
}

/* blur colors */
.otx-v19-blur-1,
.otx-v19-blur-3{
  background:rgba(255,255,255,.17)!important;
  color:rgba(11,31,107,.72)!important;
}

.otx-v19-blur-2,
.otx-v19-blur-4{
  background:rgba(36,76,184,.28)!important;
  color:rgba(228,236,255,.88)!important;
}

/* blur positions: under/around Name + Email fields, not far back */
.otx-v19-blur-1{left:118px!important;top:214px!important;animation-name:otxV19Blur1!important;}
.otx-v19-blur-2{right:132px!important;top:250px!important;animation-name:otxV19Blur2!important;}
.otx-v19-blur-3{left:150px!important;top:326px!important;animation-name:otxV19Blur3!important;}
.otx-v19-blur-4{right:166px!important;top:364px!important;animation-name:otxV19Blur4!important;}

.otx-v19-blur{
  margin-left:calc(var(--otx-parallax-x) * -.05)!important;
  margin-top:calc(var(--otx-parallax-y) * -.05)!important;
}

@keyframes otxV19Blur1{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(5px,-3px,0)}}
@keyframes otxV19Blur2{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(-5px,4px,0)}}
@keyframes otxV19Blur3{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(5px,-3px,0)}}
@keyframes otxV19Blur4{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(-5px,4px,0)}}

/* keep inner content definitely above blur bubbles */
.nike-has-rainbow .nike-rainbow-inner > *,
.nike-has-rainbow .nike-visible-load > *{
  position:relative;
  z-index:6;
}

/* Mobile: keep simple */
@media (max-width:768px){
  .otx-v19-blur-bubbles{display:none!important;}
  .otx-v19-bubble-1,
  .otx-v19-bubble-2,
  .otx-v19-bubble-3,
  .otx-v19-bubble-4,
  .otx-v19-bubble-5{
    display:none!important;
  }
  .otx-v19-bubble-6{
    right:16px!important;
    top:-14px!important;
    display:inline-flex!important;
  }
}

/* ==========================================================
   One2TenX V20 — SVG micro-interaction + 7 clean bubbles
   Layout:
   - 2 bubbles left
   - 2 bubbles right
   - 2 bubbles right-top corner
   - 1 bubble left-top corner
   - no blur text bubbles
   - animated blurred SVG layer behind form content
   ========================================================== */

/* Disable every older bubble system */
.otx-growth-bubbles,
.otx-growth-bubbles-back,
.otx-growth-bubble,
.otx-growth-back-bubble,
.otx-v19-front-bubbles,
.otx-v19-blur-bubbles,
.otx-v19-bubble,
.otx-v19-blur{
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
  pointer-events:none!important;
}

/* Panel stage */
.nike-has-rainbow{
  position:relative!important;
  overflow:visible!important;
  isolation:isolate!important;
}

/* SVG layer sits between outer panel and inner content */
.nike-has-rainbow > .otx-v20-svg-layer{
  position:absolute!important;
  inset:0!important;
  z-index:2!important;
  pointer-events:none!important;
  overflow:hidden!important;
  border-radius:inherit!important;
}

/* Form/content always above SVG */
.nike-has-rainbow > .nike-rainbow-inner,
.nike-has-rainbow > .nike-rainbow-inner.nike-visible-load,
.nike-has-rainbow > .nike-visible-load{
  position:relative!important;
  z-index:5!important;
}

/* Visible bubbles above content edges */
.nike-has-rainbow > .otx-v20-front-bubbles{
  position:absolute!important;
  inset:0!important;
  z-index:8!important;
  pointer-events:none!important;
  overflow:visible!important;
}

/* Blurred SVG illustration */
.otx-v20-svg{
  position:absolute;
  left:50%;
  top:54%;
  width:92%;
  height:auto;
  transform:translate(-50%,-50%) scale(.98);
  opacity:.18;
  filter:blur(2px) saturate(.88);
  animation:otxV20SvgFloat 10s ease-in-out infinite;
}

/* Make SVG visible but never conflict with fields */
.otx-v20-svg-layer:after{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(180deg, rgba(7,11,34,.10), rgba(7,11,34,.28)),
    radial-gradient(circle at 50% 48%, rgba(7,11,34,.22), transparent 58%);
  pointer-events:none;
}

/* SVG animations */
.otx-v20-pulse{
  transform-origin:center;
  animation:otxV20Pulse 2.6s ease-in-out infinite;
}

.otx-v20-dash{
  stroke-dasharray:12 14;
  animation:otxV20Dash 12s linear infinite;
}

@keyframes otxV20SvgFloat{
  0%,100%{transform:translate(-50%,-50%) scale(.98);opacity:.15}
  50%{transform:translate(calc(-50% + 10px),calc(-50% - 8px)) scale(1.02);opacity:.22}
}

@keyframes otxV20Pulse{
  0%,100%{transform:scale(1);opacity:.64}
  50%{transform:scale(1.10);opacity:.92}
}

@keyframes otxV20Dash{
  to{stroke-dashoffset:-320}
}

/* Bubble base */
.otx-v20-bubble{
  position:absolute!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  white-space:nowrap!important;
  border-radius:999px!important;
  padding:6px 8px!important;
  min-height:24px!important;
  max-width:66px!important;
  font-size:7.6px!important;
  line-height:1!important;
  font-weight:900!important;
  letter-spacing:.04em!important;
  box-shadow:0 8px 16px rgba(7,11,34,.16)!important;
  backdrop-filter:blur(8px)!important;
  -webkit-backdrop-filter:blur(8px)!important;
  animation-duration:6.5s!important;
  animation-timing-function:ease-in-out!important;
  animation-iteration-count:infinite!important;
}

/* Colors */
.otx-v20-bubble-1,
.otx-v20-bubble-4{
  background:rgba(255,255,255,.96)!important;
  color:#0B1F6B!important;
  border:1px solid rgba(11,31,107,.12)!important;
}

.otx-v20-bubble-2,
.otx-v20-bubble-5{
  background:rgba(7,11,34,.94)!important;
  color:#fff!important;
  border:1px solid rgba(255,255,255,.14)!important;
}

.otx-v20-bubble-3,
.otx-v20-bubble-6,
.otx-v20-bubble-7{
  background:#D42B2B!important;
  color:#fff!important;
  border:1px solid rgba(255,255,255,.14)!important;
}

/* EXACT layout */
/* 1 LEFT-TOP */
.otx-v20-bubble-1{left:26px!important;top:-28px!important;animation-name:otxV20FloatLT!important;}

/* 2 LEFT */
.otx-v20-bubble-2{left:-20px!important;top:132px!important;animation-name:otxV20FloatL1!important;}
.otx-v20-bubble-3{left:-20px!important;top:260px!important;animation-name:otxV20FloatL2!important;}

/* 2 RIGHT */
.otx-v20-bubble-4{right:-20px!important;top:156px!important;animation-name:otxV20FloatR1!important;}
.otx-v20-bubble-5{right:-20px!important;top:284px!important;animation-name:otxV20FloatR2!important;}

/* 2 RIGHT-TOP CORNER */
.otx-v20-bubble-6{right:148px!important;top:-32px!important;animation-name:otxV20FloatRT1!important;}
.otx-v20-bubble-7{right:42px!important;top:-10px!important;max-width:62px!important;font-size:7px!important;animation-name:otxV20FloatRT2!important;}

/* Gentle motion only */
@keyframes otxV20FloatLT{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(2px,2px,0)}}
@keyframes otxV20FloatL1{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(2px,2px,0)}}
@keyframes otxV20FloatL2{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(2px,-2px,0)}}
@keyframes otxV20FloatR1{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(-2px,2px,0)}}
@keyframes otxV20FloatR2{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(-2px,-2px,0)}}
@keyframes otxV20FloatRT1{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(-2px,2px,0)}}
@keyframes otxV20FloatRT2{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(2px,2px,0)}}

/* Smooth parallax */
.otx-v20-bubble{
  margin-left:calc(var(--otx-parallax-x) * .15)!important;
  margin-top:calc(var(--otx-parallax-y) * .15)!important;
}

.otx-v20-svg{
  margin-left:calc(var(--otx-parallax-x) * -.08)!important;
  margin-top:calc(var(--otx-parallax-y) * -.08)!important;
}

/* Mobile: keep simple */
@media (max-width:768px){
  .otx-v20-svg-layer{
    display:none!important;
  }

  .otx-v20-bubble-1,
  .otx-v20-bubble-2,
  .otx-v20-bubble-3,
  .otx-v20-bubble-4,
  .otx-v20-bubble-5,
  .otx-v20-bubble-6{
    display:none!important;
  }

  .otx-v20-bubble-7{
    right:16px!important;
    top:-14px!important;
    display:inline-flex!important;
  }
}

/* ==========================================================
   One2TenX V21 — message travelling micro-interaction
   - Not the old same SVG/card
   - Message travelling through a curved path
   - Layer sits under form content, visually near input fields
   - Bubbles have varied sizes
   ========================================================== */

/* Disable older systems fully */
.otx-growth-bubbles,
.otx-growth-bubbles-back,
.otx-growth-bubble,
.otx-growth-back-bubble,
.otx-v19-front-bubbles,
.otx-v19-blur-bubbles,
.otx-v19-bubble,
.otx-v19-blur,
.otx-v20-front-bubbles,
.otx-v20-svg-layer,
.otx-v20-bubble{
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
  pointer-events:none!important;
}

/* Panel stage */
.nike-has-rainbow{
  position:relative!important;
  overflow:visible!important;
  isolation:isolate!important;
}

/* message layer between outer panel and form content */
.nike-has-rainbow > .otx-v21-message-layer{
  position:absolute!important;
  left:0!important;
  right:0!important;
  top:150px!important;
  height:320px!important;
  z-index:2!important;
  pointer-events:none!important;
  overflow:hidden!important;
  border-radius:inherit!important;
}

/* keep actual form content above */
.nike-has-rainbow > .nike-rainbow-inner,
.nike-has-rainbow > .nike-rainbow-inner.nike-visible-load,
.nike-has-rainbow > .nike-visible-load{
  position:relative!important;
  z-index:5!important;
}

.nike-has-rainbow > .otx-v21-front-bubbles{
  position:absolute!important;
  inset:0!important;
  z-index:8!important;
  pointer-events:none!important;
  overflow:visible!important;
}

/* blurred message animation, under fields */
.otx-v21-message-svg{
  position:absolute;
  left:50%;
  top:52%;
  width:112%;
  max-width:none;
  transform:translate(-50%,-50%) scale(.98);
  opacity:.34;
  filter:blur(1.35px) saturate(.92);
  animation:otxV21SvgDrift 9s ease-in-out infinite;
}

.otx-v21-route{
  stroke-dasharray:18 18;
  animation:otxV21Dash 12s linear infinite;
  opacity:.80;
}

.otx-v21-route-shadow{
  opacity:.18;
}

.otx-v21-node{
  transform-origin:center;
  animation:otxV21NodePulse 2.8s ease-in-out infinite;
}

.otx-v21-node-2{animation-delay:.25s}
.otx-v21-node-3{animation-delay:.5s}

.otx-v21-envelope{
  filter:drop-shadow(0 12px 24px rgba(212,43,43,.22));
  opacity:.9;
}

.otx-v21-mini-msg{
  opacity:.58;
  filter:blur(.4px);
  animation:otxV21MiniFloat 5.2s ease-in-out infinite;
}

.otx-v21-mini-msg-2{animation-delay:.5s}
.otx-v21-mini-msg-3{animation-delay:1s}

.otx-v21-dot{
  opacity:.7;
  animation:otxV21DotPulse 2.6s ease-in-out infinite;
}

@keyframes otxV21SvgDrift{
  0%,100%{transform:translate(-50%,-50%) scale(.98);opacity:.29}
  50%{transform:translate(calc(-50% + 8px),calc(-50% - 6px)) scale(1.01);opacity:.38}
}

@keyframes otxV21Dash{
  to{stroke-dashoffset:-360}
}

@keyframes otxV21NodePulse{
  0%,100%{transform:scale(1);opacity:.62}
  50%{transform:scale(1.16);opacity:.92}
}

@keyframes otxV21MiniFloat{
  0%,100%{transform:translate3d(0,0,0);opacity:.42}
  50%{transform:translate3d(7px,-5px,0);opacity:.66}
}

@keyframes otxV21DotPulse{
  0%,100%{transform:scale(1);opacity:.45}
  50%{transform:scale(1.45);opacity:.9}
}

/* visible bubbles, varied sizes */
.otx-v21-bubble{
  position:absolute!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  white-space:nowrap!important;
  border-radius:999px!important;
  line-height:1!important;
  font-weight:900!important;
  letter-spacing:.04em!important;
  box-shadow:0 8px 16px rgba(7,11,34,.16)!important;
  backdrop-filter:blur(8px)!important;
  -webkit-backdrop-filter:blur(8px)!important;
  animation-duration:6.5s!important;
  animation-timing-function:ease-in-out!important;
  animation-iteration-count:infinite!important;
}

.otx-v21-size-lg{font-size:9px!important;padding:7px 10px!important;min-height:28px!important;max-width:72px!important;}
.otx-v21-size-md{font-size:7.8px!important;padding:6px 8px!important;min-height:25px!important;max-width:68px!important;}
.otx-v21-size-sm{font-size:7.2px!important;padding:6px 7px!important;min-height:23px!important;max-width:58px!important;}
.otx-v21-size-xs{font-size:6.7px!important;padding:5px 7px!important;min-height:22px!important;max-width:60px!important;}

/* colors */
.otx-v21-bubble-1,
.otx-v21-bubble-4{
  background:rgba(255,255,255,.96)!important;
  color:#0B1F6B!important;
  border:1px solid rgba(11,31,107,.12)!important;
}

.otx-v21-bubble-2,
.otx-v21-bubble-5{
  background:rgba(7,11,34,.94)!important;
  color:#fff!important;
  border:1px solid rgba(255,255,255,.14)!important;
}

.otx-v21-bubble-3,
.otx-v21-bubble-6,
.otx-v21-bubble-7{
  background:#D42B2B!important;
  color:#fff!important;
  border:1px solid rgba(255,255,255,.14)!important;
}

/* layout:
   1 left-top, 2 left, 2 right, 2 right-top */
.otx-v21-bubble-1{left:24px!important;top:-30px!important;animation-name:otxV21FloatLT!important;}
.otx-v21-bubble-2{left:-20px!important;top:132px!important;animation-name:otxV21FloatL1!important;}
.otx-v21-bubble-3{left:-20px!important;top:260px!important;animation-name:otxV21FloatL2!important;}
.otx-v21-bubble-4{right:-20px!important;top:156px!important;animation-name:otxV21FloatR1!important;}
.otx-v21-bubble-5{right:-20px!important;top:284px!important;animation-name:otxV21FloatR2!important;}
.otx-v21-bubble-6{right:148px!important;top:-32px!important;animation-name:otxV21FloatRT1!important;}
.otx-v21-bubble-7{right:42px!important;top:-10px!important;animation-name:otxV21FloatRT2!important;}

@keyframes otxV21FloatLT{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(2px,2px,0)}}
@keyframes otxV21FloatL1{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(2px,2px,0)}}
@keyframes otxV21FloatL2{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(2px,-2px,0)}}
@keyframes otxV21FloatR1{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(-2px,2px,0)}}
@keyframes otxV21FloatR2{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(-2px,-2px,0)}}
@keyframes otxV21FloatRT1{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(-2px,2px,0)}}
@keyframes otxV21FloatRT2{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(2px,2px,0)}}

.otx-v21-bubble{
  margin-left:calc(var(--otx-parallax-x) * .15)!important;
  margin-top:calc(var(--otx-parallax-y) * .15)!important;
}

.otx-v21-message-svg{
  margin-left:calc(var(--otx-parallax-x) * -.07)!important;
  margin-top:calc(var(--otx-parallax-y) * -.07)!important;
}

/* mobile */
@media (max-width:768px){
  .otx-v21-message-layer{
    display:none!important;
  }

  .otx-v21-bubble-1,
  .otx-v21-bubble-2,
  .otx-v21-bubble-3,
  .otx-v21-bubble-4,
  .otx-v21-bubble-5,
  .otx-v21-bubble-6{
    display:none!important;
  }

  .otx-v21-bubble-7{
    right:16px!important;
    top:-14px!important;
    display:inline-flex!important;
  }
}

/* ==========================================================
   One2TenX v1.1.1 — varied bubble sizing only
   Keeps v21 placement and message-path micro-interaction unchanged.
   ========================================================== */

/* Random-feel bubble size variation */
.otx-v21-bubble-1{
  font-size:10.5px!important;
  padding:8px 12px!important;
  min-height:31px!important;
  max-width:82px!important;
}

.otx-v21-bubble-2{
  font-size:8.4px!important;
  padding:7px 9px!important;
  min-height:26px!important;
  max-width:72px!important;
}

.otx-v21-bubble-3{
  font-size:7px!important;
  padding:5px 7px!important;
  min-height:22px!important;
  max-width:56px!important;
}

.otx-v21-bubble-4{
  font-size:9.2px!important;
  padding:7px 11px!important;
  min-height:29px!important;
  max-width:78px!important;
}

.otx-v21-bubble-5{
  font-size:7.3px!important;
  padding:5px 7px!important;
  min-height:22px!important;
  max-width:58px!important;
}

.otx-v21-bubble-6{
  font-size:8.8px!important;
  padding:7px 10px!important;
  min-height:27px!important;
  max-width:76px!important;
}

.otx-v21-bubble-7{
  font-size:6.9px!important;
  padding:5px 7px!important;
  min-height:22px!important;
  max-width:58px!important;
}

/* Slightly different visual weight so bigger bubbles feel intentional */
.otx-v21-bubble-1,
.otx-v21-bubble-4,
.otx-v21-bubble-6{
  box-shadow:0 12px 24px rgba(7,11,34,.18)!important;
}

.otx-v21-bubble-3,
.otx-v21-bubble-5,
.otx-v21-bubble-7{
  opacity:.94!important;
}

/* ==========================================================
   One2TenX v1.1.2 — Mobile bubble visibility fix
   Desktop v21/v1.1.1 design remains unchanged.
   This only fixes phone view so bubbles appear properly.
   ========================================================== */

@media (max-width:768px){
  /* Keep the message-path SVG hidden on phone for performance/readability */
  .otx-v21-message-layer{
    display:none!important;
  }

  /* Make mobile bubble layer visible */
  .nike-has-rainbow > .otx-v21-front-bubbles{
    display:block!important;
    position:absolute!important;
    inset:0!important;
    z-index:9!important;
    pointer-events:none!important;
    overflow:visible!important;
  }

  /* Hide desktop side bubbles on phone */
  .otx-v21-bubble-2,
  .otx-v21-bubble-3,
  .otx-v21-bubble-4,
  .otx-v21-bubble-5{
    display:none!important;
  }

  /* Show 3 clean bubbles on phone */
  .otx-v21-bubble-1,
  .otx-v21-bubble-6,
  .otx-v21-bubble-7{
    display:inline-flex!important;
    visibility:visible!important;
    opacity:.96!important;
    position:absolute!important;
    z-index:10!important;
    pointer-events:none!important;
    white-space:nowrap!important;
  }

  /* Mobile positions: top area, not covering fields */
  .otx-v21-bubble-1{
    left:18px!important;
    right:auto!important;
    top:-20px!important;
    font-size:8.4px!important;
    padding:6px 9px!important;
    min-height:24px!important;
    max-width:66px!important;
  }

  .otx-v21-bubble-6{
    right:88px!important;
    left:auto!important;
    top:-24px!important;
    font-size:7.8px!important;
    padding:6px 8px!important;
    min-height:23px!important;
    max-width:62px!important;
  }

  .otx-v21-bubble-7{
    right:12px!important;
    left:auto!important;
    top:10px!important;
    font-size:6.9px!important;
    padding:5px 7px!important;
    min-height:22px!important;
    max-width:58px!important;
  }

  /* Softer phone movement */
  .otx-v21-bubble{
    margin-left:calc(var(--otx-parallax-x, 0px) * .08)!important;
    margin-top:calc(var(--otx-parallax-y, 0px) * .08)!important;
  }
}

/* Extra small phones */
@media (max-width:420px){
  .otx-v21-bubble-1{
    left:10px!important;
    top:-18px!important;
  }

  .otx-v21-bubble-6{
    right:72px!important;
    top:-22px!important;
  }

  .otx-v21-bubble-7{
    right:8px!important;
    top:8px!important;
  }
}

/* ==========================================================
   One2TenX v1.1.3 — Mobile 5 bubbles
   Desktop remains unchanged.
   Phone now shows 5 clean bubbles.
   ========================================================== */

@media (max-width:768px){
  .otx-v21-message-layer{
    display:none!important;
  }

  .nike-has-rainbow > .otx-v21-front-bubbles{
    display:block!important;
    position:absolute!important;
    inset:0!important;
    z-index:9!important;
    pointer-events:none!important;
    overflow:visible!important;
  }

  /* Hide only the desktop bottom side bubbles on mobile */
  .otx-v21-bubble-3,
  .otx-v21-bubble-5{
    display:none!important;
  }

  /* Show 5 mobile bubbles */
  .otx-v21-bubble-1,
  .otx-v21-bubble-2,
  .otx-v21-bubble-4,
  .otx-v21-bubble-6,
  .otx-v21-bubble-7{
    display:inline-flex!important;
    visibility:visible!important;
    opacity:.96!important;
    position:absolute!important;
    z-index:10!important;
    pointer-events:none!important;
    white-space:nowrap!important;
  }

  /* 5 bubble mobile layout: 2 top, 1 right-top, 1 left, 1 right */
  .otx-v21-bubble-1{
    left:12px!important;
    right:auto!important;
    top:-18px!important;
    font-size:8.2px!important;
    padding:6px 9px!important;
    min-height:24px!important;
    max-width:66px!important;
  }

  .otx-v21-bubble-6{
    right:92px!important;
    left:auto!important;
    top:-22px!important;
    font-size:7.7px!important;
    padding:6px 8px!important;
    min-height:23px!important;
    max-width:62px!important;
  }

  .otx-v21-bubble-7{
    right:12px!important;
    left:auto!important;
    top:8px!important;
    font-size:6.8px!important;
    padding:5px 7px!important;
    min-height:22px!important;
    max-width:58px!important;
  }

  .otx-v21-bubble-2{
    left:-12px!important;
    right:auto!important;
    top:92px!important;
    font-size:7.5px!important;
    padding:6px 8px!important;
    min-height:23px!important;
    max-width:62px!important;
  }

  .otx-v21-bubble-4{
    right:-12px!important;
    left:auto!important;
    top:112px!important;
    font-size:7.5px!important;
    padding:6px 8px!important;
    min-height:23px!important;
    max-width:62px!important;
  }

  .otx-v21-bubble{
    margin-left:calc(var(--otx-parallax-x, 0px) * .06)!important;
    margin-top:calc(var(--otx-parallax-y, 0px) * .06)!important;
  }
}

@media (max-width:420px){
  .otx-v21-bubble-1{
    left:8px!important;
    top:-16px!important;
  }

  .otx-v21-bubble-6{
    right:76px!important;
    top:-20px!important;
  }

  .otx-v21-bubble-7{
    right:8px!important;
    top:8px!important;
  }

  .otx-v21-bubble-2{
    left:-8px!important;
    top:86px!important;
  }

  .otx-v21-bubble-4{
    right:-8px!important;
    top:104px!important;
  }
}

/* ==========================================================
   One2TenX v1.1.1  bubbles behind text/content
   Keeps the current working layout, but places bubbles below the
   text/form content layer so all text and fields remain more visible.
   ========================================================== */

/* Bubble layer stays visible, but behind text/form content */
.nike-has-rainbow > .otx-v21-front-bubbles{
  z-index:4!important;
}

/* Message path remains the deepest visual layer */
.nike-has-rainbow > .otx-v21-message-layer{
  z-index:2!important;
}

/* Inner content/text/form always stays above bubbles */
.nike-has-rainbow > .nike-rainbow-inner,
.nike-has-rainbow > .nike-rainbow-inner.nike-visible-load,
.nike-has-rainbow > .nike-visible-load{
  position:relative!important;
  z-index:7!important;
}

/* Make every direct content block above the bubble layer */
.nike-has-rainbow .nike-rainbow-inner > *,
.nike-has-rainbow .nike-visible-load > *,
.nike-global-title,
.nike-global-desc,
.nike-global-sc,
.nike-global-sc form,
.nike-global-sc .bit-form,
.nike-global-sc .bf-form{
  position:relative!important;
  z-index:8!important;
}

/* Slightly soften bubble opacity so text reads cleaner */
.otx-v21-bubble{
  opacity:.88!important;
}

.otx-v21-bubble-1,
.otx-v21-bubble-4,
.otx-v21-bubble-6{
  opacity:.92!important;
}

/* On hover, bubbles can become a little clearer but still stay behind content */
.nike-main-wrapper:hover .otx-v21-bubble,
.hero-slider:hover .otx-v21-bubble{
  opacity:.95!important;
}

/* Mobile: bubbles also stay under form/text content */
@media (max-width:768px){
  .nike-has-rainbow > .otx-v21-front-bubbles{
    z-index:4!important;
  }

  .nike-has-rainbow > .nike-rainbow-inner,
  .nike-has-rainbow > .nike-rainbow-inner.nike-visible-load,
  .nike-has-rainbow > .nike-visible-load{
    z-index:7!important;
  }

  .otx-v21-bubble{
    opacity:.84!important;
  }
}

/* ==========================================================
   One2TenX v1.1.2 — message animation instant + mobile visible
   Keeps the current working layout, only fixes the message path.
   ========================================================== */

/* PC: keep message visible and active immediately */
.otx-v21-message-layer{
  display:block!important;
  opacity:1!important;
  visibility:visible!important;
}
.otx-v21-message-svg,
.otx-v21-envelope,
.otx-v21-route,
.otx-v21-node,
.otx-v21-mini-msg{
  animation-play-state:running!important;
}

/* Mobile: show the message path too */
@media (max-width:768px){
  .otx-v21-message-layer{
    display:block!important;
    left:0!important;
    right:0!important;
    top:118px!important;
    height:210px!important;
    z-index:2!important;
    overflow:hidden!important;
  }

  .otx-v21-message-svg{
    width:132%!important;
    top:54%!important;
    left:50%!important;
    transform:translate(-50%,-50%) scale(.92)!important;
    opacity:.28!important;
    filter:blur(1px) saturate(.92)!important;
    margin-left:0!important;
    margin-top:0!important;
  }

  .otx-v21-route{
    stroke-width:5!important;
    opacity:.72!important;
  }

  .otx-v21-route-shadow{
    opacity:.14!important;
  }

  .otx-v21-mini-msg{
    opacity:.48!important;
  }
}

@media (max-width:420px){
  .otx-v21-message-layer{
    top:110px!important;
    height:190px!important;
  }

  .otx-v21-message-svg{
    width:144%!important;
    top:56%!important;
    transform:translate(-50%,-50%) scale(.88)!important;
    opacity:.26!important;
  }
}

/* ==========================================================
   One2TenX v1.1.1 — instant message-path support
   Keeps current layout. Ensures SVG path is visible on PC and phone.
   ========================================================== */

.otx-v21-message-layer{
  display:block!important;
  visibility:visible!important;
}

.otx-v21-envelope{
  will-change:transform!important;
}

/* Disable native SVG animateMotion visually; JS controls the envelope now */
.otx-v21-envelope animateMotion{
  display:none!important;
}

/* Keep mobile message path visible */
@media (max-width:768px){
  .otx-v21-message-layer{
    display:block!important;
    visibility:visible!important;
    left:0!important;
    right:0!important;
    top:118px!important;
    height:210px!important;
    z-index:2!important;
    overflow:hidden!important;
  }

  .otx-v21-message-svg{
    width:132%!important;
    top:54%!important;
    left:50%!important;
    transform:translate(-50%,-50%) scale(.92)!important;
    opacity:.28!important;
    filter:blur(1px) saturate(.92)!important;
    margin-left:0!important;
    margin-top:0!important;
  }
}

/* ==========================================================
   One2TenX v1.1.1 — contact form title underline only
   Adds the premium underline/glow below the right-side contact form title.
   Scoped to the form panel so it does not affect slider hero titles.
   ========================================================== */

.nike-has-rainbow .nike-global-title{
  position:relative!important;
}

.nike-has-rainbow .nike-global-title:after{
  content:""!important;
  display:block!important;
  width:80px!important;
  height:4px!important;
  margin-top:16px!important;
  background:linear-gradient(90deg, var(--otx-red), #FF4646, var(--otx-navy))!important;
  box-shadow:0 10px 28px rgba(212,43,43,.32)!important;
  position:relative!important;
  right:auto!important;
  top:auto!important;
  left:auto!important;
  bottom:auto!important;
  border-radius:0!important;
  padding:0!important;
  transform:none!important;
  opacity:1!important;
  pointer-events:none!important;
  z-index:9!important;
}