/* ==========================================================================
   02. 02-content-sections
   Основные контентные секции до пакетов: карточки, формы, модалки, базовая адаптивность.
   IMPORTANT: cascade order is preserved from the old styles.css.
   ========================================================================== */

@media (max-width: 479px), (max-device-width: 479px){
.contact-popover__item--email{grid-template-columns: 72px 1fr;}

.contact-popover__mail-badge{width: 72px;
    height: 72px;
    border-radius: 14px;
    font-size: 1.12rem;}
}

@media (min-width: 900px){
.hero__copy{margin-left: clamp(42px, 5.2vw, 92px);}
}

.section--turnkey{position: relative;
  overflow: hidden;
  padding: clamp(18px, 2.1vw, 28px) 0 clamp(34px, 4.6vw, 58px);
  border-top: 0;
  border-bottom: 1px solid rgba(255,255,255,.055);
  background:
    linear-gradient(180deg, rgba(11,12,15,0) 0%, rgba(214,178,106,.026) 26%, rgba(0,0,0,.07) 100%),
    radial-gradient(760px 430px at 18% 36%, rgba(214,178,106,.075), transparent 68%),
    radial-gradient(640px 420px at 86% 42%, rgba(255,255,255,.04), transparent 70%);}

.section--turnkey::before,
.section--turnkey::after{content: "";
  position: absolute;
  pointer-events: none;
  border-radius: 999px;
  filter: blur(1px);}

.section--turnkey::before{width: 360px;
  height: 360px;
  left: -190px;
  top: 30%;
  background: radial-gradient(circle, rgba(214,178,106,.055), transparent 72%);}

.section--turnkey::after{width: 520px;
  height: 520px;
  right: -270px;
  bottom: -250px;
  background: radial-gradient(circle, rgba(214,178,106,.075), transparent 72%);}

.turnkey__inner{position: relative;
  z-index: 1;
  width: min(100%, 1060px);
  margin-inline: auto;
  display: grid;
  grid-template-columns: minmax(420px, 540px) max-content;
  gap: clamp(34px, 3.6vw, 54px);
  align-items: center;
  justify-content: center;}

.turnkey__copy{order: 1;
  display: grid;
  gap: 17px;
  max-width: 620px;}

.turnkey__showcase{order: 2;
  min-width: 0;
  --turnkey-main-w: clamp(275px, 21.6vw, 330px);
  --turnkey-main-h: calc(var(--turnkey-main-w) * 4 / 3);
  --turnkey-thumb-w: clamp(96px, 7.4vw, 116px);
  --turnkey-gallery-gap: clamp(10px, 1.05vw, 14px);
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;}

.turnkey__title{margin: 0 0 4px;
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  gap: 12px;
  font-family: Fraunces, ui-serif, Georgia, serif;
  font-size: clamp(1.9rem, 1.05vw + 1rem, 2.42rem);
  line-height: .98;
  letter-spacing: -0.045em;}

.turnkey__title > span:first-child{white-space: nowrap;}

.turnkey__title-price{display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  transform: translateY(.05em);
  min-height: 1.55em;
  padding: .18em .56em .22em;
  border-radius: 999px;
  border: 1px solid rgba(214,178,106,.42);
  background:
    radial-gradient(120% 160% at 12% 0%, rgba(214,178,106,.18), transparent 60%),
    rgba(214,178,106,.085);
  color: rgba(248,202,108,.99);
  font-size: .48em;
  line-height: 1;
  letter-spacing: -0.035em;
  white-space: nowrap;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.06);}

.turnkey__includes,
.turnkey__note{display: grid;
  gap: 11px;}

.turnkey__subhead,
.turnkey__note-title{margin: 0;
  display: inline-flex;
  align-items: center;
  gap: 12px;
  font-family: Fraunces, ui-serif, Georgia, serif;
  color: rgba(234,194,116,.98);
  font-size: clamp(1.2rem, .65vw + .92rem, 1.55rem);
  line-height: 1.1;
  letter-spacing: -0.025em;}

.turnkey__subhead::after,
.turnkey__note-title::after{content: "";
  width: 66px;
  height: 1px;
  background: linear-gradient(90deg, rgba(214,178,106,.62), transparent);}

.turnkey__list,
.turnkey__note-list{list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 8px;}

.turnkey__list li,
.turnkey__note-list li{position: relative;
  padding-left: 28px;
  color: rgba(255,255,255,.78);
  line-height: 1.44;}

.turnkey__list li::before{content: "✓";
  position: absolute;
  left: 0;
  top: .04em;
  width: 18px;
  height: 18px;
  display: grid;
  place-items: center;
  border-radius: 999px;
  border: 1px solid rgba(214,178,106,.54);
  color: rgba(234,194,116,.96);
  font-size: .7rem;
  line-height: 1;
  background: rgba(214,178,106,.08);}

.turnkey__note{width: min(100%, 480px);
  padding: 14px 16px;
  border-radius: 18px;
  border: 1px solid rgba(214,178,106,.24);
  background:
    radial-gradient(100% 160% at 0% 0%, rgba(214,178,106,.10), transparent 58%),
    rgba(255,255,255,.025);}

.turnkey__note-list{gap: 7px;}

.turnkey__note-list li{padding-left: 17px;
  color: rgba(255,255,255,.66);
  font-size: .9rem;
  line-height: 1.45;}

.turnkey__note-list li::before{content: "";
  position: absolute;
  left: 0;
  top: .62em;
  width: 5px;
  height: 5px;
  border-radius: 999px;
  background: rgba(214,178,106,.92);
  box-shadow: 0 0 14px rgba(214,178,106,.22);}

.turnkey__cta{justify-self: start;
  min-width: min(100%, 240px);
  min-height: 50px;
  padding-inline: 24px;
  color: rgba(255,250,236,.96);
  box-shadow: 0 18px 42px rgba(0,0,0,.34);}

.turnkey__cta span{display: inline-block;
  margin-left: 6px;
  color: rgba(234,194,116,.98);
  transition: transform .22s ease;}

.turnkey__cta:hover span{transform: translateX(4px);}

.turnkey__showcase-head{width: calc(var(--turnkey-main-w) + var(--turnkey-thumb-w) + var(--turnkey-gallery-gap));
  max-width: 100%;
  margin: 0 auto 10px;
  display: flex;
  align-items: baseline;
  justify-content: flex-start;
  gap: 12px;
  padding-left: 0;}

.turnkey__showcase-label{margin: 0;}

.turnkey__showcase-label{color: rgba(234,194,116,.96);
  font-weight: 600;
  letter-spacing: .02em;}

.turnkey__gallery{display: grid;
  grid-template-columns: var(--turnkey-main-w) var(--turnkey-thumb-w);
  gap: var(--turnkey-gallery-gap);
  align-items: start;
  justify-content: center;}

.turnkey__main-wrap{position: relative;
  width: var(--turnkey-main-w);
  min-width: 0;}

.turnkey__main,
.turnkey__thumb{position: relative;
  display: block;
  width: 100%;
  border: 0;
  padding: 0;
  overflow: hidden;
  cursor: pointer;
  background: rgba(255,255,255,.035);}

.turnkey__main{aspect-ratio: 3 / 4;
  border-radius: 20px;
  box-shadow: 0 16px 42px rgba(0,0,0,.32);}

.turnkey__main::after{content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  border-radius: inherit;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.06), inset 0 -76px 100px rgba(0,0,0,.14);}

.turnkey__main img,
.turnkey__thumb img{display: block;
  width: 100%;
  height: 100%;
  aspect-ratio: 3 / 4;
  object-fit: cover;
  background:
    radial-gradient(120% 80% at 50% 10%, rgba(255,255,255,.08), transparent 62%),
    linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.018));}

.turnkey__main:hover img,
.turnkey__thumb:hover img{transform: scale(1.022);}

.turnkey__main img,
.turnkey__thumb img{transition: transform .28s ease, opacity .22s ease;}

.turnkey__main:focus-visible,
.turnkey__thumb:focus-visible{outline: 2px solid rgba(214,178,106,.62);
  outline-offset: 4px;}

.turnkey__thumbs{height: var(--turnkey-main-h);
  max-height: var(--turnkey-main-h);
  min-height: 0;
  display: grid;
  grid-template-columns: 1fr;
  align-content: start;
  gap: 10px;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 2px 14px 2px 2px;
  scrollbar-width: thin;
  scrollbar-color: rgba(214,178,106,.46) rgba(255,255,255,.08);}

.turnkey__thumbs::-webkit-scrollbar{width: 7px;}

.turnkey__thumbs::-webkit-scrollbar-track{background: transparent;
  border-radius: 999px;}

