:root {
  --_colors---base--black: #000;
  --_colors---base--white: white;
  --_sizes---other--container-padding: 4.4rem;
  --_sizes---section-space--m: 8.2rem;
  --_sizes---content-space--2xl: 3.3rem;
  --_sizes---content-space--l: 1.68rem;
  --_sizes---other--stroke: .1rem;
  --_sizes---content-space--xl: 2.2rem;
  --headline--h1: 5.56rem;
  --height--100: 100%;
  --height--120: 120%;
  --body--xl: 1.25rem;
  --height--150: 150%;
  --_colors---base--white-80: #fffc;
  --_sizes---content-space--m: 1.4rem;
  --_sizes---content-space--s: 1.1rem;
  --_sizes---radius--m: 1.68rem;
  --_sizes---radius--s: 1.1rem;
  --headline--h2: 3.3rem;
  --_sizes---content-space--2xs: .56rem;
  --_colors---main--yellow: #ffd600;
  --_sizes---content-space--xs: .84rem;
  --_colors---base--glass: transparent;
  --headline--h5: 1.38rem;
  --body--l: 1.1rem;
  --_colors---main--violet: #5731ed;
  --_colors---main--green: #03c879;
  --headline--h4: 1.94rem;
  --height--130: 130%;
  --_sizes---radius--radial: 256rem;
  --height--140: 140%;
  --headline--h3: 2.2rem;
  --body--m: .98rem;
  --height--110: 110%;
  --height--90: 90%;
  --height--160: 160%;
  --height--170: 170%;
}

body {
  background-color: var(--_colors---base--black);
  color: var(--_colors---base--white);
  font-family: Rethink Sans, sans-serif;
  font-size: 14px;
  line-height: 20px;
}

h1 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 38px;
  font-weight: 700;
  line-height: 44px;
}

h2 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 32px;
  font-weight: 700;
  line-height: 36px;
}

h3 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 24px;
  font-weight: 700;
  line-height: 30px;
}

h4 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
}

h5 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
}

h6 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 12px;
  font-weight: 700;
  line-height: 18px;
}

p {
  margin-top: 0;
  margin-bottom: 0;
}

.header {
  z-index: 9900;
  position: fixed;
  inset: 0% 0% auto;
}

.general-css {
  display: none;
}

