@charset "UTF-8";
/*
@font-face {
	font-family: 'Helvetica Neue';
	font-style: normal;
	font-weight: 200;
	src: url('../fonts/HelveticaNeue-Thin.otf') format('opentype');
}
@font-face {
	font-family: 'Helvetica Neue';
	font-style: normal;
	font-weight: 300;
	src: url('../fonts/HelveticaNeueLTStd-Lt.otf') format('opentype');
}
@font-face {
	font-family: 'Helvetica Neue';
	font-style: normal;
	font-weight: 400;
	src: url('../fonts/HelveticaNeueLTStd-Roman.otf') format('opentype');
}
@font-face {
	font-family: 'Helvetica Neue';
	font-style: normal;
	font-weight: 500;
	src: url('../fonts/HelveticaNeueLTStd-Md.otf') format('opentype');
}
*/
:root {
  --blue: #134FFF;
  --dark_blue: #2B349D;
  --grey: #666; }

#design {
  position: absolute;
  z-index: 1000;
  pointer-events: none;
  inset: 0;
  opacity: 0.2;
  background-repeat: no-repeat;
  background-position: center top;
  background-image: url("../design/design.png");
  height: 10469px; }

body.design .section,
body.design section:not([data-section='10']) {
  min-height: unset;
  height: 1024px; }