.turnkey__thumbs::-webkit-scrollbar-thumb{background: rgba(214,178,106,.42);
  border-radius: 999px;}

.turnkey__thumb{aspect-ratio: 3 / 4;
  min-height: calc((var(--turnkey-main-h) - 20px) / 3);
  border-radius: 14px;
  box-shadow: none;
  transition: transform .22s ease, box-shadow .22s ease, opacity .22s ease;}

.turnkey__thumb::after{content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  border-radius: inherit;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.06);
  transition: box-shadow .22s ease, opacity .22s ease;}

.turnkey__thumb:hover{transform: translateY(-1px);
  box-shadow: 0 10px 24px rgba(0,0,0,.24);}

.turnkey__thumb.is-active{box-shadow: 0 12px 30px rgba(0,0,0,.30);}

.turnkey__thumb.is-active::after{box-shadow: inset 0 0 0 2px rgba(214,178,106,.88), inset 0 0 0 3px rgba(10,11,16,.18);}

.turnkey__thumb span{position: absolute;
  right: 6px;
  bottom: 6px;
  min-width: 21px;
  height: 21px;
  display: grid;
  place-items: center;
  padding-inline: 6px;
  border-radius: 999px;
  background: rgba(5,6,8,.62);
  color: rgba(255,255,255,.84);
  border: 1px solid rgba(255,255,255,.12);
  font-size: .68rem;
  line-height: 1;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);}

@media (max-width: 1100px){
.turnkey__inner{width: 100%;
    grid-template-columns: 1fr;
    justify-content: stretch;}

.turnkey__copy{order: 1;
    max-width: 720px;}

.turnkey__showcase{order: 2;
    max-width: 760px;}

.turnkey__showcase{--turnkey-main-w: min(100%, 360px);
    --turnkey-thumb-w: clamp(100px, 19vw, 122px);}

.turnkey__gallery{grid-template-columns: var(--turnkey-main-w) var(--turnkey-thumb-w);}
}

@media (max-width: 767px), (max-device-width: 767px){
.section--turnkey{padding: 22px 0 38px;}

.turnkey__inner{gap: 22px;}

.turnkey__copy{gap: 15px;}

.turnkey__title-price{font-size: .5em;}

.turnkey__note{padding: 14px;
    border-radius: 18px;}

.turnkey__note-list li{font-size: .88rem;}

.turnkey__cta{width: 100%;
    justify-self: stretch;}

.turnkey__showcase{padding: 0;
    border-radius: 0;}

.turnkey__showcase-head{width: 100%;
    margin: 0 0 10px;
    display: grid;
    gap: 4px;}

.turnkey__showcase{--turnkey-main-w: 100%;
    --turnkey-thumb-w: auto;
    --turnkey-gallery-gap: 10px;}

.turnkey__gallery{grid-template-columns: 1fr;
    gap: var(--turnkey-gallery-gap);}

.turnkey__main-wrap{width: 100%;}

.turnkey__main{border-radius: 18px;}

.turnkey__thumbs{display: flex;
    height: auto;
    max-height: none;
    gap: 9px;
    overflow-x: auto;
    overflow-y: hidden;
    padding: 2px 2px 8px;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;}

.turnkey__thumb{flex: 0 0 clamp(82px, 27vw, 116px);
    min-height: auto;
    scroll-snap-align: start;}
}

@media (max-width: 479px), (max-device-width: 479px){
.turnkey__title{flex-wrap: wrap;
    font-size: clamp(1.9rem, 9.5vw, 2.65rem);
    gap: 9px 12px;}

.turnkey__title > span:first-child{white-space: normal;}

.turnkey__title-price{font-size: .48em;}

.turnkey__list li,
.turnkey__note-list li{padding-left: 27px;}

.turnkey__showcase{width: calc(100% + 8px);
    margin-left: -4px;
    margin-right: -4px;}
}

.consult__info--below{position: relative;
  display: grid;
  grid-template-columns: 42px 1fr;
  gap: 14px;
  align-items: start;
  padding: 18px 20px 18px 18px;
  border-radius: 22px;
  text-align: left;
  border-color: rgba(214,178,106,.22);
  background:
    radial-gradient(110% 145% at 0% 0%, rgba(214,178,106,.16), transparent 54%),
    linear-gradient(180deg, rgba(255,255,255,.052), rgba(255,255,255,.024));
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.055),
    0 16px 38px rgba(0,0,0,.20);
  overflow: hidden;}

.consult__info--below::before{content: "";
  position: absolute;
  left: 0;
  top: 18px;
  bottom: 18px;
  width: 2px;
  border-radius: 999px;
  background: linear-gradient(180deg, transparent, rgba(214,178,106,.68), transparent);}

.consult__info-mark{width: 42px;
  height: 42px;
  display: grid;
  place-items: center;
  border-radius: 999px;
  color: rgba(248,202,108,.98);
  border: 1px solid rgba(214,178,106,.34);
  background:
    radial-gradient(circle at 45% 28%, rgba(248,202,108,.18), transparent 58%),
    rgba(214,178,106,.07);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.06),
    0 10px 22px rgba(0,0,0,.18);
  font-size: 1rem;
  line-height: 1;}

.consult__info-content{min-width: 0;}

.consult__info--below p{margin: 0;
  color: rgba(255,255,255,.78);
  font-size: clamp(.94rem, .13vw + .91rem, 1rem);
  line-height: 1.62;}

.consult__info--below p + p{margin-top: 8px;}

.consult__info--below strong{display: block;
  color: rgba(255,250,238,.96);
  font-weight: 650;
  letter-spacing: -.01em;}

.consult__info-note{margin-top: 12px !important;
  padding-top: 11px;
  border-top: 1px solid rgba(214,178,106,.14);
  color: rgba(255,250,238,.90) !important;}

.consult__info--below a{color: rgba(248,202,108,.98);
  text-decoration: none;
  border-bottom: 1px solid rgba(248,202,108,.42);
  transition: color .18s ease, border-color .18s ease;}

.consult__info--below a:hover{color: rgba(255,225,166,1);
  border-bottom-color: rgba(255,225,166,.78);}

@media (max-width: 767px), (max-device-width: 767px){
.consult__info--below{grid-template-columns: 34px 1fr;
    gap: 11px;
    padding: 16px 15px;
    border-radius: 18px;}

.consult__info-mark{width: 34px;
    height: 34px;
    font-size: .86rem;}
}

.consult__info--below{width: min(100%, 760px);}

.consult__info--below strong{white-space: nowrap;
  font-size: clamp(.98rem, .18vw + .95rem, 1.08rem);}

.consult__info-list{margin: 10px 0 0;
  padding: 0;
  list-style: none;
  display: grid;
  gap: 7px;}

.consult__info-list li{position: relative;
  padding-left: 18px;
  color: rgba(255,255,255,.78);
  font-size: clamp(.94rem, .13vw + .91rem, 1rem);
  line-height: 1.55;}

.consult__info-list li::before{content: "";
  position: absolute;
  left: 1px;
  top: .72em;
  width: 5px;
  height: 5px;
  border-radius: 999px;
  background: rgba(248,202,108,.92);
  box-shadow: 0 0 0 4px rgba(214,178,106,.10);}

.consult__info-note{margin-top: 13px !important;}

@media (max-width: 767px), (max-device-width: 767px){
.consult__info--below{width: 100%;}

.consult__info--below strong{white-space: normal;}

.consult__info-list{gap: 8px;}

.consult__info-list li{padding-left: 16px;
    line-height: 1.58;}
}

