@charset "UTF-8";
:root {
  --Neutral-Gray-1: #606060;
  --Neutral-Gray-2: #8B8B8B;
  --Neutral-Gray-3: #BBBBBB;
  --Neutral-Gray-4: #DDDDDD;
  --Neutral-Gray-5: #F6F6F6;
  --Neutral-Gray-6: #BEBEBE;
  --Neutral-Gray-7: #333333;
  --Blue-Gray-1: #353647;
  --Blue-Gray-2: #565663;
  --Blue-Gray-3: #81889C;
  --Accent: #034FDC;
  --Accent-2: #DC4545;
  --Pitch-Black: #000000;
  --Pure-White: #ffffff;
}
:root.mainPage {
  --theme: #ffffff;
  --tColor-1: #232323;
  --tColor-2: #242424;
  --tColor-3: var(--Neutral-Gray-1);
  --tColor-link: var(--Accent);
  --tColor-4: #424242;
  --tColor-5: #1B1B1B;
  --tColor-6: #363636;
  --tColor-7: #3A3A3A;
  --tColor-8: var(--Pure-White);
  --bgColor-1: #F5F5F5;
}
:root.kamiPage {
  --theme: #D0D4E5;
  --tColor-1: var(--Blue-Gray-1);
  --tColor-2: var(--Blue-Gray-2);
  --tColor-3: var(--Blue-Gray-3);
  --tColor-4: var(--Accent-2);
  --tColor-5: var(--Pure-White);
  --tColor-link: var(--Accent);
  --bgColor-1: #000;
  --bgColor-2: var(--Accent-2);
}
:root.recipeGenerator {
  --theme: #F1EDEE;
  --tColor-1: #513F3F;
  --tColor-2: var(--Accent-2);
  --tColor-link: var(--Accent-2);
}
:root.chefSense {
  --theme: #443627;
  --tColor-1: #FFE8B6;
  --tColor-2: #D98324;
  --bgColor-1: #D98324;
  --border-color: #D98324;
  --tColor-link: var(--Accent-2);
}
:root.baristaSense {
  --theme: #D3C7BC;
  --tColor-1: var(--Blue-Gray-2);
  --tColor-2: var(--Blue-Gray-1);
  --bgColor-1: var(--Blue-Gray-1);
  --border-color: var(--Blue-Gray-1);
  --tColor-link: var(--Accent-2);
}
:root.cafeSense {
  --theme: #A7CCC5;
  --tColor-1: var(--Blue-Gray-2);
  --tColor-2: var(--Accent-2);
  --bgColor-1: var(--Accent-2);
  --border-color: var(--Accent-2);
  --tColor-link: var(--Accent-2);
}
:root.aiDevices {
  --theme: #000;
  --tColor-1: #fff;
  --tColor-2: var(--Neutral-Gray-3);
  --border-color: #404040;
  --tColor-link: var(--Accent-2);
}
:root.mercatorsEdge {
  --theme: #ACAFA7;
  --theme1: linear-gradient(180deg, #ACAFA7 0%, rgba(172, 175, 167, 0.00) 100%);
  --theme2: #AAD3DF;
  --tColor-1: var(--Blue-Gray-1);
  --border-color: #8D9284;
  --tColor-link: var(--Accent-2);
}
:root.agenda {
  --theme: #ffffff;
  --tColor-1: var(--Blue-Gray-1);
  --tColor-2: #FF0F0F;
  --tColor-3: #000;
  --border-color: #D3D3D3;
  --tColor-link: var(--Accent-2);
}
:root.chain {
  --theme: #ffffff;
  --tColor-1: var(--Blue-Gray-1);
  --tColor-2: var(--Neutral-Gray-1);
  --tColor-3: var(--Neutral-Gray-2);
  --tColor-4: #0D5EC7;
  --border-color: var(--Neutral-Gray-4);
  --tColor-5: var(--Blue-Gray-2);
  --tColor-link: var(--Accent-2);
}

.main {
  width: 100%;
  padding-bottom: 55px;
}
.main__section {
  width: 100%;
  padding: 0 40px;
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (max-width: 1280px) {
  .main__section {
    padding: 0 20px;
  }
}

a {
  color: var(--tColor-link);
  text-decoration: none;
}

img {
  width: 100%;
  max-width: 100%;
  object-fit: contain;
}

button {
  border: none;
  background: transparent;
  outline: none;
  cursor: pointer;
  user-select: none;
  transition: backdrop-filter 0.2s;
}
@media screen and (hover: hover) {
  button:hover:not(button:disabled) {
    filter: brightness(1.2);
  }
}

.canvasBlock {
  width: 100%;
}
.canvasBlock iframe {
  width: 100%;
  height: 100%;
  border: none;
}
@media only screen and (min-width: 1281px) {
  .canvasBlock {
    aspect-ratio: 128/83;
  }
}
@media only screen and (max-width: 1280px) {
  .canvasBlock {
    padding: 0 8px;
    aspect-ratio: 402/558;
    max-width: 600px;
    min-height: 800px;
  }
}

.firstBlock {
  width: 100%;
  display: flex;
  align-items: flex-end;
  justify-content: flex-start;
  flex-direction: row;
  margin-top: 240px;
}
@media only screen and (max-width: 1280px) {
  .firstBlock {
    flex-direction: column;
    margin-top: 80px;
  }
}
.firstBlock__answer {
  width: 100%;
}
.firstBlock__title {
  display: flex;
  align-items: center;
  width: 141%;
}
@media only screen and (max-width: 1280px) {
  .firstBlock__title {
    width: 100%;
  }
  .firstBlock__title img {
    display: none;
  }
}
.firstBlock__title img {
  margin-bottom: 15px;
}
.firstBlock__title h2 {
  color: var(--tColor-1);
  font-feature-settings: "salt" on;
  font-style: normal;
  font-weight: 500;
  line-height: 110%;
}
@media only screen and (min-width: 1281px) {
  .firstBlock__title h2 {
    font-size: 64px;
    max-width: 570px;
    letter-spacing: -2.56px;
    width: 100%;
    flex: none;
    margin-bottom: 15px;
  }
}
@media only screen and (max-width: 1280px) {
  .firstBlock__title h2 {
    width: 100%;
    font-size: 40px;
    letter-spacing: -1.6px;
    text-indent: 20px;
    margin-top: 120px;
  }
}
.firstBlock ul {
  list-style: none;
  counter-reset: num;
  padding-left: 42px;
}
@media only screen and (max-width: 1280px) {
  .firstBlock ul {
    padding-left: 20px;
  }
}
.firstBlock ul li {
  position: relative;
  font-size: 14px;
  color: var(--tColor-3);
  line-height: 140%;
}
.firstBlock ul li:before {
  content: counter(num) ".";
  counter-increment: num;
  display: inline-block;
  color: currentColor;
  text-align: center;
  font-size: inherit;
  position: absolute;
  left: -36px;
  letter-spacing: -0.42px;
  font-weight: 500;
}
@media only screen and (max-width: 1280px) {
  .firstBlock ul li:before {
    left: -20px;
  }
}
@media only screen and (min-width: 1281px) {
  .firstBlock ul li {
    display: flex;
    flex-direction: column;
    max-width: 220px;
    font-size: 14px;
    letter-spacing: -0.4px;
  }
  .firstBlock ul li:not(:last-child) {
    margin-bottom: 40px;
  }
}
@media only screen and (max-width: 1280px) {
  .firstBlock ul li:not(:last-child) {
    margin-bottom: 20px;
  }
}
.firstBlock__iconBlock {
  color: var(--tColor-link);
  text-decoration: none;
}
.firstBlock__iconBlock svg {
  color: var(--tColor-3);
}
@media only screen and (min-width: 1281px) {
  .firstBlock__iconBlock {
    padding: 10px 0;
    display: flex;
    align-items: center;
    gap: 5px;
  }
}
@media only screen and (max-width: 1280px) {
  .firstBlock__iconBlock svg {
    display: none;
  }
}

.rdBlock {
  display: flex;
  flex-direction: column;
}
@media only screen and (min-width: 1281px) {
  .rdBlock {
    margin-top: 240px;
  }
}
@media only screen and (max-width: 1280px) {
  .rdBlock {
    margin-top: 80px;
  }
}
.rdBlock .rdElement_hideMobile, .rdBlock .rdElement_hideDesktop {
  color: var(--tColor-3);
  font-feature-settings: "salt" on;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  margin-bottom: 15px;
}
.rdBlock .rdElement_hideMobile {
  order: 2;
}
@media only screen and (max-width: 1280px) {
  .rdBlock .rdElement_hideMobile {
    display: none;
  }
}
.rdBlock .rdElement_hideDesktop {
  order: 1;
}
@media only screen and (min-width: 1281px) {
  .rdBlock .rdElement_hideDesktop {
    display: none;
  }
}
.rdBlock .rdElement {
  order: 2;
  border-top: 1px solid var(--Neutral-Gray-6);
}
@media only screen and (min-width: 1281px) {
  .rdBlock .rdElement {
    padding-top: 60px;
    display: grid;
    grid-gap: 26px;
    grid-template-columns: 220px 423px 1fr 100px;
    grid-auto-rows: auto;
    grid-template-areas: "title content readTime image";
    margin-bottom: 48px;
  }
  .rdBlock .rdElement:first-child {
    padding-top: 0;
    border-top: none;
    grid-template-columns: 382px 1fr 185px;
    grid-auto-rows: 500px auto;
    grid-gap: 42px 106px;
    grid-template-areas: "image image image" "title content readTime";
  }
  .rdBlock .rdElement:first-child .rdElement__title {
    color: var(--Neutral-Gray-7);
    font-feature-settings: "salt" on;
    font-size: 96px;
    font-style: normal;
    font-weight: 800;
    line-height: 100%;
    letter-spacing: -6.88px;
    text-transform: uppercase;
    position: relative;
  }
  .rdBlock .rdElement:first-child .rdElement__title:after {
    content: "✦";
    color: #034FDC;
    font-family: Inter, sans-serif;
    font-size: 22px;
    font-style: normal;
    font-weight: 500;
    line-height: 140%;
    letter-spacing: -0.6px;
    position: absolute;
    top: 18px;
    right: 0;
  }
  .rdBlock .rdElement:first-child .rdElement__content > div:first-child {
    margin-bottom: 30px;
  }
  .rdBlock .rdElement:first-child .rdElement__readTime {
    align-items: flex-start;
  }
}
@media only screen and (max-width: 1280px) {
  .rdBlock .rdElement {
    display: flex;
    flex-direction: column;
    gap: 30px;
    padding-top: 50px;
    margin-bottom: 50px;
  }
  .rdBlock .rdElement:first-child {
    padding-top: 15px;
  }
}
.rdBlock .rdElement__title {
  grid-area: title;
  color: var(--tColor-1);
  font-feature-settings: "salt" on;
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: 110%; /* 26.4px */
  letter-spacing: -0.48px;
}
.rdBlock .rdElement__content {
  grid-area: content;
  color: var(--tColor-2);
  font-feature-settings: "salt" on;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 140%; /* 25.2px */
}
.rdBlock .rdElement__content > div:first-child {
  margin-bottom: 12px;
}
.rdBlock .rdElement__content a {
  color: var(--tColor-link);
  text-decoration: none;
}
.rdBlock .rdElement__readTime {
  grid-area: readTime;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  color: var(--tColor-link);
  gap: 10px;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 140%; /* 28px */
  letter-spacing: -0.4px;
  text-decoration: none;
}
@media only screen and (max-width: 1280px) {
  .rdBlock .rdElement__readTime {
    justify-content: flex-start;
    font-size: 16px;
    letter-spacing: -0.3px;
  }
  .rdBlock .rdElement__readTime svg {
    width: 18px;
    height: 18px;
  }
}
.rdBlock .rdElement__image {
  grid-area: image;
}
.rdBlock .rdElement__image img {
  object-fit: cover;
  max-width: 100%;
  width: 100%;
}

.playsBlock {
  display: grid;
  width: 100%;
}
@media only screen and (min-width: 1281px) {
  .playsBlock {
    margin-top: 180px;
    grid-gap: 48px 22px;
    grid-template-columns: 39.4166666667% 26.8333333333% 30%;
    grid-auto-rows: auto auto;
    grid-template-areas: "icon title title" "one two three";
  }
}
@media only screen and (max-width: 1280px) {
  .playsBlock {
    margin-top: 120px;
    grid-gap: 0 20px;
    grid-template-columns: repeat(2, 1fr);
    grid-auto-rows: auto auto auto;
    grid-template-areas: "icon title" " two one" "three one";
  }
}
.playsBlock__icon {
  grid-area: icon;
  color: var(--tColor-link);
  font-feature-settings: "salt" on;
  font-size: 48px;
  font-style: normal;
  font-weight: 900;
  line-height: 110%; /* 52.8px */
  text-transform: uppercase;
}
.playsBlock__title {
  grid-area: title;
  color: var(--tColor-1);
  font-feature-settings: "salt" on;
  font-style: normal;
  font-weight: 500;
  line-height: 110%; /* 70.4px */
}
@media only screen and (min-width: 1281px) {
  .playsBlock__title {
    font-size: 64px;
    letter-spacing: -2.56px;
  }
}
@media only screen and (max-width: 1280px) {
  .playsBlock__title {
    font-size: 40px;
    letter-spacing: -1.6px;
  }
}
.playsBlock__element {
  display: flex;
  flex-direction: column;
}
@media only screen and (min-width: 1281px) {
  .playsBlock__element {
    gap: 30px;
  }
}
@media only screen and (max-width: 1280px) {
  .playsBlock__element {
    gap: 16px;
  }
}
.playsBlock__element__content {
  color: var(--tColor-5);
  font-feature-settings: "salt" on;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
}
@media only screen and (min-width: 1281px) {
  .playsBlock__element__content {
    font-size: 24px;
    letter-spacing: -0.24px;
  }
}
@media only screen and (max-width: 1280px) {
  .playsBlock__element__content {
    font-size: 15px;
    letter-spacing: -0.15px;
  }
}
.playsBlock__element__subContent {
  color: var(--tColor-5);
  font-feature-settings: "salt" on;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
}
@media only screen and (min-width: 1281px) {
  .playsBlock__element__subContent {
    font-size: 16px;
  }
}
@media only screen and (max-width: 1280px) {
  .playsBlock__element__subContent {
    font-size: 15px;
  }
}
.playsBlock__element.one {
  grid-area: one;
}
@media only screen and (max-width: 1280px) {
  .playsBlock__element.one {
    margin-top: 50px;
  }
}
.playsBlock__element.two {
  grid-area: two;
}
.playsBlock__element.three {
  grid-area: three;
}
@media only screen and (max-width: 1280px) {
  .playsBlock__element.three {
    margin-top: 34px;
  }
}

.caseBlock__subTitle {
  width: 100%;
  border-bottom: 1px solid var(--Neutral-Gray-6);
  color: var(--tColor-3);
  font-feature-settings: "salt" on;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 10px;
}
@media only screen and (min-width: 1281px) {
  .caseBlock__subTitle {
    padding-bottom: 20px;
  }
}
@media only screen and (max-width: 1280px) {
  .caseBlock__subTitle {
    padding-bottom: 15px;
  }
}
.caseBlock__element {
  width: 100%;
  display: flex;
  align-items: center;
  padding: 100px 0;
}
@media only screen and (max-width: 1280px) {
  .caseBlock__element {
    flex-direction: column;
    padding: 50px 0;
  }
}
.caseBlock__element:not(:last-child) {
  border-bottom: 1px solid var(--Neutral-Gray-6);
}
.caseBlock__element__title {
  color: var(--tColor-1);
  font-feature-settings: "salt" on;
  font-style: normal;
  font-weight: 500;
  line-height: 140%; /* 28px */
}
@media only screen and (min-width: 1281px) {
  .caseBlock__element__title {
    font-size: 20px;
    letter-spacing: -0.8px;
    max-width: 255px;
  }
}
@media only screen and (max-width: 1280px) {
  .caseBlock__element__title {
    font-size: 18px;
    letter-spacing: -0.36px;
    width: 100%;
  }
}
.caseBlock__element__content {
  color: #232323;
  font-feature-settings: "salt" on;
  font-style: normal;
  font-weight: 500;
  line-height: 110%; /* 52.8px */
}
@media only screen and (min-width: 1281px) {
  .caseBlock__element__content {
    font-size: 48px;
    letter-spacing: -1.92px;
    margin-right: 110px;
    margin-left: auto;
    max-width: 600px;
  }
}
@media only screen and (max-width: 1280px) {
  .caseBlock__element__content {
    margin-top: 40px;
    font-size: 30px;
    letter-spacing: -0.6px;
    width: 100%;
  }
}
.caseBlock__link {
  padding-top: 35px;
  width: 100%;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--tColor-2);
  font-feature-settings: "salt" on;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 140%; /* 25.2px */
  letter-spacing: -0.36px;
}
@media only screen and (max-width: 1280px) {
  .caseBlock__link {
    font-size: 16px;
    text-align: left;
    justify-content: flex-start;
    letter-spacing: -0.32px;
  }
  .caseBlock__link svg {
    width: 18px;
    height: 18px;
  }
}

.videoBlock {
  width: 100%;
  position: relative;
  height: fit-content;
}
@media only screen and (min-width: 1281px) {
  .videoBlock {
    margin-top: 200px;
  }
}
@media only screen and (max-width: 1280px) {
  .videoBlock {
    margin-top: 100px;
  }
}
.videoBlock__container {
  position: relative;
  width: 100%;
  aspect-ratio: 1200/606;
}
@media only screen and (min-width: 1281px) {
  .videoBlock__content {
    position: absolute;
    left: 50%;
    bottom: 50%;
    transform: translate(-50%, calc(50% - 15px));
    color: var(--Pure-White);
    font-size: 18px;
    font-weight: 600;
    line-height: 140%; /* 25.2px */
    letter-spacing: -0.18px;
    max-width: 294px;
    text-align: center;
  }
}
@media only screen and (max-width: 1280px) {
  .videoBlock__content {
    margin-top: 15px;
    color: #858585;
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: 130%; /* 19.5px */
    letter-spacing: -0.15px;
  }
}
.videoBlock__button {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, calc(50% + 15px));
  display: flex;
  padding: 10px 20px;
  align-items: center;
  justify-content: center;
  gap: 8px;
  border-radius: 30px;
  background-color: var(--Pure-White);
  color: #3A3A3A;
  font-size: 14px;
  font-weight: 500;
  line-height: 140%; /* 19.6px */
}
@media only screen and (max-width: 1280px) {
  .videoBlock__button {
    transform: translate(-50%, -50%);
  }
}
.videoBlock__button svg {
  fill: #3A3A3A;
}

