:root {
    --color-charcoal: #323237;
    --color-light-grey: #f1f3f3;
    --color-grey: #b9bcbf;
    --color-dark-grey: #737d82;
    --color-blue: #00d7ff;
    --color-rich-blue: #0069d2;
    --color-dark-blue: #24586e;
    --color-midnight: #112f3b;
    --color-hot-green: #e1ff32;
    --color-green: #c0df16;
    --color-teal: #28e1a5;
    --color-dark-green: #00b946;
    --color-red: #ff1923;
    --font-family-base: "KMRApparatBook", "PingFang TC", "Noto Sans TC", "sans-serif";
    --font-family-italic: "KMRApparatBook", "PingFang TC", "Noto Sans TC", "sans-serif";
}
@font-face {
    font-family: "KMRApparatBook";
    src: url(../fonts/kmr-apparat/KMR-Apparat-Bold.woff);
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "KMRApparatBook";
    src: url(../fonts/kmr-apparat/KMR-Apparat-Heavy.woff);
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "KMRApparatBook";
    src: url(../fonts/kmr-apparat/KMR-Apparat-Regular.woff);
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "aerpace-icons";
    src: url(../fonts/aerpace-icons/aerpace-icons.eot?ar7fee);
    src: url(../fonts/aerpace-icons/aerpace-icons.eot?ar7fee#iefix) format("embedded-opentype"), url(../fonts/aerpace-icons/aerpace-icons.ttf?ar7fee) format("truetype"), url(../fonts/aerpace-icons/aerpace-icons.woff?ar7fee) format("woff"),
        url(../fonts/aerpace-icons/aerpace-icons.svg?ar7fee) format("svg");
    font-weight: 400;
    font-style: normal;
    font-display: block;
}
@font-face {
    font-family: "ggr-icons";
    src: url("../fonts/icons/ggr-icons.ttf") format("truetype"), url("../fonts/icons/ggr-icons.woff") format("woff"), url("../fonts/icons/ggr-icons.svg") format("svg");
    font-weight: normal;
    font-style: normal;
    font-display: block
}

body {
    margin: 0;
    padding: 0
}

ul,
ol,
li,
dl,
dt,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hgroup,
p,
blockquote,
figure,
form,
fieldset,
input,
legend,
pre,
abbr,
button {
    margin: 0;
    padding: 0
}

canvas {
    display: block
}

body {
    font-size: 18px;
    font-weight: 400;
    line-height: normal;
    font-family: var(--font-family-base);
    background-color: #fff;
    color: #323237;
    font-style: normal
}

a,
.link {
    color: #28c3ff
}

a,
a:link,
a:visited,
.link,
.link:link,
.link:visited {
    text-decoration: none
}

button {
    background: none;
    border: 0;
    box-sizing: content-box;
    color: inherit;
    cursor: pointer;
    font: inherit;
    line-height: inherit;
    overflow: visible;
    vertical-align: inherit
}

button:focus {
    outline: none
}

body,
input,
textarea,
select,
button {
    font-synthesis: none;
    -moz-font-feature-settings: "kern";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

hr {
    border: 0
}

.ggr-nav {
    z-index: 3000
}

.ggr-locale-switcher {
    z-index: 3001
}

.gc-container.gc-container {
    max-width: 100%;
    padding-right: var(--ggr-gutter-x, 30px);
    padding-left: var(--ggr-gutter-x, 30px)
}

.container {
    width: 100%;
    padding-right: var(--ggr-gutter-x, 30px);
    padding-left: var(--ggr-gutter-x, 30px);
    margin-right: auto;
    margin-left: auto;
    box-sizing: border-box
}

.row {
    --ggr-gutter-x: 30px;
    --ggr-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(var(--ggr-gutter-y)*-1);
    margin-right: calc(var(--ggr-gutter-x)/-2);
    margin-left: calc(var(--ggr-gutter-x)/-2)
}

.row>* {
    box-sizing: border-box;
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    padding-right: calc(var(--ggr-gutter-x)/2);
    padding-left: calc(var(--ggr-gutter-x)/2);
    margin-top: var(--ggr-gutter-y)
}

.col {
    flex: 1 0 0%
}

.row-cols-auto>* {
    flex: 0 0 auto;
    width: auto
}

.row-cols-1>* {
    flex: 0 0 auto;
    width: 100%
}

.row-cols-2>* {
    flex: 0 0 auto;
    width: 50%
}

.row-cols-3>* {
    flex: 0 0 auto;
    width: 33.3333333333%
}

.row-cols-4>* {
    flex: 0 0 auto;
    width: 25%
}

.row-cols-5>* {
    flex: 0 0 auto;
    width: 20%
}

.row-cols-6>* {
    flex: 0 0 auto;
    width: 16.6666666667%
}

.col-auto {
    flex: 0 0 auto;
    width: auto
}

.col-1 {
    flex: 0 0 auto;
    width: 8.3333333333%
}

.col-2 {
    flex: 0 0 auto;
    width: 16.6666666667%
}

.col-3 {
    flex: 0 0 auto;
    width: 25%
}

.col-4 {
    flex: 0 0 auto;
    width: 33.3333333333%
}

.col-5 {
    flex: 0 0 auto;
    width: 41.6666666667%
}

.col-6 {
    flex: 0 0 auto;
    width: 50%
}

.col-7 {
    flex: 0 0 auto;
    width: 58.3333333333%
}

.col-8 {
    flex: 0 0 auto;
    width: 66.6666666667%
}

.col-9 {
    flex: 0 0 auto;
    width: 75%
}

.col-10 {
    flex: 0 0 auto;
    width: 83.3333333333%
}

.col-11 {
    flex: 0 0 auto;
    width: 91.6666666667%
}

.col-12 {
    flex: 0 0 auto;
    width: 100%
}

.offset-1 {
    margin-left: 8.3333333333%
}

.offset-2 {
    margin-left: 16.6666666667%
}

.offset-3 {
    margin-left: 25%
}

.offset-4 {
    margin-left: 33.3333333333%
}

.offset-5 {
    margin-left: 41.6666666667%
}

.offset-6 {
    margin-left: 50%
}

.offset-7 {
    margin-left: 58.3333333333%
}

.offset-8 {
    margin-left: 66.6666666667%
}

.offset-9 {
    margin-left: 75%
}

.offset-10 {
    margin-left: 83.3333333333%
}

.offset-11 {
    margin-left: 91.6666666667%
}

.g-30px,
.gx-30px {
    --ggr-gutter-x:
}

.g-30px,
.gy-30px {
    --ggr-gutter-y:
}

.g-1 {
    --ggr-gutter-x: 4px
}

.g-2 {
    --ggr-gutter-x: 8px
}

.g-3 {
    --ggr-gutter-x: 12px
}

.g-4 {
    --ggr-gutter-x: 16px
}

.section {
    --section-padding: 64px
}

.sosumi-mark {
    position: relative;
    vertical-align: baseline;
    font-feature-settings: "numr";
    font-size: 1em
}

.img-fluid {
    max-width: 100%;
    height: auto
}

.d-inline {
    display: inline
}

.d-inline-block {
    display: inline-block
}

.d-block {
    display: block
}

.d-grid {
    display: grid
}

.d-table {
    display: table
}

.d-table-row {
    display: table-row
}

.d-table-cell {
    display: table-cell
}

.d-flex {
    display: flex
}

.d-inline-flex {
    display: inline-flex
}

.d-none {
    display: none
}

.text-left {
    text-align: left
}

.text-right {
    text-align: right
}

.text-center {
    text-align: center
}

.text-wrap {
    white-space: normal
}

.text-nowrap {
    white-space: nowrap
}

.flex-row {
    flex-direction: row
}

.flex-column {
    flex-direction: column
}

.flex-row-reverse {
    flex-direction: row-reverse
}

.flex-column-reverse {
    flex-direction: column-reverse
}

.justify-content-start {
    justify-content: flex-start
}

.justify-content-end {
    justify-content: flex-end
}

.justify-content-center {
    justify-content: center
}

.justify-content-between {
    justify-content: space-between
}

.justify-content-around {
    justify-content: space-around
}

.justify-content-evenly {
    justify-content: space-evenly
}

.align-items-start {
    align-items: flex-start
}

.align-items-end {
    align-items: flex-end
}

.align-items-center {
    align-items: center
}

.align-items-baseline {
    align-items: baseline
}

.align-items-stretch {
    align-items: stretch
}

.align-content-start {
    align-content: flex-start
}

.align-content-end {
    align-content: flex-end
}

.align-content-center {
    align-content: center
}

.align-content-between {
    align-content: space-between
}

.align-content-around {
    align-content: space-around
}

.align-content-stretch {
    align-content: stretch
}

.align-self-auto {
    align-self: auto
}

.align-self-start {
    align-self: flex-start
}

.align-self-end {
    align-self: flex-end
}

.align-self-center {
    align-self: center
}

.align-self-baseline {
    align-self: baseline
}

.align-self-stretch {
    align-self: stretch
}

.will-change {
    will-change: transform
}

.will-change-opacity {
    will-change: opacity
}

.visible {
    visibility: visible
}

.invisible {
    visibility: hidden
}

.fw-100 {
    font-weight: 100
}

.fw-200 {
    font-weight: 200
}

.fw-300 {
    font-weight: 300
}

.fw-400 {
    font-weight: 400
}

.fw-500 {
    font-weight: 500
}

.fw-600 {
    font-weight: 600
}

.fw-700 {
    font-weight: 700
}

.fw-800 {
    font-weight: 800
}

.fw-900 {
    font-weight: 900
}

.position-static {
    position: static
}

.position-relative {
    position: relative
}

.position-absolute {
    position: absolute
}

.position-fixed {
    position: fixed
}

.position-sticky {
    position: sticky
}

.w-25 {
    width: 25%
}

.w-50 {
    width: 50%
}

.w-75 {
    width: 75%
}

.w-100 {
    width: 100%
}

.w-auto {
    width: auto
}

.video-cover {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.text-muted {
    color: var(--color-muted, var(--color-dark-grey))
}

.text-small {
    font-size: .875em
}

body {
    color: #121215;
    line-height: 1.618;
    visibility: hidden
}

body.page-metrics-ready {
    visibility: visible
}

.local-nav-sticking .gpc-nav {
    transition: none;
    background-color: var(--gpc-nav-background)
}

.icon {
    display: block;
    width: var(--icon-size);
    height: var(--icon-size);
    background: center/contain no-repeat
}

.icon--flag {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODAiIGhlaWdodD0iODAiIHZpZXdCb3g9IjAgMCA4MCA4MCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzIxN18yNzY1KSI+CjxwYXRoIGQ9Ik0xMy4yMTc4IDguOTk5MDJMMTMuMjE3NyA3MC45OTkiIHN0cm9rZT0iIzEyMTIxNSIgc3Ryb2tlLXdpZHRoPSI4Ii8+CjxwYXRoIGQ9Ik0zMSAxMi45OTlMMTIuNzQ3MSAxMi45OTkiIHN0cm9rZT0iIzEyMTIxNSIgc3Ryb2tlLXdpZHRoPSI4Ii8+CjxwYXRoIGQ9Ik0zMSA0Mi44MDg2TDEyLjc0NzEgNDIuODA4NiIgc3Ryb2tlPSIjMTIxMjE1IiBzdHJva2Utd2lkdGg9IjgiLz4KPHBhdGggZD0iTTQ4LjUzNDIgMTkuOTk5NUwzMS4wMDAzIDE5Ljk5OTUiIHN0cm9rZT0iIzEyMTIxNSIgc3Ryb2tlLXdpZHRoPSI4Ii8+CjxwYXRoIGQ9Ik00OC41MzQyIDQ4Ljk5OTVMMzEuMDAwMiA0OC45OTk1IiBzdHJva2U9IiMxMjEyMTUiIHN0cm9rZS13aWR0aD0iOCIvPgo8cGF0aCBkPSJNNDguNTM1MyAyNy4wNDU2TDY2LjE5MzQgMjcuMDQ1Nkw2Ni4xOTM0IDU5Ljk5OSIgc3Ryb2tlPSIjMTIxMjE1IiBzdHJva2Utd2lkdGg9IjgiLz4KPHBhdGggZD0iTTY2LjE5MzQgNTUuOTk5TDQ4LjUzNTMgNTUuOTk5IiBzdHJva2U9IiMxMjEyMTUiIHN0cm9rZS13aWR0aD0iOCIvPgo8L2c+CjxkZWZzPgo8Y2xpcFBhdGggaWQ9ImNsaXAwXzIxN18yNzY1Ij4KPHJlY3Qgd2lkdGg9IjgwIiBoZWlnaHQ9IjgwIiBmaWxsPSJ3aGl0ZSIvPgo8L2NsaXBQYXRoPgo8L2RlZnM+Cjwvc3ZnPgo")
}

.icon--ride {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODAiIGhlaWdodD0iODAiIHZpZXdCb3g9IjAgMCA4MCA4MCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzIxN18yNzc4KSI+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNNDUuMDgxMSA5SDUyLjI5NzNWMTcuMjQ3MUg0NS4wODExVjlaTTEuMzQwOTEgNTguNzkxOUMxLjM0MDkxIDUyLjE3MzcgNi43MjIxMSA0Ni43OTI1IDEzLjM0MDQgNDYuNzkyNUMxOS45NTg2IDQ2Ljc5MjUgMjUuMzM5OCA1Mi4xNzM3IDI1LjMzOTggNTguNzkxOUMyNS4zMzk4IDY1LjQxMDIgMTkuOTU4NiA3MC43OTE0IDEzLjM0MDQgNzAuNzkxNEM2LjcyMjExIDcwLjc5MTQgMS4zNDA5MSA2NS40MTAyIDEuMzQwOTEgNTguNzkxOVpNOC41NTcwOCA1OC43OTE5QzguNTU3MDggNjEuNDMxIDEwLjcwMTMgNjMuNTc1MiAxMy4zNDA0IDYzLjU3NTJDMTUuOTc5NCA2My41NzUyIDE4LjEyMzcgNjEuNDMxIDE4LjEyMzcgNTguNzkxOUMxOC4xMjM3IDU2LjE1MjkgMTUuOTc5NCA1NC4wMDg3IDEzLjM0MDQgNTQuMDA4N0MxMC43MDEzIDU0LjAwODcgOC41NTcwOCA1Ni4xNTI5IDguNTU3MDggNTguNzkxOVpNNTUuMDI4NyAzMC45OTg0QzU4LjE4MzIgMzMuMjA0NSA2MC44NzM4IDM2LjUwMzQgNjEuMzA2OCA0MC44MDIxTDYxLjQ5MjMgNDIuNTk1OUw2OC42NjczIDQxLjg3NDJMNjguNDkyIDQwLjA4MDVDNjcuODUyOSAzMy43MiA2Mi4zODkyIDIzLjU5NjcgNTAuMDgwNSAyMS4wNTA0TDQ1LjU5NjIgMjQuOTQ3Mkw0Ni4wMTg4IDI1Ljk2NzdDNDguMDA4NCAzMC43NzE3IDQ4Ljk3NzUgMzYuNjI3MSA0OC45MDUzIDQxLjYwNjJDNDguODc0NCA0NC4xMDA5IDQ4LjU4NTcgNDYuMjk2NyA0OC4wNzAzIDQ3Ljk5NzdDNDcuNTQ0NSA0OS43NjA1IDQ2Ljg3NDUgNTAuNzA4OSA0Ni4zMDc1IDUxLjA5MDNDNDUuMTIyIDUxLjg4NDEgNDMuMzU5MSA1Mi4yNzU4IDQxLjQ2MjMgNTIuMjI0M0MzOS41NjU1IDUyLjE3MjcgMzcuODMzNiA1MS42Nzc5IDM2Ljc4MjEgNTEuMDA3OUMzNi43MSA1MC45NjY2IDM2LjYyNzUgNTAuOTA0OCAzNi41MzQ3IDUwLjgzMjZMMzYuNTM0NiA1MC44MzI1QzM2LjQ5MzQgNTAuODAxNiAzNi40NTIyIDUwLjc3MDcgMzYuNDIxMyA1MC43Mzk4QzM2LjU2NTYgNDkuOTk3NiAzNi43OTI0IDQ5LjEwMDcgMzcuMDYwNSA0OC4wNDkyTDM3LjA4MTEgNDcuOTU2NEwzNy4xMDYzIDQ3Ljg1NzFDMzcuNjY5OCA0NS42MzQ0IDM4LjM5MDUgNDIuNzkxOCAzOC40MDA2IDQwLjAzOTNDMzguNDEwOSAzNy4xNTI4IDM3LjY1ODQgMzQuMDgwOCAzNC45NDcyIDMxLjg2NDRDMzMuODAyOSAzMC45MjYzIDMyLjA2MDcgMzAuMTk0NCAzMC4yMTU0IDI5LjYwNjhDMjguMzA4MyAyOS4wMDg4IDI2LjA4MTYgMjguNTE0IDIzLjgwMzMgMjguMTUzMkMxOS4yOTg0IDI3LjQyMTMgMTQuMzM5OCAyNy4xNDI5IDExLjExMzIgMjcuNjM3OEM3LjE5NTg0IDI4LjIzNTcgMy45MDczMyAzMC4wOTEzIDIuMTk2MDYgMzMuMTMyNEMxLjA1MTc4IDM1LjE3MzUgMC4yNTgwMDYgMzguNDQxNCAyLjA2MjA1IDQyLjc5MTdMMi43NTI3NCA0NC40NjE4TDkuNDEyMjMgNDEuNjg4N0w4LjcyMTU0IDQwLjAxODdDOC4wMTAyMyAzOC4zMTc3IDguMTMzOTQgMzcuMjg2OCA4LjQ4NDQ0IDM2LjY2ODNDOC45MDcxIDM1LjkxNTcgMTAuMDUxNCAzNS4wOTEgMTIuMTk1NiAzNC43NjEyQzE0LjczMTYgMzQuMzY5NCAxOC44MzQ1IDM0LjYzNzUgMjIuNjkgMzUuMjc2NkMyNC41ODY4IDM1LjU4NTkgMjYuMzU5OSAzNS45Nzc2IDI3Ljc3MjIgMzYuMzlDMjkuMjc3MyAzNi44MzMyIDMwLjEwMiAzNy4yMjUgMzAuMzQ5NCAzNy40MzExQzMwLjkwNjEgMzcuODg0NyAzMS4yNTY2IDM4LjgxMjUgMzEuMTUzNSA0MC41OTU5QzMxLjA1MDQgNDIuMzI3OCAzMC41NTU2IDQ0LjMwNzEgMzAuMDUwNSA0Ni4yNjU4VjQ2LjMyNzdDMjkuNzIwNiA0Ny41ODUzIDI5LjM5MDcgNDguODczOSAyOS4yMDUyIDUwLjAzODhDMjguNzYxOSA1Mi45MjUzIDMwLjM0OTQgNTUuNDYxMyAzMi44ODU0IDU3LjA3OTdDMzUuMjQ2MSA1OC41ODQ4IDM4LjUzNDYgNTkuNDE5OCA0MS43ODE5IDU5LjQxOThDNDQuNjk5MyA1OS40MTk4IDQ3Ljc5MTkgNTguNzQ5OCA1MC4yOTcgNTcuMDc5N0M1Mi45MzYgNTUuMzE2OSA1NC4zMzggNTIuMzQ4IDU1LjA5MDYgNDkuNTc0OUM1NS44NjM3IDQ2Ljc2MDYgNTYuMDY5OSA0My44MzI5IDU2LjA5MDUgNDEuNzgxNUM1Ni4xNDIxIDM4LjI2NjIgNTUuNzYwNyAzNC41NDQ3IDU1LjAxODQgMzAuOTk4NEg1NS4wMjg3Wk01NS4xNzMgNTguNzkxN0M1NS4xNzMgNTIuMTczNSA2MC41NTQyIDQ2Ljc5MjMgNjcuMTcyNSA0Ni43OTIzQzczLjc5MDcgNDYuNzkyMyA3OS4xNzE5IDUyLjE3MzUgNzkuMTcxOSA1OC43OTE3Qzc5LjE3MTkgNjUuNDEgNzMuNzkwNyA3MC43OTEyIDY3LjE3MjUgNzAuNzkxMkM2MC41NTQyIDcwLjc5MTIgNTUuMTczIDY1LjQxIDU1LjE3MyA1OC43OTE3Wk02Mi4zODkyIDU4Ljc5MTdDNjIuMzg5MiA2MS40MzA4IDY0LjUzMzQgNjMuNTc1IDY3LjE3MjUgNjMuNTc1QzY5LjgxMTUgNjMuNTc1IDcxLjk1NTggNjEuNDMwOCA3MS45NTU4IDU4Ljc5MTdDNzEuOTU1OCA1Ni4xNTI3IDY5LjgxMTUgNTQuMDA4NCA2Ny4xNzI1IDU0LjAwODRDNjQuNTMzNCA1NC4wMDg0IDYyLjM4OTIgNTYuMTUyNyA2Mi4zODkyIDU4Ljc5MTdaIiBmaWxsPSIjMTIxMjE1Ii8+CjwvZz4KPGRlZnM+CjxjbGlwUGF0aCBpZD0iY2xpcDBfMjE3XzI3NzgiPgo8cmVjdCB3aWR0aD0iNzgiIGhlaWdodD0iNjEuNjU1MyIgZmlsbD0id2hpdGUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEgOSkiLz4KPC9jbGlwUGF0aD4KPC9kZWZzPgo8L3N2Zz4K")
}

.icon--arrow {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODAiIGhlaWdodD0iODAiIHZpZXdCb3g9IjAgMCA4MCA4MCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTMgNDFINzAiIHN0cm9rZT0iIzEyMTIxNSIgc3Ryb2tlLXdpZHRoPSI4Ii8+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNNzcuNSA0NC41VjM2LjVMNzguNSAzNi41OTc3VjQ0LjQwMjNMNzcuNSA0NC41WiIgZmlsbD0iIzEyMTIxNSIvPgo8cGF0aCBkPSJNNTIgMTFDNTIuODMzMyAxOS4zMzMzIDU5LjEgMzYuOSA3Ny41IDQwLjUiIHN0cm9rZT0iIzEyMTIxNSIgc3Ryb2tlLXdpZHRoPSI4Ii8+CjxwYXRoIGQ9Ik01MiA3MEM1Mi44MzMzIDYxLjY2NjcgNTkuMSA0NC4xIDc3LjUgNDAuNSIgc3Ryb2tlPSIjMTIxMjE1IiBzdHJva2Utd2lkdGg9IjgiLz4KPC9zdmc+Cg")
}

.icon--plus {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODAiIGhlaWdodD0iODAiIHZpZXdCb3g9IjAgMCA4MCA4MCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTYgNDBIMzQiIHN0cm9rZT0iIzEyMTIxNSIgc3Ryb2tlLXdpZHRoPSI4Ii8+CjxwYXRoIGQ9Ik00NiA0MEg3NCIgc3Ryb2tlPSIjMTIxMjE1IiBzdHJva2Utd2lkdGg9IjgiLz4KPHBhdGggZD0iTTQwIDZWMzQiIHN0cm9rZT0iIzEyMTIxNSIgc3Ryb2tlLXdpZHRoPSI4Ii8+CjxwYXRoIGQ9Ik00MCA0NlY3NCIgc3Ryb2tlPSIjMTIxMjE1IiBzdHJva2Utd2lkdGg9IjgiLz4KPC9zdmc+Cg")
}

.text-white {
    color: #fff
}

.text-grey {
    color: #818181
}

.typography-display-1 {
    font-size: clamp(40px, 9vw, 48px);
    /*font-weight: 400;*/
    letter-spacing: -0.04em;
    line-height: 1.1
}

.typography-display-1 em {
    font-style: normal;
    /*background: linear-gradient(116deg, #0292F9 5%, #35EAD7 40%);*/
    -webkit-background-clip: text;
    background-clip: text;
    /*-webkit-text-fill-color: rgba(0, 0, 0, 0)*/
}

.typography-section-headline {
    font-size: 30px;
    font-size: clamp(40px, 9vw, 48px);
    /*font-weight: 400;*/
    line-height: 1.1;
    letter-spacing: -0.04em
}

.typography-section-headline em {
    font-style: normal;
    /*font-weight: 400;*/
    /*background-image: linear-gradient(to right, #0292F9 32%, #35EAD7 78%);*/
    -webkit-background-clip: text;
    background-clip: text;
    /*-webkit-text-fill-color: rgba(0, 0, 0, 0)*/
}

.typography-eyebrow+.typography-section-headline {
    margin-top: .4em
}

.typography-section-headline+* {
    margin-top: 20px
}

.typography-headline, .app-headline {
    font-size: clamp(24px, 7.5vw, 30px);
    line-height: 1.25;
    letter-spacing: -0.04em
}

.typography-headline em {
    display: inline-block;
    font-style: normal;
    /*background-image: linear-gradient(116deg, #0292F9 18%, #35EAD7 78%);*/
    -webkit-background-clip: text;
    background-clip: text;
    /*-webkit-text-fill-color: rgba(0, 0, 0, 0)*/
}

.typography-headline+* {
    margin-top: .8em
}

.typography-copy-block, .app-intro {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.42857143
}
.typography-copy-block + .typography-copy-block, .app-intro + .app-intro {
    margin-top: 18px;
}

.typography-copy-block+.cta-link {
    margin-top: 24px
}

.typography-eyebrow {
    font-size: 18px;
    font-weight: 500;
    line-height: 1.42857143;
    letter-spacing: -0.02em
}

.typography-card-intro {
    font-size: 18px;
    font-weight: 500;
    line-height: 1.42857143
}

.typography-modal-headline {
    font-size: 22px;
    line-height: 1.42857143;
    margin-bottom: 15px;
    margin-top: 15px;
}

.typography-modal-content {
    font-size: 18px;
    font-weight: 400;
    line-height: 1.42857143;
    letter-spacing: -0.02em;
}

.battery-modal-content-group .typography-modal-content {
    position: relative;
    height: 200px;
}

.battery-modal-content-group .typography-modal-content:before {
    content: "";
    height: 1px;
    bottom: 0;
    background: #818181;
    display: block;
    position: absolute;
    width: 100%;
}

.typography-modal-content strong {
    font-weight: 600
}

.has-modal body {
    padding-inline-end: var(--scroll-bar-width, 0px)
}

.has-modal .salonpas {
    right: var(--scroll-bar-width, 0px)
}

.modal-overlay {
    display: flex;
    height: initial;
    justify-content: center;
    align-items: center;
    min-height: 100vh;
    margin: 0 auto;
    max-width: 580px
}

.modal {
    --modal-body-radius: 5px;
    position: fixed;
    visibility: hidden;
    display: block;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    top: 0;
    left: 0;
    background: rgba(18, 18, 21, .5);
    z-index: 10000;
    overflow: auto
}

.modal:not(.opened) .icon,
.modal:not(.opened) figure,
.modal:not(.opened) figure::after,
.modal:not(.opened) figure::before {
    background: none
}

.modal.opened {
    visibility: visible;
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    transition: -webkit-backdrop-filter cubic-bezier(0.4, 0, 0.6, 1) .3s;
    transition: backdrop-filter cubic-bezier(0.4, 0, 0.6, 1) .3s;
    transition: backdrop-filter cubic-bezier(0.4, 0, 0.6, 1) .3s, -webkit-backdrop-filter cubic-bezier(0.4, 0, 0.6, 1) .3s
}

.modal.opened .modal-body {
    opacity: 1;
    transform: translateY(0);
    transition: opacity cubic-bezier(0.4, 0, 0.6, 1) .3s, transform cubic-bezier(0.4, 0, 0.6, 1) .3s
}

.modal-body {
    background-color: #fff;
    box-shadow: 0 0 10px 0 rgba(18, 18, 21, .1);
    border-radius: var(--modal-body-radius);
    opacity: 0;
    transform: translateY(8px);
    margin: 24px 16px
}

.modal-content-area {
    padding: 48px 30px
}

.modal-close-wrapper {
    position: sticky;
    top: 0;
    height: 0;
    display: flex;
    justify-content: flex-end;
    pointer-events: none;
    z-index: 10
}

.modal-close {
    pointer-events: auto;
    border-radius: 50%;
    width: 32px;
    height: 32px;
    margin: 16px;
    background: rgba(18, 18, 21, .6) center/40% 40% no-repeat url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTciIGhlaWdodD0iMTciIHZpZXdCb3g9IjAgMCAxNyAxNyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0wLjI5Mjg5MyAwLjI5Mjg5M0MwLjY4MzQxOCAtMC4wOTc2MzExIDEuMzE2NTggLTAuMDk3NjMxMSAxLjcwNzExIDAuMjkyODkzTDguNDMzMzUgNy4wMTkxM0wxNS4xNTEgMC4zMDE0MzdDMTUuNTQxNiAtMC4wODkwODY5IDE2LjE3NDcgLTAuMDg5MDg2OSAxNi41NjUzIDAuMzAxNDM3QzE2Ljk1NTggMC42OTE5NjIgMTYuOTU1OCAxLjMyNTEzIDE2LjU2NTMgMS43MTU2NUw5Ljg0NzU2IDguNDMzMzVMMTYuNTU2NCAxNS4xNDIxQzE2Ljk0NjkgMTUuNTMyNyAxNi45NDY5IDE2LjE2NTggMTYuNTU2NCAxNi41NTY0QzE2LjE2NTggMTYuOTQ2OSAxNS41MzI3IDE2Ljk0NjkgMTUuMTQyMSAxNi41NTY0TDguNDMzMzUgOS44NDc1NkwxLjcxNjAxIDE2LjU2NDlDMS4zMjU0OSAxNi45NTU0IDAuNjkyMzI2IDE2Ljk1NTQgMC4zMDE4MDEgMTYuNTY0OUMtMC4wODg3MjI5IDE2LjE3NDQgLTAuMDg4NzIyOSAxNS41NDEyIDAuMzAxODAxIDE1LjE1MDdMNy4wMTkxMyA4LjQzMzM1TDAuMjkyODkzIDEuNzA3MTFDLTAuMDk3NjMxMSAxLjMxNjU4IC0wLjA5NzYzMTEgMC42ODM0MTcgMC4yOTI4OTMgMC4yOTI4OTNaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K");
    transition: background-color cubic-bezier(0.4, 0, 0.6, 1) .2s
}

.modal-close:hover {
    background-color: rgba(18, 18, 21, .7)
}

.local-nav-placeholder {
    position: relative;
    visibility: hidden;
    z-index: -1
}

.local-nav-sticking .page-main-content {
    border-radius: 0
}

.local-nav {
    position: sticky;
    left: 0;
    width: 100%;
    z-index: 100;
    top: 50px;
    border-bottom: 1px solid rgba(18, 18, 21, 0)
}

.local-nav.sticking {
    border-color: rgba(18, 18, 21, .1);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    background-color: rgba(243, 243, 243, .95)
}

.ln-items {
    display: grid;
    list-style: none;
    grid-auto-flow: column;
    max-width: 572px;
    margin: auto
}

.ln-item {
    display: inline-block;
    text-align: center;
    height: 44px;
    margin: 7px 0 -7px 0
}

.ln-link {
    position: relative;
    display: inline-block;
    font-size: 16px;
    font-weight: 500;
    color: #b9bcbf;
    transition: color .3s cubic-bezier(0.4, 0, 0.2, 1)
}

.ln-link::before {
    content: "";
    display: block;
    height: 3px;
    position: absolute;
    background-color: #121215;
    width: 100%;
    bottom: -2px;
    opacity: 0;
    transition: opacity .3s cubic-bezier(0.4, 0, 0.2, 1)
}

.active .ln-link {
    color: #121215
}

.active .ln-link::before {
    opacity: 1
}

.salonpas-marquee {
    position: absolute;
    top: 0
}

.salonpas-footer {
    display: flex;
    align-items: center;
    writing-mode: vertical-rl;
    line-height: 1.2;
    font-weight: 500;
    background-color: lime;
    color: #121215;
    cursor: pointer
}

.salonpas-flag {
    margin: 12px 0 0 0;
    width: 40px;
    height: 40px;
    background-color: #121215
}

.salonpas-flag::before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background: center/32px 32px no-repeat url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzYiIGhlaWdodD0iMzYiIHZpZXdCb3g9IjAgMCAzNiAzNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0zMC4xOTg5IDIwLjc3MjVDMzIuNjUzMSAyMC43NzI1IDM0LjY0OTQgMjIuNzY4NSAzNC42NDk0IDI1LjIyMjFDMzQuNjQ5NCAyNy42NzYgMzIuNjUzMSAyOS42NzIzIDMwLjE5ODkgMjkuNjcyM0MyNy43NDUzIDI5LjY3MjMgMjUuNzQ5MyAyNy42NzYgMjUuNzQ5MyAyNS4yMjIxQzI1Ljc0OTMgMjIuNzY4NSAyNy43NDUzIDIwLjc3MjUgMzAuMTk4OSAyMC43NzI1Wk02LjcwMDA0IDIwLjc3MjVDOS4xNTM2MiAyMC43NzI1IDExLjE0OTYgMjIuNzY4NSAxMS4xNDk2IDI1LjIyMjFDMTEuMTQ5NiAyNy42NzYgOS4xNTM2MiAyOS42NzIzIDYuNzAwMDQgMjkuNjcyM0M0LjI0NTc2IDI5LjY3MjMgMi4yNDk0NCAyNy42NzYgMi4yNDk0NCAyNS4yMjIxQzIuMjQ5NDQgMjIuNzY4NSA0LjI0NTc2IDIwLjc3MjUgNi43MDAwNCAyMC43NzI1Wk0zMC4xOTg5IDIyLjM0NjlDMjguNjEzNiAyMi4zNDY5IDI3LjMyMzcgMjMuNjM2OCAyNy4zMjM3IDI1LjIyMjFDMjcuMzIzNyAyNi44MDc2IDI4LjYxMzYgMjguMDk3OSAzMC4xOTg5IDI4LjA5NzlDMzEuNzg0OCAyOC4wOTc5IDMzLjA3NTEgMjYuODA3NiAzMy4wNzUxIDI1LjIyMjFDMzMuMDc1MSAyMy42MzY4IDMxLjc4NDggMjIuMzQ2OSAzMC4xOTg5IDIyLjM0NjlaTTYuNzAwMDQgMjIuMzQ2OUM1LjExNDExIDIyLjM0NjkgMy44MjM4MiAyMy42MzY4IDMuODIzODIgMjUuMjIyMUMzLjgyMzgyIDI2LjgwNzYgNS4xMTQxMSAyOC4wOTc5IDYuNzAwMDQgMjguMDk3OUM4LjI4NTI2IDI4LjA5NzkgOS41NzUyIDI2LjgwNzYgOS41NzUyIDI1LjIyMjFDOS41NzUyIDIzLjYzNjggOC4yODUyNiAyMi4zNDY5IDYuNzAwMDQgMjIuMzQ2OVpNMjIuMjc0NCA5Ljg5OTgxTDIyLjU3NDYgOS41MTc5QzI3LjU1NTYgMTAuNTQ4NiAyOS43Mzc3IDE0LjYzNiAyOS45ODg1IDE3LjEzMTlMMjguNDIyNiAxNy4yODk0QzI4LjEyNDggMTQuMzM0OCAyNS43NDcyIDEyLjQwNDYgMjMuNjg4OSAxMS41MjIzQzI0LjI4NjEgMTMuNDg4MSAyNC42MTIyIDE1LjczIDI0LjU4MTggMTcuNzg3MkMyNC41NTY2IDE5LjUxNTkgMjQuMjM5NiAyMi41OTkyIDIyLjM5OTcgMjMuODI1OEMyMS40NzAxIDI0LjQ0NTEgMjAuMjg2NSAyNC43MTQ4IDE5LjEyMTEgMjQuNzE0OEMxNy44MTg5IDI0LjcxNDggMTYuNTM5NSAyNC4zNzg2IDE1LjY2MDcgMjMuODE3OEMxNC43MzI4IDIzLjIyNTggMTQuMjc2OSAyMi4zOTExIDE0LjQwOTkgMjEuNTI4QzE0LjQ4MjcgMjEuMDU1NiAxNC42MTg4IDIwLjUyMTQgMTQuNzYyOSAxOS45NTUzQzE1LjE5MDEgMTguMjc4OCAxNS43MjE1IDE2LjE5MTUgMTQuNjMwMyAxNS4yOTQxQzEzLjY0OTYgMTQuNDg3NyA4LjU0NTUxIDEzLjU4MTUgNi4wODU5OSAxMy45NTczQzUuMDI3MyAxNC4xMTkzIDQuMjQ5OTEgMTQuNTUzOCAzLjg5NjkgMTUuMTgxMUMzLjU4MDI4IDE1Ljc0NDcgMy42MDE5NyAxNi40NjgzIDMuOTYxMjggMTcuMzMxNEwyLjUwNzk1IDE3LjkzNjZDMS44MTYyNyAxNi4yNzYyIDIuMTM1MzUgMTUuMTAyIDIuNTI0NzQgMTQuNDA5M0MzLjEyMDIxIDEzLjM1MSA0LjMwMDY0IDEyLjYzNzYgNS44NDgwOCAxMi40MDExQzguNDI2OTEgMTIuMDA2OCAxNC4xMjI3IDEyLjgzODEgMTUuNjMwMiAxNC4wNzhDMTcuNDk0MyAxNS42MTExIDE2Ljc5NyAxOC4zNDY3IDE2LjI4ODMgMjAuMzQ0QzE2LjE1NDMgMjAuODcyIDE2LjAyNyAyMS4zNzA1IDE1Ljk2NTcgMjEuNzY3NkMxNS45MTgyIDIyLjA3NzkgMTYuMzI4OSAyMi4zNzY0IDE2LjUwNzMgMjIuNDkwOEMxNy43MjY5IDIzLjI2ODUgMjAuMTMyNiAyMy40NDUyIDIxLjUyNjQgMjIuNTE1NkMyMy40MzMyIDIxLjI0NDYgMjMuNTE3OCAxNS4wMDMgMjEuNjg4MSAxMC41OTAyTDIyLjI3NDQgOS44OTk4MVpNMjIuOTE4MyA0LjA0OThWNi41MjQ4SDIxLjM0MzlWNC4wNDk4SDIyLjkxODNaIiBmaWxsPSJ3aGl0ZSIgc3Ryb2tlPSJ3aGl0ZSIvPgo8L3N2Zz4K");
    filter: brightness(0) invert(1)
}

.gec-modal {
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
    background-color: rgba(50, 50, 55, .5)
}

.gec-modal .modal-content-area {
    --icon-size: 48px;
    padding: 48px 18px 32px 18px
}

.gecm-headline {
    white-space: nowrap;
    font-size: clamp(18px, 5.5vw, 22px);
    font-weight: 500;
    line-height: 1.25
}

.gecm-headline__gradient {
    background: linear-gradient(270deg, #85DF8E 3.12%, #00C9FF 61.58%, #0490F3 89.46%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0)
}

.gecm-intro {
    font-size: 16px;
    margin: 4px 0 18px 0;
    line-height: 1.3
}

.gecm-image {
    background: center/cover no-repeat url("");
    padding-bottom: 56.25%;
    border-radius: 5px
}

.gecm-info-items {
    position: relative;
    grid-gap: 32px;
    margin: 18px 0 0 0;
    padding: 8px 0
}

.gecm-info-intro {
    font-size: 16px;
    line-height: 1.42857143;
    margin: 8px 0 16px 0;
    text-align: center
}

.gecm-cta {
    --icon-size: 16px;
    display: inline-flex;
    align-items: center;
    color: #fff;
    background-color: #121215;
    font-size: 14px;
    font-weight: 500;
    height: 44px;
    padding: 0 20px;
    border-radius: 1000px;
    box-shadow: 0 10px 20px rgba(0, 116, 255, .1);
    white-space: nowrap;
    margin: auto 0 0 0
}

.gecm-cta .icon {
    margin: 0 0 0 8px;
    filter: brightness(0) invert(1)
}

.cards {
    display: flex;
    gap: 24px
}

.card {
    --card-padding-x: 30px;
    --card-padding-y: 30px;
    --card-border-radius: 10px;
    position: relative;
    flex: 1;
    border-radius: var(--card-border-radius);
    box-shadow: 0 15px 30px 0 rgba(18, 18, 21, .05)
}

.card::before {
    content: "";
    display: block;
    padding-bottom: var(--card-size-ratio)
}

.card-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: inherit;
    background: center/cover no-repeat
}

.card-headline, .typography-headline, .app-headline {
    font-size: clamp(24px, 7vw, 30px);
    line-height: 1.1;
    letter-spacing: -0.02em
}

.card-headline em, .typography-headline em, .app-headline em {
    font-style: normal;
    /*background-image: linear-gradient(116deg, #0292F9 18%, #35EAD7 78%);*/
    -webkit-background-clip: text;
    background-clip: text;
    /*-webkit-text-fill-color: rgba(0, 0, 0, 0)*/
}

.card-headline+.card-intro, .typography-headline+*, .app-headline+* {
    margin-top: 1em
}

.card-headline+.card-cta {
    margin-top: 1em
}

.card-intro, .typography-copy-block, .app-intro {
    font-size: 18px;
    line-height: 1.42857143
}

.card-copy {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    padding: var(--card-padding-y) var(--card-padding-x)
}

.card-cta {
    --icon-size: 28px;
    width: 60px;
    height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100px;
    box-shadow: 0 5px 15px 0 rgba(18, 18, 21, .03);
    background-color: #0074ff;
    transition: box-shadow, background-color, transform;
    transition-duration: .3s;
    position: relative;
    margin-top: 2em;
}

.card-cta .icon {
    filter: brightness(0) invert(1)
}

.card-cta:hover {
    background-color: #0074ff;
    box-shadow: none;
    transform: translateY(1px)
}

.card-cta:hover .cta-icon {
    box-shadow: none
}


.card-cta:hover::before {
    opacity: 0;
    transform: scale(1.75);
    transition: opacity .5s, transform .5s
}

.card-cta::before {
    content: "";
    display: block
}

.card-cta::before {
    position: absolute;
    width: 100%;
    height: 100%;
    background: inherit;
    border-radius: inherit;
    animation: play-btn-ripple .5s .25s
}

.card-slider {
    position: relative
}

.card-slider-wrapper {
    display: contents
}

.card-slider-tabs {
    position: absolute;
    bottom: 24px
}

.card-slider-indicators {
    position: absolute;
    bottom: -36px;
    display: flex;
    left: 0;
    justify-content: center;
    width: 100%;
    margin: 0 auto;
    gap: 8px
}

.card-slider-indicator {
    position: relative;
    overflow: hidden;
    flex: 1 0 auto;
    max-width: 72px;
    padding: 8px 0;
    border-radius: 3px;
    cursor: pointer
}

.card-slider-indicator::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    border-radius: inherit;
    height: 2px;
    background-color: rgba(255, 255, 255, .5)
}

.card-slider-indicator__bar {
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    height: 2px;
    border-radius: inherit;
    background-color: #fff
}

.cmg-decorator {
    display: block;
    width: .82em;
    height: .82em;
    position: relative;
    top: -0.05em;
    padding: 0 .2em;
    background: center/contain no-repeat url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQ4IiBoZWlnaHQ9IjE0NiIgdmlld0JveD0iMCAwIDE0OCAxNDYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik03NCA3M0wtOS41MzY3NGUtMDcgNzMiIHN0cm9rZT0iIzEyMTIxNSIgc3Ryb2tlLXdpZHRoPSIxNCIvPgo8cGF0aCBkPSJNNzQgNzNMMTQuMTMyNyAxMTYuNDk2IiBzdHJva2U9IiMxMjEyMTUiIHN0cm9rZS13aWR0aD0iMTQiLz4KPHBhdGggZD0iTTc0IDczTDUxLjEzMjcgMTQzLjM3OCIgc3Ryb2tlPSIjMTIxMjE1IiBzdHJva2Utd2lkdGg9IjE0Ii8+CjxwYXRoIGQ9Ik03NCA3M0w5Ni44NjczIDE0My4zNzgiIHN0cm9rZT0iIzEyMTIxNSIgc3Ryb2tlLXdpZHRoPSIxNCIvPgo8cGF0aCBkPSJNNzQgNzNMMTMzLjg2NyAxMTYuNDk2IiBzdHJva2U9IiMxMjEyMTUiIHN0cm9rZS13aWR0aD0iMTQiLz4KPHBhdGggZD0iTTc0IDczSDE0OCIgc3Ryb2tlPSIjMTIxMjE1IiBzdHJva2Utd2lkdGg9IjE0Ii8+CjxwYXRoIGQ9Ik03NCA3M0wxMzMuODY3IDI5LjUwMzkiIHN0cm9rZT0iIzEyMTIxNSIgc3Ryb2tlLXdpZHRoPSIxNCIvPgo8cGF0aCBkPSJNNzQgNzNMOTYuODY3MyAyLjYyMTgyIiBzdHJva2U9IiMxMjEyMTUiIHN0cm9rZS13aWR0aD0iMTQiLz4KPHBhdGggZD0iTTc0IDczTDUxLjEzMjcgMi42MjE4MiIgc3Ryb2tlPSIjMTIxMjE1IiBzdHJva2Utd2lkdGg9IjE0Ii8+CjxwYXRoIGQ9Ik03NCA3Mi45OTlMMTQuMTMyNyAyOS41MDI5IiBzdHJva2U9IiMxMjEyMTUiIHN0cm9rZS13aWR0aD0iMTQiLz4KPC9zdmc+Cg")
}

.cmg-marquee-message {
    display: flex;
    align-items: center;
    white-space: nowrap;
    font-size: 8vw;
    flex: 0 0 auto;
    font-weight: 600;
    letter-spacing: -0.04em
}

.cmg-marquee {
    position: relative;
    overflow: hidden;
    contain: content;
    width: 100%;
    box-sizing: border-box;
    padding: 32px 0
}

.cmg-marquee-track {
    display: flex;
    justify-content: center
}

.aap-container {
    align-items: flex-end;
    display: flex;
    height: 100%;
    justify-content: center;
    margin: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 10
}

.aap {
    --aap-margin-bottom: 64px;
    --aap-margin-top: 120px;
    --aap-margin: 100px;
    position: sticky;
    bottom: var(--aap-margin);
    pointer-events: none;
    margin-bottom: var(--aap-margin-bottom);
    margin-top: var(--aap-margin-top)
}

.aap-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    top: 0;
    width: 64px;
    height: 64px;
    border-radius: 50%;
    background: linear-gradient(240deg, #26EE2C, #40FDCB);
    will-change: transform;
    pointer-events: auto;
    position: relative;
    cursor: pointer
}

.aap-btn:hover::before {
    opacity: 0;
    transform: scale(1.75);
    transition: opacity .5s, transform .5s
}

.aap-btn::before,
.aap-btn::after {
    content: "";
    display: block
}

.aap-btn::before {
    position: absolute;
    width: 100%;
    height: 100%;
    background: inherit;
    border-radius: inherit;
    animation: play-btn-ripple .5s .25s
}

.aap-btn::after {
    content: "";
    position: relative;
    transition: opacity .25s .25s
}

.aap-btn--play::after {
    width: 28px;
    height: 26px;
    background: center/contain no-repeat url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTIiIGhlaWdodD0iNDgiIHZpZXdCb3g9IjAgMCA1MiA0OCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTQ4IDI0TDEyIDQ0Ljc4NDZWMy4yMTUzOUw0OCAyNFoiIHN0cm9rZT0iIzEyMTIxNSIgc3Ryb2tlLXdpZHRoPSI2IiBzdHJva2UtbGluZWpvaW49ImJldmVsIi8+Cjwvc3ZnPgo")
}

.aap-btn--plus::after {
    width: 28px;
    height: 28px;
    background: center/contain no-repeat url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNzIiIGhlaWdodD0iNzIiIHZpZXdCb3g9IjAgMCA3MiA3MiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTQuNSAzNS43NjgxSDI5LjkwMzIiIHN0cm9rZT0iIzEyMTIxNSIgc3Ryb2tlLXdpZHRoPSI3LjIiLz4KPHBhdGggZD0iTTQyLjA5NjggMzUuNzY4MUg2Ny41IiBzdHJva2U9IiMxMjEyMTUiIHN0cm9rZS13aWR0aD0iNy4yIi8+CjxwYXRoIGQ9Ik0zNiA2LjI5OThMMzYgMzEuNzAzMSIgc3Ryb2tlPSIjMTIxMjE1IiBzdHJva2Utd2lkdGg9IjcuMiIvPgo8cGF0aCBkPSJNMzYgMzkuODMyNUwzNiA2NS4yMzU4IiBzdHJva2U9IiMxMjEyMTUiIHN0cm9rZS13aWR0aD0iNy4yIi8+Cjwvc3ZnPgo")
}

.inactive .aap-btn {
    pointer-events: none
}

.inactive .aap-btn::before {
    animation: none
}

.inactive .aap-btn::after {
    opacity: 0
}

@keyframes play-btn-ripple {
    0% {
        opacity: 1;
        transform: scale(1)
    }
    100% {
        opacity: 0;
        transform: scale(1.75)
    }
}

.popup-video-modal {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 10000;
    background-color: rgba(0, 0, 0, .95);
    display: flex;
    justify-items: center;
    align-items: center;
    box-sizing: border-box;
    padding: 0 24px
}

.popup-video-close-btn {
    position: absolute;
    z-index: 2;
    top: -48px;
    right: 0;
    cursor: pointer;
    font-size: 32px;
    font-family: "gogoro-icons", sans-serif;
    color: #c1c1c3
}

.popup-video-close-btn:before {
    content: ""
}

.popup-video-wrapper {
    position: relative;
    width: 100%;
    padding: 0
}

.popup-video-wrapper:before {
    padding-bottom: 56.25%;
    content: "";
    display: block
}

.popup-video-iframe {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.popup-video {
    position: absolute;
    left: 0;
    top: 0;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    height: 100%
}

.contact-modal {
    color: #323237
}

.contact-modal .modal-overlay {
    max-width: 600px
}

.contact-modal .modal-content-area {
    --icon-size: 48px;
    padding: 48px 18px 32px 18px
}

.contact-headline {
    display: inline-block;
    font-size: 32px;
    font-weight: 500;
    line-height: 1.2;
    letter-spacing: -0.02em;
    background: linear-gradient(270deg, #85DF8E 3.12%, #00C9FF 61.58%, #0490F3 89.46%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0);
    margin: 0 0 12px 0
}

.contact-form.submitted {
    display: none
}

.contact-form.submitted~.contact-result-view {
    display: block
}

.contact-form-name {
    font-size: 16px;
    font-weight: 500;
    margin: 0 0 8px 0
}

.contact-form-label {
    font-size: 14px;
    font-weight: 500
}

.contact-form-control {
    display: block;
    width: 100%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 2px solid #eff0f0;
    color: #323237;
    font-size: 16px;
    box-sizing: border-box;
    height: 40px;
    padding: 0 10px
}

.contact-form-control:focus {
    outline: none
}

select.contact-form-control {
    border-radius: 1000px;
    padding: 0 16px;
    background: #f1f3f3 center right/32px 32px no-repeat url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIxIDEzTDE2IDE4TDExIDEzTDEwIDE0TDE2IDIwTDIyIDE0TDIxIDEzWiIgZmlsbD0iYmxhY2siLz4KPC9zdmc+Cg")
}

.contact-form-group {
    margin: 0 0 12px 0
}

.contact-button {
    font-size: 16px;
    font-weight: 500;
    color: #fff;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    height: 40px;
    padding: 0 1.5em;
    background-color: #121215;
    border-radius: 1000px;
    margin: 12px 0 0 0
}

.contact-result-view {
    display: none;
    font-size: 16px;
    margin: 16px 0 0 0;
    line-height: 1.3
}

.contact-result-view p {
    margin: 0 0 18px 0
}

.contact-error {
    font-size: 13px;
    color: red;
    margin: 2px 0 0 0
}

.progressive-image,
.progressive-image figure,
.progressive-image figure::before,
.progressive-image figure::after,
.progressive-image .icon,
.progressive-image .icon::before,
.progressive-image .icon::after,
.progressive-image .gen-map {
    background-image: none !important;
    -webkit-mask-image: none !important;
    mask-image: none !important
}

.cta-link {
    --icon-size: 22px;
    display: inline-flex;
    overflow: hidden;
    align-items: center;
    justify-content: center;
    border-radius: 100px;
    background-color: rgba(255, 255, 255, .9);
    box-shadow: 0 5px 15px 0 rgba(18, 18, 21, .03);
    height: 44px;
    color: #0074ff;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: .04em;
    padding: 0 20px;
    white-space: nowrap;
    transition-property: box-shadow, background-color, transform;
    transition-duration: .3s
}

.cta-link:hover {
    background-color: #e5f0fe;
    box-shadow: none;
    transform: translateY(1px)
}

.cta-link:hover .cta-icon {
    box-shadow: none
}

.cta-link:has(.cta-icon) {
    padding: 0 10px 0 20px
}

.cta-link .cta-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background-color: #0074ff;
    margin: 0 0 0 12px;
    box-shadow: 0 3px 6px rgba(178, 235, 252, .5);
    transition: box-shadow .3s
}

.cta-link .icon {
    filter: brightness(0) invert(1)
}

.video-wrapper {
    position: relative;
    max-width: 400px;
    margin: 0 auto
}

.video-wrapper video {
    border-radius: 10px
}

.video-wrapper .aap {
    --aap-margin-top: 32px;
    --aap-margin-bottom: 32px;
    --aap-margin: 64px
}

.video-wrapper::after {
    content: "";
    display: block;
    padding-bottom: 160%
}

.video-copy {
    position: absolute;
    padding: 18px;
    box-sizing: border-box
}

.section-hero {
    position: relative
}

.hero-loading {
    position: absolute;
    top: 50px;
    width: 100%;
    height: 2px;
    box-sizing: border-box;
    z-index: 1;
    display: none;
    opacity: 0
}

.loading .hero-loading {
    display: block
}

.hero-loading-bar {
    position: absolute;
    width: 100%;
    height: 100%;
    animation: hero-intro-future 1s infinite linear;
    background: 100% center/200% auto repeat-x linear-gradient(to right, #85DF8E 2%, #0490F3 18%, #00C9FF 34%, #85DF8E 48%, #85DF8E 52%, #0490F3 68%, #00C9FF 84%, #85DF8E 98%);
    -webkit-clip-path: inset(0 100% 0 0);
    clip-path: inset(0 100% 0 0)
}

.loading .hero-loading-bar {
    will-change: clip-path;
    transition: -webkit-clip-path .1s;
    transition: clip-path .1s;
    transition: clip-path .1s, -webkit-clip-path .1s
}

.hero-scroll-container::after {
    content: "";
    display: block;
    height: var(--large-viewport-height);
    margin-bottom: calc(var(--large-viewport-height)*-1)
}

.hero-scroll-buffer {
    height: var(--large-viewport-height)
}

.hero-scroll-sticky {
    position: sticky;
    top: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: var(--large-viewport-height);
    background: linear-gradient(180deg, #F3F3F3 62%, #B2EBFC 106%);
    box-sizing: border-box;
    padding-top: 50px;
    padding-bottom: calc(var(--large-viewport-height) - var(--viewport-height));
    overflow: hidden;
    contain: strict
}

.hero-stage {
    position: relative;
    z-index: 1
}

.battery-position,
.battery-spot-position {
    position: absolute;
    z-index: 3;
    display: flex;
    justify-content: center
}

.battery-position::after,
.battery-spot-position::after {
    content: "";
    display: block;
    padding-bottom: 100%
}

.battery-spot-position {
    z-index: 1;
    animation: battery-spot 5s infinite linear
}

.battery-spot {
    position: absolute;
    width: 100%;
    height: 100%;
    background: radial-gradient(50% 50% at center, #D3FF7B, rgba(211, 255, 123, 0));
    left: 20%;
    transform: scale(1.3)
}

@keyframes battery-spot {
    0% {
        transform: rotate(0deg)
    }
    100% {
        transform: rotate(360deg)
    }
}

.battery-animation-container {
    position: absolute;
    width: 150%;
    left: 50%;
    top: 88%;
    transform: translate(-50%, -50%);
    margin: 0 auto
}

.battery-animation-container::after {
    content: "";
    display: block;
    padding-bottom: 133.66%
}

.battery-animation {
    position: absolute;
    width: 100%;
    height: 100%
}

.hero-copy {
    position: relative;
    z-index: 2;
    font-size: clamp(48px, 16vw, 64px);
    font-weight: 400;
    letter-spacing: -0.04em;
    line-height: 1.1;
    white-space: nowrap;
    display: flex;
    flex-direction: column;
    align-items: flex-start
}

.hero-intro-line {
    position: relative;
    -webkit-clip-path: inset(0 100% 0 0);
    clip-path: inset(0 100% 0 0)
}

.hero-intro-future {
    position: absolute;
    right: 0;
    top: 0;
    -webkit-clip-path: inset(100% 0 0 0);
    clip-path: inset(100% 0 0 0);
    background: 100% center/200% auto repeat-x linear-gradient(to right, #85DF8E 2%, #0490F3 18%, #00C9FF 34%, #85DF8E 48%, #85DF8E 52%, #0490F3 68%, #00C9FF 84%, #85DF8E 98%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0)
}

.hero-intro-future--complete {
    animation: hero-intro-future 5s infinite linear
}

@keyframes hero-intro-future {
    0% {
        background-position-x: 100%
    }
    100% {
        background-position-x: 0
    }
}

.hero-video-view {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 3;
    display: flex;
    align-items: center;
    overflow: hidden;
    isolation: isolate;
    background-color: #323237
}

@keyframes hero-scroll-hint {
    0% {
        transform: translateY(0)
    }
    100% {
        transform: translateY(8px);
        opacity: 0
    }
}

.hero-scroll-hint {
    opacity: 0
}

.hero-video-copy {
    position: relative;
    font-size: 48px;
    font-weight: 600;
    line-height: 1.1;
    letter-spacing: -0.02em;
    color: #fff;
    display: flex;
    gap: 24px;
    flex-direction: column
}

.hero-topic-item {
    overflow: hidden
}

.hero-stage {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    content-visibility: auto;
    contain: strict;
    isolation: isolate
}

.hero-pulse-svh {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: var(--viewport-height);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.image-hero-lockup {
    position: relative;
    z-index: 2;
    width: clamp(0px, 100% - 60px, 380px);
    aspect-ratio: 540/210;
    background: center/contain no-repeat url("");
    margin: 0 0 48px 0
}

.hero-pulse-copy {
    position: absolute;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    z-index: 2;
    font-size: clamp(14px, 4vw, 16px);
    line-height: 1.42857143;
    color: #fff;
    bottom: 36px;
    padding: 0 24px;
    box-sizing: border-box
}

.hero-pulse-cta {
    display: flex;
    align-items: center;
    font-weight: 500;
    color: #fff;
    margin: 12px 0 0 0;
    cursor: pointer
}

.hero-pulse-cta::after {
    content: "";
    display: block;
    width: .7em;
    height: .9em;
    margin: 0 0 0 8px;
    background: center/contain no-repeat url("data:image/svg+xml;base64,PHN2ZyBmaWxsPSJub25lIiBoZWlnaHQ9IjE2IiB2aWV3Qm94PSIwIDAgMTIgMTYiIHdpZHRoPSIxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJtMy4zMzMzNCAyLjY2NzMyIDUuMzMzMzQgNS4zMzMzMy01LjMzMzM0IDUuMzMzMzUiIHN0cm9rZT0iI2ZmZiIgc3Ryb2tlLXdpZHRoPSIyIi8+PC9zdmc+")
}

.section-faster {
    padding: var(--section-padding) 0 0 0;
    contain: content
}

.faster-hero {
    position: relative;
    left: 50%;
    width: clamp(0px, 160%, 600px);
    transform: translateX(-50%);
    z-index: -1
}

.faster-hero::after {
    content: "";
    position: relative;
    display: block;
    padding-bottom: 60%;
    background: center/contain no-repeat url("../img/aershield/img-faster-hero.png")
}

.faster-hero::before {
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    top: 34%;
    width: 60%;
    height: 100%;
    transform: translate(-50%, -50%);
    background: radial-gradient(50% 50% at 50% 50%, rgba(201, 252, 245, 0.6) 20.31%, rgba(255, 255, 255, 0) 100%)
}

.image-logo-gen {
    margin: 0 auto 24px auto;
    width: 120px;
    height: 56px;
    background: center/contain no-repeat url("")
}

.subsection-gen {
    position: relative;
    z-index: 2;
    padding-top: var(--section-padding)
}

.swap-go {
    position: relative;
    text-align: center;
    font-size: clamp(48px, 16vw, 64px);
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: -0.04em;
    margin: .75em 0
}

.swap-go-text {
    position: relative;
    z-index: 2;
    background: linear-gradient(180deg, #26EE2C 0%, #90F8D4 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0)
}

.swap-go-shadow {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1;
    inset: 0;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0);
    font-weight: 500
}

.swap-go-shadow--up {
    -webkit-clip-path: inset(0 0 var(--swap-go-mask, 100%) 0);
    clip-path: inset(0 0 var(--swap-go-mask, 100%) 0);
    background-image: linear-gradient(180deg, rgba(38, 238, 44, 0.33) 0%, rgba(64, 253, 203, 0.35) 125%)
}

.swap-go-shadow--down {
    -webkit-clip-path: inset(var(--swap-go-mask, 100%) 0 0 0);
    clip-path: inset(var(--swap-go-mask, 100%) 0 0 0);
    background-image: linear-gradient(180deg, rgba(38, 238, 44, 0.5) 0%, rgba(64, 253, 203, 0) 125%)
}

.subsection-gostation {
    position: relative;
    display: flex;
    align-items: center;
    padding: var(--section-padding) 0;
}

.subsection-battery {
    position: relative
}

.video-wrapper--speed.fallback {
    background: center/cover no-repeat url("")
}

.video-wrapper--swap.fallback {
    background: center/cover no-repeat url("")
}

.gostation-modal-header {
    position: relative;
    background: center bottom/auto 76% no-repeat url("");
    height: 500px;
    border-radius: var(--modal-body-radius) var(--modal-body-radius) 0 0
}

.gostation-modal-header-copy {
    position: absolute;
    top: 22%;
    transform: translateY(-50%)
}

.image-gostation,
.image-battery {
    border-radius: 5px;
    padding-bottom: 69.44%;
    background: center/cover no-repeat;
    margin: 0 0 12px 0
}

.image-gostation--content1 {
    background-image: url("")
}

.image-gostation--content2 {
    background-image: url("")
}

.image-battery--content1 {
    background-image: url("")
}

.image-battery--content2 {
    background-image: url("")
}

.swap-modal-header {
    position: relative;
    background: center/cover no-repeat url("");
    height: 300px;
    border-radius: var(--modal-body-radius) var(--modal-body-radius) 0 0
}

.swap-modal-header-copy {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    /*transform: translateY(-50%);*/
    top: 0;
    text-align: left
}

.section-safer {
    padding: var(--section-padding) 0 0 0
}

.section-safer .video-wrapper {
    margin-top: 32px
}

.subsection-smart-key {
    /*--key-card-size: 240px;
    --smart-key-icon-size: 64px;*/
    padding: var(--section-padding) 0
}

.image-key-card {
    position: relative;
    width: var(--key-card-size);
    left: 50%;
    margin: 48px 0 64px calc(var(--key-card-size)/-2);
    display: none;
}

.image-key-card::after {
    content: "";
    position: relative;
    z-index: 10;
    display: block;
    padding-bottom: 66.66%;
    background: center/contain no-repeat url("")
}

.key-card-ripple {
    position: absolute;
    width: var(--key-card-size);
    top: 50%;
    margin-top: calc(var(--key-card-size)/-2);
    border-radius: 100%;
    opacity: 0;
    background: linear-gradient(0deg, #1779ED 0%, #00C6FB 100%)
}

.key-card-ripple::after {
    content: "";
    display: block;
    padding-bottom: 100%
}


.subsection-safety {
    position: relative;
    padding: var(--section-padding) 0;
    background-color: #121215;
    --card-size-ratio: 140%
}

.subsection-safety + .subsection-safety {
    padding-top: 32px;
}

.subsection-safety::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background: center/auto 100% no-repeat url("");
    height: 300px
}

.subsection-safety .cards {
    margin: 32px 0 0 0;
    /*max-width: 320px*/
}

.safety-copy {
    color: #fff
}

.image-series-1 {
    background-image: url("../img/aershield/series-1-sm.jpg")
}

.image-series-2 {
    background-image: url("../img/aershield/series-2-sm.jpg")
}

.image-series-3 {
    background-image: url("../img/aershield/series-3-sm.jpg")
}

.image-series-4 {
    background-image: url("../img/aershield/series-4-sm.jpg")
}

.image-series-5 {
    background-image: url("../img/aershield/series-5-sm.jpg")
}

.image-series-6 {
    background-image: url("../img/aershield/series-6-sm.jpg")
}

.image-series-7 {
    background-image: url("../img/aershield/series-7-sm.jpg")
}

.card--headlight {
    color: #fff
}

.video-wrapper--safe.fallback {
    background: center/cover no-repeat url("")
}

.disk-modal .modal-body {
    background-color: #3f3f43
}

.headlight-modal .modal-body, .battery-modal .modal-body {
    background-color: #0d0d10
}

.safer-modal-content-wrapper, .swap-modal-header {
    border-radius: inherit;
    overflow: hidden;
    color: #fff
}

.safer-modal-intro {
    font-weight: 400;
    line-height: 1.42857143;
    font-size: 16px
}

.section-smarter {
    padding-top: var(--section-padding);
    padding-bottom: var(--section-padding);
    background-color: #ecedef
}

.smarter-iq {
    position: relative;
    overflow: hidden;
    border-radius: 5px;
    margin-top: 32px;
    background-color: #fff
}

.smarter-iq::after {
    content: "";
    display: block;
    height: 300px;
    margin-top: -48px;
    background: center/auto 100% no-repeat url("")
}

.smarter-iq-copy {
    position: relative;
    padding: 18px;
    box-sizing: border-box
}

.subsection-proactive {
    padding: 0 0 var(--section-padding) 0;
    background: linear-gradient(180deg, #ECEDEF, #C4E4EE)
}

.subsection-proactive .cards {
    max-width: 320px;
    --card-size-ratio: 128.8%;
    margin: 32px 0 0 0;
    color: #fff
}

.image-auto-turn {
    background-image: url("")
}

.image-wet-mode {
    background-image: url("")
}

.subsection-app {
    padding: var(--section-padding) 0;
    overflow: hidden;
    background: center/auto 100% no-repeat url("")
}

.subsection-app .cta-links {
    display: inline-flex;
    margin: 24px 0 0 0;
    gap: 16px
}

.app-views {
    display: flex;
    max-width: 220px;
    margin: 18px auto 18px auto
}

.app-views::after {
    content: "";
    display: block;
    padding-bottom: 190%
}

.app-view {
    flex: 0 0 100%;
    background: center/auto 100% no-repeat
}

.app-view--home {
    background-image: url("")
}

.app-view--iq {
    background-image: url("")
}

.app-view--map {
    background-image: url("")
}

.app-view--customize {
    background-image: url("")
}

.app-view--status {
    background-image: url("")
}

.app-copies {
    display: flex;
    width: 100%;
    text-align: center
}

.app-copy {
    flex: 0 0 100%
}

.app-headline {
    /*font-size: 22px;
    line-height: 1.25;
    letter-spacing: -0.04em*/
}

.app-intro {
    /*font-size: 16px;
    line-height: 1.42857143*/
}

.app-indicators {
    display: flex;
    gap: 8px;
    width: 90%;
    max-width: 380px;
    margin: 24px auto 0 auto
}

.app-indicator {
    position: relative;
    overflow: hidden;
    flex: 1;
    padding: 8px 0;
    border-radius: 3px;
    cursor: pointer
}

.app-indicator::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    border-radius: inherit;
    height: 2px;
    background-color: rgba(18, 18, 21, .25)
}

.app-indicator__bar {
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    height: 2px;
    border-radius: inherit;
    background-color: #0074ff
}

.app-click-area {
    position: relative
}

.section-all-you {
    padding-top: var(--section-padding)
}

.subsection-gallery {
    position: relative;
    margin: 24px 0 0 0
}

.subsection-gallery .aap {
    --aap-margin-top: -64px;
    --aap-margin-bottom: 24px;
    --aap-margin: 64px
}

.gallery {
    display: flex;
    flex-direction: column;
    contain: content;
    overflow: hidden;
    gap: 6px
}

.gallery--mobile {
    background-color: #fff
}

.gallery--desktop {
    display: none
}

.gallery-track-sizer {
    position: relative;
    width: 180%;
    max-width: 1000px
}

.gallery-track-sizer::before {
    content: "";
    display: block;
    padding-bottom: 25%
}

.gallery-track-sizer:nth-child(odd) {
    align-self: flex-end
}

.gallery-track {
    position: absolute;
    will-change: transform;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.image-gallery {
    background: center/cover no-repeat
}

.subsection-customize {
    padding: var(--section-padding) 0
}

.subsection-customize .cards {
    --card-size-ratio: 104%;
    margin: 32px 0 0 0;
    color: #fff;
    min-height: 360px
}

.subsection-customize .card-slider-indicator::before {
    background-color: rgba(18, 18, 21, .25)
}

.subsection-customize .card-slider-indicator__bar {
    background-color: #0074ff
}

.image-customize-sound {
    background-image: url("")
}

.image-customize-dashboard {
    background-image: url("")
}

.gallery-modal .modal-body {
    background-color: #121215;
    color: #fff;
    width: 100%
}

.gallery-modal-items {
    display: flex;
    flex-flow: row wrap;
    width: 100%;
    overflow: hidden;
    border-radius: 0 0 var(--modal-body-radius) var(--modal-body-radius);
    gap: 12px
}

.gallery-modal-item {
    position: relative;
    background: center/cover no-repeat
}

.gallery-modal-item::after {
    content: "";
    display: block
}

.gallery-modal-item--1 {
    flex: 0 0 100%;
    background-image: url("")
}

.gallery-modal-item--1::after {
    padding-bottom: 56.25%
}

.gallery-modal-item--2 {
    flex: 1082;
    background-image: url("")
}

.gallery-modal-item--2::after {
    padding-bottom: 67.5%
}

.gallery-modal-item--3 {
    flex: 540;
    background-image: url("")
}

.gallery-modal-item--4 {
    flex: 0 0 100%;
    background-image: url("")
}

.gallery-modal-item--4::after {
    padding-bottom: 56.25%
}

.gallery-modal-item--5 {
    flex: 890;
    background-image: url("")
}

.gallery-modal-item--5::after {
    padding-bottom: 60%
}

.gallery-modal-item--6 {
    flex: 450;
    background-image: url("")
}

.gallery-modal-item--7 {
    flex: 0 0 100%;
    background-image: url("")
}

.gallery-modal-item--7::after {
    padding-bottom: 56.25%
}

.gallery-modal-item--8 {
    flex: 450;
    background-image: url("")
}

.gallery-modal-item--8::after {
    padding-bottom: 133%
}

.gallery-modal-item--9 {
    flex: 890;
    background-image: url("")
}

.gallery-item-label {
    position: absolute;
    left: 0;
    bottom: 0;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.2;
    padding: 12px;
    text-shadow: 0 0 5px rgba(0, 0, 0, .15)
}

.section-gec {
    padding: var(--section-padding) 0 32px 0;
    color: #fff;
    background-color: #121215;
    --icon-size: 64px
}

.section-gec .typography-section-headline em {
    /*background-image: linear-gradient(270deg, #85DF8E 42%, #00C9FF 78%, #0490F3 90%)*/
}

.section-gec .icon {
    flex: 0 0 auto;
    filter: brightness(0) invert(1)
}

.gec-intro {
    font-size: 16px;
    margin: 12px 0 24px 0
}

.gec-image-wrapper {
    margin: 0 auto
}

.gec-image {
    background: center/cover no-repeat url("");
    padding-bottom: 56.25%
}

.gec-info-items {
    position: relative;
    margin: 12px 0 32px 0
}

.gec-info-item {
    display: flex;
    gap: 8px;
    padding: 32px 0;
    flex-direction: column;
    align-items: center;
    border-bottom: 1px solid rgba(50, 50, 55, .5);
    text-align: center
}

.gec-info-intro {
    font-size: 16px;
    line-height: 1.42857143;
    margin: 12px 0 18px 0;
    font-weight: 500
}

.gec-cta {
    --icon-size: 16px;
    display: inline-flex;
    align-items: center;
    color: #121215;
    background: linear-gradient(300deg, #26EE2C 6%, #40FDCB 87%);
    font-size: 16px;
    font-weight: 500;
    height: 44px;
    padding: 0 20px;
    border-radius: 1000px
}

.gec-cta .icon {
    margin: 0 0 0 8px;
    filter: none;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTAuNTk5OTk4IDguMjAwMkgxNCIgc3Ryb2tlPSIjMTIxMjE1IiBzdHJva2Utd2lkdGg9IjIuNSIvPgo8cGF0aCBkPSJNMTAuNCAyLjIwMDJDMTAuNTY2NyAzLjg2Njg2IDExLjgyIDcuMzgwMiAxNS41IDguMTAwMiIgc3Ryb2tlPSIjMTIxMjE1IiBzdHJva2Utd2lkdGg9IjIuNSIvPgo8cGF0aCBkPSJNMTAuNCAxNEMxMC41NjY3IDEyLjMzMzMgMTEuODIgOC44MiAxNS41IDguMSIgc3Ryb2tlPSIjMTIxMjE1IiBzdHJva2Utd2lkdGg9IjIuNSIvPgo8L3N2Zz4K")
}

.gec-marquee {
    margin: 0;
    position: relative;
    height: 10vw;
    overflow: hidden;
    contain: strict
}

.gec-marquee canvas {
    position: absolute;
    width: 100%;
    height: 100%
}

.page-main-content {
    position: relative;
    z-index: 2;
    border-radius: 10px;
    padding: 4px 0 0 0;
    background-color: #f1f3f3;
    transition: border-radius .24s
}

@media (min-width: 576px) {
    .gc-container.gc-container {
        max-width: 540px
    }
    .container-sm,
    .container {
        max-width: 540px
    }
    .col-sm {
        flex: 1 0 0%
    }
    .row-cols-sm-auto>* {
        flex: 0 0 auto;
        width: auto
    }
    .row-cols-sm-1>* {
        flex: 0 0 auto;
        width: 100%
    }
    .row-cols-sm-2>* {
        flex: 0 0 auto;
        width: 50%
    }
    .row-cols-sm-3>* {
        flex: 0 0 auto;
        width: 33.3333333333%
    }
    .row-cols-sm-4>* {
        flex: 0 0 auto;
        width: 25%
    }
    .row-cols-sm-5>* {
        flex: 0 0 auto;
        width: 20%
    }
    .row-cols-sm-6>* {
        flex: 0 0 auto;
        width: 16.6666666667%
    }
    .col-sm-auto {
        flex: 0 0 auto;
        width: auto
    }
    .col-sm-1 {
        flex: 0 0 auto;
        width: 8.3333333333%
    }
    .col-sm-2 {
        flex: 0 0 auto;
        width: 16.6666666667%
    }
    .col-sm-3 {
        flex: 0 0 auto;
        width: 25%
    }
    .col-sm-4 {
        flex: 0 0 auto;
        width: 33.3333333333%
    }
    .col-sm-5 {
        flex: 0 0 auto;
        width: 41.6666666667%
    }
    .col-sm-6 {
        flex: 0 0 auto;
        width: 50%
    }
    .col-sm-7 {
        flex: 0 0 auto;
        width: 58.3333333333%
    }
    .col-sm-8 {
        flex: 0 0 auto;
        width: 66.6666666667%
    }
    .col-sm-9 {
        flex: 0 0 auto;
        width: 75%
    }
    .col-sm-10 {
        flex: 0 0 auto;
        width: 83.3333333333%
    }
    .col-sm-11 {
        flex: 0 0 auto;
        width: 91.6666666667%
    }
    .col-sm-12 {
        flex: 0 0 auto;
        width: 100%
    }
    .offset-sm-0 {
        margin-left: 0
    }
    .offset-sm-1 {
        margin-left: 8.3333333333%
    }
    .offset-sm-2 {
        margin-left: 16.6666666667%
    }
    .offset-sm-3 {
        margin-left: 25%
    }
    .offset-sm-4 {
        margin-left: 33.3333333333%
    }
    .offset-sm-5 {
        margin-left: 41.6666666667%
    }
    .offset-sm-6 {
        margin-left: 50%
    }
    .offset-sm-7 {
        margin-left: 58.3333333333%
    }
    .offset-sm-8 {
        margin-left: 66.6666666667%
    }
    .offset-sm-9 {
        margin-left: 75%
    }
    .offset-sm-10 {
        margin-left: 83.3333333333%
    }
    .offset-sm-11 {
        margin-left: 91.6666666667%
    }
    .g-sm-30px,
    .gx-sm-30px {
        --ggr-gutter-x:
    }
    .g-sm-30px,
    .gy-sm-30px {
        --ggr-gutter-y:
    }
    .d-sm-inline {
        display: inline
    }
    .d-sm-inline-block {
        display: inline-block
    }
    .d-sm-block {
        display: block
    }
    .d-sm-grid {
        display: grid
    }
    .d-sm-table {
        display: table
    }
    .d-sm-table-row {
        display: table-row
    }
    .d-sm-table-cell {
        display: table-cell
    }
    .d-sm-flex {
        display: flex
    }
    .d-sm-inline-flex {
        display: inline-flex
    }
    .d-sm-none {
        display: none
    }
    .text-sm-left {
        text-align: left
    }
    .text-sm-right {
        text-align: right
    }
    .text-sm-center {
        text-align: center
    }
    .text-sm-wrap {
        white-space: normal
    }
    .text-sm-nowrap {
        white-space: nowrap
    }
    .flex-sm-row {
        flex-direction: row
    }
    .flex-sm-column {
        flex-direction: column
    }
    .flex-sm-row-reverse {
        flex-direction: row-reverse
    }
    .flex-sm-column-reverse {
        flex-direction: column-reverse
    }
    .justify-content-sm-start {
        justify-content: flex-start
    }
    .justify-content-sm-end {
        justify-content: flex-end
    }
    .justify-content-sm-center {
        justify-content: center
    }
    .justify-content-sm-between {
        justify-content: space-between
    }
    .justify-content-sm-around {
        justify-content: space-around
    }
    .justify-content-sm-evenly {
        justify-content: space-evenly
    }
    .align-items-sm-start {
        align-items: flex-start
    }
    .align-items-sm-end {
        align-items: flex-end
    }
    .align-items-sm-center {
        align-items: center
    }
    .align-items-sm-baseline {
        align-items: baseline
    }
    .align-items-sm-stretch {
        align-items: stretch
    }
    .align-content-sm-start {
        align-content: flex-start
    }
    .align-content-sm-end {
        align-content: flex-end
    }
    .align-content-sm-center {
        align-content: center
    }
    .align-content-sm-between {
        align-content: space-between
    }
    .align-content-sm-around {
        align-content: space-around
    }
    .align-content-sm-stretch {
        align-content: stretch
    }
    .align-self-sm-auto {
        align-self: auto
    }
    .align-self-sm-start {
        align-self: flex-start
    }
    .align-self-sm-end {
        align-self: flex-end
    }
    .align-self-sm-center {
        align-self: center
    }
    .align-self-sm-baseline {
        align-self: baseline
    }
    .align-self-sm-stretch {
        align-self: stretch
    }
}

@media (min-width: 768px) {
    .gc-container.gc-container {
        max-width: 720px
    }
    .container-md,
    .container-sm,
    .container {
        max-width: 720px
    }
    .col-md {
        flex: 1 0 0%
    }
    .row-cols-md-auto>* {
        flex: 0 0 auto;
        width: auto
    }
    .row-cols-md-1>* {
        flex: 0 0 auto;
        width: 100%
    }
    .row-cols-md-2>* {
        flex: 0 0 auto;
        width: 50%
    }
    .row-cols-md-3>* {
        flex: 0 0 auto;
        width: 33.3333333333%
    }
    .row-cols-md-4>* {
        flex: 0 0 auto;
        width: 25%
    }
    .row-cols-md-5>* {
        flex: 0 0 auto;
        width: 20%
    }
    .row-cols-md-6>* {
        flex: 0 0 auto;
        width: 16.6666666667%
    }
    .col-md-auto {
        flex: 0 0 auto;
        width: auto
    }
    .col-md-1 {
        flex: 0 0 auto;
        width: 8.3333333333%
    }
    .col-md-2 {
        flex: 0 0 auto;
        width: 16.6666666667%
    }
    .col-md-3 {
        flex: 0 0 auto;
        width: 25%
    }
    .col-md-4 {
        flex: 0 0 auto;
        width: 33.3333333333%
    }
    .col-md-5 {
        flex: 0 0 auto;
        width: 41.6666666667%
    }
    .col-md-6 {
        flex: 0 0 auto;
        width: 50%
    }
    .col-md-7 {
        flex: 0 0 auto;
        width: 58.3333333333%
    }
    .col-md-8 {
        flex: 0 0 auto;
        width: 66.6666666667%
    }
    .col-md-9 {
        flex: 0 0 auto;
        width: 75%
    }
    .col-md-10 {
        flex: 0 0 auto;
        width: 83.3333333333%
    }
    .col-md-11 {
        flex: 0 0 auto;
        width: 91.6666666667%
    }
    .col-md-12 {
        flex: 0 0 auto;
        width: 100%
    }
    .offset-md-0 {
        margin-left: 0
    }
    .offset-md-1 {
        margin-left: 8.3333333333%
    }
    .offset-md-2 {
        margin-left: 16.6666666667%
    }
    .offset-md-3 {
        margin-left: 25%
    }
    .offset-md-4 {
        margin-left: 33.3333333333%
    }
    .offset-md-5 {
        margin-left: 41.6666666667%
    }
    .offset-md-6 {
        margin-left: 50%
    }
    .offset-md-7 {
        margin-left: 58.3333333333%
    }
    .offset-md-8 {
        margin-left: 66.6666666667%
    }
    .offset-md-9 {
        margin-left: 75%
    }
    .offset-md-10 {
        margin-left: 83.3333333333%
    }
    .offset-md-11 {
        margin-left: 91.6666666667%
    }
    .g-md-30px,
    .gx-md-30px {
        --ggr-gutter-x:
    }
    .g-md-30px,
    .gy-md-30px {
        --ggr-gutter-y:
    }
    .section {
        --section-padding: 96px
    }
    .d-md-inline {
        display: inline
    }
    .d-md-inline-block {
        display: inline-block
    }
    .d-md-block {
        display: block
    }
    .d-md-grid {
        display: grid
    }
    .d-md-table {
        display: table
    }
    .d-md-table-row {
        display: table-row
    }
    .d-md-table-cell {
        display: table-cell
    }
    .d-md-flex {
        display: flex
    }
    .d-md-inline-flex {
        display: inline-flex
    }
    .d-md-none {
        display: none
    }
    .text-md-left {
        text-align: left
    }
    .text-md-right {
        text-align: right
    }
    .text-md-center {
        text-align: center
    }
    .text-md-wrap {
        white-space: normal
    }
    .text-md-nowrap {
        white-space: nowrap
    }
    .flex-md-row {
        flex-direction: row
    }
    .flex-md-column {
        flex-direction: column
    }
    .flex-md-row-reverse {
        flex-direction: row-reverse
    }
    .flex-md-column-reverse {
        flex-direction: column-reverse
    }
    .justify-content-md-start {
        justify-content: flex-start
    }
    .justify-content-md-end {
        justify-content: flex-end
    }
    .justify-content-md-center {
        justify-content: center
    }
    .justify-content-md-between {
        justify-content: space-between
    }
    .justify-content-md-around {
        justify-content: space-around
    }
    .justify-content-md-evenly {
        justify-content: space-evenly
    }
    .align-items-md-start {
        align-items: flex-start
    }
    .align-items-md-end {
        align-items: flex-end
    }
    .align-items-md-center {
        align-items: center
    }
    .align-items-md-baseline {
        align-items: baseline
    }
    .align-items-md-stretch {
        align-items: stretch
    }
    .align-content-md-start {
        align-content: flex-start
    }
    .align-content-md-end {
        align-content: flex-end
    }
    .align-content-md-center {
        align-content: center
    }
    .align-content-md-between {
        align-content: space-between
    }
    .align-content-md-around {
        align-content: space-around
    }
    .align-content-md-stretch {
        align-content: stretch
    }
    .align-self-md-auto {
        align-self: auto
    }
    .align-self-md-start {
        align-self: flex-start
    }
    .align-self-md-end {
        align-self: flex-end
    }
    .align-self-md-center {
        align-self: center
    }
    .align-self-md-baseline {
        align-self: baseline
    }
    .align-self-md-stretch {
        align-self: stretch
    }
    .typography-display-1 {
        font-size: 56px;
        line-height: 1.1
    }
    .typography-section-headline {
        font-size: 48px;
        line-height: 1.1
    }
    .typography-headline, .app-headline {
        font-size: 36px
    }
    .typography-copy-block, .app-intro {
        font-size: 18px
    }
    .typography-copy-block+.cta-link {
        margin-top: 32px
    }
    .typography-card-intro {
        font-size: 20px
    }
    .typography-modal-content {
        font-size: 18px
    }
    .modal-overlay {
        max-width: 780px
    }
    .modal-body {
        margin: 64px 24px
    }
    .modal-content-area {
        padding: 48px 40px
    }
    .modal-close {
        width: 48px;
        height: 48px;
        margin: 24px
    }
    .ln-items {
        max-width: 800px
    }
    .ln-link {
        font-size: 18px
    }
    .gec-modal .modal-content-area {
        --icon-size: 48px;
        padding: 64px 30px 48px 30px
    }
    .gecm-headline {
        font-size: 32px
    }
    .gecm-intro {
        font-size: 18px;
        margin: 4px 0 24px 0
    }
    .gecm-info-items {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-gap: 48px;
        margin: 32px 0 0 0
    }
    .gecm-info-items::after {
        content: "";
        display: block;
        height: 100%;
        left: 50%;
        position: absolute;
        width: 1px;
        background-color: #b9bcbf
    }
    .gecm-info-intro {
        text-align: left;
        margin: 12px 0 18px 0
    }
    .gecm-cta {
        padding: 0 20px;
        font-size: 16px;
        height: 48px
    }
    .card {
        --card-border-radius: 20px
    }
    .card-headline {
        font-size: 24px
    }
    .aap-btn--play::after {
        width: 36px;
        height: 34px
    }
    .aap-btn--plus::after {
        width: 36px;
        height: 36px
    }
    .aap-btn {
        width: 80px;
        height: 80px
    }
    .popup-video-modal {
        padding: 0 60px
    }
    .popup-video-close-btn {
        font-size: 36px;
        top: -56px
    }
    .contact-modal .modal-content-area {
        --icon-size: 48px;
        padding: 40px 30px 48px 30px
    }
    .video-wrapper {
        max-width: initial;
        min-height: 500px
    }
    .video-wrapper .aap-container {
        top: 0
    }
    .video-wrapper .aap {
        --aap-margin-top: 12px;
        --aap-margin-bottom: 32px;
        --aap-margin: 120px
    }
    .video-wrapper::after {
        padding-bottom: 56.25%
    }
    .video-copy {
        padding: 24px
    }
    .battery-position,
    .battery-spot-position {
        width: 44%;
        top: -6%;
        left: 61%
    }
    .hero-copy {
        font-size: 100px
    }
    .hero-scroll-hint {
        position: absolute;
        bottom: 48px;
        left: 50%;
        transform: translateX(-50%);
        z-index: 2;
        width: 100%;
        text-align: center;
        font-size: 14px;
        font-weight: 500;
        letter-spacing: .04em;
        color: #323237
    }
    .hero-video-copy {
        font-size: 100px
    }
    .image-hero-lockup {
        width: 500px
    }
    .hero-pulse-copy {
        font-size: 18px;
        bottom: 64px
    }
    .hero-pulse-cta::after {
        margin: 0 0 0 8px
    }
    .hero-pulse-cta {
        margin: 24px 0 0 0
    }
    .faster-hero {
        width: 800px;
        margin: 0 0 16px 0
    }
    .faster-hero::before {
        width: 83%;
        height: 72%;
        top: 27.8%
    }
    .faster-hero::after {
        padding-bottom: 87%;
        background-image: url("../img/aershield/img-faster-hero@2x.png")
    }
    .image-logo-gen {
        margin: 0 auto 32px auto;
        width: 150px;
        height: 70px
    }
    .swap-go {
        font-size: 120px;
        margin: clamp(0px, .6em, 80px) 0 .6em 0
    }
    .subsection-map {
        margin: 24px 0 24px 0
    }
    .subsection-gostation {
/*        height: 600px*/
    }
    .image-gostation-bg {
        position: absolute;
        width: 3000px;
        background: center/contain no-repeat url("");
        left: 50%;
        top: 40%;
        transform: translate(-50%, -50%);
        width: 1600px
    }
    .image-gostation-bg::after {
        content: "";
        display: block;
        padding-bottom: 45.83%
    }
    .image-battery-bg {
        position: absolute;
        left: 25%;
        top: 42%;
        transform: translate(-50%, -50%);
        background: center/contain no-repeat url("");
        width: 700px
    }
    .image-battery-bg::after {
        content: "";
        display: block;
        padding-bottom: 62.7%
    }
    .battery-copy {
        position: relative;
        background-color: #f1f2f3
    }
    .battery-copy::before {
        content: "";
        display: block;
        position: absolute;
        width: 64px;
        height: 100%;
        right: 100%;
        background: linear-gradient(90deg, rgba(241, 242, 243, 0), #f1f2f3)
    }
    .gostation-modal-header {
        padding-bottom: 67.64%;
        height: initial;
        background: center/cover no-repeat url("")
    }
    .image-gostation,
    .image-battery {
        margin: 0 0 18px 0
    }
    .swap-modal-header {
        height: initial;
        background: center/cover no-repeat url("");
        padding-bottom: 56.25%
    }
    .image-series-1-1 {
        background: center/cover no-repeat url("../img/aershield/series-1-1.jpg");
    }
    .image-series-2-1 {
        background: center/cover no-repeat url("../img/aershield/series-2-1.jpg");
    }
    .image-series-3-1 {
        background: center/cover no-repeat url("../img/aershield/series-3-1.jpg");
    }
    .image-series-4-1 {
        background: center/cover no-repeat url("../img/aershield/series-4-1.jpg");
    }
    .image-series-5-1 {
        background: center/cover no-repeat url("../img/aershield/series-5-1.jpg");
    }
    .image-series-6-1 {
        background: center/cover no-repeat url("../img/aershield/series-6-1.jpg");
    }
    .image-series-7-1 {
        background: center/cover no-repeat url("../img/aershield/series-7-1.jpg");
    }
    .subsection-smart-key {
        /*--key-card-size: 300px*/
    }
    .image-key-card {
        left: -12px;
        margin: 0 auto
    }
    .smart-key-features {
        margin: 32px 0 0 0
    }
    .subsection-safety {
        --card-size-ratio: 135%
    }
    .subsection-safety::before {
        background: center/auto 100% no-repeat url("");
        height: 700px
    }
    .subsection-safety .cards {
        max-width: initial;
        margin: 64px 0 0 0
    }
    .card-slider + .subsection-map .cards {
        margin: 0;
    }
    .image-series-1 {
        background-image: url("../img/aershield/series-1.jpg")
    }
    .image-series-2 {
        background-image: url("../img/aershield/series-2.jpg")
    }
    .image-series-3 {
        background-image: url("../img/aershield/series-3.jpg")
    }
    .image-series-4 {
        background-image: url("../img/aershield/series-4.jpg")
    }
    .image-series-5 {
        background-image: url("../img/aershield/series-5.jpg")
    }
    .image-series-6 {
        background-image: url("../img/aershield/series-6.jpg")
    }
    .image-series-7 {
        background-image: url("../img/aershield/series-7.jpg")
    }
    .image-disk-modal-header,
    .image-headlight-modal-header {
        width: 100%;
        background: center/cover no-repeat;
        border-radius: var(--modal-body-radius)
    }
    .image-disk-modal-header::after,
    .image-headlight-modal-header::after {
        content: "";
        display: block;
        padding-bottom: 52.72%
    }
    .image-disk-modal-header {
        background-image: url("")
    }
    .image-headlight-modal-header {
        background-image: url("")
    }
    .safer-modal-content-wrapper {
        position: absolute;
        left: 0;
        width: 100%;
        top: 50%;
        transform: translateY(-50%);
        text-align: center
    }
    .safer-modal-intro {
        margin: 12px 0 0 0
    }
    .disk-modal .modal-body,
    .headlight-modal .modal-body {
        width: 100%
    }
    .disk-modal .modal-content-area,
    .headlight-modal .modal-content-area {
        display: contents
    }
    .smarter-iq {
        background: center/cover no-repeat url("");
        min-height: 500px
    }
    .smarter-iq::after {
        background: none;
        margin: 0;
        height: initial;
        padding-bottom: 50%
    }
    .smarter-iq-copy {
        padding: 24px;
        position: absolute
    }
    .subsection-proactive .cards {
        max-width: initial;
        --card-size-ratio: 104%;
        min-height: 400px
    }
    .image-auto-turn {
        background-image: url("")
    }
    .image-wet-mode {
        background-image: url("")
    }
    .subsection-safety + .subsection-safety {
        padding-top: 0;
    }
    .app-views {
        width: 260px;
        max-width: initial;
        margin: 0 auto 32px auto
    }
    .app-views::after {
        padding-bottom: 180%
    }
    .app-copied-container {
        width: 420px;
        margin: auto
    }
    .subsection-gallery {
        margin: 48px 0 0 0
    }
    .subsection-gallery .aap {
        --aap-margin-top: -64px;
        --aap-margin-bottom: 24px;
        --aap-margin: 120px
    }
    .gallery--mobile {
        display: none
    }
    .gallery--desktop {
        display: flex;
        gap: 16px
    }
    .gallery-track-sizer {
        width: clamp(1400px, 140%, 10000px);
        max-width: initial
    }
    .gallery-track-sizer::before {
        padding-bottom: 17.931%
    }
    .gallery-track {
        display: flex;
        gap: 16px
    }
    .image-gallery--1 {
        flex: 640;
        background-image: url("")
    }
    .image-gallery--2 {
        flex: 640;
        background-image: url("")
    }
    .image-gallery--3 {
        flex: 430;
        background-image: url("")
    }
    .image-gallery--4 {
        flex: 640;
        background-image: url("")
    }
    .image-gallery--5 {
        flex: 527;
        background-image: url("")
    }
    .image-gallery--6 {
        flex: 430;
        background-image: url("")
    }
    .image-gallery--7 {
        flex: 640;
        background-image: url("")
    }
    .image-gallery--8 {
        flex: 320;
        background-image: url("")
    }
    .image-gallery--9 {
        flex: 420;
        background-image: url("")
    }
    .gallery-modal .modal-content-area {
        margin-top: 24px
    }
    .gallery-modal-items {
        gap: 16px
    }
    .gallery-item-label {
        font-size: 20px;
        padding: 18px
    }
    .gec-intro {
        font-size: 18px;
        margin: 18px 0 48px 0
    }
    .page-main-content {
        padding: 12px 0 0 0;
        border-radius: 48px
    }

    .gen-map.card::before {
        padding-bottom: 65%;
    }
    .cmg-marquee-message {
        font-weight: 500;
    }
}

@media (min-width: 992px) {
    .gc-container.gc-container {
        max-width: 1200px
    }
    .container-lg,
    .container-md,
    .container-sm,
    .container {
        max-width: 960px
    }
    .col-lg {
        flex: 1 0 0%
    }
    .row-cols-lg-auto>* {
        flex: 0 0 auto;
        width: auto
    }
    .row-cols-lg-1>* {
        flex: 0 0 auto;
        width: 100%
    }
    .row-cols-lg-2>* {
        flex: 0 0 auto;
        width: 50%
    }
    .row-cols-lg-3>* {
        flex: 0 0 auto;
        width: 33.3333333333%
    }
    .row-cols-lg-4>* {
        flex: 0 0 auto;
        width: 25%
    }
    .row-cols-lg-5>* {
        flex: 0 0 auto;
        width: 20%
    }
    .row-cols-lg-6>* {
        flex: 0 0 auto;
        width: 16.6666666667%
    }
    .col-lg-auto {
        flex: 0 0 auto;
        width: auto
    }
    .col-lg-1 {
        flex: 0 0 auto;
        width: 8.3333333333%
    }
    .col-lg-2 {
        flex: 0 0 auto;
        width: 16.6666666667%
    }
    .col-lg-3 {
        flex: 0 0 auto;
        width: 25%
    }
    .col-lg-4 {
        flex: 0 0 auto;
        width: 33.3333333333%
    }
    .col-lg-5 {
        flex: 0 0 auto;
        width: 41.6666666667%
    }
    .col-lg-6 {
        flex: 0 0 auto;
        width: 50%
    }
    .col-lg-7 {
        flex: 0 0 auto;
        width: 58.3333333333%
    }
    .col-lg-8 {
        flex: 0 0 auto;
        width: 66.6666666667%
    }
    .col-lg-9 {
        flex: 0 0 auto;
        width: 75%
    }
    .col-lg-10 {
        flex: 0 0 auto;
        width: 83.3333333333%
    }
    .col-lg-11 {
        flex: 0 0 auto;
        width: 91.6666666667%
    }
    .col-lg-12 {
        flex: 0 0 auto;
        width: 100%
    }
    .offset-lg-0 {
        margin-left: 0
    }
    .offset-lg-1 {
        margin-left: 8.3333333333%
    }
    .offset-lg-2 {
        margin-left: 16.6666666667%
    }
    .offset-lg-3 {
        margin-left: 25%
    }
    .offset-lg-4 {
        margin-left: 33.3333333333%
    }
    .offset-lg-5 {
        margin-left: 41.6666666667%
    }
    .offset-lg-6 {
        margin-left: 50%
    }
    .offset-lg-7 {
        margin-left: 58.3333333333%
    }
    .offset-lg-8 {
        margin-left: 66.6666666667%
    }
    .offset-lg-9 {
        margin-left: 75%
    }
    .offset-lg-10 {
        margin-left: 83.3333333333%
    }
    .offset-lg-11 {
        margin-left: 91.6666666667%
    }
    .g-lg-30px,
    .gx-lg-30px {
        --ggr-gutter-x:
    }
    .g-lg-30px,
    .gy-lg-30px {
        --ggr-gutter-y:
    }
    .section {
        --section-padding: 120px
    }
    .d-lg-inline {
        display: inline
    }
    .d-lg-inline-block {
        display: inline-block
    }
    .d-lg-block {
        display: block
    }
    .d-lg-grid {
        display: grid
    }
    .d-lg-table {
        display: table
    }
    .d-lg-table-row {
        display: table-row
    }
    .d-lg-table-cell {
        display: table-cell
    }
    .d-lg-flex {
        display: flex
    }
    .d-lg-inline-flex {
        display: inline-flex
    }
    .d-lg-none {
        display: none
    }
    .text-lg-left {
        text-align: left
    }
    .text-lg-right {
        text-align: right
    }
    .text-lg-center {
        text-align: center
    }
    .text-lg-wrap {
        white-space: normal
    }
    .text-lg-nowrap {
        white-space: nowrap
    }
    .flex-lg-row {
        flex-direction: row
    }
    .flex-lg-column {
        flex-direction: column
    }
    .flex-lg-row-reverse {
        flex-direction: row-reverse
    }
    .flex-lg-column-reverse {
        flex-direction: column-reverse
    }
    .justify-content-lg-start {
        justify-content: flex-start
    }
    .justify-content-lg-end {
        justify-content: flex-end
    }
    .justify-content-lg-center {
        justify-content: center
    }
    .justify-content-lg-between {
        justify-content: space-between
    }
    .justify-content-lg-around {
        justify-content: space-around
    }
    .justify-content-lg-evenly {
        justify-content: space-evenly
    }
    .align-items-lg-start {
        align-items: flex-start
    }
    .align-items-lg-end {
        align-items: flex-end
    }
    .align-items-lg-center {
        align-items: center
    }
    .align-items-lg-baseline {
        align-items: baseline
    }
    .align-items-lg-stretch {
        align-items: stretch
    }
    .align-content-lg-start {
        align-content: flex-start
    }
    .align-content-lg-end {
        align-content: flex-end
    }
    .align-content-lg-center {
        align-content: center
    }
    .align-content-lg-between {
        align-content: space-between
    }
    .align-content-lg-around {
        align-content: space-around
    }
    .align-content-lg-stretch {
        align-content: stretch
    }
    .align-self-lg-auto {
        align-self: auto
    }
    .align-self-lg-start {
        align-self: flex-start
    }
    .align-self-lg-end {
        align-self: flex-end
    }
    .align-self-lg-center {
        align-self: center
    }
    .align-self-lg-baseline {
        align-self: baseline
    }
    .align-self-lg-stretch {
        align-self: stretch
    }
    main {
        /*padding-right: 60px*/
    }
    .gpc-footer {
        margin-right: 60px
    }
    .gpc-nav.gpc-nav.gpc-nav,
    .nav-curtain.nav-curtain.nav-curtain {
        width: initial;
        right: 60px
    }
    .indent {
        padding: 0 36px
    }
    .typography-display-1 {
        font-size: clamp(64px, 6.4vw, 100px);
        line-height: 1;
    }
    .hero-video-copy {
        font-size: 80px;
        font-weight: 500;
        letter-spacing: -0.04em;
    }
    .typography-section-headline {
        font-size: clamp(56px, 5.6vw, 72px);
        line-height: 1;
    }
    .typography-section-headline+* {
        margin-top: 36px
    }
    .typography-card-intro {
        font-size: 24px
    }
    .typography-modal-headline {
        font-size: 30px;
        margin-bottom: 15px;
        margin-top: 15px;
    }
    .typography-modal-content {
        font-size: 20px
    }
    .has-modal .gpc-nav.gpc-nav {
        right: calc(60px + var(--scroll-bar-width, 0px))
    }
    .modal-overlay {
        max-width: 960px
    }
    .modal-content-area {
        padding: 60px
    }
    .subsection-gostation {
        /*height: 500px;*/
    }
    .local-nav {
        top: 60px
    }
    .ln-item {
        margin: 14px 0 -14px 0;
        height: 60px
    }
    .salonpas {
        position: fixed;
        display: flex;
        flex-direction: column;
        background-color: #fff;
        right: 0;
        width: 60px;
        height: 100%;
        top: 0;
        cursor: pointer;
        contain: strict
    }
    .salonpas-go {
        width: 60px;
        height: 60px;
        background: #121215 center/54px 54px url("")
    }
    .salonpas-body {
        position: relative;
        display: block;
        border-left: 1px solid rgba(115, 125, 130, .1);
        flex: 1
    }
    .salonpas-marquee {
        left: 100%;
        transform: rotate(90deg);
        transform-origin: left top;
        background-color: #fff
    }
    .salonpas-footer {
        font-size: 18px;
        padding: 16px 0 12px 0
    }
    .salonpas-flag {
        margin: 10px 0 0 0;
        width: 40px;
        height: 40px;
        background-color: rgba(0, 0, 0, 0)
    }
    .salonpas-flag::before {
        background-size: 40px 40px;
        background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIHZpZXdCb3g9IjAgMCA0MCA0MCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0zMy41NTQyIDIzLjA4MDhDMzYuMjgxMiAyMy4wODA4IDM4LjQ5OTMgMjUuMjk4NSAzOC40OTkzIDI4LjAyNDdDMzguNDk5MyAzMC43NTEzIDM2LjI4MTIgMzIuOTY5NCAzMy41NTQyIDMyLjk2OTRDMzAuODI4IDMyLjk2OTQgMjguNjEwMiAzMC43NTEzIDI4LjYxMDIgMjguMDI0N0MyOC42MTAyIDI1LjI5ODUgMzAuODI4IDIzLjA4MDggMzMuNTU0MiAyMy4wODA4Wk03LjQ0NDM4IDIzLjA4MDhDMTAuMTcwNiAyMy4wODA4IDEyLjM4ODMgMjUuMjk4NSAxMi4zODgzIDI4LjAyNDdDMTIuMzg4MyAzMC43NTEzIDEwLjE3MDYgMzIuOTY5NCA3LjQ0NDM4IDMyLjk2OTRDNC43MTc0IDMyLjk2OTQgMi40OTkyNyAzMC43NTEzIDIuNDk5MjcgMjguMDI0N0MyLjQ5OTI3IDI1LjI5ODUgNC43MTc0IDIzLjA4MDggNy40NDQzOCAyMy4wODA4Wk0zMy41NTQyIDI0LjgzMDFDMzEuNzkyOCAyNC44MzAxIDMwLjM1OTUgMjYuMjYzNCAzMC4zNTk1IDI4LjAyNDdDMzAuMzU5NSAyOS43ODY1IDMxLjc5MjggMzEuMjIwMSAzMy41NTQyIDMxLjIyMDFDMzUuMzE2MyAzMS4yMjAxIDM2Ljc1IDI5Ljc4NjUgMzYuNzUgMjguMDI0N0MzNi43NSAyNi4yNjM0IDM1LjMxNjMgMjQuODMwMSAzMy41NTQyIDI0LjgzMDFaTTcuNDQ0MzggMjQuODMwMUM1LjY4MjI0IDI0LjgzMDEgNC4yNDg1OCAyNi4yNjM0IDQuMjQ4NTggMjguMDI0N0M0LjI0ODU4IDI5Ljc4NjUgNS42ODIyNCAzMS4yMjAxIDcuNDQ0MzggMzEuMjIwMUM5LjIwNTc0IDMxLjIyMDEgMTAuNjM5IDI5Ljc4NjUgMTAuNjM5IDI4LjAyNDdDMTAuNjM5IDI2LjI2MzQgOS4yMDU3NCAyNC44MzAxIDcuNDQ0MzggMjQuODMwMVpNMjQuNzQ5MyAxMUwyNS4wODI4IDEwLjU3NTdDMzAuNjE3MiAxMS43MjA5IDMzLjA0MTggMTYuMjYyNSAzMy4zMjA1IDE5LjAzNTdMMzEuNTgwNSAxOS4yMTA2QzMxLjI0OTcgMTUuOTI3OCAyOC42MDc5IDEzLjc4MzEgMjYuMzIwOSAxMi44MDI3QzI2Ljk4NDUgMTQuOTg3IDI3LjM0NjggMTcuNDc4IDI3LjMxMyAxOS43NjM4QzI3LjI4NSAyMS42ODQ1IDI2LjkzMjggMjUuMTEwNSAyNC44ODg0IDI2LjQ3MzRDMjMuODU1NiAyNy4xNjE0IDIyLjU0MDUgMjcuNDYxMiAyMS4yNDU2IDI3LjQ2MTJDMTkuNzk4NyAyNy40NjEyIDE4LjM3NzEgMjcuMDg3NiAxNy40MDA2IDI2LjQ2NDRDMTYuMzY5NyAyNS44MDY3IDE1Ljg2MzIgMjQuODc5MiAxNi4wMTA5IDIzLjkyMDJDMTYuMDkxNyAyMy4zOTU0IDE2LjI0MyAyMi44MDE4IDE2LjQwMzEgMjIuMTcyOEMxNi44Nzc4IDIwLjMxIDE3LjQ2ODMgMTcuOTkwOCAxNi4yNTU4IDE2Ljk5MzdDMTUuMTY2MiAxNi4wOTc2IDkuNDk0OTEgMTUuMDkwOCA2Ljc2MjEgMTUuNTA4M0M1LjU4NTc5IDE1LjY4ODMgNC43MjIwMiAxNi4xNzExIDQuMzI5NzggMTYuODY4MUMzLjk3Nzk4IDE3LjQ5NDQgNC4wMDIwOCAxOC4yOTgzIDQuNDAxMzEgMTkuMjU3M0wyLjc4NjUgMTkuOTI5OEMyLjAxNzk3IDE4LjA4NDkgMi4zNzI1IDE2Ljc4MDMgMi44MDUxNiAxNi4wMTA2QzMuNDY2NzkgMTQuODM0NiA0Ljc3ODM4IDE0LjA0MiA2LjQ5Nzc2IDEzLjc3OTJDOS4zNjMxMyAxMy4zNDExIDE1LjY5MTcgMTQuMjY0OCAxNy4zNjY4IDE1LjY0MjRDMTkuNDM4IDE3LjM0NTkgMTguNjYzMiAyMC4zODU0IDE4LjA5OCAyMi42MDQ3QzE3Ljk0OTEgMjMuMTkxMyAxNy44MDc2IDIzLjc0NTIgMTcuNzM5NiAyNC4xODY0QzE3LjY4NjcgMjQuNTMxMyAxOC4xNDMxIDI0Ljg2MjggMTguMzQxNCAyNC45OUMxOS42OTY1IDI1Ljg1NDEgMjIuMzY5NCAyNi4wNTA0IDIzLjkxODIgMjUuMDE3NkMyNi4wMzY4IDIzLjYwNTMgMjYuMTMwOCAxNi42NzAzIDI0LjA5NzcgMTEuNzY3MUwyNC43NDkzIDExWk0yNS40NjQ2IDQuNVY3LjI1SDIzLjcxNTNWNC41SDI1LjQ2NDZaIiBmaWxsPSIjMTIxMjE1IiBzdHJva2U9IiMxMjEyMTUiIHN0cm9rZS13aWR0aD0iMi4xIi8+Cjwvc3ZnPgo");
        filter: initial
    }
    .gec-modal .modal-overlay {
        justify-content: flex-end;
        max-width: 100%
    }
    .gec-modal .modal-body {
        margin: 64px calc(60px + var(--scroll-bar-width, 0px) + 12px) 64px 0
    }
    .card {
        --card-padding-x: 40px;
        --card-padding-y: 40px
    }
    .card-headline, .typography-headline, .app-headline {
        font-size: 30px
    }
    .card-intro, .typography-copy-block, .app-intro {
        font-size: 18px
    }
    .card-cta {
        --icon-size: 32px;
    }
    .aap-btn--play::after {
        width: 52px;
        height: 48px
    }
    .aap-btn--plus::after {
        width: 54px;
        height: 54px
    }
    .aap-btn {
        width: 120px;
        height: 120px
    }
    .cta-link {
        --icon-size: 28px;
        height: 50px;
        padding: 0 24px
    }
    .cta-link:has(.cta-icon) {
        padding: 0 10px 0 24px
    }
    .cta-link .cta-icon {
        width: 36px;
        height: 36px
    }
    .video-copy {
        padding: 40px;
        width: 100%;
    }
    .hero-loading {
        top: 0;
        position: fixed
    }
    .hero-scroll-sticky {
        padding-top: 0
    }
    .hero-copy {
        font-size: clamp(128px, 12.8vw, 220px)
    }
    .image-hero-lockup {
        width: 600px
    }
    .swap-go {
        font-size: clamp(120px, 12vw, 200px)
    }
    .gen-map {
        background: center/cover no-repeat url("")
    }
    .image-gostation-bg {
        left: 56%;
        width: 1800px
    }
    .gostation-modal .row,
    .battery-modal .row {
        --ggr-gutter-x: 40px
    }
    .image-gostation,
    .image-battery {
        margin: 0 0 24px 0
    }
    .section-safer .video-wrapper {
        margin-top: 48px
    }
    .subsection-smart-key {
        /*--key-card-size: 400px*/
    }
    .image-key-card {
        left: -64px
    }
    .smart-key-features {
        margin: 36px 0 0 0
    }
    .safer-modal-intro {
        font-size: 18px
    }
    .smarter-iq {
        margin-top: 48px
    }
    .smarter-iq-copy {
        padding: 40px
    }
    .subsection-app {
        background: center/auto 100% no-repeat url("")
    }
    .subsection-app .cta-links {
        margin: 36px 0 0 0
    }
    .app-views {
        width: 348px;
        height: 348px;
        margin: 0 auto 64px auto
    }
    .app-views::after {
        content: none
    }
    .app-view {
        background-size: contain
    }
    .app-headline {
        font-size: 30px
    }
    .app-indicators {
        margin: 44px auto 0 auto
    }
    .subsection-gallery {
        margin: 64px 0 0 0
    }
    .gallery-modal-items {
        gap: 24px
    }
    .section-gec {
        --icon-size: 72px
    }
    .gec-info-items {
        display: grid;
        grid-template-columns: 1fr 1fr;
        margin: 32px 0;
        padding: 0 0 32px 0;
        grid-gap: 24px;
        border-bottom: 1px solid rgba(50, 50, 55, .5)
    }
    .gec-info-items::after {
        content: "";
        display: block;
        left: 50%;
        position: absolute;
        width: 1px;
        background-color: rgba(50, 50, 55, .5);
        height: calc(100% - 32px)
    }
    .gec-info-item {
        text-align: left;
        border: none;
        flex-direction: row;
        gap: 32px;
        padding: 32px 12px
    }
    .gec-info-intro {
        font-size: 18px
    }
    .gec-marquee {
        height: 100px
    }
}

@media (min-width: 1260px) {
    .container-xl,
    .container-lg,
    .container-md,
    .container-sm,
    .container {
        max-width: 1200px
    }
    .col-xl {
        flex: 1 0 0%
    }
    .row-cols-xl-auto>* {
        flex: 0 0 auto;
        width: auto
    }
    .row-cols-xl-1>* {
        flex: 0 0 auto;
        width: 100%
    }
    .row-cols-xl-2>* {
        flex: 0 0 auto;
        width: 50%
    }
    .row-cols-xl-3>* {
        flex: 0 0 auto;
        width: 33.3333333333%
    }
    .row-cols-xl-4>* {
        flex: 0 0 auto;
        width: 25%
    }
    .row-cols-xl-5>* {
        flex: 0 0 auto;
        width: 20%
    }
    .row-cols-xl-6>* {
        flex: 0 0 auto;
        width: 16.6666666667%
    }
    .col-xl-auto {
        flex: 0 0 auto;
        width: auto
    }
    .col-xl-1 {
        flex: 0 0 auto;
        width: 8.3333333333%
    }
    .col-xl-2 {
        flex: 0 0 auto;
        width: 16.6666666667%
    }
    .col-xl-3 {
        flex: 0 0 auto;
        width: 25%
    }
    .col-xl-4 {
        flex: 0 0 auto;
        width: 33.3333333333%
    }
    .col-xl-5 {
        flex: 0 0 auto;
        width: 41.6666666667%
    }
    .col-xl-6 {
        flex: 0 0 auto;
        width: 50%
    }
    .col-xl-7 {
        flex: 0 0 auto;
        width: 58.3333333333%
    }
    .col-xl-8 {
        flex: 0 0 auto;
        width: 66.6666666667%
    }
    .col-xl-9 {
        flex: 0 0 auto;
        width: 75%
    }
    .col-xl-10 {
        flex: 0 0 auto;
        width: 83.3333333333%
    }
    .col-xl-11 {
        flex: 0 0 auto;
        width: 91.6666666667%
    }
    .col-xl-12 {
        flex: 0 0 auto;
        width: 100%
    }
    .offset-xl-0 {
        margin-left: 0
    }
    .offset-xl-1 {
        margin-left: 8.3333333333%
    }
    .offset-xl-2 {
        margin-left: 16.6666666667%
    }
    .offset-xl-3 {
        margin-left: 25%
    }
    .offset-xl-4 {
        margin-left: 33.3333333333%
    }
    .offset-xl-5 {
        margin-left: 41.6666666667%
    }
    .offset-xl-6 {
        margin-left: 50%
    }
    .offset-xl-7 {
        margin-left: 58.3333333333%
    }
    .offset-xl-8 {
        margin-left: 66.6666666667%
    }
    .offset-xl-9 {
        margin-left: 75%
    }
    .offset-xl-10 {
        margin-left: 83.3333333333%
    }
    .offset-xl-11 {
        margin-left: 91.6666666667%
    }
    .g-xl-30px,
    .gx-xl-30px {
        --ggr-gutter-x:
    }
    .g-xl-30px,
    .gy-xl-30px {
        --ggr-gutter-y:
    }
    .d-xl-inline {
        display: inline
    }
    .d-xl-inline-block {
        display: inline-block
    }
    .d-xl-block {
        display: block
    }
    .d-xl-grid {
        display: grid
    }
    .d-xl-table {
        display: table
    }
    .d-xl-table-row {
        display: table-row
    }
    .d-xl-table-cell {
        display: table-cell
    }
    .d-xl-flex {
        display: flex
    }
    .d-xl-inline-flex {
        display: inline-flex
    }
    .d-xl-none {
        display: none
    }
    .text-xl-left {
        text-align: left
    }
    .text-xl-right {
        text-align: right
    }
    .text-xl-center {
        text-align: center
    }
    .text-xl-wrap {
        white-space: normal
    }
    .text-xl-nowrap {
        white-space: nowrap
    }
    .flex-xl-row {
        flex-direction: row
    }
    .flex-xl-column {
        flex-direction: column
    }
    .flex-xl-row-reverse {
        flex-direction: row-reverse
    }
    .flex-xl-column-reverse {
        flex-direction: column-reverse
    }
    .justify-content-xl-start {
        justify-content: flex-start
    }
    .justify-content-xl-end {
        justify-content: flex-end
    }
    .justify-content-xl-center {
        justify-content: center
    }
    .justify-content-xl-between {
        justify-content: space-between
    }
    .justify-content-xl-around {
        justify-content: space-around
    }
    .justify-content-xl-evenly {
        justify-content: space-evenly
    }
    .align-items-xl-start {
        align-items: flex-start
    }
    .align-items-xl-end {
        align-items: flex-end
    }
    .align-items-xl-center {
        align-items: center
    }
    .align-items-xl-baseline {
        align-items: baseline
    }
    .align-items-xl-stretch {
        align-items: stretch
    }
    .align-content-xl-start {
        align-content: flex-start
    }
    .align-content-xl-end {
        align-content: flex-end
    }
    .align-content-xl-center {
        align-content: center
    }
    .align-content-xl-between {
        align-content: space-between
    }
    .align-content-xl-around {
        align-content: space-around
    }
    .align-content-xl-stretch {
        align-content: stretch
    }
    .align-self-xl-auto {
        align-self: auto
    }
    .align-self-xl-start {
        align-self: flex-start
    }
    .align-self-xl-end {
        align-self: flex-end
    }
    .align-self-xl-center {
        align-self: center
    }
    .align-self-xl-baseline {
        align-self: baseline
    }
    .align-self-xl-stretch {
        align-self: stretch
    }
    .indent {
        padding: 0 48px
    }
    .modal-overlay {
        max-width: 1200px
    }
    .modal-content-area {
        padding: 70px;
    }
    .card-headline, .typography-headline, .app-headline {
        font-size: 36px
    }
    .card {
        --card-padding-x: 50px;
        --card-padding-y: 50px
    }
    .faster-hero {
        width: 900px;
        margin: 0 0 32px 0
    }
    .image-gostation-bg {
        width: 2000px;
        left: 50%
    }
    .subsection-battery {
        margin: 64px 0 0 0
    }
    .image-battery-bg {
        width: 800px
    }
    .gallery-item-label {
        font-size: 24px;
        padding: 24px
    }
    .section-gec {
        --icon-size: 120px
    }
    .gec-info-item {
        gap: 48px;
        padding: 32px 20px
    }
    .gec-info-intro {
        font-size: 20px
    }
    .gec-cta {
        height: 48px
    }
}

@media (min-width: 1440px) {
    .container-xxl,
    .container-xl,
    .container-lg,
    .container-md,
    .container-sm,
    .container {
        max-width: 1380px
    }
    .col-xxl {
        flex: 1 0 0%
    }
    .row-cols-xxl-auto>* {
        flex: 0 0 auto;
        width: auto
    }
    .row-cols-xxl-1>* {
        flex: 0 0 auto;
        width: 100%
    }
    .row-cols-xxl-2>* {
        flex: 0 0 auto;
        width: 50%
    }
    .row-cols-xxl-3>* {
        flex: 0 0 auto;
        width: 33.3333333333%
    }
    .row-cols-xxl-4>* {
        flex: 0 0 auto;
        width: 25%
    }
    .row-cols-xxl-5>* {
        flex: 0 0 auto;
        width: 20%
    }
    .row-cols-xxl-6>* {
        flex: 0 0 auto;
        width: 16.6666666667%
    }
    .col-xxl-auto {
        flex: 0 0 auto;
        width: auto
    }
    .col-xxl-1 {
        flex: 0 0 auto;
        width: 8.3333333333%
    }
    .col-xxl-2 {
        flex: 0 0 auto;
        width: 16.6666666667%
    }
    .col-xxl-3 {
        flex: 0 0 auto;
        width: 25%
    }
    .col-xxl-4 {
        flex: 0 0 auto;
        width: 33.3333333333%
    }
    .col-xxl-5 {
        flex: 0 0 auto;
        width: 41.6666666667%
    }
    .col-xxl-6 {
        flex: 0 0 auto;
        width: 50%
    }
    .col-xxl-7 {
        flex: 0 0 auto;
        width: 58.3333333333%
    }
    .col-xxl-8 {
        flex: 0 0 auto;
        width: 66.6666666667%
    }
    .col-xxl-9 {
        flex: 0 0 auto;
        width: 75%
    }
    .col-xxl-10 {
        flex: 0 0 auto;
        width: 83.3333333333%
    }
    .col-xxl-11 {
        flex: 0 0 auto;
        width: 91.6666666667%
    }
    .col-xxl-12 {
        flex: 0 0 auto;
        width: 100%
    }
    .offset-xxl-0 {
        margin-left: 0
    }
    .offset-xxl-1 {
        margin-left: 8.3333333333%
    }
    .offset-xxl-2 {
        margin-left: 16.6666666667%
    }
    .offset-xxl-3 {
        margin-left: 25%
    }
    .offset-xxl-4 {
        margin-left: 33.3333333333%
    }
    .offset-xxl-5 {
        margin-left: 41.6666666667%
    }
    .offset-xxl-6 {
        margin-left: 50%
    }
    .offset-xxl-7 {
        margin-left: 58.3333333333%
    }
    .offset-xxl-8 {
        margin-left: 66.6666666667%
    }
    .offset-xxl-9 {
        margin-left: 75%
    }
    .offset-xxl-10 {
        margin-left: 83.3333333333%
    }
    .offset-xxl-11 {
        margin-left: 91.6666666667%
    }
    .g-xxl-30px,
    .gx-xxl-30px {
        --ggr-gutter-x:
    }
    .g-xxl-30px,
    .gy-xxl-30px {
        --ggr-gutter-y:
    }
    .d-xxl-inline {
        display: inline
    }
    .d-xxl-inline-block {
        display: inline-block
    }
    .d-xxl-block {
        display: block
    }
    .d-xxl-grid {
        display: grid
    }
    .d-xxl-table {
        display: table
    }
    .d-xxl-table-row {
        display: table-row
    }
    .d-xxl-table-cell {
        display: table-cell
    }
    .d-xxl-flex {
        display: flex
    }
    .d-xxl-inline-flex {
        display: inline-flex
    }
    .d-xxl-none {
        display: none
    }
    .text-xxl-left {
        text-align: left
    }
    .text-xxl-right {
        text-align: right
    }
    .text-xxl-center {
        text-align: center
    }
    .text-xxl-wrap {
        white-space: normal
    }
    .text-xxl-nowrap {
        white-space: nowrap
    }
    .flex-xxl-row {
        flex-direction: row
    }
    .flex-xxl-column {
        flex-direction: column
    }
    .flex-xxl-row-reverse {
        flex-direction: row-reverse
    }
    .flex-xxl-column-reverse {
        flex-direction: column-reverse
    }
    .justify-content-xxl-start {
        justify-content: flex-start
    }
    .justify-content-xxl-end {
        justify-content: flex-end
    }
    .justify-content-xxl-center {
        justify-content: center
    }
    .justify-content-xxl-between {
        justify-content: space-between
    }
    .justify-content-xxl-around {
        justify-content: space-around
    }
    .justify-content-xxl-evenly {
        justify-content: space-evenly
    }
    .align-items-xxl-start {
        align-items: flex-start
    }
    .align-items-xxl-end {
        align-items: flex-end
    }
    .align-items-xxl-center {
        align-items: center
    }
    .align-items-xxl-baseline {
        align-items: baseline
    }
    .align-items-xxl-stretch {
        align-items: stretch
    }
    .align-content-xxl-start {
        align-content: flex-start
    }
    .align-content-xxl-end {
        align-content: flex-end
    }
    .align-content-xxl-center {
        align-content: center
    }
    .align-content-xxl-between {
        align-content: space-between
    }
    .align-content-xxl-around {
        align-content: space-around
    }
    .align-content-xxl-stretch {
        align-content: stretch
    }
    .align-self-xxl-auto {
        align-self: auto
    }
    .align-self-xxl-start {
        align-self: flex-start
    }
    .align-self-xxl-end {
        align-self: flex-end
    }
    .align-self-xxl-center {
        align-self: center
    }
    .align-self-xxl-baseline {
        align-self: baseline
    }
    .align-self-xxl-stretch {
        align-self: stretch
    }
    .gpc-container {
        --gpc-container-max-width: 1380px
    }
    .indent {
        padding: 0 60px
    }
    .typography-headline {
        font-size: 40px
    }
    .typography-eyebrow {
        font-size: 24px
    }
    .typography-modal-content {
        font-size: 24px
    }
    .modal-overlay {
        max-width: 1380px
    }
    .modal-content-area {
        padding: 64px 80px
    }
    .card {
        --card-padding-x: 40px;
        --card-padding-y: 48px
    }
    .card-headline {
        font-size: 40px;
        line-height: 1.25
    }
    .card-cta {
        --icon-size: 40px;
        width: 60px;
        height: 60px
    }
    .cta-link {
        --icon-size: 32px;
        font-size: 18px;
        height: 68px;
        padding: 0 30px
    }
    .cta-link:has(.cta-icon) {
        padding: 0 10px 0 30px
    }
    .cta-link .cta-icon {
        width: 48px;
        height: 48px
    }
    .faster-hero {
        width: 980px;
        margin: -48px 0 -24px 0
    }
    .subsection-map {
        margin: 168px 0 80px 0
    }
    .subsection-gostation {
        /*height: 600px*/
    }
    .image-gostation-bg {
        width: 3000px
    }
    .subsection-battery {
        margin: 120px 0 0 0
    }
    .image-battery-bg {
        width: 1000px
    }
    .gostation-modal .row,
    .battery-modal .row {
        --ggr-gutter-x: 60px
    }
    .section-safer .video-wrapper {
        margin-top: 64px
    }
    .subsection-smart-key {
        /*padding: 200px 0;
        --key-card-size: 480px;
        --smart-key-icon-size: 80px*/
    }
    .smarter-iq {
        margin-top: 64px
    }
    .subsection-proactive .cards {
        margin: 48px 0 0 0
    }
    .app-views {
        margin: 48px auto 32px auto
    }
    .app-headline {
        font-size: 40px
    }
    .app-intro {
        font-size: 18px
    }
    .subsection-customize .cards {
        margin: 48px 0 0 0
    }
    .section-gec {
        padding-bottom: 48px
    }
    .gec-info-items {
        margin: 48px 0;
        padding: 0 0 48px 0;
        grid-gap: 48px
    }
    .gec-info-items::after {
        height: calc(100% - 48px)
    }
    .gec-info-intro {
        font-size: 24px
    }
    .gec-marquee {
        height: 144px
    }
}

@media (max-width: 991.98px) {
    .gpc-footer {
        background-color: #323237;
        padding-bottom: 44px
    }
    .salonpas {
        display: contents
    }
    .salonpas-body {
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 44px;
        z-index: 102;
        transform: translateY(100%);
        transition: transform .3s ease-in-out
    }
    .local-nav-sticking .salonpas-body {
        transform: translateY(0)
    }
    .salonpas-body::after {
        content: "";
        display: block;
        position: absolute;
        width: 38px;
        height: 44px;
        right: 0;
        top: 0;
        background: #121215 center/20px 20px no-repeat url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTAuNzUgMTAuMjVIMTcuNSIgc3Ryb2tlPSIjMDBGRjAwIiBzdHJva2Utd2lkdGg9IjIuNSIvPgo8cGF0aCBkPSJNMTMgMi43NUMxMy4yMTI0IDQuODY4NjQgMTQuODA5OCA5LjMzNDc1IDE5LjUgMTAuMjUiIHN0cm9rZT0iIzAwRkYwMCIgc3Ryb2tlLXdpZHRoPSIyLjUiLz4KPHBhdGggZD0iTTEzIDE3LjVDMTMuMjEyNCAxNS4zODE0IDE0LjgwOTggMTAuOTE1MyAxOS41IDEwIiBzdHJva2U9IiMwMEZGMDAiIHN0cm9rZS13aWR0aD0iMi41Ii8+Cjwvc3ZnPgo")
    }
    .salonpas-marquee {
        background-color: #121215;
        left: 0;
        width: 100%
    }
    .salonpas-footer {
        position: absolute;
        top: calc(var(--viewport-height)*.664);
        transform: translateY(-50%);
        right: 0;
        font-size: 14px;
        width: 40px;
        padding: 12px 0 0 0;
        z-index: 2
    }
    .subsection-map {
        margin: 25px 0 0 0
    }
    .subsection-map .gen-map {
        background: center/auto 100% no-repeat url("")
    }
}

@media (max-width: 767.98px) {
    .gecm-info-item {
        display: flex;
        flex-direction: column;
        align-items: center
    }
    .gecm-info-item:last-child {
        margin-top: 24px;
        padding-top: 24px;
        border-top: 1px solid #b9bcbf
    }
    .card-slider .card {
        flex: 0 0 100%
    }
    .card-slider .card-slider-wrapper {
        display: block;
        overflow: hidden
    }
    .hero-stage {
        display: flex;
        flex-direction: column;
        align-items: center
    }
    .battery-position,
    .battery-spot-position {
        width: 80%;
        top: 0;
        left: 0;
        right: 0;
        margin: 0 auto
    }
    .battery-position {
        position: relative;
        margin: 0 auto 12px auto
    }
    .hero-scroll-hint {
        position: relative;
        z-index: 4
    }
    .hero-scroll-hint::before {
        content: "";
        display: block;
        width: 24px;
        height: 24px;
        margin: 12px 0 0 0;
        animation: hero-scroll-hint 1.2s infinite;
        background: center/contain no-repeat url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEyIDNMMTIgMTgiIHN0cm9rZT0iIzEyMTIxNSIgc3Ryb2tlLXdpZHRoPSIzIi8+CjxwYXRoIGQ9Ik0yMSAxMkMxOC40NTc2IDEyLjI2MTQgMTMuMDk4MyAxNC4yMjc1IDEyIDIwIiBzdHJva2U9IiMxMjEyMTUiIHN0cm9rZS13aWR0aD0iMyIvPgo8cGF0aCBkPSJNMyAxMkM1LjU0MjM3IDEyLjI2MTQgMTAuOTAxNyAxNC4yMjc1IDEyIDIwIiBzdHJva2U9IiMxMjEyMTUiIHN0cm9rZS13aWR0aD0iMyIvPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTExIDE5SDEzTDEyLjk3NTYgMjFIMTEuMDI0NEwxMSAxOVoiIGZpbGw9IiMxMjEyMTUiLz4KPC9zdmc+Cg")
    }
    .gostation-copy,
    .battery-copy {
        display: flex;
        flex-direction: column;
        align-items: center;
        /*text-align: center*/
    }
    .subsection-gostation {
        padding: 64px 0 64px 0;
        background: center 90%/auto 86% no-repeat url("")
    }
    .subsection-battery {
        padding: 64px 0;
        background: center 70%/auto 50% no-repeat url("")
    }
    .gostation-copy .cta-link {
        margin: clamp(360px, 60vw, 1000px) 0 0 0
    }
    .battery-copy .cta-link {
        margin: 300px 0 0 0
    }
    .gostation-modal-header-copy {
        left: 0;
        right: 0;
        margin: 0 auto;
        max-width: 480px
    }
    .gostation-modal-content-group,
    .battery-modal-content-group {
        max-width: 400px;
        margin: 0 auto 32px auto
    }
    .safer-modal-banner-sizer {
        position: relative;
        height: 300px;
        display: flex;
        align-items: center;
        justify-content: center
    }
    .safer-modal-banner-sizer .typography-section-headline {
        position: relative;
        color: #fff
    }
    .image-disk-modal-banner,
    .image-headlight-modal-banner {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: center/cover no-repeat
    }
    .image-disk-modal-banner--top {
        background-image: url("")
    }
    .image-disk-modal-banner--bottom {
        background-image: url("")
    }
    .image-headlight-modal-banner--top {
        background-image: url("")
    }
    .image-headlight-modal-banner--bottom {
        background-image: url("")
    }
    .image-gallery {
        width: 100%;
        height: 100%
    }
    .image-gallery--1 {
        background-image: url("")
    }
    .image-gallery--2 {
        background-image: url("")
    }
    .image-gallery--3 {
        background-image: url("")
    }
    .subsection-customize .cards {
        min-height: 360px;
        max-width: 400px
    }
    .gallery-modal .modal-overlay {
        max-width: 470px
    }
    .gallery-modal .modal-content-area {
        padding-bottom: 32px
    }
    .gallery-modal-item {
        flex: 0 0 100%
    }
    .gallery-modal-item--3::after {
        padding-bottom: 100%
    }
    .gallery-modal-item--6::after {
        padding-bottom: 120%
    }
    .gallery-modal-item--9::after {
        padding-bottom: 60%
    }
}

@media (max-width: 767.98px)and (max-width: 470px) {
    .gallery-modal .modal-body {
        margin: 0;
        --modal-body-radius: 0
    }
}

@media (max-width: 470px) {
    .gallery-modal-items {
        gap: 8px;
        padding: 0 0 32px 0
    }
}

@media (min-aspect-ratio: 10/8) {
    .popup-video-wrapper {
        width: calc(100% - 240px);
        max-width: calc(170vh - 180px)
    }
}

@media (pointer: fine) {
    .app-control {
        position: absolute;
        width: 50%;
        top: 0;
        height: 100%;
        z-index: 1
    }
    .app-control--prev {
        left: 0;
        cursor: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTI4IiBoZWlnaHQ9IjEyOCIgdmlld0JveD0iMCAwIDEyOCAxMjgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxjaXJjbGUgY3g9IjY0IiBjeT0iNjQiIHI9IjY0IiB0cmFuc2Zvcm09InJvdGF0ZSgxODAgNjQgNjQpIiBmaWxsPSJ1cmwoI3BhaW50MF9saW5lYXJfMTc2NV80MzI2KSIvPgo8cGF0aCBkPSJNOTAuMzExIDYzLjI4ODhMNDIuNjY2NiA2My4yODg4IiBzdHJva2U9IiMxMjEyMTUiIHN0cm9rZS13aWR0aD0iNS42ODg4OSIvPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTM2Ljk3NzcgNjAuNDQ0NFY2Ni4xMzMzTDM2LjI2NjYgNjYuMDYzOVY2MC41MTM5TDM2Ljk3NzcgNjAuNDQ0NFoiIGZpbGw9IiMxMjEyMTUiLz4KPHBhdGggZD0iTTU1LjQ2NjYgODQuNjIyMUM1NC44NjIzIDc4LjU5NTcgNTAuMzE4NyA2NS44OTIxIDM2Ljk3NzcgNjMuMjg4NyIgc3Ryb2tlPSIjMTIxMjE1IiBzdHJva2Utd2lkdGg9IjUuNjg4ODkiLz4KPHBhdGggZD0iTTU1LjQ2NjYgNDIuNjY2NUM1NC44NjIzIDQ4LjY5MjkgNTAuMzE4NyA2MS4zOTY0IDM2Ljk3NzcgNjMuOTk5OCIgc3Ryb2tlPSIjMTIxMjE1IiBzdHJva2Utd2lkdGg9IjUuNjg4ODkiLz4KPGRlZnM+CjxsaW5lYXJHcmFkaWVudCBpZD0icGFpbnQwX2xpbmVhcl8xNzY1XzQzMjYiIHgxPSIxMDQuODg5IiB5MT0iLTkuNjI3MTVlLTA2IiB4Mj0iNC4zNzU2MiIgeTI9IjE4LjY1MTYiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj4KPHN0b3Agc3RvcC1jb2xvcj0iIzQwRkRDQiIvPgo8c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiMyNkVFMkMiLz4KPC9saW5lYXJHcmFkaWVudD4KPC9kZWZzPgo8L3N2Zz4K") 180 180, w-resize
    }
    .app-control--next {
        right: 0;
        cursor: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTI4IiBoZWlnaHQ9IjEyOCIgdmlld0JveD0iMCAwIDEyOCAxMjgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxjaXJjbGUgY3g9IjY0IiBjeT0iNjQiIHI9IjY0IiBmaWxsPSJ1cmwoI3BhaW50MF9saW5lYXJfMTc2NV80MzE4KSIvPgo8cGF0aCBkPSJNMzcuNjg5IDY0LjcxMTJIODUuMzMzNCIgc3Ryb2tlPSIjMTIxMjE1IiBzdHJva2Utd2lkdGg9IjUuNjg4ODkiLz4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik05MS4wMjIzIDY3LjU1NTZWNjEuODY2N0w5MS43MzM0IDYxLjkzNjFWNjcuNDg2MUw5MS4wMjIzIDY3LjU1NTZaIiBmaWxsPSIjMTIxMjE1Ii8+CjxwYXRoIGQ9Ik03Mi41MzM0IDQzLjM3NzlDNzMuMTM3NyA0OS40MDQzIDc3LjY4MTMgNjIuMTA3OSA5MS4wMjIzIDY0LjcxMTMiIHN0cm9rZT0iIzEyMTIxNSIgc3Ryb2tlLXdpZHRoPSI1LjY4ODg5Ii8+CjxwYXRoIGQ9Ik03Mi41MzM0IDg1LjMzMzVDNzMuMTM3NyA3OS4zMDcxIDc3LjY4MTMgNjYuNjAzNiA5MS4wMjIzIDY0LjAwMDIiIHN0cm9rZT0iIzEyMTIxNSIgc3Ryb2tlLXdpZHRoPSI1LjY4ODg5Ii8+CjxkZWZzPgo8bGluZWFyR3JhZGllbnQgaWQ9InBhaW50MF9saW5lYXJfMTc2NV80MzE4IiB4MT0iMTA0Ljg4OSIgeTE9Ii05LjYyNzE1ZS0wNiIgeDI9IjQuMzc1NjIiIHkyPSIxOC42NTE2IiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+CjxzdG9wIHN0b3AtY29sb3I9IiMyNkVFMkMiLz4KPHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjNDBGRENCIi8+CjwvbGluZWFyR3JhZGllbnQ+CjwvZGVmcz4KPC9zdmc+Cg") 180 180, e-resize
    }
}


.slick-gallery {
    --slick-gallery-gap: 24px;
    --slick-gallery-item-width: 50%;
    --slick-gallery-item-ratio: 66.66%
}

@media(min-width: 768px) {
    .slick-gallery {
        --slick-gallery-gap: 30px
    }
}

.slick-gallery-image {
    background: center/cover no-repeat
}

.slick-gallery-image::before {
    content: "";
    display: block;
    padding-bottom: var(--slick-gallery-item-ratio)
}

.slick-gallery-wrapper {
    position: relative;
    overflow: hidden;
    margin: 48px 0 0 0
}

@media(min-width: 768px) {
    .slick-gallery-wrapper {
        margin:64px 0 0 0
    }
}

.slick-gallery-scroll {
    position: relative;
    -webkit-overflow-scrolling: touch;
    overflow-x: auto;
    overflow-x: overlay;
    overflow-y: hidden;
    margin-bottom: -60px
}

.slick-gallery-grid {
    display: grid;
    box-sizing: border-box;
    padding-bottom: 60px;
    grid-auto-flow: column;
    grid-column-gap: var(--slick-gallery-gap);
    grid-auto-columns: calc(var(--slick-gallery-item-width) - var(--slick-gallery-gap)/2)
}

.slick-gallery-grid::after {
    content: "";
    display: block;
    width: 50px
}

@media(min-width: 992px) {
    .slick-gallery-grid::after {
        width:calc((100vw - 960px)/2)
    }
}

@media(min-width: 1260px) {
    .slick-gallery-grid::after {
        width:calc((100vw - 1200px)/2)
    }
}

.slick-gallery-control {
    display: flex;
    position: absolute;
    z-index: 4;
    opacity: 1;
    top: 50%;
    justify-content: center;
    align-items: center;
    background: #323237;
    transition: opacity .3s;
    padding: 12px 8px 12px 12px
}

@media(min-width: 768px) {
    .slick-gallery-control {
        padding:30px
    }
}

.slick-gallery-control:disabled {
    opacity: 0;
    pointer-events: none
}

.slick-gallery-control::before {
    content: "";
    display: block;
    width: 14px;
    height: 30px;
    background: center/contain no-repeat url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTkiIGhlaWdodD0iMzMiIHZpZXdCb3g9IjAgMCAxOSAzMyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIgMS44ODY5MUwxNi44MTE0IDE2LjY5ODNMMiAzMS41MDk4IiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJzcXVhcmUiLz4KPC9zdmc+Cg==)
}

@media(min-width: 768px) {
    .slick-gallery-control::before {
        width:16px;
        height: 30px
    }
}

.slick-gallery-control--next {
    right: 0;
    transform: translateY(-50%)
}

.slick-gallery-control--prev {
    left: 0;
    transform: scaleX(-1) translateY(-50%)
}

.slick-gallery-indicator {
    margin-top: 32px;
    position: relative;
    overflow: hidden;
    height: 4px;
    background: rgba(255,255,255,.1);
    border-radius: 50px
}

@media(min-width: 768px) {
    .slick-gallery-indicator {
        margin-top:64px
    }
}

.slick-gallery-indicator-bar {
    position: absolute;
    width: var(--slick-gallery-indicator-width);
    height: 100%;
    left: 0;
    background: #fff;
    border-radius: 50px;
    transform: translateX(var(--slick-gallery-indicator-x));
    will-change: transform
}


.slick-gallery {
    --slick-gallery-item-ratio: 125%;
    --slick-gallery-item-width: 90%
}

@media(min-width: 576px) {
    .slick-gallery {
        --slick-gallery-item-width: 70%
    }
}

@media(min-width: 768px) {
    .slick-gallery {
        --slick-gallery-item-width: 60%
    }
}

@media(min-width: 992px) {
    .slick-gallery {
        --slick-gallery-item-width: 46%
    }
}

@media(min-width: 1260px) {
    .slick-gallery {
        --slick-gallery-item-width: 40%
    }
}

.slick-gallery-image {
    position: relative;
    overflow: hidden;
    border-radius: 10px;
    transform: translate(0);
    margin: 0 0 24px 0
}

.slick-gallery-image img {
    border-radius: 10px;
}

@media(min-width: 768px) {

    .slick-gallery-image {
        border-radius: 20px;
    }
    .slick-gallery-image img {
        border-radius: 20px;
    }
    .slick-gallery-image--fragrance::after {
        content:"";
        z-index: 1;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: linear-gradient(180deg, rgba(0, 0, 0, 0) 54%, rgba(0, 0, 0, 0.15) 100%)
    }
}

.slick-gallery-item-headline {
    position: absolute;
    z-index: 2;
    left: 40px;
    right: 40px;
    bottom: 40px;
    font-size: 24px;
    line-height: 1.1;
    color: #fff
}

@media(min-width: 576px) {
    .slick-gallery-item-headline {
        font-size:18px
    }
}

@media(min-width: 768px) {
    .slick-gallery-item-headline {
        font-size:20px
    }
}

@media(min-width: 992px) {
    .slick-gallery-item-headline {
        font-size:24px
    }
}

.slick-gallery-item-intro {
    font-size: 18px;
    max-width: 24.56em;
    line-height: 1.42857143
}

.slick-gallery-control {
    display: none;
    padding: 0;
    background: rgba(0,0,0,0)
}

.slick-gallery-control::before {
    width: 48px;
    height: 48px;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDgiIGhlaWdodD0iNDgiIHZpZXdCb3g9IjAgMCA0OCA0OCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iMjQiIGN5PSIyNCIgcj0iMjQiIHRyYW5zZm9ybT0icm90YXRlKC0xODAgMjQgMjQpIiBmaWxsPSIjMzIzMjM3IiBmaWxsLW9wYWNpdHk9IjAuNSIvPgo8cGF0aCBkPSJNMjYuNDA3NSAxNC4xMzM2TDM0Ljc5OTggMjQuMzc1NEwyNi40MDc1IDM0LjYxNzIiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIi8+CjxwYXRoIGQ9Ik0zNC43OTk4IDI0LjM3NTVMMTQuMzYyNCAyNC4zNzU1IiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIvPgo8L3N2Zz4K")
}

@media(min-width: 768px) {
    .slick-gallery-control {
        display:block;
        margin-top: -36px
    }

    .slick-gallery-control--next {
        right: 30px
    }

    .slick-gallery-control--prev {
        left: 30px
    }
}



.contact_form {
    grid-column: 5 / span 8;
    margin: 40px 0 0;
}

@media (min-width: 768px) {
    .contact_form {
        margin: 0;
    }
}
.contact_form_fieldRow {
    display: flex;
    justify-content: space-between;
}

.contact_form_fieldRow>* {
    width: 100%;
    padding: 0;
}

.contact_form_fieldWrapper {
    position: relative;
    margin-bottom: 15px;
}

.contact_form_fieldWrapper + .contact_form_fieldWrapper {
    margin-left: 40px;
}

.form-field-label {
    display: block;
    position: absolute;
    top: -4px;
    left: 0;
    height: 0;
    margin: 0;
    opacity: 0;
}

.form-field-input {
    outline: none;
    width: 100%;
    padding: 25px 0;
    appearance: none;
    background-color: #121215;
    color: #ffffff;
    border: 0;
    border-bottom: 1px solid #4d4d52;
    font-weight: 300;
    font-size: 24px;
    font-family: var(--font-family-base);
    border-radius: 0;
    -webkit-appearance: none;
}

.form-field-input::placeholder {
    color: #737373;
    opacity: 1; /* Firefox */
}

.form-field-input::-ms-input-placeholder { /* Edge 12 -18 */
    color: #737373;
}

.form-field-textarea {
    grid-area: 1 / 1 / 2 / 2;
    resize: none;
    overflow: hidden;
}

.form-field-checkboxContainer {
    position: relative;
    display: flex;
    cursor: pointer;
    margin-top: 25px;
}

.form-field-checkboxInput {
    position: absolute;
    width: 24px;
    height: 24px;
    opacity: 0;
    cursor: pointer;
}

.form-field-checkboxIcon {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    border: 1px solid #737373;
}

.form-field-checkboxLabel {
    margin: 0 0 0 20px;
    font-size: 16px;
    color: #737373;
}

.form-field-checkboxIcon:after {
    content: "";
    position: absolute;
    display: none;
    left: 10px;
    top: 5px;
    width: 5px;
    height: 10px;
    border: solid #737373;
    border-width: 0 1px 1px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.form-field-checkboxInput:checked ~ .form-field-checkboxIcon:after {
    display: block;
    border-color: #737373;
}

.form-field-errorMessage {
    margin: 8px 0 0;
    color: red;
    font-size: 16px;
}

.cta-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 18px;
    height: 48px;
    line-height: 40px;
    border-radius: 100px;
    box-sizing: border-box;
    white-space: nowrap;
    padding: 0 30px;
    min-width: 176px;
    color: #323237;
}
.cta-button--secondary {
    border: 2px solid #ffffff;
    color: #ffffff;
}
.cta-button--primary {
    color: #fff;
    background-color: #323237;
}

.select-selected {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    position: relative;
    padding: 25px 0;
    color: #737373;
    border: 0;
    border-bottom: 1px solid #4d4d52;
    border-radius: 0;
    font-weight: 300;
    font-size: 24px;
    font-family: var(--font-family-base);
}

.select-selected:after {
    position: absolute;
    content: "";
    transform: rotate(90deg);
    width: 2rem;
    height: 2rem;
    z-index: 3;
    transition: transform .2s;
    top: 5px;
    position: relative;
    background: url(../img/aervolt/select.svg);
}

.form-field-select {
    position: absolute;
    border: 0px;
    width: 1px;
    height: 1px;
    padding: 0px;
    margin: -1px;
    overflow: hidden;
    clip: rect(0px, 0px, 0px, 0px);
    white-space: nowrap;
    overflow-wrap: normal;
    display: none;
}