@media (max-width: 767px), (max-device-width: 767px){
.container{width: min(var(--max), calc(100% - 32px));}

.header__inner{min-height: 72px;}

.brand__logo{height: clamp(30px, 8.5vw, 38px);
    max-width: min(62vw, 250px);}

.burger{width: 54px;
    height: 54px;
    border-radius: 18px;}

.hero{padding: 14px 0 10px;}

.hero__inner{gap: 18px;}

.eyebrow{margin-bottom: 12px;
    font-size: .76rem;
    letter-spacing: .22em;}

.hero__title{max-width: 10ch;
    font-size: clamp(1.95rem, 9.6vw, 2.7rem);
    line-height: .94;}

.value-points{margin-top: 16px;
    gap: 12px;
    max-width: none;}

.value-points__item{gap: 9px;
    font-size: .99rem;
    line-height: 1.48;}

.section--turnkey{margin-top: 6px;
    padding: 24px 0 36px;
    background:
      linear-gradient(180deg, rgba(214,178,106,.055) 0%, rgba(15,17,22,.98) 20%, rgba(15,17,22,.98) 100%),
      radial-gradient(620px 320px at 15% 10%, rgba(214,178,106,.07), transparent 70%),
      radial-gradient(520px 320px at 88% 24%, rgba(255,255,255,.03), transparent 70%);}

.turnkey__inner{gap: 24px;}

.turnkey__copy{gap: 16px;}

.turnkey__title{margin-bottom: 2px;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 8px 10px;
    font-size: clamp(2rem, 8.6vw, 2.52rem);
    line-height: 1;}

.turnkey__title > span:first-child{white-space: normal;}

.turnkey__title-price{min-height: 1.75em;
    padding: .26em .68em .3em;
    font-size: .46em;}

.turnkey__includes,
.turnkey__note{padding: 15px 15px 16px;
    border-radius: 18px;}

.turnkey__subhead,
.turnkey__note-title{font-size: 1.05rem;}

.turnkey__list,
.turnkey__note-list{gap: 10px;}

.turnkey__list li,
.turnkey__note-list li{font-size: .97rem;
    line-height: 1.52;}

.turnkey__cta{margin-top: 2px;}

.turnkey__showcase{width: 100%;
    margin: 0;
    padding-top: 2px;
    --turnkey-main-w: min(100%, 332px);
    --turnkey-thumb-w: auto;
    --turnkey-gallery-gap: 10px;}

.turnkey__showcase-head{width: min(100%, 332px);
    margin: 0 auto 10px;
    gap: 2px;}

.turnkey__showcase-label{font-size: 1rem;}

.turnkey__gallery{grid-template-columns: 1fr;
    justify-items: center;
    gap: 10px;}

.turnkey__main-wrap{width: min(100%, 332px);
    margin-inline: auto;}

.turnkey__main{width: 100%;
    aspect-ratio: 3 / 4;
    border-radius: 18px;}

.turnkey__thumbs{width: 100%;
    display: flex;
    gap: 8px;
    height: auto;
    max-height: none;
    padding: 2px 0 8px;
    overflow-x: auto;
    overflow-y: hidden;
    justify-content: flex-start;
    scroll-padding-inline: 2px;
    scroll-snap-type: x proximity;}

.turnkey__thumb{flex: 0 0 78px;
    width: 78px;
    min-width: 78px;
    min-height: auto;
    aspect-ratio: 3 / 4;
    border-radius: 12px;
    scroll-snap-align: start;}

.turnkey__thumb span{min-width: 20px;
    height: 20px;
    right: 5px;
    bottom: 5px;
    font-size: .72rem;}

#consultation-section .consult{gap: 14px;}

.consult__card{padding: 16px;}

.field__input{min-height: 128px;}

.consult__info--below{grid-template-columns: 30px 1fr;
    gap: 10px;
    padding: 15px 14px;
    border-radius: 18px;}

.consult__info-mark{width: 30px;
    height: 30px;
    font-size: .78rem;}

.consult__info--below strong{font-size: 1.02rem;
    line-height: 1.35;}

.consult__info-list{margin-top: 8px;
    gap: 7px;}

.consult__info-list li{padding-left: 14px;
    font-size: .96rem;
    line-height: 1.56;}

.consult__info-note{margin-top: 11px !important;}

.footer{padding-bottom: 100px;}
}

@media (max-width: 479px), (max-device-width: 479px){
.container{width: min(var(--max), calc(100% - 24px));}

.hero__title{max-width: 9.6ch;
    font-size: clamp(1.82rem, 10vw, 2.4rem);}

.turnkey__title{font-size: clamp(1.86rem, 9.2vw, 2.22rem);}

.turnkey__showcase,
.turnkey__showcase-head,
.turnkey__main-wrap{width: min(100%, 312px);}

.turnkey__thumb{flex-basis: 72px;
    width: 72px;
    min-width: 72px;}
}

.consult__info-note a{white-space: nowrap;}

.footer-contact--email{grid-template-columns: 124px minmax(0, 1fr);}

.footer-contact--email .footer-contact__icon{width: 124px;
  height: 124px;
  border-radius: 24px;
  font-size: 2.35rem;}

.contact-popover__item--email{grid-template-columns: 104px 1fr;}

.contact-popover__mail-badge{width: 104px;
  height: 104px;
  border-radius: 22px;
  font-size: 2rem;}

@media (max-width: 767px), (max-device-width: 767px){
.footer-contact--email{grid-template-columns: 92px minmax(0, 1fr);}

.footer-contact--email .footer-contact__icon{width: 92px;
    height: 92px;
    border-radius: 20px;
    font-size: 1.9rem;}

.contact-popover__item--email{grid-template-columns: 82px 1fr;}

.contact-popover__mail-badge{width: 82px;
    height: 82px;
    border-radius: 18px;
    font-size: 1.6rem;}
}

@media (max-width: 767px), (max-device-width: 767px){
.section--turnkey{margin-top: 4px;
    padding: 18px 0 34px;
    background:
      linear-gradient(180deg, rgba(214,178,106,.035) 0%, rgba(15,17,22,.985) 14%, rgba(15,17,22,.985) 100%),
      radial-gradient(520px 240px at 50% 0%, rgba(214,178,106,.055), transparent 72%),
      radial-gradient(420px 260px at 92% 22%, rgba(255,255,255,.025), transparent 72%);}

.turnkey__inner,
.turnkey__copy,
.turnkey__showcase,
.turnkey__gallery,
.turnkey__main-wrap,
.turnkey__thumbs{min-width: 0;}

.turnkey__copy{gap: 14px;}

.turnkey__title{font-size: clamp(1.72rem, 7.8vw, 2.16rem);
    line-height: .98;
    gap: 8px 10px;}

.turnkey__title-price{min-height: 1.7em;
    padding: .24em .66em .28em;
    font-size: .47em;}

.turnkey__showcase{width: 100%;
    max-width: 100%;
    --turnkey-main-w: clamp(206px, calc(100vw - 118px), 248px);
    --turnkey-thumb-w: 72px;
    --turnkey-gallery-gap: 8px;}

.turnkey__showcase-head{width: min(100%, calc(var(--turnkey-main-w) + var(--turnkey-thumb-w) + var(--turnkey-gallery-gap)));
    margin: 0 auto 10px;
    display: block;}

.turnkey__showcase-label{display: block;
    max-width: 100%;
    font-size: .95rem;
    line-height: 1.22;
    overflow-wrap: anywhere;
    white-space: normal;}

.turnkey__gallery{width: min(100%, calc(var(--turnkey-main-w) + var(--turnkey-thumb-w) + var(--turnkey-gallery-gap)));
    margin-inline: auto;
    grid-template-columns: var(--turnkey-main-w) var(--turnkey-thumb-w);
    justify-content: center;
    align-items: start;
    gap: var(--turnkey-gallery-gap);}

.turnkey__main-wrap{width: var(--turnkey-main-w);
    margin-inline: 0;}

.turnkey__main{border-radius: 16px;}

.turnkey__thumbs{width: var(--turnkey-thumb-w);
    height: var(--turnkey-main-h);
    max-height: var(--turnkey-main-h);
    display: grid;
    grid-template-columns: 1fr;
    align-content: start;
    gap: 8px;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 2px 6px 2px 2px;
    scroll-snap-type: none;
    scrollbar-width: thin;}

.turnkey__thumb{flex: none;
    width: 100%;
    min-width: 0;
    min-height: calc((var(--turnkey-main-h) - 16px) / 3);
    border-radius: 12px;
    scroll-snap-align: unset;}

.turnkey__thumb span{min-width: 18px;
    height: 18px;
    padding-inline: 4px;
    right: 4px;
    bottom: 4px;
    font-size: .64rem;}
}

@media (max-width: 479px), (max-device-width: 479px){
.turnkey__title{font-size: clamp(1.6rem, 8vw, 1.95rem);}

.turnkey__title-price{font-size: .48em;}

.turnkey__showcase{--turnkey-main-w: clamp(194px, calc(100vw - 112px), 224px);
    --turnkey-thumb-w: 66px;
    --turnkey-gallery-gap: 8px;}

.turnkey__showcase-head,
.turnkey__gallery{width: min(100%, calc(var(--turnkey-main-w) + var(--turnkey-thumb-w) + var(--turnkey-gallery-gap)));}

.turnkey__showcase-label{font-size: .92rem;}

.contact-popover__item--email{grid-template-columns: 76px 1fr;}

.contact-popover__mail-badge{width: 76px;
    height: 76px;
    border-radius: 16px;
    font-size: 1.42rem;}
}