.manageBlock {
  margin-top: 28px;
  width: 100%;
}
.manageBlock__wrapper {
  width: 100%;
  background-color: #F5F5F5;
}
@media only screen and (min-width: 1281px) {
  .manageBlock__wrapper {
    display: grid;
    grid-gap: 57px 70px;
    padding: 148px 115px 148px 60px;
    grid-template-columns: 1fr 252px;
    grid-template-rows: auto auto;
    grid-template-areas: ". title" " imageGroup content";
  }
}
@media only screen and (max-width: 1280px) {
  .manageBlock__wrapper {
    padding: 130px 20px;
    display: flex;
    flex-direction: column;
    gap: 30px;
  }
}
.manageBlock__title {
  grid-area: title;
  color: var(--tColor-5);
  font-style: normal;
  font-weight: 600;
  line-height: 140%; /* 28px */
  letter-spacing: -0.4px;
  font-size: 20px;
}
.manageBlock__imageGroup {
  grid-area: imageGroup;
  display: grid;
  padding: 1px;
  grid-gap: 1px;
  background-color: #DDDDDD;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: auto auto;
}
.manageBlock__imageGroup__title {
  padding: 14px 32px;
  color: var(--tColor-5);
  font-size: 11px;
  font-style: normal;
  font-weight: 500;
  line-height: 140%; /* 15.4px */
  background-color: var(--Pure-White);
}
.manageBlock__imageGroup img {
  width: 100%;
  aspect-ratio: 787/1113;
  object-fit: contain;
}
.manageBlock__content {
  grid-area: content;
  color: var(--tColor-5);
  font-size: 14px;
  font-weight: 400;
  line-height: 140%;
}

