*,
*::before,
*::after {
  box-sizing:border-box;
  margin:0;
  padding:0;
}
html {
  scroll-behavior:smooth;
}
body,
button,
input,
textarea,
select {
  font:inherit;
  color:inherit;
}
h1,
h2,
h3,
h4,
h5,
h6,
p {
  font-weight:inherit;
  font-size:inherit;
  margin:0;
}
a {
  text-decoration:none;
  color:inherit;
  -webkit-tap-highlight-color:rgba(0,0,0,0);
}
button {
  background:none;
  border:none;
  cursor:pointer;
  font:inherit;
}
ul,
ol {
  list-style:none;
  margin:0;
  padding:0;
}
img,
picture,
video,
canvas,
svg {
  display:block;
  max-width:100%;
  height:auto;
}
input,
button,
textarea,
select {
  font:inherit;
}
table {
  border-collapse:collapse;
  border-spacing:0;
}
:root {
  --container-base: 1200px;
  --container-sm: 800px;
  --container-lg: 1320px;
  --container-full: 100%;
  --container-padding: 16px;
  --gap-base: 32px;
  --gap-xs: 8px;
  --gap-sm: 12px;
  --gap-md: 16px;
  --gap-lg: 24px;
  --gap-xl: 32px;
  --gap-xxl: 48px;
  --gap-xxxl: 64px;
  --spacing-xs: 8px;
  --spacing-sm: 12px;
  --spacing-md: 16px;
  --spacing-lg: 24px;
  --spacing-xl: 32px;
  --spacing-xxl: 48px;
  --spacing-xxxl: 64px;
  --spacing-section: 112px;
  --font-base: 'Roboto Flex', system-ui, -apple-system, sans-serif;
  --font-accent: 'Manrope', system-ui, -apple-system, sans-serif;
  --fz-base: 1rem;
  --fz-h1: clamp(1.75rem, 4vw + 0.8rem, 3rem);
  --fz-h2: clamp(1.5rem, 3vw + 0.5rem, 2.25rem);
  --fz-h3: clamp(1.25rem, 2vw + 0.3rem, 1.75rem);
  --fz-h4: clamp(1.125rem, 1.5vw + 0.2rem, 1.375rem);
  --fz-h1: clamp(2rem, 4vw + 0.8rem, 3rem);
  --fz-h2: clamp(1.5rem, 3vw + 0.5rem, 2.25rem);
  --fz-h3: clamp(1.25rem, 2vw + 0.3rem, 1.75rem);
  --fz-h4: clamp(1.125rem, 1.5vw + 0.2rem, 1.375rem);
  --fz-h5: 1.125rem;
  --fz-h6: 1rem;
  --fz-xs: 0.75rem;
  --fz-sm: 0.875rem;
  --fz-lg: 1.125rem;
  --fz-xl: 1.25rem;
  --fz-xxl: 1.5rem;
  --lh-title: 1.2;
  --lh-title-sm: 1.15;
  --lh-title-md: 1.25;
  --lh-body: 1.6;
  --lh-tight: 1.25;
  --lh-normal: 1.5;
  --lh-relaxed: 1.75;
  --heading-margin-bottom-h1: 0.4em;
  --heading-margin-bottom-h2: 0.35em;
  --heading-margin-bottom-h3: 0.3em;
  --heading-margin-bottom-h4: 0.25em;
  --fw-400: 400;
  --fw-500: 500;
  --fw-600: 600;
  --fw-700: 700;
  --fw-800: 800;
  --color-black: #000000;
  --color-white: #ffffff;
  --color-dark: #1a1a1a;
  --color-gray: #f1f5f9;
  --color-light: #f8fafc;
  --color-main: #476b54;
  --color-main-bg: #f0f3f1;
  --color-accent: #e4c374;
  --color-accent-bg: #f3e6c5;
  --color-danger: #dc2626;
  --color-danger-bg: #fff8f8;
  --color-danger-text: #991b1b;
  --color-success: #16a34a;
  --color-success-bg: #f0fdf4;
  --color-success-text: #14532d;
  --color-warning: #d97706;
  --color-warning-bg: #fffbeb;
  --color-warning-text: #78350f;
  --color-info: #0284c7;
  --color-info-bg: #f0f9ff;
  --color-info-text: #0c4a6e;
  --color-bg-white: var(--color-white);
  --color-bg-black: var(--color-black);
  --color-bg-dark: var(--color-dark);
  --color-bg-gray: var(--color-gray);
  --color-bg-light: var(--color-light);
  --color-bg-overlay: rgba(0, 0, 0, 0.5);
  --color-text-dark: var(--color-dark);
  --color-text-base: rgba(0, 0, 0, 0.7);
  --color-text-gray: rgba(0, 0, 0, 0.55);
  --color-text-muted: rgba(0, 0, 0, 0.4);
  --color-text-card: rgba(0, 0, 0, 0.6);
  --color-border-dark: rgba(0, 0, 0, 0.08);
  --color-border-light: rgba(255, 255, 255, 0.1);
  --color-border-subtle: #e2e8f0;
  --color-input-bg: var(--color-bg-light);
  --color-input-border: #d1d5db;
  --color-input-border-focus: var(--color-main);
  --color-input-border-success: var(--color-success);
  --color-input-border-warning: var(--color-warning);
  --color-input-border-danger: var(--color-danger);
  --color-input-text: var(--color-text-base);
  --color-input-placeholder: #9ca3af;
  --color-icon: #a6afc0;
  --color-icon-active: var(--color-main);
  --shadow-block: 0 0 56px 0 rgba(26, 32, 44, 0.04);
  --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.08), 0 1px 2px rgba(0, 0, 0, 0.04);
  --shadow-md: 0 4px 6px rgba(0, 0, 0, 0.1), 0 2px 4px rgba(0, 0, 0, 0.06);
  --shadow-lg: 0 10px 15px rgba(0, 0, 0, 0.12), 0 4px 6px rgba(0, 0, 0, 0.08);
  --shadow-xl: 0 20px 25px rgba(0, 0, 0, 0.15), 0 10px 10px rgba(0, 0, 0, 0.1);
  --shadow-card: 0 0 80px rgba(0, 0, 0, 0.08);
  --radius-xs: 8px;
  --radius-sm: 12px;
  --radius-md: 16px;
  --radius-lg: 24px;
  --radius-xl: 32px;
  --radius-xxl: 48px;
  --radius-xxxl: 64px;
  --radius-circle: 50%;
  --radius-full: 1000px;
  --transition-fast: 150ms ease-in-out;
  --transition-base: 250ms ease-in-out;
  --transition-slow: 0.3 ease-in-out;
  --animation-fade: fade 0.3s ease-in-out;
  --animation-fadeUp: fadeUp 0.3s ease-in-out;
  --blur-overlay: blur(8px);
  --header-height: 72px;
  --header-fixed-height: 64px;
  --header-mobile: 1024px;
  --header-transition: 0.35s cubic-bezier(0.4, 0, 0.2, 1);
}
@keyframes fade {
  from{opacity:0;
  transform:translateY(8px)}to{opacity:1;
  transform:translateY(0)};
}
@media(max-width: 1024px) {
  :root {
    --grid-gap: 24px;
    --container-padding: 24px;
  }
}
@media(max-width: 767px) {
  :root {
    --grid-gap: 16px;
    --container-padding: 16px;
  }
}
html {
  font-size:var(--fz-body);
  scroll-behavior:smooth;
  scroll-padding-top:var(--header-height);
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}
body {
  min-width:360px;
  min-height:100vh;
  min-height:100dvh;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  color:var(--color-text-base);
  font-family:var(--font-base);
  font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
  font-size:var(--fz-body);
  font-weight:var(--fw-400);
  line-height:var(--lh-body);
  overflow-x:hidden;
}
body.lock-scroll {
  overflow:hidden;
}
.page__body {
  background:var(--color-bg-white);
}
.page__main {
  flex:1;
}
footer {
  margin-top:auto;
}
img {
  display:inline-block;
  max-width:100%;
  height:auto;
  object-fit:cover;
}
img.is-full {
  display:block;
  flex-shrink:0;
  width:100%;
  height:100%;
  object-fit:cover;
}
a {
  cursor:pointer;
  font-size:inherit;
  color:inherit;
  transition:all .2s ease-in-out;
}
a:hover {
  text-decoration:none;
}
input,
button,
textarea,
select {
  font-family:var(--font-base);
}
select {
  -moz-appearance:none;
  -webkit-appearance:none;
  appearance:none;
}
select::-ms-expand {
  display:none;
}
[type=button],
[type=reset],
[type=submit],
button {
  -webkit-appearance:button;
  -moz-appearance:none;
  appearance:none;
  cursor:pointer;
  border:none;
  outline:none;
  background:none;
  font-size:inherit;
}
button {
  -webkit-appearance:none;
  -moz-appearance:none;
  appearance:none;
}
input {
  -webkit-appearance:none;
  -moz-appearance:none;
  appearance:none;
  border:none;
  outline:none;
  border-radius:0;
  padding:0;
  background:none;
  font-family:inherit;
  font-size:inherit;
  line-height:inherit;
  color:inherit;
}
input::placeholder {
  color:#666;
}
strong {
  font-weight:var(--fw-strong);
}
p {
  hyphens:none;
  word-wrap:normal;
  overflow-wrap:normal;
}
.hidden {
  display:none !important;
}
hr {
  margin:2rem 0;
  border:none;
  border-top:1px solid var(--line-dark-color);
}
@keyframes fade {
  from{opacity:0}to{opacity:1};
}
@keyframes fadeUp {
  from{opacity:0;
  transform:translateY(8px)}to{opacity:1;
  transform:translateY(0)};
}
.main-overlay {
  width:100%;
  height:100vh;
  position:fixed;
  top:0;
  left:0;
  right:0;
  bottom:0;
  background:var(--color-bg-overlay);
  backdrop-filter:var(--blur-overlay);
  -webkit-backdrop-filter:var(--blur-overlay);
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:opacity var(--transition-slow),visibility var(--transition-slow);
  z-index:98;
}
.main-overlay.active {
  opacity:1;
  visibility:visible;
  pointer-events:auto;
}
.container {
  width:100%;
  max-width:var(--container-lg);
  margin:0 auto;
  padding:0;
}
@media(max-width: 1320px) {
  .container {
    padding:0 var(--spacing-xl);
  }
}
@media(max-width: 1024px) {
  .container {
    padding:0 var(--spacing-lg);
  }
}
@media(max-width: 767px) {
  .container {
    padding:0 var(--container-padding);
  }
}
.grid {
  display:grid;
  gap:var(--gap-base);
}
.grid--2 {
  grid-template-columns:repeat(2, 1fr);
}
@media(max-width: 1024px) {
  .grid {
    gap:var(--gap-lg);
  }
}
@media(max-width: 640px) {
  .grid {
    grid-template-columns:1fr;
  }
}
.bg-green-light {
  background:var(--color-main-bg);
}
.bg-green-dark {
  background:var(--color-main);
}
h1,
h2,
h3,
h4,
h5,
h6 {
  color:var(--color-dark);
  font-family:var(--font-accent);
  font-weight:var(--fw-700);
}
h1 {
  font-size:var(--fz-h1);
  font-weight:var(--fw-800);
  line-height:var(--lh-title-sm);
  color:var(--color-text-dark);
  letter-spacing:-0.025em;
  margin-bottom:var(--heading-margin-bottom-h1);
}
@media(max-width: 393px) {
  h1 {
    font-size:24px;
    line-height:var(--lh-title-md);
  }
}
h2 {
  font-size:var(--fz-h2);
  font-weight:var(--fw-700);
  line-height:var(--lh-title);
  color:var(--color-text-dark);
  letter-spacing:-0.02em;
  margin-bottom:var(--heading-margin-bottom-h2);
}
h3 {
  font-size:var(--fz-h3);
  font-weight:var(--fw-700);
  line-height:var(--lh-title);
  color:var(--color-text-dark);
  letter-spacing:-0.015em;
  margin-bottom:var(--heading-margin-bottom-h3);
}
h4 {
  font-size:var(--fz-h4);
  font-weight:var(--fw-600);
  line-height:var(--lh-title);
  color:var(--color-text-dark);
  letter-spacing:-0.01em;
  margin-bottom:var(--heading-margin-bottom-h4);
}
h5 {
  font-size:var(--fz-h5);
}
h6 {
  font-size:var(--fz-h6);
}
.text-18 {
  font-size:18px;
}
strong {
  font-weight:var(--fw-600);
}
.text-white {
  color:var(--color-white);
}
.text-accent {
  color:var(--color-main);
}
.label {
  width:max-content;
  display:inline-flex;
  align-items:center;
  padding:6px 10px;
  border-radius:var(--radius-xs);
  font-size:var(--fz-xs);
  font-weight:var(--fw-500);
  line-height:var(--fz-base);
}
.card {
  display:flex;
  flex-direction:column;
  gap:var(--gap-lg);
  padding:var(--spacing-lg);
  background:var(--color-white);
  box-shadow:var(--shadow-card);
  border-radius:var(--radius-md);
  line-height:1.4;
  transition:all .4s ease-in-out;
}
.card:hover {
  transform:translateY(-10px);
}
@media(max-width: 1024px) {
  .card:hover {
    transform:none !important;
  }
}
.card--reset {
  transform:none !important;
  border-radius:0 !important;
  box-shadow:none !important;
  padding:0 !important;
}
.card__icon,
.card img,
.card svg {
  flex-shrink:0;
  display:inline-block;
}
.card__icon {
  display:inline-flex;
  justify-content:center;
  align-items:center;
  width:64px;
  height:64px;
  color:var(--color-white);
  border-radius:var(--radius-md);
  background:var(--color-main);
  transition:all .4s ease-in-out;
}
@media(max-width: 480px) {
  .card__icon {
    width:56px;
    height:56px;
    border-radius:12px;
  }
}
.card__body {
  display:flex;
  flex-direction:column;
}
.card__title {
  font-size:var(--fz-xl);
  font-weight:var(--fw-600);
  margin-bottom:var(--spacing-xs);
}
@media(max-width: 480px) {
  .card__title {
    font-size:18px;
    font-weight:700;
  }
}
.card__text {
  color:var(--color-text-base);
  line-height:1.5;
  opacity:.9;
}
@media(max-width: 480px) {
  .card__text {
    font-size:15px;
  }
}
.card.is-center {
  align-items:center;
  text-align:center;
}
@media(max-width: 640px) {
  .card {
    gap:16px;
  }
}
.accordion {
  display:flex;
  flex-direction:column;
  width:100%;
  max-width:960px;
  margin:0 auto;
  background:var(--color-white);
  padding:16px 32px;
  border-radius:24px;
}
.accordion__item {
  display:flex;
  flex-direction:column;
  transition:background-color .3s ease-in-out,box-shadow .3s ease-in-out;
  border-bottom:1px solid var(--color-border-subtle);
  overflow:hidden;
}
.accordion__item:last-child {
  border-bottom:none;
}
.accordion__item:hover .accordion__title {
  color:var(--color-main);
}
.accordion__item.active .accordion__item-head {
  padding-bottom:8px;
}
.accordion__item.active .accordion__item-icon {
  transform:rotate(-45deg);
  background-color:var(--color-main);
  border-color:rgba(0,0,0,0);
}
.accordion__item.active .accordion__item-icon::after {
  color:var(--color-white);
}
.accordion__item-head {
  cursor:pointer;
  padding:0;
  padding-top:16px;
  padding-bottom:16px;
  display:flex;
  align-items:center;
  gap:16px;
  transition:background-color .3s ease-in-out;
}
.accordion__item-head:hover .accordion__title {
  color:var(--color-main);
}
.accordion__title {
  margin-bottom:0;
  width:100%;
  color:var(--color-text-dark);
  font-size:20px;
  font-weight:600;
  line-height:1.4;
  transition:color .3s ease-in-out;
}
.accordion__item-icon {
  flex-shrink:0;
  display:inline-flex;
  justify-content:center;
  align-items:center;
  width:32px;
  height:32px;
  border-radius:50%;
  border:1px solid var(--color-border-subtle);
  position:relative;
  transition:all .5s ease;
}
.accordion__item-icon::after {
  content:"+";
  display:inline-block;
  color:var(--color-main);
  font-size:24px;
  font-weight:400;
  line-height:1;
  position:relative;
  top:-2px;
}
.accordion__item-body {
  height:0;
  overflow:hidden;
  transition:height .3s ease;
  font-size:15px;
  line-height:1.5;
}
.accordion__item-body-inner {
  padding:0;
  padding-bottom:16px;
}
@media(max-width: 480px) {
  .accordion {
    border-radius:16px;
    padding-left:24px;
    padding-right:24px;
  }
  .accordion__title {
    font-size:16px;
    font-weight:700;
  }
  .accordion__item-icon {
    width:28px;
    height:28px;
  }
  .accordion__item-icon::after {
    font-size:24px;
  }
  .accordion__item-body-inner {
    padding:8px 16px 16px;
    padding-left:0;
    padding-right:0;
  }
}
.logo {
  display:inline-flex;
  align-items:center;
  gap:12px;
  color:var(--color-text-dark);
}
.logo__icon {
  display:inline-block;
  flex-shrink:0;
}
.logo__content {
  display:inline-flex;
  flex-direction:column;
  gap:6px;
}
.logo__name {
  color:var(--color-main);
  display:inline-flex;
  font-family:var(--font-accent);
  font-size:20px;
  font-weight:800;
  line-height:1;
  letter-spacing:-0.03em;
  text-transform:uppercase;
}
.logo__name span {
  color:var(--color-accent);
}
.logo__descr {
  color:var(--color-text-gray);
  font-size:10px;
  font-weight:700;
  text-transform:uppercase;
  line-height:1;
}
@media(max-width: 480px) {
  .logo__icon {
    max-width:80%;
  }
}
.section {
  padding:112px 0;
  overflow:hidden;
}
.section__heading {
  width:100%;
  margin-bottom:clamp(2rem,1.143rem + 3.81vw,4rem);
}
.section__heading.is-center {
  max-width:var(--container-sm);
  display:flex;
  flex-direction:column;
  justify-content:center;
  text-align:center;
  margin:0 auto;
  margin-bottom:clamp(2rem,1.143rem + 3.81vw,4rem);
}
.section__heading.is-full {
  max-width:100%;
}
.section__title {
  font-size:clamp(1.5rem,.857rem + 2.86vw,3rem);
  font-weight:700;
  letter-spacing:-0.04em;
  line-height:1.1;
}
@media(max-width: 640px) {
  .section__title {
    letter-spacing:-0.02em;
    line-height:1.2;
  }
}
.section__title .is-accent {
  color:var(--color-main);
}
.section__title .is-yellow {
  color:var(--color-accent);
}
.section__subtitle,
.section__descr {
  color:var(--color-text-base);
  font-size:var(--fz-lg);
  font-weight:400;
  opacity:.9;
}
@media(max-width: 1280px) {
  .section {
    padding:104px 0;
  }
}
@media(max-width: 1024px) {
  .section {
    padding:80px 0;
  }
}
@media(max-width: 800px) {
  .section {
    padding:64px 0;
  }
}
@media(max-width: 640px) {
  .section__descr {
    font-size:var(--fz-base);
  }
}
@media(max-width: 480px) {
  .section {
    padding:48px 0;
  }
  .section__subtitle,
  .section__descr {
    font-size:var(--fz-base);
  }
}
@media(max-width: 380px) {
  .section {
    padding:40px 0;
  }
}
.mr-4 {
  margin-right:4px;
}
.mb-0 {
  margin-bottom:0px;
}
.pt-0 {
  padding-top:0px;
}
#btnScrollTop {
  cursor:pointer;
  display:inline-block;
  width:40px;
  height:40px;
  color:#fff;
  background-color:var(--color-dark);
  border-radius:12px;
  position:fixed;
  bottom:24px;
  right:24px;
  z-index:10;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:all .3s ease-in;
}
#btnScrollTop.show {
  opacity:.5;
  visibility:visible;
  pointer-events:all;
}
#btnScrollTop.show:hover {
  opacity:1;
}
#btnScrollTop::before {
  content:"";
  flex-shrink:0;
  display:inline-block;
  width:16px;
  height:16px;
  background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg width='20' height='20' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='m10.598 5.013 8.154 8.281c.33.33.33.865 0 1.195l-.499.5a.844.844 0 0 1-1.195 0L10 7.796 2.942 14.98a.844.844 0 0 1-1.195 0l-.5-.499a.844.844 0 0 1 0-1.195l8.155-8.281a.85.85 0 0 1 1.196.007Z' fill='%23fff'/%3e%3c/svg%3e");
  background-repeat:no-repeat;
  background-position:center;
  background-size:cover;
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%, -50%);
}
#btnScrollTop:hover {
  opacity:1;
}
@media(max-width: 599px) {
  #btnScrollTop {
    right:16px;
    bottom:16px;
  }
}
.btn {
  -webkit-appearance:none;
  -moz-appearance:none;
  appearance:none;
  cursor:pointer;
  border:none;
  outline:none;
  background:none;
  font-size:inherit;
  text-decoration:none;
  outline:none;
  background:none;
  font-size:inherit;
  text-decoration:none;
  display:inline-flex;
  justify-content:center;
  align-items:center;
  gap:8px;
  white-space:nowrap;
  user-select:none;
  height:64px;
  padding:0 var(--spacing-xxl);
  background:linear-gradient(135deg, #4f6a56 0%, #6a8572 100%);
  border-radius:var(--radius-md);
  color:var(--color-white);
  font-size:17px;
  font-family:var(--font-base);
  font-weight:var(--fw-600);
  line-height:1.5;
  text-align:center;
  transition:all .2s ease-in-out;
  position:relative;
}
@media(max-width: 1024px) {
  .btn {
    transform:none;
  }
}
.btn svg {
  flex-shrink:0;
  display:inline-block;
  width:22px;
  height:22px;
}
.btn:hover {
  opacity:.9;
  transform:translateY(-2px);
  box-shadow:0 4px 14px rgba(79,106,86,.35);
}
.btn:active {
  transform:scale(0.96);
}
.btn:focus-visible {
  outline:2px solid var(--color-main);
  outline-offset:2px;
}
.btn:disabled {
  cursor:not-allowed !important;
  opacity:.5;
  transform:none !important;
  box-shadow:none !important;
}
.btn--sm {
  height:44px !important;
  padding:0 20px !important;
  border-radius:var(--radius-xs) !important;
  font-size:14px !important;
  gap:6px !important;
}
.btn--dark {
  background:var(--color-dark);
  color:var(--color-white);
  border-color:var(--color-dark);
}
.btn--dark:hover:not(:disabled) {
  opacity:.9;
  border-color:#1a2540;
  box-shadow:0 4px 14px rgba(26,26,26,.3);
}
.btn--outline {
  background:rgba(0,0,0,0);
  color:var(--color-dark);
  border:2px solid var(--color-main);
}
.btn--outline:hover:not(:disabled) {
  border-color:rgba(0,0,0,0);
  background:var(--color-main);
  color:var(--color-white);
  box-shadow:0 4px 14px rgba(79,106,86,.35);
}
.btn--full {
  width:100%;
  display:flex;
}
@media(max-width: 480px) {
  .btn {
    width:100%;
    height:56px;
    font-size:16px;
    padding:0 20px;
    border-radius:var(--radius-sm);
  }
}
.form {
  width:100%;
  display:flex;
  gap:var(--gap-lg);
}
.form.is-center {
  margin:0 auto;
}
.form__field {
  display:flex;
  flex-direction:column;
}
.form__input {
  -webkit-appearance:button;
  -moz-appearance:none;
  appearance:none;
  border:none;
  outline:none;
  background:none;
  font-size:inherit;
  width:100%;
  height:56px;
  background:#f5f5f5;
  border:1px solid rgba(0,0,0,0);
  border-radius:var(--radius-xs);
  color:var(--color-text);
  font-size:var(--fz-base);
  line-height:1.5;
  padding:0 var(--spacing-md);
  transition:all .25s ease-in-out;
}
.form__input::placeholder {
  color:var(--color-text-gray);
}
.form__input:focus {
  background:var(--color-white);
  border-color:var(--color-main);
  box-shadow:0 0 0 4px rgba(79,106,86,.1);
}
.form__input.input-error {
  color:var(--color-danger);
  border-color:var(--color-danger);
  background:var(--color-white);
  box-shadow:0 0 0 4px rgba(220,38,38,.1);
  animation:shakeError .4s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
  transform-origin:center;
}
.form__input.input-error::placeholder {
  color:var(--color-danger-text);
}
.form__btn {
  width:100%;
  padding:0 20px !important;
}
.form svg,
.form img {
  display:inline-block;
  flex-shrink:0;
}
@keyframes shakeError {
  0%,100%{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-4px)}20%,40%,60%,80%{transform:translateX(4px)};
}
.shakeError {
  animation:shakeError .4s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
  transform-origin:center;
}
.tracking {
  width:100%;
  max-width:480px;
  height:100%;
  display:flex;
  flex-direction:column;
  background:var(--color-white);
  border-radius:20px;
  padding:32px;
  box-shadow:var(--shadow-card);
  position:relative;
  z-index:0;
  animation:float 2s ease-in-out infinite alternate;
  transition:animation-play-state .3s;
}
@media(max-width: 480px) {
  .tracking {
    padding:24px;
    border-radius:16px;
  }
}
.tracking:hover {
  animation-play-state:paused;
}
.tracking img,
.tracking svg {
  flex-shrink:0;
  display:inline-block;
}
.tracking__tabs {
  display:flex;
  gap:12px;
  margin-bottom:var(--spacing-lg);
}
@media(max-width: 480px) {
  .tracking__tabs {
    margin-bottom:16px;
  }
}
.tracking__tabs-btn {
  cursor:pointer;
  flex:1;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  padding:12px var(--spacing-xs);
  background:var(--color-white);
  border:1px solid var(--color-border-subtle);
  border-radius:var(--radius-xs);
  font-size:14px;
  font-weight:600;
  line-height:1.2;
  color:var(--color-dark);
  transition:all .3s ease;
}
.tracking__tabs-btn:hover {
  border-color:var(--color-dark);
  background:var(--color-bg-light);
}
.tracking__tabs-btn.active {
  background:var(--color-dark);
  color:var(--color-white);
  border-color:rgba(0,0,0,0);
}
@media(max-width: 480px) {
  .tracking__tabs-btn {
    padding:var(--spacing-sm) 16px;
  }
}
.tracking__tabs svg {
  flex-shrink:0;
  display:inline-block;
  width:18px;
  height:18px;
}
@media(max-width: 480px) {
  .tracking__tabs svg {
    display:none;
  }
}
.tracking__form {
  display:none;
  animation:var(--animation-fadeUp);
}
.tracking__form.active {
  display:block;
}
.tracking__form-input {
  margin-bottom:16px;
}
.tracking__form-btn:disabled {
  opacity:.7;
  cursor:not-allowed;
  transform:none;
}
.tracking__form-btn:active {
  transform:translateY(0);
}
.tracking__form-btn.is-loading .tracking__loader {
  display:inline-block;
}
.tracking__form-btn.is-loading .btn-label,
.tracking__form-btn.is-loading svg {
  display:none;
  animation:var(--animation-fade);
}
.tracking__find-track {
  width:100%;
  height:22px;
  margin-top:24px;
  display:inline-flex;
  justify-content:center;
  position:relative;
}
.tracking__find-track-link {
  cursor:pointer;
  color:var(--color-main);
  font-size:14px;
  font-weight:500;
  line-height:1;
  position:relative;
  text-align:center;
  transition:all .3s ease-in-out;
}
.tracking__find-track-link:hover {
  color:var(--color-dark);
  transform:scale(1.01);
}
.tracking__find-track-link:hover::after {
  border-color:var(--color-dark);
}
.tracking__find-track-link::after {
  content:"";
  display:block;
  width:100%;
  height:2px;
  border-bottom:1px dashed var(--color-main);
  position:absolute;
  bottom:0;
  left:0;
  transition:border-color .3s ease-in-out;
}
.tracking__find-track-tooltip {
  display:none;
  background:var(--color-dark);
  padding:16px;
  border-radius:12px;
  color:hsla(0,0%,100%,.8);
  width:100%;
  position:absolute;
  top:0;
  left:0;
  right:0;
  z-index:5;
  transform:translateY(calc(-100% - 12px));
  font-size:12px;
  line-height:1.5;
  animation:var(--animation-fade);
}
.tracking__find-track-tooltip strong {
  color:var(--color-accent);
}
.tracking__find-track-tooltip::after {
  content:"";
  display:inline-block;
  border:24px solid rgba(0,0,0,0);
  border-top:20px solid var(--color-dark);
  position:absolute;
  bottom:-32px;
  left:50%;
  transform:translateX(-50%);
}
.tracking__find-track-tooltip.show {
  display:block;
}
@media(max-width: 480px) {
  .tracking__find-track {
    margin-top:16px;
  }
}
.tracking__desc {
  padding:12px;
  border:1px dashed var(--color-main);
  border-radius:12px;
  margin-bottom:16px;
  font-size:13px;
  color:var(--color-text);
  line-height:1.5;
}
.tracking__desc strong {
  color:var(--color-main);
  font-weight:600;
}
.tracking__loader {
  flex-shrink:0;
  width:24px;
  height:24px;
  border:3px solid hsla(0,0%,100%,.3);
  border-top-color:var(--color-white);
  border-radius:50%;
  display:none;
  pointer-events:none;
  animation:spin .8s linear infinite;
}
.tracking__loader.active {
  display:inline-block;
}
.custom-select {
  position:relative;
  margin-bottom:12px;
}
.custom-select__trigger {
  width:100%;
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:12px 16px;
  background:var(--color-white);
  border:1px solid var(--color-border-subtle);
  border-radius:12px;
  font-size:16px;
  font-weight:500;
  color:var(--color-dark);
  cursor:pointer;
  transition:all .3s ease;
}
.custom-select__trigger:hover {
  border-color:var(--color-main);
}
@media(max-width: 480px) {
  .custom-select__trigger {
    padding:8px 16px;
    padding-left:12px;
    border-radius:8px;
  }
}
.custom-select__arrow {
  width:12px;
  height:7px;
  transition:transform .3s ease;
}
.custom-select__value {
  width:100%;
  display:flex;
  align-items:center;
  gap:12px;
}
.custom-select__logo {
  width:40px;
  height:40px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  border:1px solid var(--color-border-subtle);
}
.custom-select__logo img {
  flex-shrink:0;
  width:100%;
  height:100%;
  object-fit:cover;
}
.custom-select__dropdown {
  overflow:hidden;
  position:absolute;
  top:calc(100% + 4px);
  left:0;
  right:0;
  padding:4px 0;
  background:var(--color-white);
  border:1px solid var(--color-border-subtle);
  border-top:none;
  border-radius:12px;
  box-shadow:0 24px 80px rgba(0,0,0,.12);
  z-index:10;
  display:none;
  animation:var(--animation-fadeUp);
}
.custom-select__dropdown-list {
  width:100%;
  max-height:264px;
  overflow-y:auto;
}
.custom-select__dropdown-list::-webkit-scrollbar {
  width:2px;
}
.custom-select__dropdown-list::-webkit-scrollbar-track {
  background:var(--color-light);
}
.custom-select__dropdown-list::-webkit-scrollbar-thumb {
  background:var(--color-main);
  border-radius:0;
}
.custom-select__option {
  cursor:pointer;
  display:flex;
  align-items:center;
  gap:12px;
  padding:10px 16px;
  transition:background .2s ease;
}
.custom-select__option:hover .custom-select__option-text {
  color:var(--color-main);
}
.custom-select__option.selected {
  background:var(--color-main-bg);
}
.custom-select__option.selected .custom-select__option-text {
  font-weight:500;
}
.custom-select__option-logo {
  width:40px;
  height:40px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  border:1px solid var(--color-white);
  transition:transform .3s ease-in-out;
}
.custom-select__option-logo img {
  flex-shrink:0;
  width:100%;
  height:100%;
  object-fit:cover;
}
.custom-select__option-text {
  font-size:15px;
  font-weight:400;
  line-height:1;
  color:var(--color-dark);
  transition:color .3s ease-in-out;
}
.custom-select.is-open .custom-select__trigger {
  border-color:var(--color-main);
}
.custom-select.is-open .custom-select__arrow {
  color:var(--color-main);
  transform:rotate(180deg);
}
.custom-select.is-open .custom-select__dropdown {
  display:block;
}
.custom-select.is-open .custom-select__option-logo {
  transform:scale(1.02);
}
@keyframes spin {
  to{transform:rotate(360deg)};
}
@keyframes float {
  0%{transform:translateY(0)}100%{transform:translateY(-20px)};
}
@media(max-width: 480px) {
  .custom-select__logo,
  .custom-select__option-logo {
    width:32px;
    height:32px;
  }
}
html.nav-open,
body.nav-open {
  overflow:hidden;
  height:100%;
}
.main--header-fixed {
  padding-top:var(--header-fixed-height);
}
.header {
  position:fixed;
  top:0;
  left:0;
  right:0;
  z-index:100;
  width:100%;
  height:var(--header-height);
  background:var(--color-bg-white);
  border-bottom:1px solid var(--color-border-subtle);
  transition:transform var(--header-transition),box-shadow var(--header-transition),height var(--header-transition),background var(--header-transition);
  will-change:transform;
}
.header--scrolled {
  height:var(--header-fixed-height);
  background:hsla(0,0%,100%,.9);
  backdrop-filter:blur(12px);
  border-bottom:1px solid #e2e8f0;
  box-shadow:0 4px 20px rgba(0,0,0,.06);
}
.header--hidden {
  transform:translateY(-100%);
}
.header__container {
  height:100%;
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:16px;
  transition:height var(--header-transition);
}
.header__nav-close {
  cursor:pointer;
  display:none;
  width:40px;
  height:40px;
  background:var(--color-bg-light);
  border-radius:var(--radius-full);
  position:absolute;
  top:12px;
  right:12px;
}
.header__nav-close::before,
.header__nav-close::after {
  content:"";
  position:absolute;
  top:50%;
  left:50%;
  width:18px;
  height:2px;
  background:var(--color-danger);
  transition:transform .3s;
}
.header__nav-close::before {
  transform:translate(-50%, -50%) rotate(45deg);
}
.header__nav-close::after {
  transform:translate(-50%, -50%) rotate(-45deg);
}
@media(max-width: 1024px) {
  .header__nav-close {
    display:inline-block;
  }
}
.header__menu {
  list-style:none;
  display:flex;
  align-items:center;
  gap:var(--gap-base);
}
.header__menu-item {
  display:flex;
}
.header__menu-link {
  display:flex;
  align-items:center;
  text-decoration:none;
  color:var(--color-text-base);
  font-size:15px;
  line-height:1.5;
  font-weight:500;
  position:relative;
}
.header__menu-link::after {
  content:"";
  display:block;
  width:100%;
  height:1px;
  background:var(--color-main);
  transform:scale(0);
  transition:transform .3s ease-in-out;
  position:absolute;
  bottom:-4px;
  left:0;
}
.header__menu-link:hover {
  color:var(--color-main);
}
.header__menu-link.active {
  cursor:default;
  color:var(--color-dark);
}
.header__menu-link.active::after {
  transform:scale(1);
}
.header__btns {
  display:flex;
  align-items:center;
  gap:12px;
}
@media(max-width: 1024px) {
  .header__btns {
    display:none;
  }
}
.header__btns-mob {
  border-top:1px solid var(--color-border-dark);
  flex-direction:column;
  gap:16px;
  display:none;
  padding:24px;
  padding-bottom:0;
  margin-top:24px;
}
@media(max-width: 1024px) {
  .header__btns-mob {
    display:flex;
  }
}
.header__btn:hover {
  transform:translateY(-1px);
}
.header__burger {
  cursor:pointer;
  display:none;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  width:44px;
  height:44px;
  background:none;
  border:none;
  padding:6px;
  border-radius:8px;
  transition:background-color .2s;
}
.header__burger:hover {
  background:rgba(0,0,0,.05);
}
.header__burger span {
  display:block;
  width:22px;
  height:2px;
  background:var(--color-dark);
  border-radius:var(--radius-full);
  transition:transform .3s cubic-bezier(0.4, 0, 0.2, 1),opacity .3s,width .3s;
  transform-origin:center;
}
.header__burger span:nth-child(2) {
  margin:5px 0;
  width:18px;
}
.header__burger.active span:nth-child(1) {
  transform:rotate(45deg) translate(5px, 5px);
}
.header__burger.active span:nth-child(2) {
  opacity:0;
  width:0;
}
.header__burger.active span:nth-child(3) {
  transform:rotate(-45deg) translate(5px, -5px);
}
@media(max-width: 1024px) {
  .header__burger {
    display:inline-flex;
  }
}
@media(max-width: 1024px) {
  .header__nav {
    width:min(320px,85vw);
    height:100dvh;
    position:fixed;
    top:0;
    right:0;
    z-index:99;
    display:flex;
    flex-direction:column;
    background:var(--color-bg-white);
    transform:translateX(100%);
    transition:transform .4s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow:-10px 0 30px rgba(0,0,0,.1);
    overflow-y:auto;
    z-index:99;
    padding:32px 0;
    padding-top:64px;
  }
  .header__nav--open {
    transform:translateX(0);
  }
  .header__menu {
    flex-direction:column;
    align-items:flex-start;
    gap:0px;
  }
  .header__menu-item {
    display:flex;
    width:100%;
  }
  .header__menu-link {
    display:flex;
    align-items:center;
    width:100%;
    font-size:16px;
    padding:16px 24px;
    border-left:4px solid rgba(0,0,0,0);
  }
  .header__menu-link::after {
    display:none;
  }
  .header__menu-link.active {
    color:var(--color-main);
    background:var(--color-main-bg);
    border-color:var(--color-accent);
  }
}
.hero {
  background:#fdfdfd;
  padding:64px 0;
  padding-bottom:48px;
  overflow:hidden;
}
.hero__grid {
  gap:32px !important;
}
.hero__container {
  position:relative;
  z-index:0;
}
.hero__container::after {
  display:block;
  content:"";
  width:280px;
  height:280px;
  background:var(--color-accent);
  border-radius:var(--radius-full);
  filter:blur(100px);
  position:absolute;
  top:0;
  right:-100px;
  z-index:-1;
}
.hero__grid {
  display:flex;
  justify-content:space-between;
  gap:var(--gap-base);
}
.hero__content {
  width:100%;
  max-width:592px;
  display:flex;
  flex-direction:column;
}
.hero__label {
  font-size:14px;
  font-weight:500;
  margin-bottom:8px;
}
.hero__label span {
  color:var(--color-main);
  font-size:16px;
}
.hero__descr {
  color:var(--color-dark);
  font-size:16px;
  font-weight:500;
  line-height:1.5;
  opacity:.9;
}
.hero__img {
  display:block;
  margin-top:var(--spacing-xxl);
}
@media(max-width: 992px) {
  .hero__img {
    display:none;
  }
}
.hero__tracking {
  position:relative;
  top:48px;
}
@media(max-width: 1024px) {
  .hero__tracking {
    max-width:440px;
    animation:none;
  }
}
@media(max-width: 992px) {
  .hero {
    padding-bottom:64px;
  }
  .hero__grid {
    flex-direction:column;
  }
  .hero__content {
    width:100%;
    max-width:800px;
    margin:0 auto;
    text-align:center;
  }
  .hero__container::after {
    display:none;
  }
  .hero__tracking {
    top:inherit;
    margin:0 auto;
  }
  .hero .tracking__desc {
    display:none;
  }
  .custom-select__dropdown-list {
    max-height:180px;
  }
}
@media(max-width: 767px) {
  .hero {
    padding-top:48px;
    padding-bottom:64px;
  }
  .hero__descr {
    font-weight:400;
  }
  .hero__descr span {
    display:none;
  }
}
@media(max-width: 480px) {
  .hero {
    padding-top:32px;
    padding-bottom:48px;
  }
  .hero__title {
    font-size:28px;
  }
}
@media(max-width: 393px) {
  .hero__title {
    font-size:24px;
    margin-bottom:16px;
  }
  .hero__descr {
    font-size:15px;
  }
}
.delivery-section {
  padding:32px 0;
  background-color:var(--color-dark);
  overflow:hidden;
}
.delivery-section__carousel-img {
  max-width:100%;
  display:block;
  height:32px;
  width:auto;
  object-fit:contain;
}
@media(max-width: 480px) {
  .delivery-section__carousel-img {
    height:24px;
  }
}
@media(max-width: 480px) {
  .delivery-section {
    padding:24px 0;
  }
}
.features__card {
  box-shadow:none !important;
  background:var(--color-main-bg);
}
.features__card:hover {
  background:var(--color-white);
  box-shadow:var(--shadow-card) !important;
}
.features__card:hover .card__icon {
  transform:rotate(-15deg);
  background:var(--color-accent);
  color:var(--color-dark);
}
@media(max-width: 480px) {
  .features__card:hover .card__icon {
    transform:none;
  }
}
@media(max-width: 480px) {
  .features__card {
    gap:16px;
  }
}
@media(max-width: 767px) {
  .features .features__grid {
    grid-template-columns:1fr;
  }
}
.how-work__grid {
  grid-template-columns:7fr 5fr;
  gap:var(--gap-xl);
  align-items:center;
}
@media(max-width: 1024px) {
  .how-work__grid {
    width:100%;
    max-width:800px;
    margin:0 auto;
    grid-template-columns:1fr;
  }
}
.how-work__step:last-child .how-work__step-number {
  color:var(--color-white);
  background:var(--color-main);
}
.how-work__step-number {
  display:inline-flex;
  justify-content:center;
  align-items:center;
  width:56px;
  height:56px;
  background:var(--color-accent);
  border-radius:var(--radius-md);
  font-family:var(--font-accent);
  font-size:18px;
  font-weight:700;
  line-height:1;
}
.how-work .card__title {
  margin-bottom:12px;
}
.delivery-card {
  position:relative;
  transform:none !important;
  padding:32px;
}
.delivery-card__status {
  height:32px;
  color:var(--color-main);
  background:var(--color-main-bg);
  border-radius:var(--radius-full);
  font-size:14px;
  font-weight:600;
  padding:0 12px;
  position:absolute;
  top:24px;
  right:24px;
}
.delivery-card__logo {
  flex-shrink:0;
  display:inline-block;
  width:64px;
  height:64px;
  position:absolute;
  top:80px;
  right:24px;
  transform:rotate(-25deg);
}
.delivery-card__header {
  display:flex;
  flex-direction:column;
}
.delivery-card__label {
  color:var(--color-text-gray);
  font-size:14px;
  font-weight:500;
  text-transform:uppercase;
  line-height:1;
  margin-bottom:8px;
}
.delivery-card__track {
  color:var(--color-text-dark);
  font-family:var(--font-accent);
  font-size:24px;
  font-weight:700;
  text-transform:uppercase;
  line-height:1;
  margin-bottom:8px;
}
.delivery-card__list {
  list-style:none;
  display:flex;
  flex-direction:column;
  gap:32px;
  position:relative;
  z-index:0;
}
.delivery-card__list::before {
  content:"";
  display:block;
  width:2px;
  height:88%;
  background:linear-gradient(180deg, #3c6c52 0%, #eac266 100%);
  border-radius:var(--radius-full);
  position:absolute;
  top:4px;
  left:7px;
  z-index:-1;
}
.delivery-card__list-item {
  display:flex;
  gap:16px;
}
.delivery-card__list-item:last-child {
  opacity:.6;
}
.delivery-card__list-item:last-child .delivery-card__list-dot {
  background:var(--color-accent);
  box-shadow:0px 0px 0px 4px rgba(234,194,102,.2);
}
.delivery-card__list-dot {
  display:inline-block;
  width:16px;
  height:16px;
  background:var(--color-main);
  box-shadow:0px 0px 0px 4px rgba(71,107,84,.2);
  border-radius:var(--radius-full);
  position:relative;
  top:3px;
}
.delivery-card__list-dot::before {
  content:"";
  display:block;
  width:6px;
  height:6px;
  background:var(--color-white);
  border-radius:var(--radius-full);
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%, -50%);
}
.delivery-card__list-title {
  color:var(--color-dark);
  font-size:15px;
  font-weight:600;
}
.delivery-card__list-descr {
  color:var(--color-text-gray);
  font-size:14px;
  font-weight:400;
}
@media(max-width: 640px) {
  .how-work__steps {
    grid-template-columns:repeat(2, 1fr);
  }
}
@media(max-width: 599px) {
  .how-work__grid {
    gap:48px;
  }
  .how-work .section__subtitle {
    display:none;
  }
  .how-work .section__title {
    margin-bottom:0;
  }
  .how-work__steps {
    grid-template-columns:1fr;
    gap:32px;
  }
  .how-work__step {
    align-items:center;
    text-align:center;
  }
  .how-work__step-number {
    width:48px;
    height:48px;
  }
  .delivery-card {
    width:100%;
    max-width:480px;
    margin:0 auto;
  }
}
@media(max-width: 480px) {
  .delivery-card {
    padding:24px;
  }
  .delivery-card__logo {
    display:none !important;
  }
  .delivery-card__track {
    font-size:18px;
  }
  .delivery-card__list {
    gap:24px;
  }
}
.reviews__cta {
  width:100%;
  height:100%;
  padding:32px;
  padding-right:0;
  box-shadow:none !important;
  transform:none !important;
  background:var(--color-accent-bg);
  position:relative;
  overflow:hidden;
}
.reviews__cta-grid {
  display:grid;
  grid-template-columns:auto 203px;
  gap:32px;
  align-items:center;
}
.reviews__cta-label {
  align-items:center;
  gap:8px;
  color:var(--color-white);
  background:var(--color-main);
  border-radius:var(--radius-full);
  height:32px;
  padding:0 16px;
}
.reviews__cta-label strong {
  font-size:16px;
}
.reviews__cta-label svg {
  display:inline-block;
  flex-shrink:0;
  width:16px;
  height:16px;
}
.reviews__cta-title {
  font-size:44px;
  margin-bottom:24px;
}
.reviews__slider {
  position:relative;
  overflow:hidden;
  border:4px solid #f4f4f4;
  border-radius:24px;
}
.review-card {
  padding:0;
  border-radius:0;
  box-shadow:none;
  transform:none !important;
  display:flex;
  height:100%;
  padding:32px;
  position:relative;
}
.review-card__rating {
  flex-shrink:0;
  display:inline-block;
  width:104px;
  height:16px;
  background:url("../images/trackposilka/icons/rating.svg") no-repeat center;
  background-size:cover;
  position:absolute;
  top:24px;
  right:24px;
}
.review-card__header {
  display:flex;
  align-items:center;
  gap:16px;
}
.review-card__ava {
  flex-shrink:0;
  display:inline-flex;
  justify-content:center;
  align-items:center;
  text-align:center;
  width:64px;
  height:64px;
  background:var(--color-main-bg);
  border-radius:var(--radius-full);
  color:var(--color-main);
  font-family:var(--font-accent);
  font-size:20px;
  font-weight:700;
}
.review-card__user-info {
  display:flex;
  flex-direction:column;
}
.review-card__user-name {
  color:var(--color-dark);
  font-family:var(--font-accent);
  font-size:18px;
  font-weight:700;
  margin-bottom:2px;
}
.review-card__user-city {
  color:var(--color-text-gray);
  font-size:14px;
}
.review-card__title {
  color:var(--color-dark);
  font-family:var(--font-accent);
  font-size:24px;
  font-weight:700;
  margin-bottom:12px;
}
@media(max-width: 1024px) {
  .reviews__grid {
    grid-template-columns:1fr;
  }
  .reviews__cta {
    height:inherit;
    position:relative;
    gap:16px;
  }
  .reviews__cta-grid {
    grid-template-columns:1fr;
  }
  .reviews__cta-content {
    width:100%;
    max-width:80%;
  }
  .reviews__cta-title {
    font-size:40px;
  }
  .reviews__cta-img {
    position:absolute;
    top:-56px;
    right:-10px;
    transform:rotate(-35deg);
  }
  .reviews__slider {
    border-radius:0;
    border:none;
    padding:0;
  }
  .review-card {
    border-radius:24px;
    padding:24px;
    border:2px solid #f4f4f4;
  }
  .review-card__title {
    font-size:18px;
  }
}
@media(max-width: 767px) {
  .reviews__cta-title {
    font-size:32px;
    margin-bottom:16px;
  }
}
@media(max-width: 640px) {
  .reviews__cta-img {
    transform:scale(0.6) rotate(-45deg);
    top:-86px;
    right:-60px;
  }
}
@media(max-width: 480px) {
  .reviews__cta {
    padding:24px;
  }
  .reviews__cta-img {
    display:none;
  }
  .reviews__cta-content {
    max-width:100%;
  }
  .reviews__cta-title {
    font-size:28px;
  }
  .review-card {
    border-radius:16px;
  }
  .review-card__ava {
    width:56px;
    height:56px;
    font-size:18px;
  }
  .review-card__rating {
    position:inherit;
    top:inherit;
    right:inherit;
  }
}
@media(max-width: 393px) {
  .reviews__cta-title {
    font-size:24px;
  }
  .review-card__text {
    font-size:15px;
  }
}