@media (max-width: 767px), (max-device-width: 767px){
.hero__title{max-width: 12.4ch;
    font-size: clamp(1.62rem, 7.4vw, 2rem);
    line-height: .96;
    letter-spacing: -.02em;}

.turnkey__inner{display: flex;
    flex-direction: column;
    gap: 16px;}

.turnkey__copy{display: contents;}

.turnkey__title{order: 1;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: 8px;
    margin-bottom: 0;
    font-size: clamp(1.58rem, 6.7vw, 1.9rem);
    line-height: .98;
    white-space: nowrap;}

.turnkey__title > span:first-child{white-space: nowrap;}

.turnkey__title-price{flex: 0 0 auto;
    margin-top: 0;
    font-size: .45em;}

.turnkey__includes{order: 2;}

.turnkey__showcase{order: 3;}

.turnkey__note{order: 4;}

.turnkey__cta{order: 5;
    margin-top: 0;}
}

@media (max-width: 479px), (max-device-width: 479px){
.hero__title{max-width: 12.1ch;
    font-size: clamp(1.48rem, 7vw, 1.82rem);}

.turnkey__title{font-size: clamp(1.42rem, 6.2vw, 1.72rem);
    gap: 7px;}

.turnkey__title-price{font-size: .44em;
    padding: .24em .62em .28em;}
}

@media (max-width: 767px), (max-device-width: 767px){
.hero__title{max-width: none;
    display: grid;
    gap: 1px;
    font-size: clamp(1.72rem, 7.2vw, 2.08rem);
    line-height: .96;
    letter-spacing: -.025em;}

.hero__title > span{display: block;}

.value-points{margin-top: 18px;
    gap: 11px;}

.value-points__item{font-size: .98rem;
    line-height: 1.48;}

.section--turnkey{padding-top: 20px;}

.turnkey__title{width: 100%;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: nowrap;
    gap: 8px;
    font-size: clamp(1.52rem, 5.9vw, 1.82rem);
    line-height: 1;
    letter-spacing: -.04em;
    white-space: nowrap;}

.turnkey__title > span:first-child{white-space: nowrap;}

.turnkey__title-price{transform: translateY(.04em);
    min-height: 1.55em;
    padding: .20em .58em .24em;
    font-size: .55em;
    letter-spacing: -.035em;}

.turnkey__includes{width: 100%;}

.turnkey__subhead{font-size: 1.12rem;}
}

@media (max-width: 479px), (max-device-width: 479px){
.hero__title{font-size: clamp(1.58rem, 7.35vw, 1.88rem);
    gap: 0;}

.turnkey__title{font-size: clamp(1.36rem, 5.95vw, 1.6rem);
    gap: 7px;}

.turnkey__title-price{font-size: .56em;
    padding: .18em .54em .22em;}
}

@media (max-width: 374px), (max-device-width: 374px){
.turnkey__title{font-size: 1.28rem;
    gap: 6px;}

.turnkey__title-price{font-size: .55em;
    padding-inline: .48em;}
}

@media (max-width: 767px), (max-device-width: 767px){
.hero__title{max-width: none;
    width: 100%;
    display: grid;
    gap: 2px;
    font-size: clamp(2.02rem, 8.85vw, 2.46rem);
    line-height: .89;
    letter-spacing: -.03em;}

.hero__title > span{display: block;}

.hero__title-sub{white-space: nowrap;
    font-size: .74em;
    line-height: 1.05;
    letter-spacing: -.035em;}

.footer-contact--email{grid-template-columns: 96px minmax(0, 1fr);}

.footer-contact--email .footer-contact__icon{width: 96px;
    height: 96px;
    border-radius: 22px;
    font-size: 2.35rem;}

.contact-popover__item--email{grid-template-columns: 82px 1fr;}

.contact-popover__mail-badge{width: 82px;
    height: 82px;
    border-radius: 18px;
    font-size: 2rem;}
}

@media (max-width: 479px), (max-device-width: 479px){
.hero__title{font-size: clamp(1.86rem, 8.85vw, 2.18rem);
    gap: 1px;}

.hero__title-sub{font-size: .72em;}

.footer-contact--email{grid-template-columns: 96px minmax(0, 1fr);}

.footer-contact--email .footer-contact__icon{width: 96px;
    height: 96px;
    border-radius: 22px;
    font-size: 2.35rem;}

.contact-popover__item--email{grid-template-columns: 76px 1fr;}

.contact-popover__mail-badge{width: 76px;
    height: 76px;
    border-radius: 16px;
    font-size: 1.85rem;}
}

@media (max-width: 374px), (max-device-width: 374px){
.hero__title{font-size: clamp(1.72rem, 8.4vw, 1.95rem);}

.hero__title-sub{font-size: .70em;}
}

@media (min-width: 768px){
.footer-contact--email{grid-template-columns: 96px minmax(0, 1fr);}

.footer-contact--email .footer-contact__icon{width: 96px;
    height: 96px;
    border-radius: 20px;
    font-size: 2.45rem;}

.contact-popover__item--email{grid-template-columns: 84px 1fr;}

.contact-popover__mail-badge{width: 84px;
    height: 84px;
    border-radius: 16px;
    font-size: 2.05rem;}
}

.footer-contact--email{grid-template-columns: 96px minmax(0, 1fr) !important;}

.footer-contact--email .footer-contact__icon{width: 96px !important;
  height: 96px !important;
  min-width: 96px !important;
  min-height: 96px !important;
  border-radius: 20px !important;
  font-size: 2.55rem !important;
  line-height: 1 !important;}

.contact-popover__item--email{grid-template-columns: 84px 1fr !important;}

.contact-popover__mail-badge{width: 84px !important;
  height: 84px !important;
  min-width: 84px !important;
  min-height: 84px !important;
  border-radius: 16px !important;
  font-size: 2.2rem !important;
  line-height: 1 !important;}

@media (max-width: 767px), (max-device-width: 767px){
.hero__title{max-width: none !important;
    width: 100%;
    display: grid;
    gap: 1px;
    font-size: clamp(2.08rem, 10.15vw, 2.72rem);
    line-height: .88;
    letter-spacing: -.035em;}

.hero__title > span{display: block;}

.hero__title-sub{white-space: nowrap;
    font-size: .68em;
    line-height: 1.05;
    letter-spacing: -.04em;}

.turnkey__title{width: 100%;
    justify-content: flex-start !important;
    align-items: center;
    flex-wrap: nowrap;
    gap: 10px;
    font-size: clamp(1.56rem, 6.55vw, 1.95rem);
    line-height: .98;
    white-space: nowrap;}

.turnkey__title > span:first-child{white-space: nowrap;}

.turnkey__title-price{align-self: center;
    transform: translateY(.03em);
    min-height: 1.28em;
    padding: .06em .42em .10em;
    font-size: .72em;
    line-height: 1;
    letter-spacing: -.04em;}

.footer-contact--email{grid-template-columns: 96px minmax(0, 1fr) !important;}

.footer-contact--email .footer-contact__icon{width: 96px !important;
    height: 96px !important;
    min-width: 96px !important;
    min-height: 96px !important;
    border-radius: 20px !important;
    font-size: 2.55rem !important;}

.contact-popover__item--email{grid-template-columns: 82px 1fr !important;}

.contact-popover__mail-badge{width: 82px !important;
    height: 82px !important;
    min-width: 82px !important;
    min-height: 82px !important;
    border-radius: 18px !important;
    font-size: 2.15rem !important;}
}

@media (max-width: 479px), (max-device-width: 479px){
.hero__title{font-size: clamp(2.02rem, 10.4vw, 2.48rem);
    gap: 0;}

.hero__title-sub{font-size: .66em;}

.turnkey__title{gap: 8px;
    font-size: clamp(1.42rem, 6.4vw, 1.72rem);}

.turnkey__title-price{font-size: .72em;
    padding: .06em .40em .10em;}
}

@media (max-width: 374px), (max-device-width: 374px){
.hero__title{font-size: clamp(1.78rem, 9.9vw, 2.08rem);}

.hero__title-sub{font-size: .64em;}

.turnkey__title{font-size: 1.28rem;
    gap: 6px;}

.turnkey__title-price{font-size: .70em;
    padding-inline: .34em;}
}

.footer-contact--email{grid-template-columns: auto 1fr !important;
  align-items: center !important;}

.footer-contact--email .footer-contact__icon{width: 96px !important;
  height: 96px !important;
  min-width: 96px !important;
  min-height: 96px !important;
  border-radius: 20px !important;
  font-size: 2.3rem !important;
  line-height: 1 !important;}

