/* Universal Styles */
*, :after, :before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

:after, :before {
    text-decoration: inherit;
    vertical-align: inherit;
}

:where(html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video) {
    border: 0;
    font: inherit;
    font-size: 100%;
    margin: 0;
    padding: 0;
    vertical-align: baseline;
}

svg text {
  font-family: 'Lexend', sans-serif;
}

:where(:root) {
    cursor: default;
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    text-size-adjust: 100%;
    overflow-wrap: break-word;
    -moz-tab-size: 4;
    -o-tab-size: 4;
    tab-size: 4;
    -webkit-tap-highlight-color: transparent;
}

:where(html) {
    scroll-behavior: smooth;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizespeed;
}

:where(article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section) {
    display: block;
}

:where(body) {
    line-height: 1;
}

:where(ol, ul)[class] {
    list-style: none;
}

:where(img, picture, video, canvas, svg) {
    display: block;
    height: auto;
    max-width: 100%;
}

:where(input, button, textarea, select) {
    font: inherit;
}

:where(blockquote, q) {
    quotes: none;
}

:where(blockquote, q):after,
:where(blockquote, q):before {
    content: "";
    content: none;
}

:where(table) {
    border-collapse: collapse;
    border-spacing: 0;
}

:where(hr) {
    color: inherit;
    height: 0;
}

:where(pre) {
    font-family: monospace, monospace;
    font-size: 1em;
    overflow: auto;
}

:where(svg:not([fill])) {
    fill: currentcolor;
}

:where(button, [type=button i], [type=reset i], [type=submit i]) {
    -webkit-appearance: button;
    -moz-appearance: button;
    appearance: button;
}

:where(textarea) {
    margin: 0;
    resize: vertical;
}

:where([type=search i]) {
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    appearance: textfield;
    outline-offset: -2px;
}

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
    height: auto;
}

::input-placeholder {
    color: inherit;
    opacity: .54;
}

::-webkit-search-decoration {
    -webkit-appearance: none;
    appearance: none;
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    appearance: button;
    font: inherit;
}

:where(details>summary:first-of-type) {
    display: list-item;
}

:where([aria-busy=true i]) {
    cursor: progress;
}

:where([aria-disabled=true i], [disabled]) {
    cursor: not-allowed;
}

:where([aria-hidden=false i][hidden]) {
    display: initial;
}

:where([aria-hidden=false i][hidden]:not(:focus)) {
    position: absolute;
    clip: rect(0, 0, 0, 0);
}

:where(a:focus), :where(button:focus), :where(div[tabindex]:focus), :where(input:focus), :where(select:focus), :where(textarea:focus) {
    opacity: 1;
}

@media (prefers-reduced-motion:no-preference) {
    :focus {
        -webkit-transition: outline-offset .25s ease;
        transition: outline-offset .25s ease;
    }
}

img {
  image-rendering: -webkit-optimize-contrast;
  image-rendering: crisp-edges;
  -ms-interpolation-mode: nearest-neighbor;
}

/* Screen Reader Text */
.screen-reader-text {
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute !important;
    width: 1px;
    word-wrap: normal !important;
    clip: rect(1px, 1px, 1px, 1px);
    border: 0;
    clip-path: inset(50%);
}

.screen-reader-text:active,
.screen-reader-text:focus {
    background-color: #202020;
    color: #fff;
    display: block;
    font-size: 1rem;
    font-weight: 700;
    height: auto;
    left: 12px;
    line-height: normal;
    padding: 16px 32px;
    text-decoration: none;
    top: 12px;
    width: auto;
    z-index: 100000;
    clip: auto !important;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    clip-path: none;
}

/* Play Button */
.play-button {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='62' height='62' fill='none' viewBox='0 0 62 62'%3E%3Cpath fill='%23F2F2F2' fill-rule='evenodd' d='M31 61.834c17.029 0 30.833-13.805 30.833-30.834C61.833 13.972 48.03.167 31 .167S.167 13.972.167 31C.167 48.03 13.97 61.834 31 61.834M41.792 31 24.833 19.438v23.125z' clip-rule='evenodd'/%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    border-radius: 74px;
    -webkit-box-shadow: drop-shadow(0 4px 36px rgba(0, 0, 0, .25));
    box-shadow: drop-shadow(0 4px 36px rgba(0, 0, 0, .25));
    cursor: pointer;
    height: 74px;
    width: 74px;
}

/* Site Wrapper */
.site-wrapper {
    overflow: hidden;
    padding-top: 75px;
}

/* Body and HTML Defaults */
body {
    background-image: url(../svg/bg-dots-2.svg);
    min-height: 100vh;
}

html {
    color: #1f2023;
    font-family: DM Sans, sans-serif;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
}

body {
    color: inherit;
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
}

/* Headings */
h1 {
    font-size: clamp(2rem, 1.5663rem + 1.2048vw, 2.5rem);
    line-height: 1.2;
}

h2 {
    font-size: clamp(1.75rem, 1.5331rem + .6024vw, 2rem);
    line-height: 1.3;
}

h3 {
    font-size: clamp(1.25rem, .8163rem + 1.2048vw, 1.75rem);
    line-height: 1.4;
}

h4 {
    font-size: clamp(1rem, .7831rem + .6024vw, 1.25rem);
}

h5 {
    font-size: clamp(1rem, .8916rem + .3012vw, 1.125rem);
}

h6 {
    font-size: clamp(.875rem, .7666rem + .3012vw, 1rem);
    text-transform: uppercase;
}

h1, h2, h3, h4, h5, h6 {
    font-family: Clash Display, sans-serif;
    line-height: 1.5;
}

h1+p, h2+p, h3+p, h4+p, h5+p, h6+p {
    margin-top: 1.5em;
}

h1 b, h1 strong, h2 b, h2 strong, h3 b, h3 strong, h4 b, h4 strong, h5 b, h5 strong, h6 b, h6 strong {
    font-weight: 500;
}

/* Paragraphs */
p+p {
    margin-top: 1.5em;
}

p:last-of-type {
    margin-bottom: 0;
}

/* Links */
a {
    color: inherit;
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
    text-decoration: none;
    text-decoration-thickness: 1px;
    text-underline-offset: 4px;
}

a:active, a:hover {
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 4px;
}

a:focus, a:focus-visible {
    outline-color: #1f2023;
}

a:has(>img) {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
}

/* Text Formatting */
b {
    font-weight: 600;
}

strong {
    font-weight: 700;
}

em, i {
    font-style: italic;
}

/* Lists */
:where(ul) {
    margin-left: 24px;
    margin-block: 16px;
}

:where(ul)[class] {
    margin: 0;
    padding: 0;
}

/* Content Widths */
.content-medium, .content-small, .content-wide, .section--inline {
    margin-inline: auto;
    padding-inline: 1rem;
}

.content-wider {
    margin-inline: auto;
}

.content-small {
    width: min(976px + 2rem, 100%);
}

.content-medium {
    width: min(1228px + 2rem, 100%);
}

.content-wide, .section--inline {
    width: min(1480px + 2rem, 100%);
}

.content-max {
    width: 100%;
}

/* Navigation Toggle */
.nav__toggle {
    background: none;
    border: none;
    cursor: pointer;
    display: none;
    height: 24px;
    margin-left: auto;
    place-content: center;
    position: relative;
    width: 24px;
    z-index: 100;
}

@media (max-width:959px) {
    .nav__toggle {
        display: grid !important;
        place-content: center;
    }
}

.nav__toggle span {
    background-color: #1f2023;
    border-radius: 0;
    display: block;
    height: 2px;
    position: relative;
    -webkit-transition: all .15s ease;
    transition: all .15s ease;
    width: 20px;
}

.home .nav__toggle span {
    background-color: #fff;
}

.is-fixed .nav__toggle span {
    background-color: #1f2023;
}

.nav__toggle span:after,
.nav__toggle span:before {
    background-color: #1f2023;
    border-radius: 0;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    -webkit-transition: all .15s ease;
    transition: all .15s ease;
    width: 20px;
}

.home .nav__toggle span:after,
.home .nav__toggle span:before {
    background-color: #fff;
}

.is-fixed .nav__toggle span:after,
.is-fixed .nav__toggle span:before {
    background-color: #1f2023;
}

.nav__toggle span:before {
    top: -6px;
}

.nav__toggle span:after {
    top: 6px;
}

.nav__toggle.is-expanded span {
    background-color: transparent;
}

.nav__toggle.is-expanded span:before {
    background-color: #1f2023;
    -webkit-transform: translateY(6px) rotate(45deg);
    -ms-transform: translateY(6px) rotate(45deg);
    transform: translateY(6px) rotate(45deg);
}

.nav__toggle.is-expanded span:after {
    background-color: #1f2023;
    -webkit-transform: translateY(-6px) rotate(-45deg);
    -ms-transform: translateY(-6px) rotate(-45deg);
    transform: translateY(-6px) rotate(-45deg);
}

/* Primary Navigation */
.nav--primary .nav__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: clamp(1.5rem, 1.0663rem + 1.2048vw, 2rem);
}

@media (max-width:959px) {
    .nav--primary .nav__list:not(.nav__list--sub) {
        left: 100vw;
        position: absolute;
        top: 0;
        z-index: -1;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: clamp(1rem, .5663rem + 1.2048vw, 1.5rem);
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        background-color: #fff;
        height: 100vh;
        padding-block: calc(80px + clamp(1.5rem, 1.0663rem + 1.2048vw, 2rem)) clamp(1.5rem, 1.0663rem + 1.2048vw, 2rem);
        padding-inline: 48px;
        -webkit-transition: left .3s ease;
        transition: left .3s ease;
        width: 100vw;
    }
}

@media (max-width:959px) and (max-width:299px) {
    .nav--primary .nav__list:not(.nav__list--sub) {
        padding-inline: 1rem;
    }
}

@media (max-width:959px) {
    .nav--primary .nav__list:not(.nav__list--sub).is-visible {
        left: 0;
    }
}

.nav--primary .nav__list--sub {
    left: 50%;
    overflow: hidden;
    position: absolute;
    top: calc(100% + 6px);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 1rem;
    max-height: 0;
    opacity: 0;
    padding-block: 0;
    padding-inline: clamp(1rem, .5663rem + 1.2048vw, 1.5rem);
    -webkit-transition: opacity .3s ease, max-height .3s ease;
    transition: opacity .3s ease, max-height .3s ease;
}

@media (min-width:960px) {
    .nav--primary .nav__list--sub {
        background-color: #fff;
        border-radius: clamp(1rem, .5663rem + 1.2048vw, 1.5rem);
        -webkit-box-shadow: 0 16px 40px 16px rgba(18, 23, 33, .1);
        box-shadow: 0 16px 40px 16px rgba(18, 23, 33, .1);
    }
}

@media (max-width:959px) {
    .nav--primary .nav__list--sub {
        position: relative;
        top: 0;
        -ms-flex-preferred-size: 100%;
        background-color: transparent;
        flex-basis: 100%;
        padding-left: clamp(1rem, .5663rem + 1.2048vw, 1.5rem);
    }
}

.nav--primary .nav__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

@media (max-width:959px) {
    .nav--primary .nav__item {
        color: #1f2023;
    }
}

.home .nav--primary .nav__item:not(.nav__item--sub) {
    color: #fff;
}

.is-fixed .nav--primary .nav__item:not(.nav__item--sub) {
    color: #1f2023;
}

.nav--primary .nav__item.has-sub-menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 8px;
    position: relative;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

@media (max-width:959px) {
    .nav--primary .nav__item.has-sub-menu {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        row-gap: 0;
    }
}