.animate-scroll {
  opacity:0;
  transform:translateY(30px);
  transition:opacity .6s ease, transform .6s ease;
}
.animate-scroll--visible {
  opacity:1;
  transform:translateY(0);
}
.animate-scroll.delay-1 { transition-delay:.1s; }
.animate-scroll.delay-2 { transition-delay:.2s; }
.animate-scroll.delay-3 { transition-delay:.3s; }
.animate-scroll.delay-4 { transition-delay:.4s; }
.animate-scroll.delay-5 { transition-delay:.5s; }
.animate-scroll.delay-6 { transition-delay:.6s; }




.vpn-notice {
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  width:100%;
  margin-top:16px;
  padding:10px 14px;
  border:1px solid rgba(217,119,6,.25);
  border-radius:var(--radius-sm);
  background:var(--color-warning-bg);
  color:var(--color-warning-text);
  font-size:13px;
  font-weight:500;
  line-height:1.3;
  
  text-wrap:balance;
}
.vpn-notice__icon {
  flex-shrink:0;
  color:var(--color-warning);
}





.footer {
  background:var(--color-main);
  padding:40px 0 32px;
}
.footer__container {
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:16px;
  text-align:center;
}
.footer__logo {
  display:inline-flex;
  align-items:center;
  gap:10px;
}
.footer__logo-icon {
  width:36px;
  height:36px;
  flex-shrink:0;
  object-fit:contain;
}
.footer__logo-name {
  font-family:var(--font-accent);
  font-size:20px;
  font-weight:var(--fw-700);
  line-height:1;
  color:var(--color-white);
}
.footer__logo-name span {
  color:var(--color-accent);
}
.footer__custom-text {
  max-width:var(--container-sm);
  color:hsla(0,0%,100%,.75);
  font-size:14px;
  line-height:1.6;
}
.footer__custom-text p {
  margin:0 0 8px;
}
.footer__custom-text p:last-child {
  margin-bottom:0;
}
.footer__custom-text a {
  color:var(--color-white);
  text-decoration:underline;
  transition:color .3s ease-in-out;
}
.footer__custom-text a:hover {
  color:var(--color-accent);
}
.footer__copyright {
  color:hsla(0,0%,100%,.55);
  font-size:13px;
}
@media(max-width: 640px) {
  .footer {
    
    padding:32px 0 64px;
  }
  .footer__custom-text {
    font-size:13px;
  }
}