@media (max-width: 767px), (max-device-width: 767px){
.burger{width: 48px;
    height: 48px;
    border-radius: 16px;}

.burger__line{width: 16px;}

.burger__line + .burger__line{margin-top: 2px;}

.hero__title{max-width: 10.8ch !important;
    width: 100%;
    display: grid;
    gap: 0;
    font-size: clamp(2.02rem, 10.1vw, 2.62rem);
    line-height: .92;
    letter-spacing: -.03em;}

.hero__title > span{display: block;}

.hero__title-sub{font-size: .71em;
    line-height: .96;
    letter-spacing: -.035em;}

.value-points{margin-top: 18px;
    gap: 14px;}

.value-points__item{align-items: flex-start;}

.value-points__item span:last-child{min-width: 0;}

.turnkey__title{width: 100%;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 12px;
    font-size: clamp(1.8rem, 7.4vw, 2.2rem);
    line-height: .96;
    letter-spacing: -.025em;
    white-space: nowrap;}

.turnkey__title > span:first-child{flex: 1 1 auto;
    min-width: 0;
    white-space: nowrap;}

.turnkey__title-price{flex: 0 0 auto;
    align-self: flex-end;
    min-height: auto;
    padding: .10em .42em .12em;
    font-size: 1em;
    line-height: 1;
    letter-spacing: -.035em;
    transform: none;}

.category__head .h3:not(.h3--service-title){font-size: clamp(1.28rem, 5.6vw, 1.72rem);}
}

@media (max-width: 479px), (max-device-width: 479px){
.hero__title{max-width: 10.5ch !important;
    font-size: clamp(1.96rem, 10.05vw, 2.44rem);}

.hero__title-sub{font-size: .69em;}

.turnkey__title{font-size: clamp(1.68rem, 7.05vw, 1.98rem);
    gap: 10px;}

.turnkey__title-price{padding: .09em .38em .11em;}

.category__head .h3:not(.h3--service-title){font-size: clamp(1.18rem, 5.3vw, 1.56rem);}
}

@media (max-width: 374px), (max-device-width: 374px){
.hero__title{max-width: 10.3ch !important;
    font-size: clamp(1.84rem, 9.9vw, 2.16rem);}

.hero__title-sub{font-size: .68em;}

.turnkey__title{font-size: 1.54rem;
    gap: 8px;}

.category__head .h3:not(.h3--service-title){font-size: 1.12rem;}
}

.turnkey__title-main{display: inline-block;
  white-space: nowrap;}

@media (max-width: 767px), (max-device-width: 767px){
.hero__title{gap: 3px;
    line-height: .95 !important;}

.hero__title-sub{line-height: 1.02 !important;}

.value-points__item span:last-child{line-height: 1.28;}

.turnkey__title{align-items: center;
    gap: 14px;
    font-size: clamp(1.46rem, 6.25vw, 1.82rem);
    line-height: 1;}

.turnkey__title-main{flex: 1 1 auto;
    min-width: 0;
    letter-spacing: -.03em;}

.turnkey__title-price{margin-left: auto;
    flex: 0 0 auto;
    font-size: .98em;
    padding: .12em .44em .14em;
    white-space: nowrap;}

.category__head .h3:not(.h3--service-title){font-size: clamp(1.08rem, 4.55vw, 1.26rem);
    white-space: nowrap;}
}

@media (max-width: 479px), (max-device-width: 479px){
.hero__title{gap: 4px;
    line-height: .955 !important;}

.hero__title-sub{line-height: 1.03 !important;}

.turnkey__title{font-size: clamp(1.34rem, 6.02vw, 1.64rem);
    gap: 12px;}

.turnkey__title-price{font-size: .96em;
    padding: .12em .40em .13em;}

.category__head .h3:not(.h3--service-title){font-size: clamp(1rem, 4.18vw, 1.10rem);}
}

@media (max-width: 374px), (max-device-width: 374px){
.turnkey__title{font-size: 1.24rem;
    gap: 10px;}

.turnkey__title-price{font-size: .94em;
    padding-inline: .36em;}

.category__head .h3:not(.h3--service-title){font-size: .92rem;}
}

.turnkey__cta span[aria-hidden="true"]{display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 1.42em;
  line-height: .72;
  transform: translateY(.02em);}

@media (max-width: 767px), (max-device-width: 767px){
.burger{width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
    border-radius: 14px !important;
    padding: 0 !important;
    display: inline-flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 4px !important;}

.burger__line{width: 19px !important;
    height: 2px !important;
    margin: 0 !important;
    border-radius: 999px !important;}

.burger__line + .burger__line{margin-top: 0 !important;}

.turnkey__cta span[aria-hidden="true"]{font-size: 1.5em;
    margin-left: 2px;}

.category__head .h3:not(.h3--service-title){font-size: clamp(1rem, 4.12vw, 1.16rem) !important;}
}

@media (max-width: 479px), (max-device-width: 479px){
.category__head .h3:not(.h3--service-title){font-size: clamp(.92rem, 3.82vw, 1.04rem) !important;}
}

@media (max-width: 374px), (max-device-width: 374px){
.burger{width: 40px !important;
    height: 40px !important;
    min-width: 40px !important;
    gap: 3px !important;}

.burger__line{width: 18px !important;}

.category__head .h3:not(.h3--service-title){font-size: .84rem !important;}
}

.footer-contact{--footer-contact-square: 96px;}

.footer-contact--qr,
.footer-contact--email{grid-template-columns: var(--footer-contact-square) minmax(0, 1fr) !important;
  align-items: center !important;}

.footer-contact__qr,
.footer-contact--email .footer-contact__icon{width: var(--footer-contact-square) !important;
  height: var(--footer-contact-square) !important;
  min-width: var(--footer-contact-square) !important;
  min-height: var(--footer-contact-square) !important;
  max-width: var(--footer-contact-square) !important;
  max-height: var(--footer-contact-square) !important;
  box-sizing: border-box !important;}

.footer-contact--email .footer-contact__icon{border-radius: 20px !important;
  font-size: 2.35rem !important;}

.consult__lead{max-width: 34em;
  margin-left: auto;
  margin-right: auto;}

@media (max-width: 767px), (max-device-width: 767px){
.footer-contact{--footer-contact-square: 96px;}

.footer-contact--email .footer-contact__icon{font-size: 2.35rem !important;}

.consult__lead{max-width: 30em;}
}

@media (max-width: 374px), (max-device-width: 374px){
.footer-contact{--footer-contact-square: 88px;}

.footer-contact--email .footer-contact__icon{font-size: 2.12rem !important;}
}

.mail-svg{display: block;
  width: 62px;
  height: 44px;
  color: currentColor;}

.footer-contact--email .footer-contact__icon{font-size: 0 !important;}

.footer-contact--email .footer-contact__icon .mail-svg{width: 62px;
  height: 44px;}

.contact-popover__mail-badge{font-size: 0 !important;}

.contact-popover__mail-badge .mail-svg{width: 52px;
  height: 36px;}

.consult__lead{max-width: none !important;
  margin-left: auto;
  margin-right: auto;
  text-align: left;}

.consult__lead-line{display: block;
  white-space: nowrap;}

@media (max-width: 767px), (max-device-width: 767px){
.mail-svg{width: 62px;
    height: 44px;}

.footer-contact--email .footer-contact__icon .mail-svg{width: 62px;
    height: 44px;}

.contact-popover__mail-badge .mail-svg{width: 50px;
    height: 35px;}

.consult__lead{font-size: clamp(.96rem, 3.55vw, 1.06rem) !important;
    line-height: 1.42 !important;}

.consult__lead-line{white-space: nowrap;}
}

@media (max-width: 479px), (max-device-width: 479px){
.consult__lead{font-size: clamp(.94rem, 3.75vw, 1.02rem) !important;
    line-height: 1.42 !important;}
}

@media (max-width: 374px), (max-device-width: 374px){
.consult__lead{font-size: .88rem !important;}
}

@media (max-width: 767px), (max-device-width: 767px){
.turnkey__cta{display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;}

.turnkey__cta span[aria-hidden="true"]{display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin-left: 2px !important;
    font-size: 1.62em !important;
    line-height: 1 !important;
    transform: translateY(-.01em) !important;}

.turnkey__showcase{width: 100%;
    max-width: none;
    margin-inline: 0;
    --turnkey-gallery-gap: 10px;
    --turnkey-thumb-w: 74px;
    --turnkey-main-w: min(calc(100% - var(--turnkey-thumb-w) - var(--turnkey-gallery-gap)), 360px);}

.turnkey__showcase-head,
.turnkey__gallery{width: 100%;
    max-width: none;
    margin-inline: 0;}

.turnkey__gallery{grid-template-columns: minmax(0, 1fr) var(--turnkey-thumb-w);
    justify-content: stretch;
    align-items: start;
    gap: var(--turnkey-gallery-gap);}

.turnkey__main-wrap{width: 100%;
    max-width: none;}

.turnkey__main{width: 100%;}

.turnkey__thumbs{width: var(--turnkey-thumb-w);}
}