.nav--primary .nav__item.has-sub-menu .nav-sub-trigger {
    background: none;
    background-image: url(../svg/chevron-down.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    border: none;
    -webkit-filter: brightness(0) saturate(100%) invert(6%) sepia(2%) saturate(4275%) hue-rotate(188deg) brightness(104%) contrast(85%);
    filter: brightness(0) saturate(100%) invert(6%) sepia(2%) saturate(4275%) hue-rotate(188deg) brightness(104%) contrast(85%);
    height: 16px;
    pointer-events: none;
    -webkit-transform: translateY(-1px);
    -ms-transform: translateY(-1px);
    transform: translateY(-1px);
    width: 16px;
}

.is-macos .nav--primary .nav__item.has-sub-menu .nav-sub-trigger {
    -webkit-transform: unset;
    -ms-transform: unset;
    transform: unset;
}

@media (min-width:960px) {
    .home .nav--primary .nav__item.has-sub-menu .nav-sub-trigger {
        -webkit-filter: unset;
        filter: unset;
    }
}

.is-fixed .nav--primary .nav__item.has-sub-menu .nav-sub-trigger {
    -webkit-filter: brightness(0) saturate(100%) invert(6%) sepia(2%) saturate(4275%) hue-rotate(188deg) brightness(104%) contrast(85%);
    filter: brightness(0) saturate(100%) invert(6%) sepia(2%) saturate(4275%) hue-rotate(188deg) brightness(104%) contrast(85%);
}

@media (max-width:959px) {
    .nav--primary .nav__item.has-sub-menu .nav-sub-trigger .body-nav-expanded {
        -webkit-filter: brightness(0) saturate(100%) invert(6%) sepia(2%) saturate(4275%) hue-rotate(188deg) brightness(104%) contrast(85%) !important;
        filter: brightness(0) saturate(100%) invert(6%) sepia(2%) saturate(4275%) hue-rotate(188deg) brightness(104%) contrast(85%) !important;
    }
}

@media (min-width:960px) {
    .nav--primary .nav__item.has-sub-menu:hover .nav__list--sub {
        max-height: 300px;
        opacity: 1;
    }
}

@media (max-width:959px) {
    .nav--primary .nav__item.has-sub-menu.is-expanded .nav__list--sub {
        max-height: 300px;
        opacity: 1;
    }
}

.nav--primary .nav__item--sub {
    color: #1f2023;
}

.nav--primary .nav__item--sub:first-of-type {
    padding-top: clamp(1rem, .5663rem + 1.2048vw, 1.5rem);
}

.nav--primary .nav__item--sub:last-of-type {
    padding-bottom: clamp(1rem, .5663rem + 1.2048vw, 1.5rem);
}

.nav--primary .nav__link {
    font-weight: 500;
    line-height: 1.675;
    white-space: nowrap;
}

.nav--primary .nav__link:active,
.nav--primary .nav__link:hover {
    color: #0454f2;
    text-decoration: none;
}

.home .nav--primary .nav__link:active:not(.nav__link--sub):active,
.home .nav--primary .nav__link:active:not(.nav__link--sub):hover,
.home .nav--primary .nav__link:hover:not(.nav__link--sub):active,
.home .nav--primary .nav__link:hover:not(.nav__link--sub):hover {
    color: #fff;
}

.body-nav-expanded .nav--primary .nav__link:active:not(.nav__link--sub),
.body-nav-expanded .nav--primary .nav__link:hover:not(.nav__link--sub),
.is-fixed .nav--primary .nav__link:active:not(.nav__link--sub),
.is-fixed .nav--primary .nav__link:hover:not(.nav__link--sub) {
    color: #fff;
}

.body-nav-expanded .nav--primary .nav__link:active:not(.nav__link--sub):active,
.body-nav-expanded .nav--primary .nav__link:active:not(.nav__link--sub):hover,
.body-nav-expanded .nav--primary .nav__link:hover:not(.nav__link--sub):active,
.body-nav-expanded .nav--primary .nav__link:hover:not(.nav__link--sub):hover,
.is-fixed .nav--primary .nav__link:active:not(.nav__link--sub):active,
.is-fixed .nav--primary .nav__link:active:not(.nav__link--sub):hover,
.is-fixed .nav--primary .nav__link:hover:not(.nav__link--sub):active,
.is-fixed .nav--primary .nav__link:hover:not(.nav__link--sub):hover {
    color: #0454f2;
}

@media (max-width:959px) {
    .body-nav-expanded .nav--primary .nav__link {
        color: #1f2023 !important;
    }
}

.nav--primary .nav__link.is-active {
    color: #0454f2;
    font-weight: 700;
}

.nav--primary .nav__link.has-icon-ai {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    gap: 4px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.nav--primary .nav__link.has-icon-ai:after {
    content: url(../svg/ico-ai.svg);
    -webkit-transform: translateY(2px);
    -ms-transform: translateY(2px);
    transform: translateY(2px);
}

.home .nav--primary .nav__link.has-icon-ai:after {
    -webkit-filter: brightness(0) saturate(100%) invert(100%) sepia(0) saturate(7466%) hue-rotate(328deg) brightness(122%) contrast(100%);
    filter: brightness(0) saturate(100%) invert(100%) sepia(0) saturate(7466%) hue-rotate(328deg) brightness(122%) contrast(100%);
}

.is-fixed .nav--primary .nav__link.has-icon-ai:after {
    -webkit-filter: unset;
    filter: unset;
}

@media (max-width:959px) {
    .body-nav-expanded .nav--primary .nav__link.has-icon-ai:after {
        -webkit-filter: unset;
        filter: unset;
    }
}

.nav--primary .nav__link.has-icon-ai.is-active {
    color: #0454f2;
    font-weight: 400;
}

.home .nav--primary .nav__link.has-icon-ai.is-active {
    color: #fff;
}

.is-fixed .nav--primary .nav__link.has-icon-ai.is-active {
    color: #1f2023;
}

.nav--primary .nav__link--sub:active,
.nav--primary .nav__link--sub:hover {
    color: #0454f2;
}

/* Footer Navigation */
.nav--footer .nav__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 12px;
}

.nav--footer .nav__item {
    font-size: clamp(.75rem, .6416rem + .3012vw, .875rem);
}

/* Buttons */
.button {
    --button-background: #0454f2;
    --button-border: #0454f2;
    --button-text: #fff;
    cursor: pointer;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    background-color: var(--button-background);
    border: 1px solid var(--button-border);
    border-radius: 44px;
    color: var(--button-text);
    font-size: clamp(.875rem, .7666rem + .3012vw, 1rem);
    font-weight: 500;
    justify-content: center;
    line-height: 1.2;
    padding: 10px 24px;
    text-align: center;
    -webkit-transition: background-color .3s ease, color .3s ease;
    transition: background-color .3s ease, color .3s ease;
    white-space: nowrap;
}

@media (max-width:575px) {
    .button {
        padding: 8px 16px;
    }
}

.hero .button {
    font-size: 1rem;
}

.button:active, .button:hover {
    --button-background: #5e94fc;
    --button-border: #5e94fc;
    --button-text: #fff;
    text-decoration: none;
}

.button--outline {
    --button-background: transparent;
    --button-border: #1f2023;
    --button-text: #1f2023;
}

.button--outline:focus, .button--outline:hover {
    --button-background: #1f2023;
}

.button--text {
    --button-background: transparent;
    --button-border: transparent;
    --button-text: $c-blue-400;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    gap: 8px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.button--text:after {
    background: none;
    background-image: url(../svg/arrow-right.svg);
    content: "";
    display: block;
    height: 18px;
    -webkit-transition: transform .3s ease;
    transition: transform .3s ease;
    width: 18px;
}

.button--text:active, .button--text:hover {
    --button-background: tranparent;
    --button-border: transparent;
    --button-text: $c-blue-400;
}

.button--text:active:after, .button--text:hover:after {
    -webkit-transform: translateX(5px);
    -ms-transform: translateX(5px);
    transform: translateX(5px);
}

.button--arr-up-right {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    gap: 8px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.button--arr-up-right:after {
    background: none;
    background-image: url(../svg/arrow-up-right.svg);
    content: "";
    display: block;
    height: 12px;
    -webkit-transition: transform .3s ease;
    transition: transform .3s ease;
    width: 12px;
}

.button--arr-up-right:active:after, .button--arr-up-right:hover:after {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.is-fixed .button--arr-up-right:after {
    -webkit-filter: unset;
    filter: unset;
}

/* Branding */
.branding {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.home .branding img {
    -webkit-filter: brightness(0) saturate(100%) invert(98%) sepia(100%) saturate(0) hue-rotate(309deg) brightness(110%) contrast(110%);
    filter: brightness(0) saturate(100%) invert(98%) sepia(100%) saturate(0) hue-rotate(309deg) brightness(110%) contrast(110%);
}

.body-nav-expanded .branding img,
.is-fixed .branding img {
    -webkit-filter: unset;
    filter: unset;
}

@media (max-width:575px) {
    .branding--header img {
        max-width: 112px;
    }
}

/* Tags */
.tag {
    --color: #0454f2;
    --background: #dce7fe;
    background-color: var(--background);
    border-radius: 4px;
    color: var(--color);
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-family: IBM Plex Mono, monospace;
    font-size: 14px;
    font-weight: 600;
    margin-inline: auto;
    padding: 4px 12px;
    text-transform: uppercase;
}

.tag--white {
    --background: #fff;
}

.tag--gray {
    --background: #f2f2f2;
    --color: #1f2023;
}

.tag--small {
    font-size: .75rem;
    font-weight: 500;
    padding: 2px 8px;
}

/* Boxes */
.box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    background: #fff;
    border: 1px solid #f2f2f2;
    border-radius: 24px;
    -webkit-box-shadow: 0 12px 44px 0 rgba(0, 0, 0, .05);
    box-shadow: 0 12px 44px 0 rgba(0, 0, 0, .05);
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 8px;
    padding: 32px;
    text-align: left;
}

.box__title {
    font-family: DM Sans, sans-serif;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.5;
    margin-top: 8px;
}

.box__description {
    margin: 8px 0 0;
}

.box__description_clients {
    margin: 8px 0 0;
}

.box-flex {
    display: flex;
    gap: 15px;
}

/* Icon Boxes */
.icon-boxes__box ul {
    font-family: DM Sans, sans-serif;
    font-size: 0.78rem;
    font-weight: 300;
    line-height: 2.5;
    margin-block: 0px !important;
    margin: 0px !important;
    list-style: none;
    padding-left: 0;
    position: relative;
    right: 16px;
    width: 110%;
}

.cards ul {
    font-family: DM Sans, sans-serif;
    font-size: 1rem;
    font-weight: 500;
    line-height: 2.5;
    margin-block: 0px !important;
    margin: 0px !important;
    list-style: none;
    padding-left: 0;
    position: relative;
    right: 16px;
    width: 110%;
}

.icon-boxes__box ul li {
    list-style-type: none;
}

.icon-boxes__box ul li:before {
  content: "•";
  color: #0454F2;
  margin-right: 10px;
  font-size: 1rem;
  line-height: 0.5;
}

/* Form Rows */
.form__row {
    position: relative;
}

.form--cta .form__row {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    background: #fff;
    border: 1px solid #5e94fc;
    border-radius: 40px;
    justify-content: center;
    padding: 4px;
}

.form--cta .form__row:has(input:focus, textarea:focus) {
    border-color: #1f2023;
}

.form--cta .form__field input[type=email] {
    border-color: transparent;
    border-radius: 40px;
    padding-block: unset;
}

.form--cta .form__acceptance {
    margin-top: 22px;
    text-align: left;
}

.form__acceptance .wpcf7-list-item {
    margin: 0;
}

.form__acceptance .wpcf7-list-item label {
    display: grid;
    gap: 12px;
    grid-template-columns: 24px 1fr;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: .75rem;
}

.form__acceptance .wpcf7-list-item label a {
    font-weight: 500;
    text-decoration: underline;
}

.form__acceptance label {
    cursor: pointer;
}

.cta--checkbox-hidden .form__acceptance label {
    pointer-events: none;
}

.cta--checkbox-hidden .form__acceptance label a {
    pointer-events: all;
}

.form .wpcf7-not-valid-tip {
    font-size: 11px;
    left: 0;
    position: absolute;
    top: calc(100% - 1px);
}

.form .wpcf7-form-control-wrap {
    display: block;
    height: 100%;
    width: 100%;
}

.form+.wpcf7-response-output {
    border-radius: 40px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-size: .75rem;
}

.form--cta {
    margin-inline: auto;
    max-width: 447px;
}

.form--cta .wpcf7-not-valid-tip {
    color: #ff617b;
    display: block;
    left: 20px;
    line-height: 1.7;
    text-align: left;
    top: calc(100% + 8px);
    width: 100%;
}

.form--cta input[type=email] {
    height: 40px;
    width: 100%;
}

.form--cta .form__row {
    position: relative;
    width: 100%;
}

.form--cta .form__field {
    width: 100%;
}

.form--cta .form__submit {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: calc(100% - 4px) !important;
    position: absolute;
    right: 2px;
    top: 2px;
    z-index: 2;
}

.form--cta .form__acceptance .wpcf7-not-valid-tip {
    left: 0;
    top: 100%;
}

.form--contact {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 20px;
    margin-top: 24px;
}

.form--contact .form__label {
    color: #999;
    font-size: .875rem;
    left: 20px;
    position: absolute;
    top: 16px;
    -webkit-transition: top .25s ease-in-out;
    transition: top .25s ease-in-out;
    z-index: 1;
}

.form--contact .form__label:after {
    background: transparent;
    content: "";
    height: 50%;
    left: -6px;
    position: absolute;
    -webkit-transition: background .25s ease-in-out;
    transition: background .25s ease-in-out;
    width: calc(100% + 12px);
    z-index: -1;
}

.form--contact .form__label:after {
    bottom: 0;
}

.form--contact .form__field input::-webkit-input-placeholder,
.form--contact .form__field textarea::-webkit-input-placeholder {
    color: #fff;
}

.form--contact .form__field input::-moz-placeholder,
.form--contact .form__field textarea::-moz-placeholder {
    color: #fff;
}

.form--contact .form__field input:-ms-input-placeholder,
.form--contact .form__field textarea:-ms-input-placeholder {
    color: #fff;
}

.form--contact .form__field input::-ms-input-placeholder,
.form--contact .form__field textarea::-ms-input-placeholder {
    color: #fff;
}

.form--contact .form__field input::placeholder,
.form--contact .form__field textarea::placeholder {
    color: #fff;
}

.form--contact .form__field:has(input:focus, textarea:focus) .form__label {
    color: #1f2023;
    font-weight: 500;
    top: -11px;
}

.form--contact .form__field:has(input:focus, textarea:focus) .form__label:after {
    background: #fff;
}

.form--contact .form__field:has(input:not(:-moz-placeholder-shown), textarea:not(:-moz-placeholder-shown)) .form__label {
    color: #1f2023;
    font-weight: 500;
    top: -11px;
}

.form--contact .form__field:has(input:not(:-ms-input-placeholder), textarea:not(:-ms-input-placeholder)) .form__label {
    color: #1f2023;
    font-weight: 500;
    top: -11px;
}

.form--contact .form__field:has(input:not(:placeholder-shown), textarea:not(:placeholder-shown)) .form__label {
    color: #1f2023;
    font-weight: 500;
    top: -11px;
}

.form--contact .form__field:has(input:not(:-moz-placeholder-shown), textarea:not(:-moz-placeholder-shown)) .form__label:after {
    background: #fff;
}

.form--contact .form__field:has(input:not(:-ms-input-placeholder), textarea:not(:-ms-input-placeholder)) .form__label:after {
    background: #fff;
}

.form--contact .form__field:has(input:not(:placeholder-shown), textarea:not(:placeholder-shown)) .form__label:after {
    background: #fff;
}

.form--contact .form__acceptance .wpcf7-list-item-label {
    text-align: left;
}

.form--contact .form__acceptance .wpcf7-not-valid-tip {
    left: 0;
    top: 100%;
}

@media (max-width:959px) {
    .form--contact .form__acceptance .wpcf7-not-valid-tip {
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
    }
}

.form--contact .form__submit {
    text-align: left;
}

.form--contact .wpcf7-not-valid-tip {
    left: 16px;
    top: calc(100% + 2px);
}

/* Contact Form */
.contact-form {
    background: #f2f2f2;
    border-radius: 40px;
    padding: clamp(1.5rem, -.0181rem + 4.2169vw, 3.25rem);
}

@media (max-width:575px) {
    .contact-form {
        border-radius: 24px;
    }
}

.contact-form__description,
.contact-form__heading {
    text-align: left;
}

@media (max-width:575px) {
    .contact-form__heading {
        font-size: 24px !important;
        letter-spacing: -.1px;
    }
    .contact-form__description {
        font-size: 14px;
    }
}

/* Forms */
form {
    position: relative;
}

form[data-status=invalid] .wpcf7-response-output {
    display: none;
}

form[data-status=sent] .wpcf7-response-output {
    bottom: -50px;
    left: 50%;
    position: absolute;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 100%;
}

form .wpcf7-response-output {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    width: 100%;
}

/* Video */
.video__wrapper {
    border: 8px solid #f2f2f2;
    border-radius: 12px;
    -webkit-box-shadow: 0 24px 40px 16px rgba(18, 23, 33, .1);
    box-shadow: 0 24px 40px 16px rgba(18, 23, 33, .1);
    margin-block: 32px 0;
}

@media (max-width:575px) {
    .video__wrapper {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        margin-block: 32px 32px;
        order: -1;
    }
}

.video__wrapper iframe {
    aspect-ratio: 16/9;
    border-radius: 12px;
    display: block;
    width: 100%;
}

.video__thumbnail {
    aspect-ratio: 16/9;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 12px;
    display: grid;
    place-content: center;
}

.video__title {
    font-family: DM Sans, sans-serif;
    font-size: 1.125rem;
    font-weight: 500;
    margin-top: 32px;
    text-align: left;
}

.video__description {
    font-size: 1rem;
    margin-top: 8px;
    text-align: left;
}

/* Copy Button/Message */
.copy-button {
    background: none;
    border: none;
    cursor: pointer;
    padding: 0 6px;
}

.copy-message {
    background: #4583fc;
    border-radius: 8px;
    bottom: -100%;
    color: #fff;
    font-weight: 500;
    left: 100%;
    opacity: 0;
    padding: 8px 12px;
    pointer-events: none;
    position: absolute;
    -webkit-transition: bottom .3s ease-in-out, opacity .3s ease-in-out;
    transition: bottom .3s ease-in-out, opacity .3s ease-in-out;
    white-space: nowrap;
    z-index: 100;
}

.copy-message.is-visible {
    bottom: 0;
    opacity: 1;
}

.js-copy {
    position: relative;
}

/* Expert Section */
.expert__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 32px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-top: 24px;
}

@media (max-width:959px) {
    .expert__inner {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}

@media (max-width:575px) {
    .expert__inner {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 16px;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .expert__heading {
        margin-inline: auto;
        max-width: 350px;
    }
}

.contact-section .expert__heading {
    font-size: clamp(2rem, 1.5663rem + 1.2048vw, 2.5rem);
}

.heading-small .expert__heading {
    font-size: clamp(1.5rem, 1.0663rem + 1.2048vw, 2rem);
}

.expert__image {
    aspect-ratio: 1/1;
    background: #f2f2f2;
    border-radius: 138px;
    max-width: 138px;
    width: 100%;
}

.expert__image img {
    border-radius: inherit;
    height: auto;
    width: 100%;
}

.expert__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

@media (max-width:575px) {
    .expert__content {
        text-align: center;
    }
}

.expert__position {
    font-weight: 600;
    margin-inline: 0;
}

@media (max-width:575px) {
    .expert__position {
        margin-inline: auto;
    }
}

.expert__name {
    margin-bottom: 12px;
    margin-top: 4px;
}

@media (max-width:575px) {
    .expert__name {
        font-size: 28px;
        margin-inline: auto;
    }
}

.expert__row {
    display: block;
}

.expert__row .copy-button {
    -webkit-transform: translateY(-2px);
    -ms-transform: translateY(-2px);
    transform: translateY(-2px);
}

.expert__link {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    gap: 8px;
    margin-bottom: 8px;
}

@media (max-width:575px) {
    .expert__link {
        margin-inline: auto;
    }
}

.expert__link--email {
    font-weight: 500;
}

.expert__link--email:before {
    content: url(../svg/ico-email.svg);
}

.expert__link--phone:before {
    content: url(../svg/ico-phone.svg);
}

.expert__button {
    --button-border: #0454f2;
    --button-text: #0454f2;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    gap: 4px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 12px;
}

@media (max-width:575px) {
    .expert__button {
        margin-inline: auto;
    }
}

.expert__button:active, .expert__button:hover {
    --button-background: #dce7fe;
    --button-text: #0454f2;
}

.expert__button:before {
    content: url(../svg/ico-calendar.svg);
    display: block;
    height: 20px;
    -webkit-transform: translateY(-1px);
    -ms-transform: translateY(-1px);
    transform: translateY(-1px);
}

/* Entry */
.entry__thumbnail {
    aspect-ratio: 346/262;
    border-radius: 8px;
    overflow: hidden;
}

.entry__thumbnail a {
    display: block;
}

.entry__thumbnail a,
.entry__thumbnail img {
    border-radius: inherit;
    height: 100%;
    width: 100%;
}

.entry__thumbnail img {
    -o-object-fit: cover;
    object-fit: cover;
}

.entry__meta {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 16px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 32px;
}

.entry__category {
    font-size: .875rem;
    margin-inline: unset;
}

.entry__title {
    font-family: DM Sans, sans-serif;
    font-size: 1.25rem;
    font-weight: 500;
    line-height: 1.5;
    margin-top: 16px;
}

/* Pagination */
.pagination {
    margin-block: clamp(1.5rem, -.0181rem + 4.2169vw, 3.25rem);
}

.pagination ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 8px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    list-style: none;
    margin: 0;
    padding: 0;
}

.pagination li {
    border: 1px solid #1f2023;
    border-radius: 4px;
}

.pagination li a {
    border-radius: inherit;
    display: grid;
    height: 40px;
    place-content: center;
    width: 40px;
}

.pagination li a:active,
.pagination li a:hover {
    background: #f2f2f2;
    text-decoration: none;
}

.pagination li.is-active a {
    background: #1f2023;
    color: #fff;
    pointer-events: none;
}

/* Engines */
.engines {
    margin-top: 32px;
    padding-inline: 24px;
}

@media (max-width:575px) {
    .engines {
        margin-top: 36px;
    }
}

.engines__heading {
    font-family: Clash Display, sans-serif;
    font-size: clamp(1.25rem, .8163rem + 1.2048vw, 1.75rem);
    line-height: 1.1;
}

@media (max-width:575px) {
    .engines__heading {
        font-size: 18px;
    }
}

@media (min-width:576px) {
.engines__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: clamp(1rem, -.71rem + 1.7584vw, 5rem);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 20px;
}
}

@media (max-width:575px) {
    .engines__list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        gap: 24px;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: distribute;
        justify-content: space-around;
        margin-top: 40px;
        margin-left: 20px;
        margin-right: 20px;
    }
}

.engines__list .spacer {
    background: hsla(0, 0%, 100%, .2);
    display: block;
    height: 40px;
    width: 1px;
}

@media (max-width:575px) {
    .engines__list .spacer {
        display:none;
    }
}

.engines__list .spacer:last-of-type {
    display: none;
}

@media (max-width:575px) {
    .engines__item,
    .engines__item img {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        flex: 0 0 25%;
        gap: 24px;
    }
}

/* Language Switcher Mobile */
.lang-sw-mobile {
    border-top: 1px solid #dce7fe;
    margin-top: 24px;
    padding-top: 24px;
    width: 100%;
}

@media (min-width:576px) {
    .lang-sw-mobile {
        display: none;
    }
}

.lang-hidden {
    display: none !important;
}

/* Header */
.header {
    background: transparent;
    -webkit-box-shadow: 0 16px 40px 16px rgba(18, 23, 33, 0);
    box-shadow: 0 16px 40px 16px rgba(18, 23, 33, 0);
    left: 0;
    position: fixed;
    top: 0;
    -webkit-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out;
    width: 100%;
    z-index: 100;
}

.header.is-fixed {
    background: #fff;
    -webkit-box-shadow: 0 16px 40px 16px rgba(18, 23, 33, .1);
    box-shadow: 0 16px 40px 16px rgba(18, 23, 33, .1);
    z-index: 101;
}

.header__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 1rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    border-bottom: 1px solid transparent;
    justify-content: space-between;
    padding-block: 1rem;
    -webkit-transition: border-color .3s ease;
    transition: border-color .3s ease;
}

@media (max-width:959px) {
    .header__inner {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
}

@media (max-width:575px) {
    .header__inner {
        gap: 8px;
    }
}

.body-nav-expanded .header__inner {
    border-color: #f2f2f2;
}

@media (max-width:575px) {
    .header__branding {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
    }
}

@media (max-width:959px) {
    .header__nav {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }
}

.header__buttons-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 20px;
}

@media (max-width:959px) {
    .header__buttons-wrapper {
        margin-left: auto;
    }
}

.header__buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 8px;
}

