* {
  padding: 0;
  margin: 0;
  border: 0;
}

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

:focus, :active {
  outline: none;
}

a:focus, a:active {
  outline: none;
}

nav, footer, header, aside {
  display: block;
}

html, body {
  height: 100%;
  width: 100%;
  font-size: 100%;
  line-height: 1;
  -ms-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

input, button, textarea {
  font-family: inherit;
}

input::-ms-clear {
  display: none;
}

button {
  cursor: pointer;
  background: none;
}

button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

a {
  color: inherit;
  text-decoration: none;
}

ul, ol, li {
  list-style: none;
}

img {
  vertical-align: top;
  max-width: 100%;
}

h1, h2, h3, h4, h5, h6 {
  font-size: inherit;
  font-weight: inherit;
}

@font-face {
  font-family: "Barlow Semi Condensed";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url("../fonts/BarlowSemiCondensed-Light.ttf") format("truetype");
}
@font-face {
  font-family: "Barlow Semi Condensed";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/BarlowSemiCondensed-Regular.ttf") format("truetype");
}
@font-face {
  font-family: "Barlow Semi Condensed";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../fonts/BarlowSemiCondensed-Bold.ttf") format("truetype");
}
@font-face {
  font-family: "Barlow Semi Condensed";
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url("../fonts/BarlowSemiCondensed-ExtraBold.ttf") format("truetype");
}
.container {
  width: 100%;
  margin: 0 auto;
  padding: 0 clamp(25px, min(100vw / 1600 * 25, 30px + (100vw - 1920px) * 0.0078125), 35px);
  max-width: 100%;
}
@media (min-width: 575px) {
  .container {
    max-width: 540px;
  }
}
@media (min-width: 820px) {
  .container {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .container {
    max-width: 960px;
  }
}
@media (min-width: 1280px) {
  .container {
    max-width: 1140px;
  }
}
@media (min-width: 1536px) {
  .container {
    max-width: 1300px;
  }
}
@media (min-width: 1600px) {
  .container {
    max-width: clamp(1320px, min(100vw / 1600 * 1320, 1584px + (100vw - 1920px) * 0.4125), 1848px);
  }
}

body {
  color: #26292D;
  font-size: 18px;
  font-family: "Barlow Semi Condensed", sans-serif;
}

html {
  height: 100%;
  margin-top: 0 !important;
}

body {
  display: flex;
  flex-direction: column;
  height: 100%;
}

header {
  flex: 0 0 auto;
}

main {
  position: relative;
  flex: 1 0 auto;
}

footer {
  flex: 0 0 auto;
}

html :where(.wp-block) {
  max-width: 90% !important;
}

.editor-styles-wrapper {
  padding-bottom: 0 !important;
  overflow: hidden;
}

h1,
h2 {
  font-size: clamp(40px, min(100vw / 1600 * 75, 90px + (100vw - 1920px) * 0.0234375), 105px);
  font-weight: 800;
  line-height: 0.9;
  text-transform: uppercase;
}

h3 {
  font-size: clamp(42px, min(100vw / 1600 * 60, 72px + (100vw - 1920px) * 0.01875), 84px);
  font-weight: 800;
  line-height: 1;
  text-transform: uppercase;
}

h4 {
  font-size: clamp(24px, min(100vw / 1600 * 40, 48px + (100vw - 1920px) * 0.0125), 56px);
  font-weight: 800;
  line-height: 1;
}

h5 {
  font-size: clamp(22px, min(100vw / 1600 * 25, 30px + (100vw - 1920px) * 0.0078125), 35px);
  font-weight: 400;
  line-height: 1.3;
}

h6 {
  font-size: clamp(20px, min(100vw / 1600 * 20, 24px + (100vw - 1920px) * 0.00625), 28px);
  font-weight: 800;
  line-height: 1.2;
}

p {
  font-size: clamp(20px, min(100vw / 1600 * 20, 24px + (100vw - 1920px) * 0.00625), 28px);
  font-weight: 400;
  line-height: 1.5;
}
p a {
  text-decoration: underline;
  color: #F32735;
  transition: 0.3s;
}
@media (hover: hover) {
  p a:hover {
    text-decoration: none;
  }
}

.title-sm {
  font-size: clamp(35px, min(100vw / 1600 * 35, 42px + (100vw - 1920px) * 0.0109375), 49px);
  font-weight: 700;
  line-height: 1;
  text-transform: uppercase;
}
.title-sm small {
  font-size: clamp(25px, min(100vw / 1600 * 25, 30px + (100vw - 1920px) * 0.0078125), 35px);
  font-weight: 400;
  line-height: 1.3;
  text-transform: none;
}

.badge {
  display: inline-flex;
  padding: clamp(5px, min(100vw / 1600 * 5, 6px + (100vw - 1920px) * 0.0015625), 7px) clamp(23px, min(100vw / 1600 * 23, 27.6px + (100vw - 1920px) * 0.0071875), 32.2px);
  border-radius: clamp(40px, min(100vw / 1600 * 40, 48px + (100vw - 1920px) * 0.0125), 56px);
  background: #F32735;
  color: #fff;
  font-size: clamp(20px, min(100vw / 1600 * 20, 24px + (100vw - 1920px) * 0.00625), 28px);
  font-weight: 400;
  line-height: 1;
  letter-spacing: clamp(6px, min(100vw / 1600 * 6, 7.2px + (100vw - 1920px) * 0.001875), 8.4px);
  text-transform: uppercase;
}

.callout {
  font-size: 18px;
  font-weight: 400;
  line-height: 1.3;
}

.subtitle {
  margin-bottom: clamp(16px, min(100vw / 1600 * 16, 19.2px + (100vw - 1920px) * 0.005), 22.4px);
  font-size: clamp(20px, min(100vw / 1600 * 20, 24px + (100vw - 1920px) * 0.00625), 28px);
  font-weight: 400;
  line-height: 1;
  letter-spacing: clamp(6px, min(100vw / 1600 * 6, 7.2px + (100vw - 1920px) * 0.001875), 8.4px);
  text-transform: uppercase;
  color: #F32735;
}

.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: clamp(20px, min(100vw / 1600 * 20, 24px + (100vw - 1920px) * 0.00625), 28px);
  text-align: center;
  border-radius: clamp(10px, min(100vw / 1600 * 10, 12px + (100vw - 1920px) * 0.003125), 14px);
  background: rgba(0, 0, 0, 0.4);
  backdrop-filter: blur(5px);
  border: none;
  color: #fff;
  font-size: clamp(18px, min(100vw / 1600 * 18, 21.6px + (100vw - 1920px) * 0.005625), 25.2px);
  font-weight: 700;
  line-height: 1.3;
  text-transform: uppercase;
  height: clamp(55px, min(100vw / 1600 * 55, 66px + (100vw - 1920px) * 0.0171875), 77px);
  white-space: nowrap;
  padding: 0 clamp(25px, min(100vw / 1600 * 25, 30px + (100vw - 1920px) * 0.0078125), 35px);
  transition: 0.3s;
}
.btn img {
  flex-shrink: 0;
  transition: transform 0.3s;
}
@media (hover: hover) {
  .btn:hover {
    background: #F32735;
  }
}
@media (hover: hover) {
  .btn:hover img {
    transform: translateX(3px);
  }
}

header {
  position: absolute;
  top: 0;
  left: 0;
  right: var(--scrollbar, 0px);
  z-index: 100;
}
header:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: clamp(137px, min(100vw / 1600 * 137, 164.4px + (100vw - 1920px) * 0.0428125), 191.8px);
  background: linear-gradient(to bottom, #000, rgba(0, 0, 0, 0));
  opacity: 0.2;
  pointer-events: none;
}

.wrapper-menu {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: clamp(844px, min(100vw / 1600 * 844, 1012.8px + (100vw - 1920px) * 0.26375), 1181.6px);
  max-width: 100%;
  height: clamp(69px, min(100vw / 1600 * 69, 82.8px + (100vw - 1920px) * 0.0215625), 96.6px);
  margin: 0 auto;
  padding: 0 clamp(30px, min(100vw / 1600 * 30, 36px + (100vw - 1920px) * 0.009375), 42px) 0 clamp(31px, min(100vw / 1600 * 31, 37.2px + (100vw - 1920px) * 0.0096875), 43.4px);
  border-radius: 0 0 clamp(10px, min(100vw / 1600 * 10, 12px + (100vw - 1920px) * 0.003125), 14px) clamp(10px, min(100vw / 1600 * 10, 12px + (100vw - 1920px) * 0.003125), 14px);
  background: rgba(0, 0, 0, 0.6);
  backdrop-filter: blur(5px);
}
@media (max-width: 992px) {
  .wrapper-menu {
    width: calc(100% - 50px);
  }
}
@media (max-width: 576px) {
  .wrapper-menu {
    width: calc(100% - 57px);
    height: 68px;
    padding: 0 10px;
  }
}

.logo {
  position: absolute;
  left: 50%;
  top: clamp(15px, min(100vw / 1600 * 15, 18px + (100vw - 1920px) * 0.0046875), 21px);
  transform: translateX(-50%);
  transition: opacity 0.3s;
}
@media (max-width: 576px) {
  .logo {
    top: 22px;
  }
}
.logo img {
  display: block;
  width: clamp(239px, min(100vw / 1600 * 239, 286.8px + (100vw - 1920px) * 0.0746875), 334.6px);
  height: auto;
}
@media (max-width: 576px) {
  .logo img {
    width: 133px;
  }
}
@media (hover: hover) {
  .logo:hover {
    opacity: 0.8;
  }
}

.burger {
  position: relative;
  width: clamp(25px, min(100vw / 1600 * 25, 30px + (100vw - 1920px) * 0.0078125), 35px);
  height: clamp(17.5px, min(100vw / 1600 * 17.5, 21px + (100vw - 1920px) * 0.00546875), 24.5px);
  padding: 0;
  border: none;
  background: none;
  cursor: pointer;
}
.burger span {
  position: absolute;
  left: 0;
  width: clamp(25px, min(100vw / 1600 * 25, 30px + (100vw - 1920px) * 0.0078125), 35px);
  height: 1.5px;
  border-radius: 1px;
  background: #fff;
  transition: top 0.25s 0.25s, width 0.25s, transform 0.25s, opacity 0.25s 0.25s;
}
.burger span:nth-child(1) {
  top: 0;
}
.burger span:nth-child(2) {
  top: clamp(8px, min(100vw / 1600 * 8, 9.6px + (100vw - 1920px) * 0.0025), 11.2px);
  width: clamp(20px, min(100vw / 1600 * 20, 24px + (100vw - 1920px) * 0.00625), 28px);
}
.burger span:nth-child(3) {
  top: clamp(16px, min(100vw / 1600 * 16, 19.2px + (100vw - 1920px) * 0.005), 22.4px);
}
@media (hover: hover) {
  .burger:hover span:nth-child(2) {
    width: clamp(25px, min(100vw / 1600 * 25, 30px + (100vw - 1920px) * 0.0078125), 35px);
  }
}

header.is-menu-open:before {
  opacity: 0;
}
header.is-menu-open .wrapper-menu {
  background: none;
  backdrop-filter: none;
}
header.is-menu-open .burger span {
  transition: top 0.25s, width 0.25s, transform 0.25s 0.25s, opacity 0.25s;
}
header.is-menu-open .burger span:nth-child(1), header.is-menu-open .burger span:nth-child(3) {
  top: clamp(8px, min(100vw / 1600 * 8, 9.6px + (100vw - 1920px) * 0.0025), 11.2px);
  width: clamp(25px, min(100vw / 1600 * 25, 30px + (100vw - 1920px) * 0.0078125), 35px);
}
header.is-menu-open .burger span:nth-child(1) {
  transform: rotate(45deg);
}
header.is-menu-open .burger span:nth-child(2) {
  opacity: 0;
  transform: translateX(-12px);
}
header.is-menu-open .burger span:nth-child(3) {
  transform: rotate(-45deg);
}

.header-link {
  font-size: clamp(18px, min(100vw / 1600 * 18, 21.6px + (100vw - 1920px) * 0.005625), 25.2px);
  font-weight: 700;
  line-height: 1.3;
  text-transform: uppercase;
  color: #fff;
  transition: color 0.3s;
}
@media (max-width: 576px) {
  .header-link {
    width: 88px;
    font-size: 16px;
    line-height: 1;
    text-align: right;
  }
}
@media (hover: hover) {
  .header-link:hover {
    color: #F32735;
  }
}

.main_menu {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: calc(var(--vh, 1vh) * 100);
  padding: clamp(218px, min(100vw / 1600 * 218, 261.6px + (100vw - 1920px) * 0.068125), 305.2px) clamp(25px, min(100vw / 1600 * 25, 30px + (100vw - 1920px) * 0.0078125), 35px) clamp(60px, min(100vw / 1600 * 60, 72px + (100vw - 1920px) * 0.01875), 84px);
  overflow-y: auto;
  background: rgba(0, 0, 0, 0.6);
  backdrop-filter: blur(5px);
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s, visibility 0.3s;
  z-index: -1;
}
@media (max-width: 576px) {
  .main_menu {
    padding-top: 140px;
  }
}
.main_menu ul {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: clamp(62.5px, min(100vw / 1600 * 62.5, 75px + (100vw - 1920px) * 0.01953125), 87.5px);
}
@media (max-width: 576px) {
  .main_menu ul {
    gap: 40px;
  }
}
.main_menu a {
  display: block;
  color: #fff;
  font-size: clamp(35px, min(100vw / 1600 * 35, 42px + (100vw - 1920px) * 0.0109375), 49px);
  font-weight: 800;
  line-height: 0.9;
  text-transform: uppercase;
  text-align: center;
}
@media (max-width: 576px) {
  .main_menu a {
    font-size: 28px;
  }
}
.main_menu a {
  transition: color 0.3s, transform 0.3s;
}
@media (hover: hover) {
  .main_menu a:hover {
    color: #F32735;
    transform: scale(1.05);
  }
}

header.is-menu-open .main_menu {
  opacity: 1;
  visibility: visible;
}

.bg-mob,
.logo-mob,
.glow-mob,
.image-mob {
  display: none;
}

.s-hero {
  position: relative;
  isolation: isolate;
  height: calc(var(--vh, 1vh) * 100);
  overflow: hidden;
}
@media (max-width: 1024px) {
  .s-hero {
    height: auto;
    aspect-ratio: 1600/1000;
  }
}
@media (max-width: 576px) {
  .s-hero {
    height: calc(var(--vh, 1vh) * 100);
    aspect-ratio: auto;
  }
}
.s-hero .stage {
  position: absolute;
  top: 50%;
  left: 50%;
  width: max(100%, var(--vh, 1vh) * 160);
  aspect-ratio: 1600/1000;
  transform: translate(-50%, -50%);
}
@media (max-width: 1024px) {
  .s-hero .stage {
    width: 100%;
  }
}
@media (max-width: 576px) {
  .s-hero .stage {
    width: max(100%, var(--vh, 1vh) * 55.04);
    aspect-ratio: 393/714;
  }
}
.s-hero .brand,
.s-hero .glow,
.s-hero .vehicle,
.s-hero .logo-mob,
.s-hero .glow-mob {
  position: absolute;
  height: auto;
}
.s-hero .brand {
  left: 6.269%;
  top: 52.4%;
  width: 88.606%;
}
.s-hero .glow {
  left: 37.559%;
  top: 48.779%;
  width: 18.377%;
}
.s-hero .vehicle {
  left: 40.634%;
  top: 4.749%;
  width: 25.279%;
}
@media (max-width: 576px) {
  .s-hero .vehicle {
    left: 34.1%;
    top: 13.03%;
    width: 64.12%;
  }
}
.s-hero .logo-mob {
  left: 7.63%;
  top: 64.57%;
  width: 84.86%;
}
.s-hero .glow-mob {
  left: 20.36%;
  top: 47.9%;
  width: 58.02%;
}
.s-hero .btn {
  position: absolute;
  left: 50%;
  bottom: clamp(62px, min(100vw / 1600 * 62, 74.4px + (100vw - 1920px) * 0.019375), 86.8px);
  transform: translateX(-50%);
  z-index: 1;
}
@media (max-width: 1024px) {
  .s-hero .btn {
    bottom: 6.2%;
  }
}
@media (max-width: 576px) {
  .s-hero .btn {
    bottom: 39px;
  }
}
.s-hero .btn img {
  width: clamp(17px, min(100vw / 1600 * 17, 20.4px + (100vw - 1920px) * 0.0053125), 23.8px);
  height: auto;
}
@media (max-width: 576px) {
  .s-hero .bg-pc,
  .s-hero .brand,
  .s-hero .glow {
    display: none;
  }
}
@media (max-width: 576px) {
  .s-hero .bg-mob,
  .s-hero .logo-mob,
  .s-hero .glow-mob {
    display: block;
  }
}

.s-ride {
  padding: clamp(225.5px, min(100vw / 1600 * 451, 541.2px + (100vw - 1920px) * 0.1409375), 631.4px) 0 clamp(123px, min(100vw / 1600 * 246, 295.2px + (100vw - 1920px) * 0.076875), 344.4px) 0;
  position: relative;
  isolation: isolate;
  color: #fff;
}
@media (max-width: 576px) {
  .s-ride {
    height: 372px;
    padding: 0;
  }
}
.s-ride:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 46.8%;
  height: 100%;
  background: linear-gradient(to right, #000, rgba(0, 0, 0, 0));
  opacity: 0.4;
  z-index: -1;
}
@media (max-width: 576px) {
  .s-ride:after {
    content: none;
  }
}
.s-ride .subtitle {
  margin-bottom: clamp(13px, min(100vw / 1600 * 13, 15.6px + (100vw - 1920px) * 0.0040625), 18.2px);
}
@media (max-width: 576px) {
  .s-ride .container {
    display: none;
  }
}
@media (max-width: 576px) {
  .s-ride .bg-pc {
    display: none;
  }
}
@media (max-width: 576px) {
  .s-ride .bg-mob {
    display: block;
  }
}

.s-model {
  padding: 0 0 clamp(85px, min(100vw / 1600 * 170, 204px + (100vw - 1920px) * 0.053125), 238px) 0;
  position: relative;
  isolation: isolate;
  overflow: hidden;
  background: #182023;
  color: #fff;
}
@media (max-width: 576px) {
  .s-model {
    padding: 73px 0 113px;
  }
}
.s-model .glow {
  position: absolute;
  top: clamp(67px, min(100vw / 1600 * 67, 80.4px + (100vw - 1920px) * 0.0209375), 93.8px);
  left: 50%;
  width: clamp(1572px, min(100vw / 1600 * 1572, 1886.4px + (100vw - 1920px) * 0.49125), 2200.8px);
  max-width: none;
  height: auto;
  transform: translateX(-50%);
  z-index: -1;
}
@media (max-width: 576px) {
  .s-model .glow {
    display: none;
  }
}
.s-model .glow-mob {
  position: absolute;
  top: clamp(-232.4px, max(100vw / 1600 * -166, -199.2px + (100vw - 1920px) * -0.051875), -166px);
  left: 50%;
  max-width: none;
  margin-left: clamp(-886.2px, max(100vw / 1600 * -633, -759.6px + (100vw - 1920px) * -0.1978125), -633px);
  z-index: -1;
}
@media (max-width: 576px) {
  .s-model .glow-mob {
    display: block;
  }
}
.s-model .image {
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (max-width: 576px) {
  .s-model .image {
    display: none;
  }
}
.s-model .image img {
  display: block;
  width: clamp(1600px, min(100vw / 1600 * 1600, 1920px + (100vw - 1920px) * 0.5), 2240px);
  max-width: none;
  height: auto;
  flex-shrink: 0;
}
@media (max-width: 820px) {
  .s-model .image img {
    width: 165vw;
  }
}
.s-model .image .brand {
  position: relative;
  left: clamp(-40.6px, max(100vw / 1600 * -29, -34.8px + (100vw - 1920px) * -0.0090625), -29px);
  width: clamp(771px, min(100vw / 1600 * 771, 925.2px + (100vw - 1920px) * 0.2409375), 1079.4px);
  margin: clamp(130px, min(100vw / 1600 * 130, 156px + (100vw - 1920px) * 0.040625), 182px) 0 clamp(30px, min(100vw / 1600 * 30, 36px + (100vw - 1920px) * 0.009375), 42px);
}
@media (max-width: 820px) {
  .s-model .image .brand {
    left: -3vw;
    width: 79.5vw;
    margin: 13.4vw 0 3.1vw;
  }
}
.s-model .image .atv {
  -webkit-mask-image: linear-gradient(to bottom, transparent, #000 6%, #000 77.1%, transparent);
  mask-image: linear-gradient(to bottom, transparent, #000 6%, #000 77.1%, transparent);
}
.s-model .image-mob {
  position: relative;
  width: 337px;
  max-width: calc(100% - 40px);
  margin: 0 auto;
}
@media (max-width: 576px) {
  .s-model .image-mob {
    display: block;
  }
}
.s-model .image-mob img {
  display: block;
  width: 100%;
  height: auto;
}
.s-model .image-mob .brand {
  width: 99.11%;
  margin-left: 0.59%;
}
.s-model .image-mob .callouts {
  position: relative;
  margin-top: 63px;
  aspect-ratio: 337/425;
}
.s-model .image-mob .shadow,
.s-model .image-mob .atv {
  position: absolute;
  top: 25.65%;
  left: 1.78%;
  width: 98.22%;
}
.s-model .image-mob .shadow {
  opacity: 0.7;
  mix-blend-mode: multiply;
}
.s-model .image-mob .points {
  position: absolute;
  inset: 0;
  height: 100%;
}
.s-model .image-mob .callout {
  position: absolute;
  white-space: nowrap;
}
.s-model .image-mob .callout-engine {
  top: 16.94%;
  left: 0;
}
.s-model .image-mob .callout-connect {
  top: 0.94%;
  left: 29.38%;
  width: 119px;
  white-space: normal;
}
.s-model .image-mob .callout-seat {
  top: 10.12%;
  left: 63.5%;
}
.s-model .image-mob .callout-drive {
  top: 0;
  right: 0;
}
.s-model .image-mob .callout-winch {
  top: 90.59%;
  left: 14.24%;
}
.s-model .image-mob .callout-clearance {
  top: 89.18%;
  right: 0;
  text-align: right;
}
.s-model .stats {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  height: clamp(158px, min(100vw / 1600 * 158, 189.6px + (100vw - 1920px) * 0.049375), 221.2px);
  margin-top: clamp(13px, min(100vw / 1600 * 13, 15.6px + (100vw - 1920px) * 0.0040625), 18.2px);
  padding: 0 clamp(40px, min(100vw / 1600 * 40, 48px + (100vw - 1920px) * 0.0125), 56px);
  align-items: center;
  text-align: center;
  border: 1px solid #656565;
  border-radius: clamp(10px, min(100vw / 1600 * 10, 12px + (100vw - 1920px) * 0.003125), 14px);
  background: rgba(125, 125, 125, 0.2);
  backdrop-filter: blur(5px);
}
@media (max-width: 992px) {
  .s-model .stats {
    grid-template-columns: repeat(2, 1fr);
    row-gap: 40px;
    height: auto;
    padding: 34px 20px;
  }
}
@media (max-width: 576px) {
  .s-model .stats {
    grid-template-columns: 1fr;
    width: 227px;
    margin: 166px auto 0;
    padding: 34px 0 53px;
  }
}
.s-model .stats .item {
  position: relative;
}
.s-model .stats .item:not(:first-child):before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 1px;
  height: clamp(54px, min(100vw / 1600 * 54, 64.8px + (100vw - 1920px) * 0.016875), 75.6px);
  margin-top: clamp(-37.8px, max(100vw / 1600 * -27, -32.4px + (100vw - 1920px) * -0.0084375), -27px);
  background: #656565;
}
@media (max-width: 576px) {
  .s-model .stats .item:not(:first-child):before {
    top: -20px;
    left: 50%;
    width: 104px;
    height: 1px;
    margin: 0 0 0 -52px;
  }
}
@media (max-width: 992px) {
  .s-model .stats .item:nth-child(3):before {
    content: none;
  }
}
@media (max-width: 576px) {
  .s-model .stats .item:nth-child(3):before {
    content: "";
  }
}
.s-model .stats .value {
  font-size: clamp(60px, min(100vw / 1600 * 60, 72px + (100vw - 1920px) * 0.01875), 84px);
  font-weight: 800;
  line-height: 1.2;
  font-variant-numeric: tabular-nums;
}
.s-model .stats .unit {
  font-size: clamp(20px, min(100vw / 1600 * 20, 24px + (100vw - 1920px) * 0.00625), 28px);
}
.s-model .stats .label {
  margin-top: clamp(-5.6px, max(100vw / 1600 * -4, -4.8px + (100vw - 1920px) * -0.00125), -4px);
  font-size: clamp(18px, min(100vw / 1600 * 18, 21.6px + (100vw - 1920px) * 0.005625), 25.2px);
  line-height: 1.2;
}
.s-model .inner-box {
  position: relative;
  margin-top: clamp(140px, min(100vw / 1600 * 140, 168px + (100vw - 1920px) * 0.04375), 196px);
  text-align: center;
}
@media (max-width: 576px) {
  .s-model .inner-box {
    margin-top: 107px;
  }
}
.s-model .logo-bg {
  position: absolute;
  top: clamp(58px, min(100vw / 1600 * 58, 69.6px + (100vw - 1920px) * 0.018125), 81.2px);
  left: 50%;
  width: clamp(1100px, min(100vw / 1600 * 1100, 1320px + (100vw - 1920px) * 0.34375), 1540px);
  max-width: none;
  height: auto;
  transform: translateX(-50%);
  opacity: 0.04;
  z-index: -1;
}
@media (max-width: 576px) {
  .s-model .logo-bg {
    top: 124px;
    width: 336px;
  }
}
.s-model h5 {
  margin-top: clamp(56px, min(100vw / 1600 * 56, 67.2px + (100vw - 1920px) * 0.0175), 78.4px);
}
@media (max-width: 576px) {
  .s-model h5 {
    max-width: 282px;
    margin: 41px auto 0;
  }
}
@media (max-width: 576px) {
  .s-model h5 br {
    display: none;
  }
}
.s-model .btn {
  margin-top: clamp(71px, min(100vw / 1600 * 71, 85.2px + (100vw - 1920px) * 0.0221875), 99.4px);
  gap: clamp(60px, min(100vw / 1600 * 60, 72px + (100vw - 1920px) * 0.01875), 84px);
  background: #F32735;
  backdrop-filter: none;
}
@media (max-width: 576px) {
  .s-model .btn {
    margin-top: 51px;
  }
}
@media (hover: hover) {
  .s-model .btn:hover {
    background: #C91E2A;
  }
}
.s-model .btn img {
  width: clamp(11px, min(100vw / 1600 * 11, 13.2px + (100vw - 1920px) * 0.0034375), 15.4px);
  height: auto;
  transform: rotate(180deg);
}

.s-model .stats .item,
.s-model .stats .item:before {
  transition: opacity 0.6s, transform 0.6s cubic-bezier(0.2, 0.8, 0.2, 1);
}

.s-model .stats.is-hidden .item {
  opacity: 0;
  transform: translateY(30px);
}
.s-model .stats.is-hidden .item:not(:first-child):before {
  transform: scaleY(0);
}

.s-model .stats .item:nth-child(1), .s-model .stats .item:nth-child(1):before {
  transition-delay: 0s;
}
.s-model .stats .item:nth-child(2), .s-model .stats .item:nth-child(2):before {
  transition-delay: 0.15s;
}
.s-model .stats .item:nth-child(3), .s-model .stats .item:nth-child(3):before {
  transition-delay: 0.3s;
}
.s-model .stats .item:nth-child(4), .s-model .stats .item:nth-child(4):before {
  transition-delay: 0.45s;
}

.s-model .stats .value.is-done {
  animation: stat-pop 0.5s ease-out;
}

@keyframes stat-pop {
  0% {
    transform: scale(1);
  }
  40% {
    transform: scale(1.12);
    text-shadow: 0 0 25px rgba(243, 39, 53, 0.8);
  }
  100% {
    transform: scale(1);
  }
}
.s-ways {
  margin: clamp(83px, min(100vw / 1600 * 166, 199.2px + (100vw - 1920px) * 0.051875), 232.4px) 0 clamp(94.5px, min(100vw / 1600 * 189, 226.8px + (100vw - 1920px) * 0.0590625), 264.6px) 0;
  position: relative;
  isolation: isolate;
  overflow: hidden;
  background: #fff;
  color: #000;
  text-align: center;
}
@media (max-width: 576px) {
  .s-ways {
    margin: 71px 0 88px;
  }
}
@media (max-width: 576px) {
  .s-ways .subtitle {
    margin-bottom: 10px;
  }
}
.s-ways .logo-720 {
  position: absolute;
  top: clamp(415px, min(100vw / 1600 * 415, 498px + (100vw - 1920px) * 0.1296875), 581px);
  left: 50%;
  max-width: none;
  width: clamp(627px, min(100vw / 1600 * 627, 752.4px + (100vw - 1920px) * 0.1959375), 877.8px);
  height: auto;
  transform: rotate(-84.47deg);
  transition: opacity 0.5s;
  z-index: -1;
}
@media (max-width: 576px) {
  .s-ways .logo-720 {
    top: 301px;
    width: 342px;
    height: auto;
  }
}
.s-ways .logo-720-left {
  margin-left: clamp(-1449px, max(100vw / 1600 * -1035, -1242px + (100vw - 1920px) * -0.3234375), -1035px);
}
@media (max-width: 576px) {
  .s-ways .logo-720-left {
    margin-left: -330px;
  }
}
.s-ways .logo-720-right {
  margin-left: clamp(401px, min(100vw / 1600 * 401, 481.2px + (100vw - 1920px) * 0.1253125), 561.4px);
  opacity: 0;
}
@media (max-width: 576px) {
  .s-ways .logo-720-right {
    margin-left: -12px;
  }
}
.s-ways .swiper {
  margin-top: clamp(84px, min(100vw / 1600 * 84, 100.8px + (100vw - 1920px) * 0.02625), 117.6px);
  text-align: left;
}
@media (max-width: 576px) {
  .s-ways .swiper {
    margin-top: 53px;
  }
}
.s-ways .swiper-slide {
  position: relative;
  width: clamp(523px, min(100vw / 1600 * 523, 627.6px + (100vw - 1920px) * 0.1634375), 732.2px);
  border-radius: clamp(10px, min(100vw / 1600 * 10, 12px + (100vw - 1920px) * 0.003125), 14px);
  overflow: hidden;
}
@media (max-width: 820px) {
  .s-ways .swiper-slide {
    width: 400px;
  }
}
@media (max-width: 576px) {
  .s-ways .swiper-slide {
    width: 293px;
  }
}
.s-ways .swiper-slide img {
  display: block;
  width: 100%;
  height: auto;
  transition: transform 0.6s;
}
@media (hover: hover) {
  .s-ways .swiper-slide:hover img {
    transform: scale(1.05);
  }
}
.s-ways .swiper-slide h4 {
  position: absolute;
  left: clamp(40px, min(100vw / 1600 * 40, 48px + (100vw - 1920px) * 0.0125), 56px);
  bottom: clamp(44px, min(100vw / 1600 * 44, 52.8px + (100vw - 1920px) * 0.01375), 61.6px);
  color: #fff;
}
@media (max-width: 820px) {
  .s-ways .swiper-slide h4 {
    left: 30px;
    bottom: 30px;
  }
}
@media (max-width: 576px) {
  .s-ways .swiper-slide h4 {
    left: 22px;
    bottom: 25px;
  }
}
.s-ways .controls {
  margin-top: clamp(92px, min(100vw / 1600 * 92, 110.4px + (100vw - 1920px) * 0.02875), 128.8px);
}
@media (max-width: 576px) {
  .s-ways .controls {
    margin-top: 44px;
  }
}

.s-ways.is-scrolled .logo-720-left {
  opacity: 0;
}

.s-ways.is-end .logo-720-right {
  opacity: 1;
}

.s-features {
  padding: clamp(50px, min(100vw / 1600 * 100, 120px + (100vw - 1920px) * 0.03125), 140px) 0 clamp(50px, min(100vw / 1600 * 100, 120px + (100vw - 1920px) * 0.03125), 140px) 0;
  position: relative;
  isolation: isolate;
  display: flex;
  align-items: center;
  min-height: clamp(1000px, min(100vw / 1600 * 1000, 1200px + (100vw - 1920px) * 0.3125), 1400px);
  color: #fff;
}
@media (max-width: 820px) {
  .s-features {
    flex-direction: column;
    align-items: stretch;
    min-height: 0;
    padding: 0;
  }
}
.s-features .container {
  display: flex;
  justify-content: flex-end;
}
@media (max-width: 820px) {
  .s-features .container {
    order: 1;
    padding: 0;
  }
}
.s-features .m-accordion {
  width: clamp(523px, min(100vw / 1600 * 523, 627.6px + (100vw - 1920px) * 0.1634375), 732.2px);
  padding: clamp(40px, min(100vw / 1600 * 40, 48px + (100vw - 1920px) * 0.0125), 56px);
  border-radius: clamp(10px, min(100vw / 1600 * 10, 12px + (100vw - 1920px) * 0.003125), 14px);
  background: rgba(0, 0, 0, 0.6);
  backdrop-filter: blur(5px);
}
@media (max-width: 820px) {
  .s-features .m-accordion {
    width: 100%;
    border-radius: 10px 10px 0 0;
    background: #182023;
    backdrop-filter: none;
  }
}
@media (max-width: 820px) {
  .s-features .bg {
    position: static;
    order: 2;
    height: 420px;
  }
}
@media (max-width: 576px) {
  .s-features .bg {
    height: 245px;
  }
}

.s-equipment {
  padding: clamp(90px, min(100vw / 1600 * 180, 216px + (100vw - 1920px) * 0.05625), 252px) 0 clamp(93px, min(100vw / 1600 * 186, 223.2px + (100vw - 1920px) * 0.058125), 260.4px) 0;
  background: #182023;
  color: #fff;
  text-align: center;
}
@media (max-width: 576px) {
  .s-equipment {
    padding: 95px 0 90px;
  }
}
@media (max-width: 576px) {
  .s-equipment h3 {
    max-width: 324px;
    margin: 0 auto;
  }
}
.s-equipment h5 {
  margin-top: clamp(25px, min(100vw / 1600 * 25, 30px + (100vw - 1920px) * 0.0078125), 35px);
}
@media (max-width: 576px) {
  .s-equipment h5 {
    margin-top: 22px;
  }
}
.s-equipment .cards {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: clamp(12px, min(100vw / 1600 * 12, 14.4px + (100vw - 1920px) * 0.00375), 16.8px);
  margin-left: clamp(-2.1px, max(100vw / 1600 * -1.5, -1.8px + (100vw - 1920px) * -0.00046875), -1.5px);
  margin-right: clamp(-2.1px, max(100vw / 1600 * -1.5, -1.8px + (100vw - 1920px) * -0.00046875), -1.5px);
  margin-top: clamp(113px, min(100vw / 1600 * 113, 135.6px + (100vw - 1920px) * 0.0353125), 158.2px);
  text-align: left;
}
@media (max-width: 576px) {
  .s-equipment .cards {
    margin-top: 67px;
  }
}
.s-equipment .card {
  position: relative;
  display: flex;
  flex-direction: column;
  width: clamp(416px, min(100vw / 1600 * 416, 499.2px + (100vw - 1920px) * 0.13), 582.4px);
  border-radius: clamp(10px, min(100vw / 1600 * 10, 12px + (100vw - 1920px) * 0.003125), 14px);
  overflow: hidden;
  background: rgba(255, 255, 255, 0.1);
  transition: transform 0.3s, background 0.3s;
}
@media (max-width: 576px) {
  .s-equipment .card {
    width: 100%;
  }
}
.s-equipment .card img {
  display: block;
  width: 100%;
  height: auto;
}
@media (max-width: 576px) {
  .s-equipment .card img {
    height: 223px;
    -o-object-fit: cover;
    object-fit: cover;
  }
}
@media (hover: hover) {
  .s-equipment .card:hover {
    transform: translateY(-6px);
    background: rgba(255, 255, 255, 0.15);
  }
}
.s-equipment .badge {
  position: absolute;
  top: clamp(172px, min(100vw / 1600 * 172, 206.4px + (100vw - 1920px) * 0.05375), 240.8px);
  left: clamp(40px, min(100vw / 1600 * 40, 48px + (100vw - 1920px) * 0.0125), 56px);
}
@media (max-width: 576px) {
  .s-equipment .badge {
    left: 32px;
    padding: 5px 20px;
    font-size: 18px;
    letter-spacing: 5.4px;
  }
}
.s-equipment .inner-box {
  display: flex;
  flex-direction: column;
  gap: clamp(30px, min(100vw / 1600 * 30, 36px + (100vw - 1920px) * 0.009375), 42px);
  padding: clamp(37px, min(100vw / 1600 * 37, 44.4px + (100vw - 1920px) * 0.0115625), 51.8px) clamp(40px, min(100vw / 1600 * 40, 48px + (100vw - 1920px) * 0.0125), 56px) clamp(40px, min(100vw / 1600 * 40, 48px + (100vw - 1920px) * 0.0125), 56px);
}
@media (max-width: 576px) {
  .s-equipment .inner-box {
    padding: 37px 30px 40px;
  }
}

.s-compare {
  margin: clamp(76.5px, min(100vw / 1600 * 153, 183.6px + (100vw - 1920px) * 0.0478125), 214.2px) 0 clamp(50px, min(100vw / 1600 * 100, 120px + (100vw - 1920px) * 0.03125), 140px) 0;
  background: #fff;
  color: #000;
  text-align: center;
}
@media (max-width: 576px) {
  .s-compare {
    margin: 95px 0 60px;
  }
}
.s-compare .swiper {
  left: clamp(-12.6px, max(100vw / 1600 * -9, -10.8px + (100vw - 1920px) * -0.0028125), -9px);
  width: clamp(785px, min(100vw / 1600 * 785, 942px + (100vw - 1920px) * 0.2453125), 1099px);
  margin-top: clamp(81px, min(100vw / 1600 * 81, 97.2px + (100vw - 1920px) * 0.0253125), 113.4px);
  text-align: left;
}
@media (max-width: 820px) {
  .s-compare .swiper {
    left: 0;
    width: calc(100% - 50px);
  }
}
@media (max-width: 576px) {
  .s-compare .swiper {
    width: calc(100% - 56px);
    margin-top: 50px;
  }
}
.s-compare .photo {
  display: block;
  width: clamp(364px, min(100vw / 1600 * 364, 436.8px + (100vw - 1920px) * 0.11375), 509.6px);
  height: auto;
}
@media (max-width: 820px) {
  .s-compare .photo {
    width: 100%;
  }
}
.s-compare .colors,
.s-compare .title-sm,
.s-compare .specs {
  margin-left: clamp(18px, min(100vw / 1600 * 18, 21.6px + (100vw - 1920px) * 0.005625), 25.2px);
}
@media (max-width: 820px) {
  .s-compare .colors,
  .s-compare .title-sm,
  .s-compare .specs {
    margin-left: 0;
  }
}
.s-compare .colors {
  position: relative;
  margin-top: clamp(-23.8px, max(100vw / 1600 * -17, -20.4px + (100vw - 1920px) * -0.0053125), -17px);
  display: flex;
  gap: clamp(6.5px, min(100vw / 1600 * 6.5, 7.8px + (100vw - 1920px) * 0.00203125), 9.1px);
}
@media (max-width: 576px) {
  .s-compare .colors {
    margin-top: 5px;
  }
}
.s-compare .colors span {
  width: clamp(33px, min(100vw / 1600 * 33, 39.6px + (100vw - 1920px) * 0.0103125), 46.2px);
  height: clamp(33px, min(100vw / 1600 * 33, 39.6px + (100vw - 1920px) * 0.0103125), 46.2px);
  border-radius: 50%;
  background: linear-gradient(var(--top) 50%, var(--bottom) 50%);
}
.s-compare .title-sm {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  min-height: clamp(70px, min(100vw / 1600 * 70, 84px + (100vw - 1920px) * 0.021875), 98px);
  margin-top: clamp(17px, min(100vw / 1600 * 17, 20.4px + (100vw - 1920px) * 0.0053125), 23.8px);
}
@media (max-width: 576px) {
  .s-compare .title-sm {
    max-width: 134px;
    min-height: 60px;
    margin-top: 30px;
    font-size: 20px;
  }
}
.s-compare .specs {
  position: relative;
  display: grid;
  gap: clamp(35px, min(100vw / 1600 * 35, 42px + (100vw - 1920px) * 0.0109375), 49px);
  margin-top: clamp(31px, min(100vw / 1600 * 31, 37.2px + (100vw - 1920px) * 0.0096875), 43.4px);
  padding-top: clamp(20px, min(100vw / 1600 * 20, 24px + (100vw - 1920px) * 0.00625), 28px);
}
@media (max-width: 576px) {
  .s-compare .specs {
    gap: 40px;
    margin-top: 27px;
    padding-top: 32px;
  }
}
.s-compare .specs:before {
  content: "";
  position: absolute;
  top: 0;
  left: clamp(-4.2px, max(100vw / 1600 * -3, -3.6px + (100vw - 1920px) * -0.0009375), -3px);
  width: calc(100% + clamp(78px, min(100vw / 1600 * 78, 93.6px + (100vw - 1920px) * 0.024375), 109.2px));
  height: 1px;
  background: #D5D5D2;
}
@media (max-width: 820px) {
  .s-compare .specs:before {
    left: 0;
    width: calc(100% + 57px);
  }
}
@media (max-width: 576px) {
  .s-compare .specs:before {
    width: calc(100% + 16px);
  }
}
.s-compare .specs li {
  display: grid;
  grid-template-columns: clamp(49px, min(100vw / 1600 * 49, 58.8px + (100vw - 1920px) * 0.0153125), 68.6px) 1fr;
  -moz-column-gap: clamp(20px, min(100vw / 1600 * 20, 24px + (100vw - 1920px) * 0.00625), 28px);
  column-gap: clamp(20px, min(100vw / 1600 * 20, 24px + (100vw - 1920px) * 0.00625), 28px);
  align-items: center;
}
@media (max-width: 576px) {
  .s-compare .specs li {
    grid-template-columns: 1fr;
    row-gap: 8px;
  }
}
.s-compare .specs .icon-wheel {
  width: clamp(42px, min(100vw / 1600 * 42, 50.4px + (100vw - 1920px) * 0.013125), 58.8px);
}
.s-compare .specs .icon-clearance,
.s-compare .specs .icon-display {
  width: clamp(49px, min(100vw / 1600 * 49, 58.8px + (100vw - 1920px) * 0.0153125), 68.6px);
}
.s-compare .specs .icon-damper {
  width: clamp(37px, min(100vw / 1600 * 37, 44.4px + (100vw - 1920px) * 0.0115625), 51.8px);
}
.s-compare .specs .icon-winch {
  width: clamp(38px, min(100vw / 1600 * 38, 45.6px + (100vw - 1920px) * 0.011875), 53.2px);
}
.s-compare .specs .icon-bumper {
  width: clamp(44px, min(100vw / 1600 * 44, 52.8px + (100vw - 1920px) * 0.01375), 61.6px);
}
.s-compare .specs img {
  height: auto;
  grid-row: span 2;
  justify-self: center;
}
@media (max-width: 576px) {
  .s-compare .specs img {
    grid-row: auto;
    justify-self: start;
  }
}
.s-compare .value {
  align-self: end;
  font-size: clamp(25px, min(100vw / 1600 * 25, 30px + (100vw - 1920px) * 0.0078125), 35px);
  font-weight: 700;
  line-height: 1.3;
  color: #090A0C;
}
.s-compare .label {
  align-self: start;
  font-size: clamp(20px, min(100vw / 1600 * 20, 24px + (100vw - 1920px) * 0.00625), 28px);
  line-height: 1.5;
  color: #26292D;
}
@media (max-width: 576px) {
  .s-compare .label {
    font-size: 18px;
    line-height: 1.3;
  }
}
.s-compare .controls {
  width: clamp(272px, min(100vw / 1600 * 272, 326.4px + (100vw - 1920px) * 0.085), 380.8px);
  margin: clamp(60px, min(100vw / 1600 * 60, 72px + (100vw - 1920px) * 0.01875), 84px) auto 0;
}
@media (max-width: 576px) {
  .s-compare .controls {
    width: 158px;
  }
}
.s-compare .controls:has(.swiper-scrollbar-lock) {
  display: none;
}

.s-gallery {
  margin: clamp(101.5px, min(100vw / 1600 * 203, 243.6px + (100vw - 1920px) * 0.0634375), 284.2px) 0 clamp(96px, min(100vw / 1600 * 192, 230.4px + (100vw - 1920px) * 0.06), 268.8px) 0;
  background: #fff;
  overflow: hidden;
}
@media (max-width: 576px) {
  .s-gallery {
    margin: 120px 0 155px;
  }
}
.s-gallery .swiper-slide {
  width: clamp(1271px, min(100vw / 1600 * 1271, 1525.2px + (100vw - 1920px) * 0.3971875), 1779.4px);
  height: auto;
  aspect-ratio: 1271/745;
  border-radius: clamp(10px, min(100vw / 1600 * 10, 12px + (100vw - 1920px) * 0.003125), 14px);
  overflow: hidden;
}
@media (max-width: 1367px) {
  .s-gallery .swiper-slide {
    width: 85vw;
  }
}
@media (max-width: 576px) {
  .s-gallery .swiper-slide {
    width: 90vw;
  }
}
.s-gallery .swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.s-gallery .controls {
  margin-top: clamp(70px, min(100vw / 1600 * 70, 84px + (100vw - 1920px) * 0.021875), 98px);
}
@media (max-width: 576px) {
  .s-gallery .controls {
    margin-top: 46px;
  }
}

.s-specs {
  padding: clamp(66px, min(100vw / 1600 * 132, 158.4px + (100vw - 1920px) * 0.04125), 184.8px) 0 clamp(88px, min(100vw / 1600 * 176, 211.2px + (100vw - 1920px) * 0.055), 246.4px) 0;
  position: relative;
  isolation: isolate;
  overflow: hidden;
  background: #182023;
  color: #fff;
}
@media (max-width: 576px) {
  .s-specs {
    padding: 158px 0 142px;
  }
}
.s-specs .subtitle,
.s-specs h3 {
  text-align: center;
}
@media (max-width: 576px) {
  .s-specs h3 {
    font-size: 60px;
  }
}
.s-specs .m-spec {
  margin-top: clamp(194px, min(100vw / 1600 * 194, 232.8px + (100vw - 1920px) * 0.060625), 271.6px);
}
@media (max-width: 992px) {
  .s-specs .m-spec {
    margin-top: 120px;
  }
}
.s-specs h3 + .m-spec {
  margin-top: clamp(122px, min(100vw / 1600 * 122, 146.4px + (100vw - 1920px) * 0.038125), 170.8px);
}
@media (max-width: 576px) {
  .s-specs h3 + .m-spec {
    margin-top: 92px;
  }
}
.s-specs .m-spec + .m-spec::before {
  content: "";
  position: absolute;
  top: clamp(-135.8px, max(100vw / 1600 * -97, -116.4px + (100vw - 1920px) * -0.0303125), -97px);
  left: 0;
  right: 0;
  height: 1px;
  background: rgba(255, 255, 255, 0.4);
}
@media (max-width: 992px) {
  .s-specs .m-spec + .m-spec::before {
    top: -60px;
  }
}

.s-connect {
  margin: clamp(88.5px, min(100vw / 1600 * 177, 212.4px + (100vw - 1920px) * 0.0553125), 247.8px) 0 clamp(113.5px, min(100vw / 1600 * 227, 272.4px + (100vw - 1920px) * 0.0709375), 317.8px) 0;
  background: #fff;
  color: #000;
  text-align: center;
}
@media (max-width: 576px) {
  .s-connect {
    margin: 95px 0 140px;
  }
}
.s-connect .cards {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: clamp(12px, min(100vw / 1600 * 12, 14.4px + (100vw - 1920px) * 0.00375), 16.8px);
  margin-left: clamp(-2.1px, max(100vw / 1600 * -1.5, -1.8px + (100vw - 1920px) * -0.00046875), -1.5px);
  margin-right: clamp(-2.1px, max(100vw / 1600 * -1.5, -1.8px + (100vw - 1920px) * -0.00046875), -1.5px);
  margin-top: clamp(122px, min(100vw / 1600 * 122, 146.4px + (100vw - 1920px) * 0.038125), 170.8px);
  text-align: left;
}
@media (max-width: 576px) {
  .s-connect .cards {
    gap: 28px;
    margin-top: 67px;
  }
}
.s-connect .card {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: clamp(309px, min(100vw / 1600 * 309, 370.8px + (100vw - 1920px) * 0.0965625), 432.6px);
  min-height: clamp(348px, min(100vw / 1600 * 348, 417.6px + (100vw - 1920px) * 0.10875), 487.2px);
  padding: clamp(36px, min(100vw / 1600 * 36, 43.2px + (100vw - 1920px) * 0.01125), 50.4px);
  border-radius: clamp(10px, min(100vw / 1600 * 10, 12px + (100vw - 1920px) * 0.003125), 14px);
  background: #F32735;
  color: #fff;
  transition: transform 0.3s, box-shadow 0.3s;
}
@media (max-width: 576px) {
  .s-connect .card {
    width: 100%;
  }
}
.s-connect .card img {
  align-self: flex-start;
  height: auto;
}
.s-connect .card .icon-sos {
  width: clamp(67px, min(100vw / 1600 * 67, 80.4px + (100vw - 1920px) * 0.0209375), 93.8px);
}
.s-connect .card .icon-theft {
  width: clamp(55px, min(100vw / 1600 * 55, 66px + (100vw - 1920px) * 0.0171875), 77px);
}
.s-connect .card .icon-gps {
  width: clamp(56px, min(100vw / 1600 * 56, 67.2px + (100vw - 1920px) * 0.0175), 78.4px);
}
.s-connect .card .icon-data {
  width: clamp(50px, min(100vw / 1600 * 50, 60px + (100vw - 1920px) * 0.015625), 70px);
}
@media (hover: hover) {
  .s-connect .card:hover {
    transform: translateY(-6px);
    box-shadow: 0 20px 40px rgba(243, 39, 53, 0.3);
  }
}
.s-connect .inner-box {
  display: flex;
  flex-direction: column;
  gap: clamp(18px, min(100vw / 1600 * 18, 21.6px + (100vw - 1920px) * 0.005625), 25.2px);
}

.s-final {
  position: relative;
  isolation: isolate;
  aspect-ratio: 1600/1000;
  overflow: hidden;
}
@media (max-width: 576px) {
  .s-final {
    aspect-ratio: 394/722;
  }
}
.s-final .brand {
  position: absolute;
  top: 54.08%;
  left: 50.41%;
  width: 74.69%;
  height: auto;
  transform: translate(-50%, -50%);
}
@media (max-width: 576px) {
  .s-final .brand {
    display: none;
  }
}
.s-final .logo-mob {
  position: absolute;
  top: 47.23%;
  left: 7.63%;
  width: 84.86%;
  height: auto;
}
@media (max-width: 576px) {
  .s-final .logo-mob {
    display: block;
  }
}
@media (max-width: 576px) {
  .s-final .bg-pc {
    display: none;
  }
}
@media (max-width: 576px) {
  .s-final .bg-mob {
    display: block;
  }
}

.s-page-title {
  padding: clamp(110px, min(100vw / 1600 * 220, 264px + (100vw - 1920px) * 0.06875), 308px) 0 clamp(60px, min(100vw / 1600 * 120, 144px + (100vw - 1920px) * 0.0375), 168px) 0;
  position: relative;
  isolation: isolate;
  overflow: hidden;
  background: #182023;
  color: #fff;
  text-align: center;
}
@media (max-width: 576px) {
  .s-page-title {
    padding: 150px 0 70px;
  }
}
.s-page-title .glow {
  position: absolute;
  width: clamp(1396px, min(100vw / 1600 * 1396, 1675.2px + (100vw - 1920px) * 0.43625), 1954.4px);
  height: auto;
  top: clamp(-728px, max(100vw / 1600 * -520, -624px + (100vw - 1920px) * -0.1625), -520px);
  left: 50%;
  max-width: none;
  margin-left: clamp(-977.2px, max(100vw / 1600 * -698, -837.6px + (100vw - 1920px) * -0.218125), -698px);
  z-index: -1;
}

.s-content-page {
  margin: clamp(60px, min(100vw / 1600 * 120, 144px + (100vw - 1920px) * 0.0375), 168px) 0 clamp(80px, min(100vw / 1600 * 160, 192px + (100vw - 1920px) * 0.05), 224px) 0;
  background: #fff;
  color: #26292D;
}
@media (max-width: 576px) {
  .s-content-page {
    margin: 60px 0 80px;
  }
}
.s-content-page h4, .s-content-page h6, .s-content-page p, .s-content-page ul, .s-content-page ol {
  max-width: clamp(920px, min(100vw / 1600 * 920, 1104px + (100vw - 1920px) * 0.2875), 1288px);
}
.s-content-page h4 {
  margin: clamp(60px, min(100vw / 1600 * 60, 72px + (100vw - 1920px) * 0.01875), 84px) 0 clamp(25px, min(100vw / 1600 * 25, 30px + (100vw - 1920px) * 0.0078125), 35px);
  color: #000;
}
@media (max-width: 576px) {
  .s-content-page h4 {
    margin: 40px 0 18px;
  }
}
.s-content-page h4:first-child {
  margin-top: 0;
}
.s-content-page h6 {
  margin: clamp(35px, min(100vw / 1600 * 35, 42px + (100vw - 1920px) * 0.0109375), 49px) 0 clamp(12px, min(100vw / 1600 * 12, 14.4px + (100vw - 1920px) * 0.00375), 16.8px);
  color: #000;
}
.s-content-page p + p {
  margin-top: clamp(20px, min(100vw / 1600 * 20, 24px + (100vw - 1920px) * 0.00625), 28px);
}
.s-content-page ul, .s-content-page ol {
  margin: clamp(20px, min(100vw / 1600 * 20, 24px + (100vw - 1920px) * 0.00625), 28px) 0;
  padding-left: clamp(24px, min(100vw / 1600 * 24, 28.8px + (100vw - 1920px) * 0.0075), 33.6px);
  font-size: clamp(20px, min(100vw / 1600 * 20, 24px + (100vw - 1920px) * 0.00625), 28px);
  line-height: 1.5;
}
.s-content-page ul li + li, .s-content-page ol li + li {
  margin-top: clamp(8px, min(100vw / 1600 * 8, 9.6px + (100vw - 1920px) * 0.0025), 11.2px);
}
.s-content-page ul li {
  list-style: disc;
}
.s-content-page ol li {
  list-style: decimal;
}
.s-content-page li::marker {
  color: #F32735;
}

.m-accordion .item:not(:first-child) {
  margin-top: clamp(30px, min(100vw / 1600 * 30, 36px + (100vw - 1920px) * 0.009375), 42px);
  padding-top: clamp(30px, min(100vw / 1600 * 30, 36px + (100vw - 1920px) * 0.009375), 42px);
  border-top: 1px solid #fff;
}
.m-accordion .head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: clamp(20px, min(100vw / 1600 * 20, 24px + (100vw - 1920px) * 0.00625), 28px);
  cursor: pointer;
}
.m-accordion .head h6 {
  transition: color 0.3s;
}
.m-accordion .head .toggle {
  display: flex;
  flex-shrink: 0;
  padding: 0;
  border: none;
  background: none;
  cursor: pointer;
}
.m-accordion .head img {
  flex-shrink: 0;
  width: clamp(17px, min(100vw / 1600 * 17, 20.4px + (100vw - 1920px) * 0.0053125), 23.8px);
  height: auto;
  transition: transform 0.3s;
}
@media (hover: hover) {
  .m-accordion .head:hover h6 {
    color: #F32735;
  }
}
@media (hover: hover) {
  .m-accordion .head:hover img {
    transform: rotate(90deg);
  }
}
.m-accordion .icon-minus {
  display: none;
}
.m-accordion .content {
  display: grid;
  grid-template-rows: 0fr;
  transition: grid-template-rows 0.4s ease;
}
.m-accordion .inner-box {
  min-height: 0;
  overflow: hidden;
}
.m-accordion .inner-box p {
  padding-top: clamp(30px, min(100vw / 1600 * 30, 36px + (100vw - 1920px) * 0.009375), 42px);
}
.m-accordion .inner-box p + p {
  padding-top: clamp(25px, min(100vw / 1600 * 25, 30px + (100vw - 1920px) * 0.0078125), 35px);
}

.m-accordion .item.active .icon-plus {
  display: none;
}
.m-accordion .item.active .icon-minus {
  display: block;
}
.m-accordion .item.active .content {
  grid-template-rows: 1fr;
}

.m-spec {
  position: relative;
  display: grid;
  grid-template-columns: clamp(523px, min(100vw / 1600 * 523, 627.6px + (100vw - 1920px) * 0.1634375), 732.2px) clamp(624px, min(100vw / 1600 * 624, 748.8px + (100vw - 1920px) * 0.195), 873.6px);
  -moz-column-gap: clamp(172px, min(100vw / 1600 * 172, 206.4px + (100vw - 1920px) * 0.05375), 240.8px);
  column-gap: clamp(172px, min(100vw / 1600 * 172, 206.4px + (100vw - 1920px) * 0.05375), 240.8px);
  align-items: start;
}
@media (max-width: 1367px) {
  .m-spec {
    grid-template-columns: 1fr 1fr;
    -moz-column-gap: 60px;
    column-gap: 60px;
  }
}
@media (max-width: 992px) {
  .m-spec {
    grid-template-columns: 1fr;
    row-gap: 60px;
  }
}
.m-spec .glow {
  position: absolute;
  width: clamp(1396px, min(100vw / 1600 * 1396, 1675.2px + (100vw - 1920px) * 0.43625), 1954.4px);
  height: auto;
  top: clamp(-558.6px, max(100vw / 1600 * -399, -478.8px + (100vw - 1920px) * -0.1246875), -399px);
  left: clamp(297px, min(100vw / 1600 * 297, 356.4px + (100vw - 1920px) * 0.0928125), 415.8px);
  max-width: none;
  z-index: -1;
  pointer-events: none;
}
@media (max-width: 1367px) {
  .m-spec .glow {
    left: calc(75% + 15px - 698px);
  }
}
@media (max-width: 992px) {
  .m-spec .glow {
    top: auto;
    bottom: -330px;
    left: calc(50% - 698px);
  }
}
@media (max-width: 576px) {
  .m-spec .glow {
    display: none;
  }
}
.m-spec .glow-mob {
  position: absolute;
  top: clamp(-597.8px, max(100vw / 1600 * -427, -512.4px + (100vw - 1920px) * -0.1334375), -427px);
  left: 50%;
  max-width: none;
  margin-left: clamp(-793.8px, max(100vw / 1600 * -567, -680.4px + (100vw - 1920px) * -0.1771875), -567px);
  z-index: -1;
  pointer-events: none;
}
@media (max-width: 576px) {
  .m-spec .glow-mob {
    display: block;
  }
}
.m-spec .switch {
  position: absolute;
  top: 50%;
  left: clamp(-30.8px, max(100vw / 1600 * -22, -26.4px + (100vw - 1920px) * -0.006875), -22px);
  right: clamp(-12.6px, max(100vw / 1600 * -9, -10.8px + (100vw - 1920px) * -0.0028125), -9px);
  display: flex;
  justify-content: space-between;
  transform: translateY(-50%);
  pointer-events: none;
}
@media (max-width: 576px) {
  .m-spec .switch {
    left: -29px;
    right: -28px;
  }
}
.m-spec .switch button {
  display: flex;
  padding: 0;
  border: none;
  background: none;
  cursor: pointer;
  pointer-events: auto;
}
.m-spec .switch button img {
  transition: transform 0.3s;
}
@media (hover: hover) {
  .m-spec .switch .switch-prev:hover img {
    transform: translateX(-4px);
  }
}
@media (hover: hover) {
  .m-spec .switch .switch-next:hover img {
    transform: translateX(4px);
  }
}
@media (max-width: 576px) {
  .m-spec > .right-box {
    order: -1;
  }
}
.m-spec .list {
  margin-top: clamp(27px, min(100vw / 1600 * 27, 32.4px + (100vw - 1920px) * 0.0084375), 37.8px);
}
.m-spec .list li {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: clamp(20px, min(100vw / 1600 * 20, 24px + (100vw - 1920px) * 0.00625), 28px);
  padding: clamp(19px, min(100vw / 1600 * 19, 22.8px + (100vw - 1920px) * 0.0059375), 26.6px) 0;
  border-bottom: 1px solid #383838;
}
.m-spec .list .is-hidden {
  display: none;
}
.m-spec .label {
  font-size: clamp(20px, min(100vw / 1600 * 20, 24px + (100vw - 1920px) * 0.00625), 28px);
  line-height: 1.5;
  color: #8E9296;
}
.m-spec .value {
  font-size: clamp(20px, min(100vw / 1600 * 20, 24px + (100vw - 1920px) * 0.00625), 28px);
  font-weight: 700;
  line-height: 1.3;
  text-align: right;
}
.m-spec .more {
  display: flex;
  align-items: center;
  gap: clamp(6px, min(100vw / 1600 * 6, 7.2px + (100vw - 1920px) * 0.001875), 8.4px);
  padding: clamp(15px, min(100vw / 1600 * 15, 18px + (100vw - 1920px) * 0.0046875), 21px) 0 0;
  border: none;
  background: none;
  color: #fff;
  font-family: inherit;
  font-size: clamp(20px, min(100vw / 1600 * 20, 24px + (100vw - 1920px) * 0.00625), 28px);
  font-weight: 700;
  line-height: 1.3;
  cursor: pointer;
  transition: color 0.3s;
}
.m-spec .more img {
  width: clamp(15px, min(100vw / 1600 * 15, 18px + (100vw - 1920px) * 0.0046875), 21px);
  height: auto;
  transition: transform 0.3s;
}
@media (hover: hover) {
  .m-spec .more:hover {
    color: #F32735;
  }
}
.m-spec .wrapper-btn {
  display: flex;
  flex-wrap: wrap;
  gap: clamp(12px, min(100vw / 1600 * 12, 14.4px + (100vw - 1920px) * 0.00375), 16.8px);
  margin-top: clamp(46px, min(100vw / 1600 * 46, 55.2px + (100vw - 1920px) * 0.014375), 64.4px);
}
@media (max-width: 576px) {
  .m-spec .wrapper-btn {
    gap: 11px;
  }
}
.m-spec .btn {
  border: 1px solid #626262;
}
.m-spec .btn img {
  width: clamp(16px, min(100vw / 1600 * 16, 19.2px + (100vw - 1920px) * 0.005), 22.4px);
  height: auto;
}
.m-spec .btn-share img {
  width: clamp(24px, min(100vw / 1600 * 24, 28.8px + (100vw - 1920px) * 0.0075), 33.6px);
}
@media (hover: hover) {
  .m-spec .btn:hover {
    border-color: #F32735;
  }
}
.m-spec .photo-box {
  position: relative;
  width: clamp(624px, min(100vw / 1600 * 624, 748.8px + (100vw - 1920px) * 0.195), 873.6px);
  margin-top: clamp(18px, min(100vw / 1600 * 18, 21.6px + (100vw - 1920px) * 0.005625), 25.2px);
}
@media (max-width: 1367px) {
  .m-spec .photo-box {
    width: 100%;
  }
}
@media (max-width: 992px) {
  .m-spec .photo-box {
    max-width: 624px;
    margin: 0 auto;
  }
}
@media (max-width: 576px) {
  .m-spec .photo-box {
    width: 294px;
  }
}
.m-spec .photo {
  display: block;
  width: 100%;
  height: auto;
  transition: opacity 0.2s;
}
.m-spec .colors {
  display: flex;
  justify-content: center;
  gap: clamp(17px, min(100vw / 1600 * 17, 20.4px + (100vw - 1920px) * 0.0053125), 23.8px);
  margin: clamp(48px, min(100vw / 1600 * 48, 57.6px + (100vw - 1920px) * 0.015), 67.2px) clamp(43px, min(100vw / 1600 * 43, 51.6px + (100vw - 1920px) * 0.0134375), 60.2px) 0 0;
}
@media (max-width: 1367px) {
  .m-spec .colors {
    margin-right: 0;
  }
}
@media (max-width: 576px) {
  .m-spec .colors {
    margin-top: 24px;
  }
}
.m-spec .colors button {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: clamp(15px, min(100vw / 1600 * 15, 18px + (100vw - 1920px) * 0.0046875), 21px);
  padding: 0;
  border: none;
  background: none;
  color: #fff;
  font-family: inherit;
  font-size: clamp(16px, min(100vw / 1600 * 16, 19.2px + (100vw - 1920px) * 0.005), 22.4px);
  line-height: 1.3;
  cursor: pointer;
}
.m-spec .colors span {
  width: clamp(33px, min(100vw / 1600 * 33, 39.6px + (100vw - 1920px) * 0.0103125), 46.2px);
  height: clamp(33px, min(100vw / 1600 * 33, 39.6px + (100vw - 1920px) * 0.0103125), 46.2px);
  border-radius: 50%;
  background: linear-gradient(var(--top) 50%, var(--bottom) 50%);
  box-shadow: 0 0 0 0.5px #fff;
  transition: box-shadow 0.3s, transform 0.3s;
}
@media (hover: hover) {
  .m-spec .colors button:hover span {
    transform: scale(1.1);
  }
}

.m-spec.is-open .list .is-hidden {
  display: flex;
}
.m-spec.is-open .more img {
  transform: rotate(180deg);
}

.m-spec .colors .active span {
  box-shadow: 0 0 0 3px #fff;
}

[hidden] {
  display: none !important;
}

.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.overflow_body {
  overflow: hidden;
  padding-right: var(--scrollbar, 0px);
}

.bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  z-index: -1;
}

.btn-up {
  position: fixed;
  right: calc(clamp(69px, min(100vw / 1600 * 69, 82.8px + (100vw - 1920px) * 0.0215625), 96.6px) + var(--scrollbar, 0px));
  bottom: clamp(59px, min(100vw / 1600 * 59, 70.8px + (100vw - 1920px) * 0.0184375), 82.6px);
  width: clamp(41px, min(100vw / 1600 * 41, 49.2px + (100vw - 1920px) * 0.0128125), 57.4px);
  height: clamp(41px, min(100vw / 1600 * 41, 49.2px + (100vw - 1920px) * 0.0128125), 57.4px);
  opacity: 0;
  pointer-events: none;
  transition: 0.3s;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  z-index: 999;
}
@media (max-width: 576px) {
  .btn-up {
    right: calc(20px + var(--scrollbar, 0px));
    bottom: 20px;
  }
}
.btn-up.show {
  opacity: 1;
  pointer-events: visible;
}
.btn-up img {
  flex-shrink: 0;
  width: clamp(49px, min(100vw / 1600 * 49, 58.8px + (100vw - 1920px) * 0.0153125), 68.6px);
  height: auto;
  max-width: none;
  margin: 0 clamp(-5.6px, max(100vw / 1600 * -4, -4.8px + (100vw - 1920px) * -0.00125), -4px) clamp(-11.2px, max(100vw / 1600 * -8, -9.6px + (100vw - 1920px) * -0.0025), -8px);
}
@media (hover: hover) {
  .btn-up:hover {
    transform: translateY(-4px);
  }
}

.controls {
  position: relative;
  display: flex;
  gap: clamp(22px, min(100vw / 1600 * 22, 26.4px + (100vw - 1920px) * 0.006875), 30.8px);
  min-height: clamp(11px, min(100vw / 1600 * 11, 13.2px + (100vw - 1920px) * 0.0034375), 15.4px);
  margin-left: clamp(-2.8px, max(100vw / 1600 * -2, -2.4px + (100vw - 1920px) * -0.000625), -2px);
}
@media (max-width: 576px) {
  .controls {
    gap: 15px;
    margin-left: 0;
  }
}
.controls button {
  display: flex;
  padding: 0;
  border: none;
  background: none;
  cursor: pointer;
  transition: opacity 0.3s;
}
.controls button img {
  width: clamp(18px, min(100vw / 1600 * 18, 21.6px + (100vw - 1920px) * 0.005625), 25.2px);
  height: auto;
  transition: transform 0.3s;
}
@media (max-width: 576px) {
  .controls button img {
    width: 15px;
    height: auto;
  }
}
@media (max-width: 576px) {
  .controls .slider-prev {
    margin-left: 6px;
  }
}
@media (hover: hover) {
  .controls .slider-prev:hover img {
    transform: translateX(-4px);
  }
}
@media (hover: hover) {
  .controls .slider-next:hover img {
    transform: translateX(4px);
  }
}
.controls .swiper-button-disabled {
  opacity: 0.3;
  cursor: default;
}

.controls .swiper-scrollbar.swiper-scrollbar-horizontal,
.controls .progress {
  width: clamp(272px, min(100vw / 1600 * 272, 326.4px + (100vw - 1920px) * 0.085), 380.8px);
  height: clamp(11px, min(100vw / 1600 * 11, 13.2px + (100vw - 1920px) * 0.0034375), 15.4px);
  border-radius: clamp(6px, min(100vw / 1600 * 6, 7.2px + (100vw - 1920px) * 0.001875), 8.4px);
  background: #EEEEEE;
  overflow: hidden;
  position: absolute;
  top: clamp(4px, min(100vw / 1600 * 4, 4.8px + (100vw - 1920px) * 0.00125), 5.6px);
  left: 50%;
  bottom: auto;
  margin: 0 0 0 clamp(-190.4px, max(100vw / 1600 * -136, -163.2px + (100vw - 1920px) * -0.0425), -136px);
}
@media (max-width: 576px) {
  .controls .swiper-scrollbar.swiper-scrollbar-horizontal,
  .controls .progress {
    top: 6px;
    width: 158px;
    margin-left: -79px;
  }
}

.controls .swiper-scrollbar-drag {
  border-radius: clamp(6px, min(100vw / 1600 * 6, 7.2px + (100vw - 1920px) * 0.001875), 8.4px);
  background: #474747;
  cursor: grab;
}

.controls .progress span {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: clamp(6px, min(100vw / 1600 * 6, 7.2px + (100vw - 1920px) * 0.001875), 8.4px);
  background: #474747;
  transform: scaleX(0);
  transform-origin: left top;
  transition: transform 0.7s cubic-bezier(0.2, 0.8, 0.2, 1);
}

footer {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  padding: clamp(103px, min(100vw / 1600 * 103, 123.6px + (100vw - 1920px) * 0.0321875), 144.2px) 0 clamp(59px, min(100vw / 1600 * 59, 70.8px + (100vw - 1920px) * 0.0184375), 82.6px);
  background: #182023;
}
@media (max-width: 576px) {
  footer {
    padding: 80px 0 36px;
  }
}
footer {
  color: #fff;
  text-align: center;
}
footer .glow {
  position: absolute;
  width: clamp(1760px, min(100vw / 1600 * 1760, 2112px + (100vw - 1920px) * 0.55), 2464px);
  height: auto;
  top: clamp(-1241.8px, max(100vw / 1600 * -887, -1064.4px + (100vw - 1920px) * -0.2771875), -887px);
  left: 50%;
  max-width: none;
  margin-left: clamp(-1232px, max(100vw / 1600 * -880, -1056px + (100vw - 1920px) * -0.275), -880px);
  z-index: -1;
  pointer-events: none;
}
@media (max-width: 576px) {
  footer .glow {
    display: none;
  }
}
footer .glow-mob {
  position: absolute;
  top: clamp(-735px, max(100vw / 1600 * -525, -630px + (100vw - 1920px) * -0.1640625), -525px);
  left: 50%;
  max-width: none;
  margin-left: clamp(-866.6px, max(100vw / 1600 * -619, -742.8px + (100vw - 1920px) * -0.1934375), -619px);
  z-index: -1;
  pointer-events: none;
}
@media (max-width: 576px) {
  footer .glow-mob {
    display: block;
  }
}
footer .brand-small {
  font-size: clamp(20px, min(100vw / 1600 * 20, 24px + (100vw - 1920px) * 0.00625), 28px);
  font-weight: 800;
  line-height: 1.4;
}
footer .brand-name {
  margin-top: clamp(-29.4px, max(100vw / 1600 * -21, -25.2px + (100vw - 1920px) * -0.0065625), -21px);
  font-size: clamp(80px, min(100vw / 1600 * 80, 96px + (100vw - 1920px) * 0.025), 112px);
  font-weight: 800;
  line-height: 1.4;
}
footer .contacts {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: clamp(44px, min(100vw / 1600 * 44, 52.8px + (100vw - 1920px) * 0.01375), 61.6px);
}
footer .contacts a {
  font-size: clamp(30px, min(100vw / 1600 * 30, 36px + (100vw - 1920px) * 0.009375), 42px);
  font-weight: 300;
  line-height: 1.4;
  transition: color 0.3s;
}
@media (hover: hover) {
  footer .contacts a:hover {
    color: #F32735;
  }
}
footer address {
  margin-top: clamp(64px, min(100vw / 1600 * 64, 76.8px + (100vw - 1920px) * 0.02), 89.6px);
  font-size: clamp(18px, min(100vw / 1600 * 18, 21.6px + (100vw - 1920px) * 0.005625), 25.2px);
  font-style: normal;
  line-height: 1.4;
}
footer address strong {
  font-weight: 800;
}
@media (max-width: 576px) {
  footer address strong {
    display: block;
  }
}
@media (max-width: 576px) {
  footer address .sep {
    display: none;
  }
}
footer .hours {
  display: inline-grid;
  grid-template-columns: auto auto;
  -moz-column-gap: clamp(8px, min(100vw / 1600 * 8, 9.6px + (100vw - 1920px) * 0.0025), 11.2px);
  column-gap: clamp(8px, min(100vw / 1600 * 8, 9.6px + (100vw - 1920px) * 0.0025), 11.2px);
  margin-top: clamp(18px, min(100vw / 1600 * 18, 21.6px + (100vw - 1920px) * 0.005625), 25.2px);
  font-size: clamp(18px, min(100vw / 1600 * 18, 21.6px + (100vw - 1920px) * 0.005625), 25.2px);
  line-height: 1.4;
  text-align: left;
}
footer .hours strong {
  font-weight: 800;
}
footer .site {
  display: table;
  margin: clamp(75px, min(100vw / 1600 * 75, 90px + (100vw - 1920px) * 0.0234375), 105px) auto 0;
}
@media (max-width: 576px) {
  footer .site {
    margin-top: 49px;
  }
}
footer .site {
  color: #F32735;
  font-size: clamp(30px, min(100vw / 1600 * 30, 36px + (100vw - 1920px) * 0.009375), 42px);
  font-weight: 800;
  line-height: 1.2;
  transition: opacity 0.3s;
}
@media (hover: hover) {
  footer .site:hover {
    opacity: 0.75;
  }
}
footer .bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: clamp(30px, min(100vw / 1600 * 30, 36px + (100vw - 1920px) * 0.009375), 42px);
  margin-top: clamp(87px, min(100vw / 1600 * 87, 104.4px + (100vw - 1920px) * 0.0271875), 121.8px);
  padding-top: clamp(43px, min(100vw / 1600 * 43, 51.6px + (100vw - 1920px) * 0.0134375), 60.2px);
  border-top: 1px solid #565656;
  text-align: left;
}
@media (max-width: 992px) {
  footer .bottom {
    flex-direction: column;
    text-align: center;
  }
}
@media (max-width: 576px) {
  footer .bottom {
    gap: 29px;
    margin-top: 64px;
    padding-top: 29px;
  }
}
footer .legal {
  display: flex;
  gap: clamp(23px, min(100vw / 1600 * 23, 27.6px + (100vw - 1920px) * 0.0071875), 32.2px);
}
@media (max-width: 576px) {
  footer .legal {
    gap: 26px;
  }
}
footer .legal {
  font-size: clamp(18px, min(100vw / 1600 * 18, 21.6px + (100vw - 1920px) * 0.005625), 25.2px);
  line-height: 1.4;
}
footer .legal a {
  transition: color 0.3s;
}
@media (hover: hover) {
  footer .legal a:hover {
    color: #F32735;
  }
}
footer .note {
  font-size: clamp(16px, min(100vw / 1600 * 16, 19.2px + (100vw - 1920px) * 0.005), 22.4px);
  line-height: 1.4;
  text-align: right;
}
@media (max-width: 992px) {
  footer .note {
    text-align: center;
  }
}