@media (max-width: 479px), (max-device-width: 479px){
.turnkey__showcase{--turnkey-gallery-gap: 9px;
    --turnkey-thumb-w: 70px;
    --turnkey-main-w: min(calc(100% - var(--turnkey-thumb-w) - var(--turnkey-gallery-gap)), 340px);}
}

@media (max-width: 374px), (max-device-width: 374px){
.turnkey__showcase{--turnkey-gallery-gap: 8px;
    --turnkey-thumb-w: 64px;}
}

.turnkey__cta .btn__arrow{display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 18px;
  flex: 0 0 auto;
  margin-left: 2px;
  transform: translateY(0);}

.turnkey__cta .btn__arrow svg{display: block;
  width: 24px;
  height: 14px;
  overflow: visible;}

.turnkey__cta .btn__arrow path{fill: none;
  stroke: currentColor;
  stroke-width: 2.2;
  stroke-linecap: round;
  stroke-linejoin: round;}

@media (max-width: 767px), (max-device-width: 767px){
.turnkey__cta{display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;}

.turnkey__cta .btn__arrow{width: 30px;
    height: 20px;
    margin-left: 0;
    transform: translateY(0) !important;}

.turnkey__cta .btn__arrow svg{width: 26px;
    height: 15px;}

.turnkey__showcase{width: 100%;
    max-width: 100%;
    margin-inline: 0;
    --turnkey-main-w: clamp(220px, calc(100vw - 132px), 260px);
    --turnkey-main-h: calc(var(--turnkey-main-w) * 4 / 3);
    --turnkey-thumb-w: 74px;
    --turnkey-gallery-gap: 10px;}

.turnkey__showcase-head,
.turnkey__gallery{width: min(100%, calc(var(--turnkey-main-w) + var(--turnkey-thumb-w) + var(--turnkey-gallery-gap)));
    max-width: none;
    margin-inline: auto;}

.turnkey__gallery{display: grid;
    grid-template-columns: var(--turnkey-main-w) var(--turnkey-thumb-w);
    justify-content: center;
    align-items: start;
    gap: var(--turnkey-gallery-gap);}

.turnkey__main-wrap{width: var(--turnkey-main-w);
    max-width: none;
    margin-inline: 0;}

.turnkey__main{width: 100%;
    aspect-ratio: 3 / 4;}

.turnkey__thumbs{width: var(--turnkey-thumb-w);
    height: var(--turnkey-main-h);
    max-height: var(--turnkey-main-h);
    display: grid;
    grid-template-columns: 1fr;
    align-content: start;
    gap: 8px;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 2px 6px 2px 2px;
    scrollbar-width: thin;}

.turnkey__thumb{flex: none;
    width: 100%;
    min-width: 0;
    min-height: calc((var(--turnkey-main-h) - 16px) / 3);
    aspect-ratio: 3 / 4;}
}

@media (max-width: 479px), (max-device-width: 479px){
.turnkey__showcase{--turnkey-main-w: clamp(210px, calc(100vw - 124px), 248px);
    --turnkey-thumb-w: 70px;
    --turnkey-gallery-gap: 9px;}

.turnkey__showcase-head,
.turnkey__gallery{width: min(100%, calc(var(--turnkey-main-w) + var(--turnkey-thumb-w) + var(--turnkey-gallery-gap)));}
}

@media (max-width: 374px), (max-device-width: 374px){
.turnkey__showcase{--turnkey-main-w: clamp(194px, calc(100vw - 116px), 226px);
    --turnkey-thumb-w: 64px;
    --turnkey-gallery-gap: 8px;}
}

@media (max-width: 767px), (max-device-width: 767px){
.turnkey__showcase{width: 100% !important;
    max-width: 100% !important;
    margin-inline: 0 !important;
    --turnkey-gallery-gap: 10px;
    --turnkey-thumb-w: 74px;}

.turnkey__showcase-head,
.turnkey__gallery{width: 100% !important;
    max-width: 100% !important;
    margin-inline: 0 !important;}

.turnkey__gallery{grid-template-columns: minmax(0, 1fr) var(--turnkey-thumb-w) !important;
    justify-content: stretch !important;
    align-items: start !important;
    gap: var(--turnkey-gallery-gap) !important;}

.turnkey__main-wrap{width: 100% !important;
    max-width: none !important;
    margin-inline: 0 !important;}

.turnkey__main{width: 100% !important;
    aspect-ratio: 3 / 4;}

.turnkey__thumbs{width: var(--turnkey-thumb-w) !important;
    height: var(--turnkey-main-h);
    max-height: var(--turnkey-main-h);}
}

@media (max-width: 479px), (max-device-width: 479px){
.turnkey__showcase{--turnkey-gallery-gap: 9px;
    --turnkey-thumb-w: 70px;}
}

@media (max-width: 374px), (max-device-width: 374px){
.turnkey__showcase{--turnkey-gallery-gap: 8px;
    --turnkey-thumb-w: 64px;}
}

@media (max-width: 767px), (max-device-width: 767px){
.turnkey__showcase{--turnkey-gallery-gap: 11px;
    --turnkey-thumb-w: 86px;}

.turnkey__gallery{grid-template-columns: minmax(0, 1fr) var(--turnkey-thumb-w) !important;
    gap: var(--turnkey-gallery-gap) !important;}

.turnkey__main-wrap{width: 100% !important;
    max-width: none !important;}

.turnkey__main{width: 100% !important;
    aspect-ratio: 3 / 4;}

.turnkey__thumbs{width: var(--turnkey-thumb-w) !important;
    height: var(--turnkey-main-h);
    max-height: var(--turnkey-main-h);
    gap: 9px;
    padding: 2px 6px 2px 2px;}

.turnkey__thumb{min-height: calc((var(--turnkey-main-h) - 18px) / 3);
    border-radius: 13px;}

.turnkey__thumb img{object-fit: cover;}
}

@media (max-width: 479px), (max-device-width: 479px){
.turnkey__showcase{--turnkey-gallery-gap: 10px;
    --turnkey-thumb-w: 82px;}

.turnkey__thumbs{gap: 8px;}

.turnkey__thumb{min-height: calc((var(--turnkey-main-h) - 16px) / 3);}
}

@media (max-width: 374px), (max-device-width: 374px){
.turnkey__showcase{--turnkey-gallery-gap: 8px;
    --turnkey-thumb-w: 74px;}
}

@media (max-width: 767px), (max-device-width: 767px){
.turnkey__showcase{--turnkey-gallery-gap: 10px;
    --turnkey-main-w: 274px;
    --turnkey-thumb-w: 86px;
    --turnkey-main-h: calc(var(--turnkey-main-w) * 4 / 3);
    width: 100% !important;
    max-width: 100% !important;
    margin-inline: 0 !important;}

.turnkey__showcase-head,
.turnkey__gallery{width: min(100%, calc(var(--turnkey-main-w) + var(--turnkey-thumb-w) + var(--turnkey-gallery-gap))) !important;
    max-width: none !important;
    margin-inline: auto !important;}

.turnkey__gallery{display: grid !important;
    grid-template-columns: var(--turnkey-main-w) var(--turnkey-thumb-w) !important;
    align-items: start !important;
    justify-content: center !important;
    gap: var(--turnkey-gallery-gap) !important;}

.turnkey__main-wrap{width: var(--turnkey-main-w) !important;
    max-width: none !important;
    margin-inline: 0 !important;}

.turnkey__main{width: var(--turnkey-main-w) !important;
    height: var(--turnkey-main-h) !important;
    aspect-ratio: auto !important;}

.turnkey__main img{width: 100%;
    height: 100%;
    object-fit: cover;}

.turnkey__thumbs{width: var(--turnkey-thumb-w) !important;
    height: var(--turnkey-main-h) !important;
    max-height: var(--turnkey-main-h) !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    align-content: start !important;
    gap: 10px !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    padding: 2px 6px 2px 2px !important;
    scrollbar-width: thin;}

.turnkey__thumb{width: 100% !important;
    height: calc((var(--turnkey-main-h) - 20px) / 3) !important;
    min-height: 0 !important;
    flex: none !important;
    aspect-ratio: auto !important;
    border-radius: 13px;}

.turnkey__thumb img{width: 100%;
    height: 100%;
    object-fit: cover;}
}

@media (max-width: 479px), (max-device-width: 479px){
.turnkey__showcase{--turnkey-gallery-gap: 10px;
    --turnkey-main-w: 260px;
    --turnkey-thumb-w: 82px;
    --turnkey-main-h: calc(var(--turnkey-main-w) * 4 / 3);}

.turnkey__thumbs{gap: 10px !important;}

.turnkey__thumb{height: calc((var(--turnkey-main-h) - 20px) / 3) !important;}
}