@media (max-width:299px) {
    .header__buttons {
        display: none;
    }
}

@media (max-width:575px) {
    .header__buttons li:first-of-type {
        display: none;
    }
    .home--lp .header__buttons li:first-of-type {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
    }
}

.home .header__buttons .button {
    --button-background: #fff;
    --button-border: #fff;
    --button-text: #0454f2;
}

.home .header__buttons .button:active,
.home .header__buttons .button:hover {
    --button-background: #1d68fb;
    --button-border: #fff;
    --button-text: #fff;
}

.body-nav-expanded .header__buttons .button,
.is-fixed .header__buttons .button {
    --button-background: #0454f2;
    --button-border: #0454f2;
    --button-text: #fff;
}

.body-nav-expanded .header__buttons .button:active,
.body-nav-expanded .header__buttons .button:hover,
.is-fixed .header__buttons .button:active,
.is-fixed .header__buttons .button:hover {
    --button-background: #5e94fc;
    --button-border: #5e94fc;
    --button-text: #fff;
}

.home .header__buttons .button--outline {
    --button-background: transparent;
    --button-border: #fff;
    --button-text: #fff;
}

.home .header__buttons .button--outline:active,
.home .header__buttons .button--outline:hover {
    --button-background: #fff;
    --button-border: #fff;
    --button-text: #0454f2;
}