.container {
  width: 100%;
  max-width: 100rem;
  padding-right: var(--_sizes---other--container-padding);
  padding-left: var(--_sizes---other--container-padding);
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.container.settings-s {
  padding-top: 10rem;
  padding-bottom: 10rem;
}

.container.hero-s {
  z-index: 100;
  padding-top: 16rem;
  padding-bottom: 16rem;
}

.container.portfolio-s {
  padding-top: var(--_sizes---section-space--m);
  grid-column-gap: var(--_sizes---content-space--2xl);
  grid-row-gap: var(--_sizes---content-space--2xl);
  flex-flow: column;
  display: flex;
}

.container.benefits-s, .container.packages-s, .container.review-s {
  padding-top: var(--_sizes---section-space--m);
  padding-bottom: var(--_sizes---section-space--m);
  grid-column-gap: var(--_sizes---content-space--2xl);
  grid-row-gap: var(--_sizes---content-space--2xl);
  flex-flow: column;
  display: flex;
}

.container.navbar-s {
  padding-top: var(--_sizes---content-space--l);
  padding-bottom: var(--_sizes---content-space--l);
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.full-container {
  position: relative;
}

.full-container.footer-s {
  border-style: solid solid none;
  border-width: var(--_sizes---other--stroke);
  background-color: #101010;
  border-color: #ffffff1f;
  border-top-left-radius: 2.2rem;
  border-top-right-radius: 2.2rem;
}

.full-container.hero-s {
  background-image: url('../images/hero-bg_1.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  overflow: hidden;
}

.full-container.banner-s {
  padding-left: .84rem;
  padding-right: .84rem;
}

.text-block {
  flex-flow: column;
  display: flex;
}

.text-block.hero-s {
  grid-row-gap: 3.6rem;
}

.text-block.benefits-s, .text-block.reviews-s {
  text-align: center;
  justify-content: flex-start;
  align-items: center;
}

.headline.hero-s, .headline.benefits-s, .headline.portfolio-s, .headline.packages-s {
  width: 50rem;
}

.text.portfolio-s, .text.benefits-s {
  width: 44rem;
  padding-top: var(--_sizes---content-space--xl);
}

.h1 {
  color: var(--_colors---base--white);
  font-family: Rethink Sans, sans-serif;
  font-size: var(--headline--h1);
  line-height: var(--height--100);
  letter-spacing: -.05556rem;
  font-weight: 600;
}

.body-xl {
  font-size: var(--body--xl);
  line-height: var(--height--150);
}

.body-xl.black-90 {
  color: #000000e6;
}

.body-xl.white-80 {
  color: var(--_colors---base--white-80);
}

.hero-text-pop {
  width: 28rem;
  padding-top: var(--_sizes---content-space--m);
  padding-right: var(--_sizes---content-space--m);
  padding-bottom: var(--_sizes---content-space--m);
  padding-left: var(--_sizes---content-space--m);
  grid-column-gap: var(--_sizes---content-space--s);
  grid-row-gap: var(--_sizes---content-space--s);
  border-top-style: solid;
  border-top-width: var(--_sizes---other--stroke);
  border-top-color: #ffffff1a;
  border-right-style: solid;
  border-right-width: var(--_sizes---other--stroke);
  border-bottom-style: solid;
  border-right-color: #ffffff1a;
  border-bottom-width: var(--_sizes---other--stroke);
  border-bottom-color: #ffffff1a;
  border-left-style: solid;
  border-left-width: var(--_sizes---other--stroke);
  border-radius: calc(var(--_sizes---radius--m)  - var(--_sizes---other--stroke));
  -webkit-backdrop-filter: blur(2rem);
  backdrop-filter: blur(2rem);
  background-color: #ffffff1a;
  border-left-color: #ffffff1a;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  overflow: hidden;
}

.button {
  border-radius: var(--_sizes---radius--s);
  background-color: var(--_colors---base--white);
  color: var(--_colors---base--black);
  font-size: 1.1rem;
  line-height: var(--height--150);
  letter-spacing: -.01111rem;
  justify-content: center;
  align-items: center;
  padding: 1.1rem 2.8rem;
  text-decoration: none;
  transition: box-shadow .2s;
  display: inline-flex;
  box-shadow: 0 0 0 .2rem #fff6;
}

.button:hover {
  box-shadow: 0 0 0 0 #fff6;
}

.button.view-more {
  color: var(--_colors---base--white);
  background-color: #ffffff14;
  box-shadow: 0 0 0 .2rem #ffffff14;
}

.button.view-more:hover {
  background-color: #fff3;
}

.h2 {
  color: var(--_colors---base--white);
  font-family: Rethink Sans, sans-serif;
  font-size: var(--headline--h2);
  line-height: var(--height--100);
  font-weight: 600;
}

.title-tag {
  margin-bottom: var(--_sizes---content-space--xl);
  grid-column-gap: var(--_sizes---content-space--2xs);
  grid-row-gap: var(--_sizes---content-space--2xs);
  font-size: .84rem;
  line-height: var(--height--150);
  text-transform: uppercase;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.title-tag-point {
  aspect-ratio: 1;
  background-color: var(--_colors---main--yellow);
  border-radius: .2rem;
  width: .68rem;
}

.benefits-list {
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.benefits-item {
  aspect-ratio: 24 / 30;
  width: 16rem;
  position: relative;
}

.benefits-item.s2 {
  transform: rotate(-8deg);
}

.benefits-item.s3 {
  transform: rotate(12deg);
}

.benefits-item.s4 {
  transform: rotate(-6deg);
}

.benefits-card-stroke {
  width: 100%;
  height: 100%;
  padding: var(--_sizes---other--stroke);
  border-radius: var(--_sizes---radius--m);
  background-color: #ffffff2e;
  background-image: linear-gradient(140deg, #ffffff1a, var(--_colors---base--glass) 44%);
}

.benefits-card {
  width: 100%;
  height: 100%;
  padding-top: var(--_sizes---content-space--m);
  padding-right: var(--_sizes---content-space--m);
  padding-bottom: var(--_sizes---content-space--m);
  padding-left: var(--_sizes---content-space--m);
  border-radius: calc(var(--_sizes---radius--m)  - var(--_sizes---other--stroke));
  background-color: #191919;
  background-image: linear-gradient(140deg, #242424, #111 45%);
  flex-flow: column;
  justify-content: space-between;
  align-items: stretch;
  display: flex;
}

.benefits-card-text {
  grid-column-gap: .98rem;
  grid-row-gap: .98rem;
  flex-flow: column;
  display: flex;
}

.benefits-card-title {
  font-size: var(--headline--h5);
  line-height: var(--height--100);
  letter-spacing: -.01389rem;
}

.body-l {
  font-size: var(--body--l);
  line-height: var(--height--150);
}

.body-l.white-80 {
  color: #fffc;
}

.body-l.black-90 {
  color: #000000e6;
}

.benefits-card-icon {
  aspect-ratio: 1;
  width: 8.2rem;
  margin-left: auto;
  margin-right: auto;
}

.image-contain {
  object-fit: contain;
  width: 100%;
  height: 100%;
}

.package-list {
  grid-column-gap: var(--_sizes---content-space--xs);
  grid-row-gap: var(--_sizes---content-space--xs);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.package-item {
  width: 100%;
  padding: var(--_sizes---content-space--xl);
  border-style: solid;
  border-width: var(--_sizes---other--stroke);
  border-radius: var(--_sizes---radius--m);
  background-color: #181818;
  border-color: #ffffff0f;
  position: relative;
  overflow: hidden;
}

.package-item.white {
  background-color: var(--_colors---base--white);
}

.package-icon {
  justify-content: center;
  align-items: center;
  width: 2.78rem;
  height: 2.78rem;
  display: flex;
}

.package-icon.yellow {
  color: var(--_colors---main--yellow);
}

.package-icon.violet {
  color: var(--_colors---main--violet);
}

.package-icon.green {
  color: var(--_colors---main--green);
}

.package-price {
  z-index: 10;
  justify-content: space-between;
  align-items: center;
  display: flex;
  position: relative;
}

.h4 {
  font-size: var(--headline--h4);
  line-height: var(--height--130);
  letter-spacing: -.01944rem;
  font-weight: 600;
  display: block;
}

.h4.black {
  color: var(--_colors---base--black);
}

.package-info {
  height: 8.6rem;
  padding-top: var(--_sizes---content-space--l);
  grid-column-gap: var(--_sizes---content-space--2xs);
  grid-row-gap: var(--_sizes---content-space--2xs);
  flex-flow: column;
  display: flex;
}

.package-info-item-title {
  grid-column-gap: .68rem;
  grid-row-gap: .68rem;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.package-item-icon {
  width: 2.2rem;
  height: 2.2rem;
}

.package-info-list {
  margin-top: var(--_sizes---content-space--l);
  padding-top: var(--_sizes---content-space--l);
  grid-column-gap: var(--_sizes---content-space--l);
  grid-row-gap: var(--_sizes---content-space--l);
  border-top: var(--_sizes---other--stroke) solid #ffffff1a;
  flex-flow: column;
  display: flex;
}

.package-info-list.white {
  border-top-color: #14141417;
}

.package-info-item {
  grid-column-gap: var(--_sizes---content-space--2xs);
  grid-row-gap: var(--_sizes---content-space--2xs);
  flex-flow: column;
  display: flex;
}

.h5 {
  font-size: var(--headline--h5);
  line-height: var(--height--100);
  letter-spacing: -.01389rem;
  font-weight: 600;
}

.h5.black {
  color: var(--_colors---base--black);
}

.package-item-blur {
  aspect-ratio: 1;
  border-radius: var(--_sizes---radius--radial);
  filter: blur(5rem) blur(5rem);
  width: 17.2rem;
  position: absolute;
  inset: 0% auto auto 0%;
  transform: translate(0, -100%);
}

.package-item-blur.yellow {
  background-color: var(--_colors---main--yellow);
}

.package-item-blur.green {
  background-color: var(--_colors---main--green);
}

.package-item-blur.purple {
  background-color: var(--_colors---main--violet);
  transform: translate(30%, -100%);
}

.portfolio-list {
  grid-column-gap: var(--_sizes---content-space--2xs);
  grid-row-gap: var(--_sizes---content-space--2xs);
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  display: flex;
}

.portfolio-item {
  grid-column-gap: var(--_sizes---content-space--2xs);
  grid-row-gap: var(--_sizes---content-space--2xs);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  height: 36rem;
  display: grid;
}

.portfolio-item.var-1 {
  grid-template-columns: .7fr 1fr;
  display: flex;
}

.portfolio-item.var-2 {
  grid-template-columns: 1fr .6fr;
}

.portfolio-item.var-3 {
  grid-template-columns: .7fr 1fr;
}

.portfolio-card {
  width: 100%;
  height: 100%;
  padding: var(--_sizes---content-space--xl);
  border-radius: var(--_sizes---radius--m);
  cursor: pointer;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
  position: relative;
  overflow: hidden;
}

.portfolio-pair-item {
  grid-column-gap: var(--_sizes---content-space--2xs);
  grid-row-gap: var(--_sizes---content-space--2xs);
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.portfolio-card-info {
  z-index: 100;
  grid-column-gap: var(--_sizes---content-space--l);
  grid-row-gap: var(--_sizes---content-space--l);
  flex-flow: column;
  width: 34rem;
  transition: opacity .2s;
  display: flex;
  position: relative;
}

.portfolio-card-tags {
  grid-column-gap: var(--_sizes---content-space--2xs);
  grid-row-gap: var(--_sizes---content-space--2xs);
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.portfolio-card-tag {
  border-radius: var(--_sizes---radius--radial);
  -webkit-backdrop-filter: blur(4rem);
  backdrop-filter: blur(4rem);
  font-size: var(--body--xl);
  line-height: var(--height--140);
  background-color: #ffffff1f;
  padding: .56rem 1.1rem;
}

.portfolio-card-tag:where(.w-variant-ee803677-f4f5-767c-e846-29978786d0f4) {
  color: var(--_colors---base--black);
  background-color: #0000001f;
}

.h3 {
  font-size: var(--headline--h3);
  line-height: var(--height--120);
  letter-spacing: -.02222rem;
  font-weight: 600;
}

.h3:where(.w-variant-ee803677-f4f5-767c-e846-29978786d0f4) {
  color: var(--_colors---base--black);
}

.reviews-list {
  grid-column-gap: var(--_sizes---content-space--xs);
  grid-row-gap: var(--_sizes---content-space--xs);
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.reviews-item {
  perspective: 120rem;
  position: relative;
}

.reviews-item:where(.w-variant-88f79ecb-d50a-9d89-e13c-0b3d7e42c972) {
  pointer-events: none;
}

.review-card-stroke {
  padding: var(--_sizes---other--stroke);
  border-radius: var(--_sizes---radius--m);
  background-color: #ffffff0f;
  background-image: linear-gradient(140deg, #ffffff1a, var(--_colors---base--glass) 50%);
  backface-visibility: hidden;
  position: relative;
  overflow: hidden;
}

.review-card {
  aspect-ratio: 22 / 18;
  background-color: var(--_colors---base--black);
  border-radius: calc(var(--_sizes---radius--m)  - var(--_sizes---other--stroke));
  background-image: linear-gradient(#0d0d0d, #090909);
  justify-content: center;
  align-items: center;
  display: flex;
}

.hero-text-pop-stroke {
  width: 28rem;
  padding: var(--_sizes---other--stroke);
  border-radius: var(--_sizes---radius--m);
  background-image: linear-gradient(160deg, #8263ff, #171717 65%);
}

.hero-logos {
  z-index: 100;
  border-top: var(--_sizes---other--stroke) solid #ffffff1f;
  display: flex;
  position: relative;
}

.hero-logos-group {
  grid-column-gap: 4.2rem;
  grid-row-gap: 4.2rem;
  display: flex;
}

.hero-logo {
  opacity: .8;
  flex: none;
  height: 3.8rem;
}

.hero-logo-img {
  object-fit: contain;
  height: 100%;
}

.package-message {
  grid-column-gap: var(--_sizes---content-space--2xl);
  grid-row-gap: var(--_sizes---content-space--2xl);
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.review-card-logo {
  width: 13.3rem;
  height: 6.4rem;
}

.review-card-text-wrapper {
  z-index: 10;
  padding: var(--_sizes---content-space--xl);
  grid-column-gap: .98rem;
  grid-row-gap: .98rem;
  border-radius: var(--_sizes---radius--m);
  background-color: var(--_colors---main--violet);
  backface-visibility: hidden;
  transform-style: preserve-3d;
  flex-flow: column;
  display: flex;
  position: absolute;
  inset: 0%;
  transform: rotateX(0)rotateY(180deg)rotateZ(0);
}

.review-cart-svg {
  width: 1.25rem;
  height: 1.25rem;
}

.reviews-item-rotate {
  transition: transform 1s cubic-bezier(.175, .885, .32, 1.275);
  position: relative;
}

.reviews-item-rotate.active {
  transform-style: preserve-3d;
  transform: rotateX(0)rotateY(180deg)rotateZ(0);
}

.benefits-item-wrapper {
  position: relative;
}

.benefits-item-wrapper.s1 {
  z-index: 50;
}

.portfolio-card-play-tag {
  z-index: 100;
  grid-column-gap: .8rem;
  grid-row-gap: .8rem;
  border-radius: var(--_sizes---radius--radial);
  -webkit-backdrop-filter: blur(4rem);
  backdrop-filter: blur(4rem);
  font-size: var(--body--xl);
  line-height: var(--height--140);
  background-color: #ffffff1a;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  padding: 1.1rem 1.4rem 1.1rem 1.6rem;
  display: flex;
  position: relative;
}

.portfolio-card-play-tag:where(.w-variant-ee803677-f4f5-767c-e846-29978786d0f4) {
  background-color: #0000001a;
}

.play-tag-svg {
  width: 1.4rem;
  height: 1.4rem;
}

.portfolio-popup-area {
  z-index: 9950;
  background-color: #00000080;
  justify-content: center;
  align-items: flex-start;
  height: 100dvh;
  padding-top: 1.28rem;
  padding-bottom: 1.28rem;
  display: none;
  position: fixed;
  inset: 0%;
  overflow: auto;
}

.portfolio-popup {
  z-index: 100;
  border-style: solid;
  border-width: var(--_sizes---other--stroke);
  border-radius: var(--_sizes---radius--s);
  -webkit-backdrop-filter: blur(1.1rem);
  backdrop-filter: blur(1.1rem);
  background-color: #23222299;
  border-color: #ffffff0d;
  width: 48rem;
  padding: 2.4rem;
  position: relative;
}

.portfolio-popup-embed {
  aspect-ratio: 36 / 18;
  border-radius: var(--_sizes---radius--s);
  width: 100%;
  overflow: hidden;
}

.portfolio-popup-title {
  width: 26rem;
  padding-bottom: var(--_sizes---content-space--s);
}

.portfolio-popup-info {
  padding-top: var(--_sizes---content-space--xl);
  grid-column-gap: var(--_sizes---content-space--l);
  grid-row-gap: var(--_sizes---content-space--l);
  grid-template-rows: auto auto;
  grid-template-columns: 1.5fr 1fr;
  grid-auto-columns: 1fr;
  place-items: start;
  display: grid;
}

.portfolio-popup-text {
  grid-column-gap: var(--_sizes---content-space--xs);
  grid-row-gap: var(--_sizes---content-space--xs);
  flex-flow: column;
  display: flex;
}

.body-m {
  font-size: var(--body--m);
  line-height: var(--height--140);
}

.body-m.opacity-80 {
  color: #fffc;
}

.portfolio-popup-list {
  color: #fffc;
  font-size: var(--body--m);
  line-height: var(--height--140);
  margin-bottom: 0;
  padding-left: 1.1rem;
}

.portfolio-popup-close {
  top: var(--_sizes---content-space--s);
  right: var(--_sizes---content-space--s);
  cursor: pointer;
  width: 1.66rem;
  height: 1.66rem;
  transition: opacity .2s;
  position: absolute;
}

.portfolio-popup-close:hover {
  opacity: .4;
}

.portfolio-popup-close-area {
  cursor: pointer;
  position: absolute;
  inset: 0%;
}

.portfolio-card-preview {
  z-index: 10;
  background-color: #202020;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.portfolio-reference-tags:where(.w-variant-ee803677-f4f5-767c-e846-29978786d0f4) {
  color: var(--_colors---base--black);
}

.portfolio-card-holder {
  width: 100%;
}

.portfolio-admin-list {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.portfolio-admin-item {
  height: 36rem;
}

.portfolio-list-wrapper {
  grid-column-gap: var(--_sizes---content-space--2xs);
  grid-row-gap: var(--_sizes---content-space--2xs);
  flex-flow: column;
  display: none;
}

.banner-stroke {
  padding: var(--_sizes---other--stroke);
  border-radius: var(--_sizes---radius--m);
}

.banner {
  border-style: solid;
  border-width: var(--_sizes---other--stroke);
  border-radius: var(--_sizes---radius--m);
  background-color: #101010;
  border-color: #ffffff14;
}

.hero-pop-blur {
  z-index: -1;
  aspect-ratio: 3 / 2;
  border-radius: var(--_sizes---radius--radial);
  background-color: var(--_colors---main--violet);
  filter: blur(5rem) blur(5rem);
  width: 20rem;
  position: absolute;
  inset: 0% auto auto 0%;
  transform: translate(-40%, -100%);
}

.hero-pop-blur.yellow {
  background-color: var(--_colors---main--yellow);
}

.hero-pop-blur.green {
  background-color: var(--_colors---main--green);
}

.hero-pop-blur.purple {
  background-color: var(--_colors---main--violet);
  transform: translate(30%, -100%);
}

.navbar-menu {
  grid-column-gap: 2.78rem;
  grid-row-gap: 2.78rem;
  border-style: solid;
  border-width: var(--_sizes---other--stroke);
  -webkit-backdrop-filter: blur(5rem);
  backdrop-filter: blur(5rem);
  border-color: #ffffff1a;
  border-radius: .98rem;
  justify-content: flex-start;
  align-items: center;
  padding: 1.1rem 2.78rem 1.1rem 1.1rem;
  display: inline-flex;
}

.nav-logo {
  width: 7.2rem;
}

.nav-links {
  grid-column-gap: 3.2rem;
  grid-row-gap: 3.2rem;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.navlink {
  color: var(--_colors---base--white-80);
  font-size: var(--body--xl);
  line-height: var(--height--150);
  text-decoration: none;
  transition: color .2s;
}

.navlink:hover {
  color: var(--_colors---main--yellow);
}

.anv-menu-line {
  width: var(--_sizes---other--stroke);
  background-color: #ffffff29;
  height: 100%;
  min-height: 1.82rem;
}

.menu-button {
  grid-column-gap: .68rem;
  grid-row-gap: .68rem;
  border-style: solid;
  border-width: var(--_sizes---other--stroke);
  border-radius: var(--_sizes---radius--s);
  -webkit-backdrop-filter: blur(5rem);
  backdrop-filter: blur(5rem);
  color: var(--_colors---base--white);
  font-size: 1.1rem;
  line-height: var(--height--150);
  letter-spacing: -.01111rem;
  background-color: #ffffff0a;
  border-color: #ffffff29;
  justify-content: center;
  align-items: center;
  padding: .8rem 1.24rem;
  text-decoration: none;
  transition: background-color .2s;
  display: inline-flex;
}

.menu-button:hover {
  background-color: #ffffff29;
}

.menu-button-arrow {
  width: 1.66rem;
  height: 1.66rem;
}

.footer-top {
  justify-content: space-between;
  align-items: flex-start;
  padding-top: 5rem;
  padding-bottom: 5rem;
  display: flex;
}

.footer-title {
  grid-column-gap: var(--_sizes---content-space--l);
  grid-row-gap: var(--_sizes---content-space--l);
  flex-flow: column;
  display: flex;
}

.footer-down {
  border-top: var(--_sizes---other--stroke) solid #ffffff26;
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}

.by-link {
  color: var(--_colors---base--white-80);
  transition: color .2s;
}

.by-link:hover {
  color: var(--_colors---main--yellow);
}

.footer-media {
  grid-column-gap: 6.2rem;
  grid-row-gap: 6.2rem;
  justify-content: flex-start;
  align-items: center;
  width: auto;
  display: flex;
}

.footer-media-link {
  grid-column-gap: .84rem;
  grid-row-gap: .84rem;
  color: var(--_colors---base--white);
  font-size: var(--headline--h5);
  line-height: var(--height--110);
  letter-spacing: -.01389rem;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.footer-media-icon {
  background-color: var(--_colors---base--white);
  width: 3.3rem;
  height: 3.3rem;
  color: var(--_colors---base--black);
  border-radius: .8rem;
  justify-content: center;
  align-items: center;
  padding: .7rem;
  transition: all .2s;
  display: flex;
}

.hero-logos-trail {
  z-index: 100;
  grid-column-gap: 4.2rem;
  grid-row-gap: 4.2rem;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  flex: none;
  padding-top: .8rem;
  padding-bottom: .8rem;
  display: flex;
  position: relative;
}

.portfolio-card-drop {
  position: absolute;
}

.portfolio-view-more-wrapper {
  justify-content: center;
  align-items: flex-start;
  padding-top: 2rem;
  display: flex;
}

.hero-video {
  z-index: 10;
  position: absolute;
  inset: 0%;
}

.hero-video-mask {
  z-index: 50;
  background-color: #00000080;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0% 0% auto;
}

.review-card-text {
  font-size: var(--body--m);
  line-height: var(--height--140);
}

.review-card-text.opacity-80 {
  color: #fffc;
}

.review-card-mob-logo-wrapper {
  display: none;
}

.portfolio-video-mask {
  z-index: 20;
  background-image: linear-gradient(180deg, var(--_colors---base--glass), #00000080);
  height: 12rem;
  position: absolute;
  inset: auto 0% 0%;
}

.portfolio-video-cover {
  z-index: 15;
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

@media screen and (max-width: 991px) {
  .h4.black {
    opacity: 1;
    display: block;
    overflow: visible;
  }
}

@media screen and (max-width: 479px) {
  body {
    --headline--h1: 10.1rem;
    --height--100: 100%;
    --height--120: 120%;
    --body--xl: 4.26rem;
    --height--150: 150%;
    --headline--h2: 9.6rem;
    --headline--h5: 4.8rem;
    --body--l: 4.26rem;
    --headline--h4: 5.3rem;
    --height--130: 130%;
    --height--140: 140%;
    --headline--h3: 6.4rem;
    --body--m: 3.72rem;
    --height--110: 110%;
    --height--90: 90%;
    --height--160: 160%;
    --height--170: 170%;
    --_sizes---other--container-padding: 4.2rem;
    --_sizes---section-space--m: 22rem;
    --_sizes---content-space--2xl: 12.8rem;
    --_sizes---content-space--l: 6.4rem;
    --_sizes---other--stroke: .2rem;
    --_sizes---content-space--xl: 6.4rem;
    --_sizes---content-space--m: 5.3rem;
    --_sizes---content-space--s: 5.3rem;
    --_sizes---radius--m: 6.4rem;
    --_sizes---radius--s: 4.2rem;
    --_sizes---content-space--2xs: 3.2rem;
    --_sizes---content-space--xs: 3.2rem;
    --_sizes---radius--radial: 256rem;
  }

  .container.hero-s {
    padding-top: 50rem;
    padding-bottom: 12rem;
  }

  .container.portfolio-s {
    padding-bottom: 0;
  }

  .container.packages-s {
    padding-top: 14rem;
    padding-bottom: 14rem;
  }

  .full-container.footer-s {
    border-style: none;
    border-radius: 0;
  }

  .text-block.hero-s {
    grid-row-gap: 22rem;
  }

  .headline.hero-s, .headline.portfolio-s, .text.portfolio-s, .text.benefits-s {
    width: auto;
  }

  .h1 {
    line-height: var(--height--120);
    letter-spacing: -.10133rem;
  }

  .hero-text-pop {
    width: 100%;
  }

  .button {
    padding: 3.2rem 9.2rem;
    font-size: 4.26rem;
    box-shadow: 0 0 0 .8rem #fff6;
  }

  .button.view-more {
    width: 100%;
  }

  .title-tag {
    font-size: 3.2rem;
  }

  .title-tag-point {
    border-radius: .8rem;
    width: 2.6rem;
  }

  .benefits-list {
    grid-column-gap: var(--_sizes---content-space--xs);
    grid-row-gap: var(--_sizes---content-space--xs);
    flex-flow: column;
  }

  .benefits-item {
    aspect-ratio: 9 / 7;
    width: 100%;
  }

  .benefits-item.s2, .benefits-item.s3, .benefits-item.s4 {
    transform: none;
  }

  .benefits-card-text {
    grid-column-gap: 3.6rem;
    grid-row-gap: 3.6rem;
  }

  .benefits-card-icon {
    width: 32rem;
  }

  .package-list {
    flex-flow: column;
    display: flex;
  }

  .package-item.white {
    padding: 8.4rem;
  }

  .package-icon {
    width: 10.4rem;
    height: 10.4rem;
  }

  .package-info {
    height: 29rem;
  }

  .package-info-item-title {
    grid-column-gap: 2.6rem;
    grid-row-gap: 2.6rem;
  }

  .package-item-icon {
    width: 8.5rem;
    height: 8.5rem;
  }

  .package-item-blur {
    opacity: .6;
    filter: blur(20rem);
    width: 80rem;
    transform: translate(-20%, -100%);
  }

  .portfolio-item {
    flex-flow: column;
    height: auto;
    display: flex;
  }

  .portfolio-card {
    aspect-ratio: 9 / 8;
    height: auto;
  }

  .portfolio-card:where(.w-variant-ee803677-f4f5-767c-e846-29978786d0f4) {
    justify-content: flex-end;
  }

  .portfolio-pair-item {
    flex-flow: column;
    display: flex;
  }

  .portfolio-card-info {
    width: auto;
    margin-top: auto;
  }

  .portfolio-card-tags {
    flex-flow: row;
  }

  .portfolio-card-tag {
    padding: 2rem 4rem;
  }

  .reviews-list {
    flex-flow: column;
    display: flex;
  }

  .review-card-stroke {
    display: none;
  }

  .review-card-stroke:where(.w-variant-88f79ecb-d50a-9d89-e13c-0b3d7e42c972) {
    display: block;
  }

  .review-card {
    aspect-ratio: auto;
  }

  .review-card:where(.w-variant-88f79ecb-d50a-9d89-e13c-0b3d7e42c972) {
    aspect-ratio: 9 / 5;
  }

  .hero-text-pop-stroke {
    width: 100%;
  }

  .hero-logos-group {
    grid-column-gap: 8rem;
    grid-row-gap: 8rem;
  }

  .hero-logo {
    height: 10rem;
  }

  .review-card-logo {
    width: 50rem;
    height: 24rem;
  }

  .review-card-text-wrapper {
    padding: var(--_sizes---other--stroke);
    grid-column-gap: 3.6rem;
    grid-row-gap: 3.6rem;
    background-color: #1d1d1d;
    background-image: linear-gradient(141deg, var(--_colors---main--violet), var(--_colors---base--glass) 50%);
    position: relative;
    inset: auto;
    transform: none;
  }

  .review-card-text-wrapper:where(.w-variant-88f79ecb-d50a-9d89-e13c-0b3d7e42c972) {
    display: none;
    transform: rotateX(0)rotateY(180deg)rotateZ(0);
  }

  .review-cart-svg {
    width: 4.8rem;
    height: 4.8rem;
  }

  .portfolio-card-play-tag {
    display: none;
  }

  .portfolio-popup-area {
    padding: 8.4rem var(--_sizes---other--container-padding);
  }

  .portfolio-popup {
    width: 100%;
    padding: 9.6rem 5.4rem;
  }

  .portfolio-popup-embed {
    aspect-ratio: 36 / 24;
  }

  .portfolio-popup-info {
    flex-flow: column;
    justify-content: space-between;
    align-items: stretch;
    display: flex;
  }

  .portfolio-popup-list {
    padding-left: 4.2rem;
  }

  .portfolio-popup-close {
    width: 6.4rem;
    height: 6.4rem;
  }

  .portfolio-admin-list {
    flex-flow: column;
    display: flex;
  }

  .hero-pop-blur {
    filter: blur(24rem);
    width: 100rem;
  }

  .navbar-menu {
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    border-style: none;
    border-radius: 0;
    padding: 0;
  }

  .nav-logo {
    width: 26rem;
  }

  .nav-links, .navlink, .anv-menu-line {
    display: none;
  }

  .menu-button {
    grid-column-gap: 1.1rem;
    grid-row-gap: 1.1rem;
    padding: 2.4rem 4.2rem;
    font-size: 4.2rem;
  }

  .menu-button-arrow {
    width: 6.4rem;
    height: 6.4rem;
  }

  .footer-top {
    grid-column-gap: 8rem;
    grid-row-gap: 8rem;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding-top: 16rem;
    padding-bottom: 12rem;
  }

  .footer-down {
    padding-top: 6.4rem;
    padding-bottom: 6.4rem;
  }

  .footer-media {
    grid-column-gap: 6.4rem;
    grid-row-gap: 6.4rem;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .footer-media-link {
    grid-column-gap: 3.2rem;
    grid-row-gap: 3.2rem;
  }

  .footer-media-icon {
    border-radius: 2.68rem;
    width: 12.8rem;
    height: 12.8rem;
    padding: 3.2rem;
  }

  .hero-logos-trail {
    grid-column-gap: 8rem;
    grid-row-gap: 8rem;
    padding-top: 6.4rem;
    padding-bottom: 6.4rem;
  }

  .review-card-text {
    font-size: var(--body--l);
  }

  .review-card-text-frame {
    width: 100%;
    height: 100%;
    padding-top: var(--_sizes---content-space--xl);
    padding-right: var(--_sizes---content-space--xl);
    padding-bottom: var(--_sizes---content-space--xl);
    padding-left: var(--_sizes---content-space--xl);
    grid-column-gap: 3.72rem;
    grid-row-gap: 3.72rem;
    border-radius: calc(var(--_sizes---radius--m)  - var(--_sizes---other--stroke));
    background-color: #1d1d1d;
    flex-flow: column;
    display: flex;
  }

  .review-card-mob-logo-wrapper {
    border-top: var(--_sizes---other--stroke) solid #ffffff14;
    justify-content: flex-start;
    align-items: flex-end;
    margin-top: auto;
    padding-top: 3.72rem;
    display: flex;
  }

  .review-card-mob-logo {
    justify-content: flex-start;
    align-items: flex-end;
    height: 10rem;
    display: flex;
  }

  .portfolio-video-mask {
    background-image: linear-gradient(180deg, var(--_colors---base--glass), #000c);
    height: 36rem;
  }
}

#w-node-_6934f893-4272-32be-afcd-b9efaf2f6998-173997fd {
  grid-area: span 2 / span 1 / span 2 / span 1;
}