@media (max-width: 374px), (max-device-width: 374px){
.turnkey__showcase{--turnkey-gallery-gap: 8px;
    --turnkey-main-w: 236px;
    --turnkey-thumb-w: 76px;
    --turnkey-main-h: calc(var(--turnkey-main-w) * 4 / 3);}

.turnkey__thumbs{gap: 8px !important;}

.turnkey__thumb{height: calc((var(--turnkey-main-h) - 16px) / 3) !important;}
}

@media (max-width: 767px), (max-device-width: 767px){
.brand__logo{height: clamp(32px, 9.1vw, 41px) !important;
    max-width: min(66vw, 268px) !important;}

.hero{padding-bottom: 0 !important;}

.hero__title{gap: 5px !important;}

.hero__title > span:first-child{color: rgba(255,255,255,.96);
    font-weight: 800;
    text-shadow: 0 1px 0 rgba(255,255,255,.03), 0 18px 34px rgba(0,0,0,.36);}

.hero__title-sub{margin-top: 3px;
    color: rgba(234,194,116,.96);
    font-style: italic;
    font-weight: 650;
    letter-spacing: -.045em;
    text-shadow: 0 0 20px rgba(214,178,106,.12), 0 12px 30px rgba(0,0,0,.34);}

.section--turnkey{padding-top: 18px !important;}
}

@media (max-width: 479px), (max-device-width: 479px){
.brand__logo{height: clamp(31px, 9.2vw, 39px) !important;}
}

.hero__title-sub{font-weight: 500 !important;}

@media (min-width: 768px){
.section--turnkey{padding-top: clamp(34px, 4.2vw, 46px) !important;}
}

@media (max-width: 767px), (max-device-width: 767px){
.hero__title-sub{font-weight: 500 !important;}

.section--turnkey{padding-top: 26px !important;}
}

@media (min-width: 768px){
.hero__title{line-height: .98;}

.hero__title > span:first-child{color: rgba(255,255,255,.96);
    font-weight: 800;
    text-shadow: 0 1px 0 rgba(255,255,255,.03), 0 18px 34px rgba(0,0,0,.36);}

.hero__title-sub{display: block;
    margin-top: .12em;
    color: rgba(234,194,116,.96);
    font-style: italic;
    font-weight: 500 !important;
    letter-spacing: -.045em;
    text-shadow: 0 0 20px rgba(214,178,106,.12), 0 12px 30px rgba(0,0,0,.34);}
}

@media (min-width: 768px){
.section--turnkey{padding-top: clamp(18px, 2.1vw, 26px) !important;}
}

.hero,
.section--turnkey{--promo-white-unified: rgba(255,255,255,.90);}

.hero__title > span:first-child,
.value-points__item > span:last-child,
.turnkey__title-main,
.turnkey__list li,
.turnkey__note-list li{color: var(--promo-white-unified) !important;}

.hero__title-sub{color: rgba(234,194,116,.96) !important;}

.turnkey__subhead,
.turnkey__note-title,
.turnkey__title-price{color: rgba(234,194,116,.96);}

@media (min-width: 768px){
.section--turnkey{background:
      linear-gradient(180deg, rgba(11,12,15,0) 0%, rgba(214,178,106,.010) 44%, rgba(0,0,0,.045) 100%),
      radial-gradient(780px 430px at 18% 42%, rgba(214,178,106,.038), transparent 78%),
      radial-gradient(640px 420px at 86% 42%, rgba(255,255,255,.026), transparent 74%) !important;}

.section--turnkey::before{display: none !important;}

.section--turnkey::after{opacity: .45;
    filter: blur(10px);}
}

.turnkey__main{-webkit-user-drag: none;
  user-select: none;}

.turnkey__main img{pointer-events: none;
  -webkit-user-drag: none;
  user-select: none;}

@media (hover: hover) and (pointer: fine){
.turnkey__main{cursor: grab;}

.turnkey__main.is-dragging{cursor: grabbing;}
}

@media (hover: hover) and (pointer: fine){
.turnkey__thumbs{cursor: grab;
    user-select: none;
    overscroll-behavior: contain;}

.turnkey__thumbs.is-dragging{cursor: grabbing;
    scroll-behavior: auto;}

.turnkey__thumb,
.turnkey__thumb img{-webkit-user-drag: none;
    user-select: none;}
}

.lead-modal{position: fixed;
  inset: 0;
  z-index: 120;
  display: grid;
  place-items: center;
  padding: 22px;}

.lead-modal[hidden]{display: none;}

.lead-modal__backdrop{position: absolute;
  inset: 0;
  background:
    radial-gradient(620px 360px at 50% 42%, rgba(214,178,106,.12), transparent 62%),
    rgba(0,0,0,.72);
  backdrop-filter: blur(14px) saturate(112%);
  -webkit-backdrop-filter: blur(14px) saturate(112%);
  opacity: 0;
  transition: opacity .22s ease;}

.lead-modal__panel{position: relative;
  width: min(520px, 100%);
  padding: clamp(26px, 4vw, 42px);
  border-radius: 28px;
  border: 1px solid rgba(214,178,106,.24);
  background:
    radial-gradient(120% 90% at 50% 0%, rgba(214,178,106,.14), transparent 56%),
    linear-gradient(180deg, rgba(255,255,255,.075), rgba(255,255,255,.035)),
    rgba(12,14,18,.94);
  box-shadow:
    0 34px 90px rgba(0,0,0,.62),
    inset 0 1px 0 rgba(255,255,255,.07);
  text-align: left;
  transform: translateY(10px) scale(.985);
  opacity: 0;
  transition: opacity .22s ease, transform .22s ease;}

.lead-modal.is-open .lead-modal__backdrop{opacity: 1;}

.lead-modal.is-open .lead-modal__panel{opacity: 1;
  transform: translateY(0) scale(1);}

.lead-modal__close{position: absolute;
  top: 14px;
  right: 14px;
  width: 42px;
  height: 42px;
  border-radius: 14px;
  border: 1px solid rgba(255,255,255,.14);
  background: rgba(255,255,255,.055);
  color: rgba(255,255,255,.78);
  cursor: pointer;
  font-size: 1.7rem;
  line-height: 1;
  display: grid;
  place-items: center;}

.lead-modal__close:hover{color: rgba(255,255,255,.96);
  border-color: rgba(214,178,106,.34);
  background: rgba(214,178,106,.08);}

.lead-modal__close:focus-visible,
.lead-modal__button:focus-visible{outline: 2px solid rgba(214,178,106,.62);
  outline-offset: 3px;}

.lead-modal__icon{width: 68px;
  height: 68px;
  margin: 0 auto 18px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  color: rgba(255,236,180,.98);
  background:
    radial-gradient(circle at 35% 22%, rgba(255,255,255,.22), transparent 34%),
    linear-gradient(180deg, rgba(214,178,106,.32), rgba(214,178,106,.12));
  border: 1px solid rgba(214,178,106,.35);
  box-shadow: 0 14px 34px rgba(0,0,0,.34), 0 0 34px rgba(214,178,106,.14);
  font-size: 1.55rem;}

.lead-modal__title{margin: 0;
  font-family: Fraunces, ui-serif, Georgia, serif;
  font-size: clamp(2rem, 3.2vw, 2.85rem);
  line-height: 1.04;
  letter-spacing: -.025em;}

.lead-modal__text{max-width: 34ch;
  margin: 14px auto 0;
  color: rgba(255,255,255,.74);
  font-size: 1.05rem;
  line-height: 1.65;}

.lead-modal__button{margin-top: 24px;
  min-width: 180px;
  min-height: 48px;}

@media (max-width: 767px), (max-device-width: 767px){
.lead-modal{padding: 16px;}

.lead-modal__panel{border-radius: 24px;
    padding: 28px 20px 24px;}

.lead-modal__close{top: 12px;
    right: 12px;
    width: 40px;
    height: 40px;}

.lead-modal__icon{width: 60px;
    height: 60px;
    margin-bottom: 16px;}

.lead-modal__text{font-size: 1rem;}

.lead-modal__button{width: 100%;}
}

.footer-contact__qr{padding: 0 !important;
  object-fit: cover !important;}

.contact-popover__qr{padding: 0 !important;
  object-fit: cover !important;}

.btn:disabled{cursor: not-allowed;
  opacity: .58;
  transform: none !important;}

.legal-page{min-height: 100vh;
  background:
    radial-gradient(900px 520px at 22% 0%, rgba(214,178,106,.10), transparent 58%),
    linear-gradient(180deg, var(--bg0), var(--bg1));}

.legal-hero{padding: clamp(32px, 5vw, 70px) 0 clamp(40px, 6vw, 88px);}