.body-nav-expanded .header__buttons .button--outline,
.is-fixed .header__buttons .button--outline {
    --button-background: transparent;
    --button-border: #1f2023;
    --button-text: #1f2023;
}

.body-nav-expanded .header__buttons .button--outline:active,
.body-nav-expanded .header__buttons .button--outline:hover,
.is-fixed .header__buttons .button--outline:active,
.is-fixed .header__buttons .button--outline:hover {
    --button-background: #1f2023;
    --button-border: #1f2023;
    --button-text: #fff;
}

.home--lp .header .button--arr-up-right:after {
    -webkit-filter: brightness(0) saturate(100%) invert(21%) sepia(92%) saturate(5414%) hue-rotate(221deg) brightness(98%) contrast(97%);
    filter: brightness(0) saturate(100%) invert(21%) sepia(92%) saturate(5414%) hue-rotate(221deg) brightness(98%) contrast(97%);
}

.home--lp .header .button--arr-up-right:active:after,
.home--lp .header .button--arr-up-right:hover:after {
    -webkit-filter: unset;
    filter: unset;
}

.home--lp .header.is-fixed .button--arr-up-right:after {
    -webkit-filter: unset;
    filter: unset;
}

/* Footer */
.footer {
    padding: 16px;
}

.footer__wrapper {
    background: #f2f2f2;
    border-radius: 40px;
    padding-inline: 32px;
}

@media (max-width:959px) {
    .footer__wrapper {
        padding-inline: 0;
    }
}

@media (max-width:575px) {
    .footer__wrapper {
        border-radius: 24px;
    }
}

.footer__inner {
    display: grid;
    gap: 32px;
    grid-template-columns: 2fr 1fr 1fr;
    padding-block: 52px 32px;
}

@media (max-width:959px) {
    .footer__inner {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width:575px) {
    .footer__inner {
        grid-template-columns: 1fr 1fr;
        padding: 24px;
    }
}

.footer__branding {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    font-size: clamp(.75rem, .6416rem + .3012vw, .875rem);
    gap: 32px;
    max-width: 400px;
}

@media (max-width:959px) {
    .footer__branding {
        grid-column: span 2;
    }
}

.footer__social,
.footer__social__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 8px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.footer__social__item {
    height: auto;
}

.footer__social__item a {
    display: block;
}

.footer__nav__title {
    font-family: DM Sans, sans-serif;
    font-size: clamp(.875rem, .7666rem + .3012vw, 1rem);
    font-weight: 500;
    line-height: 1.5;
}

.footer__nav__title+nav {
    margin-top: 16px;
}

.footer__copy {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 32px;
    grid-column: span 3;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    border-top: 1px solid #dbdbdb;
    justify-content: space-between;
    padding-top: 32px;
}

@media (max-width:959px) {
    .footer__copy {
        grid-column: span 2;
    }
}

@media (max-width:575px) {
    .footer__copy {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 8px;
        -webkit-box-pack: unset;
        -ms-flex-pack: unset;
        justify-content: unset;
        text-align: center;
        padding-top: 20px;
    }
}

.footer__copy p {
    font-size: clamp(.75rem, .6416rem + .3012vw, .875rem);
    margin: 0;
}

.footer__copy p a {
    text-decoration: underline;
}

/* Hero Section */
.hero__content {
    padding-top: 32px;
    text-align: center;
}

.home .hero__content {
    color: #fff;
    position: relative;
}

.home .hero__content:after {
    background: radial-gradient(128.44% 50% at 0 0, #4a86fc 0, #0454f2 100%);
    content: "";
    height: calc(100% + 203px);
    left: 0;
    position: absolute;
    top: -75px;
    width: 100%;
    z-index: -1;
}

@media (max-width:575px) {
    .home .hero__content:after {
        height: calc(100% + 162px);
    }
}

.hero--lp .hero__content:after {
    content: none;
}

.hero__tag {
    margin-bottom: 14px;
}

.hero__heading {
    font-size: clamp(2.5rem, 1.1988rem + 3.6145vw, 4rem);
    font-weight: 500;
    line-height: 1.1;
    margin-bottom: 24px;
}

.hero__description {
    font-size: clamp(1rem, .7831rem + .6024vw, 1.25rem);
    margin-top: 16px;
    margin-inline: auto;
    max-width: 668px;
}

.hero__buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 8px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 24px;
}

.home .hero__buttons .button {
    --button-background: #fff;
    --button-border: #fff;
    --button-text: #0454f2;
}

.home .hero__buttons .button:active,
.home .hero__buttons .button:hover {
    --button-background: #1d68fb;
    --button-border: #fff;
    --button-text: #fff;
}

.home .hero__buttons .button--text {
    --button-background: transparent;
    --button-border: transparent;
    --button-text: $c-text-light;
}

.home .hero__buttons .button--text:active,
.home .hero__buttons .button--text:hover {
    --button-background: transparent;
    --button-border: transparent;
    --button-text: $c-text-light;
}

.hero__image {
    margin-top: 48px;
    padding-bottom: 28px;
}

@media (max-width:575px) {
    .hero__image {
        padding-bottom: 24px;
    }
}

.hero__image img {
    border: 1px solid #E2E8F0;
    border-radius: 8px;
    -webkit-box-shadow: 0 16px 40px 16px rgba(18, 23, 33, .1);
    box-shadow: 0 16px 40px 16px rgba(18, 23, 33, .1);
    background-color: #fafbfe;
}

.hero__image object {
    border: 1px solid #E2E8F0 !important;
    border-radius: 8px;
    -webkit-box-shadow: 0 16px 40px 16px rgba(18, 23, 33, .1);
    box-shadow: 0 16px 40px 16px rgba(18, 23, 33, .1);
    background-color: #fafbfe;
}

.hero__cta {
    padding-inline: 24px;
}

.hero--lp {
    background: radial-gradient(128.44% 50% at 0 0, #4a86fc 0, #0454f2 100%);
    margin-bottom: 20px;
    margin-top: -75px;
    padding-bottom: clamp(3rem, 1.6988rem + 3.6145vw, 4.5rem);
    padding-top: 75px;
}

@media (max-width:575px) {
    .hero--lp {
        margin-bottom: 24px;
    }
}

/* Sections */
.section {
    padding-block: clamp(1.5rem, -.0181rem + 4.2169vw, 3.25rem);
}

.section--centered {
    text-align: center;
}

.section--background .section__inner {
    background-color: #f2f2f2;
    border-radius: 40px;
    padding-block: clamp(1.5rem, -.0181rem + 4.2169vw, 3.25rem);
    padding-inline: clamp(1.5rem, -2.4036rem + 10.8434vw, 6rem);
}

@media (max-width:575px) {
    .section--background .section__inner {
        border-radius: 24px;
    }
}

.section--inline {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 32px;
    grid-template-columns: 1fr 3fr;
}

@media (max-width:1139px) {
    .section--inline {
        grid-template-columns: 1fr 2fr;
    }
}

@media (max-width:959px) {
    .section--inline {
        grid-template-columns: 1fr;
    }
}

.section__tag {
    margin-bottom: 16px;
}

.section__heading {
    font-size: clamp(1.75rem, 1.5331rem + .6024vw, 2rem);
    line-height: 1.3;
}

.section__heading--white {
    color: #fff;
}

.section__description {
    margin-top: 16px;
    margin-inline: auto;
    max-width: 724px;
}

@media (max-width:959px) {
    .section--inline .section__description {
        margin-inline: unset;
    }
}

.section__description_seo {
    margin-top: 16px;
    margin-inline: auto;
    max-width: 1600px;
    text-align: left;
}

@media (max-width:959px) {
    .section--inline .section__description_seo {
        margin-inline: unset;
    }
}

.section__button,
.section__text {
    margin-top: 16px;
}

/* Video Section */
.video-section {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    max-width:1600px;
}

@media (max-width:575px) {
    .video-section .section__description,
    .video-section .section__heading {
        text-align: left;
    }
}

/* Logos Section */
.logos-section .section__description,
.logos-section .section__heading {
    margin-inline: auto;
    max-width: 1250px;
}

.logos-section__logos {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 24px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    margin-top: 40px;
    padding-block: 20px;
}

@media (max-width:575px) {
    .logos-section__logos {
        margin-top: 32px;
    }
}

.logos-section__logo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 calc(10% - 24px);
    flex: 1 1 calc(10% - 24px);
    gap: 24px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    max-height: 48px;
}

@media (max-width:575px) {
    .logos-section__logo {
        -ms-flex-preferred-size: unset;
        -ms-flex: 1 1 calc(50% - 24px);
        flex: 1 1 calc(50% - 24px);
        max-height: 40px;
    }
}

.logos-section__logo img {
    max-height: 100%;
    max-width: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}

/* Icons Section */
.icons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-block: clamp(1.5rem, -.0181rem + 4.2169vw, 3.25rem);
}

@media (max-width:767px) {
    .icons {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        gap: 24px;
    }
}

.icons__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 12px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    max-width: 216px;
    padding-inline: 8px;
    text-align: center;
}

@media (max-width:767px) {
    .icons__item {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 calc(50% - 24px);
        flex: 1 1 calc(50% - 24px);
        max-width: unset;
    }
}

@media (max-width:399px) {
    .icons__item {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    }
}

.icons__icon {
    margin-inline: auto;
}