/*
	https://tailwindcss.com/docs/responsive-design

	sm - @media (min-width: 640px) { }
	md - @media (min-width: 768px) { }
	lg - @media (min-width: 1024px) { }
	xl - @media (min-width: 1280px) { }
	2xl - @media (min-width: 1536px) { }
*/
body {
  margin: 0;
  font-family: 'helvetica-neue-lt-pro', sans-serif; }
  body * {
    box-sizing: border-box; }
  body section,
  body .container {
    position: relative; }
  body section {
    z-index: 2; }
  body .container {
    width: 100%;
    padding: 0 10px;
    margin: 0 auto; }
    @media (min-width: calc(640px + 1px)) {
      body .container {
        max-width: 600px; } }
    @media (min-width: calc(768px + 1px)) {
      body .container {
        max-width: 740px; } }
    @media (min-width: calc(1024px + 1px)) {
      body .container {
        max-width: 1008px; } }
    @media (min-width: calc(1280px + 1px)) {
      body .container {
        max-width: 1200px; } }
  body img,
  body svg {
    width: 100%;
    height: auto; }
  body img {
    display: block; }
  body svg {
    display: inline-block; }
  body a,
  body .btn {
    color: inherit;
    display: inline-block;
    text-decoration: none; }
  body a {
    cursor: pointer; }
  body .btn {
    font-size: 17px;
    font-weight: 500;
    line-height: 28px;
    padding: 10px 30px;
    border-width: 1px;
    border-style: solid;
    border-radius: 25px;
    overflow: hidden;
    position: relative;
    transition: border-color .3s; }
    body .btn::before {
      content: '';
      position: absolute;
      inset: 0;
      background-image: linear-gradient(148deg, #134FFF 20%, #009AFF 60%, #54CA82 100%);
      opacity: 0;
      transition: opacity .3s; }
    body .btn span {
      position: relative;
      transition: color .3s; }
    body .btn:hover {
      border-color: var(--blue); }
      body .btn:hover::before {
        opacity: 1; }
      body .btn:hover span {
        color: #fff; }
    @media (max-width: 768px) {
      body .btn {
        font-size: 15px;
        padding: 5px 20px; } }
  body h1, body h2, body h3, body h4, body h5, body h6 {
    margin: 0; }
    body h1.rainbow, body h2.rainbow, body h3.rainbow, body h4.rainbow, body h5.rainbow, body h6.rainbow {
      background: linear-gradient(264deg, #54CA82 -13.47%, #009AFF 12.12%, #134FFF 43.83%, #B944C7 81.22%, #FF6B46 108.18%, #FAAB2B 124.36%);
      background-clip: text;
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent; }
  body p, body li {
    font-size: 24px;
    font-weight: 300;
    line-height: 1.3;
    letter-spacing: .01em;
    margin: 0; }
    @media (max-width: 1024px) {
      body p, body li {
        font-size: 22px; } }
    @media (max-width: 640px) {
      body p, body li {
        font-size: 20px; } }
  body p {
    margin-bottom: 1.2em; }

section,
.section {
  overflow: hidden;
  position: relative;
  min-height: 100vh;
  padding: 142px 0; }
  @media (max-width: 768px) {
    section,
    .section {
      padding: 110px 0; } }
  section > *,
  .section > * {
    position: relative; }
  section .background,
  .section .background {
    position: absolute;
    inset: 0; }
    section .background img,
    .section .background img {
      width: 100%;
      height: 100%;
      object-fit: cover; }
  section header,
  .section header {
    position: absolute;
    top: 47px;
    left: 0;
    right: 0; }
    @media (max-width: 768px) {
      section header,
      .section header {
        top: 30px; } }
    section header .container,
    .section header .container {
      display: flex;
      justify-content: space-between;
      align-items: center; }
    section header .logo,
    .section header .logo {
      width: 76px; }
      @media (max-width: 768px) {
        section header .logo,
        .section header .logo {
          width: 60px; } }
    section header .btn,
    .section header .btn {
      background-color: #fff; }
  section sub,
  .section sub {
    max-width: calc(50% - 40px);
    font-size: 11.5px; }
    @media (max-width: 768px) {
      section sub,
      .section sub {
        font-size: 10px;
        max-width: calc(50% - 25px); } }
  section footer,
  .section footer {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 47px; }
    @media (max-width: 768px) {
      section footer,
      .section footer {
        bottom: 30px; } }
    section footer .container,
    .section footer .container {
      display: flex;
      align-items: center;
      min-height: 60px; }
    section footer .scroll,
    .section footer .scroll {
      color: inherit;
      position: absolute;
      left: 0;
      right: 0;
      bottom: 0;
      margin: auto;
      width: 60px;
      height: 60px;
      background-color: transparent;
      border: none;
      cursor: pointer;
      display: flex;
      justify-content: center;
      align-items: center; }
      section footer .scroll svg,
      .section footer .scroll svg {
        width: 36px; }

[data-section='2'],
[data-section='4'],
[data-section='6'],
[data-section='8'],
[data-section='10'] {
  color: #fff; }

[data-section='3'],
[data-section='5'],
[data-section='7'],
[data-section='9'],
[data-section='footer'] {
  background-color: #fff;
  background-image: linear-gradient(0deg, #FFF -21.89%, #F4F7FF 65.14%);
  color: var(--blue); }

[data-section='6'] .background,
[data-section='10'] .background {
  background-image: linear-gradient(67deg, #FAAB2B -6.8%, #FF6B46 3.61%, #B944C7 26.37%, #134FFF 57.18%, #009AFF 84.02%, #54CA82 102.71%);
  backdrop-filter: blur(61px); }

[data-section='4'] .background,
[data-section='8'] .background {
  background-image: linear-gradient(67deg, rgba(250, 171, 43, 0.85) -6.8%, rgba(255, 107, 70, 0.85) 3.61%, rgba(185, 68, 199, 0.85) 26.37%, rgba(19, 79, 255, 0.85) 57.18%, rgba(0, 154, 255, 0.85) 84.02%, rgba(84, 202, 130, 0.85) 102.71%);
  backdrop-filter: blur(10px); }

[data-section='2'] {
  padding: 0;
  z-index: 1; }
  [data-section='2'].active::before {
    content: '';
    inset: 0;
    position: fixed;
    background-image: linear-gradient(67deg, #FAAB2B -6.8%, #FF6B46 3.61%, #B944C7 26.37%, #134FFF 57.18%, #009AFF 84.02%, #54CA82 102.71%);
    backdrop-filter: blur(61px); }
  [data-section='2'] .section {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center; }
  [data-section='2'] .section_1 h1 {
    font-size: 140px;
    font-weight: 200;
    line-height: 1.09;
    letter-spacing: -.01em;
    margin: 0;
    background: linear-gradient(to right, #ff94ff 0%, #f490ff 30%, #5e9aff 60%, #18d2ff 75%, #0affff 95%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent; }
    @media (max-width: 1280px) {
      [data-section='2'] .section_1 h1 {
        font-size: 122px; } }
    @media (max-width: 1024px) {
      [data-section='2'] .section_1 h1 {
        font-size: 105px; } }
    @media (max-width: 768px) {
      [data-section='2'] .section_1 h1 {
        font-size: 87px; } }
    @media (max-width: 640px) {
      [data-section='2'] .section_1 h1 {
        font-size: 70px; } }
  [data-section='2'] .section_2 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center; }
    [data-section='2'] .section_2 img {
      width: 250px; }
      @media (max-width: 768px) {
        [data-section='2'] .section_2 img {
          width: 180px; } }

[data-section='3'] {
  display: flex;
  align-items: stretch; }
  [data-section='3'] header,
  [data-section='3'] .container,
  [data-section='3'] footer {
    z-index: 1; }
  [data-section='3'] .content {
    z-index: 1;
    position: relative;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center; }
  [data-section='3'] .copy {
    margin-top: calc(110vh / 10.24); }
  [data-section='3'] h2 {
    max-width: 720px;
    font-size: 86px;
    font-weight: 200;
    line-height: 1.14;
    letter-spacing: -.015em;
    margin-bottom: .3em; }
    @media (max-width: 1280px) {
      [data-section='3'] h2 {
        font-size: 77px; } }
    @media (max-width: 1024px) {
      [data-section='3'] h2 {
        font-size: 68px; } }
    @media (max-width: 768px) {
      [data-section='3'] h2 {
        font-size: 59px; } }
    @media (max-width: 640px) {
      [data-section='3'] h2 {
        font-size: 50px; } }
  [data-section='3'] p {
    max-width: 580px;
    color: var(--dark_blue);
    margin-bottom: 2em;
    font-size: 22px; }
    @media (max-width: 640px) {
      [data-section='3'] p {
        font-size: 20px; } }
  [data-section='3'] .btn {
    margin-bottom: 15px; }
  [data-section='3'] .references {
    z-index: 1;
    position: relative;
    margin: auto 0 -16px 0;
    display: flex;
    flex-wrap: wrap;
    column-gap: 30px; }
    [data-section='3'] .references label {
      margin-top: 15px;
      display: inline-block;
      color: var(--grey);
      font-size: 13px; }
    [data-section='3'] .references .logos {
      display: flex;
      flex-wrap: wrap;
      column-gap: 29px; }
      [data-section='3'] .references .logos img {
        margin-top: 15px;
        height: 37px;
        width: auto; }
  [data-section='3'] .phone_bg {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    right: -50px;
    height: calc(690vh / 10.24);
    min-height: 480px;
    width: auto; }
    @media (max-width: 1024px) {
      [data-section='3'] .phone_bg {
        display: none; } }
    [data-section='3'] .phone_bg .phone {
      position: relative;
      z-index: 2;
      height: 100%;
      width: auto; }
    [data-section='3'] .phone_bg .hand {
      position: absolute;
      z-index: 1;
      top: 0;
      left: 0;
      right: 0;
      width: 100%;
      height: auto; }

[data-section='4'] {
  padding: 0;
  z-index: 1; }
  [data-section='4'].active::before {
    content: '';
    inset: 0;
    position: fixed;
    background-image: url("../image/couple.jpg");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat; }
  [data-section='4'] .section_2 {
    z-index: 1;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center; }
    [data-section='4'] .section_2 > .container {
      text-align: center; }
    [data-section='4'] .section_2 .content {
      user-select: none;
      max-width: 860px;
      margin: 0 auto; }
    [data-section='4'] .section_2 blockquote {
      margin: calc(165vh / 10.24) 0 0.9em 0;
      font-size: 34px;
      font-weight: 300;
      line-height: 1.2;
      letter-spacing: -.01em; }
      [data-section='4'] .section_2 blockquote::before {
        content: '“';
        margin-right: -.2em; }
      [data-section='4'] .section_2 blockquote::after {
        content: '”';
        margin-left: -.2em; }
      @media (max-width: 768px) {
        [data-section='4'] .section_2 blockquote {
          font-size: 24px; } }
      @media (max-width: 640px) {
        [data-section='4'] .section_2 blockquote {
          margin-top: 30px; } }
    [data-section='4'] .section_2 cite {
      font-size: 24px;
      font-style: normal;
      font-weight: 300;
      line-height: 1.3;
      letter-spacing: -.01em; }
      @media (max-width: 768px) {
        [data-section='4'] .section_2 cite {
          font-size: 20px; } }
    [data-section='4'] .section_2 .btn {
      margin: 40px auto 0 auto; }
    [data-section='4'] .section_2 .swiper {
      font-size: 0; }
    [data-section='4'] .section_2 .swiper-slide {
      cursor: grab; }
    [data-section='4'] .section_2 .swiper-pagination-bullets.swiper-pagination-horizontal {
      position: relative;
      top: unset;
      display: inline-flex;
      width: auto;
      margin: 40px auto 0 auto;
      height: 10px; }
      [data-section='4'] .section_2 .swiper-pagination-bullets.swiper-pagination-horizontal .swiper-pagination-bullet {
        width: 10px;
        height: 10px;
        margin: 0 6px;
        background-color: #fff;
        opacity: .4; }
      [data-section='4'] .section_2 .swiper-pagination-bullets.swiper-pagination-horizontal .swiper-pagination-bullet-active {
        opacity: 1; }

[data-section='5'] {
  display: flex;
  flex-direction: column;
  justify-content: center; }
  [data-section='5'] .content {
    text-align: center;
    max-width: 886px;
    margin: 0 auto; }
  [data-section='5'] h2 {
    font-size: 108px;
    font-weight: 200;
    line-height: 1.04;
    letter-spacing: -.015em;
    margin: calc(145vh / 10.24) 0 -0.48em 0; }
    @media (max-width: 1280px) {
      [data-section='5'] h2 {
        font-size: 94px; } }
    @media (max-width: 1024px) {
      [data-section='5'] h2 {
        font-size: 81px; } }
    @media (max-width: 768px) {
      [data-section='5'] h2 {
        font-size: 67px; } }
    @media (max-width: 640px) {
      [data-section='5'] h2 {
        font-size: 54px;
        margin-top: 0; } }
  [data-section='5'] p {
    color: var(--dark_blue);
    margin-bottom: 40px; }

[data-section='6'] {
  display: flex;
  align-items: stretch; }
  [data-section='6'] > .container {
    display: flex;
    flex-direction: column;
    align-items: center; }
  [data-section='6'] .content {
    margin-top: auto;
    display: flex;
    justify-content: space-between; }
    @media (max-width: 768px) {
      [data-section='6'] .content {
        display: block; }
        [data-section='6'] .content br {
          display: none; } }
    [data-section='6'] .content .left {
      width: calc(455% / 12); }
      @media (max-width: 768px) {
        [data-section='6'] .content .left {
          width: unset; } }
    [data-section='6'] .content .right {
      margin-top: 15px;
      width: calc(573% / 12); }
      @media (max-width: 768px) {
        [data-section='6'] .content .right {
          width: unset;
          text-align: center;
          margin-top: 45px; } }
      [data-section='6'] .content .right p {
        margin-top: 1em; }
        @media (max-width: 1280px) {
          [data-section='6'] .content .right p {
            margin-top: .8em; } }
        @media (max-width: 1024px) {
          [data-section='6'] .content .right p {
            margin-top: .5em; } }
        @media (max-width: 768px) {
          [data-section='6'] .content .right p {
            margin-top: 0; } }
  [data-section='6'] h2 {
    font-size: 156px;
    font-weight: 200;
    line-height: .98;
    letter-spacing: -.02em;
    opacity: 0.85;
    mix-blend-mode: overlay; }
    @media (max-width: 1280px) {
      [data-section='6'] h2 {
        font-size: 134px; } }
    @media (max-width: 1024px) {
      [data-section='6'] h2 {
        font-size: 105px; }
        [data-section='6'] h2 br {
          display: none; } }
    @media (max-width: 768px) {
      [data-section='6'] h2 {
        font-size: 90px;
        text-align: center; } }
    @media (max-width: 640px) {
      [data-section='6'] h2 {
        font-size: 75px; } }
  [data-section='6'] .btn {
    margin: auto auto 10px auto; }

[data-section='7'] {
  overflow: hidden;
  display: flex;
  align-items: stretch; }
  [data-section='7'] .wrap {
    display: flex;
    flex-direction: column;
    justify-content: center;
    overflow: hidden;
    width: 100vw; }
  [data-section='7'] .features {
    margin-top: auto;
    margin-bottom: calc(20vh / 10.24);
    display: flex;
    width: max-content;
    align-items: flex-start;
    column-gap: 240px;
    will-change: transform; }
    @media (max-width: 768px) {
      [data-section='7'] .features {
        margin-bottom: auto;
        padding-top: 30px; } }
  [data-section='7'] .feature {
    width: 600px;
    height: 100%;
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center; }
    [data-section='7'] .feature:first-child {
      margin-left: calc(50vw - 300px); }
      @media (max-width: 640px) {
        [data-section='7'] .feature:first-child {
          margin-left: calc(50vw - 240px); } }
      @media (max-width: 500px) {
        [data-section='7'] .feature:first-child {
          margin-left: calc(50vw - 160px); } }
    @media (max-width: 640px) {
      [data-section='7'] .feature {
        width: 480px; } }
    @media (max-width: 500px) {
      [data-section='7'] .feature {
        width: 320px; } }
    [data-section='7'] .feature .top {
      height: 180px; }
      @media (max-width: 640px) {
        [data-section='7'] .feature .top {
          height: 150px; } }
      @media (max-width: 500px) {
        [data-section='7'] .feature .top {
          height: 120px; } }
    [data-section='7'] .feature img {
      width: auto;
      height: 120px;
      margin: 0 auto; }
      @media (max-width: 640px) {
        [data-section='7'] .feature img {
          height: 100px; } }
      @media (max-width: 500px) {
        [data-section='7'] .feature img {
          height: 80px; } }
    [data-section='7'] .feature h3 {
      font-size: 48px;
      font-weight: 300;
      line-height: 1.1;
      margin-bottom: -.5em; }
      @media (max-width: 640px) {
        [data-section='7'] .feature h3 {
          font-size: 39px; } }
      @media (max-width: 500px) {
        [data-section='7'] .feature h3 {
          font-size: 30px; } }
    [data-section='7'] .feature p {
      color: var(--dark_blue);
      margin-bottom: 70px; }
      @media (max-width: 640px) {
        [data-section='7'] .feature p {
          margin-bottom: 50px; } }
      @media (max-width: 500px) {
        [data-section='7'] .feature p {
          margin-bottom: 30px; } }
    [data-section='7'] .feature .btn {
      margin-top: auto; }

[data-section='8'] {
  padding: 0;
  z-index: 1; }
  [data-section='8'].active::before {
    content: '';
    inset: 0;
    position: fixed;
    background-image: url("../image/jump.jpg");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat; }
  [data-section='8'] .section_2 {
    display: flex;
    flex-direction: column;
    justify-content: center; }
    [data-section='8'] .section_2 > .container {
      margin-top: 30px; }
    [data-section='8'] .section_2 .content {
      margin: 0 auto;
      text-align: center; }
    [data-section='8'] .section_2 h3 {
      font-size: 60px;
      font-weight: 200;
      line-height: 1.09;
      letter-spacing: -.01em;
      opacity: 0.85; }
      @media (max-width: 1280px) {
        [data-section='8'] .section_2 h3 {
          font-size: 55px; } }
      @media (max-width: 1024px) {
        [data-section='8'] .section_2 h3 {
          font-size: 50px; } }
      @media (max-width: 768px) {
        [data-section='8'] .section_2 h3 {
          font-size: 45px; } }
      @media (max-width: 640px) {
        [data-section='8'] .section_2 h3 {
          font-size: 40px; } }
    [data-section='8'] .section_2 .btn {
      margin-top: 52px; }
  [data-section='8'] sub {
    opacity: .6;
    text-align: left; }
    @media (max-width: 640px) {
      [data-section='8'] sub.desktop {
        display: none; } }
    [data-section='8'] sub.mobile {
      display: none; }
      @media (max-width: 640px) {
        [data-section='8'] sub.mobile {
          display: block;
          max-width: unset;
          margin: 30px 0 -10px 0; } }

[data-section='9'] {
  display: flex;
  align-items: stretch; }
  [data-section='9'] > .container {
    display: flex;
    flex-direction: column;
    justify-content: center; }
  [data-section='9'] [data-swiper] {
    margin: auto calc(50% - 50vw + 9px) 24px 0; }
    @media (max-width: 768px) {
      [data-section='9'] [data-swiper] {
        margin: auto 0; } }
  [data-section='9'] .swiper {
    overflow: unset; }
  [data-section='9'] .swiper-slide {
    cursor: grab;
    transition: opacity .3s; }
    [data-section='9'] .swiper-slide.swiper-slide-prev {
      opacity: 0; }
  [data-section='9'] .swiper-button-disabled {
    display: none; }
  [data-section='9'] .swiper-button-prev,
  [data-section='9'] .swiper-button-next {
    background-repeat: no-repeat;
    background-position: center;
    background-color: #fff;
    border-color: transparent;
    border-width: 1px;
    border-radius: 50%;
    transition: border-color .3s; }
    [data-section='9'] .swiper-button-prev svg,
    [data-section='9'] .swiper-button-next svg {
      display: none; }
    [data-section='9'] .swiper-button-prev:hover,
    [data-section='9'] .swiper-button-next:hover {
      border-color: rgba(19, 79, 255, 0.5); }
    @media (max-width: 640px) {
      [data-section='9'] .swiper-button-prev,
      [data-section='9'] .swiper-button-next {
        top: auto !important;
        bottom: 0; } }
  [data-section='9'] .swiper-button-prev {
    background-image: url("../svg/slide-prev.svg"); }
    @media (max-width: 768px) {
      [data-section='9'] .swiper-button-prev {
        left: -10px; } }
    @media (max-width: 640px) {
      [data-section='9'] .swiper-button-prev {
        top: 320px !important;
        bottom: auto; } }
  [data-section='9'] .swiper-button-next {
    background-image: url("../svg/slide-next.svg"); }
    @media (max-width: 768px) {
      [data-section='9'] .swiper-button-next {
        right: -10px; } }
    @media (max-width: 640px) {
      [data-section='9'] .swiper-button-next {
        top: 320px !important;
        bottom: auto; } }
  [data-section='9'] .content {
    width: 100%;
    display: flex;
    justify-content: space-between; }
    @media (max-width: 768px) {
      [data-section='9'] .content {
        flex-wrap: wrap; } }
  [data-section='9'] .left {
    width: 50%; }
    @media (max-width: 640px) {
      [data-section='9'] .left {
        width: 100%; } }
    [data-section='9'] .left img {
      margin-left: -20px;
      width: 100%;
      filter: drop-shadow(5px 20px 60px rgba(57, 93, 200, 0.18));
      /*
      @media (max-width: $lg) {
      	width: 240px;
      }
      @media (max-width: $md) {
      	width: 200px;
      }
      */ }
      @media (max-width: 640px) {
        [data-section='9'] .left img {
          width: 300px;
          margin: 0 auto 20px auto;
          filter: drop-shadow(2px 12px 20px rgba(57, 93, 200, 0.18)); } }
  [data-section='9'] .right {
    width: 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start; }
    @media (max-width: 640px) {
      [data-section='9'] .right {
        order: 1;
        width: 100%; } }
    [data-section='9'] .right h3 {
      max-width: 500px;
      user-select: none;
      font-size: 63px;
      font-weight: 200;
      line-height: 1.09;
      letter-spacing: -.01em;
      opacity: 0.85;
      margin-bottom: -.6em; }
      @media (max-width: 1280px) {
        [data-section='9'] .right h3 {
          font-size: 57px; } }
      @media (max-width: 1024px) {
        [data-section='9'] .right h3 {
          font-size: 52px; } }
      @media (max-width: 768px) {
        [data-section='9'] .right h3 {
          font-size: 46px; } }
      @media (max-width: 640px) {
        [data-section='9'] .right h3 {
          font-size: 41px; } }
    [data-section='9'] .right p {
      color: var(--dark_blue);
      user-select: none;
      max-width: 424px; }
    [data-section='9'] .right a:not(.btn) {
      color: var(--dark_blue);
      font-size: 22px;
      font-weight: 500;
      line-height: 1.3;
      letter-spacing: .01em;
      user-select: all;
      display: inline-flex;
      align-items: center; }
      @media (max-width: 1024px) {
        [data-section='9'] .right a:not(.btn) {
          font-size: 20px; } }
      @media (max-width: 640px) {
        [data-section='9'] .right a:not(.btn) {
          font-size: 18px; } }
      [data-section='9'] .right a:not(.btn) svg {
        width: 19px;
        margin-left: .3em;
        transition: margin .3s; }
      [data-section='9'] .right a:not(.btn):hover svg {
        margin-left: .6em; }
    [data-section='9'] .right a.btn {
      font-size: 17px; }
  [data-section='9'] sub {
    color: var(--grey); }
    @media (max-width: 640px) {
      [data-section='9'] sub.desktop {
        display: none; } }
    [data-section='9'] sub.mobile {
      display: none; }
      @media (max-width: 640px) {
        [data-section='9'] sub.mobile {
          display: block;
          max-width: unset;
          margin: 30px 0 -10px 0; }
          [data-section='9'] sub.mobile br {
            display: none; } }

[data-section='10'] {
  padding-bottom: 51px;
  display: flex;
  align-items: stretch; }
  [data-section='10'] > .container {
    display: flex;
    flex-direction: column;
    align-items: center; }
  [data-section='10'] .content {
    margin-top: auto;
    padding-top: 43px;
    display: flex;
    justify-content: space-between; }
    @media (max-width: 1024px) {
      [data-section='10'] .content {
        padding-top: 0;
        display: block; } }
    [data-section='10'] .content .left {
      width: calc(607% / 12); }
      @media (max-width: 1024px) {
        [data-section='10'] .content .left {
          width: unset; } }
    [data-section='10'] .content .right {
      margin-top: 15px;
      width: calc(466% / 12); }
      @media (max-width: 1280px) {
        [data-section='10'] .content .right {
          width: calc(510% / 12); } }
      @media (max-width: 1024px) {
        [data-section='10'] .content .right {
          width: unset;
          margin-top: 45px; } }
      [data-section='10'] .content .right p:first-child {
        margin-top: 1em; }
        @media (max-width: 1280px) {
          [data-section='10'] .content .right p:first-child {
            margin-top: .8em; } }
        @media (max-width: 1024px) {
          [data-section='10'] .content .right p:first-child {
            margin-top: 0; } }
  [data-section='10'] h2 {
    font-size: 156px;
    font-weight: 200;
    line-height: .98;
    letter-spacing: -.02em;
    opacity: 0.85;
    mix-blend-mode: overlay; }
    @media (max-width: 1280px) {
      [data-section='10'] h2 {
        font-size: 134px; } }
    @media (max-width: 1024px) {
      [data-section='10'] h2 {
        font-size: 105px; }
        [data-section='10'] h2 br {
          display: none; } }
    @media (max-width: 768px) {
      [data-section='10'] h2 {
        font-size: 90px; } }
    @media (max-width: 640px) {
      [data-section='10'] h2 {
        font-size: 75px; } }
  [data-section='10'] ul {
    margin: 0;
    padding-left: 30px; }
  [data-section='10'] .btn {
    margin-top: auto;
    margin-bottom: 14px; }
    [data-section='10'] .btn + p {
      margin-bottom: 0;
      font-size: 17px; }

[data-section='footer'] {
  min-height: unset;
  padding: 66px 0;
  font-size: 0; }
  @media (max-width: 768px) {
    [data-section='footer'] {
      padding: 45px 0; } }
  [data-section='footer'] > .container {
    display: flex;
    justify-content: space-between;
    align-items: center; }
  [data-section='footer'] .logo {
    width: 97px;
    margin-right: 20px; }
    @media (max-width: 768px) {
      [data-section='footer'] .logo {
        width: 72px; } }
  [data-section='footer'] .socials {
    display: flex;
    align-items: center;
    column-gap: 21px;
    margin-bottom: 24px; }
  [data-section='footer'] [data-social='facebook'] svg {
    width: 20.234px; }
  [data-section='footer'] [data-social='x'] svg {
    width: 21.113px; }
  [data-section='footer'] [data-social='youtube'] svg {
    width: 23.738px; }
  [data-section='footer'] [data-social='linkedin'] svg {
    width: 20.234px; }
  [data-section='footer'] [data-social='app-store'] svg {
    width: 20px; }
  [data-section='footer'] sub p {
    font-size: 12px;
    font-weight: 400;
    margin: 6px 0 0 0; }

.post-password-form {
  max-width: 480px;
  margin: 120px auto; }
  .post-password-form input {
    padding: 9px 18px 11px 18px;
    height: 42px;
    border-radius: 21px;
    outline: none;
    border-width: 1px;
    text-transform: lowercase; }
  .post-password-form p, .post-password-form input {
    font-size: 20px;
    line-height: 1; }

[data-section='page-content'] ul.wp-block-list,
[data-section='page-content'] ol.wp-block-list {
  list-style: revert;
  margin-bottom: 1.2em; }
[data-section='page-content'] h1, [data-section='page-content'] h2, [data-section='page-content'] h3, [data-section='page-content'] h4, [data-section='page-content'] h5, [data-section='page-content'] h6 {
  font-weight: 700;
  margin-bottom: 1.2em; }
[data-section='page-content'] h1 {
  font-size: 36px; }
[data-section='page-content'] h2 {
  font-size: 28px; }
[data-section='page-content'] strong {
  font-weight: 700; }

/*# sourceMappingURL=style.css.map */