.legal-card{width: min(920px, 100%);
  margin: 0 auto;
  padding: clamp(22px, 4vw, 42px);
  border-radius: var(--radius-xl);
  border: 1px solid rgba(255,255,255,.12);
  background:
    radial-gradient(120% 80% at 50% 0%, rgba(214,178,106,.08), transparent 54%),
    linear-gradient(180deg, rgba(255,255,255,.052), rgba(255,255,255,.024));
  box-shadow: var(--shadow2);}

.legal-card__eyebrow{margin: 0 0 10px;
  color: rgba(214,178,106,.92);
  text-transform: uppercase;
  letter-spacing: .18em;
  font-size: .76rem;
  font-weight: 700;}

.legal-card h1,
.legal-card h2{font-family: Fraunces, ui-serif, Georgia, serif;
  letter-spacing: -.025em;}

.legal-card h1{margin: 0;
  font-size: clamp(2rem, 3.2vw, 3.1rem);
  line-height: 1.06;}

.legal-card h2{margin: 30px 0 10px;
  color: rgba(248,202,108,.93);
  font-size: clamp(1.32rem, 1.3vw + 1rem, 1.85rem);
  line-height: 1.15;}

.legal-card p,
.legal-card li{color: rgba(255,255,255,.76);
  line-height: 1.75;}

.legal-card p{margin: 12px 0 0;}

.legal-card ul{margin: 12px 0 0;
  padding-left: 1.25em;}

.legal-card a{color: rgba(248,202,108,.95);
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;}

.legal-meta{margin-top: 12px;
  color: rgba(255,255,255,.58);}

.legal-table{display: grid;
  gap: 10px;
  margin-top: 16px;}

.legal-row{display: grid;
  grid-template-columns: minmax(160px, .44fr) minmax(0, 1fr);
  gap: 12px;
  padding: 12px 0;
  border-bottom: 1px solid rgba(255,255,255,.08);}

.legal-row__label{color: rgba(255,255,255,.54);}

.legal-row__value{color: rgba(255,255,255,.84);
  font-weight: 600;}

.legal-actions{margin-top: 28px;
  display: flex;
  gap: 10px;
  flex-wrap: wrap;}

@media (max-width: 767px), (max-device-width: 767px){
.footer__link{padding: 6px 8px;
    font-size: .9rem;}

.legal-row{grid-template-columns: 1fr;
    gap: 3px;}
}

.form__consent:has(.form__consent-check:not(:checked)){background:
    radial-gradient(120% 140% at 0% 50%, rgba(214,178,106,.10), transparent 55%),
    rgba(214,178,106,.035);
  border-color: rgba(214,178,106,.34);
  box-shadow: 0 0 0 3px rgba(214,178,106,.055);}

.form__consent:has(.form__consent-check:not(:checked)) .form__consent-check{outline: 2px solid rgba(248,202,108,.58);
  outline-offset: 2px;}

.form__consent:has(.form__consent-check:checked){background: rgba(255,255,255,.012);
  border-color: rgba(255,255,255,.055);
  box-shadow: none;}

.footer__bottom > .footer__link{margin-left: auto;}

@media (max-width: 767px), (max-device-width: 767px){
.footer__bottom > .footer__link{margin-left: 0;}
}

.form__consent:has(.form__consent-check:not(:checked)),
.form__consent:has(.form__consent-check:checked){border: 0 !important;
  box-shadow: none !important;
  background: transparent !important;}

.footer-contact{cursor: pointer;
  text-decoration: none;}

.footer-contact__hint{transition: color .18s ease, text-decoration-color .18s ease;}

.footer-contact:hover .footer-contact__hint,
.footer-contact:focus-visible .footer-contact__hint{color: rgba(248,202,108,.92);
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
  text-decoration-color: rgba(248,202,108,.48);}

.footer-contact:focus-visible{outline: 2px solid rgba(214,178,106,.55);
  outline-offset: 4px;}

.turnkey__thumb span{display: none !important;}

@media (pointer: coarse), (hover: none){
.turnkey__main{touch-action: pan-y;}

.turnkey__thumbs{touch-action: pan-y;
    -webkit-overflow-scrolling: touch;}

.turnkey__thumb{touch-action: manipulation;}
}

@media (max-device-width: 767px) and (min-width: 768px){
html{-webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;}

body{min-width: 0;
    overflow-x: hidden;}

.container{width: min(var(--max), calc(100% - 32px)) !important;}

.header__inner,
.hero__inner,
.turnkey__inner,
.section__head,
.consult,
.footer__top,
.footer__bottom{min-width: 0 !important;}
}

html,
body{width: 100%;
  max-width: 100%;
  overflow-x: clip;}

@supports not (overflow: clip){
html,
body{overflow-x: hidden;}
}

@media (max-width: 767px), (max-device-width: 767px){
.container,
.header__inner,
.hero__inner,
.hero__copy,
.section--turnkey,
.turnkey__inner,
.turnkey__copy,
.turnkey__includes,
.turnkey__showcase,
.turnkey__showcase-head,
.turnkey__gallery,
.turnkey__main-wrap,
.consult,
.footer__top,
.footer__bottom{min-width: 0 !important;
    max-width: 100% !important;}

.hero__title{width: 100% !important;
    max-width: 100% !important;
    font-size: clamp(2rem, 7vw, 2.42rem) !important;
    line-height: .96 !important;
    letter-spacing: -.03em;}

.hero__title > span{max-width: 100% !important;}

.hero__title > span:first-child{display: block !important;
    white-space: nowrap !important;}

.hero__title-sub{display: block !important;
    max-width: 100% !important;
    white-space: normal !important;
    overflow-wrap: normal;
    font-size: .68em !important;
    line-height: 1.04 !important;}

.value-points__item,
.value-points__item span:last-child{min-width: 0 !important;
    max-width: 100% !important;}

.turnkey__title{max-width: 100% !important;
    min-width: 0 !important;
    white-space: normal !important;}

.turnkey__title-main,
.turnkey__title > span:first-child{min-width: 0 !important;
    max-width: 100% !important;
    white-space: normal !important;}

.turnkey__showcase{--turnkey-gallery-gap: clamp(8px, 2.5vw, 10px) !important;
    --turnkey-thumb-w: clamp(68px, 21vw, 82px) !important;
    --turnkey-main-w: min(260px, calc(100vw - 24px - var(--turnkey-thumb-w) - var(--turnkey-gallery-gap))) !important;
    --turnkey-main-h: calc(var(--turnkey-main-w) * 4 / 3) !important;}

.turnkey__showcase-head,
.turnkey__gallery{width: min(100%, calc(var(--turnkey-main-w) + var(--turnkey-thumb-w) + var(--turnkey-gallery-gap))) !important;}

.turnkey__gallery{grid-template-columns: minmax(0, var(--turnkey-main-w)) var(--turnkey-thumb-w) !important;}

.turnkey__main-wrap,
.turnkey__main{width: var(--turnkey-main-w) !important;
    max-width: 100% !important;}

.turnkey__thumbs{width: var(--turnkey-thumb-w) !important;}
}

@media (max-width: 479px), (max-device-width: 479px){
.hero__title{font-size: clamp(1.78rem, 8vw, 2.08rem) !important;}

.hero__title-sub{font-size: .67em !important;}
}

@media (max-width: 374px), (max-device-width: 374px){
.hero__title{font-size: clamp(1.64rem, 8.4vw, 1.86rem) !important;}

.hero__title > span:first-child,
.hero__title-sub{white-space: normal !important;}

.turnkey__showcase{--turnkey-thumb-w: clamp(62px, 20vw, 74px) !important;}
}

.jp-hero{padding: clamp(34px, 4.4vw, 72px) 0 clamp(42px, 5vw, 76px);
  border-bottom: 1px solid rgba(214,178,106,.10);
  background:
    radial-gradient(820px 460px at 18% 8%, rgba(214,178,106,.12), transparent 62%),
    radial-gradient(720px 420px at 78% 16%, rgba(255,255,255,.045), transparent 68%),
    linear-gradient(180deg, rgba(255,255,255,.015), transparent 70%);}

.jp-hero__inner{display: grid;
  gap: clamp(34px, 4vw, 58px);
  align-items: start;}

.jp-hero .hero__copy,
.jp-hero__copy{max-width: 920px;
  margin-left: 0 !important;
  padding-left: 0 !important;}

.jp-hero .value-points{margin-top: clamp(16px, 1.8vw, 22px);
  max-width: 820px;}

.jp-hero__packages{position: relative;
  z-index: 1;}

.jp-hero__packages-label,
.jp-final-packages .eyebrow{margin: 0 0 16px;
  text-align: left;
  color: var(--gold);
  letter-spacing: .34em;
  text-transform: uppercase;
  font-size: clamp(1rem, .45vw + .78rem, 1.28rem);
  line-height: 1.2;
  font-weight: 800;}