.icons__title {
    font-size: clamp(.875rem, .7666rem + .3012vw, 1rem);
    font-weight: 500;
    max-width: 216px;
}

.icon-boxes.section--inline {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.section--inline .icon-boxes__inner {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 calc(25% - 32px);
    flex: 1 1 calc(25% - 32px);
}

@media (max-width:1139px) {
    .section--inline .icon-boxes__inner {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 calc(33% - 32px);
        flex: 1 1 calc(33% - 32px);
    }
}

@media (max-width:959px) {
    .section--inline .icon-boxes__inner {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    }
}

.icon-boxes__boxes {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 32px;
    margin-top: 32px;
}

.section--inline .icon-boxes__boxes {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 calc(75% - 32px);
    flex: 1 1 calc(75% - 32px);
    margin-top: 0;
}

@media (max-width:1139px) {
    .section--inline .icon-boxes__boxes {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 calc(66% - 32px);
        flex: 1 1 calc(66% - 32px);
    }
}

@media (max-width:959px) {
    .section--inline .icon-boxes__boxes {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    }
}

@media (max-width:575px) {
    .icon-boxes__boxes.swiper {
        margin-bottom: -40px;
        margin-right: -16px;
        padding-bottom: 40px;
    }
}

@media (min-width:576px) {
    .icon-boxes__boxes.swiper {
        margin-inline: 0;
        overflow: unset;
    }
}

.icon-boxes__boxes.swiper .swiper-wrapper {
    height: 100%;
}

@media (min-width:576px) {
    .icon-boxes__boxes.swiper .swiper-wrapper {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        gap: 32px;
    }
}

.icon-boxes__boxes.swiper .swiper-slide {
    height: auto;
}

.icon-boxes__box {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 calc(33% - 32px);
    flex: 1 1 calc(33% - 32px);
}

@media (max-width:1139px) {
    .section--inline .icon-boxes__box {
        -ms-flex-preferred-size: calc(50% - 32px);
        flex-basis: calc(50% - 32px);
    }
}

@media (max-width:959px) {
    .icon-boxes__box {
        -ms-flex-preferred-size: calc(50% - 32px);
        flex-basis: calc(50% - 32px);
    }
}

@media (max-width:575px) {
    .icon-boxes__box,
    .section--inline .icon-boxes__box {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    }
    .icon-boxes__box.swiper-slide {
        -ms-flex-preferred-size: unset;
        flex-basis: unset;
    }
}

.icon-boxes__boxes--not-equal .icon-boxes__box:first-child,
.icon-boxes__boxes--not-equal .icon-boxes__box:nth-child(4),
.icon-boxes__boxes--not-equal .icon-boxes__box:nth-child(5) {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 calc(39% - 32px);
    flex: 1 1 calc(39% - 32px);
}

@media (max-width:959px) {
    .icon-boxes__boxes--not-equal .icon-boxes__box:first-child,
    .icon-boxes__boxes--not-equal .icon-boxes__box:nth-child(4),
    .icon-boxes__boxes--not-equal .icon-boxes__box:nth-child(5) {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 calc(50% - 32px);
        flex: 1 1 calc(50% - 32px);
    }
}

@media (max-width:575px) {
    .icon-boxes__boxes--not-equal .icon-boxes__box:first-child,
    .icon-boxes__boxes--not-equal .icon-boxes__box:nth-child(4),
    .icon-boxes__boxes--not-equal .icon-boxes__box:nth-child(5) {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    }
}

.icon-boxes__boxes--not-equal .icon-boxes__box:nth-child(2),
.icon-boxes__boxes--not-equal .icon-boxes__box:nth-child(3),
.icon-boxes__boxes--not-equal .icon-boxes__box:nth-child(6) {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 calc(61% - 32px);
    flex: 1 1 calc(61% - 32px);
}

@media (max-width:959px) {
    .icon-boxes__boxes--not-equal .icon-boxes__box:nth-child(2),
    .icon-boxes__boxes--not-equal .icon-boxes__box:nth-child(3),
    .icon-boxes__boxes--not-equal .icon-boxes__box:nth-child(6) {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 calc(50% - 32px);
        flex: 1 1 calc(50% - 32px);
    }
}

@media (max-width:575px) {
    .icon-boxes__boxes--not-equal .icon-boxes__box:nth-child(2),
    .icon-boxes__boxes--not-equal .icon-boxes__box:nth-child(3),
    .icon-boxes__boxes--not-equal .icon-boxes__box:nth-child(6) {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    }
}

.icon-boxes__boxes--half .icon-boxes__box {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 calc(50% - 32px);
    flex: 1 1 calc(50% - 32px);
}

@media (max-width:575px) {
    .icon-boxes__boxes--half .icon-boxes__box {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    }
}

.icon-boxes__button {
    margin-top: 16px;
}

/* Text Image Section */
.text-image {
    scroll-margin-top: 200px;
}

.text-image__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 32px;
}

.text-image__image {
    -webkit-box-flex: 1;
    border-radius: 8px;
    -ms-flex: 1 1 calc(50% - 32px);
    flex: 1 1 calc(50% - 32px);
}

@media (max-width:959px) {
    .text-image__image {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    }
}

.text-image--right .text-image__image {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
}

@media (max-width:959px) {
    .text-image--right .text-image__image {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0;
    }
}

.text-image__image img {
    border: 4px solid #f2f2f2;
    border-radius: 8px;
    -webkit-box-shadow: 0 16px 40px 16px rgba(18, 23, 33, .1);
    box-shadow: 0 16px 40px 16px rgba(18, 23, 33, .1);
}

.text-image__content {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 calc(50% - 32px);
    flex: 1 1 calc(50% - 32px);
    padding-right: 80px;
    padding-top: 12px;
}

@media (max-width:959px) {
    .text-image__content {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
        padding-inline: 24px;
    }
}

.section--background .text-image__content {
    padding-inline: 0;
}

.text-image--two-images .text-image__image {
    position: relative;
}

.text-image--two-images .text-image__image-1 {
    max-width: 86%;
}

.text-image--two-images .text-image__image-2 {
    max-width: 60%;
    position: absolute;
    right: 0;
    top: 50%;
}

/* Call to Action (CTA) */
.cta {
    color: #fff;
    text-align: center;
}

.cta--left {
    padding: 0;
    text-align: left;
}

@media (max-width:959px) {
    .cta--left {
        text-align: center;
    }
}

@media (min-width:960px) {
    .cta--left .form--cta {
        margin-inline: 0;
    }
}

.cta--left .form--cta .form__row {
    border-color: #8c8c8c;
}

.cta--left .form--cta input::-webkit-input-placeholder {
    color: #999;
}

.cta--left .form--cta input::-moz-placeholder {
    color: #999;
}

.cta--left .form--cta input:-ms-input-placeholder {
    color: #999;
}

.cta--left .form--cta input::-ms-input-placeholder {
    color: #999;
}

.cta--left .form--cta input::placeholder {
    color: #999;
}

.cta__inner {
    background: radial-gradient(242.52% 50% at 0 0, #4a86fc 0, #0454f2 100%);
    border: 8px solid #f2f2f2;
    border-radius: 40px;
    padding: clamp(1.5rem, -.0181rem + 4.2169vw, 3.25rem);
}

@media (max-width:575px) {
    .cta__inner {
        border-radius: 24px;
    }
}

.cta--gray .cta__inner {
    background: #f2f2f2;
    color: #1f2023;
}

@media (max-width:575px) {
    .cta__heading {
        font-size: 24px;
    }
}

.cta__form {
    margin-top: 24px;
}

.cta--checkbox-hidden .cta__form .wpcf7-acceptance,
.cta--checkbox-hidden .cta__form .wpcf7-list-item {
    display: block;
}

.cta--checkbox-hidden .cta__form label {
    grid-template-columns: 1fr;
    text-align: center;
}

.cta--checkbox-hidden .cta__form input[type=checkbox] {
    display: none;
}

@media (max-width:575px) {
    .cta--checkbox-hidden .cta__form .wpcf7-list-item-label {
        margin-inline: auto;
        max-width: 220px;
    }
}

@media (max-width:575px) {
    .cta__form .form__submit button span>span {
        display: none;
    }
}

@media (max-width:575px) {
    .cta__form .form__submit button:after {
        display: none;
    }
}

/* Videos Slider */
.videos-slider__thumbnail {
    aspect-ratio: 16/9;
}

.videos-slider .swiper {
    overflow: visible !important;
}

/* Contact Section */
.contact-section__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 32px;
}

@media (max-width:959px) {
    .contact-section__inner {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        text-align: center;
    }
}

.contact-section__left,
.contact-section__right {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 calc(50% - 32px);
    flex: 1 1 calc(50% - 32px);
}

.contact-section__info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: .875rem;
    gap: 24px;
    margin-top: 40px;
}

@media (max-width:959px) {
    .contact-section__info {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        text-align: left;
    }
}

@media (max-width:575px) {
    .contact-section__info {
        gap: 8px;
        margin-top: 24px;
    }
}

@media (max-width:419px) {
    .contact-section__info {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
}

.contact-section__info__left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.contact-section__info__hours {
    color: #737373;
    padding-left: 32px;
}

.contact-section__link {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    gap: 8px;
}

.contact-section__link--email {
    font-weight: 600;
}

.contact-section__link--email:before {
    content: url(../svg/ico-email.svg);
}

.contact-section__link--phone:before {
    content: url(../svg/ico-phone.svg);
}

.contact-section__address {
    padding-left: 28px;
    position: relative;
}

.contact-section__address:before {
    content: url(../svg/ico-location.svg);
    height: 20px;
    left: 0;
    position: absolute;
    top: 2px;
    width: 20px;
}

/* FAQ */
.faq {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: clamp(2rem, -3.0964rem + 14.1566vw, 7.875rem);
}

@media (max-width:959px) {
    .faq {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 32px;
    }
}

.faq__heading {
    font-weight: 500;
    margin-bottom: 16px;
}

.faq__description {
    margin-top: 16px;
}

.faq__categories {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 16px;
    margin-top: 24px;
}

.faq__category {
    background: #fff;
    border: 1px solid #8c8c8c;
    border-radius: 16px;
    padding: 12px 32px;
}

@media (max-width:575px) {
    .faq__category {
        padding: 12px 24px;
    }
}

.faq__category:hover {
    border-color: #0454f2;
}

.faq__category.is-active {
    border-color: #0454f2;
    font-weight: 600;
}

.faq__info {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 calc(36% - 32px);
    flex: 1 1 calc(36% - 32px);
}

.faq__content {
    display: grid;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 calc(64% - 32px);
    flex: 1 1 calc(64% - 32px);
}

.faq__group {
    grid-column: 1/2;
    grid-row: 1/2;
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    -webkit-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out;
    z-index: -100;
}

.faq__group.is-active {
    max-height: unset;
    opacity: 1;
    overflow: unset;
    z-index: 0;
}

.faq__item {
    background: #fff;
    border-bottom: 1px solid #dbdbdb;
    padding: 32px;
}

@media (max-width:575px) {
    .faq__item {
        padding-block: 24px;
        padding-inline: 8px;
    }
}

.faq__item:last-of-type {
    border-bottom: none;
}

.faq__tag {
    background: #f2f2f2;
    display: inline-block;
    font-family: IBM Plex Mono, monospace;
    font-size: .75rem;
    font-weight: 500;
    padding: 2px 8px;
    text-transform: uppercase;
}

.faq__question {
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 12px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 600;
}

.faq__question::marker {
    content: none;
}

.faq__question:after {
    content: url(../svg/chevron-down-dark.svg);
    height: 24px;
    margin-left: auto;
    -webkit-transform: translateY(-2px);
    -ms-transform: translateY(-2px);
    transform: translateY(-2px);
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transition: rotate .3s ease-in-out;
    transition: rotate .3s ease-in-out;
    -webkit-transition-delay: .15s;
    transition-delay: .15s;
    width: 24px;
}

.is-open .faq__question:after {
    rotate: 180deg;
}

.faq__answer {
    display: grid;
    grid-template-rows: 0fr;
    -webkit-transition: grid-template-rows .25s ease-in-out;
    transition: grid-template-rows .25s ease-in-out;
}

.is-open .faq__answer {
    grid-template-rows: 1fr;
}

.faq__answer__inner {
    overflow: hidden;
}

.faq__answer__inner>:first-of-type {
    padding-top: 20px;
}

/* Prices */
.prices {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 32px;
}

.prices__plan {
    -webkit-box-flex: 1;
    background: #fff;
    border: 2px solid #0454f2;
    border-radius: 24px;
    -ms-flex: 1 1 calc(50% - 32px);
    flex: 1 1 calc(50% - 32px);
    padding: 32px;
}

@media (max-width:767px) {
    .prices__plan {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    }
}

@media (max-width:575px) {
    .prices__plan {
        padding: 24px;
    }
}

.prices__plan__tag-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 16px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-family: IBM Plex Mono, monospace;
    font-size: clamp(.75rem, .6416rem + .3012vw, .875rem);
    font-weight: 500;
    min-height: 30px;
    text-transform: uppercase;
}

