* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  -webkit-tap-highlight-color: transparent;
}

::after, ::before {
  box-sizing: border-box;
}

html {
  height: 100%;
  -webkit-tap-highlight-color: transparent;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  word-break: break-word;
}

body {
  height: 100%;
  line-height: 1.4;
}

label, video, form, small, article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote::before, blockquote::after,
q::before, q::after {
  content: "";
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

a {
  color: inherit;
  text-decoration: none;
  cursor: pointer;
  -webkit-touch-callout: none;
}
a:focus {
  text-decoration: none;
}
a:hover {
  text-decoration: none;
}

select {
  background: none;
  border: none;
  box-shadow: none;
  letter-spacing: inherit;
  line-height: inherit;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
}

textarea {
  background: none;
  border: none;
  box-shadow: none;
  resize: none;
  letter-spacing: inherit;
  line-height: inherit;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  color: inherit;
}

input {
  background: none;
  border: none;
  box-shadow: none;
  letter-spacing: inherit;
  line-height: inherit;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  color: inherit;
}

button {
  background: none;
  border: none;
  box-shadow: none;
  letter-spacing: inherit;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  color: inherit;
  cursor: pointer;
  text-decoration: none !important;
  -webkit-touch-callout: none;
}

address {
  font-style: normal;
}

:root {
  --main: #24103C;
  --main-darken-5: rgb(17.1, 7.6, 28.5);
  --main-darken-10: rgb(16.2, 7.2, 27);
  --main-darken-15: rgb(15.3, 6.8, 25.5);
  --main-darken-20: rgb(14.4, 6.4, 24);
  --main-darken-25: rgb(13.5, 6, 22.5);
  --main-darken-30: rgb(12.6, 5.6, 21);
  --main-darken-35: rgb(11.7, 5.2, 19.5);
  --main-darken-40: rgb(10.8, 4.8, 18);
  --main-darken-45: rgb(9.9, 4.4, 16.5);
  --main-darken-50: #09040f;
  --main-darken-55: rgb(8.1, 3.6, 13.5);
  --main-darken-60: rgb(7.2, 3.2, 12);
  --main-darken-65: rgb(6.3, 2.8, 10.5);
  --main-darken-70: rgb(5.4, 2.4, 9);
  --main-darken-75: rgb(4.5, 2, 7.5);
  --main-darken-80: rgb(3.6, 1.6, 6);
  --main-darken-85: rgb(2.7, 1.2, 4.5);
  --main-darken-90: rgb(1.8, 0.8, 3);
  --main-darken-95: rgb(0.9, 0.4, 1.5);
  --main-darken-100: black;
  --main-lighten-5: rgb(150.975, 141.475, 162.375);
  --main-lighten-10: rgb(156.45, 147.45, 167.25);
  --main-lighten-15: rgb(161.925, 153.425, 172.125);
  --main-lighten-20: rgb(167.4, 159.4, 177);
  --main-lighten-25: rgb(172.875, 165.375, 181.875);
  --main-lighten-30: rgb(178.35, 171.35, 186.75);
  --main-lighten-35: rgb(183.825, 177.325, 191.625);
  --main-lighten-40: rgb(189.3, 183.3, 196.5);
  --main-lighten-45: rgb(194.775, 189.275, 201.375);
  --main-lighten-50: rgb(200.25, 195.25, 206.25);
  --main-lighten-55: rgb(205.725, 201.225, 211.125);
  --main-lighten-60: rgb(211.2, 207.2, 216);
  --main-lighten-65: rgb(216.675, 213.175, 220.875);
  --main-lighten-70: rgb(222.15, 219.15, 225.75);
  --main-lighten-75: rgb(227.625, 225.125, 230.625);
  --main-lighten-80: rgb(233.1, 231.1, 235.5);
  --main-lighten-85: rgb(238.575, 237.075, 240.375);
  --main-lighten-90: rgb(244.05, 243.05, 245.25);
  --main-lighten-95: rgb(249.525, 249.025, 250.125);
  --main-lighten-100: white;
  --main-opacity-95: rgba(36, 16, 60, 0.95);
  --main-opacity-90: rgba(36, 16, 60, 0.9);
  --main-opacity-85: rgba(36, 16, 60, 0.85);
  --main-opacity-80: rgba(36, 16, 60, 0.8);
  --main-opacity-75: rgba(36, 16, 60, 0.75);
  --main-opacity-70: rgba(36, 16, 60, 0.7);
  --main-opacity-65: rgba(36, 16, 60, 0.65);
  --main-opacity-60: rgba(36, 16, 60, 0.6);
  --main-opacity-55: rgba(36, 16, 60, 0.55);
  --main-opacity-50: rgba(36, 16, 60, 0.5);
  --main-opacity-45: rgba(36, 16, 60, 0.45);
  --main-opacity-40: rgba(36, 16, 60, 0.4);
  --main-opacity-35: rgba(36, 16, 60, 0.35);
  --main-opacity-30: rgba(36, 16, 60, 0.3);
  --main-opacity-25: rgba(36, 16, 60, 0.25);
  --main-opacity-20: rgba(36, 16, 60, 0.2);
  --main-opacity-15: rgba(36, 16, 60, 0.15);
  --main-opacity-10: rgba(36, 16, 60, 0.1);
  --main-opacity-5: rgba(36, 16, 60, 0.05);
  --main-opacity-0: rgba(36, 16, 60, 0);
  --neutral: #E8ECF0;
  --neutral-darken-5: rgb(110.2, 112.1, 114);
  --neutral-darken-10: rgb(104.4, 106.2, 108);
  --neutral-darken-15: rgb(98.6, 100.3, 102);
  --neutral-darken-20: rgb(92.8, 94.4, 96);
  --neutral-darken-25: rgb(87, 88.5, 90);
  --neutral-darken-30: rgb(81.2, 82.6, 84);
  --neutral-darken-35: rgb(75.4, 76.7, 78);
  --neutral-darken-40: rgb(69.6, 70.8, 72);
  --neutral-darken-45: rgb(63.8, 64.9, 66);
  --neutral-darken-50: #3a3b3c;
  --neutral-darken-55: rgb(52.2, 53.1, 54);
  --neutral-darken-60: rgb(46.4, 47.2, 48);
  --neutral-darken-65: rgb(40.6, 41.3, 42);
  --neutral-darken-70: rgb(34.8, 35.4, 36);
  --neutral-darken-75: rgb(29, 29.5, 30);
  --neutral-darken-80: rgb(23.2, 23.6, 24);
  --neutral-darken-85: rgb(17.4, 17.7, 18);
  --neutral-darken-90: rgb(11.6, 11.8, 12);
  --neutral-darken-95: rgb(5.8, 5.9, 6);
  --neutral-darken-100: black;
  --neutral-lighten-5: rgb(244.075, 245.975, 247.875);
  --neutral-lighten-10: rgb(244.65, 246.45, 248.25);
  --neutral-lighten-15: rgb(245.225, 246.925, 248.625);
  --neutral-lighten-20: rgb(245.8, 247.4, 249);
  --neutral-lighten-25: rgb(246.375, 247.875, 249.375);
  --neutral-lighten-30: rgb(246.95, 248.35, 249.75);
  --neutral-lighten-35: rgb(247.525, 248.825, 250.125);
  --neutral-lighten-40: rgb(248.1, 249.3, 250.5);
  --neutral-lighten-45: rgb(248.675, 249.775, 250.875);
  --neutral-lighten-50: rgb(249.25, 250.25, 251.25);
  --neutral-lighten-55: rgb(249.825, 250.725, 251.625);
  --neutral-lighten-60: rgb(250.4, 251.2, 252);
  --neutral-lighten-65: rgb(250.975, 251.675, 252.375);
  --neutral-lighten-70: rgb(251.55, 252.15, 252.75);
  --neutral-lighten-75: rgb(252.125, 252.625, 253.125);
  --neutral-lighten-80: rgb(252.7, 253.1, 253.5);
  --neutral-lighten-85: rgb(253.275, 253.575, 253.875);
  --neutral-lighten-90: rgb(253.85, 254.05, 254.25);
  --neutral-lighten-95: rgb(254.425, 254.525, 254.625);
  --neutral-lighten-100: white;
  --neutral-opacity-95: rgba(232, 236, 240, 0.95);
  --neutral-opacity-90: rgba(232, 236, 240, 0.9);
  --neutral-opacity-85: rgba(232, 236, 240, 0.85);
  --neutral-opacity-80: rgba(232, 236, 240, 0.8);
  --neutral-opacity-75: rgba(232, 236, 240, 0.75);
  --neutral-opacity-70: rgba(232, 236, 240, 0.7);
  --neutral-opacity-65: rgba(232, 236, 240, 0.65);
  --neutral-opacity-60: rgba(232, 236, 240, 0.6);
  --neutral-opacity-55: rgba(232, 236, 240, 0.55);
  --neutral-opacity-50: rgba(232, 236, 240, 0.5);
  --neutral-opacity-45: rgba(232, 236, 240, 0.45);
  --neutral-opacity-40: rgba(232, 236, 240, 0.4);
  --neutral-opacity-35: rgba(232, 236, 240, 0.35);
  --neutral-opacity-30: rgba(232, 236, 240, 0.3);
  --neutral-opacity-25: rgba(232, 236, 240, 0.25);
  --neutral-opacity-20: rgba(232, 236, 240, 0.2);
  --neutral-opacity-15: rgba(232, 236, 240, 0.15);
  --neutral-opacity-10: rgba(232, 236, 240, 0.1);
  --neutral-opacity-5: rgba(232, 236, 240, 0.05);
  --neutral-opacity-0: rgba(232, 236, 240, 0);
  --contrast: #fff;
  --contrast-darken-5: rgb(121.125, 121.125, 121.125);
  --contrast-darken-10: rgb(114.75, 114.75, 114.75);
  --contrast-darken-15: rgb(108.375, 108.375, 108.375);
  --contrast-darken-20: #666666;
  --contrast-darken-25: rgb(95.625, 95.625, 95.625);
  --contrast-darken-30: rgb(89.25, 89.25, 89.25);
  --contrast-darken-35: rgb(82.875, 82.875, 82.875);
  --contrast-darken-40: rgb(76.5, 76.5, 76.5);
  --contrast-darken-45: rgb(70.125, 70.125, 70.125);
  --contrast-darken-50: rgb(63.75, 63.75, 63.75);
  --contrast-darken-55: rgb(57.375, 57.375, 57.375);
  --contrast-darken-60: #333333;
  --contrast-darken-65: rgb(44.625, 44.625, 44.625);
  --contrast-darken-70: rgb(38.25, 38.25, 38.25);
  --contrast-darken-75: rgb(31.875, 31.875, 31.875);
  --contrast-darken-80: rgb(25.5, 25.5, 25.5);
  --contrast-darken-85: rgb(19.125, 19.125, 19.125);
  --contrast-darken-90: rgb(12.75, 12.75, 12.75);
  --contrast-darken-95: rgb(6.375, 6.375, 6.375);
  --contrast-darken-100: black;
  --contrast-lighten-5: white;
  --contrast-lighten-10: white;
  --contrast-lighten-15: white;
  --contrast-lighten-20: white;
  --contrast-lighten-25: white;
  --contrast-lighten-30: white;
  --contrast-lighten-35: white;
  --contrast-lighten-40: white;
  --contrast-lighten-45: white;
  --contrast-lighten-50: white;
  --contrast-lighten-55: white;
  --contrast-lighten-60: white;
  --contrast-lighten-65: white;
  --contrast-lighten-70: white;
  --contrast-lighten-75: white;
  --contrast-lighten-80: white;
  --contrast-lighten-85: white;
  --contrast-lighten-90: white;
  --contrast-lighten-95: white;
  --contrast-lighten-100: white;
  --contrast-opacity-95: rgba(255, 255, 255, 0.95);
  --contrast-opacity-90: rgba(255, 255, 255, 0.9);
  --contrast-opacity-85: rgba(255, 255, 255, 0.85);
  --contrast-opacity-80: rgba(255, 255, 255, 0.8);
  --contrast-opacity-75: rgba(255, 255, 255, 0.75);
  --contrast-opacity-70: rgba(255, 255, 255, 0.7);
  --contrast-opacity-65: rgba(255, 255, 255, 0.65);
  --contrast-opacity-60: rgba(255, 255, 255, 0.6);
  --contrast-opacity-55: rgba(255, 255, 255, 0.55);
  --contrast-opacity-50: rgba(255, 255, 255, 0.5);
  --contrast-opacity-45: rgba(255, 255, 255, 0.45);
  --contrast-opacity-40: rgba(255, 255, 255, 0.4);
  --contrast-opacity-35: rgba(255, 255, 255, 0.35);
  --contrast-opacity-30: rgba(255, 255, 255, 0.3);
  --contrast-opacity-25: rgba(255, 255, 255, 0.25);
  --contrast-opacity-20: rgba(255, 255, 255, 0.2);
  --contrast-opacity-15: rgba(255, 255, 255, 0.15);
  --contrast-opacity-10: rgba(255, 255, 255, 0.1);
  --contrast-opacity-5: rgba(255, 255, 255, 0.05);
  --contrast-opacity-0: rgba(255, 255, 255, 0);
  --brand: #745FCA;
  --brand-darken-5: rgb(55.1, 45.125, 95.95);
  --brand-darken-10: rgb(52.2, 42.75, 90.9);
  --brand-darken-15: rgb(49.3, 40.375, 85.85);
  --brand-darken-20: rgb(46.4, 38, 80.8);
  --brand-darken-25: rgb(43.5, 35.625, 75.75);
  --brand-darken-30: rgb(40.6, 33.25, 70.7);
  --brand-darken-35: rgb(37.7, 30.875, 65.65);
  --brand-darken-40: rgb(34.8, 28.5, 60.6);
  --brand-darken-45: rgb(31.9, 26.125, 55.55);
  --brand-darken-50: rgb(29, 23.75, 50.5);
  --brand-darken-55: rgb(26.1, 21.375, 45.45);
  --brand-darken-60: rgb(23.2, 19, 40.4);
  --brand-darken-65: rgb(20.3, 16.625, 35.35);
  --brand-darken-70: rgb(17.4, 14.25, 30.3);
  --brand-darken-75: rgb(14.5, 11.875, 25.25);
  --brand-darken-80: rgb(11.6, 9.5, 20.2);
  --brand-darken-85: rgb(8.7, 7.125, 15.15);
  --brand-darken-90: rgb(5.8, 4.75, 10.1);
  --brand-darken-95: rgb(2.9, 2.375, 5.05);
  --brand-darken-100: black;
  --brand-lighten-5: rgb(188.975, 179, 229.825);
  --brand-lighten-10: rgb(192.45, 183, 231.15);
  --brand-lighten-15: rgb(195.925, 187, 232.475);
  --brand-lighten-20: rgb(199.4, 191, 233.8);
  --brand-lighten-25: rgb(202.875, 195, 235.125);
  --brand-lighten-30: rgb(206.35, 199, 236.45);
  --brand-lighten-35: rgb(209.825, 203, 237.775);
  --brand-lighten-40: rgb(213.3, 207, 239.1);
  --brand-lighten-45: rgb(216.775, 211, 240.425);
  --brand-lighten-50: rgb(220.25, 215, 241.75);
  --brand-lighten-55: rgb(223.725, 219, 243.075);
  --brand-lighten-60: rgb(227.2, 223, 244.4);
  --brand-lighten-65: rgb(230.675, 227, 245.725);
  --brand-lighten-70: rgb(234.15, 231, 247.05);
  --brand-lighten-75: rgb(237.625, 235, 248.375);
  --brand-lighten-80: rgb(241.1, 239, 249.7);
  --brand-lighten-85: rgb(244.575, 243, 251.025);
  --brand-lighten-90: rgb(248.05, 247, 252.35);
  --brand-lighten-95: rgb(251.525, 251, 253.675);
  --brand-lighten-100: white;
  --brand-opacity-95: rgba(116, 95, 202, 0.95);
  --brand-opacity-90: rgba(116, 95, 202, 0.9);
  --brand-opacity-85: rgba(116, 95, 202, 0.85);
  --brand-opacity-80: rgba(116, 95, 202, 0.8);
  --brand-opacity-75: rgba(116, 95, 202, 0.75);
  --brand-opacity-70: rgba(116, 95, 202, 0.7);
  --brand-opacity-65: rgba(116, 95, 202, 0.65);
  --brand-opacity-60: rgba(116, 95, 202, 0.6);
  --brand-opacity-55: rgba(116, 95, 202, 0.55);
  --brand-opacity-50: rgba(116, 95, 202, 0.5);
  --brand-opacity-45: rgba(116, 95, 202, 0.45);
  --brand-opacity-40: rgba(116, 95, 202, 0.4);
  --brand-opacity-35: rgba(116, 95, 202, 0.35);
  --brand-opacity-30: rgba(116, 95, 202, 0.3);
  --brand-opacity-25: rgba(116, 95, 202, 0.25);
  --brand-opacity-20: rgba(116, 95, 202, 0.2);
  --brand-opacity-15: rgba(116, 95, 202, 0.15);
  --brand-opacity-10: rgba(116, 95, 202, 0.1);
  --brand-opacity-5: rgba(116, 95, 202, 0.05);
  --brand-opacity-0: rgba(116, 95, 202, 0);
  --info: #038CE2;
  --info-darken-5: rgb(1.425, 66.5, 107.35);
  --info-darken-10: rgb(1.35, 63, 101.7);
  --info-darken-15: rgb(1.275, 59.5, 96.05);
  --info-darken-20: rgb(1.2, 56, 90.4);
  --info-darken-25: rgb(1.125, 52.5, 84.75);
  --info-darken-30: rgb(1.05, 49, 79.1);
  --info-darken-35: rgb(0.975, 45.5, 73.45);
  --info-darken-40: rgb(0.9, 42, 67.8);
  --info-darken-45: rgb(0.825, 38.5, 62.15);
  --info-darken-50: rgb(0.75, 35, 56.5);
  --info-darken-55: rgb(0.675, 31.5, 50.85);
  --info-darken-60: rgb(0.6, 28, 45.2);
  --info-darken-65: rgb(0.525, 24.5, 39.55);
  --info-darken-70: rgb(0.45, 21, 33.9);
  --info-darken-75: rgb(0.375, 17.5, 28.25);
  --info-darken-80: rgb(0.3, 14, 22.6);
  --info-darken-85: rgb(0.225, 10.5, 16.95);
  --info-darken-90: rgb(0.15, 7, 11.3);
  --info-darken-95: rgb(0.075, 3.5, 5.65);
  --info-darken-100: black;
  --info-lighten-5: rgb(135.3, 200.375, 241.225);
  --info-lighten-10: rgb(141.6, 203.25, 241.95);
  --info-lighten-15: rgb(147.9, 206.125, 242.675);
  --info-lighten-20: rgb(154.2, 209, 243.4);
  --info-lighten-25: rgb(160.5, 211.875, 244.125);
  --info-lighten-30: rgb(166.8, 214.75, 244.85);
  --info-lighten-35: rgb(173.1, 217.625, 245.575);
  --info-lighten-40: rgb(179.4, 220.5, 246.3);
  --info-lighten-45: rgb(185.7, 223.375, 247.025);
  --info-lighten-50: rgb(192, 226.25, 247.75);
  --info-lighten-55: rgb(198.3, 229.125, 248.475);
  --info-lighten-60: rgb(204.6, 232, 249.2);
  --info-lighten-65: rgb(210.9, 234.875, 249.925);
  --info-lighten-70: rgb(217.2, 237.75, 250.65);
  --info-lighten-75: rgb(223.5, 240.625, 251.375);
  --info-lighten-80: rgb(229.8, 243.5, 252.1);
  --info-lighten-85: rgb(236.1, 246.375, 252.825);
  --info-lighten-90: rgb(242.4, 249.25, 253.55);
  --info-lighten-95: rgb(248.7, 252.125, 254.275);
  --info-lighten-100: white;
  --info-opacity-95: rgba(3, 140, 226, 0.95);
  --info-opacity-90: rgba(3, 140, 226, 0.9);
  --info-opacity-85: rgba(3, 140, 226, 0.85);
  --info-opacity-80: rgba(3, 140, 226, 0.8);
  --info-opacity-75: rgba(3, 140, 226, 0.75);
  --info-opacity-70: rgba(3, 140, 226, 0.7);
  --info-opacity-65: rgba(3, 140, 226, 0.65);
  --info-opacity-60: rgba(3, 140, 226, 0.6);
  --info-opacity-55: rgba(3, 140, 226, 0.55);
  --info-opacity-50: rgba(3, 140, 226, 0.5);
  --info-opacity-45: rgba(3, 140, 226, 0.45);
  --info-opacity-40: rgba(3, 140, 226, 0.4);
  --info-opacity-35: rgba(3, 140, 226, 0.35);
  --info-opacity-30: rgba(3, 140, 226, 0.3);
  --info-opacity-25: rgba(3, 140, 226, 0.25);
  --info-opacity-20: rgba(3, 140, 226, 0.2);
  --info-opacity-15: rgba(3, 140, 226, 0.15);
  --info-opacity-10: rgba(3, 140, 226, 0.1);
  --info-opacity-5: rgba(3, 140, 226, 0.05);
  --info-opacity-0: rgba(3, 140, 226, 0);
  --success: #0CB560;
  --success-darken-5: rgb(5.7, 85.975, 45.6);
  --success-darken-10: rgb(5.4, 81.45, 43.2);
  --success-darken-15: rgb(5.1, 76.925, 40.8);
  --success-darken-20: rgb(4.8, 72.4, 38.4);
  --success-darken-25: rgb(4.5, 67.875, 36);
  --success-darken-30: rgb(4.2, 63.35, 33.6);
  --success-darken-35: rgb(3.9, 58.825, 31.2);
  --success-darken-40: rgb(3.6, 54.3, 28.8);
  --success-darken-45: rgb(3.3, 49.775, 26.4);
  --success-darken-50: rgb(3, 45.25, 24);
  --success-darken-55: rgb(2.7, 40.725, 21.6);
  --success-darken-60: rgb(2.4, 36.2, 19.2);
  --success-darken-65: rgb(2.1, 31.675, 16.8);
  --success-darken-70: rgb(1.8, 27.15, 14.4);
  --success-darken-75: rgb(1.5, 22.625, 12);
  --success-darken-80: rgb(1.2, 18.1, 9.6);
  --success-darken-85: rgb(0.9, 13.575, 7.2);
  --success-darken-90: rgb(0.6, 9.05, 4.8);
  --success-darken-95: rgb(0.3, 4.525, 2.4);
  --success-darken-100: black;
  --success-lighten-5: rgb(139.575, 219.85, 179.475);
  --success-lighten-10: rgb(145.65, 221.7, 183.45);
  --success-lighten-15: rgb(151.725, 223.55, 187.425);
  --success-lighten-20: rgb(157.8, 225.4, 191.4);
  --success-lighten-25: rgb(163.875, 227.25, 195.375);
  --success-lighten-30: rgb(169.95, 229.1, 199.35);
  --success-lighten-35: rgb(176.025, 230.95, 203.325);
  --success-lighten-40: rgb(182.1, 232.8, 207.3);
  --success-lighten-45: rgb(188.175, 234.65, 211.275);
  --success-lighten-50: rgb(194.25, 236.5, 215.25);
  --success-lighten-55: rgb(200.325, 238.35, 219.225);
  --success-lighten-60: rgb(206.4, 240.2, 223.2);
  --success-lighten-65: rgb(212.475, 242.05, 227.175);
  --success-lighten-70: rgb(218.55, 243.9, 231.15);
  --success-lighten-75: rgb(224.625, 245.75, 235.125);
  --success-lighten-80: rgb(230.7, 247.6, 239.1);
  --success-lighten-85: rgb(236.775, 249.45, 243.075);
  --success-lighten-90: rgb(242.85, 251.3, 247.05);
  --success-lighten-95: rgb(248.925, 253.15, 251.025);
  --success-lighten-100: white;
  --success-opacity-95: rgba(12, 181, 96, 0.95);
  --success-opacity-90: rgba(12, 181, 96, 0.9);
  --success-opacity-85: rgba(12, 181, 96, 0.85);
  --success-opacity-80: rgba(12, 181, 96, 0.8);
  --success-opacity-75: rgba(12, 181, 96, 0.75);
  --success-opacity-70: rgba(12, 181, 96, 0.7);
  --success-opacity-65: rgba(12, 181, 96, 0.65);
  --success-opacity-60: rgba(12, 181, 96, 0.6);
  --success-opacity-55: rgba(12, 181, 96, 0.55);
  --success-opacity-50: rgba(12, 181, 96, 0.5);
  --success-opacity-45: rgba(12, 181, 96, 0.45);
  --success-opacity-40: rgba(12, 181, 96, 0.4);
  --success-opacity-35: rgba(12, 181, 96, 0.35);
  --success-opacity-30: rgba(12, 181, 96, 0.3);
  --success-opacity-25: rgba(12, 181, 96, 0.25);
  --success-opacity-20: rgba(12, 181, 96, 0.2);
  --success-opacity-15: rgba(12, 181, 96, 0.15);
  --success-opacity-10: rgba(12, 181, 96, 0.1);
  --success-opacity-5: rgba(12, 181, 96, 0.05);
  --success-opacity-0: rgba(12, 181, 96, 0);
  --warning: #ED9B17;
  --warning-darken-5: rgb(112.575, 73.625, 10.925);
  --warning-darken-10: rgb(106.65, 69.75, 10.35);
  --warning-darken-15: rgb(100.725, 65.875, 9.775);
  --warning-darken-20: rgb(94.8, 62, 9.2);
  --warning-darken-25: rgb(88.875, 58.125, 8.625);
  --warning-darken-30: rgb(82.95, 54.25, 8.05);
  --warning-darken-35: rgb(77.025, 50.375, 7.475);
  --warning-darken-40: rgb(71.1, 46.5, 6.9);
  --warning-darken-45: rgb(65.175, 42.625, 6.325);
  --warning-darken-50: rgb(59.25, 38.75, 5.75);
  --warning-darken-55: rgb(53.325, 34.875, 5.175);
  --warning-darken-60: rgb(47.4, 31, 4.6);
  --warning-darken-65: rgb(41.475, 27.125, 4.025);
  --warning-darken-70: rgb(35.55, 23.25, 3.45);
  --warning-darken-75: rgb(29.625, 19.375, 2.875);
  --warning-darken-80: rgb(23.7, 15.5, 2.3);
  --warning-darken-85: rgb(17.775, 11.625, 1.725);
  --warning-darken-90: rgb(11.85, 7.75, 1.15);
  --warning-darken-95: rgb(5.925, 3.875, 0.575);
  --warning-darken-100: black;
  --warning-lighten-5: rgb(246.45, 207.5, 144.8);
  --warning-lighten-10: rgb(246.9, 210, 150.6);
  --warning-lighten-15: rgb(247.35, 212.5, 156.4);
  --warning-lighten-20: rgb(247.8, 215, 162.2);
  --warning-lighten-25: rgb(248.25, 217.5, 168);
  --warning-lighten-30: rgb(248.7, 220, 173.8);
  --warning-lighten-35: rgb(249.15, 222.5, 179.6);
  --warning-lighten-40: rgb(249.6, 225, 185.4);
  --warning-lighten-45: rgb(250.05, 227.5, 191.2);
  --warning-lighten-50: rgb(250.5, 230, 197);
  --warning-lighten-55: rgb(250.95, 232.5, 202.8);
  --warning-lighten-60: rgb(251.4, 235, 208.6);
  --warning-lighten-65: rgb(251.85, 237.5, 214.4);
  --warning-lighten-70: rgb(252.3, 240, 220.2);
  --warning-lighten-75: rgb(252.75, 242.5, 226);
  --warning-lighten-80: rgb(253.2, 245, 231.8);
  --warning-lighten-85: rgb(253.65, 247.5, 237.6);
  --warning-lighten-90: rgb(254.1, 250, 243.4);
  --warning-lighten-95: rgb(254.55, 252.5, 249.2);
  --warning-lighten-100: white;
  --warning-opacity-95: rgba(237, 155, 23, 0.95);
  --warning-opacity-90: rgba(237, 155, 23, 0.9);
  --warning-opacity-85: rgba(237, 155, 23, 0.85);
  --warning-opacity-80: rgba(237, 155, 23, 0.8);
  --warning-opacity-75: rgba(237, 155, 23, 0.75);
  --warning-opacity-70: rgba(237, 155, 23, 0.7);
  --warning-opacity-65: rgba(237, 155, 23, 0.65);
  --warning-opacity-60: rgba(237, 155, 23, 0.6);
  --warning-opacity-55: rgba(237, 155, 23, 0.55);
  --warning-opacity-50: rgba(237, 155, 23, 0.5);
  --warning-opacity-45: rgba(237, 155, 23, 0.45);
  --warning-opacity-40: rgba(237, 155, 23, 0.4);
  --warning-opacity-35: rgba(237, 155, 23, 0.35);
  --warning-opacity-30: rgba(237, 155, 23, 0.3);
  --warning-opacity-25: rgba(237, 155, 23, 0.25);
  --warning-opacity-20: rgba(237, 155, 23, 0.2);
  --warning-opacity-15: rgba(237, 155, 23, 0.15);
  --warning-opacity-10: rgba(237, 155, 23, 0.1);
  --warning-opacity-5: rgba(237, 155, 23, 0.05);
  --warning-opacity-0: rgba(237, 155, 23, 0);
  --danger: #D22222;
  --danger-darken-5: rgb(99.75, 16.15, 16.15);
  --danger-darken-10: rgb(94.5, 15.3, 15.3);
  --danger-darken-15: rgb(89.25, 14.45, 14.45);
  --danger-darken-20: rgb(84, 13.6, 13.6);
  --danger-darken-25: rgb(78.75, 12.75, 12.75);
  --danger-darken-30: rgb(73.5, 11.9, 11.9);
  --danger-darken-35: rgb(68.25, 11.05, 11.05);
  --danger-darken-40: rgb(63, 10.2, 10.2);
  --danger-darken-45: rgb(57.75, 9.35, 9.35);
  --danger-darken-50: rgb(52.5, 8.5, 8.5);
  --danger-darken-55: rgb(47.25, 7.65, 7.65);
  --danger-darken-60: rgb(42, 6.8, 6.8);
  --danger-darken-65: rgb(36.75, 5.95, 5.95);
  --danger-darken-70: rgb(31.5, 5.1, 5.1);
  --danger-darken-75: rgb(26.25, 4.25, 4.25);
  --danger-darken-80: rgb(21, 3.4, 3.4);
  --danger-darken-85: rgb(15.75, 2.55, 2.55);
  --danger-darken-90: rgb(10.5, 1.7, 1.7);
  --danger-darken-95: rgb(5.25, 0.85, 0.85);
  --danger-darken-100: black;
  --danger-lighten-5: rgb(233.625, 150.025, 150.025);
  --danger-lighten-10: rgb(234.75, 155.55, 155.55);
  --danger-lighten-15: rgb(235.875, 161.075, 161.075);
  --danger-lighten-20: rgb(237, 166.6, 166.6);
  --danger-lighten-25: rgb(238.125, 172.125, 172.125);
  --danger-lighten-30: rgb(239.25, 177.65, 177.65);
  --danger-lighten-35: rgb(240.375, 183.175, 183.175);
  --danger-lighten-40: rgb(241.5, 188.7, 188.7);
  --danger-lighten-45: rgb(242.625, 194.225, 194.225);
  --danger-lighten-50: rgb(243.75, 199.75, 199.75);
  --danger-lighten-55: rgb(244.875, 205.275, 205.275);
  --danger-lighten-60: rgb(246, 210.8, 210.8);
  --danger-lighten-65: rgb(247.125, 216.325, 216.325);
  --danger-lighten-70: rgb(248.25, 221.85, 221.85);
  --danger-lighten-75: rgb(249.375, 227.375, 227.375);
  --danger-lighten-80: rgb(250.5, 232.9, 232.9);
  --danger-lighten-85: rgb(251.625, 238.425, 238.425);
  --danger-lighten-90: rgb(252.75, 243.95, 243.95);
  --danger-lighten-95: rgb(253.875, 249.475, 249.475);
  --danger-lighten-100: white;
  --danger-opacity-95: rgba(210, 34, 34, 0.95);
  --danger-opacity-90: rgba(210, 34, 34, 0.9);
  --danger-opacity-85: rgba(210, 34, 34, 0.85);
  --danger-opacity-80: rgba(210, 34, 34, 0.8);
  --danger-opacity-75: rgba(210, 34, 34, 0.75);
  --danger-opacity-70: rgba(210, 34, 34, 0.7);
  --danger-opacity-65: rgba(210, 34, 34, 0.65);
  --danger-opacity-60: rgba(210, 34, 34, 0.6);
  --danger-opacity-55: rgba(210, 34, 34, 0.55);
  --danger-opacity-50: rgba(210, 34, 34, 0.5);
  --danger-opacity-45: rgba(210, 34, 34, 0.45);
  --danger-opacity-40: rgba(210, 34, 34, 0.4);
  --danger-opacity-35: rgba(210, 34, 34, 0.35);
  --danger-opacity-30: rgba(210, 34, 34, 0.3);
  --danger-opacity-25: rgba(210, 34, 34, 0.25);
  --danger-opacity-20: rgba(210, 34, 34, 0.2);
  --danger-opacity-15: rgba(210, 34, 34, 0.15);
  --danger-opacity-10: rgba(210, 34, 34, 0.1);
  --danger-opacity-5: rgba(210, 34, 34, 0.05);
  --danger-opacity-0: rgba(210, 34, 34, 0);
  --black: #000;
  --black-darken-5: black;
  --black-darken-10: black;
  --black-darken-15: black;
  --black-darken-20: black;
  --black-darken-25: black;
  --black-darken-30: black;
  --black-darken-35: black;
  --black-darken-40: black;
  --black-darken-45: black;
  --black-darken-50: black;
  --black-darken-55: black;
  --black-darken-60: black;
  --black-darken-65: black;
  --black-darken-70: black;
  --black-darken-75: black;
  --black-darken-80: black;
  --black-darken-85: black;
  --black-darken-90: black;
  --black-darken-95: black;
  --black-darken-100: black;
  --black-lighten-5: rgb(133.875, 133.875, 133.875);
  --black-lighten-10: rgb(140.25, 140.25, 140.25);
  --black-lighten-15: rgb(146.625, 146.625, 146.625);
  --black-lighten-20: #999999;
  --black-lighten-25: rgb(159.375, 159.375, 159.375);
  --black-lighten-30: rgb(165.75, 165.75, 165.75);
  --black-lighten-35: rgb(172.125, 172.125, 172.125);
  --black-lighten-40: rgb(178.5, 178.5, 178.5);
  --black-lighten-45: rgb(184.875, 184.875, 184.875);
  --black-lighten-50: rgb(191.25, 191.25, 191.25);
  --black-lighten-55: rgb(197.625, 197.625, 197.625);
  --black-lighten-60: #cccccc;
  --black-lighten-65: rgb(210.375, 210.375, 210.375);
  --black-lighten-70: rgb(216.75, 216.75, 216.75);
  --black-lighten-75: rgb(223.125, 223.125, 223.125);
  --black-lighten-80: rgb(229.5, 229.5, 229.5);
  --black-lighten-85: rgb(235.875, 235.875, 235.875);
  --black-lighten-90: rgb(242.25, 242.25, 242.25);
  --black-lighten-95: rgb(248.625, 248.625, 248.625);
  --black-lighten-100: white;
  --black-opacity-95: rgba(0, 0, 0, 0.95);
  --black-opacity-90: rgba(0, 0, 0, 0.9);
  --black-opacity-85: rgba(0, 0, 0, 0.85);
  --black-opacity-80: rgba(0, 0, 0, 0.8);
  --black-opacity-75: rgba(0, 0, 0, 0.75);
  --black-opacity-70: rgba(0, 0, 0, 0.7);
  --black-opacity-65: rgba(0, 0, 0, 0.65);
  --black-opacity-60: rgba(0, 0, 0, 0.6);
  --black-opacity-55: rgba(0, 0, 0, 0.55);
  --black-opacity-50: rgba(0, 0, 0, 0.5);
  --black-opacity-45: rgba(0, 0, 0, 0.45);
  --black-opacity-40: rgba(0, 0, 0, 0.4);
  --black-opacity-35: rgba(0, 0, 0, 0.35);
  --black-opacity-30: rgba(0, 0, 0, 0.3);
  --black-opacity-25: rgba(0, 0, 0, 0.25);
  --black-opacity-20: rgba(0, 0, 0, 0.2);
  --black-opacity-15: rgba(0, 0, 0, 0.15);
  --black-opacity-10: rgba(0, 0, 0, 0.1);
  --black-opacity-5: rgba(0, 0, 0, 0.05);
  --black-opacity-0: rgba(0, 0, 0, 0);
  --white: #fff;
  --white-darken-5: rgb(121.125, 121.125, 121.125);
  --white-darken-10: rgb(114.75, 114.75, 114.75);
  --white-darken-15: rgb(108.375, 108.375, 108.375);
  --white-darken-20: #666666;
  --white-darken-25: rgb(95.625, 95.625, 95.625);
  --white-darken-30: rgb(89.25, 89.25, 89.25);
  --white-darken-35: rgb(82.875, 82.875, 82.875);
  --white-darken-40: rgb(76.5, 76.5, 76.5);
  --white-darken-45: rgb(70.125, 70.125, 70.125);
  --white-darken-50: rgb(63.75, 63.75, 63.75);
  --white-darken-55: rgb(57.375, 57.375, 57.375);
  --white-darken-60: #333333;
  --white-darken-65: rgb(44.625, 44.625, 44.625);
  --white-darken-70: rgb(38.25, 38.25, 38.25);
  --white-darken-75: rgb(31.875, 31.875, 31.875);
  --white-darken-80: rgb(25.5, 25.5, 25.5);
  --white-darken-85: rgb(19.125, 19.125, 19.125);
  --white-darken-90: rgb(12.75, 12.75, 12.75);
  --white-darken-95: rgb(6.375, 6.375, 6.375);
  --white-darken-100: black;
  --white-lighten-5: white;
  --white-lighten-10: white;
  --white-lighten-15: white;
  --white-lighten-20: white;
  --white-lighten-25: white;
  --white-lighten-30: white;
  --white-lighten-35: white;
  --white-lighten-40: white;
  --white-lighten-45: white;
  --white-lighten-50: white;
  --white-lighten-55: white;
  --white-lighten-60: white;
  --white-lighten-65: white;
  --white-lighten-70: white;
  --white-lighten-75: white;
  --white-lighten-80: white;
  --white-lighten-85: white;
  --white-lighten-90: white;
  --white-lighten-95: white;
  --white-lighten-100: white;
  --white-opacity-95: rgba(255, 255, 255, 0.95);
  --white-opacity-90: rgba(255, 255, 255, 0.9);
  --white-opacity-85: rgba(255, 255, 255, 0.85);
  --white-opacity-80: rgba(255, 255, 255, 0.8);
  --white-opacity-75: rgba(255, 255, 255, 0.75);
  --white-opacity-70: rgba(255, 255, 255, 0.7);
  --white-opacity-65: rgba(255, 255, 255, 0.65);
  --white-opacity-60: rgba(255, 255, 255, 0.6);
  --white-opacity-55: rgba(255, 255, 255, 0.55);
  --white-opacity-50: rgba(255, 255, 255, 0.5);
  --white-opacity-45: rgba(255, 255, 255, 0.45);
  --white-opacity-40: rgba(255, 255, 255, 0.4);
  --white-opacity-35: rgba(255, 255, 255, 0.35);
  --white-opacity-30: rgba(255, 255, 255, 0.3);
  --white-opacity-25: rgba(255, 255, 255, 0.25);
  --white-opacity-20: rgba(255, 255, 255, 0.2);
  --white-opacity-15: rgba(255, 255, 255, 0.15);
  --white-opacity-10: rgba(255, 255, 255, 0.1);
  --white-opacity-5: rgba(255, 255, 255, 0.05);
  --white-opacity-0: rgba(255, 255, 255, 0);
}

:root {
  --font-family: "Onest";
  --font-weight-bold: 700;
  --font-weight-medium: 500;
  --font-weight-regular: 400;
  --font-size-title-xl: 3.052rem;
  --font-size-title-l: 2.441rem;
  --font-size-title-m: 1.953rem;
  --font-size-title-s: 1.563rem;
  --font-size-title-xs: 1.25rem;
  --font-size-text-l: 1.25rem;
  --font-size-text-m: 1rem;
  --font-size-text-s: 0.8rem;
  --line-height-l: 1.6;
  --line-height-m: 1.45;
  --line-height-s: 1.35;
  --line-height-xs: 1.2;
  --radius-max: 9999px;
  --radius-xxl: 96px;
  --radius-xl: 48px;
  --radius-l: 24px;
  --radius-m: 16px;
  --radius-s: 8px;
  --radius-xs: 4px;
  --radius-none: 0;
  --blur-m: 8px;
  --shadow-l: 0 20px 80px rgba(40, 5, 64, 0.12);
  --shadow-m: 0 4px 16px rgba(40, 5, 64, 0.16);
  --brand-primary: var(--brand);
  --brand-secondary: #8015B1;
  --brand-hover: var(--brand-darken-10);
  --brand-gradient: linear-gradient(90deg, #470A7D 22.22%, #7F15B1 77.24%);
  --main-primary: var(--main);
  --accent-gradient: linear-gradient(90deg, #FDD706 0.4%, #FFBE0A 99.8%);
  --utility-gradient: linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%), linear-gradient(90deg, #12FBB9 0.4%, #19C79E 99.8%);
  --neutral-primary: var(--neutral);
  --neutral-gradient: linear-gradient(90deg, #F5F6F7 0%, #E8ECF0 100%);
  --contrast-primary: var(--contrast);
  --contrast-hover: var(--contrast-opacity-70);
  --phantom-gradient: linear-gradient(90deg, rgba(255, 255, 255, 0.10) 0%, rgba(255, 255, 255, 0.15) 100%);
  --phantom-gradient-hover: linear-gradient(90deg, rgba(255, 255, 255, 0.15) 0%, rgba(255, 255, 255, 0.2) 100%);
  --info-primary: var(--info);
  --success-primary: var(--success);
  --danger-primary: var(--danger);
}

@media (min-width: 768px) and (max-width: 1199px) {
  :root {
    --font-size-title-xl: 2.488rem;
    --font-size-title-l: 2.074rem;
    --font-size-title-m: 1.728rem;
    --font-size-title-s: 1.44rem;
    --font-size-title-xs: 1.2rem;
    --font-size-text-l: 1.2rem;
    --font-size-text-m: 1rem;
    --font-size-text-s: 0.833rem;
  }
}
@media (max-width: 767px) {
  :root {
    --font-size-title-xl: 2.011rem;
    --font-size-title-l: 1.75rem;
    --font-size-title-m: 1.521rem;
    --font-size-title-s: 1.323rem;
    --font-size-title-xs: 1.15rem;
    --font-size-text-l: 1.15rem;
    --font-size-text-m: 1rem;
    --font-size-text-s: 0.833rem;
    --radius-xxl: 64px;
    --radius-xl: 32px;
    --radius-l: 16px;
    --radius-m: 12px;
  }
}
.document {
  overflow: hidden;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  min-height: 100%;
}

.page {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  gap: 120px;
  padding-bottom: 120px;
}
@media (min-width: 768px) and (max-width: 1199px) {
  .page {
    gap: 100px;
    padding-bottom: 100px;
  }
}
@media (max-width: 767px) {
  .page {
    gap: 80px;
    padding-bottom: 80px;
  }
}
.page--inner {
  padding-top: 144px;
  padding-bottom: 80px;
}

.container {
  max-width: 1366px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 48px;
  padding-right: 48px;
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .container {
    padding-left: 32px;
    padding-right: 32px;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .container {
    max-width: 768px;
    padding-left: 24px;
    padding-right: 24px;
  }
}
@media (max-width: 767px) {
  .container {
    max-width: 432px;
    padding-left: 16px;
    padding-right: 16px;
  }
}

.box {
  border-radius: var(--radius-l);
}
.box--padding-y-l {
  padding-top: 64px;
  padding-bottom: 64px;
}
@media (min-width: 768px) and (max-width: 1199px) {
  .box--padding-y-l {
    padding-top: 48px;
    padding-bottom: 48px;
  }
}
@media (max-width: 767px) {
  .box--padding-y-l {
    padding-top: 32px;
    padding-bottom: 32px;
  }
}
.box--padding-y-m {
  padding-top: 48px;
  padding-bottom: 48px;
}
@media (max-width: 767px) {
  .box--padding-y-m {
    padding-top: 32px;
    padding-bottom: 32px;
  }
}
.box--padding-y-s {
  padding-top: 32px;
  padding-bottom: 32px;
}
.box--padding-x-l {
  padding-left: 64px;
  padding-right: 64px;
}
@media (min-width: 768px) and (max-width: 1199px) {
  .box--padding-x-l {
    padding-left: 48px;
    padding-right: 48px;
  }
}
@media (max-width: 767px) {
  .box--padding-x-l {
    padding-left: 32px;
    padding-right: 32px;
  }
}
.box--padding-x-m {
  padding-left: 48px;
  padding-right: 48px;
}
@media (max-width: 767px) {
  .box--padding-x-m {
    padding-left: 32px;
    padding-right: 32px;
  }
}
.box--padding-x-s {
  padding-left: 32px;
  padding-right: 32px;
}
.box--contrast {
  background: var(--contrast-primary);
}
.box--neutral {
  background: var(--neutral-gradient);
}

.grid {
  display: grid;
  gap: 24px;
}
.grid--3 {
  grid-template-columns: repeat(3, 1fr);
}
@media (max-width: 1199px) {
  .grid--3 {
    grid-template-columns: 1fr;
  }
}

.row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.row--xl {
  gap: 48px;
}
@media (max-width: 767px) {
  .row--xl {
    gap: 32px;
  }
}
.row--l {
  gap: 32px;
}
.row--m {
  gap: 24px;
}
.row--s {
  gap: 16px;
}
.row--xs {
  gap: 8px;
}
.row--nowrap {
  flex-wrap: nowrap;
}
.row--align-start {
  align-items: flex-start;
}
.row--align-end {
  align-items: flex-end;
}
.row--justify-space-between {
  justify-content: space-between;
}
.row--justify-center {
  justify-content: center;
}
.row--justify-end {
  justify-content: flex-end;
}

.column {
  display: flex;
  flex-direction: column;
}
.column--xl {
  gap: 48px;
}
@media (max-width: 767px) {
  .column--xl {
    gap: 32px;
  }
}
.column--l {
  gap: 32px;
}
.column--m {
  gap: 24px;
}
.column--s {
  gap: 16px;
}
.column--align-start {
  align-items: flex-start;
}
.column--align-center {
  align-items: center;
}
.column--align-end {
  align-items: flex-end;
}

.header {
  position: fixed;
  z-index: 90;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  width: 100%;
  height: 64px;
  background: var(--brand-gradient);
  color: var(--contrast);
}

.footer {
  padding-top: 48px;
  padding-bottom: 48px;
  background: var(--brand-gradient);
  border-radius: var(--radius-xl) var(--radius-xl) 0 0;
  color: var(--contrast);
}
@media (max-width: 767px) {
  .footer__row {
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
  }
}
@media (max-width: 1199px) {
  .footer__links {
    flex-direction: column;
    align-items: flex-end;
    gap: 8px;
  }
}
@media (max-width: 767px) {
  .footer__links {
    align-items: flex-start;
    margin-top: 12px;
    margin-left: -16px;
  }
}

@media (max-width: 767px) {
  .contacts {
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    margin-left: -16px;
  }
}

.section-hero {
  padding-top: 192px;
  padding-bottom: 148px;
  background: var(--brand-gradient);
  border-radius: 0 0 var(--radius-xxl) var(--radius-xxl);
  color: var(--contrast);
  text-align: center;
}
@media (max-width: 767px) {
  .section-hero {
    padding-bottom: 128px;
  }
}

.hero {
  position: relative;
}
.hero__button .button__content {
  min-width: 280px;
}
.hero__decor-1 {
  position: absolute;
  top: -20px;
  right: 50%;
  margin-right: 462px;
  width: 94px;
  height: 94px;
}
@media (max-width: 1199px) {
  .hero__decor-1 {
    top: -40px;
    margin-right: 350px;
  }
}
@media (max-width: 960px) {
  .hero__decor-1 {
    top: -90px;
    margin-right: 300px;
  }
}
@media (max-width: 767px) {
  .hero__decor-1 {
    top: -84px;
    left: 0;
    right: auto;
    margin-right: auto;
    width: 60px;
    height: 60px;
  }
}
.hero__decor-2 {
  position: absolute;
  top: -16px;
  left: 50%;
  margin-left: 450px;
  width: 118px;
  height: 112px;
}
@media (max-width: 1199px) {
  .hero__decor-2 {
    top: -38px;
    margin-left: 350px;
  }
}
@media (max-width: 960px) {
  .hero__decor-2 {
    top: -88px;
    margin-left: 280px;
  }
}
@media (max-width: 767px) {
  .hero__decor-2 {
    top: -88px;
    left: auto;
    right: -4px;
    margin-left: auto;
    width: 80px;
    height: 76px;
  }
}
@media (max-width: 767px) {
  .hero__tags {
    flex-direction: column;
  }
}
.hero__tags .tag {
  justify-content: center;
}

.anchor {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 16px;
  border-radius: var(--radius-s);
  font-weight: var(--font-weight-medium);
  text-decoration: none;
  cursor: pointer;
  -webkit-touch-callout: none;
  transition: all 0.3s ease-in-out 0s;
}
.anchor--main {
  color: var(--main-primary);
}
.anchor--main:hover {
  color: var(--brand-primary);
}
.anchor--main.anchor--active {
  color: var(--brand-primary);
}
.anchor--contrast:hover {
  background: var(--main-opacity-30);
}
.anchor--neutral {
  opacity: 0.7;
}
.anchor--neutral:hover {
  background: var(--main-opacity-45);
}
.anchor--bold {
  font-weight: var(--font-weight-bold);
}

.button {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: var(--radius-s);
  text-align: center;
  font-weight: var(--font-weight-medium);
  text-decoration: none;
  cursor: pointer;
  -webkit-touch-callout: none;
  transition: all 0.3s ease-in-out 0s;
}
.button__content {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 100%;
  border-radius: var(--radius-s);
  transition: all 0.3s ease-in-out 0s;
}
.button--l .button__content {
  height: 56px;
  padding: 0 48px;
}
.button--l .icon {
  width: 20px;
  height: 20px;
}
.button--l.button--iconic {
  width: 56px;
  height: 56px;
  padding: 0;
}
.button--l.button--iconic .icon {
  width: 40px;
  height: 40px;
}
.button--m .button__content {
  height: 40px;
  padding: 0 24px;
}
.button--m .icon {
  width: 20px;
  height: 20px;
}
.button--m.button--iconic {
  width: 40px;
  height: 40px;
  padding: 0;
}
.button--m.button--iconic .icon {
  width: 32px;
  height: 32px;
}
.button--phantom {
  background: var(--phantom-gradient);
  color: var(--contrast-primary);
}
.button--phantom:hover .button__content {
  background: var(--main-opacity-45);
}
.button--accent {
  background: var(--accent-gradient);
  color: var(--main-primary);
}
.button--accent:hover .button__content {
  background: var(--main-opacity-10);
}
.button--utility {
  background: var(--utility-gradient);
  color: var(--contrast-primary);
}
.button--utility:hover .button__content {
  background: var(--main-opacity-15);
}

.language {
  gap: 4px;
  height: 40px;
  font-weight: var(--font-weight-medium);
  font-size: var(--font-size-text-s);
  cursor: pointer;
}
.language:hover .language__angle {
  transform: rotate(180deg);
}
.language .icon:first-child {
  margin-right: 4px;
}
@media (max-width: 400px) {
  .language .icon:first-child {
    display: none !important;
  }
}
.language__angle {
  transition: all 0.3s ease-in-out 0s;
}
.language .dropdown__content {
  left: auto;
  right: 0;
  min-width: 64px;
  padding-top: 20px;
}

.icon {
  flex-shrink: 0;
  display: inline-flex;
}
.icon--xl {
  width: 40px;
  height: 40px;
}
.icon--l {
  width: 32px;
  height: 32px;
}
.icon--m {
  width: 24px;
  height: 24px;
}
.icon--s {
  width: 20px;
  height: 20px;
}
.icon--xs {
  width: 16px;
  height: 16px;
}
.icon svg * {
  transition: all 0.3s ease-in-out 0s;
}
.icon--main * {
  fill: var(--main-primary);
}
.icon--contrast * {
  fill: var(--contrast-primary);
}
.icon--info * {
  fill: var(--info-primary);
}
.icon--success * {
  fill: var(--success-primary);
}
.icon--danger * {
  fill: var(--danger-primary);
}

.title {
  font-weight: var(--font-weight-bold);
}
.title--xl {
  font-size: var(--font-size-title-xl);
}
.title--l {
  font-size: var(--font-size-title-l);
}
.title--m {
  font-size: var(--font-size-title-m);
}
.title--s {
  font-size: var(--font-size-title-s);
}
.title--xs {
  font-size: var(--font-size-title-xs);
}
.title--neutral {
  opacity: 0.7;
}
.title--brand {
  color: var(--brand-secondary);
}
.title--regular {
  font-weight: var(--font-weight-regular);
}
.title--center {
  text-align: center;
}

.text--l {
  font-size: var(--font-size-text-l);
}
.text--m {
  font-size: var(--font-size-text-m);
}
.text--s {
  font-size: var(--font-size-text-s);
}
.text--bold {
  font-weight: var(--font-weight-bold);
}
.text--regular {
  font-weight: var(--font-weight-regular);
}
.text--neutral {
  opacity: 0.7;
}
.text--bold {
  font-weight: var(--font-weight-bold);
}
.text--center {
  text-align: center;
}
.text--text-block {
  line-height: var(--line-height-l);
}
.text--text-block h1, .text--text-block h2, .text--text-block h3, .text--text-block h4, .text--text-block h5, .text--text-block h6 {
  margin-top: 32px;
}
.text--text-block h1:first-child, .text--text-block h2:first-child, .text--text-block h3:first-child, .text--text-block h4:first-child, .text--text-block h5:first-child, .text--text-block h6:first-child {
  margin-top: 0;
}
.text--text-block * {
  margin-bottom: 16px;
}
.text--text-block *:last-child {
  margin-bottom: 0;
}
.text--text-block ul {
  padding-left: 32px;
  list-style-type: disc;
}
.text--text-block ul ul {
  list-style-type: circle;
}
.text--text-block hr {
  margin-top: 32px;
  margin-bottom: 32px;
  height: 1px;
  background: var(--main-opacity-10);
  border: none;
}

.tag {
  display: inline-flex;
  gap: 8px;
  max-width: 100%;
  border-radius: var(--radius-s);
  font-style: normal;
}
.tag.ghost {
  align-items: flex-start;
  line-height: var(--line-height-m);
}
.tag.ghost .icon {
  position: relative;
  top: 2px;
  align-self: flex-start;
}

.section-presentation {
  margin-top: -172px;
}
@media (min-width: 768px) and (max-width: 1199px) {
  .section-presentation {
    margin-top: -160px;
  }
}
@media (max-width: 767px) {
  .section-presentation {
    margin-top: -140px;
  }
}

.slider {
  position: relative;
  height: 518px;
}
@media (min-width: 768px) and (max-width: 1199px) {
  .slider {
    height: 359px;
  }
}
@media (max-width: 767px) {
  .slider {
    height: 199px;
  }
}
@media (max-width: 432px) {
  .slider {
    height: 170px;
  }
}
.slider__overlay {
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -520px;
  width: 1040px;
  height: 100%;
  background: var(--contrast-primary);
  border-radius: var(--radius-l);
  box-shadow: 0 12px 80px rgba(40, 5, 64, 0.2);
}
@media (min-width: 768px) and (max-width: 1199px) {
  .slider__overlay {
    margin-left: -360px;
    width: 720px;
  }
}
@media (max-width: 767px) {
  .slider__overlay {
    margin-left: -200px;
    width: 400px;
  }
}
@media (max-width: 432px) {
  .slider__overlay {
    margin-left: -171px;
    width: 342px;
  }
}
.slider__progress {
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -520px;
  width: 1040px;
  height: 100%;
  border-radius: var(--radius-l);
}
@media (min-width: 768px) and (max-width: 1199px) {
  .slider__progress {
    margin-left: -360px;
    width: 720px;
  }
}
@media (max-width: 767px) {
  .slider__progress {
    margin-left: -200px;
    width: 400px;
  }
}
@media (max-width: 432px) {
  .slider__progress {
    margin-left: -171px;
    width: 342px;
  }
}

.progress {
  overflow: hidden;
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -520px;
  width: 1040px;
  height: 4px;
}
@media (max-width: 767px) {
  .progress {
    height: 2px;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .progress {
    margin-left: -360px;
    width: 720px;
  }
}
@media (max-width: 767px) {
  .progress {
    margin-left: -200px;
    width: 400px;
  }
}
@media (max-width: 432px) {
  .progress {
    margin-left: -171px;
    width: 342px;
  }
}
.progress__bar {
  height: 100%;
  background: linear-gradient(90deg, #00B1E8 0%, #F6F600 95%);
  animation: fill 4s ease-in-out infinite;
  transform-origin: left;
}
@keyframes fill {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}

.slide {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  opacity: 0;
  animation: fade 24s ease-in-out infinite;
}
.slide:nth-child(1) {
  animation-delay: 0s;
}
.slide:nth-child(2) {
  animation-delay: 4s;
}
.slide:nth-child(3) {
  animation-delay: 8s;
}
.slide:nth-child(4) {
  animation-delay: 12s;
}
.slide:nth-child(5) {
  animation-delay: 16s;
}
.slide:nth-child(6) {
  animation-delay: 20s;
}
.slide__line {
  position: absolute;
  height: 1px;
  background: var(--info-primary);
}
@media (max-width: 1300px) {
  .slide__line {
    display: none !important;
  }
}
.slide__line--left {
  left: 50%;
  margin-left: -644px;
}
.slide__line--right {
  right: 50%;
  margin-right: -644px;
}
.slide__line--1 {
  top: 98px;
  width: 144px;
}
.slide__line--2 {
  bottom: 113px;
  width: 336px;
}
.slide__line--3 {
  top: 130px;
  width: 144px;
}
.slide__line--4 {
  bottom: 143px;
  width: 161px;
}
.slide__line--5 {
  top: 120px;
  width: 494px;
}
.slide__line--6 {
  bottom: 90px;
  width: 164px;
}
.slide__line--7 {
  bottom: 271px;
  width: 307px;
}
.slide__line--8 {
  bottom: 51px;
  width: 423px;
}
.slide__line--9 {
  top: 62px;
  width: 133px;
}
.slide__line--10 {
  bottom: 80px;
  width: 142px;
}
.slide__line--11 {
  top: 102px;
  width: 132px;
}
.slide__line--12 {
  top: 130px;
  width: 134px;
}
.slide__line--13 {
  bottom: 70px;
  width: 367px;
}
.slide__line--14 {
  top: 68px;
  width: 142px;
}
.slide__line--15 {
  bottom: 100px;
  width: 400px;
}
.slide__line--15-vertical {
  top: 121px;
  margin-right: -245px;
  width: 1px;
  height: 296px;
}
.slide__line--16 {
  top: 96px;
  width: 308px;
}
.slide__line--17 {
  bottom: 90px;
  width: 321px;
}
.slide__line--18 {
  bottom: 194px;
  width: 310px;
}
.slide__text {
  position: absolute;
  width: 120px;
  line-height: var(--line-height-xs);
  text-align: center;
  font-weight: var(--font-weight-regular);
  color: var(--info-primary);
}
@media (max-width: 1300px) {
  .slide__text {
    display: none !important;
  }
}
.slide__text--left {
  left: 50%;
  margin-left: -650px;
}
.slide__text--right {
  right: 50%;
  margin-right: -650px;
}
.slide__text--1 {
  top: 106px;
}
.slide__text--2 {
  bottom: 120px;
}
.slide__text--3 {
  top: 137px;
}
.slide__text--4 {
  bottom: 150px;
}
.slide__text--5 {
  top: 126px;
}
.slide__text--6 {
  bottom: 97px;
}
.slide__text--7 {
  bottom: 277px;
}
.slide__text--8 {
  bottom: 59px;
}
.slide__text--9 {
  top: 70px;
}
.slide__text--10 {
  bottom: 88px;
}
.slide__text--11 {
  top: 109px;
}
.slide__text--12 {
  top: 137px;
}
.slide__text--13 {
  bottom: 78px;
}
.slide__text--14 {
  top: 75px;
}
.slide__text--15 {
  bottom: 108px;
}
.slide__text--16 {
  top: 103px;
}
.slide__text--17 {
  bottom: 98px;
}
.slide__text--18 {
  bottom: 202px;
}
.slide__image {
  display: block;
  width: 1040px;
  height: 518px;
  margin: auto;
  border-radius: var(--radius-l);
}
@media (min-width: 768px) and (max-width: 1199px) {
  .slide__image {
    width: 720px;
    height: 359px;
  }
}
@media (max-width: 767px) {
  .slide__image {
    width: 400px;
    height: 199px;
  }
}
@media (max-width: 432px) {
  .slide__image {
    width: 342px;
    height: 170px;
  }
}
@keyframes fade {
  0% {
    opacity: 0;
  }
  4% {
    opacity: 1;
  }
  15% {
    opacity: 1;
  }
  18% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}

.section-video {
  margin-top: -280px;
}
@media (min-width: 768px) and (max-width: 1199px) {
  .section-video {
    margin-top: -260px;
  }
}
@media (max-width: 767px) {
  .section-video {
    margin-top: -212px;
  }
}

.video {
  overflow: hidden;
  width: 100%;
  max-width: 1100px;
  margin-left: auto;
  margin-right: auto;
  border-radius: var(--radius-l);
  box-shadow: var(--shadow-l);
}
@media (max-width: 1199px) {
  .video {
    background: none;
  }
}
.video__preview {
  display: block;
  width: 1100px;
  height: 547px;
}
@media (min-width: 768px) and (max-width: 1199px) {
  .video__preview {
    width: 720px;
    height: 358px;
  }
}
@media (max-width: 767px) {
  .video__preview {
    width: 400px;
    height: 199px;
  }
}
.video__toggle {
  position: relative;
  cursor: pointer;
}
.video__toggle:after {
  opacity: 0;
  content: "";
  display: block;
  position: absolute;
  z-index: 5;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: var(--brand-primary);
  transition: all 0.3s ease-in-out 0s;
}
@media (min-width: 1200px) {
  .video__toggle:hover:after {
    opacity: 0.05;
  }
}
@media (min-width: 1200px) {
  .video__toggle:hover .video__play {
    width: 152px;
    height: 152px;
    margin-top: -76px;
    margin-left: -76px;
  }
}
@media (min-width: 1200px) {
  .video__toggle:hover .video__icon {
    width: 72px;
    height: 72px;
    margin-top: -36px;
    margin-left: -36px;
  }
}
.video__play {
  position: absolute;
  z-index: 10;
  top: 50%;
  left: 50%;
  margin-top: -64px;
  margin-left: -64px;
  width: 128px;
  height: 128px;
  border-radius: var(--radius-max);
  transition: all 0.3s ease-in-out 0s;
  background: var(--brand-opacity-15);
}
@supports (backdrop-filter: none) {
  .video__play {
    background: var(--brand-opacity-15);
    backdrop-filter: blur(8px);
  }
}
@media (max-width: 767px) {
  .video__play {
    margin-top: -56px;
    margin-left: -56px;
    width: 112px;
    height: 112px;
  }
}
.video__icon {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -32px;
  margin-left: -32px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 64px;
  height: 64px;
  background: var(--brand-primary);
  border-radius: var(--radius-max);
  transition: all 0.3s ease-in-out 0s;
}
@media (max-width: 767px) {
  .video__icon {
    margin-top: -28px;
    margin-left: -28px;
    width: 56px;
    height: 56px;
  }
}

.services {
  gap: 64px;
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .services {
    gap: 48px;
  }
}
@media (max-width: 1199px) {
  .services {
    flex-direction: column;
    gap: 48px;
  }
}
@media (max-width: 767px) {
  .services {
    gap: 32px;
  }
}
.services__title {
  flex-shrink: 0;
  width: 300px;
}
@media (max-width: 1199px) {
  .services__title {
    width: 100%;
  }
}
.services__list {
  width: 100%;
}
@media (max-width: 1199px) {
  .services__list {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 32px;
  }
}
@media (max-width: 767px) {
  .services__list {
    grid-template-columns: 1fr 1fr;
  }
}

@media (min-width: 1200px) {
  .service:nth-child(6) {
    display: none !important;
  }
}

.feature {
  position: relative;
  display: flex;
  align-items: center;
  gap: 64px;
}
@media (max-width: 1199px) {
  .feature {
    flex-direction: column;
    gap: 48px;
  }
}
@media (max-width: 767px) {
  .feature {
    gap: 32px;
  }
}
.feature__content {
  flex-shrink: 0;
  width: 540px;
}
@media (max-width: 1199px) {
  .feature__content {
    width: 100%;
  }
}
.feature__images {
  display: flex;
  width: 100%;
  min-height: 312px;
}
@media (max-width: 1199px) {
  .feature__images {
    justify-content: center;
    min-height: 0;
  }
}
.feature__images--bottom {
  align-items: flex-end;
  height: 100%;
}
.feature__images--bottom .feature__picture {
  position: relative;
  top: 64px;
  border-radius: var(--radius-m) var(--radius-m) 0 0;
}
.feature__picture {
  display: block;
  width: 100%;
}
.feature--cloud {
  background: linear-gradient(97deg, #04894B 23.18%, #20D270 81.55%);
  color: var(--contrast-primary);
}
@media (max-width: 1199px) {
  .feature--cloud {
    flex-direction: column-reverse;
    background: linear-gradient(0, #04894B 23.18%, #11c160 81.55%);
  }
}
@media (min-width: 1200px) and (max-width: 1280px) {
  .feature--cloud .feature__images {
    align-items: center;
  }
}
@media (min-width: 1200px) and (max-width: 1280px) {
  .feature--cloud .feature__picture {
    width: 404px;
    height: 271px;
  }
}
@media (max-width: 1199px) {
  .feature--cloud .feature__picture {
    width: 300px;
    height: 201px;
  }
}
@media (max-width: 767px) {
  .feature--cloud .feature__picture {
    width: 260px;
    height: 174px;
  }
}
.feature--fb {
  display: grid;
  grid-template-columns: 1fr 540px;
  background: linear-gradient(97deg, #73B0FF 8.15%, #0058BC 63.05%);
  color: var(--contrast-primary);
}
@media (max-width: 1199px) {
  .feature--fb {
    display: flex;
    flex-direction: column-reverse;
    background: linear-gradient(0deg, #73B0FF 8.15%, #0058BC 63.05%);
  }
}
.feature--fb .feature__icon {
  position: absolute;
  top: -40px;
  left: 44px;
  width: 128px;
  height: 128px;
}
@media (max-width: 1199px) {
  .feature--fb .feature__icon {
    left: auto;
    right: 24px;
  }
}
@media (max-width: 767px) {
  .feature--fb .feature__icon {
    top: -22px;
    right: 20px;
    width: 64px;
    height: 64px;
  }
}
@media (max-width: 1199px) {
  .feature--fb .feature__picture {
    top: 0;
    margin-bottom: -48px;
  }
}
@media (max-width: 767px) {
  .feature--fb .feature__picture {
    margin-bottom: -32px;
  }
}
.feature--pwa {
  background: linear-gradient(277deg, #E89003 15.88%, #D35801 73.39%);
  color: var(--contrast-primary);
}
@media (max-width: 1199px) {
  .feature--pwa {
    background: linear-gradient(0, #E89003 15.88%, #D35801 73.39%);
  }
}
.feature--pwa .feature__images {
  align-items: flex-end;
}
.feature--pwa .feature__icon {
  position: absolute;
  top: -40px;
  right: 44px;
  width: 148px;
  height: 148px;
}
@media (max-width: 1199px) {
  .feature--pwa .feature__icon {
    right: 24px;
  }
}
@media (max-width: 767px) {
  .feature--pwa .feature__icon {
    top: -22px;
    right: 4px;
    width: 100px;
    height: 100px;
  }
}
.feature--mvt {
  display: grid;
  grid-template-columns: 1fr 540px;
  background: linear-gradient(97deg, #48C0FD 8.15%, #007BB9 63.05%);
  color: var(--contrast-primary);
}
@media (max-width: 1199px) {
  .feature--mvt {
    display: flex;
    flex-direction: column-reverse;
    background: linear-gradient(0, #48C0FD 8.15%, #007BB9 63.05%);
  }
}
.feature--mvt .feature__icon {
  position: absolute;
  top: -30px;
  left: 54px;
  width: 98px;
  height: 98px;
}
@media (max-width: 1199px) {
  .feature--mvt .feature__icon {
    left: auto;
    right: 24px;
  }
}
@media (max-width: 767px) {
  .feature--mvt .feature__icon {
    top: -22px;
    right: 24px;
    width: 56px;
    height: 56px;
  }
}
@media (max-width: 1199px) {
  .feature--mvt .feature__picture {
    top: 0;
    margin-bottom: -48px;
  }
}
@media (max-width: 767px) {
  .feature--mvt .feature__picture {
    margin-bottom: -32px;
  }
}
.feature--metrics {
  background: linear-gradient(97deg, #A30659 25.74%, #D01965 80.64%);
  color: var(--contrast-primary);
}
@media (max-width: 1199px) {
  .feature--metrics {
    display: flex;
    flex-direction: column;
    background: linear-gradient(180deg, #A30659 25.74%, #D01965 80.64%);
  }
}
.feature--metrics .feature__icon {
  position: absolute;
  top: -28px;
  right: 54px;
  width: 120px;
  height: 120px;
}
@media (max-width: 767px) {
  .feature--metrics .feature__icon {
    top: -20px;
    right: 24px;
    width: 60px;
    height: 60px;
  }
}
@media (max-width: 1199px) {
  .feature--metrics .feature__picture {
    top: 0;
    margin-bottom: -48px;
  }
}
@media (max-width: 767px) {
  .feature--metrics .feature__picture {
    margin-bottom: -32px;
  }
}
.feature--editor {
  display: grid;
  grid-template-columns: 1fr 540px;
  background: linear-gradient(277deg, #4C8E23 35.62%, #9CDA0A 94.42%);
  color: var(--contrast-primary);
}
@media (max-width: 1199px) {
  .feature--editor {
    display: flex;
    flex-direction: column-reverse;
    background: linear-gradient(180deg, #4C8E23 35.62%, #9CDA0A 94.42%);
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .feature--editor .title {
    width: 350px;
  }
}
@media (max-width: 767px) {
  .feature--editor .title {
    width: 300px;
  }
}
.feature--editor .feature__icon {
  position: absolute;
  top: -44px;
  left: 58px;
  width: 112px;
  height: 112px;
}
@media (max-width: 1199px) {
  .feature--editor .feature__icon {
    left: auto;
    right: 24px;
  }
}
@media (max-width: 767px) {
  .feature--editor .feature__icon {
    top: -28px;
    right: 20px;
    width: 72px;
    height: 72px;
  }
}
@media (max-width: 1199px) {
  .feature--editor .feature__picture {
    top: 0;
    margin-bottom: -48px;
  }
}
@media (max-width: 767px) {
  .feature--editor .feature__picture {
    margin-bottom: -32px;
  }
}

.divider {
  width: 100%;
  height: 1px;
}
.divider--main {
  background: var(--main-opacity-10);
}
.divider--contrast {
  background: var(--contrast-opacity-15);
}

.special .price__header {
  flex-shrink: 0;
  min-width: 180px;
}
.special .button__content {
  min-width: 300px;
}

@media (max-width: 1199px) {
  .pricing-settings {
    flex-direction: column-reverse;
  }
}

@media (max-width: 767px) {
  .pricing-tags {
    flex-direction: column;
    gap: 16px;
  }
}

@media (max-width: 1199px) {
  .price {
    width: 100%;
    max-width: 480px;
    margin-left: auto;
    margin-right: auto;
  }
}
.price__title {
  text-align: center;
}
@media (max-width: 767px) {
  .price__title {
    font-size: var(--font-size-title-l);
  }
}
.price__values {
  gap: 16px;
}
.price__values--special-annual {
  display: none;
}
.price__values--plan-annual {
  display: none;
}
.price__value {
  position: relative;
  gap: 4px;
}
.price__cross {
  position: absolute;
  top: 17px;
  left: 50%;
  margin-left: -22px;
  width: 56px;
  height: 2px;
  background: var(--danger-primary);
  transform: rotate(-18deg);
}
.price .button__content {
  padding: 0;
}

.referral {
  position: relative;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.05) 100%), linear-gradient(90deg, #1E99FD 0%, #D617E8 100%);
  color: var(--contrast-primary);
}
@media (max-width: 1199px) {
  .referral {
    flex-direction: column-reverse;
  }
}
.referral__content {
  max-width: 540px;
}
@media (max-width: 1199px) {
  .referral__content {
    width: 100%;
    max-width: 100%;
    padding-right: 228px;
  }
}
@media (max-width: 767px) {
  .referral__content {
    padding-right: 0;
  }
}
.referral__picture {
  width: 364px;
  height: 336px;
}
@media (max-width: 1199px) {
  .referral__picture {
    position: absolute;
    top: 48px;
    right: 48px;
    width: 182px;
    height: 168px;
  }
}
@media (max-width: 767px) {
  .referral__picture {
    top: auto;
    bottom: -10px;
    right: -40px;
    width: 150px;
    height: 138px;
  }
}
@media (max-width: 410px) {
  .referral__picture {
    right: -40px;
    bottom: -16px;
    width: 110px;
    height: 102px;
  }
}

.bonus {
  position: relative;
  background: linear-gradient(90deg, #00A2E8 31.73%, #00E26C 92.79%);
  color: var(--contrast-primary);
}
@media (max-width: 410px) {
  .bonus .title br {
    display: none;
  }
}
@media (max-width: 1199px) {
  .bonus {
    flex-direction: column-reverse;
  }
}
.bonus__content {
  max-width: 540px;
}
@media (max-width: 1199px) {
  .bonus__content {
    width: 100%;
    max-width: 100%;
    padding-right: 228px;
  }
}
@media (max-width: 767px) {
  .bonus__content {
    padding-right: 0;
  }
}
.bonus__picture {
  width: 300px;
  height: 300px;
}
@media (max-width: 1199px) {
  .bonus__picture {
    position: absolute;
    top: 48px;
    right: 36px;
    width: 180px;
    height: 180px;
  }
}
@media (max-width: 767px) {
  .bonus__picture {
    top: auto;
    bottom: -40px;
    right: 0;
    width: 140px;
    height: 140px;
  }
}
@media (max-width: 410px) {
  .bonus__picture {
    right: -16px;
    bottom: -30px;
    width: 112px;
    height: 112px;
  }
}

.question__toggle {
  width: 100%;
  text-align: left;
  transition: all 0.3s ease-in-out 0s;
}
.question__toggle:hover {
  color: var(--brand-primary);
}
.question__toggle:hover .icon * {
  fill: var(--brand-primary);
}
.question__toggle .icon {
  transition: all 0.3s ease-in-out 0s;
}
.question__content {
  overflow: hidden;
  max-height: 0;
  transition: all 0.3s ease-in-out 0s;
}
.question__content .box {
  padding-top: 0 !important;
}
.question--open .question__toggle {
  color: var(--brand-primary);
}
.question--open .icon {
  transform: rotate(180deg);
}
.question--open .icon * {
  fill: var(--brand-primary);
}

@media (max-width: 767px) {
  .ask {
    flex-direction: column;
    text-align: center;
  }
}

.switch {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  cursor: pointer;
}
.switch__input {
  opacity: 0;
  position: absolute;
  width: 0;
  height: 0;
}
.switch__input:checked + .switch__handle {
  background: var(--success-primary);
}
.switch__input:checked + .switch__handle:after {
  left: 32px;
}
.switch__handle {
  position: relative;
  width: 60px;
  height: 32px;
  background: var(--neutral-primary);
  border-radius: var(--radius-max);
  transition: all 0.3s ease-in-out 0s;
}
.switch__handle:after {
  content: "";
  position: absolute;
  top: 4px;
  left: 4px;
  width: 24px;
  height: 24px;
  background: var(--contrast-primary);
  border-radius: var(--radius-max);
  transition: all 0.3s ease-in-out 0s;
}

.dropdown {
  position: relative;
}
.dropdown:hover .dropdown__content {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}
.dropdown__content {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  position: absolute;
  top: 100%;
  transition: all 0.3s ease-in-out 0s;
}
.dropdown__box {
  padding: 8px 4px;
  background: var(--contrast-primary);
  border-radius: var(--radius-s);
  box-shadow: var(--shadow-m);
}

.burger {
  position: fixed;
  z-index: 100;
  top: 0;
  right: 100%;
  display: grid;
  grid-template-columns: 1fr 72px;
  width: 100%;
  height: 100%;
  transition: all 0.4s ease-in-out 0s;
}
.burger__box {
  height: 100%;
  padding: 32px 16px;
  border-radius: 0;
  overflow-y: auto;
}
.burger__close {
  opacity: 0;
  position: absolute;
  top: 16px;
  right: 16px;
  transition: all 0.7s ease-in-out 0s;
}
.burger__overlay {
  opacity: 0;
  transition: all 0.7s ease-in-out 0s;
  background: var(--main-opacity-70);
}
@supports (backdrop-filter: none) {
  .burger__overlay {
    background: var(--main-opacity-70);
    backdrop-filter: blur(8px);
  }
}

html {
  font-size: 16px;
}

body {
  min-width: 375px;
  background: var(--surface-neutral-primary);
  color: var(--content-main-primary);
  font-family: var(--font-family), system-ui, sans-serif;
  font-weight: var(--font-weight-regular);
  line-height: var(--line-height-m);
  font-size: var(--font-size-text-m);
}
body.burger-mode {
  overflow: hidden;
}
body.burger-mode .burger {
  right: 0;
}
body.burger-mode .burger__close {
  opacity: 1;
}
body.burger-mode .burger__overlay {
  opacity: 1;
}

h1, h2, h3, h4, h5, h6, b, strong {
  font-weight: var(--font-weight-bold);
}

::selection {
  background: var(--brand-primary);
  color: var(--contrast-primary);
}

.hidden {
  display: none !important;
}

@media (max-width: 1399px) {
  .hidden-laptop-max {
    display: none !important;
  }
}

@media (min-width: 1200px) {
  .hidden-laptop-min {
    display: none !important;
  }
}

@media (max-width: 1199px) {
  .hidden-tablet-max {
    display: none !important;
  }
}

@media (min-width: 768px) {
  .hidden-tablet-min {
    display: none !important;
  }
}

@media (max-width: 767px) {
  .hidden-mobile-only {
    display: none !important;
  }
}