/* home page-specific inline styles ported from live glow.team */
@media (min-width:992px) {html.w-mod-js:not(.w-mod-ix) [data-w-id="e751a6f9-c7b4-f24b-c524-c3be01861022"] {-webkit-transform:translate3d(0, 2rem, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 2rem, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 2rem, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 2rem, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);filter: blur(7px);opacity:0;}html.w-mod-js:not(.w-mod-ix) [data-w-id="1f0d5787-2bc4-509c-5284-cb6227935661"] {-webkit-transform:translate3d(0, 2rem, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 2rem, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 2rem, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 2rem, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);filter: blur(7px);opacity:0;}html.w-mod-js:not(.w-mod-ix) [data-w-id="6c5b40cc-adf1-c329-ae71-52abb24b33ed"] {-webkit-transform:translate3d(0, 2rem, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 2rem, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 2rem, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 2rem, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);filter: blur(7px);opacity:0;}html.w-mod-js:not(.w-mod-ix) [data-w-id="e44175fb-5de9-4d78-392b-fc927d8681f0"] {-webkit-transform:translate3d(0, 2rem, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 2rem, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 2rem, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 2rem, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);filter: blur(7px);opacity:0;}html.w-mod-js:not(.w-mod-ix) [data-w-id="cf9db32e-7de9-95d2-0b18-8dda37c8a5df"] {-webkit-transform:translate3d(0, 2rem, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 2rem, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 2rem, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 2rem, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);filter: blur(7px);opacity:0;}html.w-mod-js:not(.w-mod-ix) [data-w-id="6a628285-00b3-eaa3-501c-353da3da816e"] {-webkit-transform:translate3d(0, 2rem, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 2rem, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 2rem, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 2rem, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);filter: blur(7px);opacity:0;}html.w-mod-js:not(.w-mod-ix) [data-w-id="4303a61f-168b-562a-a6ff-1202ecbe3d70"] {-webkit-transform:translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(-10deg) skew(0, 0);-moz-transform:translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(-10deg) skew(0, 0);-ms-transform:translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(-10deg) skew(0, 0);transform:translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(-10deg) skew(0, 0);}html.w-mod-js:not(.w-mod-ix) [data-w-id="05c77948-5736-8514-c0e5-45790447305a"] {-webkit-transform:translate3d(11rem, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(90deg) skew(0, 0);-moz-transform:translate3d(11rem, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(90deg) skew(0, 0);-ms-transform:translate3d(11rem, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(90deg) skew(0, 0);transform:translate3d(11rem, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(90deg) skew(0, 0);opacity:0;}}@media (max-width:991px) and (min-width:768px) {html.w-mod-js:not(.w-mod-ix) [data-w-id="e751a6f9-c7b4-f24b-c524-c3be01861022"] {-webkit-transform:translate3d(0, 2rem, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 2rem, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 2rem, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 2rem, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);filter: blur(7px);opacity:0;}html.w-mod-js:not(.w-mod-ix) [data-w-id="1f0d5787-2bc4-509c-5284-cb6227935661"] {-webkit-transform:translate3d(0, 2rem, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 2rem, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 2rem, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 2rem, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);filter: blur(7px);opacity:0;}html.w-mod-js:not(.w-mod-ix) [data-w-id="6c5b40cc-adf1-c329-ae71-52abb24b33ed"] {-webkit-transform:translate3d(0, 2rem, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 2rem, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 2rem, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 2rem, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);filter: blur(7px);opacity:0;}html.w-mod-js:not(.w-mod-ix) [data-w-id="e44175fb-5de9-4d78-392b-fc927d8681f0"] {-webkit-transform:translate3d(0, 2rem, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 2rem, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 2rem, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 2rem, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);filter: blur(7px);opacity:0;}html.w-mod-js:not(.w-mod-ix) [data-w-id="cf9db32e-7de9-95d2-0b18-8dda37c8a5df"] {-webkit-transform:translate3d(0, 2rem, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 2rem, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 2rem, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 2rem, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);filter: blur(7px);opacity:0;}html.w-mod-js:not(.w-mod-ix) [data-w-id="6a628285-00b3-eaa3-501c-353da3da816e"] {-webkit-transform:translate3d(0, 2rem, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 2rem, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 2rem, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 2rem, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);filter: blur(7px);opacity:0;}html.w-mod-js:not(.w-mod-ix) [data-w-id="4303a61f-168b-562a-a6ff-1202ecbe3d70"] {-webkit-transform:translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(-10deg) skew(0, 0);-moz-transform:translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(-10deg) skew(0, 0);-ms-transform:translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(-10deg) skew(0, 0);transform:translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(-10deg) skew(0, 0);}html.w-mod-js:not(.w-mod-ix) [data-w-id="05c77948-5736-8514-c0e5-45790447305a"] {-webkit-transform:translate3d(11rem, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(90deg) skew(0, 0);-moz-transform:translate3d(11rem, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(90deg) skew(0, 0);-ms-transform:translate3d(11rem, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(90deg) skew(0, 0);transform:translate3d(11rem, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(90deg) skew(0, 0);opacity:0;}}@media (max-width:479px) {html.w-mod-js:not(.w-mod-ix) [data-w-id="389567d2-1a86-1c75-9f96-33a8ac166560"] {-webkit-transform:translate3d(0, 2rem, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 2rem, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 2rem, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 2rem, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);filter: blur(7px);opacity:0;}}

html.lenis {
    height: auto;
  }
  .lenis.lenis-smooth {
    scroll-behavior: auto;
  }
  .lenis.lenis-smooth [data-lenis-prevent] {
    overscroll-behavior: contain;
  }

  body.is-open {
    overflow: hidden;
  }

  .lenis.lenis-stopped {
    overflow: hidden;
  }

  html.lenis,
  body.lenis {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: hidden;
  }

  #main-wrapper {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box;
  }
  @media screen and (max-width: 767px) {
    .nav_menu.is-open {
      transform: translateY(0);
    }
  }

  .icon-button-2 {
    position: absolute;
    bottom: 37px;
    right: 12px;
    width: 40px;
    height: 40px;
    border: none;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.3);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: transform 0.3s ease;
    z-index: 2;
    padding: 0;
  }

  .icon-button-2.animate {
    transform: scale(1.2);
  }

  .icon-button-2 img {
    width: 40px;
    height: 40px;
    display: block;
    pointer-events: none;
  }

  .progress-bar-container-2 {
    position: absolute;
    bottom: 8px;
    left: 12px;
    right: 12px;
    height: 6px;
    background-color: rgba(255, 255, 255, 0.3);
    border-radius: 3px;
    overflow: hidden;
    z-index: 1;
  }

  .progress-bar-2 {
    height: 100%;
    width: 0%;
    background-color: white;
    border-radius: 3px;
    transition: width 0.1s linear;
  }

  .sliding-number {
    display: inline-flex;
    align-items: center;
    overflow: hidden;
    font-size: 2rem;
  }

  .digit-strip {
    display: flex;
    flex-direction: column;
    transition: transform 0.5s cubic-bezier(0.22, 1, 0.36, 1);
    will-change: transform;
  }

  .digit-wrapper {
    position: relative;
    height: 1em;
    overflow: hidden;
    display: inline-block;
    width: 0.65em;
  }

  .digit-strip span {
    height: 1em;
    line-height: 1em;
    text-align: center;
  }

  .fade-in {
    animation: fadeIn 0.3s ease forwards;
  }

  @keyframes fadeIn {
    from {
      opacity: 0;
      transform: scale(0.8);
    }
    to {
      opacity: 1;
      transform: scale(1);
    }
  }

  .stars-svg path {
    transform-box: fill-box;
    transform-origin: center;
    transition: transform 0.3s ease;
  }

  .navbar_link.is-icon:hover .stars-svg path {
    animation: star-pop 0.8s ease forwards;
  }

  .navbar_link.is-icon:hover .stars-svg path:nth-of-type(1) {
    animation-delay: 0s;
  }

  .navbar_link.is-icon:hover .stars-svg path:nth-of-type(2) {
    animation-delay: 0.1s;
  }

  .navbar_link.is-icon:hover .stars-svg path:nth-of-type(3) {
    animation-delay: 0.2s;
  }

  @keyframes star-pop {
    0% {
      transform: scale(1);
    }
    50% {
      transform: scale(0.6);
    }
    100% {
      transform: scale(1);
    }
  }

  .modal-form-checkbox-item:checked + .modal-form-checkbox-label {
    background-color: #020101;
    color: #fff;
  }

  .button-invert.is-large .white-type {
    height: 3rem;
  }

  .modal-form-input-holder.field-error input {
    border-color: #F04438;
  }
  .modal-form-input-holder.field-error .modal-form-alert-icon,
  .modal-form-input-holder.field-error .modal-form-alert-text {
    display: block;
  }

.splide__slide {
    width: max-content !important;
  }
  .w-background-video > video {
    background-image: none !important;
  }
  .email-float {
    bottom: 0.8rem;
  }
  .video-container {
    bottom: 2.2rem;
  }
  .radial-blur {
    bottom: 0;
  }
  #mob-book-btn {
    transition: all 1s ease;
  }
  #mob-book-btn.style-reveal div {
    color: #000;
  }
  #trail-canvas {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 9999;
  }

.carousel-container {
    position: relative;
    width: 100%;
    height: 200px;
    overflow: hidden;
  }

  .carousel-row {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    width: 100%;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.5s ease;
  }

  .carousel-row.active {
    opacity: 1;
    pointer-events: auto;
  }

  .carousel-logo {
    opacity: 0;
    transform: translateY(40px);
    filter: blur(10px);
    transition: all 1s ease;
  }

  .carousel-logo.visible {
    opacity: 1;
    transform: translateY(0);
    filter: blur(0);
  }

.icon-button-2 {
    position: absolute;
    bottom: 37px;
    right: 12px;
    width: 40px;
    height: 40px;
    border: none;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.3);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: transform 0.3s ease;
    z-index: 2;
    padding: 0;
  }

  .icon-button-2.animate {
    transform: scale(1.2);
  }

  .icon-button-2 img {
    width: 40px;
    height: 40px;
    display: block;
    pointer-events: none;
  }

  .progress-bar-container-2 {
    position: absolute;
    bottom: 8px;
    left: 12px;
    right: 12px;
    height: 6px;
    background-color: rgba(255, 255, 255, 0.3);
    border-radius: 3px;
    overflow: hidden;
    z-index: 1;
  }

  .progress-bar-2 {
    height: 100%;
    width: 0%;
    background-color: white;
    border-radius: 3px;
    transition: width 0.1s linear;
  }

[stagger-link-text] {
    display: inline-block;
    overflow: hidden;
    line-height: 1.09em; /* або підбери вручну, щоб не було просвітів */
  }

  @media (max-width: 480px) {
    .case-card_text[stagger-link-text] {
      line-height: 1.2em;
    }
  }

  [stagger-link-text] .char {
    display: inline-block;
    transform: translateY(0%);
    will-change: transform;
  }
  @media screen and (min-width: 991px) {
    [stagger-link-text]{
      text-shadow: 0px 1em 0px var(--gray--500); 
    }
  }

.sliding-number {
    display: inline-flex;
    align-items: center;
    overflow: hidden;
    font-size: 32px; /* ЗБІЛЬШЕНО ШРИФТ */
  }

  .digit-strip {
    display: flex;
    flex-direction: column;
    transition: transform 0.5s cubic-bezier(0.22, 1, 0.36, 1);
    will-change: transform;
  }

  .digit-wrapper {
    position: relative;
    height: 1em;
    overflow: hidden;
    display: inline-block;
    width: 0.65em;
  }

  .digit-strip span {
    height: 1em;
    line-height: 1em;
    text-align: center;
  }

  .fade-in {
    animation: fadeIn 0.3s ease forwards;
  }

  @keyframes fadeIn {
    from {
      opacity: 0;
      transform: scale(0.8);
    }
    to {
      opacity: 1;
      transform: scale(1);
    }
  }

.stars-svg path {
    transform-box: fill-box;
    transform-origin: center;
    transition: transform 0.3s ease;
  }

  .navbar_link.is-icon:hover .stars-svg path {
    animation: star-pop 0.8s ease forwards;
  }

  .navbar_link.is-icon:hover .stars-svg path:nth-of-type(1) {
    animation-delay: 0s;
  }

  .navbar_link.is-icon:hover .stars-svg path:nth-of-type(2) {
    animation-delay: 0.1s;
  }

  .navbar_link.is-icon:hover .stars-svg path:nth-of-type(3) {
    animation-delay: 0.2s;
  }

  @keyframes star-pop {
    0% {
      transform: scale(1);
    }
    50% {
      transform: scale(0.6);
    }
    100% {
      transform: scale(1);
    }
  }

/* Make text look crisper and more legible in all browsers */
  body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
  }

  /* Focus state style for keyboard navigation for the focusable elements */
  *[tabindex]:focus-visible,
  input[type='file']:focus-visible {
    outline: 0.125rem solid #4d65ff;
    outline-offset: 0.125rem;
  }

  /* Set color style to inherit */
  .inherit-color * {
    color: inherit;
  }

  /* Get rid of top margin on first element in any rich text element */
  .w-richtext > :not(div):first-child,
  .w-richtext > div:first-child > :first-child {
    margin-top: 0 !important;
  }

  /* Get rid of bottom margin on last element in any rich text element */
  .w-richtext > :last-child,
  .w-richtext ol li:last-child,
  .w-richtext ul li:last-child {
    margin-bottom: 0 !important;
  }

  .w-richtext::before,
  .w-richtext::after {
    all: unset;
  }

  /* Make sure containers never lose their center alignment */
  .container-medium,
  .container-small,
  .container-large {
    margin-right: auto !important;
    margin-left: auto !important;
  }

  /*
  Make the following elements inherit typography styles from the parent and not have hardcoded values.
  Important: You will not be able to style for example "All Links" in Designer with this CSS applied.
  Uncomment this CSS to use it in the project. Leave this message for future hand-off.
  */
  /*
  a,
  .w-input,
  .w-select,
  .w-tab-link,
  .w-nav-link,
  .w-dropdown-btn,
  .w-dropdown-toggle,
  .w-dropdown-link {
  color: inherit;
  text-decoration: inherit;
  font-size: inherit;
  }
  */

  /* Apply "..." after 3 lines of text */
  .text-style-3lines {
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
  }

  /* Apply "..." after 2 lines of text */
  .text-style-2lines {
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }

  /* These classes are never overwritten */
  .hide {
    display: none !important;
  }

  @media screen and (max-width: 991px) {
    .hide,
    .hide-tablet {
      display: none !important;
    }
  }

  @media screen and (max-width: 767px) {
    .hide-mobile-landscape {
      display: none !important;
    }
  }
  @media screen and (max-width: 479px) {
    .hide-mobile {
      display: none !important;
    }
  }

  .margin-0 {
    margin: 0rem !important;
  }

  .padding-0 {
    padding: 0rem !important;
  }

  .spacing-clean {
    padding: 0rem !important;
    margin: 0rem !important;
  }

  .margin-top {
    margin-right: 0rem !important;
    margin-bottom: 0rem !important;
    margin-left: 0rem !important;
  }

  .padding-top {
    padding-right: 0rem !important;
    padding-bottom: 0rem !important;
    padding-left: 0rem !important;
  }

  .margin-right {
    margin-top: 0rem !important;
    margin-bottom: 0rem !important;
    margin-left: 0rem !important;
  }

  .padding-right {
    padding-top: 0rem !important;
    padding-bottom: 0rem !important;
    padding-left: 0rem !important;
  }

  .margin-bottom {
    margin-top: 0rem !important;
    margin-right: 0rem !important;
    margin-left: 0rem !important;
  }

  .padding-bottom {
    padding-top: 0rem !important;
    padding-right: 0rem !important;
    padding-left: 0rem !important;
  }

  .margin-left {
    margin-top: 0rem !important;
    margin-right: 0rem !important;
    margin-bottom: 0rem !important;
  }

  .padding-left {
    padding-top: 0rem !important;
    padding-right: 0rem !important;
    padding-bottom: 0rem !important;
  }

  .margin-horizontal {
    margin-top: 0rem !important;
    margin-bottom: 0rem !important;
  }

  .padding-horizontal {
    padding-top: 0rem !important;
    padding-bottom: 0rem !important;
  }

  .margin-vertical {
    margin-right: 0rem !important;
    margin-left: 0rem !important;
  }

  .padding-vertical {
    padding-right: 0rem !important;
    padding-left: 0rem !important;
  }
  .no-scrollbar::-webkit-scrollbar {
    display: none;
  }
  html {
    font-size: 1rem;
  }
  @media screen and (max-width: 1440px) {
    html {
      font-size: calc(-0.004999999999999782rem + 1.1166666666666665vw);
    }
  }
  @media screen and (max-width: 960px) {
    html {
      font-size: calc(-1.1102230246251565e-16rem + 1.666666666666667vw);
    }
  }
  @media screen and (max-width: 720px) {
    html {
      font-size: calc(-0.0008298755186720852rem + 2.2240663900414934vw);
    }
  }
  @media screen and (max-width: 479px) {
    html {
      font-size: calc(-0.0020920502092050207rem + 3.3472803347280333vw);
    }
  }
  @media screen and (max-width: 479px) {
    html {
      font-size: calc(-0.0020920502092050207rem + 4.107vw);
    }
  }

  .navbar-submenu {
    display: grid;
    grid-template-rows: 0fr;
  }

  .navbar-submenu.open {
    grid-template-rows: 1fr;
  }

  .navbar-submenu.is-mobile.open {
    display: block;
  }

  .navbar-submenu.is-mobile.open {
    transform: translateY(0);
  }

  .navbar_link.open .navbar_link-icon {
    transform: rotateZ(0);
  }

  .burger_icon-wrap {
    --thickness: 0.025rem;
    --gap: 0.25rem;
    --rotate: 45;
    --width: 100%;
  }
  .is-open .burger-line {
    transform: scaleX(0);
  }
  .burger-line:last-child {
    width: 80%;
  }
  .is-open .burger-line:first-child {
    /*transform: translateY(calc(var(--thickness) + var(--gap))) rotate(calc(var(--rotate) * -1deg));*/
    transform: rotate(45deg) translate(0.25rem, 0.1825rem);
  }
  .is-open .burger-line:last-child {
    width: 100%;
    /*transform: translateY(calc(var(--thickness) * -1 + var(--gap) * -1)) rotate(calc(var(--rotate) * 1deg));*/
    transform: rotate(-45deg) translate(0.25rem, -0.1825rem);
  }

  .case-card .case-card_img {
    scale: 1;
    transition: scale 0.5s ease;
  }

  .case-card:hover .case-card_img {
    scale: 1.1;
  }

  .card_mob-scroll {
    scrollbar-width: none;

    &::-webkit-scrollbar {
      display: none;
    }

    overflow-y: auto;
  }

   @media screen and (max-width: 991px) {
         .radial-blur {
      -webkit-mask: linear-gradient(
    to bottom,
    transparent,
    black 30%,
    black 70%,
    transparent
  );

  mask: linear-gradient(
    to bottom,
    transparent,
    black 30%,
    black 70%,
    transparent
  );
      }
        }

  .is-gradient {
    background: linear-gradient(90deg, #9003fd 0%, #fcb73c 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }

  @keyframes scroll {
    from {
      transform: translateX(0);
    }
    to {
      transform: translateX(calc(-50% - 1.5rem));
    }
  }

  .scroll {
    animation: scroll 30s linear infinite;
  }

  .reverse {
    animation-direction: reverse;
  }

  .marquee-image {
    -webkit-transform: translateZ(0);
  }

  .reveal-button {
    text-decoration: none;
  }

  @media (min-width: 991px) {
    [stagger-link-text] {
      text-shadow: 0px 1em 0px currentColor;
    }
    .invert-button:hover .text-original {
      transform: translateY(-110%);
    }
    .invert-button:hover .text-reveal {
      top: 0;
    }
    .invert-button:hover .hover-bg {
      top: 0;
      border-radius: 0;
    }
  }

  a[text-link-hover] {
    text-decoration: none;
    color: #020101;
    transition: text-decoration 0.2s ease;
  }

  a[text-link-hover]:hover {
    text-decoration: underline !important;
    text-underline-offset: 0.25rem;
  }

  .invert-button.white-type {
    color: #000;
    background: #fff;
  }

  #invert-header-btn.style-reveal {
    background-color: #fff;
    border-color: #fff;
  }

  #invert-header-btn.style-reveal .hover-bg {
    background: #000;
  }

  #invert-header-btn.style-reveal .invert-button {
    border-color: #fff;
  }

  #invert-header-btn.style-reveal .text-original {
    color: #000;
  }

  #invert-header-btn.style-reveal .text-reveal {
    color: #fff;
  }

  .mvp-step_card.is-last {
    box-shadow:
      0 24px 34px 0 rgba(0, 0, 0, 0.15),
      0 4px 4px 0 rgba(0, 0, 0, 0.1);
  }

  .video-wrapper.is-main {
    height: 0;
  }

  svg {
    display: block;
  }

  .bottom-bar.stuck .radial-blur {
    opacity: 0 !important;
  }
  .bottom-bar.stuck .video-container {
    position: absolute;
    transform: translateX(-2rem) !important;
  }
  .bottom-bar.stuck .email-float {
    position: absolute;
    transform: translateX(2rem) !important;
  }

  /*------- Fix hover button on mobile -----------*/
  @media screen and (min-width: 768px) and (hover: none) and (pointer: coarse) {
    .invert-button {
      transition: transform 0.15s ease;
    }

    .invert-button .text-original,
    .invert-button .text-reveal,
    .invert-button .hover-bg {
      transition-duration: 0.15s;
    }

    .invert-button:active {
      transform: scaleX(1.02);
    }

    .invert-button:active .text-original {
      transform: translateY(-110%);
    }

    .invert-button:active .text-reveal {
      top: 0;
    }

    .invert-button:active .hover-bg {
      top: 0;
      border-radius: 0;
    }

    .video-container.stuck {
      transform: translateX(-1rem) !important;
    }
    .email-float.stuck {
      transform: translateX(1rem) !important;
    }
  }

  #works,
  #why-glow {
    scroll-margin-top: 100px;
  }

  .background-video-2::after {
    content: '';
    position: absolute;
    left: -2px;
    top: -2px;
    width: calc(100% - 3px);
    height: calc(100% - 3px);
    border: 3px solid #fff;
  }
  .navbar.navbar-invert {
    background-color: var(--gray--500);
  }
  [data-wf--navbar-new--variant='dark'].navbar.navbar-invert {
    background-color: var(--base--white);
  }
  [data-wf--mobile-nav--variant='dark'].mobile-nav.navbar-invert {
    background-color: var(--base--white);
  }
  .mobile-nav.navbar-invert {
    background-color: var(--gray--500);
  }
  [data-wf--mobile-nav--variant='dark'].mobile-nav.navbar-invert .button-tg,
  [data-wf--mobile-nav--variant='dark'].mobile-nav.navbar-invert .burger-btn {
    background-color: var(--gray--500);
  }

  .invert-button.is-dark {
    color: var(--base--white);
    background-color: var(--gray--500);
  }

  .button-invert.is-dark {
    border-color: var(--gray--500);
    background-color: var(--gray--500);
  }

  .invert-button.is-dark .hover-bg {
    background-color: var(--base--white);
  }

  .invert-button.is-dark .text-reveal {
    color: var(--gray--500);
  }
  .invert-button.is-outline {
    background-color: var(--base--white);
    color: var(--gray--500);
  }

  .button-invert.is-outline {
    border-color: var(--base--white);
    background-color: var(--base--white);
  }

  .invert-button.is-outline .hover-bg {
    background-color: var(--gray--500);
  }

  .invert-button.is-outline .text-reveal {
    color: var(--base--white);
  }

  .blur-span::after {
    content: '';
    position: absolute;
    inset: 0;
    background-image: linear-gradient(#fff 8%, #fff0);
    transition: opacity 0.4s ease;
  }

  .blur-span::before {
    content: '';
    position: absolute;
    inset: 0;
    background-image: linear-gradient(#000 8%, #0000);
    opacity: 0;
    transition: opacity 0.4s ease;
  }

  .blur-span.is-dark::before {
    opacity: 1;
  }

  .blur-span.is-dark::after {
    opacity: 0;
  }

  .blur-span.is-white::before {
    opacity: 1;
  }

  .blur-span.is-white::after {
    opacity: 0;
  }

  .radial-blur::after {
    content: '';
    position: absolute;
    inset: 0;
    background-image: linear-gradient(#0000, #fff);
    transition: opacity 0.4s ease;
  }

  .radial-blur::before {
    content: '';
    position: absolute;
    inset: 0;
    background-image: linear-gradient(#0000, #000);
    opacity: 0;
    transition: opacity 0.4s ease;
  }

  .radial-blur.is-dark::before {
    opacity: 1;
  }

  .radial-blur.is-dark::after {
    opacity: 0;
  }

  .radial-blur.is-white::before {
    opacity: 0;
  }

  .radial-blur.is-white::after {
    opacity: 1;
  }

  [data-wf--navbar-new--variant='dark'] .blur-span::after {
    background-image: linear-gradient(#000, #0000);
  }

  [data-wf--navbar-new--variant='dark'] .blur-span::before {
    background-image: linear-gradient(#fff, #fff0);
  }

  [data-wf--bottom-bar--variant='dark-page'] .radial-blur::after {
    background-image: linear-gradient(#0000, #000);
  }

  [data-wf--bottom-bar--variant='dark-page'] .radial-blur::before {
    background-image: linear-gradient(#0000, #fff);
  }

  @media screen and (max-width: 479px) {
    .background-video-2::after {
      border-radius: 8px;
    }
  }

  @media screen and (min-width: 480px) {
    .background-video-2::after {
      border-radius: 1rem;
    }
  }

.is-icon {
  	background-size: 180%;
  }
  
  .is-icon:hover,
  .is-icon:focus {
  	background-position: right;
  }

.icon-button {
    position: absolute;
    bottom: 37px;
    right: 12px;
    width: 40px;
    height: 40px;
    border: none;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.3);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: transform 0.3s ease;
    z-index: 2;
    padding: 0;
  }

  .icon-button.animate {
    transform: scale(1.2);
  }

  .icon-button img {
    width: 40px;
    height: 40px;
    display: block;
    pointer-events: none;
  }

  .progress-bar-container {
    position: absolute;
    bottom: 8px;
    left: 12px;
    right: 12px;
    height: 6px;
    background-color: rgba(255, 255, 255, 0.3);
    border-radius: 3px;
    overflow: hidden;
    z-index: 1;
  }

  .progress-bar {
    height: 100%;
    width: 0%;
    background-color: white;
    border-radius: 3px;
    transition: width 0.1s linear;
  }

.icon-button {
    position: absolute;
    bottom: 37px;
    right: 12px;
    width: 40px;
    height: 40px;
    border: none;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.3);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: transform 0.3s ease;
    z-index: 2;
    padding: 0;
  }
  .icon-button.animate {
    transform: scale(1.2);
  }
  .icon-button img {
    width: 40px;
    height: 40px;
    display: block;
    pointer-events: none;
  }
  .progress-bar-container {
    position: absolute;
    bottom: 5px;
    left: 12px;
    right: 12px;
    height: 16px;
    display: flex;
    align-items: center;
    cursor: pointer;
    z-index: 3;
  }
  .progress-bar-track {
    position: relative;
    width: 100%;
    height: 6px;
    background-color: rgba(255, 255, 255, 0.3);
    border-radius: 3px;
    overflow: visible;
  }
  .progress-bar {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 0%;
    background-color: white;
    border-radius: 3px;
    pointer-events: none;
  }
  .progress-bar-thumb {
    position: absolute;
    top: 50%;
    left: 0%;
    width: 12px;
    height: 12px;
    background-color: white;
    border-radius: 50%;
    transform: translate(-50%, -50%);
    pointer-events: none;
    box-shadow: 0 0 0 1px rgba(0,0,0,0.15);
  }
  .play-pause-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .play-pause-icon {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    background-color: rgba(0, 0, 0, 0.35);
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: opacity 0.2s ease;
  }
  .play-pause-icon.show {
    opacity: 1;
  }
  .play-pause-icon svg {
    width: 26px;
    height: 26px;
    fill: white;
  }

.text-dropcall-item {
    text-decoration: none;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(
        to bottom,
        rgba(214, 205, 193, 1) 50%,
        black 50%
    );
    background-size: 100% 200%;
    background-position: 0 0;
    transition: all 0.8s cubic-bezier(0, 0, 0.23, 1);
}

.text-dropcall-item:hover {
    background-position: 0 100%;
}

.animation_visual video {
  will-change: transform, opacity;
  transform: translateZ(0);
}

:root {
    --color-1: 24, 94%, 54%;
    --color-2: 270 100% 63%;
    --color-3: 287, 100%, 42%;
    --color-4: 217, 84%, 50%;
    --color-5: 319, 100%, 59%;
    --speed: 2s;
  }

  @keyframes rainbow {
    0% {
      background-position: 0%;
    }
    100% {
      background-position: 200%;
    }
  }

  .cta-gradient {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 5%;
    background: linear-gradient(
      90deg,
      hsl(var(--color-1)),
      hsl(var(--color-5)),
      hsl(var(--color-3)),
      hsl(var(--color-4)),
      hsl(var(--color-2))
    );
    background-size: 200%;
    filter: blur(1.4rem);
    backdrop-filter: blur(1.4rem);
    animation: rainbow var(--speed) infinite linear;
    z-index: -1;
    opacity: 1;
  }

  .button-glow {
    position: relative;
    background-image: linear-gradient(#121213, #121213),
      linear-gradient(#121213 50%, rgba(18, 18, 19, 0.6) 80%, rgba(18, 18, 19, 0)),
      linear-gradient(
        90deg,
        hsl(var(--color-1)),
        hsl(var(--color-5)),
        hsl(var(--color-3)),
        hsl(var(--color-4)),
        hsl(var(--color-2))
      );
    background-origin: border-box;
    background-clip: padding-box, border-box, border-box;
    background-size: 200%;
    border: calc(0.10 * 1rem) solid transparent;
    animation: rainbow var(--speed) infinite linear;
    z-index: 1;
  }
  .button-glow.is-white {
    background-image: linear-gradient(#fff, #fff);
    background-size: 100%;
    animation: rainbow var(--speed) infinite linear;

  }
  .button-glow::before {
    content: '';
    position: absolute;
    bottom: 0%;
    left: 50%;
    width: 80%;
    height: 130%;
    transform: translateX(-60%);
    background: linear-gradient(
      90deg,
      hsl(var(--color-1)),
      hsl(var(--color-5)),
      hsl(var(--color-3)),
      hsl(var(--color-4)),
      hsl(var(--color-2))
    );
    background-size: 200%;
    filter: blur(0.8rem);
    backdrop-filter: blur(0.8rem);
    animation: rainbow var(--speed) infinite linear;
    z-index: 0;
    opacity: 0.2
  }
  .button-glow.is-white::before {
    bottom: -14%;
    left: 0;
    width: 100%;
    transform: translateX(0);
    opacity: 0.7;
    filter: blur(1.4rem);
    backdrop-filter: blur(1.4rem);
    background-size: 200%;
  }
  .button-glow::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    z-index: 0;
    border-radius: 60rem;
  }
  .button-glow.is-white::after {
    background: #fff;
    opacity: 1;
  }
  .button-glow:hover {
    background-color: var(--gray--500);
  }
  .button-glow.is-white:hover {
    background-color: transparent;
  }
  .animate-text .char {
    backface-visibility: hidden;
    transform: translateZ(0);
  }
/* Hotelier Lottie sticky_track = full viewport height on every breakpoint (live
   measures 100vh at 1440/991/390 → the Lottie centers via align-items:center with
   equal top/bottom gaps). An earlier "peek" fix hugged it to 41.8rem on a wrong
   premise (thought live hugged the Lottie) which pinned the card to the top with a
   big empty gap below — reverted to match live. */
.section_lottie .sticky_track { height: 100vh; }

/* Hotelier Lottie poster: the animation JSON is ~25MB, so it can't draw with the
   hero. A lightweight WebP of frame 0 fills the card immediately (revealed with the
   hero); the heavy Lottie loads deferred and fades the poster out once it draws. */
.lottie_wrap { position: relative; }
.lottie-poster {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 16px;
  z-index: 1;
  transition: opacity 0.35s ease;
}
.lottie-poster.is-hidden { opacity: 0; }
/* keep the live Lottie above the poster once it draws */
.lottie_wrap .lottie { position: relative; z-index: 2; }

/* "See all cases" CTA under the home case-studies grid → /cases (the full,
   paginated Showcase). Net-new affordance (live's home ends at the grid); uses
   the canonical Glow invert-button, centered on every breakpoint. Replaces the
   old dead ".more-works-btn" (href="#") mobile overlay. */
.cases_see-all { display: flex; justify-content: center; margin-top: 3.5rem; }
@media screen and (max-width: 479px) { .cases_see-all { margin-top: 2.5rem; } }

/* Fix invert-button hover "ring": base Layout / BlogPostLayout load webflow-shared.css
   (which sets .invert-button{height:100%}, resolving to ~21px content height) AFTER
   about/inline, so the pill's hover-fill covered only the inner band. Re-assert the
   canonical .invert-button height here (loaded last) so it fills the 36px .button-invert;
   taller variants (is-cta/42px) keep their own more-specific heights. */
.invert-button { height: 2.25rem; }