@media (max-width:419px) {
    .prices__plan__tag-wrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

.prices__plan__tag {
    background: #ffe899;
    border-radius: 4px;
    padding: 4px 12px;
}

.prices__plan__title {
    font-family: DM Sans, sans-serif;
    font-weight: 500;
    margin-top: 8px;
}

.prices__plan__description {
    margin-top: 16px;
}

.prices__plan__content {
    border-bottom: 1px solid #f2f2f2;
    border-top: 1px solid #f2f2f2;
    margin-block: 24px;
    padding-block: 24px;
}

.prices__plan__content>:last-of-type {
    margin-bottom: 0;
}

.prices__plan__content ol,
.prices__plan__content ul {
    margin-left: 16px;
}

.prices__plan__content ol li+li,
.prices__plan__content ul li+li {
    margin-top: 8px;
}

.prices__plan__pricing {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: clamp(1.5rem, -1.1024rem + 7.2289vw, 4.5rem);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: 96px;
    padding-top: 8px;
}

@media (max-width:575px) {
    .prices__plan__pricing {
        gap: 16px;
    }
}

@media (max-width:419px) {
    .prices__plan__pricing {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}

.prices__plan__prices {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.prices__plan__price--old,
.prices__plan__prices {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.prices__plan__price--old {
    gap: 8px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 1.25rem;
    font-weight: 600;
    margin-bottom: 4px;
}

.prices__plan__price--old>span:first-of-type {
    text-decoration: line-through;
}

.prices__plan__price--net {
    font-size: 28px;
    font-weight: 600;
    line-height: 1.1;
}

.prices__plan__price--net>span {
    font-size: 16px;
}

.prices__plan__price--gross {
    color: #60636c;
    font-size: 13px;
    font-weight: 500;
    margin-top: 4px;
}

.prices__plan__discount {
    background: #fdd01b;
    border-radius: 8px;
    font-size: 13px;
    padding: 4px 8px;
}

.prices__plan__button {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

@media (max-width:419px) {
    .prices__plan__button {
        -webkit-box-flex: unset;
        -ms-flex-positive: unset;
        flex-grow: unset;
        width: 100%;
    }
}

.prices__plan__button .button {
    padding-block: 12px;
    width: 100%;
}

.prices__text {
    margin-inline: auto;
    text-align: center;
}

/* Article */
.article {
    padding-block: clamp(1.5rem, -.0181rem + 4.2169vw, 3.25rem);
}

.article__categories {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 8px;
}

.article__category span {
    display: block;
    font-size: .875rem;
}

.article__title {
    font-size: 56px;
    font-weight: 500;
    line-height: 1.2;
    margin-bottom: clamp(1rem, .5663rem + 1.2048vw, 1.5rem);
    margin-top: 16px;
}

@media (max-width:575px) {
    .article__title {
        font-size: 28px;
        font-weight: 400;
    }
}

.article__thumbnail {
    margin-block: clamp(1.5rem, -.0181rem + 4.2169vw, 3.25rem);
    width: min(976px + 2rem, 100%);
    border: 1px solid #f2f2f2;
    border-radius: 24px;
    overflow: hidden;
    height:300px;
}

.article__thumbnail img {
    border-radius: inherit;
    height: 300px;
    width: auto;
}

.article__meta {
    color: #60636c;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 16px;
}

.article__date,
.article__reading-time {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 6px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.article__date:before,
.article__reading-time:before {
    content: "";
    height: 20px;
    -webkit-transform: translateY(-2px);
    -ms-transform: translateY(-2px);
    transform: translateY(-2px);
    width: 20px;
}

.article__date:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='21' fill='none' viewBox='0 0 20 21'%3E%3Cpath stroke='%2360636C' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M3.125 8.625h13.75M6.458 4.458V2.792m7.084 1.666V2.792M3.125 4.458h13.75v12.917H3.125z'/%3E%3C/svg%3E");
}

.article__reading-time:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='21' fill='none' viewBox='0 0 20 21'%3E%3Cpath stroke='%2360636C' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M10 6.958V10.5l2.292 2.291m5.417-2.291a7.708 7.708 0 1 1-15.417 0 7.708 7.708 0 0 1 15.417 0'/%3E%3C/svg%3E");
}

.article__content {
    margin-top: 12px;
}

.article__content>* {
    color: #424242;
    margin-top: 1.5em;
}

.article__content>:not(figure, img, picture) {
    margin-inline: auto;
    padding-inline: 16px;
    width: min(976px + 2rem, 100%);
}

.article__content>:is(ul, ol) {
    padding-left: 40px;
}

.article__content li {
    padding-bottom: 15px;
}

.article__content>:is(figure, img, picture) {
    margin-block: clamp(1.5rem, -.0181rem + 4.2169vw, 3.25rem);
    margin-inline: auto;
    padding-inline: 16px;
    width: min(1480px + 2rem, 100%);
}

.article__content>:is(h2, h3, h4, h5, h6) {
    color: #212121;
    font-weight: 500;
    line-height: normal;
    margin-top: clamp(1.5rem, -.0181rem + 4.2169vw, 3.25rem);
}

.article__content>:is(h2, h3, h4, h5, h6)+p {
    margin-top: 1.5em;
}

.article__content>:is(p)+h1,
.article__content>:is(p)+h2,
.article__content>:is(p)+h3,
.article__content>:is(p)+h4,
.article__content>:is(p)+h5,
.article__content>:is(p)+h6 {
    margin-top: clamp(1.5rem, -.0181rem + 4.2169vw, 3.25rem);
}

/* Blog */
.blog__title {
    font-size: clamp(2.5rem, 1.1988rem + 3.6145vw, 4rem);
    font-weight: 500;
    line-height: 1.2;
}

.blog__content,
.blog__title {
    margin-block: clamp(1.5rem, -.0181rem + 4.2169vw, 3.25rem);
}

.blog__content {
    display: grid;
    gap: 56px 32px;
    grid-template-columns: repeat(4, 1fr);
    background-color: #fff;
}

@media (max-width:1139px) {
    .blog__content {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width:959px) {
    .blog__content {
        gap: 48px 32px;
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width:575px) {
    .blog__content {
        grid-template-columns: 1fr;
    }
}

/* Logo Boxes */
.logo-boxes__boxes {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 40px;
    margin-top: 56px;
    text-align: left;
}

@media (max-width:959px) {
    .logo-boxes__boxes {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}

.logo-boxes__box {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

@media (max-width:959px) {
    .logo-boxes__box {
        -ms-flex-preferred-size: calc(50% - 40px);
        flex-basis: calc(50% - 40px);
    }
}

@media (max-width:575px) {
    .logo-boxes__box {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    }
}

.logo-boxes__logo {
    margin-bottom: 24px;
}

.logo-boxes__title {
    font-family: DM Sans, sans-serif;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.5;
}

.logo-boxes__description {
    margin-top: 8px;
}

/* Special Offer */
.special-offer__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 48px;
}

@media (max-width:959px) {
    .special-offer__inner {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}

.special-offer__content {
    -webkit-box-flex: 1;
    background: radial-gradient(242.52% 50% at 0 0, #4a86fc 0, #0454f2 100%);
    border: 8px solid #f2f2f2;
    border-radius: 40px;
    -ms-flex: 1 1 calc(50% - 40px);
    flex: 1 1 calc(50% - 40px);
    padding: 48px 56px;
}

@media (max-width:959px) {
    .special-offer__content {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    }
}

@media (max-width:575px) {
    .special-offer__content {
        border-radius: 24px;
        padding: 24px;
    }
}

.special-offer__tag {
    margin-bottom: 14px;
}

.special-offer__description {
    color: #fff;
    font-size: 16px;
    margin-top: 14px;
}

.special-offer__expert {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 calc(50% - 40px);
    flex: 1 1 calc(50% - 40px);
}

@media (max-width:959px) {
    .special-offer__expert {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    }
    .special-offer__expert .expert {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .special-offer__expert .expert__heading {
        text-align: center;
    }
}

/* Swiper */
@font-face {
    font-family: swiper-icons;
    font-style: normal;
    font-weight: 400;
    src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnhxP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff");
}

:root {
    --swiper-theme-color: #007aff;
}

:host {
    display: block;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    z-index: 1;
}

.swiper {
    display: block;
    list-style: none;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    padding: 0;
    position: relative;
    z-index: 1;
}

.swiper-vertical>.swiper-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.swiper-wrapper {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    position: relative;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
    transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
    width: 100%;
    z-index: 1;
}

.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}

.swiper-horizontal {
    -ms-touch-action: pan-y;
    touch-action: pan-y;
}

.swiper-vertical {
    -ms-touch-action: pan-x;
    touch-action: pan-x;
}

.swiper-slide {
    -ms-flex-negative: 0;
    display: block;
    flex-shrink: 0;
    height: 100%;
    position: relative;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    width: 100%;
}

.swiper-slide-invisible-blank {
    visibility: hidden;
}

.swiper-autoheight,
.swiper-autoheight .swiper-slide {
    height: auto;
}

.swiper-autoheight .swiper-wrapper {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-transition-property: height, -webkit-transform;
    transition-property: height, -webkit-transform;
    transition-property: transform, height;
    transition-property: transform, height, -webkit-transform;
}

.swiper-backface-hidden .swiper-slide {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}

.swiper-3d.swiper-css-mode .swiper-wrapper {
    -webkit-perspective: 1200px;
    perspective: 1200px;
}

.swiper-3d .swiper-wrapper {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.swiper-3d {
    -webkit-perspective: 1200px;
    perspective: 1200px;
}

.swiper-3d .swiper-cube-shadow,
.swiper-3d .swiper-slide {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.swiper-css-mode>.swiper-wrapper {
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar {
    display: none;
}

.swiper-css-mode>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: start start;
}

.swiper-css-mode.swiper-horizontal>.swiper-wrapper {
    -ms-scroll-snap-type: x mandatory;
    scroll-snap-type: x mandatory;
}

.swiper-css-mode.swiper-vertical>.swiper-wrapper {
    -ms-scroll-snap-type: y mandatory;
    scroll-snap-type: y mandatory;
}

.swiper-css-mode.swiper-free-mode>.swiper-wrapper {
    -ms-scroll-snap-type: none;
    scroll-snap-type: none;
}

.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: none;
}

.swiper-css-mode.swiper-centered>.swiper-wrapper:before {
    content: "";
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-ordinal-group: 10000;
    -ms-flex-order: 9999;
    order: 9999;
}

.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: center center;
    scroll-snap-stop: always;
}

.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child {
    -webkit-margin-start: var(--swiper-centered-offset-before);
    margin-inline-start: var(--swiper-centered-offset-before);
}

.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper:before {
    height: 100%;
    min-height: 1px;
    width: var(--swiper-centered-offset-after);
}

.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child {
    -webkit-margin-before: var(--swiper-centered-offset-before);
    margin-block-start: var(--swiper-centered-offset-before);
}

.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper:before {
    height: var(--swiper-centered-offset-after);
    min-width: 1px;
    width: 100%;
}

.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top {
    height: 100%;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 10;
}

.swiper-3d .swiper-slide-shadow {
    background: rgba(0, 0, 0, .15);
}

.swiper-3d .swiper-slide-shadow-left {
    background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
    background-image: linear-gradient(270deg, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-right {
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
    background-image: linear-gradient(90deg, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-top {
    background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
    background-image: linear-gradient(0deg, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-bottom {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
    background-image: linear-gradient(180deg, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
}

.swiper-lazy-preloader {
    border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
    border-radius: 50%;
    border-top: 4px solid transparent;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 42px;
    left: 50%;
    margin-left: -21px;
    margin-top: -21px;
    position: absolute;
    top: 50%;
    -webkit-transform-origin: 50%;
    -ms-transform-origin: 50%;
    transform-origin: 50%;
    width: 42px;
    z-index: 10;
}

.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader {
    -webkit-animation: swiper-preloader-spin 1s linear infinite;
    animation: swiper-preloader-spin 1s linear infinite;
}

.swiper-lazy-preloader-white {
    --swiper-preloader-color: #fff;
}

.swiper-lazy-preloader-black {
    --swiper-preloader-color: #000;
}

@-webkit-keyframes swiper-preloader-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn);
    }
}

@keyframes swiper-preloader-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn);
    }
}

/* SAL (Scroll Animation Library) */
[data-sal] {
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    -webkit-transition-delay: var(--sal-delay, 0s);
    transition-delay: var(--sal-delay, 0s);
    -webkit-transition-duration: .2s;
    transition-duration: .2s;
    -webkit-transition-duration: var(--sal-duration, .2s);
    transition-duration: var(--sal-duration, .2s);
    -webkit-transition-timing-function: var(--sal-easing, ease);
    transition-timing-function: var(--sal-easing, ease);
}

[data-sal][data-sal-duration="200"] {
    -webkit-transition-duration: .2s;
    transition-duration: .2s;
}

[data-sal][data-sal-duration="250"] {
    -webkit-transition-duration: .25s;
    transition-duration: .25s;
}

[data-sal][data-sal-duration="300"] {
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
}

[data-sal][data-sal-duration="350"] {
    -webkit-transition-duration: .35s;
    transition-duration: .35s;
}

[data-sal][data-sal-duration="400"] {
    -webkit-transition-duration: .4s;
    transition-duration: .4s;
}

[data-sal][data-sal-duration="450"] {
    -webkit-transition-duration: .45s;
    transition-duration: .45s;
}

[data-sal][data-sal-duration="500"] {
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
}

[data-sal][data-sal-duration="550"] {
    -webkit-transition-duration: .55s;
    transition-duration: .55s;
}

[data-sal][data-sal-duration="600"] {
    -webkit-transition-duration: .6s;
    transition-duration: .6s;
}

[data-sal][data-sal-duration="650"] {
    -webkit-transition-duration: .65s;
    transition-duration: .65s;
}

[data-sal][data-sal-duration="700"] {
    -webkit-transition-duration: .7s;
    transition-duration: .7s;
}

[data-sal][data-sal-duration="750"] {
    -webkit-transition-duration: .75s;
    transition-duration: .75s;
}

[data-sal][data-sal-duration="800"] {
    -webkit-transition-duration: .8s;
    transition-duration: .8s;
}

[data-sal][data-sal-duration="850"] {
    -webkit-transition-duration: .85s;
    transition-duration: .85s;
}

[data-sal][data-sal-duration="900"] {
    -webkit-transition-duration: .9s;
    transition-duration: .9s;
}

[data-sal][data-sal-duration="950"] {
    -webkit-transition-duration: .95s;
    transition-duration: .95s;
}

[data-sal][data-sal-duration="1000"] {
    -webkit-transition-duration: 1s;
    transition-duration: 1s;
}

[data-sal][data-sal-duration="1050"] {
    -webkit-transition-duration: 1.05s;
    transition-duration: 1.05s;
}

[data-sal][data-sal-duration="1100"] {
    -webkit-transition-duration: 1.1s;
    transition-duration: 1.1s;
}

[data-sal][data-sal-duration="1150"] {
    -webkit-transition-duration: 1.15s;
    transition-duration: 1.15s;
}

[data-sal][data-sal-duration="1200"] {
    -webkit-transition-duration: 1.2s;
    transition-duration: 1.2s;
}

[data-sal][data-sal-duration="1250"] {
    -webkit-transition-duration: 1.25s;
    transition-duration: 1.25s;
}

[data-sal][data-sal-duration="1300"] {
    -webkit-transition-duration: 1.3s;
    transition-duration: 1.3s;
}

[data-sal][data-sal-duration="1350"] {
    -webkit-transition-duration: 1.35s;
    transition-duration: 1.35s;
}

[data-sal][data-sal-duration="1400"] {
    -webkit-transition-duration: 1.4s;
    transition-duration: 1.4s;
}

[data-sal][data-sal-duration="1450"] {
    -webkit-transition-duration: 1.45s;
    transition-duration: 1.45s;
}

[data-sal][data-sal-duration="1500"] {
    -webkit-transition-duration: 1.5s;
    transition-duration: 1.5s;
}

[data-sal][data-sal-duration="1550"] {
    -webkit-transition-duration: 1.55s;
    transition-duration: 1.55s;
}

[data-sal][data-sal-duration="1600"] {
    -webkit-transition-duration: 1.6s;
    transition-duration: 1.6s;
}

[data-sal][data-sal-duration="1650"] {
    -webkit-transition-duration: 1.65s;
    transition-duration: 1.65s;
}

[data-sal][data-sal-duration="1700"] {
    -webkit-transition-duration: 1.7s;
    transition-duration: 1.7s;
}

[data-sal][data-sal-duration="1750"] {
    -webkit-transition-duration: 1.75s;
    transition-duration: 1.75s;
}

[data-sal][data-sal-duration="1800"] {
    -webkit-transition-duration: 1.8s;
    transition-duration: 1.8s;
}

[data-sal][data-sal-duration="1850"] {
    -webkit-transition-duration: 1.85s;
    transition-duration: 1.85s;
}

[data-sal][data-sal-duration="1900"] {
    -webkit-transition-duration: 1.9s;
    transition-duration: 1.9s;
}

[data-sal][data-sal-duration="1950"] {
    -webkit-transition-duration: 1.95s;
    transition-duration: 1.95s;
}

[data-sal][data-sal-duration="2000"] {
    -webkit-transition-duration: 2s;
    transition-duration: 2s;
}

[data-sal][data-sal-delay="50"] {
    -webkit-transition-delay: .05s;
    transition-delay: .05s;
}

[data-sal][data-sal-delay="100"] {
    -webkit-transition-delay: .1s;
    transition-delay: .1s;
}

[data-sal][data-sal-delay="150"] {
    -webkit-transition-delay: .15s;
    transition-delay: .15s;
}

[data-sal][data-sal-delay="200"] {
    -webkit-transition-delay: .2s;
    transition-delay: .2s;
}

[data-sal][data-sal-delay="250"] {
    -webkit-transition-delay: .25s;
    transition-delay: .25s;
}

[data-sal][data-sal-delay="300"] {
    -webkit-transition-delay: .3s;
    transition-delay: .3s;
}

[data-sal][data-sal-delay="350"] {
    -webkit-transition-delay: .35s;
    transition-delay: .35s;
}

[data-sal][data-sal-delay="400"] {
    -webkit-transition-delay: .4s;
    transition-delay: .4s;
}

[data-sal][data-sal-delay="450"] {
    -webkit-transition-delay: .45s;
    transition-delay: .45s;
}

[data-sal][data-sal-delay="500"] {
    -webkit-transition-delay: .5s;
    transition-delay: .5s;
}

[data-sal][data-sal-delay="550"] {
    -webkit-transition-delay: .55s;
    transition-delay: .55s;
}

[data-sal][data-sal-delay="600"] {
    -webkit-transition-delay: .6s;
    transition-delay: .6s;
}

[data-sal][data-sal-delay="650"] {
    -webkit-transition-delay: .65s;
    transition-delay: .65s;
}

[data-sal][data-sal-delay="700"] {
    -webkit-transition-delay: .7s;
    transition-delay: .7s;
}

[data-sal][data-sal-delay="750"] {
    -webkit-transition-delay: .75s;
    transition-delay: .75s;
}

[data-sal][data-sal-delay="800"] {
    -webkit-transition-delay: .8s;
    transition-delay: .8s;
}

[data-sal][data-sal-delay="850"] {
    -webkit-transition-delay: .85s;
    transition-delay: .85s;
}

[data-sal][data-sal-delay="900"] {
    -webkit-transition-delay: .9s;
    transition-delay: .9s;
}

[data-sal][data-sal-delay="950"] {
    -webkit-transition-delay: .95s;
    transition-delay: .95s;
}

[data-sal][data-sal-delay="1000"] {
    -webkit-transition-delay: 1s;
    transition-delay: 1s;
}

[data-sal][data-sal-easing=linear] {
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
}

[data-sal][data-sal-easing=ease] {
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease;
}

[data-sal][data-sal-easing=ease-in] {
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
}

[data-sal][data-sal-easing=ease-out] {
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

[data-sal][data-sal-easing=ease-in-out] {
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
}

[data-sal][data-sal-easing=ease-in-cubic] {
    -webkit-transition-timing-function: cubic-bezier(.55, .055, .675, .19);
    transition-timing-function: cubic-bezier(.55, .055, .675, .19);
}

[data-sal][data-sal-easing=ease-out-cubic] {
    -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
    transition-timing-function: cubic-bezier(.215, .61, .355, 1);
}

[data-sal][data-sal-easing=ease-in-out-cubic] {
    -webkit-transition-timing-function: cubic-bezier(.645, .045, .355, 1);
    transition-timing-function: cubic-bezier(.645, .045, .355, 1);
}

[data-sal][data-sal-easing=ease-in-circ] {
    -webkit-transition-timing-function: cubic-bezier(.6, .04, .98, .335);
    transition-timing-function: cubic-bezier(.6, .04, .98, .335);
}

[data-sal][data-sal-easing=ease-out-circ] {
    -webkit-transition-timing-function: cubic-bezier(.075, .82, .165, 1);
    transition-timing-function: cubic-bezier(.075, .82, .165, 1);
}

[data-sal][data-sal-easing=ease-in-out-circ] {
    -webkit-transition-timing-function: cubic-bezier(.785, .135, .15, .86);
    transition-timing-function: cubic-bezier(.785, .135, .15, .86);
}

[data-sal][data-sal-easing=ease-in-expo] {
    -webkit-transition-timing-function: cubic-bezier(.95, .05, .795, .035);
    transition-timing-function: cubic-bezier(.95, .05, .795, .035);
}

[data-sal][data-sal-easing=ease-out-expo] {
    -webkit-transition-timing-function: cubic-bezier(.19, 1, .22, 1);
    transition-timing-function: cubic-bezier(.19, 1, .22, 1);
}

[data-sal][data-sal-easing=ease-in-out-expo] {
    -webkit-transition-timing-function: cubic-bezier(1, 0, 0, 1);
    transition-timing-function: cubic-bezier(1, 0, 0, 1);
}

[data-sal][data-sal-easing=ease-in-quad] {
    -webkit-transition-timing-function: cubic-bezier(.55, .085, .68, .53);
    transition-timing-function: cubic-bezier(.55, .085, .68, .53);
}

[data-sal][data-sal-easing=ease-out-quad] {
    -webkit-transition-timing-function: cubic-bezier(.25, .46, .45, .94);
    transition-timing-function: cubic-bezier(.25, .46, .45, .94);
}

[data-sal][data-sal-easing=ease-in-out-quad] {
    -webkit-transition-timing-function: cubic-bezier(.455, .03, .515, .955);
    transition-timing-function: cubic-bezier(.455, .03, .515, .955);
}

[data-sal][data-sal-easing=ease-in-quart] {
    -webkit-transition-timing-function: cubic-bezier(.895, .03, .685, .22);
    transition-timing-function: cubic-bezier(.895, .03, .685, .22);
}

[data-sal][data-sal-easing=ease-out-quart] {
    -webkit-transition-timing-function: cubic-bezier(.165, .84, .44, 1);
    transition-timing-function: cubic-bezier(.165, .84, .44, 1);
}

[data-sal][data-sal-easing=ease-in-out-quart] {
    -webkit-transition-timing-function: cubic-bezier(.77, 0, .175, 1);
    transition-timing-function: cubic-bezier(.77, 0, .175, 1);
}

[data-sal][data-sal-easing=ease-in-quint] {
    -webkit-transition-timing-function: cubic-bezier(.755, .05, .855, .06);
    transition-timing-function: cubic-bezier(.755, .05, .855, .06);
}

[data-sal][data-sal-easing=ease-out-quint] {
    -webkit-transition-timing-function: cubic-bezier(.23, 1, .32, 1);
    transition-timing-function: cubic-bezier(.23, 1, .32, 1);
}

[data-sal][data-sal-easing=ease-in-out-quint] {
    -webkit-transition-timing-function: cubic-bezier(.86, 0, .07, 1);
    transition-timing-function: cubic-bezier(.86, 0, .07, 1);
}

[data-sal][data-sal-easing=ease-in-sine] {
    -webkit-transition-timing-function: cubic-bezier(.47, 0, .745, .715);
    transition-timing-function: cubic-bezier(.47, 0, .745, .715);
}

[data-sal][data-sal-easing=ease-out-sine] {
    -webkit-transition-timing-function: cubic-bezier(.39, .575, .565, 1);
    transition-timing-function: cubic-bezier(.39, .575, .565, 1);
}

[data-sal][data-sal-easing=ease-in-out-sine] {
    -webkit-transition-timing-function: cubic-bezier(.445, .05, .55, .95);
    transition-timing-function: cubic-bezier(.445, .05, .55, .95);
}

[data-sal][data-sal-easing=ease-in-back] {
    -webkit-transition-timing-function: cubic-bezier(.6, -.28, .735, .045);
    transition-timing-function: cubic-bezier(.6, -.28, .735, .045);
}

[data-sal][data-sal-easing=ease-out-back] {
    -webkit-transition-timing-function: cubic-bezier(.175, .885, .32, 1.275);
    transition-timing-function: cubic-bezier(.175, .885, .32, 1.275);
}

[data-sal][data-sal-easing=ease-in-out-back] {
    -webkit-transition-timing-function: cubic-bezier(.68, -.55, .265, 1.55);
    transition-timing-function: cubic-bezier(.68, -.55, .265, 1.55);
}

[data-sal|=fade] {
    opacity: 0;
    -webkit-transition-property: opacity;
    transition-property: opacity;
}

[data-sal|=fade].sal-animate,
body.sal-disabled [data-sal|=fade] {
    opacity: 1;
}

[data-sal|=slide] {
    opacity: 0;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: opacity, transform;
    transition-property: opacity, transform, -webkit-transform;
}

[data-sal=slide-up] {
    -webkit-transform: translateY(20%);
    -ms-transform: translateY(20%);
    transform: translateY(20%);
}

[data-sal=slide-down] {
    -webkit-transform: translateY(-20%);
    -ms-transform: translateY(-20%);
    transform: translateY(-20%);
}

[data-sal=slide-left] {
    -webkit-transform: translateX(20%);
    -ms-transform: translateX(20%);
    transform: translateX(20%);
}

[data-sal=slide-right] {
    -webkit-transform: translateX(-20%);
    -ms-transform: translateX(-20%);
    transform: translateX(-20%);
}

[data-sal|=slide].sal-animate,
body.sal-disabled [data-sal|=slide] {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
}

[data-sal|=zoom] {
    opacity: 0;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: opacity, transform;
    transition-property: opacity, transform, -webkit-transform;
}

[data-sal=zoom-in] {
    -webkit-transform: scale(.5);
    -ms-transform: scale(.5);
    transform: scale(.5);
}

[data-sal=zoom-out] {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

[data-sal|=zoom].sal-animate,
body.sal-disabled [data-sal|=zoom] {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
}

[data-sal|=flip] {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
}

[data-sal=flip-left] {
    -webkit-transform: perspective(2000px) rotateY(-91deg);
    transform: perspective(2000px) rotateY(-91deg);
}

[data-sal=flip-right] {
    -webkit-transform: perspective(2000px) rotateY(91deg);
    transform: perspective(2000px) rotateY(91deg);
}

[data-sal=flip-up] {
    -webkit-transform: perspective(2000px) rotateX(-91deg);
    transform: perspective(2000px) rotateX(-91deg);
}

[data-sal=flip-down] {
    -webkit-transform: perspective(2000px) rotateX(91deg);
    transform: perspective(2000px) rotateX(91deg);
}

[data-sal|=flip].sal-animate,
body.sal-disabled [data-sal|=flip] {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
}

[data-sal=slide-up] {
    -webkit-transform: translateY(5%);
    -ms-transform: translateY(5%);
    transform: translateY(5%);
}

@media (min-width:960px) {
    [aria-label="mobilemenu"] {
    display: none !important;
    }
}

/* Do Container */
.do-container {
    margin: 0;
    padding: 20px;
    width: 100%;
}

.do-grid {
    display: grid;
    gap: 20px;
    width: 100%;
    margin: 0 auto;
    padding: 0 15px;
}

/* Mobile layout (2 columns) */
@media screen and (max-width: 767px) {
    .do-grid {
        grid-template-columns: 1fr;
    }
}

/* Tablet layout (4 columns) */
@media screen and (min-width: 768px) and (max-width: 1199px) {
    .do-grid {
        grid-template-columns: repeat(4, 1fr);
    }
}

/* Desktop layout (5 columns) */
@media screen and (min-width: 1200px) {
    .do-grid {
        grid-template-columns: repeat(5, 1fr);
        max-width: 1800px;
    }
}

.do-section {
    background: white;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    margin-bottom: 20px;
    width: 100%;
    overflow: hidden;
}

.do-section-title {
    font-size: 18px;
    font-weight: 600;
    padding: 15px;
    border-bottom: 2px solid;
    border-color: #2962ff;
    color: #2962ff;
}

.do-card {
    padding: 15px;
}

.do-subsection-title {
    font-weight: 600;
    margin: 10px 0;
    padding-left: 5px;
    color: #333;
}

.do-expandable {
    cursor: pointer;
    padding: 12px 35px 12px 12px;
    margin: 5px 0;
    border-radius: 4px;
    background: #f8f9fa;
    position: relative;
    transition: all 0.2s ease;
    font-size: 0.8rem;
}

.do-expandable:hover {
    background: #e9ecef;
}

.do-expandable::after {
    content: '▼';
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 16px;
    color: #666;
}

.do-expandable.active {
    background: #e9ecef;
}

.do-expandable.active::after {
    content: '▲';
}

.do-metrics-detail {
    display: none;
    background: #fff;
    font-size: 14px;
}

.do-metrics-detail.show {
    display: block;
}

.do-metric-item {
    position: relative;
    line-height: 1.4;
    color: #555;
    font-size: 0.7rem;
}

@media screen and (max-width: 767px) {
    .do-section-title {
        cursor: pointer;
        position: relative;
        padding-right: 35px;
    }
    .do-section-title::after {
        content: '▼';
        position: absolute;
        right: 15px;
        top: 50%;
        transform: translateY(-50%);
        font-size: 16px;
        color: currentColor;
        transition: transform 0.3s ease;
        pointer-events: none; /* Zapewnia, że zdarzenie click przejdzie do rodzica */
    }
    .do-section-title.active::after {
        transform: translateY(-50%) rotate(180deg);
    }
    .do-expandable::after {
        content: '▼';
        position: absolute;
        right: 15px;
        top: 50%;
        transform: translateY(-50%);
        font-size: 16px;
        color: #666;
        pointer-events: none;
        transition: transform 0.3s ease;
    }
    .do-expandable.active::after {
        transform: translateY(-50%) rotate(180deg);
    }
}

/* Benefity stylowanie */
.do-wrapper {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}

.do-banner {
    background: linear-gradient(to right, #2563eb, #3b82f6);
    color: white;
    margin-top: 40px;
    text-align: center;
}

.do-banner h2 {
    font-size: 48px;
    font-weight: 800;
    margin-bottom: 24px;
    padding-top: 35px;
    line-height: 1.2;
}

.do-banner p {
    font-size: 20px;
    margin-bottom: 32px;
    opacity: 0.9;
}

.do-button--primary {
    background: white;
    color: #2563eb;
}

.do-button--primary:hover {
    background: #f8fafc;
}

.do-button--secondary {
    border: 2px solid white;
    color: white;
}

.do-button--secondary:hover {
    background: rgba(255, 255, 255, 0.1);
}

.do-stats {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
    padding-top: 24px;
}

.do-stat {
    background: rgba(255, 255, 255, 0.1);
    padding: 24px;
    border-radius: 8px;
    text-align: center;
}

.do-stat__number {
    font-size: 36px;
    font-weight: 700;
    margin-bottom: 8px;
}

.do-boxes {
    background: linear-gradient(to bottom, #f8fafc, white);
    margin-top: -32px;
    padding-right: 20px;
    padding-left: 20px;
    padding-top: 25px;
}

.do-boxes-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 32px;
    max-width: 1200px;
    margin: 0 auto;
    padding-top: 24px;
}

.do-box {
    background: white;
    border: 1px solid #f2f2f2;
    border-radius: 24px;
    -webkit-box-shadow: 0 12px 44px 0 rgba(0, 0, 0, .05);
    box-shadow: 0 12px 44px 0 rgba(0, 0, 0, .05);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.do-box:hover {
    transform: translateY(-4px);
    box-shadow: 0 10px 15px rgba(0, 0, 0, 0.1);
}

.do-box__header {
    display: flex;
    align-items: center;
    padding: 24px;
    gap: 16px;
}

.do-box__icon {
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #2563eb;
}

.do-box__title {
    font-size: 20px;
    font-weight: 600;
    color: #1e293b;
    margin: 0;
}

.do-box__content {
    padding: 0 24px 24px;
    color: #64748b;
    line-height: 1.6;
    flex: 1;
    display: flex;
    flex-direction: column;
}

.do-box__content p {
    margin-bottom: 20px;
}

.do-box__highlight {
    margin-top: auto;
    background: #eff6ff;
    color: #2563eb;
    padding: 4px 10px;
    border-radius: 8px;
    font-weight: 500;
}

@media (max-width: 767px) {
    .do-wrapper {
        padding: 0 16px;
    }
    .do-banner h2 {
        font-size: 32px;
    }
    .do-banner p {
        font-size: 16px;
    }
    .do-actions {
        flex-direction: column;
        padding: 0 20px;
    }
    .do-stats {
        grid-template-columns: 1fr;
        gap: 16px;
    }
    .do-boxes-grid {
        grid-template-columns: 1fr;
        gap: 24px;
    }
    .do-box__content {
        display: none;
    }
    .do-box__header {
        cursor: pointer;
        position: relative;
    }
    .do-box__header::after {
        content: '';
        position: absolute;
        right: 16px;
        top: 50%;
        width: 10px;
        height: 10px;
        border-right: 2px solid #94a3b8;
        border-bottom: 2px solid #94a3b8;
        transform: translateY(-50%) rotate(45deg);
        transition: transform 0.3s ease;
    }
    .do-box.is-active .do-box__header::after {
        transform: translateY(-50%) rotate(-135deg);
    }
    .do-box.is-active .do-box__content {
        display: block;
    }
}