@property --xhf-cqi{syntax: '<length>';inherits: true;initial-value: 1vw}.xhf{--xhf-color-xarvio-purple: #941c80;--xhf-color-dark-purple: #70175f;--xhf-color-xarvio-vibrant: #ff30fb;--xhf-color-subtle-purple: #fdeeff;--xhf-color-white: #fff;--xhf-color-neutral-black: #000;--xhf-color-subtle-grey: #f2eef8;--xhf-color-light-grey: #d9dbef;--xhf-color-neutral-grey: #827d7d;--xhf-color-grey: #9a9cb4;--xhf-color-xhf-green: #88a626;--xhf-color-xfm-blue: #4eabe9;--xhf-color-night: #210f3e;--xhf-radius: 40px;--xhf-radius-small: 10px;--xhf-stroke: 2px;--xhf-margin-small: 10px;--xhf-margin-default: 20px;--xhf-margin-large: 40px;--xhf-font-family: 'Figtree', system-ui, sans-serif;--xhf-font-weight-default: 500;--xhf-font-weight-strong: 800;--xhf-font-size-h1: 56;--xhf-font-size-h2: 36;--xhf-font-size-h3: 28;--xhf-font-size-p: 18;--xhf-font-size-small: 16;--xhf-margin-max: 140;&[data-xhf-mode='verdana']{--xhf-font-family: Verdana, Geneva, sans-serif;--xhf-font-weight-default: 400;--xhf-font-weight-strong: 700;--xhf-font-size-h1: 64;--xhf-font-size-h2: 42;--xhf-font-size-h3: 32;--xhf-margin-max: 200}--xhf-color-glass: color-mix(in srgb, var(--xhf-color-light-grey) 50%, transparent);--xhf-container: 1240px;--xhf-container-narrow: 1030px;--xhf-gutter: var(--xhf-margin-default);--xhf-p: calc(var(--xhf-font-size-p) * 1px);--xhf-small: calc(var(--xhf-font-size-small) * 1px);& > *{--xhf-cqi: 1cqi;--xhf-fluid-h: calc(0.45px + 0.045 * var(--xhf-cqi));--xhf-fluid-space: calc(0.2px + 0.065 * var(--xhf-cqi));--xhf-h1: clamp(calc(var(--xhf-font-size-h1) * 0.6px), calc(var(--xhf-font-size-h1) * var(--xhf-fluid-h)), calc(var(--xhf-font-size-h1) * 1px));--xhf-h2: clamp(calc(var(--xhf-font-size-h2) * 0.7px), calc(var(--xhf-font-size-h2) * var(--xhf-fluid-h)), calc(var(--xhf-font-size-h2) * 1px));--xhf-h3: clamp(calc(var(--xhf-font-size-h3) * 0.75px), calc(var(--xhf-font-size-h3) * var(--xhf-fluid-h)), calc(var(--xhf-font-size-h3) * 1px));--xhf-space-max: clamp(calc(var(--xhf-margin-max) * 0.43px), calc(var(--xhf-margin-max) * var(--xhf-fluid-space)), calc(var(--xhf-margin-max) * 1px))}}.xhf{container: xhf / inline-size;overflow-x: clip;font-family: var(--xhf-font-family);font-size: var(--xhf-p);font-weight: var(--xhf-font-weight-default);line-height: 1.5;color: var(--xhf-color-neutral-black);text-align: start;background: var(--xhf-color-white);-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;&, & *, & *::before, & *::after{box-sizing: border-box}& :is(section, header, article, figure, h1, h2, h3, h4, p, ul, ol, li, table, thead, tbody, tr, th, td){margin: 0;padding: 0;border: 0;font: inherit;color: inherit;letter-spacing: normal;text-transform: none;text-align: inherit;background: none}& :is(ul, ol, li){list-style: none}& :is(button, input, select, textarea, label){margin: 0;font: inherit;color: inherit;letter-spacing: normal;text-transform: none}& [hidden]{display: none !important}& :is(img){display: block;max-inline-size: 100%;block-size: auto;padding: 0;border: 0;border-radius: 0}& :is(a){color: inherit;text-decoration: none}& :is(strong, b){font-weight: 700;color: inherit}& :is(table){border-collapse: collapse;inline-size: 100%}& .xhf-page{display: flow-root;padding-block-end: var(--xhf-space-max);& > * + *{margin-block-start: var(--xhf-space-max)}}& .xhf-container{inline-size: min(var(--xhf-container), 100% - 2 * var(--xhf-gutter));margin-inline: auto}& .xhf-container--narrow{inline-size: min(var(--xhf-container-narrow), 100% - 2 * var(--xhf-gutter))}& .xhf-stack{display: flex;flex-direction: column;align-items: flex-start;gap: var(--xhf-margin-default)}& .xhf-split{display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));align-items: center;gap: var(--xhf-margin-default);@container xhf (width < 800px){grid-template-columns: minmax(0, 1fr);gap: var(--xhf-margin-large)}}& .xhf-box{padding: var(--xhf-margin-large);border-radius: var(--xhf-radius);background: var(--xhf-color-light-grey);@container xhf (width < 600px){padding: var(--xhf-margin-default)}}& :is(.xhf-h1, .xhf-h2, .xhf-h3, .xhf-eyebrow){font-weight: var(--xhf-font-weight-strong);text-wrap: balance}& .xhf-h1{font-size: var(--xhf-h1);line-height: 1.1}& :is(.xhf-h2, .xhf-eyebrow){font-size: var(--xhf-h2);line-height: 1.1}& .xhf-eyebrow{color: var(--xhf-color-xarvio-purple)}& .xhf-h3{font-size: var(--xhf-h3);line-height: 1.3}& .xhf-text{font-size: var(--xhf-p);line-height: 1.5;text-wrap: pretty}& .xhf-small{font-size: var(--xhf-small);line-height: 1.5}& .xhf-purple{color: var(--xhf-color-xarvio-purple)}& .xhf-strong{font-weight: var(--xhf-font-weight-strong)}& .xhf-regular{font-weight: var(--xhf-font-weight-default)}& .xhf-visually-hidden{position: absolute;inline-size: 1px;block-size: 1px;overflow: hidden;clip-path: inset(50%);white-space: nowrap}& .xhf-tag{display: inline-flex;align-items: center;padding: 2px var(--xhf-margin-default);border-radius: var(--xhf-radius);background: var(--xhf-color-xarvio-purple);color: var(--xhf-color-white);font-weight: var(--xhf-font-weight-strong);white-space: nowrap}& .xhf-btn{display: inline-flex;align-items: center;justify-content: center;gap: var(--xhf-margin-small);min-block-size: 55px;padding-inline: var(--xhf-margin-large);border: var(--xhf-stroke) solid var(--xhf-color-xarvio-purple);border-radius: var(--xhf-radius);background: transparent;color: var(--xhf-color-xarvio-purple);font-size: var(--xhf-p);font-weight: var(--xhf-font-weight-strong);line-height: 1.5;white-space: nowrap;cursor: pointer;transition: background-color 0.2s ease;&:hover, &:focus-visible{background: var(--xhf-color-subtle-purple)}&:focus-visible{outline: var(--xhf-stroke) solid var(--xhf-color-xarvio-purple);outline-offset: 3px}}& .xhf-btn__icon{position: relative;flex: none;inline-size: 14px;block-size: 14px;& img{position: absolute;inset-block-start: -1.65px;inset-inline-start: -1.87px;inline-size: 17.52px;block-size: 17.52px;max-inline-size: none}}& .xhf-profile-pic{position: relative;flex: none;inline-size: var(--xhf-pp-size, 80px);aspect-ratio: 80 / 89.3333;mask: url('assets/icons/profile-mask.svg') 0 0 / 100% 100% no-repeat;&::before{content: '';position: absolute;inset-inline-start: 1.667%;inset-block-start: 9.7%;inline-size: 100%;aspect-ratio: 1;background: url('assets/icons/circle-white-50.svg') 0 0 / 100% 100% no-repeat}& img{position: absolute;inset-inline-start: var(--xhf-pp-x, -0.833%);inset-block-start: var(--xhf-pp-y, -7.836%);inline-size: var(--xhf-pp-w, 101.25%);max-inline-size: none;block-size: var(--xhf-pp-h, 124.25%);object-fit: cover}}}.xhf{& .xhf-hero__image{inline-size: 100%;max-inline-size: none;block-size: clamp(320px, 50cqi, 757px);object-fit: cover;object-position: 100% 56%}& .xhf-intro{position: relative;margin-block-start: calc(-1 * clamp(40px, 6.35cqi, 96px));padding: var(--xhf-margin-large) var(--xhf-margin-large) 0;border-radius: var(--xhf-radius);background: var(--xhf-color-white);@container xhf (width < 600px){padding: var(--xhf-margin-default) var(--xhf-margin-default) 0}}}.xhf{& .xhf-page > .xhf-hero + .xhf-cta-section{margin-block-start: var(--xhf-margin-large)}& .xhf-cta{display: flex;align-items: center;gap: var(--xhf-margin-default);@container xhf (width < 800px){flex-direction: column;align-items: stretch}}& :is(.xhf-cta__title, .xhf-cta__item){flex: 1 1 0;min-inline-size: 0}& .xhf-cta__title{text-align: center}& .xhf-cta__divider{flex: none;align-self: stretch;inline-size: var(--xhf-stroke);background: var(--xhf-color-white);@container xhf (width < 800px){inline-size: auto;block-size: var(--xhf-stroke)}}& .xhf-cta__item{display: flex;flex-direction: column;align-items: center;gap: var(--xhf-margin-small);text-align: center}}.xhf{& .xhf-recommendations__media{display: grid;& > *{grid-area: 1 / 1}}& .xhf-recommendations__photo{inline-size: 100%;aspect-ratio: 4 / 3;border-radius: var(--xhf-radius);object-fit: cover;object-position: 0 44%}& .xhf-notifications{display: flex;flex-direction: column;gap: var(--xhf-margin-small);inline-size: 59.02%;margin-inline-start: 20.49%;margin-block-start: 43.06%;@container xhf (width < 600px){inline-size: 84%;margin-inline-start: 8%;margin-block-start: 30%}}& .xhf-notification{display: flex;align-items: flex-start;gap: var(--xhf-margin-default);padding: var(--xhf-margin-small) var(--xhf-margin-default);border-radius: var(--xhf-radius);background: var(--xhf-color-glass);backdrop-filter: blur(20px);& img{flex: none;inline-size: 34px;block-size: 48px;object-fit: cover;rotate: 180deg}}}.xhf{& .xhf-promise__media{position: relative;aspect-ratio: 610 / 475;border-radius: var(--xhf-radius);background: var(--xhf-color-light-grey);@container xhf (width < 800px){order: 2;margin-block-end: 15%}}& .xhf-promise__planet{position: absolute;inset-block-start: 0;inset-inline-start: 3.443%;inline-size: 92.951%;max-inline-size: none;block-size: auto;aspect-ratio: 1}& .xhf-shields{position: absolute;inset: 0;& span{position: absolute}& img{inline-size: 100%;max-inline-size: none;block-size: 100%}}& .xhf-promise__text p + p{margin-block-start: 14px}}.xhf{& .xhf-done__media{position: relative;padding-block-start: 23px}& .xhf-done__photo{inline-size: 100%;aspect-ratio: 610 / 475;border-radius: var(--xhf-radius);object-fit: cover}& .xhf-sticker{position: absolute;inset-block-start: 0;inset-inline-start: 6.39%;inline-size: 219px;block-size: 231.5px;transform-origin: 0 0;pointer-events: none;@container xhf (width < 600px){scale: 0.7}}& .xhf-sticker__card{position: absolute;inset-block-start: 15.34px;inset-inline-start: 8.57px;display: flex;align-items: center;justify-content: center;inline-size: 186.77px;block-size: 115px;padding: 19.83px;border: 2.39px solid var(--xhf-color-xarvio-purple);border-radius: 23.96px;background: var(--xhf-color-white);color: var(--xhf-color-xarvio-purple);font-size: 19.17px;font-weight: var(--xhf-font-weight-strong);line-height: 1.2;text-align: center;rotate: -10deg}& .xhf-sticker__check{position: absolute;inset-block-start: 108.5px;inset-inline-start: 55.5px;inline-size: 108.68px;block-size: 108.68px;border-radius: 50%;backdrop-filter: blur(20px);rotate: -10deg;& img{inline-size: 100%;max-inline-size: none;block-size: 100%}}}.xhf{& .xhf-leaf-health{display: flex;flex-direction: column;gap: var(--xhf-margin-large)}& .xhf-leaf-health__lead{font-size: var(--xhf-h3);font-weight: var(--xhf-font-weight-strong);line-height: 1.3}& .xhf-leaf-health__box{position: relative}& .xhf-health-list{display: flex;flex-direction: column;gap: var(--xhf-margin-default);@container xhf (width >= 800px){padding-inline-end: 40%}}& .xhf-health-item{display: flex;align-items: center;gap: var(--xhf-margin-default);padding-block: var(--xhf-margin-small);& + &{border-block-start: 1px solid var(--xhf-color-white)}}& .xhf-health-item__img{position: relative;flex: none;inline-size: 80px;block-size: 102px;&::before{content: '';position: absolute;inset-block-start: 11px;inset-inline-start: 0;inline-size: 80px;block-size: 80px;background: url('assets/icons/circle-white-50.svg') 0 0 / 100% 100% no-repeat}& img{position: relative;inline-size: 60px;block-size: 102px;margin-inline-start: 8px;object-fit: cover}}& .xhf-hand{position: absolute;inset-block-start: 33px;inset-inline-end: 0;inline-size: 49.51%;aspect-ratio: 510 / 434;overflow: hidden;pointer-events: none;& img{position: absolute;inset-block-start: -10.82%;inset-inline-start: 7.75%;inline-size: 108.37%;max-inline-size: none;block-size: 127.34%}@container xhf (width < 800px){position: relative;inset: auto;inline-size: min(510px, 100%);margin: calc(-1 * var(--xhf-margin-default)) auto 0}}}.xhf{& .xhf-accordions{display: flex;flex-direction: column;align-self: stretch;gap: var(--xhf-margin-small)}& .xhf-accordion{interpolate-size: allow-keywords;&::details-content{block-size: 0;overflow: clip;transition: block-size 0.3s ease, content-visibility 0.3s allow-discrete}&[open]::details-content{block-size: auto}& .xhf-accordion__icon-open{display: none}&[open] .xhf-accordion__icon-open{display: block}&[open] .xhf-accordion__icon-closed{display: none}}& .xhf-accordion__summary{display: flex;align-items: center;justify-content: space-between;gap: var(--xhf-margin-default);list-style: none;cursor: pointer;&::-webkit-details-marker{display: none}&:hover .xhf-accordion__toggle{background: var(--xhf-color-subtle-purple)}&:focus-visible{outline: var(--xhf-stroke) solid var(--xhf-color-xarvio-purple);outline-offset: 6px;border-radius: var(--xhf-radius-small)}}& .xhf-accordion__toggle{flex: none;& img{inline-size: 14px;block-size: 14px}}& .xhf-accordion__content{padding-block-start: var(--xhf-margin-default)}& .xhf-price{display: flex;align-items: center;gap: var(--xhf-margin-large);@container xhf (width < 700px){flex-direction: column;align-items: stretch;gap: var(--xhf-margin-default)}}& .xhf-price__map{flex: none;inline-size: 285px;block-size: auto;aspect-ratio: 285 / 387;object-fit: cover;@container xhf (width < 700px){inline-size: min(285px, 70%);margin-inline: auto}}& .xhf-price__table{flex: 1 1 0;min-inline-size: 0;font-size: var(--xhf-p);line-height: 1.5;& tr{border-block-end: 1px solid var(--xhf-color-xarvio-purple)}& :is(th, td){padding-block: var(--xhf-margin-small);text-align: start;vertical-align: middle}& :is(th, td):first-child{inline-size: 90px;padding-inline-end: var(--xhf-margin-default)}& th:first-child{font-weight: var(--xhf-font-weight-strong)}& td:first-child img{inline-size: 26px;block-size: 26px;margin-inline: 22px}}}.xhf{& .xhf-steps{display: flex;flex-direction: column;align-self: stretch;gap: var(--xhf-margin-small)}& .xhf-step{display: flex;align-items: center;gap: var(--xhf-margin-default);padding: var(--xhf-margin-default);border: var(--xhf-stroke) solid var(--xhf-color-xarvio-purple);border-radius: var(--xhf-radius);background: var(--xhf-color-white);@container xhf (width < 600px){flex-direction: column;align-items: flex-start}}& .xhf-step__pic{flex: none;inline-size: 100px;block-size: 100px}& .xhf-step__body{display: flex;flex: 1 1 0;flex-direction: column;align-items: flex-start;gap: var(--xhf-margin-small);min-inline-size: 0}& .xhf-step__buttons{display: flex;flex-wrap: wrap;gap: var(--xhf-radius-small)}}.xhf{& .xhf-dealer{display: flex;align-items: center;gap: var(--xhf-margin-default);@container xhf (width < 600px){flex-direction: column;align-items: flex-start}}& .xhf-dealer__text{flex: 1 1 0;min-inline-size: 0}}.xhf{& .xhf-partners{display: flex;flex-direction: column;gap: var(--xhf-margin-large);text-align: center}& .xhf-logo-wall{display: flex;flex-wrap: wrap;justify-content: center;gap: var(--xhf-margin-default);& img{inline-size: 80px;block-size: 80px;object-fit: contain}}}.xhf{& .xhf-meta{position: relative;z-index: 21;display: flex;justify-content: flex-end;block-size: 40px;padding: 8px var(--xhf-margin-large) 0;background: var(--xhf-color-white);@container xhf (width < 900px){display: none}}& .xhf-meta__nav{display: flex;align-items: flex-start;gap: var(--xhf-margin-default)}& .xhf-meta__link{display: inline-flex;align-items: center;gap: var(--xhf-margin-small);padding: 0;border: 0;background: none;color: var(--xhf-color-neutral-grey);font-size: var(--xhf-small);line-height: 1.5;white-space: nowrap;cursor: pointer;&:hover, &:focus-visible{color: var(--xhf-color-xarvio-purple)}}& .xhf-dropdown{position: relative}& .xhf-dropdown__icon{inline-size: 20px;block-size: 20px}& .xhf-dropdown__icon--open{display: none;rotate: 180deg}& .xhf-dropdown__panel{position: absolute;inset-block-start: calc(100% + var(--xhf-margin-small));inset-inline-start: 50%;display: none;flex-direction: column;align-items: center;gap: var(--xhf-margin-small);min-inline-size: 100%;padding: var(--xhf-margin-small);border-radius: var(--xhf-radius-small);background: var(--xhf-color-subtle-grey);translate: -50% 0;white-space: nowrap;&::before{content: '';position: absolute;inset-block-start: calc(-1 * var(--xhf-margin-small));inset-inline: 0;block-size: var(--xhf-margin-small)}& a{color: var(--xhf-color-neutral-grey);font-size: var(--xhf-small);line-height: 1.5;&:hover, &:focus-visible{color: var(--xhf-color-xarvio-purple)}}}& .xhf-dropdown:is(:hover, :focus-within, .is-open){& .xhf-dropdown__toggle{color: var(--xhf-color-xarvio-purple)}& .xhf-dropdown__panel{display: flex}& .xhf-dropdown__icon{display: none}& .xhf-dropdown__icon--open{display: block}}& .xhf-header{position: sticky;inset-block-start: 0;z-index: 20;margin-block-end: -90px;padding: var(--xhf-margin-default) 36px 0;pointer-events: none;@container xhf (width < 600px){margin-block-end: -80px;padding: var(--xhf-margin-small) var(--xhf-margin-small) 0}}& .xhf-header__bar{position: relative;display: flex;align-items: center;justify-content: space-between;gap: var(--xhf-margin-default);max-inline-size: 1440px;min-block-size: 70px;margin-inline: auto;padding-inline: var(--xhf-margin-large) var(--xhf-margin-small);border-radius: var(--xhf-radius);background: color-mix(in srgb, var(--xhf-color-subtle-grey) 70%, transparent);backdrop-filter: blur(20px);pointer-events: auto;transition: box-shadow 0.2s ease;@container xhf (width < 600px){padding-inline-start: var(--xhf-margin-default)}}& .xhf-header.is-scrolled .xhf-header__bar{box-shadow: 0 8px 30px color-mix(in srgb, var(--xhf-color-night) 12%, transparent)}& .xhf-header__logo img{inline-size: 95px;block-size: 50px}& .xhf-header__nav{display: flex;flex: 1 1 auto;align-items: center;gap: var(--xhf-margin-default)}& .xhf-header__list{display: flex;align-items: center;margin-inline: auto}& .xhf-nav-link{display: inline-flex;padding: 2px var(--xhf-margin-default);border-radius: var(--xhf-radius);color: var(--xhf-color-xarvio-purple);font-size: var(--xhf-p);font-weight: var(--xhf-font-weight-strong);line-height: 1.5;white-space: nowrap;opacity: 0.9;transition: background-color 0.2s ease;&:hover, &:focus-visible, &[aria-current='page']{background: var(--xhf-color-xarvio-purple);color: var(--xhf-color-white);opacity: 1}}& .xhf-header__meta-mobile{display: none}& .xhf-header__toggle{display: none;align-items: center;gap: var(--xhf-margin-small);min-block-size: 55px;padding-inline: 30px;border: var(--xhf-stroke) solid var(--xhf-color-xarvio-purple);border-radius: var(--xhf-radius);background: transparent;color: var(--xhf-color-xarvio-purple);font-size: var(--xhf-p);font-weight: var(--xhf-font-weight-strong);line-height: 1.5;cursor: pointer;& img{inline-size: 20px;block-size: 20px;transition: rotate 0.2s ease}}@container xhf (width < 1100px){& .xhf-header__toggle{display: inline-flex}& .xhf-header__nav{position: absolute;inset-block-start: calc(100% + var(--xhf-margin-small));inset-inline: 0;display: none;flex-direction: column;align-items: flex-start;gap: var(--xhf-margin-default);padding: var(--xhf-margin-default);border-radius: var(--xhf-radius);background: var(--xhf-color-subtle-grey);box-shadow: 0 8px 30px color-mix(in srgb, var(--xhf-color-night) 12%, transparent)}& .xhf-header__list{flex-direction: column;align-items: flex-start;gap: var(--xhf-margin-small);margin: 0}& .xhf-header__meta-mobile{display: flex;flex-wrap: wrap;gap: var(--xhf-margin-small) var(--xhf-margin-default);padding-inline: var(--xhf-margin-default);& a{color: var(--xhf-color-neutral-grey);font-size: var(--xhf-small)}}& .xhf-header__login{margin-inline-start: var(--xhf-margin-small)}& .xhf-header.is-open{& .xhf-header__nav{display: flex}& .xhf-header__toggle img{rotate: 180deg}}}}.xhf{& .xhf-footer{padding-block: clamp(60px, 8cqi, 120px) var(--xhf-margin-large);background: var(--xhf-color-white) url('assets/img/footer-bg-tablet.webp') center / cover no-repeat;@container xhf (width >= 768px){background-image: url('assets/img/footer-bg-desktop.webp')}}& .xhf-footer__grid{display: grid;grid-template-columns: minmax(0, 1fr) auto;align-items: start;gap: var(--xhf-margin-large);@container xhf (width < 900px){grid-template-columns: minmax(0, 1fr);gap: 60px}}& .xhf-footer__contact{display: flex;flex-direction: column;gap: var(--xhf-margin-small)}& .xhf-footer__headline{align-self: flex-start;margin-block-end: var(--xhf-margin-small);background: linear-gradient( 180deg, color-mix(in srgb, var(--xhf-color-xarvio-vibrant) 45%, var(--xhf-color-xarvio-purple)), var(--xhf-color-dark-purple) );background-clip: text;color: transparent;font-size: var(--xhf-h1);font-weight: var(--xhf-font-weight-strong);line-height: 1.1}& .xhf-footer__channels{display: flex;flex-wrap: wrap;row-gap: var(--xhf-margin-small);& a:first-child{padding-inline-end: var(--xhf-margin-small);margin-inline-end: var(--xhf-margin-small);border-inline-end: 1px solid var(--xhf-color-neutral-grey)}}& .xhf-footer a:is(:hover, :focus-visible){color: var(--xhf-color-xarvio-purple)}& .xhf-footer__links{display: grid;grid-template-columns: repeat(2, auto);gap: var(--xhf-margin-large) 60px;@container xhf (width < 900px){grid-template-columns: repeat(2, minmax(0, 1fr))}}& .xhf-footer__col{display: flex;flex-direction: column;gap: var(--xhf-margin-default);& ul{display: flex;flex-direction: column;gap: var(--xhf-margin-small)}}& .xhf-footer__title{color: var(--xhf-color-xarvio-purple);font-size: var(--xhf-h3);font-weight: var(--xhf-font-weight-strong);line-height: 1.3}& .xhf-footer__social{display: flex;flex-wrap: wrap;grid-column: 1 / -1;align-items: center;gap: var(--xhf-margin-default)}& .xhf-footer__icons{display: flex;gap: 12px;& img{inline-size: 21px;block-size: 21px}}& .xhf-footer__bottom{display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;gap: var(--xhf-margin-default);margin-block-start: clamp(60px, 8cqi, 120px);font-size: var(--xhf-small);@container xhf (width < 600px){flex-direction: column-reverse;text-align: center}}& .xhf-footer__legal{display: flex;flex-wrap: wrap;gap: var(--xhf-margin-small) 30px;@container xhf (width < 600px){flex-direction: column;align-items: center}}}:root:has(.xhf-dialog[open]){overflow: hidden}@keyframes xhf-dialog-in{from{opacity: 0;translate: 0 16px}}.xhf{& .xhf-dialog{inline-size: min(1240px, 100vw - 2 * var(--xhf-margin-default));max-inline-size: none;max-block-size: calc(100dvh - 2 * var(--xhf-margin-default));margin: auto;padding: 0;overflow: auto;border: 0;border-radius: var(--xhf-radius);background: var(--xhf-color-white);color: var(--xhf-color-neutral-black);box-shadow: 0 20px 60px color-mix(in srgb, var(--xhf-color-night) 25%, transparent);overscroll-behavior: contain;&[open]{animation: xhf-dialog-in 0.25s ease}&::backdrop{background: color-mix(in srgb, var(--xhf-color-night, #210f3e) 55%, transparent);backdrop-filter: blur(4px)}}& .xhf-dialog__inner{display: flex;flex-direction: column;gap: var(--xhf-margin-default);padding: var(--xhf-margin-large);@container xhf (width < 600px){padding: var(--xhf-margin-default)}}& .xhf-dialog__head{display: flex;align-items: flex-start;justify-content: space-between;gap: var(--xhf-margin-default)}& .xhf-dialog__close{flex: none;padding-inline: 30px;& img{inline-size: 14px;block-size: 14px}}& .xhf-dealer-form{display: flex;flex-wrap: wrap;align-items: flex-end;gap: var(--xhf-margin-default)}& .xhf-field{display: flex;flex-direction: column;gap: var(--xhf-margin-small);& label{padding-inline-start: var(--xhf-margin-default);color: var(--xhf-color-neutral-grey);font-size: var(--xhf-small);font-weight: var(--xhf-font-weight-strong)}& :is(input, select){block-size: 55px;padding-inline: var(--xhf-margin-large);border: var(--xhf-stroke) solid var(--xhf-color-light-grey);border-radius: var(--xhf-radius);background: var(--xhf-color-white);font-size: var(--xhf-p);&:focus{outline: none;border-color: var(--xhf-color-xarvio-purple)}}& input{inline-size: 180px}@container xhf (width < 700px){flex: 1 1 160px;& input{inline-size: 100%}}}& .xhf-btn--primary{background: var(--xhf-color-xarvio-purple);color: var(--xhf-color-white);&:hover, &:focus-visible{border-color: var(--xhf-color-dark-purple);background: var(--xhf-color-dark-purple)}}& .xhf-btn:disabled{opacity: 0.6;cursor: progress}& .xhf-dealer-message{padding: var(--xhf-margin-small) var(--xhf-margin-default);border-radius: var(--xhf-radius);background: var(--xhf-color-light-grey);font-size: var(--xhf-small)}& .xhf-dealer-results{display: grid;grid-template-columns: minmax(300px, 400px) minmax(0, 1fr);gap: var(--xhf-margin-default);@container xhf (width < 900px){grid-template-columns: minmax(0, 1fr)}}& :is(.xhf-dealer-list, .xhf-dealer-map){block-size: clamp(320px, 58dvh, 600px);overflow: hidden;border: var(--xhf-stroke) solid var(--xhf-color-light-grey);border-radius: var(--xhf-radius)}& .xhf-dealer-list{display: flex;flex-direction: column;@container xhf (width < 900px){block-size: 400px}}& .xhf-dealer-map{background: var(--xhf-color-light-grey);@container xhf (width < 900px){order: -1;block-size: 300px}& .leaflet-container{font-family: inherit}& .leaflet-popup-content-wrapper{border-radius: var(--xhf-margin-default)}& .leaflet-popup-content{margin: var(--xhf-margin-default);font-size: var(--xhf-small);line-height: 1.5;& a{color: var(--xhf-color-xarvio-purple);text-decoration: underline}}}& .xhf-dealer-list__head{flex: none;padding: var(--xhf-margin-default) var(--xhf-margin-large);color: var(--xhf-color-xarvio-purple);font-weight: var(--xhf-font-weight-strong)}& .xhf-dealer-list__items{flex: 1 1 auto;overflow-y: auto}& .xhf-dealer-item{padding: var(--xhf-margin-default) var(--xhf-margin-large);border-block-start: 1px solid var(--xhf-color-light-grey);cursor: pointer;&:hover{background: var(--xhf-color-subtle-grey)}&.is-active{background: var(--xhf-color-light-grey)}&:focus-visible{outline: var(--xhf-stroke) solid var(--xhf-color-xarvio-purple);outline-offset: -4px}@container xhf (width < 600px){padding-inline: var(--xhf-margin-default)}}& .xhf-dealer-item__name{font-weight: var(--xhf-font-weight-strong)}& :is(.xhf-dealer-item__address, .xhf-dealer-item__meta){color: var(--xhf-color-neutral-grey);font-size: var(--xhf-small)}& .xhf-dealer-item__meta{display: flex;flex-wrap: wrap;align-items: baseline;gap: var(--xhf-margin-small) var(--xhf-margin-default);margin-block-start: var(--xhf-margin-small);& a{text-decoration: underline}}& .xhf-dealer-item__distance{color: var(--xhf-color-xarvio-purple);font-weight: var(--xhf-font-weight-strong)}& .xhf-dealer-empty{padding: var(--xhf-margin-large);border-block-start: 1px solid var(--xhf-color-light-grey);color: var(--xhf-color-neutral-grey)}& .xhf-dealer-note{color: var(--xhf-color-neutral-grey);& a{text-decoration: underline}}& .xhf-pin{inline-size: 18px;block-size: 18px;border: 3px solid var(--xhf-color-white);border-radius: 50%;background: var(--xhf-color-xarvio-purple);box-shadow: 0 1px 4px rgb(0 0 0 / 40%);&.is-active{inline-size: 26px;block-size: 26px;background: var(--xhf-color-neutral-black)}}& .xhf-pin--origin{inline-size: 16px;block-size: 16px;border: 3px solid var(--xhf-color-white);border-radius: 50%;background: var(--xhf-color-neutral-grey);box-shadow: 0 1px 4px rgb(0 0 0 / 40%)}}@font-face{font-family: 'Figtree';font-style: normal;font-weight: 500;font-display: swap;src: url('fonts/figtree-500.woff2') format('woff2')}@font-face{font-family: 'Figtree';font-style: normal;font-weight: 700;font-display: swap;src: url('fonts/figtree-700.woff2') format('woff2')}@font-face{font-family: 'Figtree';font-style: normal;font-weight: 800;font-display: swap;src: url('fonts/figtree-800.woff2') format('woff2')}