/* Ausstattung laut Datenblatt im Fahrzeugvergleich */
.s-compare .features {
  position: relative;
  margin: clamp(35px, min(100vw / 1600 * 35, 42px + (100vw - 1920px) * 0.0109375), 49px) 0 0 clamp(18px, min(100vw / 1600 * 18, 21.6px + (100vw - 1920px) * 0.005625), 25.2px);
  padding-top: clamp(20px, min(100vw / 1600 * 20, 24px + (100vw - 1920px) * 0.00625), 28px);
}
.s-compare .features:before {
  content: "";
  position: absolute;
  top: 0;
  left: clamp(-4.2px, max(100vw / 1600 * -3, -3.6px + (100vw - 1920px) * -0.0009375), -3px);
  width: calc(100% + clamp(78px, min(100vw / 1600 * 78, 93.6px + (100vw - 1920px) * 0.024375), 109.2px));
  height: 1px;
  background: #D5D5D2;
}
.s-compare .features-title {
  font-size: clamp(25px, min(100vw / 1600 * 25, 30px + (100vw - 1920px) * 0.0078125), 35px);
  font-weight: 700;
  line-height: 1.3;
  color: #090A0C;
}
.s-compare .features ul {
  display: grid;
  gap: clamp(8px, min(100vw / 1600 * 8, 9.6px + (100vw - 1920px) * 0.0025), 11.2px);
  margin-top: clamp(14px, min(100vw / 1600 * 14, 16.8px + (100vw - 1920px) * 0.004375), 19.6px);
}
.s-compare .features li {
  position: relative;
  padding-left: 1.2em;
  font-size: clamp(18px, min(100vw / 1600 * 18, 21.6px + (100vw - 1920px) * 0.005625), 25.2px);
  line-height: 1.35;
  color: #26292D;
}
.s-compare .features li:before {
  content: "";
  position: absolute;
  top: 0.5em;
  left: 0;
  width: 0.4em;
  height: 0.4em;
  border-radius: 50%;
  background: #F32735;
}
@media (max-width: 820px) {
  .s-compare .features {
    margin-left: 0;
  }
  .s-compare .features:before {
    left: 0;
    width: calc(100% + 57px);
  }
}
@media (max-width: 576px) {
  .s-compare .features {
    margin-top: 40px;
    padding-top: 32px;
  }
  .s-compare .features:before {
    width: calc(100% + 16px);
  }
  .s-compare .features-title {
    font-size: 20px;
  }
  .s-compare .features li {
    padding-left: 1em;
    font-size: 14px;
    -webkit-hyphens: auto;
    hyphens: auto;
    overflow-wrap: break-word;
  }
}