.secondBlock {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media only screen and (min-width: 1281px) {
  .secondBlock {
    margin-top: 200px;
  }
}
@media only screen and (max-width: 1280px) {
  .secondBlock {
    margin-top: 80px;
  }
}
.secondBlock__title {
  color: var(--tColor-1);
  font-style: normal;
  font-weight: 500;
  line-height: 110%; /* 70.4px */
  align-self: flex-end;
}
@media only screen and (min-width: 1281px) {
  .secondBlock__title {
    letter-spacing: -2.56px;
    font-size: 64px;
  }
}
@media only screen and (max-width: 1280px) {
  .secondBlock__title {
    font-size: 36px;
    font-weight: 500;
    line-height: 110%; /* 39.6px */
    letter-spacing: -1.44px;
  }
}
.secondBlock__image {
  margin-top: 30px;
  width: 100%;
  aspect-ratio: 1200/404;
  max-width: 100%;
  object-fit: contain;
}
.secondBlock__content {
  color: #1B1B1B;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 140%; /* 22.4px */
}
@media only screen and (min-width: 1281px) {
  .secondBlock__content {
    margin-top: 80px;
  }
}
@media only screen and (max-width: 1280px) {
  .secondBlock__content {
    margin-top: 20px;
  }
}
.secondBlock__line {
  flex: none;
  width: 182px;
  height: 1px;
  background-color: #BEBEBE;
}
@media only screen and (min-width: 1281px) {
  .secondBlock__line {
    margin-top: 100px;
  }
}
@media only screen and (max-width: 1280px) {
  .secondBlock__line {
    margin-top: 40px;
  }
}

.kamiTitleSection {
  width: 100%;
  padding: 0 84px 0 32px;
  max-width: 1280px;
  margin-top: 240px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  align-items: flex-start;
}
@media only screen and (max-width: 1280px) {
  .kamiTitleSection {
    margin-top: 80px;
    padding: 0 20px;
    flex-direction: column;
    align-items: center;
  }
}
@media only screen and (max-width: 1280px) {
  .kamiTitleSection__group {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .kamiTitleSection__group:after {
    content: "";
    display: block;
    flex: 1;
  }
}
@media only screen and (min-width: 1281px) {
  .kamiTitleSection__group {
    display: contents;
  }
}
.kamiTitleSection__textVertical {
  color: var(--tColor-3);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
  letter-spacing: 0.14px;
  writing-mode: vertical-rl;
  text-orientation: mixed;
  max-height: 146px;
  margin-top: 10px;
  align-self: flex-start;
}
.kamiTitleSection__logo {
  color: var(--tColor-4);
  font-size: 110px;
  font-style: normal;
  font-weight: 900;
  line-height: 76%;
  letter-spacing: -9px;
  margin-left: 65px;
}
@media only screen and (max-width: 1280px) {
  .kamiTitleSection__logo {
    margin-left: 16px;
    margin-right: 16px;
  }
}
.kamiTitleSection__content {
  color: var(--tColor-4);
  font-style: normal;
  font-weight: 500;
}
@media only screen and (min-width: 1281px) {
  .kamiTitleSection__content {
    font-size: 32px;
    letter-spacing: -0.64px;
    max-width: 700px;
    margin-left: auto;
    line-height: normal;
  }
}
@media only screen and (max-width: 1280px) {
  .kamiTitleSection__content {
    font-size: 30px;
    font-style: normal;
    line-height: 120%; /* 36px */
    letter-spacing: -0.9px;
    text-indent: 64px;
    max-width: 400px;
    margin-top: 112px;
  }
}
@media only screen and (max-width: 1280px) {
  .kamiTitleSection__image {
    display: none;
  }
}
@media only screen and (min-width: 1281px) {
  .kamiTitleSection__image {
    margin-left: 16px;
    margin-top: 12px;
  }
}

.kamiTextSection {
  width: 100%;
  display: flex;
}
@media only screen and (min-width: 1281px) {
  .kamiTextSection {
    padding: 0 87px 0 40px;
    margin: 266px auto 0;
    gap: 156px;
    max-width: 1280px;
    align-items: flex-start;
  }
}
@media only screen and (max-width: 1280px) {
  .kamiTextSection {
    flex-direction: column-reverse;
    padding: 52px 0;
    gap: 53px;
    margin: 70px auto 0;
    max-width: min(100% - 40px, 600px);
    border-top: 1px solid var(--tColor-3);
  }
}
.kamiTextSection__info {
  position: relative;
  color: var(--tColor-1);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%; /* 18.2px */
  letter-spacing: 0.14px;
}
@media only screen and (min-width: 1281px) {
  .kamiTextSection__info {
    max-width: 250px;
    margin-top: 8px;
  }
}
@media only screen and (max-width: 1280px) {
  .kamiTextSection__info {
    padding-right: 30px;
  }
}
.kamiTextSection__info:before {
  content: "";
  position: absolute;
  height: calc(100% - 8px);
  width: 10px;
  background-color: var(--bgColor-2);
  top: 4px;
}
@media only screen and (min-width: 1281px) {
  .kamiTextSection__info:before {
    left: -40px;
  }
}
@media only screen and (max-width: 1280px) {
  .kamiTextSection__info:before {
    right: 0;
  }
}
.kamiTextSection__content {
  color: var(--tColor-1);
}
@media only screen and (min-width: 1281px) {
  .kamiTextSection__content {
    font-size: 32px;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -0.64px;
  }
}
@media only screen and (max-width: 1280px) {
  .kamiTextSection__content {
    font-size: 22px;
    font-weight: 600;
    line-height: 140%; /* 30.8px */
    letter-spacing: -0.44px;
    text-indent: 70px;
  }
}

.archBlock {
  width: 100%;
  margin-top: 120px;
  padding: 0 0 0 40px;
}
@media only screen and (min-width: 1281px) {
  .archBlock {
    position: relative;
    display: grid;
    grid-template-rows: 200px 1fr 1fr 1fr 200px;
    grid-template-columns: 305px 690px 1fr;
    grid-template-areas: "... image one" "title image one" "... image one" "two image one" "... image one";
    margin-bottom: -85px;
  }
  .archBlock:before, .archBlock:after {
    content: "";
    position: absolute;
    height: 1px;
    left: 40px;
    right: 40px;
    background: rgba(129, 136, 156, 0.5);
  }
  .archBlock:before {
    top: 160px;
  }
  .archBlock:after {
    bottom: 160px;
  }
}
@media only screen and (max-width: 1280px) {
  .archBlock {
    background: var(--Accents-Accent-2, #DC4545);
    padding: 140px 20px 20px 20px;
    max-width: 600px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(3, auto);
    grid-gap: 40px 15px;
    grid-template-areas: "title title " "one two  " "image image";
  }
}
.archBlock__title {
  grid-area: title;
}
@media only screen and (min-width: 1281px) {
  .archBlock__title {
    color: var(--tColor-4);
    font-size: 40px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -0.8px;
  }
}
@media only screen and (max-width: 1280px) {
  .archBlock__title {
    color: #EFEFEF;
    font-size: 40px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -0.8px;
    padding-bottom: 40px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
  }
}
.archBlock__content {
  font-weight: 500;
}
@media only screen and (min-width: 1281px) {
  .archBlock__content {
    font-size: 16px;
    font-style: normal;
    line-height: 150%;
  }
}
@media only screen and (max-width: 1280px) {
  .archBlock__content {
    font-size: 15px;
    font-style: normal;
    line-height: 140%; /* 21px */
    letter-spacing: -0.15px;
  }
}
.archBlock__content--one {
  color: #FFF;
  grid-area: one;
}
@media only screen and (min-width: 1281px) {
  .archBlock__content--one {
    text-align: right;
    padding-top: 210px;
    background-color: var(--bgColor-2);
    padding-right: 40px;
  }
}
.archBlock__content--two {
  grid-area: two;
}
@media only screen and (min-width: 1281px) {
  .archBlock__content--two {
    color: var(--tColor-1);
    display: flex;
    align-items: flex-end;
  }
}
@media only screen and (max-width: 1280px) {
  .archBlock__content--two {
    color: white;
  }
}
.archBlock__image {
  grid-area: image;
}
@media only screen and (min-width: 1281px) {
  .archBlock__image {
    padding: 43px 26px 43px 102px;
    background-color: var(--bgColor-2);
  }
}
@media only screen and (min-width: 1281px) {
  .imageSection {
    margin-top: 110px;
  }
}
@media only screen and (max-width: 1280px) {
  .imageSection {
    margin-top: 40px;
  }
}
.imageSection__titleGroup {
  color: var(--tColor-2);
  font-size: 16px;
  font-weight: 600;
  line-height: 140%;
  letter-spacing: -0.32px;
  text-align: left;
}
@media only screen and (min-width: 1281px) {
  .imageSection__titleGroup {
    display: flex;
    align-items: flex-start;
    justify-content: space-evenly;
  }
  .imageSection__titleGroup:before {
    content: "";
    display: block;
    flex: 0;
    margin-left: 70px;
  }
}
@media only screen and (max-width: 1280px) {
  .imageSection__titleGroup {
    max-width: 400px;
    margin: 0 auto;
  }
  .imageSection__titleGroup .hideMobile {
    display: none;
  }
}
@media only screen and (min-width: 1281px) {
  .imageSection__titleGroup__content {
    max-width: 240px;
    flex: 1;
  }
}
.imageSection__image {
  width: 100%;
}
@media only screen and (min-width: 1281px) {
  .imageSection__image {
    aspect-ratio: 2/1;
    margin-top: 36px;
  }
}
@media only screen and (max-width: 1280px) {
  .imageSection__image {
    aspect-ratio: 1;
    margin-top: 40px;
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
  }
}
.imageSection__image img {
  object-fit: cover;
  object-position: center;
  width: 100%;
  height: 100%;
}
.imageSection__subContent {
  color: var(--tColor-3);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
  letter-spacing: 0.14px;
}
@media only screen and (max-width: 1280px) {
  .imageSection__subContent {
    max-width: 600px;
    margin: 10px auto 0;
  }
}
@media only screen and (min-width: 1281px) {
  .imageSection__subContent {
    margin-top: 16px;
    display: flex;
  }
  .imageSection__subContent:before {
    content: "";
    display: block;
    flex: 1;
  }
  .imageSection__subContent span {
    max-width: 613px;
    margin-right: 180px;
  }
}

.kamiList {
  padding: 276px 40px 100px;
  width: 100%;
  background-color: var(--bgColor-1);
  color: var(--tColor-5);
}
@media only screen and (max-width: 1280px) {
  .kamiList {
    padding: 128px 20px;
  }
}
.kamiList__block {
  display: flex;
  align-items: center;
  max-width: 1240px;
  margin: 0 auto;
}
@media only screen and (min-width: 1281px) {
  .kamiList__block {
    gap: 60px;
  }
  .kamiList__block:not(:last-child) {
    border-bottom: 1px solid var(--tColor-2);
  }
}
@media only screen and (max-width: 1280px) {
  .kamiList__block {
    flex-direction: column;
    max-width: 600px;
  }
}
.kamiList__image img {
  width: 100%;
  max-width: 100%;
  object-fit: contain;
  max-height: 400px;
}
@media only screen and (min-width: 1281px) {
  .kamiList__image {
    flex: none;
    width: 362px;
    padding: 40px 0;
  }
}
@media only screen and (max-width: 1280px) {
  .kamiList__image {
    flex: 1;
  }
}
.kamiList__wrapper {
  flex: 1;
  width: 100%;
}
.kamiList__content {
  display: flex;
  align-items: flex-start;
}
.kamiList__content:not(:last-child) {
  border-bottom: 1px solid var(--tColor-2);
}
@media only screen and (min-width: 1281px) {
  .kamiList__content {
    gap: 40px;
    padding-top: 60px;
    padding-bottom: 48px;
  }
}
@media only screen and (max-width: 1280px) {
  .kamiList__content {
    gap: 20px;
    padding-top: 40px;
    padding-bottom: 80px;
  }
}
.kamiList__name {
  flex: 1;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
@media only screen and (min-width: 1281px) {
  .kamiList__name {
    font-size: 40px;
    letter-spacing: -0.8px;
    padding-right: 100px;
  }
}
@media only screen and (max-width: 1280px) {
  .kamiList__name {
    font-size: 20px;
  }
}
.kamiList__list {
  flex: 1;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
}

.recipeTitle {
  display: flex;
  color: var(--tColor-2);
}
@media only screen and (min-width: 1281px) {
  .recipeTitle {
    margin-top: 240px;
    font-size: 64px;
    font-weight: 400;
    line-height: 110%;
    letter-spacing: -4.56px;
    max-width: 620px;
    align-self: center;
    flex-wrap: wrap;
    gap: 0 10px;
  }
}
@media only screen and (max-width: 1280px) {
  .recipeTitle {
    margin-top: 80px;
    flex-direction: column;
    text-align: left;
    font-size: 36px;
    font-weight: 500;
    line-height: 110%; /* 39.6px */
    letter-spacing: -0.72px;
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
  }
  .recipeTitle > span:not(:first-child) {
    text-indent: 72px;
  }
}

.recipeInfo {
  color: var(--tColor-1);
}
@media only screen and (max-width: 1280px) {
  .recipeInfo {
    margin-top: 134px;
  }
  .recipeInfo > div {
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media only screen and (min-width: 1281px) {
  .recipeInfo {
    margin-top: 161px;
  }
}
@media only screen and (min-width: 1281px) {
  .recipeInfo__one, .recipeInfo__two {
    font-size: 32px;
    font-weight: 500;
    letter-spacing: -0.64px;
    margin-left: 407px;
  }
}
@media only screen and (max-width: 1280px) {
  .recipeInfo__one {
    font-size: 28px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
    letter-spacing: -0.84px;
  }
}
@media only screen and (min-width: 1281px) {
  .recipeInfo__two {
    margin-top: 36px;
  }
}
@media only screen and (max-width: 1280px) {
  .recipeInfo__two {
    margin-top: 26px;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 140%; /* 25.2px */
    letter-spacing: -0.36px;
  }
}
.recipeInfo .number {
  border: 2px solid var(--tColor-2);
  color: var(--tColor-2);
  padding: 0 6px;
  line-height: 1;
  vertical-align: super;
  font-variant: normal;
  border-radius: 100%;
  font-size: 16px;
  font-weight: bold;
  letter-spacing: 0;
}

.recipeAppInfo {
  color: var(--tColor-1);
}
@media only screen and (min-width: 1281px) {
  .recipeAppInfo {
    margin-top: 130px;
  }
}
@media only screen and (max-width: 1280px) {
  .recipeAppInfo {
    margin-top: 196px;
    padding: 0 !important;
  }
  .recipeAppInfo > div {
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
  }
}
.recipeAppInfo__title {
  display: flex;
}
@media only screen and (max-width: 1280px) {
  .recipeAppInfo__title {
    flex-direction: column;
    padding: 0 20px;
  }
}
.recipeAppInfo__title__name {
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
@media only screen and (min-width: 1281px) {
  .recipeAppInfo__title__name {
    font-size: 40px;
    letter-spacing: -0.8px;
  }
}
@media only screen and (max-width: 1280px) {
  .recipeAppInfo__title__name {
    font-size: 20px;
    letter-spacing: -0.4px;
  }
}
.recipeAppInfo__title__content {
  font-style: normal;
}
@media only screen and (min-width: 1281px) {
  .recipeAppInfo__title__content {
    font-size: 16px;
    font-weight: 500;
    line-height: 150%;
    margin-left: 185px;
    max-width: 406px;
  }
}
@media only screen and (max-width: 1280px) {
  .recipeAppInfo__title__content {
    font-size: 15px;
    font-weight: 500;
    line-height: 140%;
    margin-top: 10px;
  }
}
.recipeAppInfo__content {
  width: 100%;
  background: #F6F7F5;
}
.recipeAppInfo__content picture {
  display: flex;
}
@media only screen and (min-width: 1281px) {
  .recipeAppInfo__content {
    margin-top: 15px;
    border-radius: 5px;
    padding: 0 45px;
  }
}
@media only screen and (max-width: 1280px) {
  .recipeAppInfo__content {
    margin-top: 27px;
    padding: 53px 34px;
    display: flex;
  }
  .recipeAppInfo__content picture {
    margin: 0 auto;
    max-width: 540px;
  }
}

.recipeChefs {
  color: var(--tColor-1);
}
@media only screen and (min-width: 1281px) {
  .recipeChefs {
    margin-top: 150px;
    display: grid;
    grid-gap: 42px 21px;
    grid-template-columns: 386px 1fr;
    grid-template-areas: "title ." "contentOne contentTwo" "name imageBlock" ". info";
  }
}
@media only screen and (max-width: 1280px) {
  .recipeChefs {
    margin-top: 80px;
  }
  .recipeChefs > div {
    margin-left: auto;
    margin-right: auto;
    max-width: 600px;
  }
}
.recipeChefs__title {
  font-weight: 500;
  line-height: normal;
}
@media only screen and (min-width: 1281px) {
  .recipeChefs__title {
    grid-area: title;
    font-size: 40px;
    letter-spacing: -0.8px;
    margin-bottom: 52px;
  }
}
@media only screen and (max-width: 1280px) {
  .recipeChefs__title {
    font-size: 20px;
    letter-spacing: -0.4px;
  }
}
@media only screen and (min-width: 1281px) {
  .recipeChefs__contentOne {
    grid-area: contentOne;
  }
}
.recipeChefs__contentTwo {
  grid-area: contentTwo;
}
.recipeChefs__contentOne, .recipeChefs__contentTwo {
  font-weight: 500;
}
@media only screen and (min-width: 1281px) {
  .recipeChefs__contentOne, .recipeChefs__contentTwo {
    font-size: 16px;
    line-height: 150%;
    max-width: 386px;
  }
}
@media only screen and (max-width: 1280px) {
  .recipeChefs__contentOne, .recipeChefs__contentTwo {
    margin-top: 20px;
    font-size: 15px;
    line-height: 140%;
  }
}
@media only screen and (min-width: 1281px) {
  .recipeChefs__imageBlock {
    grid-area: imageBlock;
  }
}
@media only screen and (max-width: 1280px) {
  .recipeChefs__imageBlock {
    margin-top: 40px;
    max-width: 600px;
  }
}
.recipeChefs__name {
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
}
@media only screen and (min-width: 1281px) {
  .recipeChefs__name {
    grid-area: name;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-end;
  }
}
@media only screen and (max-width: 1280px) {
  .recipeChefs__name {
    margin-top: 15px;
  }
}
.recipeChefs__info {
  border-top: 1px solid #DED4D4;
}
@media only screen and (min-width: 1281px) {
  .recipeChefs__info {
    margin-top: 58px;
    padding-top: 100px;
    grid-area: info;
  }
}
@media only screen and (max-width: 1280px) {
  .recipeChefs__info {
    margin-top: 67px;
    padding-top: 80px;
  }
}
.recipeChefs__info__title {
  font-weight: 500;
  line-height: normal;
}
@media only screen and (min-width: 1281px) {
  .recipeChefs__info__title {
    font-size: 40px;
    letter-spacing: -0.8px;
  }
}
@media only screen and (max-width: 1280px) {
  .recipeChefs__info__title {
    font-size: 20px;
    letter-spacing: -0.4px;
  }
}
.recipeChefs__info__content {
  font-weight: 500;
  display: flex;
}
@media only screen and (min-width: 1281px) {
  .recipeChefs__info__content {
    gap: 28px;
    margin-top: 56px;
    font-size: 16px;
    line-height: 150%;
  }
  .recipeChefs__info__content > div:first-child {
    flex: 2;
  }
  .recipeChefs__info__content > div:last-child {
    flex: 1;
  }
}
@media only screen and (max-width: 1280px) {
  .recipeChefs__info__content {
    margin-top: 20px;
    flex-direction: column;
    gap: 20px;
    font-size: 15px;
    line-height: 140%;
  }
}

@media only screen and (min-width: 1281px) {
  .senseHeader {
    margin-top: 240px;
    padding-left: 423px;
  }
}
@media only screen and (max-width: 1280px) {
  .senseHeader {
    max-width: 600px;
    margin-top: 80px;
  }
}
.senseHeader__title {
  color: var(--tColor-2);
}
@media only screen and (min-width: 1281px) {
  .senseHeader__title {
    font-size: 96px;
    font-weight: 800;
    line-height: 90%;
    letter-spacing: -2.8px;
  }
}
@media only screen and (max-width: 1280px) {
  .senseHeader__title {
    font-size: 54px;
    font-style: normal;
    font-weight: 800;
    line-height: 90%; /* 48.6px */
    letter-spacing: -2.7px;
  }
}
.senseHeader__content {
  color: var(--tColor-1);
  font-weight: 500;
}
@media only screen and (min-width: 1281px) {
  .senseHeader__content {
    max-width: 690px;
    font-size: 32px;
    letter-spacing: -0.64px;
    display: flex;
    flex-direction: column;
    gap: 28px;
    margin-top: 55px;
  }
}
@media only screen and (max-width: 1280px) {
  .senseHeader__content {
    margin-top: 80px;
    font-size: 24px;
    letter-spacing: -0.48px;
    text-indent: 12px;
  }
}

.senseB {
  margin-top: 70px;
}
@media only screen and (max-width: 1280px) {
  .senseB {
    max-width: 600px;
  }
}
@media only screen and (min-width: 1281px) {
  .senseB__image {
    aspect-ratio: 2/1;
  }
}
@media only screen and (max-width: 1280px) {
  .senseB__image {
    aspect-ratio: 1/1;
  }
}
.senseB__image img {
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.senseB__content {
  display: flex;
}
@media only screen and (min-width: 1281px) {
  .senseB__content {
    gap: 37px;
  }
}
@media only screen and (max-width: 1280px) {
  .senseB__content {
    flex-direction: column;
    margin-top: 120px;
  }
}
.senseB__content__name {
  color: var(--tColor-2);
}
@media only screen and (min-width: 1281px) {
  .senseB__content__name {
    flex: none;
    width: 400px;
    font-size: 40px;
    font-weight: 500;
    letter-spacing: -0.8px;
    margin-top: 62px;
  }
}
@media only screen and (max-width: 1280px) {
  .senseB__content__name {
    font-size: 24px;
    font-weight: 500;
    letter-spacing: -0.48px;
  }
}
.senseB__wrapper {
  flex: 1;
  display: grid;
  grid-gap: 1px 0;
  background-color: var(--border-color);
  margin-right: -1px;
}
@media only screen and (max-width: 1280px) {
  .senseB__wrapper {
    grid-template-columns: 1fr 1fr;
  }
}
@media only screen and (min-width: 1281px) {
  .senseB__wrapper--3 {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
@media only screen and (min-width: 1281px) {
  .senseB__wrapper--2 {
    grid-template-columns: 1fr 1fr;
  }
}
.senseB__item {
  background-color: var(--theme);
}
@media only screen and (min-width: 1281px) {
  .senseB__item {
    padding-top: 70px;
    padding-bottom: 46px;
  }
}
@media only screen and (max-width: 1280px) {
  .senseB__item {
    padding-top: 70px;
    padding-bottom: 70px;
  }
}
.senseB__item__icon {
  color: var(--tColor-2);
  margin-bottom: 60px;
}
.senseB__item__name {
  color: var(--tColor-1);
  margin-bottom: 20px;
  font-weight: 500;
  line-height: normal;
}
@media only screen and (min-width: 1281px) {
  .senseB__item__name {
    font-size: 32px;
    letter-spacing: -0.64px;
  }
}
@media only screen and (max-width: 1280px) {
  .senseB__item__name {
    font-size: 24px;
    letter-spacing: -0.48px;
  }
}
.senseB__item__description {
  color: var(--tColor-1);
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
}
@media only screen and (min-width: 1281px) {
  .senseB__item__description {
    max-width: calc(100% - 36px);
  }
}
.senseB__list {
  list-style: none;
  counter-reset: num;
}
@media only screen and (max-width: 1280px) {
  .senseB__list {
    grid-template-columns: 1fr;
  }
}
.senseB__listItem {
  color: var(--tColor-1);
  position: relative;
  padding-left: 36px;
}
.senseB__listItem:not(:last-child) {
  border-bottom: 1px solid var(--border-color);
}
@media only screen and (max-width: 1280px) {
  .senseB__listItem {
    padding-top: 50px;
    padding-bottom: 50px;
    font-size: 28px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%; /* 33.6px */
    letter-spacing: -0.84px;
  }
}
@media only screen and (min-width: 1281px) {
  .senseB__listItem {
    padding-top: 90px;
    padding-bottom: 90px;
    font-size: 48px;
    font-weight: 600;
    line-height: 120%; /* 57.6px */
    letter-spacing: -1.44px;
  }
}
.senseB__listItem:before {
  content: "0" counter(num);
  counter-increment: num;
  display: inline-block;
  color: currentColor;
  text-align: center;
  position: absolute;
  left: 0px;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 140%; /* 22.4px */
  letter-spacing: -0.32px;
}

.senseM {
  background-color: var(--bgColor-1);
  border-radius: 20px;
  display: flex;
  padding: 10px;
  max-width: 1200px;
  position: relative;
  z-index: 1;
}
@media only screen and (max-width: 1280px) {
  .senseM {
    flex-direction: column;
    max-width: min(100% - 40px, 600px);
  }
}
.senseM__image {
  overflow: hidden;
}
@media only screen and (min-width: 1281px) {
  .senseM__image {
    border-radius: 10px 0 0 10px;
    flex: none;
    width: 435px;
    aspect-ratio: 435/245;
  }
}
@media only screen and (max-width: 1280px) {
  .senseM__image {
    border-radius: 10px 10px 0 0;
    aspect-ratio: 342/245;
    width: 100%;
  }
}
.senseM__content {
  flex: 1;
  display: flex;
  color: var(--theme);
  font-size: 18px;
  font-weight: 600;
  letter-spacing: -0.36px;
  align-items: center;
  justify-content: center;
}
@media only screen and (min-width: 1281px) {
  .senseM__content span {
    max-width: 380px;
  }
}
@media only screen and (max-width: 1280px) {
  .senseM__content {
    padding: 44px 26px;
  }
}

.senseBudget {
  background-color: var(--Pure-White);
  width: 100%;
  color: var(--Blue-Gray-1);
}
@media only screen and (min-width: 1281px) {
  .senseBudget {
    margin-top: -174px;
  }
}
@media only screen and (max-width: 1280px) {
  .senseBudget {
    margin-top: -50%;
  }
}
.senseBudget__wrapper {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media only screen and (min-width: 1281px) {
  .senseBudget__wrapper {
    max-width: 1280px;
    padding: 355px 40px 0;
  }
}
@media only screen and (max-width: 1280px) {
  .senseBudget__wrapper {
    padding: calc(50% + 120px) 20px 0;
    max-width: 600px;
  }
}
.senseBudget__title {
  font-style: normal;
  font-weight: 800;
  line-height: 110%; /* 105.6px */
  text-align: center;
}
@media only screen and (min-width: 1281px) {
  .senseBudget__title {
    max-width: 761px;
    letter-spacing: -6.72px;
    font-size: 96px;
  }
}
@media only screen and (max-width: 1280px) {
  .senseBudget__title {
    font-size: 40px;
    letter-spacing: -2.8px;
  }
}
@media only screen and (min-width: 1281px) {
  .senseBudget__content {
    padding: 0 102px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 130px 45px;
    margin-top: 70px;
  }
}
@media only screen and (max-width: 1280px) {
  .senseBudget__content {
    margin-top: 80px;
    display: flex;
    flex-direction: column;
    gap: 80px;
  }
}
.senseBudget .circle {
  width: 72px;
  height: 72px;
  display: flex;
  border-radius: 100%;
  border: 1px solid currentColor;
  padding: 4%;
  overflow: visible;
}
.senseBudget__item {
  display: flex;
}
@media only screen and (max-width: 1280px) {
  .senseBudget__item {
    gap: 30px;
    align-items: flex-start;
  }
}
@media only screen and (min-width: 1281px) {
  .senseBudget__item {
    gap: 62px;
    flex-direction: column;
  }
}
@media only screen and (min-width: 1281px) {
  .senseBudget__item__icon {
    width: 100%;
    padding-bottom: 40px;
    border-bottom: 1px solid rgba(139, 139, 139, 0.5);
  }
}
@media only screen and (max-width: 1280px) {
  .senseBudget__item__icon {
    flex: none;
    width: 72px;
  }
}
.senseBudget__item__wrapper {
  display: flex;
}
@media only screen and (max-width: 1280px) {
  .senseBudget__item__wrapper {
    flex-direction: column;
    gap: 15px;
    width: 100%;
  }
}
@media only screen and (min-width: 1281px) {
  .senseBudget__item__wrapper {
    gap: 20px;
  }
}
.senseBudget__item__name {
  font-style: normal;
  font-weight: 600;
  line-height: 140%; /* 28px */
}
@media only screen and (min-width: 1281px) {
  .senseBudget__item__name {
    font-size: 20px;
    letter-spacing: -0.4px;
    flex: none;
    width: 180px;
  }
}
@media only screen and (max-width: 1280px) {
  .senseBudget__item__name {
    font-size: 16px;
    letter-spacing: -0.32px;
    padding-bottom: 15px;
    border-bottom: 1px solid rgba(139, 139, 139, 0.5);
  }
}
.senseBudget__item__description {
  flex: 1;
  width: 100%;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
}

.aiTitle {
  color: var(--tColor-1);
}
@media only screen and (min-width: 1281px) {
  .aiTitle {
    margin-top: 240px;
    color: #FFF;
    font-size: 147px;
    font-style: normal;
    font-weight: 400;
    line-height: 90%;
    letter-spacing: -11.76px;
    text-transform: uppercase;
  }
}
@media only screen and (max-width: 1280px) {
  .aiTitle {
    margin-top: 80px;
    font-size: 75px;
    font-style: normal;
    font-weight: 400;
    line-height: 90%; /* 67.5px */
    letter-spacing: -4.5px;
    text-transform: uppercase;
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
  }
}

@media only screen and (max-width: 1280px) {
  .aiContent {
    margin-top: 60px;
    margin-left: auto;
    margin-right: auto;
    max-width: 600px;
  }
}
@media only screen and (min-width: 1281px) {
  .aiContent {
    margin-top: 15px;
  }
}
.aiContent .aiBlock {
  color: var(--tColor-1);
}
@media only screen and (min-width: 1281px) {
  .aiContent .aiBlock .marginLarge {
    margin-bottom: 154px;
  }
}
@media only screen and (max-width: 1280px) {
  .aiContent .aiBlock .marginLarge {
    margin-bottom: 144px;
  }
}
@media only screen and (min-width: 1281px) {
  .aiContent .aiBlock .marginMedium {
    margin-bottom: 54px;
  }
}
@media only screen and (max-width: 1280px) {
  .aiContent .aiBlock .marginMedium {
    margin-bottom: 24px;
  }
}
@media only screen and (min-width: 1281px) {
  .aiContent .aiBlock {
    padding-top: 150px;
    padding-bottom: 95px;
  }
}
@media only screen and (max-width: 1280px) {
  .aiContent .aiBlock {
    padding-top: 70px;
    padding-bottom: 75px;
  }
}
.aiContent .aiBlock:not(:last-child) {
  border-bottom: 1px solid var(--border-color);
}
.aiContent .aiBlock__top {
  display: flex;
}
@media only screen and (max-width: 1280px) {
  .aiContent .aiBlock__top {
    font-size: 24px;
    font-weight: 500;
    letter-spacing: -0.48px;
  }
}
@media only screen and (min-width: 1281px) {
  .aiContent .aiBlock__top {
    font-size: 32px;
    font-weight: 500;
    letter-spacing: -0.64px;
  }
}
@media only screen and (min-width: 1281px) {
  .aiContent .aiBlock__top--right {
    margin-left: 400px;
    margin-bottom: 50px;
    text-wrap-style: balance;
  }
}
@media only screen and (max-width: 1280px) {
  .aiContent .aiBlock__top--right {
    text-indent: 20px;
    margin-bottom: 46px;
  }
}
.aiContent .aiBlock__top--left {
  margin-bottom: 36px;
}
@media only screen and (min-width: 1281px) {
  .aiContent .aiBlock__top--left {
    max-width: 685px;
  }
}
@media only screen and (min-width: 1281px) {
  .aiContent .aiBlock__top--child .textGutter {
    margin-top: 70px;
  }
}
@media only screen and (min-width: 1281px) {
  .aiContent .aiBlock__top--child {
    gap: 140px;
    align-items: flex-end;
  }
}
@media only screen and (max-width: 1280px) {
  .aiContent .aiBlock__top--child {
    flex-direction: column;
    gap: 36px;
  }
}
@media only screen and (min-width: 1281px) {
  .aiContent .aiBlock__top--child > div:first-child {
    flex: none;
    max-width: 470px;
    width: 100%;
    align-self: flex-start;
  }
}
.aiContent .aiBlock__top--child > div:nth-child(2) {
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
}
@media only screen and (min-width: 1281px) {
  .aiContent .aiBlock__top--child > div:nth-child(2) {
    max-width: 500px;
  }
}
.aiContent .aiBlock__topInfoBlock {
  display: flex;
  gap: 20px;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
}
@media only screen and (max-width: 1280px) {
  .aiContent .aiBlock__topInfoBlock {
    flex-direction: column;
  }
}
@media only screen and (min-width: 1281px) {
  .aiContent .aiBlock__topInfoBlock--right {
    margin-left: 400px;
  }
}
@media only screen and (min-width: 1281px) {
  .aiContent .aiBlock__image {
    aspect-ratio: 1200/562;
  }
}
@media only screen and (max-width: 1280px) {
  .aiContent .aiBlock__image {
    aspect-ratio: 1/1;
  }
}
.aiContent .aiBlock__image img {
  width: 100%;
  max-width: 100%;
  max-height: 100%;
  height: 100%;
  object-fit: cover;
}
.aiContent .aiBlock__bottom {
  display: flex;
  gap: 20px;
}
@media only screen and (max-width: 1280px) {
  .aiContent .aiBlock__bottom {
    margin-top: 16px;
    flex-direction: column;
  }
}
@media only screen and (min-width: 1281px) {
  .aiContent .aiBlock__bottom {
    margin-top: 36px;
  }
}
@media only screen and (min-width: 1281px) {
  .aiContent .aiBlock__bottom--onlyChild {
    margin-left: 400px;
  }
}
.aiContent .aiBlock__bottom__title {
  flex: 1;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 140%; /* 22.4px */
  letter-spacing: -0.32px;
}
.aiContent .aiBlock__bottom__info {
  flex: 1;
  color: var(--tColor-2);
  display: flex;
  align-items: flex-start;
  gap: 12px 20px;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%; /* 18.2px */
  letter-spacing: 0.14px;
}
@media only screen and (max-width: 1280px) {
  .aiContent .aiBlock__bottom__info {
    flex-direction: column;
  }
}
.aiContent .aiBlock__bottom__info > div {
  display: flex;
  gap: 12px;
  flex-direction: column;
}
.aiContent .aiBlock__bottom__info > div:only-child {
  color: var(--tColor-1);
}
@media only screen and (min-width: 1281px) {
  .aiContent .aiBlock__bottom__info > div:only-child {
    margin-right: 100px;
  }
}
.aiContent .aiBlock__bottom__link {
  flex: none;
  white-space: nowrap;
  text-wrap: nowrap;
  display: flex;
  align-items: center;
  gap: 10px;
}
@media only screen and (max-width: 1280px) {
  .aiContent .aiBlock__bottom__link {
    margin-top: 4px;
  }
}
@media only screen and (min-width: 1281px) {
  .aiContent .aiBlock__bottom__link {
    margin-left: 20px;
  }
}

@media only screen and (min-width: 1281px) {
  .pBlock {
    margin-top: 280px;
    display: grid;
    grid-template-columns: 1fr 350px 387px;
    grid-gap: 45px 57px;
    grid-template-areas: "title--one title--one ..." "title--two title--two content" "icon subContent--one links" "... subContent--two links";
  }
}
@media only screen and (max-width: 1280px) {
  .pBlock {
    display: flex;
    flex-direction: column;
    max-width: 600px;
    gap: 30px;
    margin-top: 180px;
  }
}
@media only screen and (min-width: 1281px) {
  .pBlock__title--one {
    grid-area: title--one;
  }
}
@media only screen and (min-width: 1281px) {
  .pBlock__title--two {
    grid-area: title--two;
  }
}
@media only screen and (min-width: 1281px) {
  .pBlock__title {
    font-size: 48px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%; /* 62.4px */
    letter-spacing: -0.48px;
    padding-right: 115px;
  }
}
@media only screen and (max-width: 1280px) {
  .pBlock__title {
    font-size: 42px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    display: contents;
  }
}
.pBlock__content {
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
}
@media only screen and (min-width: 1281px) {
  .pBlock__content {
    grid-area: content;
  }
}
@media only screen and (min-width: 1281px) {
  .pBlock__content__link {
    margin-top: 28px;
  }
}
@media only screen and (max-width: 1280px) {
  .pBlock__content__link {
    margin-top: 18px;
  }
}
.pBlock__content__link a {
  display: flex;
  gap: 16px;
  color: var(--tColor-1);
  font-size: 16px;
  font-weight: 400;
  line-height: normal;
}
@media only screen and (min-width: 1281px) {
  .pBlock__icon {
    grid-area: icon;
    padding-top: 113px;
  }
}
@media only screen and (max-width: 1280px) {
  .pBlock__icon {
    margin: 60px auto;
  }
}
.pBlock__subContent {
  font-size: 16px;
  font-style: normal;
}
.pBlock__subContent--one {
  font-weight: 600;
  line-height: normal;
  letter-spacing: -0.48px;
}
@media only screen and (min-width: 1281px) {
  .pBlock__subContent--one {
    grid-area: subContent--one;
    margin-top: 118px;
  }
}
.pBlock__subContent--two {
  color: var(--Neutral-Gray-3, #BBB);
  font-weight: 400;
  line-height: 140%;
}
@media only screen and (min-width: 1281px) {
  .pBlock__subContent--two {
    grid-area: subContent--two;
    justify-self: flex-end;
    margin-top: 70px;
  }
}
.pBlock__links {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 15px;
}
@media only screen and (min-width: 1281px) {
  .pBlock__links {
    grid-area: links;
    margin-top: 113px;
  }
}
.pBlock__links li a {
  gap: 15px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
}
.pBlock__links li a span {
  color: var(--tColor-1);
}
@media only screen and (min-width: 1281px) {
  .pBlock__links li a span {
    font-size: 24px;
    line-height: 34px;
  }
}
@media only screen and (max-width: 1280px) {
  .pBlock__links li a span {
    font-size: 20px;
  }
}

.meTitleBlock {
  position: relative;
}
@media only screen and (min-width: 1281px) {
  .meTitleBlock {
    margin-top: 240px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 133px 185px;
    grid-template-areas: "name subcontent" "content content";
    margin-bottom: 85px;
  }
}
@media only screen and (max-width: 1280px) {
  .meTitleBlock {
    margin-top: 80px;
    display: flex;
    flex-direction: column;
    margin-bottom: 25px;
    gap: 37px;
    max-width: 600px;
  }
}
.meTitleBlock:before {
  content: "";
  position: absolute;
  z-index: 1;
  background: #AAD3DF linear-gradient(180deg, #ACAFA7 -100%, rgba(172, 175, 167, 0) 100%);
}
@media only screen and (min-width: 1281px) {
  .meTitleBlock:before {
    inset: -240px 40px -85px 40px;
  }
}
@media only screen and (max-width: 1280px) {
  .meTitleBlock:before {
    inset: -80px 0px -25px 0px;
  }
}
.meTitleBlock > div {
  position: relative;
  z-index: 5;
}
.meTitleBlock__name {
  display: flex;
  flex-direction: column;
  text-align: right;
  text-transform: uppercase;
  font-weight: 800;
  position: relative;
}
.meTitleBlock__name:before {
  content: "";
  position: absolute;
  background-image: url("/images/me.svg");
  background-size: contain;
  background-repeat: no-repeat;
}
@media only screen and (min-width: 1281px) {
  .meTitleBlock__name:before {
    top: -34px;
    right: -32px;
    width: 32px;
    height: 34px;
  }
}
@media only screen and (max-width: 1280px) {
  .meTitleBlock__name:before {
    bottom: 0;
    left: 185px;
    width: 23px;
    height: 25px;
  }
}
@media only screen and (min-width: 1281px) {
  .meTitleBlock__name {
    grid-area: name;
    font-size: 96px;
    line-height: 90%;
    letter-spacing: -8.64px;
    padding-left: 133px;
  }
}
@media only screen and (max-width: 1280px) {
  .meTitleBlock__name {
    font-size: 66px;
    line-height: 80%;
    letter-spacing: -5.94px;
    text-transform: uppercase;
    width: min-content;
    align-self: center;
  }
}
@media only screen and (min-width: 1281px) {
  .meTitleBlock__content {
    grid-area: content;
    font-size: 32px;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -0.64px;
    margin-left: 427px;
  }
}
@media only screen and (max-width: 1280px) {
  .meTitleBlock__content {
    font-size: 25px;
    font-weight: 500;
    line-height: 130%; /* 32.5px */
    letter-spacing: -0.75px;
    margin-top: 106px;
  }
}
.meTitleBlock__subcontent {
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
  letter-spacing: -0.14px;
}
@media only screen and (min-width: 1281px) {
  .meTitleBlock__subcontent {
    grid-area: subcontent;
  }
}

@media only screen and (max-width: 1280px) {
  .meMapImage {
    max-width: 640px;
  }
}

.meContent {
  display: flex;
  flex-direction: column;
}
@media only screen and (min-width: 1281px) {
  .meContent {
    margin-top: 150px;
    padding-left: 427px;
    gap: 60px;
  }
}
@media only screen and (max-width: 1280px) {
  .meContent {
    margin-top: 62px;
    gap: 30px;
    max-width: 600px;
  }
}
.meContent__content {
  font-style: normal;
  font-weight: 500;
}
@media only screen and (min-width: 1281px) {
  .meContent__content {
    font-size: 32px;
    line-height: normal;
    letter-spacing: -0.64px;
  }
}
@media only screen and (max-width: 1280px) {
  .meContent__content {
    font-size: 25px;
    line-height: 130%; /* 32.5px */
    letter-spacing: -0.75px;
  }
}
.meContent__wrapper {
  display: flex;
  border-bottom: 1px solid var(--border-color);
}
@media only screen and (max-width: 1280px) {
  .meContent__wrapper {
    flex-direction: column;
    gap: 30px;
    padding-bottom: 35px;
  }
}
@media only screen and (min-width: 1281px) {
  .meContent__wrapper {
    gap: 20px;
    padding-bottom: 116px;
  }
}
.meContent__subcontent {
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
}

@media only screen and (min-width: 1281px) {
  .meCapabilities {
    margin-top: 236px;
  }
}
@media only screen and (max-width: 1280px) {
  .meCapabilities {
    margin-top: 136px;
  }
}
.meCapabilities__title {
  font-size: 40px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.8px;
}
@media only screen and (min-width: 1281px) {
  .meCapabilities__title {
    padding-left: 427px;
    margin-bottom: 113px;
  }
}
@media only screen and (max-width: 1280px) {
  .meCapabilities__title {
    margin-bottom: 80px;
  }
}
.meCapabilities__block {
  display: flex;
  border-top: 1px solid var(--border-color);
}
@media only screen and (min-width: 1281px) {
  .meCapabilities__block {
    padding-top: 84px;
    padding-bottom: 84px;
    gap: 383px;
  }
}
@media only screen and (max-width: 1280px) {
  .meCapabilities__block {
    padding-top: 50px;
    padding-bottom: 32px;
    gap: 40px;
  }
}
.meCapabilities__wrapper {
  display: flex;
}
@media only screen and (min-width: 1281px) {
  .meCapabilities__wrapper {
    gap: 128px;
  }
}
@media only screen and (max-width: 1280px) {
  .meCapabilities__wrapper {
    flex-direction: column;
    gap: 30px;
  }
}
.meCapabilities__icon {
  color: #565663;
}
.meCapabilities__name {
  flex: none;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 140%; /* 22.4px */
  letter-spacing: -0.32px;
}
@media only screen and (min-width: 1281px) {
  .meCapabilities__name {
    width: 113px;
  }
}
.meCapabilities__list {
  padding-left: 20px;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%; /* 24px */
}
@media only screen and (max-width: 1280px) {
  .meCapabilities__list {
    font-size: 15px;
  }
}

.agendaTitle {
  margin-top: 240px;
}
@media only screen and (max-width: 1280px) {
  .agendaTitle {
    max-width: 600px;
    margin-top: 80px;
  }
}
.agendaTitle__top {
  display: flex;
  justify-content: space-between;
}
@media only screen and (min-width: 1281px) {
  .agendaTitle__top {
    height: 60px;
  }
}
@media only screen and (max-width: 1280px) {
  .agendaTitle__top {
    align-items: flex-start;
  }
}
.agendaTitle__top__number {
  color: var(--tColor-3);
  font-size: 48px;
  font-style: normal;
  font-weight: 900;
  line-height: 90%; /* 43.2px */
  letter-spacing: -1.44px;
  text-transform: uppercase;
}
@media only screen and (min-width: 1281px) {
  .agendaTitle__top__number {
    margin-top: auto;
  }
}
.agendaTitle__top__name {
  font-weight: 700;
  text-transform: uppercase;
  line-height: normal;
}
@media only screen and (min-width: 1281px) {
  .agendaTitle__top__name {
    font-size: 20px;
    letter-spacing: -0.4px;
  }
}
@media only screen and (max-width: 1280px) {
  .agendaTitle__top__name {
    font-size: 15px;
    letter-spacing: -0.75px;
  }
}
@media only screen and (max-width: 1280px) {
  .agendaTitle__middle {
    margin-top: 30px;
  }
}
@media only screen and (min-width: 1281px) {
  .agendaTitle__middle {
    margin-top: -6px;
  }
}
@media only screen and (min-width: 1281px) {
  .agendaTitle__middle .titleImg {
    padding-left: 164px;
    padding-right: 77px;
  }
}
@media only screen and (max-width: 1280px) {
  .agendaTitle__middle .titleImg {
    padding-left: 38px;
  }
}
.agendaTitle__middle .girlImage {
  margin: -10px auto 0;
}
@media only screen and (max-width: 1280px) {
  .agendaTitle__middle .girlImage {
    width: 204px;
    height: 204px;
  }
}
@media only screen and (min-width: 1281px) {
  .agendaTitle__middle .girlImage {
    width: 386px;
    height: 386px;
    position: relative;
  }
  .agendaTitle__middle .girlImage:before, .agendaTitle__middle .girlImage:after {
    content: "";
    position: absolute;
    width: 98px;
    height: 165px;
    top: 34px;
    background-size: contain;
    background-repeat: no-repeat;
  }
  .agendaTitle__middle .girlImage:before {
    background-image: url(/images/agenda3.svg);
    left: -406px;
  }
  .agendaTitle__middle .girlImage:after {
    background-image: url(/images/agenda3.svg);
    background-position: right;
    right: -406px;
  }
}
.agendaTitle__bottom {
  margin: -42px auto 0;
}
.agendaTitle__bottom__image {
  margin: 0 auto;
  position: relative;
  z-index: 3;
}
@media only screen and (max-width: 1280px) {
  .agendaTitle__bottom__image {
    width: 223px;
  }
}
@media only screen and (min-width: 1281px) {
  .agendaTitle__bottom__image {
    width: 260px;
  }
}
.agendaTitle__bottom__text {
  color: var(--tColor-2);
  font-weight: 900;
  text-transform: uppercase;
  line-height: 90%;
  width: min-content;
  white-space: nowrap;
  position: relative;
}
@media only screen and (max-width: 1280px) {
  .agendaTitle__bottom__text {
    font-size: 50px;
    letter-spacing: -6px;
    margin: -18px auto;
  }
}
@media only screen and (min-width: 1281px) {
  .agendaTitle__bottom__text {
    font-size: 120px;
    letter-spacing: -10.6px;
    margin: -38px auto;
  }
  .agendaTitle__bottom__text:before, .agendaTitle__bottom__text:after {
    content: "";
    position: absolute;
    width: 135px;
    height: 205px;
    bottom: 36px;
    background-size: contain;
    background-repeat: no-repeat;
  }
  .agendaTitle__bottom__text:before {
    background-image: url(/images/agenda5.svg);
    left: -157px;
  }
  .agendaTitle__bottom__text:after {
    background-image: url(/images/agenda6.svg);
    right: -164px;
  }
}

.agendaInfo {
  margin-top: 100px;
}
@media only screen and (max-width: 1280px) {
  .agendaInfo {
    margin-bottom: 80px;
  }
}
@media only screen and (min-width: 1281px) {
  .agendaInfo {
    margin-bottom: 120px;
  }
}
.agendaInfo__title {
  max-width: 494px;
  text-align: center;
  font-weight: 500;
}
@media only screen and (max-width: 1280px) {
  .agendaInfo__title {
    margin: 40px auto 0;
    font-size: 25px;
    line-height: 140%; /* 35px */
    letter-spacing: -0.5px;
  }
}
@media only screen and (min-width: 1281px) {
  .agendaInfo__title {
    margin: 84px auto 0;
    font-size: 32px;
    line-height: normal;
    letter-spacing: -0.64px;
  }
}
.agendaInfo__content {
  margin: 52px auto;
  max-width: 387px;
  font-size: 16px;
  font-weight: 500;
  line-height: 150%;
  display: flex;
  flex-direction: column;
  gap: 17px;
}

.agendaDemo {
  margin-top: 12px;
}
.agendaDemo__image {
  margin: 0 auto;
}
@media only screen and (max-width: 1280px) {
  .agendaDemo__image {
    max-width: 300px;
  }
}
@media only screen and (min-width: 1281px) {
  .agendaDemo__image {
    max-width: 510px;
  }
}
.agendaDemo__block {
  display: flex;
}
@media only screen and (max-width: 1280px) {
  .agendaDemo__block {
    max-width: 600px;
    margin: 87px auto 150px;
    flex-direction: column;
    gap: 40px;
  }
}
@media only screen and (min-width: 1281px) {
  .agendaDemo__block {
    gap: 96px;
    max-width: 784px;
    margin: 138px auto 134px;
    padding-bottom: 142px;
    border-bottom: 1px solid var(--border-color);
  }
}
.agendaDemo__block__name {
  font-weight: 500;
}
@media only screen and (max-width: 1280px) {
  .agendaDemo__block__name {
    font-size: 25px;
    line-height: 140%; /* 35px */
    letter-spacing: -0.5px;
  }
}
@media only screen and (min-width: 1281px) {
  .agendaDemo__block__name {
    font-size: 40px;
    line-height: normal;
    letter-spacing: -0.8px;
    flex: none;
    width: 310px;
  }
}
.agendaDemo__block__content {
  display: flex;
  flex-direction: column;
  font-size: 16px;
}
@media only screen and (max-width: 1280px) {
  .agendaDemo__block__content {
    gap: 18px;
  }
}
@media only screen and (min-width: 1281px) {
  .agendaDemo__block__content {
    gap: 14px;
  }
}
.agendaDemo__block__content > div:first-child {
  font-weight: 600;
  line-height: 140%; /* 22.4px */
  letter-spacing: -0.32px;
}
.agendaDemo__block__content > div:last-child {
  font-weight: 500;
  line-height: 150%;
}

.agendaAnswers__title {
  font-size: 40px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.8px;
}
@media only screen and (max-width: 1280px) {
  .agendaAnswers__title {
    max-width: 600px;
    margin: 0 auto 40px;
  }
}
@media only screen and (min-width: 1281px) {
  .agendaAnswers__title {
    max-width: 784px;
    margin: 0 auto 84px;
  }
}
@media only screen and (max-width: 1280px) {
  .agendaAnswers__block {
    max-width: 600px;
    margin: 0 auto 100px;
  }
}
@media only screen and (min-width: 1281px) {
  .agendaAnswers__block {
    max-width: 784px;
    margin: 0 auto 148px;
  }
}
.agendaAnswers__block__name {
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 140%; /* 22.4px */
  letter-spacing: -0.32px;
  padding-bottom: 10px;
  border-bottom: 1px solid var(--border-color);
}
.agendaAnswers__block__wrapper {
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
}
@media only screen and (max-width: 1280px) {
  .agendaAnswers__block__wrapper {
    display: flex;
    flex-direction: column;
    gap: 25px;
    margin-top: 25px;
  }
}
@media only screen and (min-width: 1281px) {
  .agendaAnswers__block__wrapper {
    margin-top: 45px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 78px 47px;
  }
}

@media only screen and (min-width: 1281px) {
  .chainHeader {
    margin-top: 240px;
    display: grid;
    grid-template-columns: 240px 1fr;
    grid-gap: 100px 65px;
    grid-template-areas: "image  title" "...  content" "pdf  bottom";
  }
}
@media only screen and (max-width: 1280px) {
  .chainHeader {
    margin-top: 80px;
    display: flex;
    flex-direction: column;
    gap: 40px;
    max-width: 600px;
  }
}
@media only screen and (min-width: 1281px) {
  .chainHeader__img {
    grid-area: image;
    aspect-ratio: 240/168;
  }
}
@media only screen and (max-width: 1280px) {
  .chainHeader__img {
    aspect-ratio: 362/168;
  }
}
.chainHeader__img img {
  object-fit: cover;
}
.chainHeader__title {
  font-style: normal;
  font-weight: 800;
}
@media only screen and (min-width: 1281px) {
  .chainHeader__title {
    grid-area: title;
    font-size: 98px;
    line-height: 100%;
    letter-spacing: -4.9px;
  }
}
@media only screen and (max-width: 1280px) {
  .chainHeader__title {
    font-size: 54px;
    letter-spacing: -2.7px;
    line-height: 90%;
  }
}
.chainHeader__pdf {
  display: flex;
  gap: 18px;
  color: var(--tColor-2);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%; /* 18.2px */
  letter-spacing: 0.14px;
}
@media only screen and (min-width: 1281px) {
  .chainHeader__pdf {
    grid-area: pdf;
    flex-direction: column;
  }
}
@media only screen and (max-width: 1280px) {
  .chainHeader__pdf {
    align-items: center;
  }
}
.chainHeader__pdf a {
  display: block;
  flex: none;
}
@media only screen and (min-width: 1281px) {
  .chainHeader__pdf a {
    width: 60px;
    height: 60px;
  }
}
@media only screen and (max-width: 1280px) {
  .chainHeader__pdf a {
    width: 48px;
    height: 48px;
  }
}
.chainHeader__content {
  display: flex;
  flex-direction: column;
}
@media only screen and (min-width: 1281px) {
  .chainHeader__content {
    grid-area: content;
    margin-left: 102px;
  }
}
@media only screen and (max-width: 1280px) {
  .chainHeader__content {
    margin-top: 40px;
  }
}
.chainHeader__text {
  font-weight: 500;
}
@media only screen and (min-width: 1281px) {
  .chainHeader__text {
    font-size: 24px;
    line-height: 150%; /* 36px */
    letter-spacing: -0.48px;
  }
}
@media only screen and (max-width: 1280px) {
  .chainHeader__text {
    font-size: 20px;
    line-height: normal;
    letter-spacing: -0.4px;
  }
}
.chainHeader__text--bold {
  font-weight: 600;
  margin-top: 20px;
}
.chainHeader__bottomBlock {
  display: flex;
  align-items: center;
  justify-content: stretch;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%; /* 18.2px */
  letter-spacing: 0.14px;
}
@media only screen and (min-width: 1281px) {
  .chainHeader__bottomBlock {
    grid-area: bottom;
    gap: 20px;
    margin-top: 80px;
  }
}
@media only screen and (max-width: 1280px) {
  .chainHeader__bottomBlock {
    gap: 16px;
  }
}
.chainHeader__bottomBlock > div {
  max-width: 230px;
}
.chainHeader__bottomBlock:before, .chainHeader__bottomBlock:after {
  content: "";
  width: 100%;
  border-top: 1px solid var(--border-color);
  flex: 1;
}
@media only screen and (min-width: 1281px) {
  .chainHeader__bottomBlock:before {
    flex: none;
    width: 82px;
  }
}

@media only screen and (min-width: 1281px) {
  .chainTasking {
    margin-top: 200px;
    display: grid;
    grid-template-columns: 350px 1fr;
    grid-gap: 60px 57px;
    grid-template-areas: "title  content" "subtitle  subContent" "video  video" "...  bottom";
  }
}
@media only screen and (max-width: 1280px) {
  .chainTasking {
    margin-top: 160px;
    display: flex;
    flex-direction: column;
    gap: 40px;
    max-width: 600px;
  }
}
@media only screen and (min-width: 1281px) {
  .chainTasking__content {
    font-size: 40px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -0.8px;
  }
}
@media only screen and (max-width: 1280px) {
  .chainTasking__content {
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -0.48px;
  }
}
.chainTasking__subTitle {
  border-top: 1px solid var(border-color);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%; /* 18.2px */
  letter-spacing: 0.14px;
}
@media only screen and (min-width: 1281px) {
  .chainTasking__subTitle {
    grid-area: subtitle;
    padding-top: 17px;
  }
}
@media only screen and (max-width: 1280px) {
  .chainTasking__subTitle {
    padding-top: 40px;
  }
}
.chainTasking__subContent {
  font-weight: 500;
  line-height: 150%; /* 30px */
}
@media only screen and (min-width: 1281px) {
  .chainTasking__subContent {
    grid-area: subContent;
    font-size: 20px;
    letter-spacing: -0.2px;
  }
}
@media only screen and (max-width: 1280px) {
  .chainTasking__subContent {
    font-size: 16px;
  }
}
.chainTasking__subContent ol {
  padding-left: 20px;
  font-weight: 600;
}
@media only screen and (min-width: 1281px) {
  .chainTasking__subContent ol {
    margin-top: 30px;
    font-size: 20px;
    line-height: 150%; /* 30px */
    letter-spacing: -0.4px;
  }
}
@media only screen and (max-width: 1280px) {
  .chainTasking__subContent ol {
    margin-top: 20px;
    font-size: 16px;
    line-height: 140%; /* 22.4px */
    letter-spacing: -0.32px;
  }
}
@media only screen and (min-width: 1281px) {
  .chainTasking__subContent ol li {
    margin-top: 10px;
  }
}
.chainTasking__video {
  width: 100%;
  height: 400px;
  background: black;
}
@media only screen and (min-width: 1281px) {
  .chainTasking__video {
    grid-area: video;
  }
}
@media only screen and (min-width: 1281px) {
  .chainTasking__bottomBlock {
    grid-area: bottom;
  }
}
.chainTasking__bottomBlock__text {
  font-weight: 500;
  line-height: 150%;
}
@media only screen and (min-width: 1281px) {
  .chainTasking__bottomBlock__text {
    margin-top: 30px;
    font-size: 20px;
    font-style: normal;
    letter-spacing: -0.2px;
  }
}
@media only screen and (max-width: 1280px) {
  .chainTasking__bottomBlock__text {
    margin-top: 20px;
    font-size: 16px;
    font-style: normal;
  }
}
.chainTasking__bottomBlock__text.bold {
  font-weight: 600;
}

@media only screen and (min-width: 1281px) {
  .chainQ {
    margin-top: 200px;
  }
}
@media only screen and (max-width: 1280px) {
  .chainQ {
    margin-top: 160px;
    max-width: 600px;
  }
}
.chainQ__wrapper {
  width: 100%;
  padding-top: 20px;
  padding-bottom: 20px;
  border-top: 1px solid var(--border-color);
  border-bottom: 1px solid var(--border-color);
  display: flex;
}
@media only screen and (min-width: 1281px) {
  .chainQ__wrapper {
    gap: 57px;
    align-items: center;
  }
}
@media only screen and (max-width: 1280px) {
  .chainQ__wrapper {
    flex-direction: column;
    gap: 60px;
  }
}
.chainQ__img {
  flex: none;
  width: 350px;
}
.chainQ__block {
  max-width: 550px;
}
.chainQ__block__content {
  font-weight: 500;
  line-height: normal;
}
@media only screen and (min-width: 1281px) {
  .chainQ__block__content {
    font-size: 32px;
    letter-spacing: -0.64px;
  }
}
@media only screen and (max-width: 1280px) {
  .chainQ__block__content {
    font-size: 24px;
    letter-spacing: -0.48px;
  }
}
.chainQ__block__author {
  color: var(--tColor-3);
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
}
@media only screen and (min-width: 1281px) {
  .chainQ__block__author {
    margin-top: 18px;
  }
}
@media only screen and (max-width: 1280px) {
  .chainQ__block__author {
    margin-top: 30px;
  }
}

@media only screen and (min-width: 1281px) {
  .chainB {
    margin-top: 200px;
  }
}
@media only screen and (max-width: 1280px) {
  .chainB {
    margin-top: 160px;
    max-width: 600px;
  }
}
.chainB__top {
  width: 100%;
  display: flex;
}
@media only screen and (min-width: 1281px) {
  .chainB__top {
    gap: 57px;
  }
}
@media only screen and (max-width: 1280px) {
  .chainB__top {
    flex-direction: column;
    gap: 40px;
  }
}
.chainB__bottom {
  width: 100%;
  background: var(--Neutral-Gray-5, #F6F6F6);
}
@media only screen and (min-width: 1281px) {
  .chainB__bottom {
    padding: 80px;
    display: grid;
    grid-template-columns: 412px 1fr;
    grid-gap: 60px 32px;
    grid-template-areas: "title  image" "content image" "... image" "subContent image";
  }
}
@media only screen and (max-width: 1280px) {
  .chainB__bottom {
    display: flex;
    flex-direction: column;
    gap: 40px;
    padding: 60px 30px 30px 30px;
  }
}
.chainB__bottom__title {
  font-weight: 500;
  line-height: normal;
}
@media only screen and (min-width: 1281px) {
  .chainB__bottom__title {
    grid-area: title;
    font-size: 40px;
    letter-spacing: -0.8px;
  }
}
@media only screen and (max-width: 1280px) {
  .chainB__bottom__title {
    font-size: 24px;
    letter-spacing: -0.48px;
  }
}
.chainB__bottom__content {
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
}
@media only screen and (min-width: 1281px) {
  .chainB__bottom__content {
    grid-area: content;
  }
}
.chainB__bottom__subContent {
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
}
@media only screen and (min-width: 1281px) {
  .chainB__bottom__subContent {
    grid-area: subContent;
  }
}
@media only screen and (min-width: 1281px) {
  .chainB__bottom__img {
    grid-area: image;
  }
}
@media only screen and (min-width: 1281px) {
  .chainB__title {
    flex: none;
    width: 350px;
  }
}
@media only screen and (min-width: 1281px) {
  .chainB__content__top {
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%; /* 30px */
    letter-spacing: -0.2px;
    max-width: 380px;
  }
}
@media only screen and (max-width: 1280px) {
  .chainB__content__top {
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
  }
}
.chainB__content__bottom {
  margin-top: 20px;
  color: var(--tColor-5);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%; /* 18.2px */
  letter-spacing: 0.14px;
  margin-bottom: 60px;
  max-width: 380px;
}
.chainB__content__title {
  font-weight: 500;
  line-height: normal;
}
@media only screen and (min-width: 1281px) {
  .chainB__content__title {
    font-size: 40px;
    letter-spacing: -0.8px;
  }
}
@media only screen and (max-width: 1280px) {
  .chainB__content__title {
    font-size: 24px;
    letter-spacing: -0.48px;
  }
}
.chainB__content__content {
  font-weight: 500;
  line-height: 150%;
}
@media only screen and (min-width: 1281px) {
  .chainB__content__content {
    margin-top: 30px;
    font-size: 20px;
    font-style: normal;
    line-height: 150%; /* 30px */
    letter-spacing: -0.2px;
  }
}
@media only screen and (max-width: 1280px) {
  .chainB__content__content {
    margin-top: 20px;
    font-size: 16px;
  }
}

@media only screen and (min-width: 1281px) {
  .chainI {
    margin-top: 200px;
  }
}
@media only screen and (max-width: 1280px) {
  .chainI {
    margin-top: 160px;
    max-width: 600px;
  }
}
.chainI__wrapper {
  display: flex;
}
@media only screen and (min-width: 1281px) {
  .chainI__wrapper {
    gap: 15px;
    margin-top: 200px;
    height: 433px;
    background-image: url(/images/chain-5.png);
    background-size: cover;
    background-repeat: no-repeat;
    align-items: center;
    justify-content: center;
  }
}
@media only screen and (max-width: 1280px) {
  .chainI__wrapper {
    background: var(--Neutral-Gray-5, #F6F6F6);
    padding: 20px 20px 40px 20px;
    flex-direction: column;
    gap: 20px;
    align-items: center;
  }
}
@media only screen and (min-width: 1281px) {
  .chainI__img {
    max-width: 82px;
  }
}
@media only screen and (max-width: 1280px) {
  .chainI__img {
    max-width: 320px;
  }
}
.chainI__content {
  max-width: 320px;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%; /* 18.2px */
  letter-spacing: 0.14px;
}
@media only screen and (min-width: 1281px) {
  .chainI__content {
    color: var(--Pure-White, #FFF);
  }
}
@media only screen and (max-width: 1280px) {
  .chainI__content {
    color: #443627;
  }
}

.chainTasking__title, .chainB__title {
  color: var(--tColor-4);
}
@media only screen and (min-width: 1281px) {
  .chainTasking__title, .chainB__title {
    grid-area: title;
    font-size: 40px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: -0.8px;
  }
}
@media only screen and (max-width: 1280px) {
  .chainTasking__title, .chainB__title {
    font-size: 32px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -0.64px;
  }
}

.footer {
  margin-top: 40px;
  width: 100%;
  background: black;
  color: white;
}
.footer__wrapper {
  width: 100%;
  padding: 100px 40px 30px;
  max-width: 1280px;
  margin: 0 auto 0;
}
@media only screen and (max-width: 1280px) {
  .footer__wrapper {
    max-width: 600px;
    padding: 100px 20px 30px;
  }
}
.footer__top {
  display: grid;
}
@media only screen and (max-width: 1280px) {
  .footer__top {
    grid-template-columns: 1fr;
    grid-template-areas: "title" "inputBlock" "warning";
    grid-gap: 15px;
    margin-bottom: 80px;
  }
}
@media only screen and (min-width: 1281px) {
  .footer__top {
    grid-template-columns: 362px 1fr;
    grid-template-rows: 1fr 20px;
    grid-template-areas: "title inputBlock" "warning inputBlock";
    grid-gap: 10px 45px;
    padding-bottom: 100px;
    border-bottom: 1px solid #414141;
    margin-bottom: 60px;
  }
}
.footer__title {
  grid-area: title;
  font-size: 42px;
  font-style: normal;
  font-weight: 600;
  line-height: 120%; /* 50.4px */
  letter-spacing: -2.1px;
}
@media only screen and (max-width: 1280px) {
  .footer__title {
    margin-bottom: 50px;
  }
}
.footer__warning {
  grid-area: warning;
  color: #DC4545;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 120%;
}
.footer__inputBlock {
  grid-area: inputBlock;
}
.footer__inputBlock__name {
  color: #8B8B8B;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%; /* 16.9px */
  letter-spacing: 0.13px;
  margin-bottom: 10px;
}
@media only screen and (min-width: 1281px) {
  .footer__inputBlock__wrapper {
    display: grid;
    grid-template-columns: 285px 1fr;
    grid-template-rows: 1fr 1fr 1fr;
    grid-gap: 5px 10px;
    grid-template-areas: "dropdown textarea" "text textarea" "email textarea";
  }
  .footer__inputBlock__wrapper .dropdown {
    grid-area: dropdown;
  }
  .footer__inputBlock__wrapper .text {
    grid-area: text;
  }
  .footer__inputBlock__wrapper .email {
    grid-area: email;
  }
  .footer__inputBlock__wrapper .textarea {
    grid-area: textarea;
  }
}
@media only screen and (max-width: 1280px) {
  .footer__inputBlock__wrapper {
    display: flex;
    flex-direction: column;
    gap: 5px;
  }
}
.footer__content {
  display: grid;
  border-bottom: 1px solid #414141;
}
@media only screen and (min-width: 1281px) {
  .footer__content {
    grid-template-columns: 362px 1fr 1fr 1fr;
    grid-template-rows: 1fr;
    grid-template-areas: "logo pages links info";
    grid-gap: 10px 45px;
    padding-bottom: 50px;
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 1280px) {
  .footer__content {
    grid-template-columns: 1fr;
    grid-template-areas: "pages" "links" "logo" "info";
    grid-gap: 40px;
    padding-bottom: 20px;
    margin-bottom: 20px;
  }
}
.footer__logo {
  grid-area: logo;
}
.footer__pages, .footer__links {
  display: grid;
  height: min-content;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
}
@media only screen and (min-width: 1281px) {
  .footer__pages, .footer__links {
    grid-template-columns: 1fr;
    grid-gap: 15px;
  }
}
@media only screen and (max-width: 1280px) {
  .footer__pages, .footer__links {
    grid-template-columns: 1fr 1fr;
    grid-gap: 20px;
    padding-bottom: 40px;
    border-bottom: 1px solid #414141;
  }
}
.footer__pages a, .footer__links a {
  color: #8B8B8B;
}
.footer__pages {
  grid-area: pages;
}
.footer__links {
  grid-area: links;
}
@media only screen and (min-width: 1281px) {
  .footer__links {
    margin-left: 40px;
  }
}
.footer__info {
  grid-area: info;
  display: flex;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 140%;
}
@media only screen and (max-width: 1280px) {
  .footer__info {
    justify-content: space-between;
  }
}
@media only screen and (min-width: 1281px) {
  .footer__info {
    flex-direction: column;
    gap: 5px;
  }
}
.footer__bottom {
  display: flex;
  color: #8B8B8B;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
}
@media only screen and (max-width: 1280px) {
  .footer__bottom {
    flex-direction: column;
    gap: 5px;
  }
}
@media only screen and (min-width: 1281px) {
  .footer__bottom {
    justify-content: space-between;
  }
}
.footer__bottom a {
  color: inherit;
}
.footer input, .footer textarea {
  width: 100%;
  padding: 15px 14px;
  align-items: center;
  gap: 10px;
  flex-shrink: 0;
  border-radius: 5px;
  border: 1px solid #3F3F3F;
  background: transparent;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
  color: #fff;
}
.footer input {
  height: 55px;
}
.footer input:focus {
  border: 1px solid #3F3F3F;
}
.footer input::placeholder {
  color: #8B8B8B;
}
.footer input:invalid {
  border-color: #DC4545;
}
.footer input:-moz-submit-invalid {
  border-color: #DC4545;
}
.footer input:-moz-ui-invalid {
  border-color: #DC4545;
}
.footer textarea {
  font-family: inherit;
  resize: none;
}
@media only screen and (max-width: 1280px) {
  .footer textarea {
    height: 175px;
  }
}
@media only screen and (min-width: 1281px) {
  .footer textarea {
    height: 100%;
  }
}
.footer textarea:focus {
  border: 1px solid #3F3F3F;
}
.footer textarea::placeholder {
  color: #8B8B8B;
}
.footer textarea:invalid {
  border-color: #DC4545;
}
.footer textarea:-moz-submit-invalid {
  border-color: #DC4545;
}
.footer textarea:-moz-ui-invalid {
  border-color: #DC4545;
}
.footer .dropbtn {
  width: 100%;
  background-color: white;
  color: #3F3F3F;
  font-size: 16px;
  border: none;
  cursor: pointer;
  border-radius: 5px;
  height: 55px;
  padding: 15px 18px;
  text-align: left;
}
.footer .dropdown {
  position: relative;
  display: inline-block;
  width: 100%;
}
.footer .dropdown-content {
  width: 100%;
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  border-radius: 0 0 5px 5px;
  z-index: 1;
}
.footer .dropdown-content > * {
  color: #3F3F3F;
  padding: 15px 18px;
  text-decoration: none;
  display: flex;
  align-items: center;
}
.footer .dropdown-content a:hover {
  background-color: #f1f1f1;
}
.footer .dropdown:hover .dropdown-content {
  display: block;
}
.footer .dropdown:hover .dropbtn {
  border-radius: 5px 5px 0 0;
}

.header {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
  width: 100%;
  margin: 0 auto;
  transition: all 0.35s ease;
  background-color: color-mix(in srgb, var(--theme) 50%, transparent);
}
@media only screen and (min-width: 1281px) {
  .header .hideDesktop {
    display: none;
  }
}
@media only screen and (max-width: 1280px) {
  .header .hideMobile {
    display: none;
  }
}
.header.on-scroll {
  box-shadow: color-mix(in srgb, var(--tColor-1) 10%, transparent) 0 4px 6px -1px, color-mix(in srgb, var(--tColor-1) 6%, transparent) 0px 2px 4px -1px;
}
@media screen and (min-width: 1280px) {
  .header.on-scroll {
    top: -32px;
  }
  .header.on-scroll .menu-inner {
    display: none;
  }
}
.header:before {
  content: "";
  inset: 0;
  position: absolute;
  backdrop-filter: blur(3px);
  z-index: 1;
}

.navbar {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
  column-gap: 1rem;
  width: 100%;
  margin-inline: auto;
  max-width: 1280px;
  position: relative;
  z-index: 2;
  padding: 20px;
}
@media screen and (min-width: 1280px) {
  .navbar {
    padding: 40px 40px 8px;
  }
}

.brand {
  display: flex;
  align-items: center;
  justify-content: center;
  column-gap: 18px;
  color: inherit;
  position: relative;
  z-index: 10;
  font-size: 16px;
  font-weight: 600;
  line-height: 140%;
  letter-spacing: -0.32px;
  white-space: nowrap;
}

.menu {
  position: fixed;
  top: -100%;
  left: 0;
  width: 100%;
  padding-block: 4rem;
  background-color: var(--theme);
  box-shadow: color-mix(in srgb, var(--tColor-1) 10%, transparent) 0 4px 6px -1px, color-mix(in srgb, var(--tColor-1) 6%, transparent) 0px 2px 4px -1px;
  transition: all 0.3s ease;
  display: flex;
  gap: 8px;
  align-items: flex-start;
  flex-direction: column;
  justify-content: flex-start;
  padding-inline: 20px;
  height: auto;
  transform: scale(1, 0);
}
.menu.is-active {
  top: 0;
  left: 0;
  bottom: 0;
  overflow: auto;
  height: 100%;
  padding-bottom: 20px;
  transform: scale(1, 1);
}
.menu-inner {
  display: flex;
  flex-direction: column;
  justify-content: center;
  row-gap: 8px;
  list-style: none none;
}
@media screen and (max-width: 1280px) {
  .menu-linkWrapper {
    width: 100%;
    padding-bottom: 40px;
    border-bottom: 1px solid var(--border-color);
  }
}
@media screen and (min-width: 1280px) {
  .menu-linkWrapper {
    margin-left: auto;
  }
}
.menu-logo {
  display: flex;
  align-items: center;
  padding-block: 60px;
  gap: 25px;
  margin-bottom: auto;
}
@media screen and (min-width: 1280px) {
  .menu-logo {
    display: none;
  }
}
.menu-bottom {
  display: flex;
  flex-direction: column;
  color: var(--Neutral-Gray-2, #8B8B8B);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  gap: 5px;
}
@media screen and (min-width: 1280px) {
  .menu-bottom {
    display: none;
  }
}
.menu-link {
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.64px;
  color: var(--tColor-1);
}
@media screen and (min-width: 1280px) {
  .menu-link {
    font-style: normal;
    font-weight: 600;
    line-height: 140%; /* 22.4px */
    letter-spacing: -0.32px;
  }
}
.menu-block {
  margin-left: auto;
}
.menu-info {
  display: flex;
  flex-direction: column;
  align-items: end;
}
.menu-info a {
  color: var(--tColor-link);
}
@media screen and (max-width: 1280px) {
  .menu-info {
    width: 100%;
    flex-direction: row;
    justify-content: space-between;
    font-weight: 600;
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid var(--border-color);
  }
}
@media screen and (min-width: 1280px) {
  .menu {
    position: relative;
    top: initial;
    transform: initial;
    padding: 0;
    margin-left: auto;
    background: unset;
    box-shadow: unset;
    transition: unset;
    height: 100%;
    width: 100%;
    padding-inline: 0;
    flex-direction: row;
    align-items: flex-start;
    z-index: 9999;
    gap: 40px;
  }
  .menu-inner {
    display: flex;
    flex-direction: column;
    column-gap: 2rem;
    margin-left: auto;
    position: relative;
    z-index: 9999;
    row-gap: 7px;
  }
  .menu-link {
    text-transform: capitalize;
  }
  .menu-block {
    margin-left: 2rem;
  }
}

.burger {
  cursor: pointer;
  position: relative;
  display: block;
  z-index: 10;
  width: 1.5rem;
  height: 1rem;
  user-select: none;
  visibility: visible;
}
@media screen and (min-width: 1280px) {
  .burger {
    display: none;
    visibility: hidden;
  }
}
.burger-line {
  position: absolute;
  display: block;
  left: 0;
  opacity: 1;
  width: 100%;
  height: 2px;
  background-color: currentColor;
  transition: all 0.25s ease;
}
.burger-line:nth-child(1) {
  top: 0;
}
.burger-line:nth-child(2) {
  top: 0.5rem;
  width: 70%;
}
.burger-line:nth-child(3) {
  top: 1rem;
}
.burger.is-active .burger-line:nth-child(1) {
  top: 0.5rem;
  transform: rotate(135deg);
}
.burger.is-active .burger-line:nth-child(2) {
  left: -1rem;
  opacity: 0;
}
.burger.is-active .burger-line:nth-child(3) {
  top: 0.5rem;
  transform: rotate(-135deg);
}

.overlay {
  position: fixed;
  display: none;
  inset: 0;
  z-index: -2;
  width: 100%;
  height: 100%;
  opacity: 0.5;
  background-color: black;
  transition: all 0.3s ease;
}
.overlay.is-active {
  display: block;
}

*,
*::before,
*::after {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  text-decoration: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

svg {
  color: inherit;
}

input {
  font-size: inherit;
}

body, html {
  width: 100%;
  height: 100%;
}

body {
  font-family: "Noto Sans", sans-serif;
  width: 100%;
  height: 100%;
  background-color: var(--theme);
  color: var(--tColor-1);
}

.ignore-component {
  display: contents;
}

/*# sourceMappingURL=main.css.map */