:where([data-etch-element="container"]) {
  inline-size: 100%;
  display: flex;
  flex-direction: column;
  max-inline-size: var(--content-width, 1366px);
  align-self: center; margin-inline: auto;
}
:where([data-etch-element="flex-div"]) {
  inline-size: 100%;
  display: flex;
  flex-direction: column;
}
:where([data-etch-element="iframe"]) {
  inline-size: 100%;
  height: auto;
 aspect-ratio: 16/9;
}
:where([data-etch-element="section"]) {
  inline-size: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.booking-button {
  &[data-size] { inline-size: 100%; } @media (min-width: 37.5rem) { &[data-size="standard"] { inline-size: auto; min-inline-size: 14.375rem; align-self: flex-start; } &[data-size="compact"] { inline-size: auto; min-inline-size: 11.1875rem; align-self: flex-start; } } &[data-size="adaptive"] { padding-inline: 1rem; text-align: center; } @media (min-width: 64rem) { &[data-size="adaptive"] { inline-size: auto; align-self: flex-start; padding-inline: var(--btn-padding-inline); } }
}
.check-list {
  --check-icon: 1.875rem; --check-size: var(--text-m); --check-height: 1.5rem; --check-weight: 500; display: flex; flex-direction: column; gap: 0.75rem; color: var(--text-light); &[data-variant="compact"] { --check-icon: 1.5rem; --check-height: var(--text-m-line-height); --check-weight: 400; gap: 0.875rem; } &[data-variant="spaced"] { --check-size: var(--text-l); gap: var(--space-s); } &[data-variant="card"] { --check-icon: 1.5rem; --check-size: var(--text-m); --check-height: 1.5rem; --check-weight: 400; --check-align: flex-start; flex: 1 1 auto; } &[data-tone="dark"] { color: var(--text-dark-muted); } @media (min-width: 37.5rem) { --check-size: var(--text-l); --check-height: var(--text-l-line-height); &[data-variant="compact"] { --check-size: var(--text-m); } &[data-variant="spaced"] { --check-height: 1.25rem; } }
}
.check-list__item {
  display: flex; align-items: var(--check-align, center); gap: 0.625rem; color: inherit; font-size: var(--check-size); line-height: var(--check-height); font-weight: var(--check-weight); &::before { content: ""; flex: none; inline-size: var(--check-icon); block-size: var(--check-icon); background: url("../assets/icon-haken.png") center / 100% 100% no-repeat; }
}
.section-intro {
  --intro-title: var(--text-dark); --intro-text: var(--text-dark-muted); align-items: center; gap: var(--space-s); text-align: center; &[data-tone="light"] { --intro-title: var(--text-light); --intro-text: var(--text-light); }
}
.section-intro__title {
  color: var(--intro-title);
}
.section-intro__accent {
  color: var(--accent);
}
.section-intro__text {
  max-inline-size: 41.5625rem; color: var(--intro-text);
}
.info-box {
  display: flex; flex: 1 1 auto; flex-direction: column; gap: 0.5rem; padding: 1.5rem; border-radius: var(--radius); background-color: var(--bg-light); @media (min-width: 37.5rem) { padding: 2rem; }
}
.info-box__title {
  font-size: 1.25rem; line-height: 1.875rem;
}
.info-box__text {
  max-inline-size: 68.75rem;
}
.site-header {
  position: absolute; inset-block-start: 0; inset-inline: 0; z-index: 2; display: flex; justify-content: center; block-size: 6.25rem; padding-block: 0; padding-inline: var(--gutter); background: transparent;
}
.site-header__inner {
  flex-direction: row; align-items: center; justify-content: space-between; gap: var(--space-s);
}
.site-header__logo {
  flex: 0 1 auto; min-inline-size: 0;
}
.site-header__logo-image {
  inline-size: 11.25rem; block-size: 3.5rem; object-fit: contain; border-radius: 0; @media (min-width: 37.5rem) { inline-size: 12.1875rem; block-size: 3.8125rem; }
}
.site-header__actions {
  display: flex; align-items: center; gap: 2.5rem;
}
.site-header__phone {
  --link-color: var(--text-light); display: none; font-family: var(--heading-font-family); font-weight: 500; font-size: var(--text-l); line-height: 1.25rem; white-space: nowrap; @media (min-width: 37.5rem) { display: block; }
}
.site-header__button {
  &[class] { min-inline-size: 9.375rem; padding-inline: 0.625rem; } @media (min-width: 37.5rem) { &[class] { min-inline-size: 11.1875rem; padding-inline: var(--btn-padding-inline); } }
}
.hero {
  --section-padding-block: 3.5rem; padding-block-start: 8rem; background: var(--primary) url("../assets/banner-bg.jpg") center / cover no-repeat; @media (min-width: 37.5rem) { --section-padding-block: 5rem; padding-block-start: 8.75rem; } @media (min-width: 64rem) { --section-padding-block: 6.25rem; padding-block-start: 10.625rem; }
}
.hero__inner {
  display: grid; gap: 2.25rem; @media (min-width: 37.5rem) { gap: 3rem; } @media (min-width: 64rem) { grid-template-columns: minmax(0, 600fr) minmax(0, 625fr); gap: 3.4375rem; align-items: start; }
}
.hero__content {
  display: flex; flex-direction: column;
}
.hero__title {
  color: var(--text-light);
}
.hero__text {
  margin-block: 1.5rem 1.75rem; color: var(--text-light); @media (min-width: 37.5rem) { font-size: var(--text-l); line-height: var(--text-l-line-height); }
}
.hero__action {
  display: flex; flex-direction: column; gap: 0.875rem; margin-block-start: 2.25rem;
}
.hero__note {
  font-weight: 500; line-height: 1.375rem; color: var(--text-light);
}
.hero__media {
  order: -1; block-size: 23.75rem; overflow: hidden; border-radius: var(--radius); @media (min-width: 37.5rem) { block-size: 32.5rem; } @media (min-width: 64rem) { order: 0; block-size: 41.25rem; }
}
.hero__image {
  inline-size: 100%; block-size: 100%; object-fit: cover;
}
.facts {
  --section-padding-block: 2.75rem; background-color: var(--bg-dark); @media (min-width: 37.5rem) { --section-padding-block: 3.5rem; } @media (min-width: 64rem) { --section-padding-block: 4rem; }
}
.fact {
  display: flex; flex-direction: column; gap: 0.375rem; padding-inline-end: 1rem; &:nth-child(even) { padding-inline: var(--space-s) 0; border-inline-start: var(--border-size) var(--border-style) var(--border-color-light); } @media (min-width: 37.5rem) { padding-inline-end: 1.875rem; &:nth-child(even) { padding-inline: 1.875rem 0; } } @media (min-width: 64rem) { &:nth-child(n+2) { padding-inline: 1.875rem; border-inline-start: var(--border-size) var(--border-style) var(--border-color-light); } }
}
.fact__value {
  font-family: var(--heading-font-family); font-weight: var(--heading-font-weight); font-size: var(--text-xxl); line-height: var(--text-xxl-line-height); color: var(--text-light); &[data-accent="true"] { color: var(--accent); }
}
.fact__text {
  font-size: var(--text-s); line-height: var(--text-s-line-height); color: var(--text-light-muted); @media (min-width: 37.5rem) { font-size: var(--text-m); line-height: var(--text-m-line-height); } @media (min-width: 64rem) { max-inline-size: 16.25rem; }
}
.problem {
  gap: 2.5rem; background-color: var(--white); @media (min-width: 37.5rem) { gap: 3.75rem; } @media (min-width: 64rem) { gap: 6.25rem; }
}
.problem__intro {
  display: flex; flex-direction: column;
}
.problem__text {
  margin-block: var(--space-s) 2.5rem; @media (min-width: 64rem) { max-inline-size: 30rem; }
}
.problem__media {
  block-size: 16.25rem; overflow: hidden; border-radius: var(--radius); background-color: var(--bg-light); @media (min-width: 37.5rem) { block-size: 23.75rem; } @media (min-width: 64rem) { block-size: 25.25rem; }
}
.problem__image {
  inline-size: 100%; block-size: 100%; object-fit: cover;
}
.statement-list {
  display: flex; flex-direction: column; gap: var(--space-s);
}
.statement {
  display: flex; align-items: center; padding: 1rem; border: var(--border); border-inline-start: 0.25rem var(--border-style) var(--accent); border-radius: var(--radius); background-color: var(--bg-ultra-light); &:last-child { flex: 1; } @media (min-width: 37.5rem) { padding: var(--space-s) 1.5rem; } @media (min-width: 64rem) { padding: 1.5rem 2rem; }
}
.statement__text {
  font-family: var(--heading-font-family); font-weight: var(--heading-font-weight); font-size: 1rem; line-height: 1.5rem; color: var(--text-dark); @media (min-width: 37.5rem) { font-size: 1.125rem; line-height: 1.75rem; } @media (min-width: 64rem) { font-size: var(--h5); line-height: var(--h5-line-height); }
}
.cta-panel {
  display: grid; gap: 1.5rem; padding: 1.75rem; border-radius: var(--radius); background-color: var(--bg-dark); @media (min-width: 37.5rem) { padding: 2.5rem; } @media (min-width: 64rem) { grid-template-columns: 35rem minmax(0, 1fr); gap: 3.75rem; align-items: center; padding: 4rem; }
}
.cta-panel__title {
  font-size: var(--h3); line-height: var(--h3-line-height); color: var(--text-light);
}
.cta-panel__content {
  display: flex; flex-direction: column; gap: 1.75rem;
}
.cta-panel__text {
  font-size: var(--text-l); line-height: var(--text-l-line-height); color: var(--text-light);
}
.features {
  gap: var(--container-gap); background-color: var(--bg-ultra-light);
}
.feature-grid {
  display: grid; gap: var(--grid-gap); @media (min-width: 37.5rem) { grid-template-columns: var(--grid-2); } @media (min-width: 64rem) { grid-template-columns: var(--grid-4); }
}
.feature-card {
  display: flex; flex-direction: column; padding: var(--space-s) var(--space-s) 1.875rem; border: var(--border); border-radius: var(--radius); background-color: var(--white);
}
.feature-card__image {
  inline-size: 100%; block-size: 17.5rem; margin-block-end: var(--space-s); object-fit: contain; border-radius: 0;
}
.feature-card__title {
  margin-block-end: 0.5rem; font-size: 1.25rem; line-height: 1.875rem;
}
.process {
  gap: var(--container-gap); background-color: var(--white);
}
.process__intro {
  display: flex; flex-direction: column; gap: 1.875rem;
}
.process__image {
  inline-size: 100%; block-size: auto; aspect-ratio: 16 / 9; object-fit: cover; border-radius: var(--radius);
}
.process__steps {
  display: flex; flex-direction: column; gap: 2.5rem; @media (min-width: 64rem) { gap: 1.3125rem; }
}
.step-list {
  --step-gap: 0.25rem; display: grid; gap: 2rem; &[data-variant="tight"] { --step-gap: 0; gap: 1.5rem; } @media (min-width: 64rem) { flex: 1; grid-auto-rows: 1fr; gap: 1.3125rem; &[data-variant="tight"] { grid-auto-rows: auto; gap: 1.5rem; } }
}
.step {
  display: flex; align-items: flex-start; gap: var(--space-s);
}
.step__number {
  display: flex; flex: none; align-items: center; justify-content: center; inline-size: 3rem; block-size: 3rem; border-radius: var(--radius); background-color: var(--bg-dark); font-family: var(--heading-font-family); font-weight: var(--heading-font-weight); font-size: 1.25rem; line-height: 1.5rem; color: var(--text-light); @media (min-width: 37.5rem) { inline-size: 3.75rem; block-size: 3.75rem; }
}
.step__body {
  display: flex; flex: 1 1 0; flex-direction: column; gap: var(--step-gap); min-inline-size: 0;
}
.step__title {
  font-size: var(--h5); line-height: var(--h5-line-height);
}
.pricing {
  --pricing-end: #3C6FA6; gap: var(--container-gap); background-color: var(--primary); background-image: linear-gradient(in oklab 180deg, var(--primary) 0%, var(--pricing-end) 100%); @media (min-width: 64rem) { background-image: linear-gradient(in oklab 110deg, var(--primary) 0%, var(--pricing-end) 100%); }
}
.pricing__content {
  gap: 1.5rem; @media (min-width: 64rem) { gap: 1.875rem; }
}
.price-grid {
  display: grid; gap: 1.5rem; @media (min-width: 64rem) { grid-template-columns: var(--grid-3); gap: 1.875rem; }
}
.price-card {
  --price-heading: var(--text-dark); --price-text: var(--text-dark-muted); display: flex; flex-direction: column; padding: 1.5rem; border: var(--border); border-radius: var(--radius); background-color: var(--white); &[data-featured="true"] { --price-heading: var(--text-light); --price-text: var(--text-light); border-color: color-mix(in srgb, var(--white) 40%, transparent); background-color: var(--bg-dark); } @media (min-width: 37.5rem) { padding: 2rem; } @media (min-width: 64rem) { min-block-size: 28rem; }
}
.price-card__name {
  font-size: var(--text-xl); line-height: var(--text-xl-line-height); color: var(--price-heading); white-space: nowrap;
}
.price-card__amount-row {
  display: flex; align-items: baseline; gap: 0.75rem; margin-block-start: 0.75rem;
}
.price-card__amount {
  font-family: var(--heading-font-family); font-weight: var(--heading-font-weight); font-size: 2.5rem; line-height: 3rem; color: var(--price-heading); @media (min-width: 37.5rem) { font-size: 3rem; line-height: 3.5rem; }
}
.price-card__old {
  font-weight: 500; color: var(--text-light-muted);
}
.price-card__meta {
  margin-block-end: 1.75rem; font-weight: 500; color: var(--price-text);
}
.price-card__action {
  display: flex; padding-block-start: 2rem; @media (min-width: 64rem) { padding-block-start: 2.75rem; }
}
.progress {
  background-color: var(--white);
}
.progress__inner {
  display: grid; gap: 2.5rem; @media (min-width: 64rem) { grid-template-columns: minmax(0, 608fr) minmax(0, 642fr); gap: 1.875rem; }
}
.progress__content {
  display: flex; flex-direction: column;
}
.progress__text {
  margin-block: var(--space-s) 2.25rem; font-size: var(--text-l); line-height: var(--text-l-line-height);
}
.progress__note {
  margin-block: 1.75rem; font-size: var(--text-s); line-height: var(--text-s-line-height);
}
.progress__media {
  display: flex; align-items: center; justify-content: center; block-size: 16.25rem; overflow: clip; border-radius: var(--radius); background-color: var(--bg-light); @media (min-width: 37.5rem) { block-size: 29.375rem; } @media (min-width: 64rem) { block-size: auto; }
}
.progress__image {
  flex: none; inline-size: 100%; block-size: 14.375rem; border-radius: 0; @media (min-width: 37.5rem) { block-size: 28.3125rem; } @media (min-width: 64rem) { inline-size: 51.25rem; max-inline-size: none; block-size: 33.75rem; }
}
.reviews {
  gap: 2.5rem; background-color: var(--bg-ultra-light); @media (max-width: 37.4375rem) { --gutter: 2.5rem; } @media (min-width: 64rem) { gap: var(--container-gap); }
}
.testimonial-grid {
  display: grid; gap: var(--space-s); @media (min-width: 64rem) { grid-template-columns: var(--grid-3); gap: 1.875rem; }
}
.testimonial {
  display: flex; flex-direction: column; padding: 1.5rem; border-radius: var(--radius); background-color: var(--white); @media (min-width: 37.5rem) { padding: 2rem; } @media (min-width: 64rem) { padding-block-end: 1.625rem; }
}
.testimonial__stars {
  display: flex; gap: 0.25rem; block-size: 1.4375rem;
}
.testimonial__star {
  flex: none; inline-size: 1.5rem; block-size: 1.4375rem; fill: var(--accent);
}
.testimonial__quote {
  flex: 1; margin-block: 1.5625rem 2.25rem; white-space: pre-line; @media (min-width: 64rem) { min-block-size: 13rem; }
}
.testimonial__author {
  display: flex; align-items: center; gap: 1rem;
}
.testimonial__avatar {
  flex: none; inline-size: 3rem; block-size: 3rem; border-radius: 50%; object-fit: cover;
}
.testimonial__person {
  display: flex; flex-direction: column;
}
.testimonial__name {
  font-family: var(--heading-font-family); font-weight: var(--heading-font-weight); font-size: 1.25rem; line-height: 1.875rem; color: var(--text-dark);
}
.owner {
  background-color: var(--white); padding-block-start: calc(var(--section-padding-block) + 5.9375rem); &[data-top="flush"] { padding-block-start: 5.9375rem; } @media (min-width: 37.5rem) { padding-block-start: calc(var(--section-padding-block) + 8.4375rem); &[data-top="flush"] { padding-block-start: 8.4375rem; } } @media (min-width: 64rem) { padding-block-start: calc(var(--section-padding-block) + 9.25rem); &[data-top="flush"] { padding-block-start: 9.25rem; } }
}
.faq {
  gap: var(--container-gap); background-color: var(--bg-ultra-light);
}
.faq-list {
  gap: var(--space-s); max-inline-size: 54.6875rem;
}
.faq-item__summary {
  display: flex; align-items: center; gap: 0.875rem; cursor: pointer; list-style: none; &::-webkit-details-marker { display: none; } @media (min-width: 37.5rem) { gap: var(--space-s); }
}
.faq-item__number {
  display: flex; flex: none; align-items: center; justify-content: center; inline-size: 2.25rem; block-size: 2.25rem; border-radius: var(--radius); background-color: var(--bg-dark); font-family: var(--heading-font-family); font-weight: var(--heading-font-weight); font-size: 1.125rem; line-height: 1.375rem; color: var(--text-light); @media (min-width: 37.5rem) { inline-size: 2.75rem; block-size: 2.75rem; }
}
.faq-item__question {
  flex: 1 1 0; min-inline-size: 0; font-size: 1.0625rem; line-height: 1.625rem; @media (min-width: 37.5rem) { font-size: 1.125rem; line-height: 1.75rem; } @media (min-width: 64rem) { font-size: var(--h5); line-height: var(--h5-line-height); }
}
.faq-item__plus {
  --empty-element-size: 0; display: var(--faq-plus); flex: none; inline-size: 1rem; block-size: 1rem; fill: none; stroke: var(--base); stroke-width: 2;
}
.faq-item__close {
  --empty-element-size: 0; display: var(--faq-close); flex: none; inline-size: 1rem; block-size: 1rem; fill: none; stroke: var(--base); stroke-width: 2;
}
.faq-item__answer {
  min-block-size: 0; overflow: hidden;
}
.appointment {
  background-color: var(--white); @media (max-width: 37.4375rem) { --gutter: 2.5rem; }
}
.site-footer {
  --footer-line: #145673; display: flex; flex-direction: column; align-items: center; padding-block: 0; padding-inline: var(--gutter); background-color: var(--bg-dark);
}
.site-footer__main {
  align-items: center; gap: 1.75rem; padding-block: 4rem 3.5rem;
}
.site-footer__logo {
  inline-size: 15.625rem; block-size: 4.875rem; border-radius: 0;
}
.site-footer__note {
  max-inline-size: 43.75rem; font-size: 0.8125rem; line-height: 1.25rem; color: var(--text-light-muted); text-align: center; @media (min-width: 37.5rem) { font-size: var(--text-s); line-height: var(--text-s-line-height); }
}
.site-footer__bottom {
  align-items: center; gap: 0.75rem; padding-block: 1.5rem; border-block-start: var(--border-size) var(--border-style) var(--footer-line); text-align: center; @media (min-width: 64rem) { flex-direction: row; justify-content: space-between; gap: 1.5rem; min-block-size: 4.75rem; padding-block: 0; text-align: start; }
}
.site-footer__copy {
  font-weight: 500; line-height: 1.25rem; color: var(--text-light);
}
.site-footer__links {
  display: flex; gap: 1.5rem; @media (min-width: 64rem) { gap: 1.875rem; }
}
.site-footer__link {
  --link-color: var(--text-light); font-weight: 500; line-height: 1.25rem;
}
html:root {
  @media (min-width: 37.5rem) and (max-width: 63.9375rem) { --section-padding-block: 5rem; --gutter: 2.5rem; --h1: 2.75rem; --h1-line-height: 3.25rem; --h2: 2.25rem; --h2-line-height: 2.75rem; --h3: 2rem; --h3-line-height: 2.5rem; --h4: 1.625rem; --h4-line-height: 2.25rem; --h5: 1.25rem; --h5-line-height: 1.875rem; --text-xxl: 2.5rem; --text-xxl-line-height: 3rem; --text-xl: 2rem; --text-xl-line-height: 2.5rem; --grid-gap: 1.5rem; } @media (max-width: 63.9375rem) { --container-gap: 3.125rem; }
}
.facts-list {
  display: grid; grid-template-columns: var(--grid-2); gap: 1.75rem 0; @media (min-width: 37.5rem) { gap: 2.25rem 0; } @media (min-width: 64rem) { grid-template-columns: repeat(4, minmax(0, 19.0625rem)); gap: 0; }
}
.problem-grid {
  display: grid; gap: 2.5rem; @media (min-width: 64rem) { grid-template-columns: minmax(0, 520fr) minmax(0, 700fr); gap: 3.75rem; }
}
.process-grid {
  display: grid; gap: 2.5rem; @media (min-width: 64rem) { grid-template-columns: minmax(0, 608fr) minmax(0, 642fr); gap: 1.875rem; }
}
.owner-panel {
  display: grid; gap: 2rem; padding: 0 1.5rem 1.5rem; border-radius: var(--radius); background-color: var(--bg-light); @media (min-width: 37.5rem) { padding: 0 2.5rem 2.5rem; } @media (min-width: 64rem) { grid-template-columns: minmax(0, 448fr) minmax(0, 632fr); gap: 2.5rem; align-items: start; block-size: 31.75rem; padding: 0 5rem; }
}
.owner-panel__image {
  inline-size: 100%; block-size: 26.25rem; margin-block-start: calc(5.9375rem * -1); object-fit: contain; object-position: bottom; border-radius: 0; @media (min-width: 37.5rem) { block-size: 37.5rem; margin-block-start: calc(8.4375rem * -1); } @media (min-width: 64rem) { block-size: 41rem; margin-block-start: calc(9.25rem * -1); }
}
.owner-panel__content {
  display: flex; flex-direction: column; @media (min-width: 64rem) { align-self: center; }
}
.owner-panel__title {
  margin-block-end: var(--space-s); font-size: 1.75rem; line-height: 2.25rem; &[data-size="token"] { font-size: var(--h3); line-height: var(--h3-line-height); } @media (min-width: 37.5rem) { font-size: var(--h3); line-height: var(--h3-line-height); }
}
.owner-panel__text {
  margin-block-end: 0.75rem; @media (min-width: 37.5rem) { font-size: var(--text-l); line-height: var(--text-l-line-height); }
}
.owner-panel__name {
  margin-block: 0.8125rem 0.3125rem; font-family: var(--heading-font-family); font-weight: var(--heading-font-weight); font-size: 1.25rem; line-height: 1.875rem; color: var(--text-dark);
}
.owner-panel__role {
  line-height: 1.25rem;
}
.faq-item__details {
  --faq-plus: block; --faq-close: none; padding: 1rem; border: var(--border); border-inline-start-width: 0.25rem; border-radius: var(--radius); background-color: var(--white); &::details-content { display: grid; grid-template-rows: 0fr; transition: grid-template-rows var(--transition-duration) var(--transition-timing), content-visibility var(--transition-duration) var(--transition-timing) allow-discrete; } &[open] { --faq-plus: none; --faq-close: block; border-inline-start-color: var(--accent); } &[open]::details-content { grid-template-rows: 1fr; } @media (prefers-reduced-motion: reduce) { &::details-content { transition: none; } } @media (min-width: 37.5rem) { padding: var(--space-s) 1.5rem; } @media (min-width: 64rem) { padding: 1.5rem 2rem; }
}
.booking-panel {
  display: grid; gap: 2rem; padding: 1.75rem; border-radius: var(--radius); background-color: var(--bg-dark); @media (min-width: 37.5rem) { padding: 2.5rem; } @media (min-width: 64rem) { grid-template-columns: minmax(0, 630fr) minmax(0, 405fr); grid-template-rows: auto 1fr; gap: 1.5625rem 5.3125rem; min-block-size: 26.5625rem; padding: 4.0625rem 5rem; }
}
.booking-panel__content {
  display: flex; flex-direction: column;
}
.booking-panel__title {
  margin-block-end: var(--space-s); font-size: var(--h3); line-height: var(--h3-line-height); color: var(--text-light);
}
.booking-panel__text {
  font-size: var(--text-l); line-height: var(--text-l-line-height); color: var(--text-light);
}
.booking-panel__subtitle {
  margin-block-end: 1.5625rem; font-size: var(--h4); line-height: var(--h4-line-height); color: var(--text-light);
}
.faq-item__text {
  margin-block-start: 1.625rem; @media (min-width: 37.5rem) { margin-block-start: 0.75rem; margin-inline-start: 4rem; } @media (min-width: 64rem) { max-inline-size: 42.6875rem; }
}
.site-footer__note-link {
  --link-color: var(--text-light); text-decoration: underline;
}
.booking-panel__list {
  @media (min-width: 64rem) { grid-column: 2; grid-row: 1 / span 2; }
}
.booking-panel__action {
  display: flex; flex-direction: column; @media (min-width: 64rem) { grid-column: 1; grid-row: 2; }
}
.main-header {
  position: absolute; inset-block-start: 0; inset-inline: 0; z-index: 20; display: flex; justify-content: center; block-size: 6.25rem; padding-block: 0; padding-inline: var(--gutter); background: transparent; transition: background-color var(--transition-duration) var(--transition-timing); &:has(.main-nav__item[data-menu="true"]:hover), &:has(.main-nav__item[data-menu="true"]:focus-within) { background-color: var(--primary); }
}
.main-header__inner {
  flex-direction: row; align-items: center; justify-content: space-between; block-size: 100%;
}
.main-header__logo {
  flex: none;
}
.main-header__logo-image {
  inline-size: 11.25rem; block-size: 3.5rem; object-fit: contain; border-radius: 0; @media (min-width: 37.5rem) { inline-size: 12.1875rem; block-size: 3.8125rem; }
}
.main-header__button {
  &[class] { display: none; min-inline-size: 11.1875rem; } @media (min-width: 37.5rem) { &[class] { display: inline-flex; margin-inline-start: auto; } } @media (min-width: 64rem) { &[class] { margin-inline-start: 0; } }
}
.main-header__burger {
  display: flex; flex: none; align-items: center; justify-content: flex-end; inline-size: 2.75rem; block-size: 2.75rem; padding: 0; border: 0; background: transparent; cursor: pointer; @media (min-width: 37.5rem) { inline-size: 4rem; } @media (min-width: 64rem) { display: none; }
}
.main-header__burger-icon {
  --empty-element-size: 0; flex: none; fill: none; inline-size: 1.75rem; block-size: 1.25rem; stroke: var(--white); stroke-width: 2.5;
}
.main-nav {
  display: none; @media (min-width: 64rem) { display: block; block-size: 100%; }
}
.main-nav__list {
  display: flex; align-items: center; gap: 1.75rem; block-size: 100%;
}
.main-nav__item {
  display: flex; align-items: center; block-size: 100%; &[data-menu="true"]:hover, &[data-menu="true"]:focus-within { --nav-line: var(--accent); --nav-chevron: var(--accent); --nav-rotate: 180deg; --mega-opacity: 1; --mega-visibility: visible; }
}
.main-nav__link {
  --link-color: var(--text-light); --link-color-hover: var(--text-light); --link-decoration: none; --link-decoration-hover: none; display: flex; align-items: center; gap: 0.375rem; block-size: 100%; padding-block-start: 0.1875rem; border-block-end: 0.1875rem solid var(--nav-line, transparent); font-family: var(--heading-font-family); font-weight: 500; font-size: var(--text-l); line-height: 1.25rem; white-space: nowrap;
}
.main-nav__chevron {
  --empty-element-size: 0; flex: none; fill: none; inline-size: 1rem; block-size: 1rem; stroke: var(--nav-chevron, var(--white)); stroke-width: 2.5; rotate: var(--nav-rotate, 0deg); transition: rotate var(--transition-duration) var(--transition-timing);
}
.mega-menu {
  position: absolute; inset-block-start: 100%; inset-inline: 0; padding-block: 2.5rem 3.75rem; padding-inline: var(--gutter); background-color: var(--white); box-shadow: 0 1.5rem 2.5rem rgb(10 46 88 / 0.18); opacity: var(--mega-opacity, 0); visibility: var(--mega-visibility, hidden); transition: opacity var(--transition-duration) var(--transition-timing), visibility var(--transition-duration) var(--transition-timing); @media (prefers-reduced-motion: reduce) { transition: none; }
}
.mega-menu__inner {
  display: flex; flex-direction: column; gap: var(--space-m); inline-size: 100%; max-inline-size: var(--content-width); margin-inline: auto;
}
.mega-menu__row {
  display: grid; grid-template-columns: var(--grid-3); gap: var(--space-m);
}
.mega-menu__card {
  display: flex; flex-direction: column; gap: var(--space-s); padding: var(--space-m); border-radius: var(--radius); background-color: var(--bg-light);
}
.mega-menu__head {
  display: flex; align-items: center; justify-content: space-between; padding-block-end: 1rem; border-block-end: var(--border-size) var(--border-style) rgb(10 46 88 / 0.15); font-family: var(--heading-font-family); font-weight: var(--heading-font-weight); font-size: var(--h5); line-height: var(--h5-line-height); color: var(--text-dark);
}
.mega-menu__head-link {
  --link-color: var(--text-dark); --link-decoration: none; display: flex; align-items: center; justify-content: space-between; inline-size: 100%;
}
.mega-menu__arrow {
  --empty-element-size: 0; flex: none; fill: none; inline-size: 1.25rem; block-size: 1.25rem; stroke: currentColor; stroke-width: 2;
}
.mega-menu__links {
  display: flex; flex-direction: column; gap: 0.625rem;
}
.mega-menu__link {
  --link-color: var(--text-dark-muted); --link-decoration: none; display: block; font-size: var(--text-m); line-height: var(--text-m-line-height);
}
.mega-menu__teaser {
  --link-color: var(--text-light); --link-color-hover: var(--text-light); --link-decoration: none; position: relative; display: flex; flex-direction: column; justify-content: flex-end; gap: 0.5rem; padding: var(--space-m); overflow: hidden; border-radius: var(--radius); background-color: var(--primary); isolation: isolate; &::after { content: ""; position: absolute; inset: 0; z-index: -1; background-image: linear-gradient(180deg, rgb(10 46 88 / 0) 30%, rgb(10 46 88 / 0.95) 85%); }
}
.mega-menu__teaser-image {
  position: absolute; inset: 0; z-index: -2; inline-size: 100%; block-size: 100%; object-fit: cover; border-radius: 0;
}
.mega-menu__teaser-title {
  font-family: var(--heading-font-family); font-weight: var(--heading-font-weight); font-size: var(--h5); line-height: var(--h5-line-height); color: var(--text-light);
}
.mega-menu__teaser-link {
  display: flex; align-items: center; gap: 0.5rem; font-weight: 500; font-size: var(--text-m); line-height: var(--text-m-line-height); color: var(--text-light);
}
.mega-menu__info {
  display: flex; flex-direction: column; gap: 0.375rem; padding: var(--space-m); border-radius: var(--radius); background-color: var(--bg-light);
}
.mega-menu__info-title {
  font-family: var(--heading-font-family); font-weight: var(--heading-font-weight); font-size: var(--h6); line-height: var(--h6-line-height); color: var(--text-dark);
}
.mega-menu__info-text {
  font-size: var(--text-m); line-height: var(--text-m-line-height);
}
.mega-menu__cta {
  display: flex; flex-direction: column; justify-content: center; gap: 1rem; padding: var(--space-m); border-radius: var(--radius); background-color: var(--primary);
}
.mega-menu__cta-title {
  font-family: var(--heading-font-family); font-weight: var(--heading-font-weight); font-size: var(--h6); line-height: var(--h6-line-height); color: var(--text-light);
}
.mobile-menu {
  position: fixed; inset: 0; inline-size: 100%; block-size: 100dvh; max-inline-size: none; max-block-size: none; margin: 0; padding: 0; border: 0; overflow-y: auto; background-color: var(--primary); color: var(--text-light); &:popover-open { display: flex; flex-direction: column; } @media (min-width: 64rem) { &:popover-open { display: none; } }
}
.mobile-menu__head {
  display: flex; flex: none; align-items: center; justify-content: space-between; block-size: 6.25rem; padding-inline: var(--gutter);
}
.mobile-menu__close {
  display: flex; flex: none; align-items: center; justify-content: flex-end; inline-size: 2.75rem; block-size: 2.75rem; padding: 0; border: 0; background: transparent; cursor: pointer;
}
.mobile-menu__close-icon {
  --empty-element-size: 0; flex: none; fill: none; inline-size: 1.5rem; block-size: 1.5rem; stroke: var(--white); stroke-width: 2.5;
}
.mobile-menu__list {
  display: flex; flex-direction: column; padding-block-start: 0.5rem; padding-inline: var(--gutter); @media (min-width: 37.5rem) { padding-block-start: 1rem; }
}
.mobile-menu__entry {
  border-block-end: var(--border-size) var(--border-style) var(--border-color-light);
}
.mobile-menu__row {
  --link-color: var(--text-light); --link-color-hover: var(--text-light); --link-decoration: none; display: flex; align-items: center; justify-content: space-between; block-size: 3.4375rem; font-family: var(--heading-font-family); font-weight: 500; font-size: var(--h5); line-height: var(--h5-line-height); color: var(--text-light); cursor: pointer; list-style: none; &::-webkit-details-marker { display: none; } @media (min-width: 37.5rem) { block-size: 4.1875rem; }
}
.mobile-menu__chevron {
  --empty-element-size: 0; flex: none; fill: none; inline-size: 1.25rem; block-size: 1.25rem; stroke: var(--white); stroke-width: 2; transition: rotate var(--transition-duration) var(--transition-timing); @media (prefers-reduced-motion: reduce) { transition: none; }
}
.mobile-menu__details {
  &::details-content { display: grid; grid-template-rows: 0fr; transition: grid-template-rows var(--transition-duration) var(--transition-timing), content-visibility var(--transition-duration) var(--transition-timing) allow-discrete; } &[open]::details-content { grid-template-rows: 1fr; } &[open] .mobile-menu__chevron { rotate: 180deg; stroke: var(--accent); } @media (prefers-reduced-motion: reduce) { &::details-content { transition: none; } }
}
.mobile-menu__panel {
  min-block-size: 0; overflow: hidden;
}
.mobile-menu__groups {
  display: grid; gap: var(--space-s); padding-block-end: var(--space-s); @media (min-width: 37.5rem) { grid-template-columns: var(--grid-2); gap: 1.5rem var(--space-m); padding-block-end: 1.75rem; }
}
.mobile-menu__group {
  display: flex; flex-direction: column; gap: 0.375rem; @media (min-width: 37.5rem) { gap: 0.5rem; }
}
.mobile-menu__group-title {
  font-family: var(--heading-font-family); font-weight: 500; font-size: var(--text-s); line-height: var(--text-s-line-height); color: var(--secondary);
}
.mobile-menu__link {
  --link-color: var(--text-light); --link-color-hover: var(--secondary); --link-decoration: none; display: block; font-size: var(--text-m); line-height: var(--text-m-line-height); &[data-desktop-only="true"] { display: none; }
}
.mobile-menu__all {
  --link-color: var(--text-light); --link-color-hover: var(--text-light); --link-decoration: none; display: flex; align-items: center; gap: 0.5rem; font-family: var(--heading-font-family); font-weight: 500; font-size: var(--text-m); line-height: var(--text-m-line-height); @media (min-width: 37.5rem) { &[data-col="2"] { grid-column: 2; } }
}
.mobile-menu__all-icon {
  --empty-element-size: 0; flex: none; fill: none; inline-size: 1.125rem; block-size: 1.125rem; stroke: currentColor; stroke-width: 2;
}
.mobile-menu__footer {
  display: flex; flex-direction: column; gap: var(--space-s); padding: 1.875rem var(--gutter); @media (min-width: 37.5rem) { gap: var(--space-m); padding-block-start: 2.5rem; }
}
.mobile-menu__contact {
  display: flex; flex-direction: column; align-items: center; gap: 0.375rem; @media (min-width: 37.5rem) { flex-direction: row; justify-content: center; gap: 2.5rem; }
}
.mobile-menu__contact-link {
  --link-color: var(--text-light); --link-color-hover: var(--text-light); --link-decoration: none; font-weight: 500; font-size: var(--text-m); line-height: var(--text-m-line-height);
}
.home-hero {
  padding-block: 8rem 3.5rem; background: var(--primary) url("../assets/banner-bg.jpg") center / cover no-repeat; @media (min-width: 37.5rem) { padding-block: 8.75rem 5rem; } @media (min-width: 64rem) { padding-block: 11.25rem 9.125rem; }
}
.home-hero__grid {
  display: flex; flex-direction: column-reverse; gap: 2.25rem; @media (min-width: 37.5rem) { gap: 3rem; } @media (min-width: 64rem) { display: grid; grid-template-columns: minmax(0, 600fr) minmax(0, 625fr); gap: 3.4375rem; align-items: start; }
}
.home-hero__content {
  display: flex; flex-direction: column;
}
.home-hero__title {
  color: var(--text-light);
}
.home-hero__text {
  margin-block: var(--space-s) 1.5625rem; color: var(--text-light); @media (min-width: 37.5rem) { font-size: var(--text-l); line-height: var(--text-l-line-height); }
}
.home-hero__video {
  display: block; inline-size: 100%; aspect-ratio: 625 / 352; border: 0; border-radius: 0;
}
.home-stats {
  display: flex; justify-content: space-between; gap: 0.75rem; margin-block-start: var(--space-m); @media (min-width: 37.5rem) { gap: var(--space-m); } @media (min-width: 64rem) { display: grid; grid-template-columns: 11.375rem 11.375rem minmax(0, 1fr); gap: 3.0625rem; }
}
.home-stat {
  display: flex; flex-direction: column; gap: 0.3125rem;
}
.home-stat__value {
  font-family: var(--heading-font-family); font-weight: var(--heading-font-weight); font-size: var(--text-xxl); line-height: var(--text-xxl-line-height); color: var(--text-light);
}
.home-stat__label {
  inline-size: min-content; font-weight: 500; font-size: var(--text-s); line-height: 1.25rem; color: var(--text-light); @media (min-width: 37.5rem) { inline-size: auto; font-size: var(--text-m); } 
}
.home-reviews {
  --section-padding-block: 3.5rem; background-color: var(--bg-ultra-light); @media (min-width: 37.5rem) { --section-padding-block: 5rem; } @media (min-width: 64rem) { --section-padding-block: 5rem; }
}
.home-consultation {
  background-color: var(--white);
}
.home-consultation__grid {
  display: flex; flex-direction: column; gap: 2rem; @media (min-width: 37.5rem) { gap: 2.5rem; align-items: center; } @media (min-width: 64rem) { display: grid; grid-template-columns: minmax(0, 640fr) minmax(0, 560fr); gap: 5rem; align-items: start; }
}
.home-consultation__media {
  position: relative; inline-size: 100%; max-inline-size: 40rem; aspect-ratio: 640 / 632;
}
.home-consultation__main {
  position: absolute; inset-block-start: 7.59%; inset-inline-start: 9.69%; inline-size: 83.6%; block-size: auto; aspect-ratio: 1; border-radius: 0;
}
.home-consultation__circle {
  position: absolute; inline-size: 29.69%; block-size: auto; aspect-ratio: 1; border-radius: 0; &[data-position="top"] { inset-block-start: 7.59%; inset-inline-start: 0; } &[data-position="bottom"] { inset-block-start: 53.48%; inset-inline-start: 70.3%; } @media (min-width: 37.5rem) { &[data-position="bottom"] { inset-inline-start: 73.59%; } }
}
.home-consultation__content {
  display: flex; flex-direction: column;
}
.home-consultation__title {
  margin-block-end: 0.625rem;
}
.home-consultation__text {
  margin-block-end: 0.75rem; &:last-of-type { margin-block-end: var(--space-m); }
}
.home-consultation__break {
  display: none; @media (min-width: 64rem) { display: inline; }
}
.home-services {
  padding-block-start: 0; gap: var(--container-gap); align-items: center; background-color: var(--white);
}
.home-services__intro {
  display: flex; flex-direction: column; align-items: center; gap: var(--space-s); text-align: center;
}
.home-services__list {
  display: flex; flex-direction: row; flex-wrap: wrap; gap: 0; justify-content: center; @media (min-width: 64rem) { flex-wrap: nowrap; }
}
.service-card {
  flex: 0 0 50%; @media (min-width: 37.5rem) { flex: 0 0 33.33%; } @media (min-width: 64rem) { flex: 1 1 0; }
}
.service-card__link {
  --link-decoration: none; --link-decoration-hover: none; display: flex; flex-direction: column; align-items: center; block-size: 100%; padding: 1.75rem 0.75rem; text-align: center; @media (min-width: 37.5rem) { padding: 2.5rem var(--space-s); } @media (min-width: 64rem) { padding: 6.25rem var(--space-s); }
}
.service-card__image {
  inline-size: 7.5rem; block-size: 7.5rem; margin-block-end: var(--space-s); border-radius: 0; @media (min-width: 37.5rem) { inline-size: 9.375rem; block-size: 9.375rem; }
}
.service-card__title {
  font-family: var(--heading-font-family); font-weight: var(--heading-font-weight); font-size: var(--h5); line-height: var(--h5-line-height); color: var(--text-dark);
}
.home-video {
  padding-block-start: 0; background-color: var(--white);
}
.home-video__panel {
  display: flex; flex-direction: column; padding: 1.5rem; border-radius: var(--radius); background-color: var(--bg-light); @media (min-width: 37.5rem) { padding: 2.5rem; } @media (min-width: 64rem) { padding: 4rem; }
}
.home-video__grid {
  display: grid; gap: 1.5rem; @media (min-width: 37.5rem) { gap: var(--space-m); } @media (min-width: 64rem) { grid-template-columns: var(--grid-2); }
}
.home-video__label {
  margin-block: 0.9375rem; font-size: var(--h4); line-height: var(--h4-line-height);
}
.video-link {
  display: block;
}
.video-link__image {
  display: block; inline-size: 100%; aspect-ratio: 16 / 9; object-fit: cover; border-radius: 0;
}
.home-video__content {
  margin-block-start: 2rem; @media (min-width: 37.5rem) { margin-block-start: 2.5rem; } @media (min-width: 64rem) { margin-block-start: 4.4375rem; }
}
.home-quote__title {
  margin-block-end: var(--space-s); font-size: var(--h3); line-height: var(--h3-line-height);
}
.home-quote__icon {
  display: block; inline-size: 2.6875rem; block-size: 1.625rem; margin-block-end: 0.9375rem; border-radius: 0;
}
.home-quote__text {
  margin-block-end: 0.75rem; @media (min-width: 37.5rem) { font-size: var(--text-l); line-height: var(--text-l-line-height); }
}
.home-quote__name {
  margin-block: 0.8125rem 0.3125rem; font-family: var(--heading-font-family); font-weight: var(--heading-font-weight); font-size: var(--h5); line-height: var(--h5-line-height); color: var(--text-dark);
}
.home-quote__role {
  line-height: 1.25rem;
}
.home-videos {
  padding-block-start: 0; gap: var(--container-gap); background-color: var(--white);
}
.home-videos__grid {
  display: grid; gap: 1rem; padding: 1.5rem; border-radius: var(--radius); background-color: var(--bg-light); @media (min-width: 37.5rem) { grid-template-columns: var(--grid-2); gap: var(--space-s); padding: 2.5rem; } @media (min-width: 64rem) { gap: var(--space-m); padding: 4rem; }
}
.home-steps {
  --steps-end: #3C6FA6; gap: var(--container-gap); align-items: center; background-color: var(--primary); background-image: linear-gradient(in oklab 180deg, var(--primary) 0%, var(--steps-end) 100%); @media (min-width: 64rem) { background-image: linear-gradient(in oklab 110deg, var(--primary) 0%, var(--steps-end) 100%); }
}
.home-steps__list {
  display: grid; gap: var(--space-s); @media (min-width: 37.5rem) { gap: 1.5rem; } @media (min-width: 64rem) { grid-template-columns: var(--grid-3); gap: var(--space-m); }
}
.step-card {
  display: flex; flex-direction: column; gap: 0.5rem; padding: 1.5rem; border-radius: var(--radius); background-color: rgb(255 255 255 / 0.12); @media (min-width: 37.5rem) { padding: 2rem; }
}
.step-card__number {
  font-family: var(--heading-font-family); font-weight: var(--heading-font-weight); font-size: var(--text-xxl); line-height: var(--text-xxl-line-height); color: var(--secondary);
}
.step-card__title {
  font-size: var(--h5); line-height: var(--h5-line-height); color: var(--text-light);
}
.step-card__text {
  color: var(--text-light);
}
.about {
  background-color: var(--white); &[data-first="false"] { padding-block-start: 0; }
}
.about__grid {
  display: flex; flex-direction: column; gap: 2rem; @media (min-width: 37.5rem) { gap: 2.5rem; } @media (min-width: 64rem) { display: grid; grid-template-columns: minmax(0, 608fr) minmax(0, 642fr); gap: var(--space-m); &[data-reverse="true"] { grid-template-columns: minmax(0, 608fr) minmax(0, 642fr); } }
}
.about__media {
  @media (min-width: 64rem) { &[data-reverse="true"] { order: 2; } }
}
.about__figure {
  --badge-w: 5.1875rem; position: relative; inline-size: 100%; @media (min-width: 37.5rem) { --badge-w: 8.375rem; inline-size: 35rem; margin-inline: auto; margin-block-end: var(--figure-end-t, 0); } @media (min-width: 64rem) { margin-inline: var(--figure-start, 1.5rem) 0; margin-block: var(--figure-top, 0) 0; } &[data-key="a1"] { --figure-top: 0.625rem; --figure-end-t: 3.625rem; --badge-l: -1.5rem; --badge-t: 28rem; --badge-tw: 8.3125rem; } &[data-key="a2"] { --figure-start: 2.5625rem; --figure-end-t: 3.9375rem; --badge-l: 30.25rem; --badge-t: 33.5rem; --badge-tw: 8.375rem; } &[data-key="a3"] { --figure-end-t: 2.875rem; --badge-l: -1.5rem; --badge-t: 28.375rem; --badge-tw: 8.1875rem; } &[data-key="a4"] { --figure-start: 2.5625rem; --figure-end-t: 3.9375rem; --badge-l: 30.25rem; --badge-t: 33.4375rem; --badge-tw: 8.375rem; }
}
.about__image {
  display: block; inline-size: 100%; block-size: auto; aspect-ratio: 560 / 577; object-fit: cover; border-radius: 0;
}
.about__badge {
  position: absolute; inset-block-end: 0; inline-size: var(--badge-w); block-size: auto; border-radius: 0; &[data-side="start"] { inset-inline-start: 0; } &[data-side="end"] { inset-inline-end: 0; } @media (min-width: 37.5rem) { inset-block: var(--badge-t) auto; inline-size: var(--badge-tw); &[data-side="start"], &[data-side="end"] { inset-inline: var(--badge-l) auto; } }
}
.about__content {
  display: flex; flex-direction: column; @media (min-width: 64rem) { align-self: end; }
}
.about__heading {
  margin-block-start: var(--space-s); font-size: var(--h4); line-height: var(--h4-line-height);
}
.about__text {
  margin-block-start: 0.75rem;
}
.about__action {
  display: flex; flex-direction: column; margin-block-start: var(--space-m);
}
.home-team {
  padding-block-start: 0; gap: var(--container-gap); align-items: center; background-color: var(--white);
}
.home-team__grid {
  display: grid; gap: var(--space-s); @media (min-width: 37.5rem) { grid-template-columns: var(--grid-2); gap: 1.5rem; } @media (min-width: 64rem) { grid-template-columns: var(--grid-3); gap: var(--space-m); align-items: start; }
}
.team-card {
  display: flex; flex-direction: column; padding: var(--space-s) var(--space-s) var(--space-m); border-radius: var(--radius); background-color: var(--bg-ultra-light);
}
.team-card__link {
  --link-decoration: none; --link-decoration-hover: none; display: block;
}
.team-card__image {
  display: block; inline-size: 100%; block-size: auto; aspect-ratio: 366 / 339; margin-block-end: 0.9375rem; object-fit: cover; border-radius: 0;
}
.team-card__name {
  margin-block-end: 0.3125rem; font-size: var(--h5); line-height: var(--h5-line-height);
}
.team-card__role {
  font-weight: 500; line-height: 1.25rem;
}
.home-booking {
  padding-block-start: 0; background-color: var(--white);
}
.home-blog {
  padding-block-start: 0; gap: var(--container-gap); align-items: center; background-color: var(--white);
}
.home-blog__grid {
  display: grid; gap: var(--space-s); @media (min-width: 37.5rem) { grid-template-columns: var(--grid-2); gap: 1.5rem; } @media (min-width: 64rem) { grid-template-columns: var(--grid-3); gap: var(--space-m); }
}
.blog-card {
  display: flex; flex-direction: column; border: var(--border); border-radius: var(--radius); background-color: var(--bg-ultra-light);
}
.blog-card__link {
  --link-decoration: none; --link-decoration-hover: none; display: flex; flex-direction: column; block-size: 100%;
}
.blog-card__image {
  display: block; inline-size: 100%; block-size: auto; aspect-ratio: 404 / 300; object-fit: cover; border-radius: 0;
}
.blog-card__body {
  display: flex; flex: 1; flex-direction: column; padding: 0.9375rem var(--space-s) var(--space-s);
}
.blog-card__meta {
  display: flex; align-items: center; justify-content: space-between; margin-block-end: 0.625rem; font-weight: 500; line-height: 1.25rem; color: var(--text-dark-muted);
}
.blog-card__date {
  display: flex; align-items: center; gap: 0.375rem; font-size: var(--text-s); line-height: 1.25rem;
}
.blog-card__icon {
  flex: none; inline-size: 1rem; block-size: 1rem; border-radius: 0;
}
.blog-card__title {
  margin-block-end: 0.3125rem; font-size: var(--h5); line-height: var(--h5-line-height);
}
.blog-card__text {
  margin-block-end: 0.625rem; color: var(--text-dark-muted);
}
.blog-card__more {
  display: flex; align-items: center; gap: 0.375rem; margin-block-start: auto; font-weight: 500; line-height: 1.25rem; color: var(--text-dark-muted);
}
.blog-card__arrow {
  flex: none; inline-size: 0.625rem; block-size: 0.625rem; border-radius: 0;
}
.main-footer {
  --footer-line: #145673; display: flex; flex-direction: column; align-items: center; padding-block: 0; padding-inline: var(--gutter); background-color: var(--bg-dark);
}
.main-footer__top {
  display: flex; flex-direction: column; gap: 2.5rem; padding-block: 2.5rem; @media (min-width: 37.5rem) { padding-block: 3.5rem; } @media (min-width: 64rem) { flex-direction: row; justify-content: space-between; padding-block: 4.375rem; }
}
.main-footer__details {
  display: flex; flex-direction: column; align-items: flex-start; @media (min-width: 64rem) { inline-size: 18.75rem; }
}
.main-footer__logo {
  inline-size: 11.9375rem; block-size: 3.75rem; border-radius: 0;
}
.main-footer__text {
  margin-block: var(--space-s); color: var(--text-light);
}
.main-footer__contacts {
  display: flex; flex-direction: column; gap: 0.5rem; margin-block-end: var(--space-m);
}
.main-footer__contact {
  --link-color: var(--secondary); --link-color-hover: var(--text-light); --link-decoration: none; font-weight: 500; font-size: var(--text-l); line-height: 1.375rem;
}
.main-footer__whatsapp {
  --link-color: var(--text-light); --link-color-hover: var(--text-light); display: flex; align-items: center; justify-content: center; inline-size: 1.875rem; block-size: 1.875rem; border: var(--border-size) var(--border-style) var(--white); border-radius: 50%;
}
.main-footer__whatsapp-icon {
  --empty-element-size: 0; flex: none; inline-size: 1rem; block-size: 1rem; fill: var(--white);
}
.main-footer__menus {
  display: flex; flex-direction: column; gap: 2rem; @media (min-width: 37.5rem) { flex-direction: row; gap: var(--space-m); } @media (min-width: 64rem) { inline-size: 41.25rem; gap: 2.5rem; margin-block-start: var(--space-s); }
}
.main-footer__menu {
  display: flex; flex-direction: column; @media (min-width: 37.5rem) { flex: 1 1 0; min-inline-size: 0; }
}
.main-footer__menu-title {
  margin-block-end: 1.5625rem; font-family: var(--heading-font-family); font-weight: var(--heading-font-weight); font-size: var(--h5); line-height: var(--h5-line-height); color: var(--text-light);
}
.main-footer__links {
  display: flex; flex-direction: column; gap: 1.5625rem;
}
.main-footer__link {
  --link-color: var(--text-light); --link-color-hover: var(--secondary); --link-decoration: none; font-weight: 500; line-height: 1.25rem;
}
.main-footer__bottom {
  display: flex; flex-direction: column; align-items: center; gap: 0.3125rem; padding-block: 1.5rem; border-block-start: var(--border-size) var(--border-style) var(--footer-line); text-align: center; @media (min-width: 64rem) { padding-block: 1.875rem; }
}
.main-footer__copy {
  line-height: 1.25rem; color: var(--text-light);
}
.main-footer__credit {
  font-weight: 500; font-size: var(--text-xs); line-height: 1.25rem; color: #DBDBDB73;
}
.outline-button {
  display: inline-flex; align-items: center; justify-content: center; min-block-size: 3.125rem; padding-block: calc(var(--btn-padding-block) - 0.125rem); padding-inline: var(--btn-padding-inline); border: 0.125rem solid var(--primary); border-radius: var(--btn-radius); background-color: transparent; font-family: var(--btn-font-family); font-size: var(--btn-font-size); font-weight: var(--btn-font-weight); line-height: var(--btn-line-height); color: var(--primary); text-align: center; text-decoration: none; transition: background-color var(--transition-duration) var(--transition-timing), border-color var(--transition-duration) var(--transition-timing), color var(--transition-duration) var(--transition-timing); &:hover, &:focus-visible { border-color: var(--secondary); background-color: var(--secondary); color: var(--white); } &[data-size] { inline-size: 100%; } @media (min-width: 37.5rem) { &[data-size="standard"] { inline-size: auto; min-inline-size: 14.375rem; align-self: flex-start; } &[data-size="compact"] { inline-size: auto; min-inline-size: 11.1875rem; align-self: flex-start; } } &[data-size="adaptive"] { padding-inline: 1rem; text-align: center; } @media (min-width: 64rem) { &[data-size="adaptive"] { inline-size: auto; align-self: flex-start; padding-inline: var(--btn-padding-inline); } }
}
.ways {
  gap: 1.875rem; background-color: var(--bg-light); @media (min-width: 37.5rem) { gap: 2.5rem; } @media (min-width: 64rem) { gap: var(--container-gap); }
}
.way-grid {
  display: grid; gap: var(--space-s); @media (min-width: 37.5rem) { grid-template-columns: var(--grid-2); } @media (min-width: 64rem) { gap: var(--grid-gap); }
}
.way-card {
  --way-line: var(--accent); display: flex; flex-direction: column; gap: var(--space-s); padding: 1.875rem 1.25rem; border-block-start: 0.25rem solid var(--way-line); border-radius: var(--radius); background-color: var(--white); &[data-variant="primary"] { --way-line: var(--primary); } @media (min-width: 37.5rem) { padding: 1.875rem; } @media (min-width: 64rem) { padding: var(--space-l); }
}
.way-card__eyebrow {
  font-size: var(--text-s); font-weight: 500; line-height: 1.25rem; letter-spacing: 0.06em; text-transform: uppercase; color: var(--text-dark-muted);
}
.way-card__title {
  font-size: 1.25rem; line-height: 1.875rem; color: var(--text-dark); @media (min-width: 64rem) { font-size: var(--h4); line-height: var(--h4-line-height); }
}
.way-card__audience {
  color: var(--text-dark-muted);
}
.way-card__label {
  font-weight: 600;
}
.way-card__action {
  display: flex; flex-direction: column; padding-block-start: 0.625rem;
}
.ways__footer {
  align-items: center;
}
.ways__note {
  font-weight: 500; line-height: 1.375rem; text-align: center; color: var(--text-dark-muted);
}