/* Garantie-Badge und Preise im Fahrzeugvergleich */
.s-compare .warranty {
  display: inline-flex;
  align-items: center;
  gap: clamp(16px, min(100vw / 1600 * 20, 24px + (100vw - 1920px) * 0.00625), 28px);
  margin-top: clamp(28px, min(100vw / 1600 * 45, 54px + (100vw - 1920px) * 0.0140625), 63px);
  padding: clamp(12px, min(100vw / 1600 * 18, 21.6px + (100vw - 1920px) * 0.005625), 25.2px) clamp(22px, min(100vw / 1600 * 38, 45.6px + (100vw - 1920px) * 0.011875), 53.2px);
  border-radius: clamp(10px, min(100vw / 1600 * 10, 12px + (100vw - 1920px) * 0.003125), 14px);
  background: #F32735;
  color: #fff;
  text-align: left;
  text-transform: uppercase;
}
.s-compare .warranty-num {
  font-size: clamp(64px, min(100vw / 1600 * 110, 132px + (100vw - 1920px) * 0.034375), 154px);
  font-weight: 800;
  line-height: 0.85;
}
.s-compare .warranty-text {
  font-size: clamp(22px, min(100vw / 1600 * 35, 42px + (100vw - 1920px) * 0.0109375), 49px);
  font-weight: 700;
  line-height: 1;
}
.s-compare .warranty-text sup {
  font-size: 0.6em;
}
.s-compare .warranty-note {
  margin-top: clamp(30px, min(100vw / 1600 * 40, 48px + (100vw - 1920px) * 0.0125), 56px);
  font-size: clamp(14px, min(100vw / 1600 * 16, 19.2px + (100vw - 1920px) * 0.005), 22.4px);
  line-height: 1.4;
  color: #656565;
}
.s-compare .price {
  margin: clamp(14px, min(100vw / 1600 * 20, 24px + (100vw - 1920px) * 0.00625), 28px) 0 0 clamp(18px, min(100vw / 1600 * 18, 21.6px + (100vw - 1920px) * 0.005625), 25.2px);
}
.s-compare .price-value {
  font-size: clamp(26px, min(100vw / 1600 * 40, 48px + (100vw - 1920px) * 0.0125), 56px);
  font-weight: 800;
  line-height: 1.1;
  color: #F32735;
}
.s-compare .price-note {
  margin-top: 4px;
  font-size: clamp(15px, min(100vw / 1600 * 18, 21.6px + (100vw - 1920px) * 0.005625), 25.2px);
  line-height: 1.3;
  color: #656565;
}
@media (max-width: 820px) {
  .s-compare .price {
    margin-left: 0;
  }
}
@media (max-width: 576px) {
  .s-compare .price-note {
    font-size: 14px;
    -webkit-hyphens: auto;
    hyphens: auto;
    overflow-wrap: break-word;
  }
}