.delivery-section__marquee {
  display:flex;
  width:max-content;
  animation:ts-marquee 45s linear infinite;
  will-change:transform;
}
.delivery-section__marquee:hover {
  animation-play-state:paused;
}
.delivery-section__marquee-list {
  display:flex;
  align-items:center;
  gap:48px;
  padding-right:48px;
}
.delivery-section__marquee-list li {
  display:inline-flex;
  justify-content:center;
  align-items:center;
}
@keyframes ts-marquee {
  from { transform:translateX(0); }
  to { transform:translateX(-50%); }
}
@media(max-width: 599px) {
  .delivery-section__marquee-list {
    gap:24px;
    padding-right:24px;
  }
  .delivery-section__marquee {
    animation-duration:30s;
  }
}
@media(prefers-reduced-motion: reduce) {
  .delivery-section__marquee {
    animation:none;
  }
}




.reviews__track {
  display:flex;
  gap:24px;
  overflow-x:auto;
  scroll-snap-type:x mandatory;
  scroll-behavior:smooth;
  scrollbar-width:none;
  -ms-overflow-style:none;
}
.reviews__track::-webkit-scrollbar {
  width:0;
  height:0;
}
.reviews__slide {
  flex:0 0 100%;
  display:flex;
  scroll-snap-align:start;
}
.reviews__slide > .review-card {
  width:100%;
}
.reviews__arrows {
  display:inline-flex;
  gap:8px;
  position:absolute;
  bottom:64px;
  right:50px;
  z-index:2;
}
.reviews__arrow {
  cursor:pointer;
  display:inline-flex;
  justify-content:center;
  align-items:center;
  width:48px;
  height:48px;
  border-radius:50%;
  border:2px solid var(--color-main);
  background:none;
  transition:background-color .3s ease-in-out;
}
.reviews__arrow svg {
  width:18px;
  height:18px;
  fill:var(--color-main);
  transition:fill .3s ease-in-out;
}
.reviews__arrow--next {
  border-color:rgba(0,0,0,0);
  background:var(--color-main);
}
.reviews__arrow--next svg {
  fill:var(--color-white);
}
.reviews__arrow:hover {
  background:var(--color-main);
}
.reviews__arrow:hover svg {
  fill:var(--color-white);
}
.reviews__arrow:disabled {
  cursor:default;
  opacity:.4;
}
.reviews__pagination {
  display:none;
}
@media(max-width: 1024px) {
  .reviews__slide {
    flex:0 0 calc(50% - 12px);
  }
  .reviews__arrows {
    display:none;
  }
  .reviews__pagination {
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    gap:8px;
    margin-top:24px;
  }
  .reviews__pagination-dot {
    cursor:pointer;
    display:inline-block;
    width:8px;
    height:8px;
    padding:0;
    border:0;
    border-radius:50%;
    background:rgba(0,0,0,.12);
    transition:transform .2s linear;
  }
  .reviews__pagination-dot.is-active {
    background:var(--color-main);
    transform:scale(1.4);
  }
}
@media(max-width: 800px) {
  .reviews__slide {
    flex:0 0 100%;
  }
}
@media(max-width: 640px) {
  .reviews__track {
    gap:16px;
  }
}