.elementor-265 .elementor-element.elementor-element-1d15c21{--display:flex;--min-height:90vh;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-265 .elementor-element.elementor-element-eb271dc{--display:flex;--min-height:90vh;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-1540dad */.bws-future-hero {
  position: relative;
  min-height: 100vh;
  overflow: hidden;
  background:
    radial-gradient(circle at 70% 30%, rgba(144,117,89,.28), transparent 28%),
    radial-gradient(circle at 30% 70%, rgba(255,255,255,.08), transparent 26%),
    linear-gradient(135deg, #050505 0%, #111 55%, #050505 100%);
  color: #fff;
  display: flex;
  align-items: flex-end;
  padding: clamp(28px, 6vw, 90px);
}

.bws-grid {
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(rgba(255,255,255,.055) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.055) 1px, transparent 1px);
  background-size: 72px 72px;
  opacity: .5;
  animation: bwsGridMove 16s linear infinite;
}

.bws-future-system {
  position: absolute;
  top: 12%;
  right: 8%;
  width: clamp(320px, 34vw, 560px);
  height: clamp(320px, 34vw, 560px);
  transform: none;
  z-index: 3;
  perspective: 1200px;
}

.bws-3d-mascot {
  position: absolute;
  width: 34%;
  height: 34%;
  left: 50%;
  top: 36%;
  transform: translate(-50%, -50%);
  z-index: 4;
  animation: mascotFloat 6s ease-in-out infinite;
}

.bws-3d-mascot img {
  width: 300px;
  height: auto;
  object-fit: contain;
  filter:
    drop-shadow(0 0 24px rgba(255,255,255,.25))
    drop-shadow(0 30px 60px rgba(144,117,89,.35));
}

@keyframes mascotFloat {
  0%, 100% {
    transform: translate(-50%, -50%) translateY(0) rotate(-2deg);
  }

  50% {
    transform: translate(-50%, -50%) translateY(-18px) rotate(2deg);
  }
}

.bws-ring {
  position: absolute;

  width: 100%;
  height: 100%;

  left: 50%;
  top: 50%;

  transform: translate(-50%, -50%);

  border-radius: 9999px;

  border: 1px solid rgba(144,117,89,.35);

  box-shadow:
    0 0 40px rgba(144,117,89,.2),
    inset 0 0 40px rgba(144,117,89,.08);
}

@keyframes ringSpin {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}

.bws-orbit {
  position: absolute;

  color: #fff;
  font-size: 12px;
  letter-spacing: .14em;
  text-transform: uppercase;

  padding: 10px 16px;

  background: rgba(255,255,255,.05);
  backdrop-filter: blur(12px);

  border: 1px solid rgba(255,255,255,.1);
  border-radius: 999px;

  animation:
    orbitFloat 5s ease-in-out infinite,
    orbitGlow 4s ease-in-out infinite;

  transition: all .3s ease;
}

@keyframes orbitGlow {

  0%,100% {
    box-shadow:
      0 8px 24px rgba(0,0,0,.35),
      0 0 12px rgba(144,117,89,.12),
      0 0 24px rgba(144,117,89,.05);

    border-color: rgba(255,255,255,.08);
  }

  50% {
    box-shadow:
      0 8px 24px rgba(0,0,0,.35),
      0 0 28px rgba(144,117,89,.35),
      0 0 60px rgba(144,117,89,.18);

    border-color: rgba(144,117,89,.45);
  }
}

.bws-orbit:hover {
  transform: scale(1.08);

  box-shadow:
    0 10px 30px rgba(0,0,0,.35),
    0 0 30px rgba(144,117,89,.4),
    0 0 60px rgba(144,117,89,.2);

  border-color: rgba(144,117,89,.5);
}

.orbit-ai {
  top: -3%;
  left: 50%;
  transform: translateX(-50%);
  animation-delay: 0s, 0s;
}

.orbit-strategy {
      right: -11%;
  top: 50%;
  transform: translateY(-50%);
  animation-delay: 1s, 2s;

}

.orbit-design {
  left: -11%;
  top: 50%;
  transform: translateY(-50%);
  animation-delay: 0.5s, 1s;
}

.orbit-growth {

    bottom: -3%;
  left: 50%;
  transform: translateX(-50%);
  animation-delay: 1.5s, 3s;
}

.bws-hero-copy {
  position: relative;
  z-index: 5;
  max-width: 1100px;
}

.bws-kicker {
  font-size: 13px;
  letter-spacing: .22em;
  text-transform: uppercase;
  color: #907559;
  margin-bottom: 22px;
}

.bws-hero-copy h1 {
  font-size: clamp(54px, 7vw, 132px);
  line-height: .92;
  letter-spacing: -0.07em;
  margin: 0;
  color: #fff;
}

.future-subtitle {
  margin-top: 24px;
  max-width: 540px;
  color: rgba(255,255,255,.7);
  font-size: 18px;
  line-height: 1.6;
}

@keyframes logoFloat3D {
  0%, 100% {
    transform: translate(-50%, -50%) rotateX(10deg) rotateY(-14deg) translateY(0);
  }

  50% {
    transform: translate(-50%, -50%) rotateX(-4deg) rotateY(14deg) translateY(-18px);
  }
}

@keyframes ringSpin {
  from {
    transform: rotateX(68deg) rotateZ(0deg);
  }

  to {
    transform: rotateX(68deg) rotateZ(360deg);
  }
}

@keyframes orbitFloat {
  0%, 100% {
    margin-top: 0;
  }

  50% {
    margin-top: -10px;
  }
}

@keyframes bwsGridMove {
  from {
    background-position: 0 0;
  }

  to {
    background-position: 72px 72px;
  }
}

.orbit-ai::before {
  left: 50%;
  bottom: -26px;
  transform: translateX(-50%);
}

.orbit-strategy::before {
  left: -26px;
  top: 50%;
  transform: translateY(-50%);
}

.orbit-design::before {
  right: -26px;
  top: 50%;
  transform: translateY(-50%);
}

.orbit-growth::before {
    left: 50%;
  top: -26px;
  transform: translateX(-50%);
}

@media (max-width: 767px) {
  .bws-future-hero {
    min-height: 90vh;
    padding: 28px;
  }

  .bws-future-system {
    top: 10%;
    left: 50%;
    right: auto;
    width: 280px;
    height: 280px;
    transform: translateX(-50%);
  }

  .bws-hero-copy h1 {
    font-size: clamp(46px, 14vw, 72px);
  }

  .future-subtitle {
    font-size: 15px;
  }
}

.bws-future-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;

  background:
    radial-gradient(
      circle 250px at var(--mouse-x, 70%) var(--mouse-y, 30%),
      rgba(144,117,89,.35) 0%,
      rgba(144,117,89,.18) 25%,
      rgba(144,117,89,.08) 40%,
      transparent 70%
    );

  z-index: 1;

  transition:
    background 0.6s ease-out;
}

.bws-grid {
  z-index: 0;
}

.bws-future-system {
  position: absolute;
  z-index: 3;
}

.bws-hero-copy {
  position: relative;
  z-index: 5;
}

/* Hide default cursor inside hero */
.bws-future-hero {
  cursor: none;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-fe2a691 */.bws-future-hero {
  position: relative;
  min-height: 100vh;
  overflow: hidden;
  background:
    radial-gradient(circle at 70% 30%, rgba(144,117,89,.28), transparent 28%),
    radial-gradient(circle at 30% 70%, rgba(255,255,255,.08), transparent 26%),
    linear-gradient(135deg, #050505 0%, #111 55%, #050505 100%);
  color: #fff;
  display: flex;
  align-items: flex-end;
  padding: clamp(28px, 6vw, 90px);
}

.bws-grid {
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(rgba(255,255,255,.055) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.055) 1px, transparent 1px);
  background-size: 72px 72px;
  opacity: .5;
  animation: bwsGridMove 16s linear infinite;
}

.bws-future-system {
  position: absolute;
  top: 12%;
  right: 8%;
  width: clamp(320px, 34vw, 560px);
  height: clamp(320px, 34vw, 560px);
  transform: none;
  z-index: 3;
  perspective: 1200px;
}

.bws-3d-mascot {
  position: absolute;
  width: 34%;
  height: 34%;
  left: 50%;
  top: 36%;
  transform: translate(-50%, -50%);
  z-index: 4;
  animation: mascotFloat 6s ease-in-out infinite;
}

.bws-3d-mascot img {
  width: 300px;
  height: auto;
  object-fit: contain;
  filter:
    drop-shadow(0 0 24px rgba(255,255,255,.25))
    drop-shadow(0 30px 60px rgba(144,117,89,.35));
}

@keyframes mascotFloat {
  0%, 100% {
    transform: translate(-50%, -50%) translateY(0) rotate(-2deg);
  }

  50% {
    transform: translate(-50%, -50%) translateY(-18px) rotate(2deg);
  }
}

.bws-ring {
  position: absolute;

  width: 100%;
  height: 100%;

  left: 50%;
  top: 50%;

  transform: translate(-50%, -50%);

  border-radius: 9999px;

  border: 1px solid rgba(144,117,89,.35);

  box-shadow:
    0 0 40px rgba(144,117,89,.2),
    inset 0 0 40px rgba(144,117,89,.08);
}

@keyframes ringSpin {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}

.bws-orbit {
  position: absolute;

  color: #fff;
  font-size: 12px;
  letter-spacing: .14em;
  text-transform: uppercase;

  padding: 10px 16px;

  background: rgba(255,255,255,.05);
  backdrop-filter: blur(12px);

  border: 1px solid rgba(255,255,255,.1);
  border-radius: 999px;

  animation:
    orbitFloat 5s ease-in-out infinite,
    orbitGlow 4s ease-in-out infinite;

  transition: all .3s ease;
}

@keyframes orbitGlow {

  0%,100% {
    box-shadow:
      0 8px 24px rgba(0,0,0,.35),
      0 0 12px rgba(144,117,89,.12),
      0 0 24px rgba(144,117,89,.05);

    border-color: rgba(255,255,255,.08);
  }

  50% {
    box-shadow:
      0 8px 24px rgba(0,0,0,.35),
      0 0 28px rgba(144,117,89,.35),
      0 0 60px rgba(144,117,89,.18);

    border-color: rgba(144,117,89,.45);
  }
}

.bws-orbit:hover {
  transform: scale(1.08);

  box-shadow:
    0 10px 30px rgba(0,0,0,.35),
    0 0 30px rgba(144,117,89,.4),
    0 0 60px rgba(144,117,89,.2);

  border-color: rgba(144,117,89,.5);
}

.orbit-ai {
  top: -3%;
  left: 50%;
  transform: translateX(-50%);
  animation-delay: 0s, 0s;
}

.orbit-strategy {
      right: -11%;
  top: 50%;
  transform: translateY(-50%);
  animation-delay: 1s, 2s;

}

.orbit-design {
  left: -11%;
  top: 50%;
  transform: translateY(-50%);
  animation-delay: 0.5s, 1s;
}

.orbit-growth {

    bottom: -3%;
  left: 50%;
  transform: translateX(-50%);
  animation-delay: 1.5s, 3s;
}

.bws-hero-copy {
  position: relative;
  z-index: 5;
  max-width: 1100px;
}

.bws-kicker {
  font-size: 13px;
  letter-spacing: .22em;
  text-transform: uppercase;
  color: #907559;
  margin-bottom: 22px;
}

.bws-hero-copy h1 {
  font-size: clamp(54px, 7vw, 132px);
  line-height: .92;
  letter-spacing: -0.07em;
  margin: 0;
  color: #fff;
}

.future-subtitle {
  margin-top: 24px;
  max-width: 540px;
  color: rgba(255,255,255,.7);
  font-size: 18px;
  line-height: 1.6;
}

@keyframes logoFloat3D {
  0%, 100% {
    transform: translate(-50%, -50%) rotateX(10deg) rotateY(-14deg) translateY(0);
  }

  50% {
    transform: translate(-50%, -50%) rotateX(-4deg) rotateY(14deg) translateY(-18px);
  }
}

@keyframes ringSpin {
  from {
    transform: rotateX(68deg) rotateZ(0deg);
  }

  to {
    transform: rotateX(68deg) rotateZ(360deg);
  }
}

@keyframes orbitFloat {
  0%, 100% {
    margin-top: 0;
  }

  50% {
    margin-top: -10px;
  }
}

@keyframes bwsGridMove {
  from {
    background-position: 0 0;
  }

  to {
    background-position: 72px 72px;
  }
}

.orbit-ai::before {
  left: 50%;
  bottom: -26px;
  transform: translateX(-50%);
}

.orbit-strategy::before {
  left: -26px;
  top: 50%;
  transform: translateY(-50%);
}

.orbit-design::before {
  right: -26px;
  top: 50%;
  transform: translateY(-50%);
}

.orbit-growth::before {
    left: 50%;
  top: -26px;
  transform: translateX(-50%);
}

@media (max-width: 767px) {
  .bws-future-hero {
    min-height: 90vh;
    padding: 28px;
  }

  .bws-future-system {
    top: 10%;
    left: 50%;
    right: auto;
    width: 280px;
    height: 280px;
    transform: translateX(-50%);
  }

  .bws-hero-copy h1 {
    font-size: clamp(46px, 14vw, 72px);
  }

  .future-subtitle {
    font-size: 15px;
  }
}

.bws-future-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;

  background:
    radial-gradient(
      circle 250px at var(--mouse-x, 70%) var(--mouse-y, 30%),
      rgba(144,117,89,.35) 0%,
      rgba(144,117,89,.18) 25%,
      rgba(144,117,89,.08) 40%,
      transparent 70%
    );

  z-index: 1;

  transition:
    background 0.6s ease-out;
}

.bws-grid {
  z-index: 0;
}

.bws-future-system {
  position: absolute;
  z-index: 3;
}

.bws-hero-copy {
  position: relative;
  z-index: 5;
}

/* Hide default cursor inside hero */
.bws-future-hero {
  cursor: none;
}/* End custom CSS */