/*  TABLET  768px – 1140px  */

/* Compact navbar elements — hidden on desktop (≥1141px) */
.navbar__logo-icon,
.navbar__burger-btn,
.navbar__menu {
  display: none;
}

.footer__privacy--stub {
  display: none;
}

.footer__contact-item--web {
  display: none;
}

.request-modal__title--step2,
.request-modal__submit--next {
  display: none;
}

.request-modal__group {
  display: flex;
  flex-direction: column;
  gap: var(--request-modal-form-gap);
}

@media (min-width: 768px) and (max-width: 1140px) {
  :root {
    --container-padding: 48px;
    --page-padding-y: 32px;
    --section-navbar-height: clamp(72px, 2vw + 58px, 76px);
    --navbar-bar-radius: 60px;
    --navbar-logo-icon-size: clamp(32px, 1.5vw + 26px, 36px);
    --navbar-compact-font-size: 16px;
    --navbar-bar-padding-x: clamp(28px, 4vw, 40px);
    --gap-navbar-hero: 48px;
    --section-hero-min-height: 0;
    --gap-hero-showcase: clamp(80px, 10.526vw, 120px);
    --hero-title-size: clamp(56px, 5.614vw, 64px);
    --hero-title-offset-top: 0;
    --hero-tabs-offset-top: clamp(32px, 3.772vw, 43px);
    --hero-tab-height: clamp(48px, 5.175vw, 59px);
    --hero-tab-gap: clamp(10px, 1.053vw, 12px);
    --hero-inner-gap: 0;
    --hero-tab-font-size: clamp(14px, 1.404vw, 16px);
    --hero-tab-padding-start: clamp(16px, 1.579vw, 18px);
    --hero-tab-padding-end: clamp(18px, 1.754vw, 20px);
    --hero-tab-icon-gap: clamp(8px, 0.877vw, 10px);
    --hero-tab-icon-user: clamp(14px, 1.404vw, 16px);
    --hero-tab-icon-box: clamp(16px, 1.579vw, 18px);
    --hero-tab-icon-arrow: clamp(17px, 1.667vw, 19px);
    --navbar-menu-radius: 30px;
    --navbar-menu-padding: 32px;
    --navbar-menu-gap: 16px;
    --navbar-menu-height: clamp(160px, 12vw + 120px, 180px);
    --navbar-menu-offset: clamp(6px, 1vw, 10px);
    --navbar-menu-transition: 0.35s ease;
    --gap-showcase-problems: clamp(48px, 6vw, 72px);
    --section-showcase-min-height: 0;
    --showcase-radius: clamp(28px, 4.5vw, 35px);
    --showcase-track-gap: clamp(10px, 1.684vw, 13px);
    --showcase-peek-bleed: clamp(40px, 10vw, 80px);
    --showcase-active-aspect: calc(396 / 481);
    --showcase-inactive-aspect: calc(376 / 457);
    --section-problems-min-height: 0;
    --gap-problems-integrations: clamp(80px, 12vw, 120px);
    --problems-column-gap: clamp(40px, 5vw, 52px);
    --problems-title-card-gap: clamp(32px, 4vw, 36px);
    --problems-title-offset-inline: 12px;
    --problems-title-max-width: none;
    --problems-card-height: 78px;
    --problems-card-radius: 25px;
    --problems-card-padding-inline-start: 22px;
    --problems-card-padding-inline-end: 22px;
    --problems-card-padding-block: 22px;
    --problems-avatar-size: 34px;
    --problems-meta-gap: 12px;
    --problems-action-size: 42px;
    --problems-action-icon-size: 15px;
    --problems-body-font-size: 15px;
    --problems-body-padding-bottom: clamp(24px, 4vw, 29px);
    --problems-body-gap: 16px;
    --gap-integrations-faq: clamp(120px, 14vw, 200px);
    --integrations-stage-width: 672;
    --integrations-stage-height: 371;
    --integrations-icon-ratio: calc(63 / var(--integrations-stage-width));
    --integrations-count-ratio: calc(59 / var(--integrations-stage-width));
    --integrations-label-ratio: calc(24 / var(--integrations-stage-width));
    --integrations-headline-left: calc(161 / var(--integrations-stage-width) * 100cqi);
    --integrations-headline-gap: calc(13 / var(--integrations-stage-width) * 100cqi);
    --integrations-content-shift-x: 0;
    --integrations-icons-shift-x: calc(44 / var(--integrations-stage-width) * 100cqi);
    --integrations-blob-blur: clamp(36px, 4.5vw, 44px);
    --integrations-blob-size-ratio: calc(178 / var(--integrations-stage-width));
    --section-faq-min-height: 0;
    --gap-faq-footer: clamp(80px, 12vw, 120px);
    --faq-title-offset-inline: 12px;
    --faq-title-list-gap: clamp(32px, 4vw, 48px);
    --faq-item-gap: 12px;
    --faq-card-height: 78px;
    --faq-card-radius: 25px;
    --faq-padding-inline-start: 22px;
    --faq-padding-inline-end: 22px;
    --faq-card-padding-block: 22px;
    --faq-action-size: 42px;
    --faq-action-icon-size: 15px;
    --faq-body-size: 14px;
    --faq-body-padding-bottom: clamp(24px, 4vw, 29px);
    --faq-body-gap: 16px;
    --section-footer-min-height: 0;
    --footer-panel-min-height: 0;
    --footer-panel-radius: 0;
    --footer-padding-block-start: 32px;
    --footer-padding-block-end: 32px;
    --footer-padding-inline: 32px;
    --footer-list-gap: 8px;
    --footer-legal-gap: 8px;
    --footer-block-gap: 33px;
    --privacy-modal-max-width: clamp(480px, 72vw, 680px);
    --privacy-modal-radius: clamp(24px, 6vw, 30px);
    --privacy-modal-padding-inline: clamp(24px, 6vw, 32px);
    --privacy-modal-padding-top: clamp(64px, 16vw, 72px);
    --privacy-modal-padding-bottom: clamp(24px, 6vw, 32px);
    --privacy-modal-title-size: clamp(18px, 4.5vw, 22px);
    --privacy-modal-title-gap: clamp(16px, 4vw, 22px);
    --privacy-modal-body-size: clamp(14px, 3.6vw, 16px);
    --privacy-modal-close-size: clamp(40px, 10vw, 45px);
    --privacy-modal-close-icon-size: clamp(28px, 7vw, 32px);
    --privacy-modal-close-top: clamp(16px, 4vw, 24px);
    --privacy-modal-close-inline: clamp(16px, 4vw, 24px);
    --privacy-modal-scroll-inset-block: clamp(12px, 3vw, 16px);
    --privacy-modal-scroll-inset-inline: clamp(6px, 2vw, 10px);
    --privacy-modal-overlay-bg: rgba(44, 44, 44, 0.45);
    --privacy-modal-list-indent: clamp(20px, 5vw, 24px);
    --request-modal-width: clamp(360px, 52.174vw, 400px);
    --request-modal-inset-bottom: 20px;
    --request-modal-radius: 30px;
    --request-modal-padding: 32px;
    --request-modal-overlay-bg: transparent;
    --request-modal-close-size: 45px;
    --request-modal-close-icon-size: 32px;
    --request-modal-close-top: 24px;
    --request-modal-close-inline: 24px;
    --request-modal-title-size: 22px;
    --request-modal-subtitle-size: 16px;
    --request-modal-title-gap: 12px;
    --request-modal-field-height: clamp(44px, 6.1vw, 47px);
    --request-modal-field-font-size: clamp(13px, 1.87vw, 14px);
    --request-modal-field-padding-inline: clamp(18px, 2.6vw, 21px);
    --request-modal-toggle-pill-height: calc(var(--request-modal-field-height) - 2 * var(--request-modal-toggle-inset));
    --request-modal-form-gap: clamp(12px, 1.75vw, 14px);
    --request-modal-step-gap: clamp(20px, 2.9vw, 22px);
    --request-modal-toggle-gap: clamp(28px, 4.2vw, 32px);
    --request-modal-consent-size: 10px;
    --request-modal-success-icon-size: clamp(84px, 12vw, 92px);
    --request-modal-success-title-size: 26px;
    --request-modal-success-text-size: 20px;
    --request-modal-success-submit-gap: clamp(48px, 7vw, 58px);
  }

  html {
    overflow-x: clip;
    scroll-padding-top: calc(var(--page-padding-y) + var(--section-navbar-height) + 16px);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }

  body.landing {
    min-height: 100%;
    overflow-x: clip;
    font-family: var(--font-base);
    font-weight: var(--font-weight-regular);
    background: var(--color-bg);
    color: var(--color-text);
  }

  button,
  a,
  [role="button"] {
    -webkit-tap-highlight-color: transparent;
  }

  .landing__page {
    max-width: var(--page-max-width);
    min-height: 100vh;
    margin-inline: auto;
    padding-block: var(--page-padding-y) 0;
    padding-inline: var(--container-padding);
  }

  .landing__page::before {
    content: '';
    display: block;
    height: var(--section-navbar-height);
  }

  .landing-section--navbar + .landing-section--hero {
    margin-top: var(--gap-navbar-hero);
  }

  /* ── Navbar compact (Figma 1917:3489) ── */

  .navbar {
    position: fixed;
    top: var(--page-padding-y);
    left: 0;
    right: 0;
    width: 100%;
    max-width: var(--page-max-width);
    margin-inline: auto;
    padding-inline: var(--container-padding);
    box-sizing: border-box;
    z-index: 100;
  }

  .navbar__bar {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: var(--section-navbar-height);
    padding-inline: var(--navbar-bar-padding-x);
    border-radius: var(--navbar-bar-radius);
    background: transparent;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
    isolation: isolate;
    overflow: visible;
  }

  .navbar__bar::before {
    content: '';
    position: absolute;
    inset: 0;
    z-index: -1;
    border-radius: inherit;
    background: var(--color-navbar-bg);
    -webkit-backdrop-filter: blur(var(--blur-navbar));
    backdrop-filter: blur(var(--blur-navbar));
  }

  .navbar__logo {
    display: flex;
    align-items: center;
    flex-shrink: 0;
    line-height: 0;
    text-decoration: none;
  }

  .navbar__logo-icon {
    display: block;
    width: var(--navbar-logo-icon-size);
    height: var(--navbar-logo-icon-size);
    flex-shrink: 0;
  }

  .navbar__logo-text {
    display: none;
  }

  .navbar__nav {
    display: none;
  }

  .navbar__actions {
    display: flex;
    align-items: center;
    flex-shrink: 0;
    gap: clamp(20px, 3vw, 36px);
  }

  .navbar__mail-btn {
    display: none;
  }

  .navbar__cta {
    position: static;
    transform: none;
    min-width: 0;
    width: auto;
    height: auto;
    padding: 0;
    border: none;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    font-family: inherit;
    font-size: var(--navbar-compact-font-size);
    font-weight: var(--font-weight-medium);
    line-height: 1;
    color: var(--color-text);
    white-space: nowrap;
    cursor: pointer;
    transition: color var(--transition-base);
  }

  .navbar__cta:hover {
    opacity: 1;
    color: var(--color-accent);
  }

  .navbar__burger-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 48px;
    height: 48px;
    margin: 0;
    padding: 0;
    border: none;
    background: transparent;
    cursor: pointer;
  }

  .navbar__burger-icon {
    display: block;
    width: 19px;
    height: 9px;
    transition: transform var(--navbar-menu-transition);
  }

  .navbar--menu-open .navbar__burger-icon {
    transform: rotate(90deg);
  }

  /* ── Burger menu panel (Figma 1917:3496) ── */

  .navbar__menu {
    position: absolute;
    top: calc(100% + var(--navbar-menu-offset));
    left: 0;
    right: 0;
    z-index: 1;
    display: flex;
    flex-direction: column;
    gap: var(--navbar-menu-gap);
    width: 100%;
    max-height: 0;
    padding-block: 0;
    padding-inline: var(--navbar-menu-padding);
    border-radius: var(--navbar-menu-radius);
    background: var(--color-navbar-bg);
    -webkit-backdrop-filter: blur(var(--blur-navbar));
    backdrop-filter: blur(var(--blur-navbar));
    opacity: 0;
    overflow: hidden;
    pointer-events: none;
    transition:
      max-height var(--navbar-menu-transition),
      opacity var(--navbar-menu-transition),
      padding-block var(--navbar-menu-transition);
  }

  .navbar--menu-open .navbar__menu {
    max-height: var(--navbar-menu-height);
    padding-block: var(--navbar-menu-padding);
    opacity: 1;
    pointer-events: auto;
  }

  .navbar__menu-link {
    font-size: var(--navbar-compact-font-size);
    font-weight: var(--font-weight-medium);
    line-height: 1;
    color: var(--color-text);
    text-decoration: none;
    white-space: nowrap;
    transition: color var(--transition-base);
  }

  .navbar__menu-link:hover {
    color: var(--color-accent);
  }

  /* ── Hero (Figma 1917:3490) ── */

  .landing-section--hero {
    min-height: var(--section-hero-min-height);
  }

  .landing-section--hero + .landing-section--showcase {
    margin-top: var(--gap-hero-showcase);
  }

  .hero__inner {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: stretch;
    gap: var(--hero-inner-gap);
  }

  .hero__content {
    flex: 1 1 auto;
    max-width: 100%;
    min-width: 0;
    padding-top: var(--hero-title-offset-top);
  }

  .hero__title {
    font-size: var(--hero-title-size);
    font-weight: var(--font-weight-bold);
    line-height: normal;
    color: var(--color-text);
  }

  .hero__title-accent {
    color: var(--color-accent);
  }

  .hero__tabs {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--hero-tab-gap);
    margin-top: var(--hero-tabs-offset-top);
  }

  .hero__tab {
    display: inline-flex;
    align-items: center;
    gap: var(--hero-tab-icon-gap);
    height: var(--hero-tab-height);
    padding-inline: var(--hero-tab-padding-start) var(--hero-tab-padding-end);
    border: none;
    border-radius: var(--radius-tab);
    box-shadow: var(--shadow-tab);
    font-family: inherit;
    font-size: var(--hero-tab-font-size);
    font-weight: var(--font-weight-semibold);
    line-height: 1;
    white-space: nowrap;
    cursor: pointer;
    transition: opacity var(--transition-base);
  }

  .hero__tab:hover {
    opacity: 0.92;
  }

  .hero__tab--default {
    background: var(--color-surface);
    color: var(--color-text);
  }

  .hero__tab--active {
    background: var(--color-text);
    color: #ffffff;
  }

  .hero__tab-icon {
    flex-shrink: 0;
    width: auto;
    height: auto;
  }

  .hero__tab:nth-child(1) .hero__tab-icon {
    width: var(--hero-tab-icon-user);
    height: var(--hero-tab-icon-user);
  }

  .hero__tab:nth-child(2) .hero__tab-icon {
    width: var(--hero-tab-icon-box);
    height: var(--hero-tab-icon-box);
  }

  .hero__tab:nth-child(3) .hero__tab-icon {
    width: var(--hero-tab-icon-arrow);
    height: var(--hero-tab-icon-arrow);
  }

  .hero__tab--active .hero__tab-label {
    font-size: var(--hero-tab-font-size);
  }

  .hero__media {
    display: none;
  }

  /* ── Showcase (Figma 1917:3491) ── */

  .landing-section--showcase {
    min-height: var(--section-showcase-min-height);
    overflow: visible;
    width: calc(100% + var(--showcase-peek-bleed));
    margin-right: calc(-1 * var(--showcase-peek-bleed));
  }

  .landing-section--showcase + .landing-section--problems {
    margin-top: var(--gap-showcase-problems);
  }

  .container--showcase {
    max-width: none;
    width: calc(100% - var(--showcase-peek-bleed));
    margin-inline: 0;
  }

  .showcase__carousel {
    position: relative;
    display: block;
    width: 100%;
  }

  .showcase__nav {
    display: none;
  }

  .showcase__viewport {
    overflow: visible;
    border-radius: 0;
    width: 100%;
  }

  .showcase__track {
    display: flex;
    align-items: center;
    gap: var(--showcase-track-gap);
    transition: transform var(--transition-showcase);
    will-change: transform;
    touch-action: pan-y;
  }

  .showcase__slide {
    flex: 0 0 100%;
    width: 100%;
    aspect-ratio: var(--showcase-active-aspect);
    min-height: 0;
    transition:
      flex-basis var(--transition-showcase),
      width var(--transition-showcase),
      aspect-ratio var(--transition-showcase);
  }

  .showcase__slide[aria-hidden="true"] {
    flex-basis: calc(100% * 376 / 396);
    width: calc(100% * 376 / 396);
    aspect-ratio: var(--showcase-inactive-aspect);
  }

  .showcase__slide picture {
    display: block;
    width: 100%;
    height: 100%;
  }

  .showcase__image {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    border-radius: var(--showcase-radius);
    user-select: none;
    -webkit-user-drag: none;
  }

  /* ── Problems (Figma 1917:3493, expand 1917:3497 / 1917:3498) ── */

  .landing-section--problems {
    min-height: var(--section-problems-min-height);
  }

  .landing-section--problems + .landing-section--integrations {
    margin-top: var(--gap-problems-integrations);
  }

  .problems__grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: var(--problems-column-gap);
  }

  .problems__column {
    display: flex;
    flex-direction: column;
    gap: var(--problems-title-card-gap);
    min-width: 0;
  }

  .problems__title {
    align-self: flex-start;
    max-width: var(--problems-title-max-width);
    margin-inline-start: var(--problems-title-offset-inline);
    font-size: var(--font-size-section-title);
    font-weight: var(--font-weight-bold);
    line-height: normal;
    white-space: normal;
    color: var(--color-text);
  }

  .problems__title-accent {
    color: var(--color-accent);
  }

  .problems__card {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 0;
    min-height: var(--problems-card-height);
    padding: 0;
    border-radius: var(--problems-card-radius);
    background: var(--color-surface);
    box-shadow: var(--shadow-sm);
    overflow: hidden;
  }

  .problems__card-top {
    display: flex;
    align-items: center;
    gap: var(--problems-meta-gap);
    min-height: var(--problems-card-height);
    padding-block: var(--problems-card-padding-block);
    padding-inline: var(--problems-card-padding-inline-start) var(--problems-card-padding-inline-end);
    cursor: pointer;
  }

  .problems__card-expand {
    display: grid;
    grid-template-rows: 0fr;
    transition: grid-template-rows var(--transition-showcase);
  }

  .problems__card--expanded .problems__card-expand {
    grid-template-rows: 1fr;
  }

  .problems__card-expand-inner {
    overflow: hidden;
  }

  .problems__body {
    display: flex;
    flex-direction: column;
    gap: var(--problems-body-gap);
    padding: 0 var(--problems-card-padding-inline-end) var(--problems-body-padding-bottom) var(--problems-card-padding-inline-start);
    font-size: var(--problems-body-font-size);
    font-weight: var(--font-weight-medium);
    line-height: normal;
    color: var(--color-text);
  }

  .problems__body strong {
    font-weight: var(--font-weight-semibold);
  }

  .problems__card--solution .problems__body strong {
    font-weight: var(--font-weight-bold);
  }

  .problems__avatar {
    flex-shrink: 0;
    width: var(--problems-avatar-size);
    height: var(--problems-avatar-size);
    border-radius: 50%;
    object-fit: cover;
    object-position: center;
  }

  .problems__meta {
    flex: 1 1 auto;
    min-width: 0;
    font-size: var(--font-size-body);
    font-weight: var(--font-weight-semibold);
    line-height: normal;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .problems__name {
    color: var(--color-text);
  }

  .problems__role {
    color: var(--color-text-muted);
  }

  .problems__action {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: var(--problems-action-size);
    height: var(--problems-action-size);
    margin-left: auto;
    border-radius: 50%;
    background: var(--problems-action-bg);
    transition: opacity var(--transition-base);
  }

  .problems__action:hover {
    opacity: 0.88;
  }

  .problems__action-icon {
    display: block;
    width: var(--problems-action-icon-size);
    height: var(--problems-action-icon-size);
    transition: transform var(--transition-showcase);
  }

  .problems__card--expanded .problems__action-icon {
    transform: rotate(-45deg);
  }

  /* ── Integrations (Figma 1917:3492) ── */

  .landing-section--bleed {
    width: 100vw;
    max-width: 100vw;
    margin-inline: calc(50% - 50vw);
  }

  .landing-section--integrations {
    min-height: 0;
    overflow-x: clip;
  }

  .landing-section--integrations + .landing-section--faq {
    margin-top: var(--gap-integrations-faq);
  }

  .integrations__fit {
    container-type: inline-size;
    container-name: integrations;
    position: relative;
    width: min(100%, var(--page-max-width));
    margin-inline: auto;
    aspect-ratio: calc(var(--integrations-stage-width) / var(--integrations-stage-height));
  }

  .integrations__stage {
    position: absolute;
    inset: 0;
    transform: translateX(var(--integrations-content-shift-x));
  }

  .integrations__blobs {
    position: absolute;
    inset: 0;
    overflow: visible;
    pointer-events: none;
    z-index: 0;
  }

  .integrations__blob {
    position: absolute;
    width: calc(var(--integrations-blob-size-ratio) * 100%);
    aspect-ratio: 1;
  }

  .integrations__blob::before {
    content: '';
    position: absolute;
    inset: calc(-1 * var(--integrations-blob-spread));
    border-radius: 50%;
    filter: blur(var(--integrations-blob-blur));
  }

  .integrations__blob--1 {
    left: 12.43%;
    top: 35.58%;
  }

  .integrations__blob--1::before {
    background: var(--integrations-blob-1);
  }

  .integrations__blob--2 {
    left: 36.92%;
    top: 35.58%;
  }

  .integrations__blob--2::before {
    background: var(--integrations-blob-2);
  }

  .integrations__blob--3 {
    left: 61.41%;
    top: 35.58%;
  }

  .integrations__blob--3::before {
    background: var(--integrations-blob-3);
  }

  .integrations__blob--4 {
    left: -12.07%;
    top: 37.18%;
  }

  .integrations__blob--4::before {
    background: var(--integrations-blob-4);
  }

  .integrations__headline {
    position: absolute;
    left: var(--integrations-headline-left);
    top: 45.28%;
    z-index: 2;
    display: flex;
    align-items: flex-start;
    gap: var(--integrations-headline-gap);
    max-width: 55%;
  }

  .integrations__count {
    flex-shrink: 0;
    font-size: max(48px, calc(var(--integrations-count-ratio) * 100cqi));
    font-weight: var(--font-weight-semibold);
    line-height: 1;
    color: var(--color-text);
  }

  .integrations__label {
    padding-top: calc(6 / var(--integrations-stage-height) * 100%);
    font-size: max(20px, calc(var(--integrations-label-ratio) * 100cqi));
    font-weight: var(--font-weight-semibold);
    line-height: 1.22;
    color: var(--color-text);
  }

  .integrations__icons {
    position: absolute;
    inset: 0;
    z-index: 2;
    list-style: none;
    margin: 0;
    padding: 0;
    transform: translateX(var(--integrations-icons-shift-x));
  }

  .integrations__icon {
    position: absolute;
    left: var(--ix);
    top: var(--iy);
    width: calc(var(--integrations-icon-ratio) * 100%);
    aspect-ratio: 1;
    height: auto;
    border-radius: clamp(14px, calc(14.57 / var(--integrations-stage-width) * 100cqi), 18px);
    box-shadow: var(--shadow-sm);
    overflow: hidden;
    background: transparent;
  }

  .integrations__icon--surface {
    background: var(--color-surface);
  }

  .integrations__icon--muted {
    background: var(--color-muted);
  }

  .integrations__icon--plain {
    box-shadow: none;
    background: transparent;
  }

  .integrations__icon--surface .integrations__icon-img--inset,
  .integrations__icon--surface .integrations__icon-img--excel,
  .integrations__icon--surface .integrations__icon-img--tall {
    object-fit: contain;
  }

  .integrations__icon-img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: inherit;
  }

  .integrations__icon-img--inset {
    width: 76%;
    height: 71%;
    margin: 15% auto 0;
    object-fit: contain;
  }

  .integrations__icon-img--excel {
    position: absolute;
    inset: 12%;
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    margin: 0;
    object-fit: contain;
    border-radius: 0;
  }

  .integrations__icon-img--tall {
    width: 100%;
    height: 67%;
    margin-top: 17%;
    object-fit: contain;
  }

  /* ── FAQ (Figma 1917:3494, expand 1917:3499–3503) ── */

  .landing-section--faq {
    min-height: var(--section-faq-min-height);
  }

  .landing-section--faq + .landing-section--footer {
    margin-top: var(--gap-faq-footer);
  }

  .faq__title {
    margin-inline-start: var(--faq-title-offset-inline);
    font-size: var(--font-size-section-title);
    font-weight: var(--font-weight-bold);
    line-height: normal;
    white-space: normal;
    color: var(--color-text);
  }

  .faq__list {
    display: flex;
    flex-direction: column;
    gap: var(--faq-item-gap);
    margin-top: var(--faq-title-list-gap);
  }

  .faq__item {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 0;
    border-radius: var(--faq-card-radius);
    background: var(--color-surface);
    box-shadow: var(--shadow-sm);
    overflow: hidden;
  }

  .faq__card-top {
    display: flex;
    align-items: center;
    gap: 16px;
    min-height: var(--faq-card-height);
    padding-block: var(--faq-card-padding-block);
    padding-inline: var(--faq-padding-inline-start) var(--faq-padding-inline-end);
    cursor: pointer;
  }

  .faq__question {
    flex: 1 1 auto;
    min-width: 0;
    font-size: var(--font-size-body);
    font-weight: var(--font-weight-semibold);
    line-height: normal;
    color: var(--color-text);
  }

  .faq__action {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: var(--faq-action-size);
    height: var(--faq-action-size);
    margin-left: auto;
    border-radius: 50%;
    background: var(--faq-action-bg);
    transition: opacity var(--transition-base);
  }

  .faq__action:hover {
    opacity: 0.88;
  }

  .faq__action-icon {
    display: block;
    width: var(--faq-action-icon-size);
    height: var(--faq-action-icon-size);
    transition: transform var(--transition-showcase);
  }

  .faq__item--expanded .faq__action-icon {
    transform: rotate(-45deg);
  }

  .faq__card-expand {
    display: grid;
    grid-template-rows: 0fr;
    transition: grid-template-rows var(--transition-showcase);
  }

  .faq__item--expanded .faq__card-expand {
    grid-template-rows: 1fr;
  }

  .faq__card-expand-inner {
    overflow: hidden;
  }

  .faq__body {
    display: flex;
    flex-direction: column;
    gap: var(--faq-body-gap);
    padding: 0 var(--faq-padding-inline-end) var(--faq-body-padding-bottom) var(--faq-padding-inline-start);
    font-size: var(--faq-body-size);
    font-weight: var(--font-weight-medium);
    line-height: normal;
    color: var(--color-text);
  }

  /* ── Footer (Figma 1917:3495) ── */

  .landing-section--footer {
    min-height: var(--section-footer-min-height);
    margin-inline: calc(-1 * var(--container-padding));
    width: calc(100% + 2 * var(--container-padding));
  }

  .footer__panel {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    min-height: var(--footer-panel-min-height);
    padding: var(--footer-padding-block-start) var(--footer-padding-inline) var(--footer-padding-block-end);
    border-radius: var(--footer-panel-radius);
    background: var(--color-footer-bg);
    color: #ffffff;
  }

  .footer__logo {
    display: none;
  }

  .footer__brand {
    order: 2;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    align-self: stretch;
    min-height: 0;
    margin-top: var(--footer-block-gap);
  }

  .footer__legal {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--footer-legal-gap);
    margin-top: 0;
    text-align: left;
  }

  .footer__cols {
    order: 1;
    display: flex;
    flex-direction: column;
    padding-top: 0;
  }

  .footer__col:nth-child(1),
  .footer__col:nth-child(2) {
    display: none;
  }

  .footer__col:last-child .footer__col-title {
    display: none;
  }

  .footer__list {
    display: flex;
    flex-direction: column;
    gap: var(--footer-list-gap);
  }

  .footer__contact-item--web {
    display: list-item;
  }

  .footer__copyright,
  .footer__privacy {
    font-size: var(--font-size-body);
    font-weight: var(--font-weight-medium);
    line-height: 1;
    color: #ffffff;
  }

  .footer__contact {
    font-size: var(--font-size-body);
    font-weight: var(--font-weight-medium);
    line-height: 1;
    color: #ffffff;
  }

  .footer__privacy--modal {
    display: none;
  }

  .footer__privacy--stub {
    display: block;
    width: fit-content;
    padding: 0;
    border: none;
    background: none;
    text-align: left;
    cursor: pointer;
    transition: opacity var(--transition-base);
  }

  .footer__privacy--stub:hover {
    opacity: 0.85;
  }

  /* ── Privacy modal (Figma 1905:8796) ── */

  .privacy-modal {
    position: fixed;
    inset: 0;
    z-index: 1001;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: clamp(16px, 4vw, 20px);
  }

  .privacy-modal[hidden] {
    display: none;
  }

  .privacy-modal__overlay {
    position: absolute;
    inset: 0;
    background: var(--privacy-modal-overlay-bg);
  }

  .privacy-modal__dialog {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: var(--privacy-modal-max-width);
    max-height: calc(100vh - clamp(32px, 8vw, 40px));
    max-height: calc(100dvh - clamp(32px, 8vw, 40px));
    overflow: hidden;
    border-radius: var(--privacy-modal-radius);
    background: var(--color-surface);
    box-shadow: var(--shadow-md);
    color: var(--color-text);
  }

  .privacy-modal__close {
    position: absolute;
    z-index: 2;
    top: var(--privacy-modal-close-top);
    right: var(--privacy-modal-close-inline);
    display: flex;
    align-items: center;
    justify-content: center;
    width: var(--privacy-modal-close-size);
    height: var(--privacy-modal-close-size);
    padding: 0;
    border: none;
    background: none;
    cursor: pointer;
    transition: opacity var(--transition-base);
  }

  .privacy-modal__close:hover {
    opacity: 0.75;
  }

  .privacy-modal__close-icon {
    display: block;
    width: var(--privacy-modal-close-icon-size);
    height: var(--privacy-modal-close-icon-size);
    transform: rotate(-45deg);
  }

  .privacy-modal__scroll {
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch;
    scrollbar-gutter: stable;
    margin-block: var(--privacy-modal-scroll-inset-block);
    margin-inline-end: var(--privacy-modal-scroll-inset-inline);
    padding-top: var(--privacy-modal-padding-top);
    padding-bottom: var(--privacy-modal-padding-bottom);
    padding-left: var(--privacy-modal-padding-inline);
    padding-right: max(
      var(--privacy-modal-padding-inline),
      calc(var(--privacy-modal-close-inline) + var(--privacy-modal-close-size) + 8px)
    );
  }

  .privacy-modal__title {
    margin-bottom: var(--privacy-modal-title-gap);
    font-size: var(--privacy-modal-title-size);
    font-weight: var(--font-weight-semibold);
    line-height: normal;
    color: var(--color-text);
  }

  .privacy-modal__body {
    font-size: var(--privacy-modal-body-size);
    font-weight: var(--font-weight-regular);
    line-height: normal;
  }

  .privacy-modal__body > * + * {
    margin-top: 0;
  }

  .privacy-modal__body p,
  .privacy-modal__body ul {
    margin-bottom: 0;
  }

  .privacy-modal__body p + p,
  .privacy-modal__body p + ul,
  .privacy-modal__body ul + p,
  .privacy-modal__body ul + ul {
    margin-top: 1em;
  }

  .privacy-modal__strong,
  .privacy-modal__heading {
    font-weight: var(--font-weight-semibold);
  }

  .privacy-modal__list {
    padding-left: var(--privacy-modal-list-indent);
    list-style: disc;
  }

  .privacy-modal__list li + li {
    margin-top: 0;
  }

  /* ── Request modal (Figma 1904:8694 / 8719 / 8753) ── */

  .request-modal {
    position: fixed;
    inset: 0;
    z-index: 1000;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    padding: 0 var(--container-padding) var(--request-modal-inset-bottom);
  }

  .request-modal[hidden] {
    display: none;
  }

  .request-modal__overlay {
    position: absolute;
    inset: 0;
    background: var(--request-modal-overlay-bg);
  }

  .request-modal__dialog {
    position: relative;
    z-index: 1;
    width: 100%;
    max-width: var(--request-modal-width);
    max-height: calc(100vh - var(--request-modal-inset-bottom) - 16px);
    max-height: calc(100dvh - var(--request-modal-inset-bottom) - 16px);
    overflow-y: auto;
    padding: var(--request-modal-padding);
    border-radius: var(--request-modal-radius);
    background: var(--color-surface);
    box-shadow: var(--shadow-md);
    color: var(--color-text);
  }

  .request-modal__close {
    position: absolute;
    z-index: 2;
    top: var(--request-modal-close-top);
    right: var(--request-modal-close-inline);
    display: flex;
    align-items: center;
    justify-content: center;
    width: var(--request-modal-close-size);
    height: var(--request-modal-close-size);
    padding: 0;
    border: none;
    background: none;
    cursor: pointer;
    transition: opacity var(--transition-base);
  }

  .request-modal__close:hover {
    opacity: 0.75;
  }

  .request-modal__close-icon {
    display: block;
    width: var(--request-modal-close-icon-size);
    height: var(--request-modal-close-icon-size);
    transform: rotate(-45deg);
  }

  .request-modal__title {
    max-width: 266px;
    font-size: var(--request-modal-title-size);
    font-weight: var(--font-weight-semibold);
    line-height: normal;
    color: var(--color-text);
  }

  .request-modal__title--step2 {
    max-width: none;
  }

  .request-modal[data-request-step="2"] .request-modal__title--step2 {
    display: block;
  }

  .request-modal__subtitle {
    margin-top: var(--request-modal-title-gap);
    max-width: 262px;
    font-size: var(--request-modal-subtitle-size);
    font-weight: var(--font-weight-medium);
    line-height: normal;
    color: var(--request-modal-subtitle-color);
  }

  .request-modal__form {
    display: flex;
    flex-direction: column;
    gap: 0;
    margin-top: var(--request-modal-toggle-gap);
  }

  .request-modal__group--step2 {
    gap: var(--request-modal-form-gap);
  }

  .request-modal[data-request-step="1"] .request-modal__group--step2 {
    display: none;
  }

  .request-modal[data-request-step="2"] .request-modal__group--step1 {
    display: none;
  }

  .request-modal[data-request-step="1"] .request-modal__submit--send {
    display: none;
  }

  .request-modal[data-request-step="2"] .request-modal__submit--next {
    display: none;
  }

  .request-modal[data-request-step="1"] .request-modal__submit--next {
    display: flex;
    margin-top: var(--request-modal-step-gap);
  }

  .request-modal[data-request-step="2"] .request-modal__submit--send {
    display: flex;
    margin-top: var(--request-modal-step-gap);
  }

  .request-modal__toggle-track {
    position: relative;
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: center;
    height: var(--request-modal-field-height);
    padding: var(--request-modal-toggle-inset);
    border: 1px solid var(--request-modal-toggle-border);
    border-radius: var(--request-modal-field-radius);
    background: var(--request-modal-toggle-bg);
  }

  .request-modal__toggle-pill {
    position: absolute;
    top: var(--request-modal-toggle-inset);
    left: var(--request-modal-toggle-inset);
    width: calc(50% - var(--request-modal-toggle-inset));
    height: var(--request-modal-toggle-pill-height);
    border-radius: calc(var(--request-modal-field-radius) - 4px);
    background: var(--color-surface);
    box-shadow: var(--request-modal-field-shadow);
    transition: transform var(--transition-base);
    pointer-events: none;
  }

  .request-modal__toggle--fulfillment .request-modal__toggle-pill {
    transform: translateX(100%);
  }

  .request-modal__toggle-btn {
    position: relative;
    z-index: 1;
    height: var(--request-modal-toggle-pill-height);
    border: none;
    background: none;
    font-family: inherit;
    font-size: var(--request-modal-field-font-size);
    font-weight: var(--font-weight-medium);
    line-height: 1;
    color: var(--color-text);
    cursor: pointer;
    transition: opacity var(--transition-base);
  }

  .request-modal__toggle-btn:hover {
    opacity: 0.85;
  }

  .request-modal__field {
    width: 100%;
    height: var(--request-modal-field-height);
    padding-inline: var(--request-modal-field-padding-inline);
    border: none;
    border-radius: var(--request-modal-field-radius);
    background: var(--color-surface);
    box-shadow: var(--request-modal-field-shadow);
    font-family: inherit;
    font-size: var(--request-modal-field-font-size);
    font-weight: var(--font-weight-regular);
    line-height: 1;
    color: var(--color-text);
    transition: box-shadow var(--transition-base);
  }

  .request-modal__field::placeholder {
    color: var(--request-modal-field-placeholder);
  }

  .request-modal__field:focus {
    outline: none;
    box-shadow: 0 0 0 2px rgba(42, 157, 143, 0.35), var(--request-modal-field-shadow);
  }

  .request-modal__field--invalid {
    box-shadow: 0 0 0 2px rgba(202, 65, 109, 0.35), var(--request-modal-field-shadow);
  }

  .request-modal__submit {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: var(--request-modal-field-height);
    margin-top: 0;
    border: none;
    border-radius: var(--request-modal-field-radius);
    background: var(--color-text);
    box-shadow: var(--shadow-md);
    font-family: inherit;
    font-size: var(--request-modal-field-font-size);
    font-weight: var(--font-weight-semibold);
    line-height: 1;
    color: #ffffff;
    cursor: pointer;
    transition: opacity var(--transition-base);
  }

  .request-modal__submit:hover {
    opacity: 0.92;
  }

  .request-modal__consent {
    margin-top: clamp(10px, 1.5vw, 13px);
    padding-inline: 12px;
    font-size: var(--request-modal-consent-size);
    font-weight: var(--font-weight-semibold);
    line-height: normal;
    text-align: center;
    color: var(--request-modal-subtitle-color);
  }

  .request-modal__consent-link {
    padding: 0;
    border: none;
    background: none;
    font: inherit;
    font-weight: var(--font-weight-semibold);
    color: var(--color-text);
    text-decoration: none;
    cursor: pointer;
    transition: opacity var(--transition-base);
  }

  .request-modal__consent-link:hover {
    opacity: 0.75;
  }

  .request-modal__view--success {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding-top: 0;
  }

  .request-modal__success-icon {
    width: var(--request-modal-success-icon-size);
    height: var(--request-modal-success-icon-size);
    object-fit: contain;
  }

  .request-modal__success-title {
    margin-top: 12px;
    max-width: 273px;
    font-size: var(--request-modal-success-title-size);
    font-weight: var(--font-weight-semibold);
    line-height: normal;
    color: var(--color-text);
  }

  .request-modal__success-text {
    margin-top: 12px;
    max-width: 247px;
    font-size: var(--request-modal-success-text-size);
    font-weight: var(--font-weight-medium);
    line-height: normal;
    color: var(--request-modal-subtitle-color);
  }

  .request-modal__submit--success {
    margin-top: var(--request-modal-success-submit-gap);
  }

  .request-modal__view--success[hidden] {
    display: none;
  }

  .request-modal__dialog:has([data-request-view="success"]:not([hidden])) .request-modal__close {
    display: none;
  }
}