/* Integrations + KDS + Funding + Company + Get Demo — Mobile ver1 ~390.
   Complements v2.css max-992 stacks with Figma pad/gap/type. */
@media (max-width: 992px) {
  /* —— Shared body scopes —— */
  .v2--kds .v2-hero,
  .v2--funding .v2-hero,
  .v2--orderout .v2-hero,
  .v2--ordersnow .v2-hero,
  .v2--ai .v2-hero,
  .v2--quickbooks .v2-hero,
  .v2--como .v2-hero,
  .v2--company .v2-hero {
    min-height: 0;
    align-items: stretch;
    padding: 32px 0;
  }

  .v2--kds .v2-hero__inner,
  .v2--funding .v2-hero__inner,
  .v2--orderout .v2-hero__inner,
  .v2--ordersnow .v2-hero__inner,
  .v2--ai .v2-hero__inner,
  .v2--quickbooks .v2-hero__inner,
  .v2--como .v2-hero__inner,
  .v2--company .v2-hero__inner {
    grid-template-columns: 1fr;
    gap: 24px;
    padding: 0 16px;
    justify-items: stretch;
  }

  .v2--kds .v2-hero__copy,
  .v2--funding .v2-hero__copy,
  .v2--orderout .v2-hero__copy,
  .v2--ordersnow .v2-hero__copy,
  .v2--ai .v2-hero__copy,
  .v2--quickbooks .v2-hero__copy,
  .v2--como .v2-hero__copy,
  .v2--company .v2-hero__copy {
    gap: 16px;
    width: 100%;
    max-width: 358px;
    margin: 0 auto;
    order: 1;
  }

  .v2--kds .v2-hero__intro,
  .v2--funding .v2-hero__intro,
  .v2--orderout .v2-hero__intro,
  .v2--ordersnow .v2-hero__intro,
  .v2--ai .v2-hero__intro,
  .v2--quickbooks .v2-hero__intro,
  .v2--como .v2-hero__intro,
  .v2--company .v2-hero__intro {
    display: flex;
    flex-direction: column;
    gap: 12px;
    max-width: none;
  }

  .v2--kds .v2-hero h1,
  .v2--funding .v2-hero h1,
  .v2--orderout .v2-hero h1,
  .v2--ordersnow .v2-hero h1,
  .v2--ai .v2-hero h1,
  .v2--quickbooks .v2-hero h1,
  .v2--como .v2-hero h1,
  .v2--company .v2-hero h1 {
    margin: 0;
    font: 600 32px/1.2 var(--v2-font);
    max-width: none;
  }

  .v2--kds .v2-hero__lead,
  .v2--funding .v2-hero__lead,
  .v2--orderout .v2-hero__lead,
  .v2--ordersnow .v2-hero__lead,
  .v2--ai .v2-hero__lead,
  .v2--quickbooks .v2-hero__lead,
  .v2--como .v2-hero__lead,
  .v2--company .v2-hero__lead {
    margin: 0;
    font: 400 14px/1.4 var(--v2-font);
    max-width: none;
  }

  .v2--company .v2-hero__lead {
    font-size: 13px;
  }

  .v2--kds .v2-hero__ctas,
  .v2--funding .v2-hero__ctas,
  .v2--orderout .v2-hero__ctas,
  .v2--ordersnow .v2-hero__ctas,
  .v2--ai .v2-hero__ctas,
  .v2--quickbooks .v2-hero__ctas,
  .v2--como .v2-hero__ctas,
  .v2--company .v2-hero__ctas {
    flex-direction: column;
    gap: 12px;
    width: 100%;
  }

  .v2--kds .v2-hero__ctas .v2-btn,
  .v2--funding .v2-hero__ctas .v2-btn,
  .v2--orderout .v2-hero__ctas .v2-btn,
  .v2--ordersnow .v2-hero__ctas .v2-btn,
  .v2--ai .v2-hero__ctas .v2-btn,
  .v2--quickbooks .v2-hero__ctas .v2-btn,
  .v2--como .v2-hero__ctas .v2-btn,
  .v2--company .v2-hero__ctas .v2-btn {
    width: 100%;
    justify-content: center;
    min-height: 40px;
  }

  /* Hero media / brand / device */
  .v2--kds .v2-hero__media,
  .v2--kds .v2-hero__device,
  .v2--funding .v2-hero__brand,
  .v2--orderout .v2-hero__brand,
  .v2--ordersnow .v2-hero__brand,
  .v2--ai .v2-hero__brand,
  .v2--quickbooks .v2-hero__brand,
  .v2--como .v2-hero__brand,
  .v2--company .v2-hero__brand {
    order: 2;
    width: 100%;
    max-width: 358px;
    height: auto;
    min-height: 0;
    margin: 0 auto;
  }

  .v2--funding .v2-hero__brand--partner,
  .v2--orderout .v2-hero__brand--orderout,
  .v2--ordersnow .v2-hero__brand--online,
  .v2--ai .v2-hero__brand--ai,
  .v2--quickbooks .v2-hero__brand--qb,
  .v2--como .v2-hero__brand--como {
    min-height: 0;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .v2--funding .v2-hero__brand img,
  .v2--orderout .v2-hero__brand img,
  .v2--ordersnow .v2-hero__brand img,
  .v2--ai .v2-hero__brand img,
  .v2--quickbooks .v2-hero__brand img,
  .v2--como .v2-hero__brand img,
  .v2--company .v2-hero__brand img,
  .v2--kds .v2-hero__media img,
  .v2--kds .v2-hero__device img {
    width: 100%;
    height: auto;
    max-width: 100%;
    max-height: none;
    object-fit: contain;
    transform: none;
  }

  /* —— Section rhythm (Figma py-40 px-16, head gap 24, h2 20) —— */
  .v2--kds .v2-section,
  .v2--funding .v2-section,
  .v2--orderout .v2-section,
  .v2--ordersnow .v2-section,
  .v2--ai .v2-section,
  .v2--quickbooks .v2-section,
  .v2--como .v2-section,
  .v2--company .v2-section {
    padding: 40px 0;
  }

  .v2--kds .v2-section .v2-h2,
  .v2--funding .v2-section .v2-h2,
  .v2--orderout .v2-section .v2-h2,
  .v2--ordersnow .v2-section .v2-h2,
  .v2--ai .v2-section .v2-h2,
  .v2--quickbooks .v2-section .v2-h2,
  .v2--como .v2-section .v2-h2,
  .v2--company .v2-section .v2-h2 {
    font-size: 20px;
    line-height: 1.2;
  }

  .v2--kds .v2-container,
  .v2--funding .v2-container,
  .v2--orderout .v2-container,
  .v2--ordersnow .v2-container,
  .v2--ai .v2-container,
  .v2--quickbooks .v2-container,
  .v2--como .v2-container,
  .v2--company .v2-container {
    padding-left: 16px;
    padding-right: 16px;
  }

  /* —— Integration platforms (dark Offer) —— */
  .v2-int-platforms {
    padding: 40px 0;
  }

  .v2-int-platforms__head {
    gap: 12px;
    margin-bottom: 24px;
  }

  .v2-int-platforms__head .v2-h2 {
    font-size: 20px;
  }

  .v2-int-platforms__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
  }

  .v2-int-platform {
    height: 72px;
    padding: 12px 16px;
  }

  .v2-int-platform img {
    max-width: 120px;
    max-height: 36px;
  }

  /* —— Impact / sync / flow / demo —— */
  .v2-int-impact__head,
  .v2-int-sync__head,
  .v2-int-flow__head,
  .v2-int-demo__head {
    gap: 12px;
    margin-bottom: 24px;
  }

  .v2-int-impact__lead,
  .v2-int-sync__lead,
  .v2-int-flow__lead,
  .v2-int-demo__lead {
    font-size: 12px;
    line-height: 1.4;
    max-width: none;
  }

  .v2-int-impact .v2-cards,
  .v2-int-impact .v2-cards--2,
  .v2-int-impact .v2-cards--3,
  .v2-int-impact .v2-cards--4 {
    grid-template-columns: 1fr;
    gap: 16px;
  }

  /* AI Business Impact — Figma Mobile ver1: 2×2 */
  .v2--ai .v2-int-impact .v2-cards--4 {
    grid-template-columns: 1fr 1fr;
    gap: 16px;
  }

  .v2--ai .v2-int-impact .v2-card {
    min-height: 0;
    padding: 24px;
  }

  .v2--ai .v2-int-impact .v2-card h3 {
    font: 600 14px/1.2 var(--v2-font);
  }

  .v2--ai .v2-int-impact .v2-card p {
    font: 400 12px/1.4 var(--v2-font);
  }

  .v2--ai .v2-hero__note {
    font: 400 14px/1.4 var(--v2-font);
  }

  /* QuickBooks — Figma Mobile ver1 */
  .v2--quickbooks .v2-hero__inner {
    gap: 32px;
  }

  .v2--quickbooks .v2-hero__brand--qb {
    aspect-ratio: 358 / 239;
    width: 100%;
    max-width: 358px;
    min-height: 0;
    padding: 24px 0;
    box-sizing: border-box;
  }

  .v2--quickbooks .v2-hero__brand--qb img {
    max-width: 280px;
    width: 78%;
    margin: auto;
  }

  .v2--quickbooks .v2-int-impact .v2-cards--4 {
    grid-template-columns: 1fr 1fr;
    gap: 16px;
  }

  .v2--quickbooks .v2-int-impact .v2-card {
    min-height: 0;
    padding: 24px;
  }

  .v2--quickbooks .v2-int-impact .v2-card h3 {
    font: 600 14px/1.2 var(--v2-font);
  }

  .v2--quickbooks .v2-int-impact .v2-card p {
    font: 400 12px/1.4 var(--v2-font);
  }

  .v2--quickbooks .v2-int-sync__card {
    gap: 24px;
    padding: 32px;
  }

  .v2--quickbooks .v2-int-sync__media--logo {
    background: transparent;
    aspect-ratio: 1;
    width: 100%;
    max-width: 290px;
    margin: 0 auto;
    border-radius: 16px;
  }

  .v2--quickbooks .v2-int-sync__media--logo img {
    width: 92%;
    max-height: 92%;
  }

  .v2--quickbooks .v2-checklist--qb li {
    font: 400 14px/1.4 var(--v2-font);
    align-items: flex-start;
  }

  .v2--quickbooks .v2-int-demo__video--static {
    cursor: default;
    pointer-events: none;
  }

  /* Como Loyalty — Figma Mobile ver1 */
  .v2--como .v2-int-impact .v2-card {
    min-height: 0;
    padding: 24px;
  }

  .v2--como .v2-int-impact .v2-card h3 {
    font: 600 14px/1.2 var(--v2-font);
  }

  .v2--como .v2-int-impact .v2-card p {
    font: 400 12px/1.4 var(--v2-font);
  }

  .v2--como .v2-int-sync--flip .v2-int-sync__card {
    gap: 24px;
    padding: 32px;
  }

  .v2--como .v2-int-sync--flip .v2-int-sync__copy > p {
    font: 400 14px/1.4 var(--v2-font);
  }

  .v2--como .v2-int-sync--plain .v2-int-sync__card {
    gap: 24px;
    padding: 32px;
  }

  .v2--como .v2-int-sync__media--logo {
    background: #eef0f2;
    aspect-ratio: 1;
    width: 100%;
    max-width: 292px;
    margin: 0 auto;
    border-radius: 16px;
  }

  .v2--como .v2-int-sync__media--logo img {
    width: 84%;
    max-height: 40%;
    object-fit: contain;
  }

  .v2--como .v2-checklist--como li {
    font: 400 14px/1.4 var(--v2-font);
    align-items: flex-start;
  }

  .v2--como .v2-int-sync--plain .v2-int-sync__copy > p {
    font: 400 14px/1.4 var(--v2-font);
  }

  .v2--como .v2-int-sync--plain .v2-int-sync__copy h3 {
    font: 600 20px/1.2 var(--v2-font);
  }

  .v2-int-sync__card {
    grid-template-columns: 1fr;
    gap: 24px;
    padding: 24px;
  }

  .v2-int-sync__copy h3,
  .v2-int-demo h3 {
    font-size: 20px;
  }

  .v2-int-sync__copy p {
    font-size: 14px;
  }

  .v2-int-sync__media,
  .v2-int-sync__media img {
    width: 100%;
    height: auto;
  }

  /* Integration Transaction Flow — expand-all (JS .v2-steps--static); Figma step type 14/12 */
  .v2-int-flow .v2-steps,
  .v2-int-flow .v2-steps.v2-steps--static,
  .v2--funding .v2-steps,
  .v2--ai .v2-steps,
  .v2--quickbooks .v2-steps {
    flex-direction: column;
    gap: 8px;
  }

  .v2-int-flow .v2-step,
  .v2-int-flow .v2-step.is-active,
  .v2--funding .v2-step,
  .v2--funding .v2-step.is-active,
  .v2--ai .v2-step,
  .v2--ai .v2-step.is-active,
  .v2--quickbooks .v2-step,
  .v2--quickbooks .v2-step.is-active {
    flex: 0 0 auto;
    flex-grow: 0;
    flex-basis: auto;
    width: 100%;
    max-width: 358px;
    height: auto;
    min-height: 0;
    margin: 0 auto;
    align-items: stretch;
    justify-content: flex-start;
    gap: 16px;
    padding: 24px;
    cursor: default;
    overflow: visible;
  }

  .v2-int-flow .v2-step__top,
  .v2-int-flow .v2-step.is-active .v2-step__top {
    flex: 0 0 auto;
    justify-content: space-between;
  }

  .v2-int-flow .v2-step__num,
  .v2-int-flow .v2-step.is-active .v2-step__num {
    font-size: 32px;
    color: var(--v2-blue-300);
  }

  /* Expand-all on mobile: step-arrow is accordion chrome — hide it */
  .v2-int-flow .v2-step__icon,
  .v2-int-flow .v2-step.is-active .v2-step__icon {
    display: none;
  }

  .v2-int-flow .v2-step__body,
  .v2-int-flow .v2-step.is-active .v2-step__body {
    display: flex;
    gap: 8px;
    max-height: none;
    opacity: 1;
    overflow: visible;
    transform: none;
  }

  .v2-int-flow .v2-step__body h3 {
    font: 600 14px/1.2 var(--v2-font);
  }

  .v2-int-flow .v2-step__body p {
    font: 400 12px/1.2 var(--v2-font);
  }

  /* —— KDS —— */
  .v2--kds .v2-kds-highlights .v2-cards,
  .v2--kds .v2-kds-hw .v2-kiosk-hw__grid,
  .v2--kds .v2-cards--2,
  .v2--kds .v2-cards--3,
  .v2--kds .v2-cards--4 {
    grid-template-columns: 1fr;
    gap: 16px;
  }

  .v2--kds .v2-kds-view,
  .v2--kds .v2-kds-view.is-active {
    flex-basis: 100%;
    width: 100%;
    max-width: 358px;
    margin: 0 auto;
  }

  .v2--kds .v2-kds-360__track {
    padding: 0 16px;
  }

  /* Hero CTA: mobile Figma uses ↗; desktop keeps ↓ */
  .v2--kds .v2-hero__ctas .v2-btn__icon--desktop {
    display: none;
  }

  .v2--kds .v2-hero__ctas .v2-btn__icon--mobile {
    display: inline-block;
  }

  /*
    Kitchen Flow (Mobile ver1): all three steps fully expanded & stacked.
    No accordion / autoplay (JS adds .v2-steps--static).
  */
  .v2--kds .v2-kds-flow {
    padding: 40px 0;
  }

  .v2--kds .v2-kds-flow__head {
    gap: 12px;
    /* Space lead → first step card (was 0; cards were flush against intro). */
    margin-bottom: 24px;
  }

  .v2--kds .v2-kds-flow__lead {
    font: 400 12px/1.4 var(--v2-font);
    max-width: none;
  }

  .v2--kds .v2-kds-flow .v2-steps,
  .v2--kds .v2-kds-flow .v2-steps.v2-steps--static {
    flex-direction: column;
    gap: 16px;
    align-items: stretch;
  }

  .v2--kds .v2-kds-flow .v2-step,
  .v2--kds .v2-kds-flow .v2-step.is-active {
    flex: 0 0 auto;
    flex-grow: 0;
    flex-basis: auto;
    width: 100%;
    max-width: 358px;
    height: auto;
    min-height: 0;
    margin: 0 auto;
    align-items: stretch;
    justify-content: flex-start;
    gap: 8px;
    padding: 24px;
    cursor: default;
    overflow: visible;
  }

  .v2--kds .v2-kds-flow .v2-step__top,
  .v2--kds .v2-kds-flow .v2-step.is-active .v2-step__top {
    flex: 0 0 auto;
    justify-content: space-between;
  }

  .v2--kds .v2-kds-flow .v2-step__num,
  .v2--kds .v2-kds-flow .v2-step.is-active .v2-step__num {
    font-size: 32px;
    color: var(--v2-blue-300);
  }

  .v2--kds .v2-kds-flow .v2-step__icon,
  .v2--kds .v2-kds-flow .v2-step.is-active .v2-step__icon {
    display: none;
  }

  .v2--kds .v2-kds-flow .v2-step__body,
  .v2--kds .v2-kds-flow .v2-step.is-active .v2-step__body {
    display: flex;
    max-height: none;
    opacity: 1;
    overflow: visible;
    transform: none;
  }

  /* Hardware Options — Figma: head gap 12, intro 12px, cards gap 24, body 12px */
  .v2--kds .v2-kds-hw .v2-hw-eco__head {
    gap: 12px;
    margin-bottom: 24px;
    align-items: center;
  }

  .v2--kds .v2-kds-hw .v2-hw-eco__lead {
    font: 400 12px/1.4 var(--v2-font);
    max-width: none;
  }

  .v2--kds .v2-kds-hw .v2-kiosk-hw__grid {
    gap: 24px;
  }

  .v2--kds .v2-kds-hw .v2-kiosk-hw-card__body {
    gap: 8px;
  }

  .v2--kds .v2-kds-hw .v2-kiosk-hw-card__body > p {
    min-height: 0;
    font: 400 12px/1.4 var(--v2-font);
    color: var(--v2-gray-500);
  }

  .v2--kds .v2-kds-hw .v2-kiosk-hw-card__body .v2-checklist {
    font-size: 12px;
    line-height: 1.4;
  }

  /* —— Funding —— */
  /* Business Advantage — Figma Mobile: lead 12, cards h3 14 / p 12 */
  .v2--funding .v2-funding-advantage__head {
    gap: 12px;
    margin-bottom: 24px;
  }

  .v2--funding .v2-funding-advantage__lead {
    font: 400 12px/1.4 var(--v2-font);
    max-width: none;
  }

  .v2--funding .v2-funding-advantage .v2-cards,
  .v2--funding .v2-cards--2,
  .v2--funding .v2-cards--3 {
    grid-template-columns: 1fr;
    gap: 16px;
  }

  .v2--funding .v2-funding-advantage .v2-card {
    min-height: 0;
    gap: 0;
  }

  .v2--funding .v2-funding-advantage .v2-card h3 {
    font: 600 14px/1.2 var(--v2-font);
  }

  .v2--funding .v2-funding-advantage .v2-card p {
    font: 400 12px/1.4 var(--v2-font);
  }

  /* Transaction Flow (Mobile ver1): all three steps expanded; JS adds .v2-steps--static */
  .v2--funding .v2-funding-flow .v2-steps,
  .v2--funding .v2-funding-flow .v2-steps.v2-steps--static {
    flex-direction: column;
    gap: 8px;
    align-items: stretch;
  }

  .v2--funding .v2-funding-flow .v2-step,
  .v2--funding .v2-funding-flow .v2-step.is-active {
    flex: 0 0 auto;
    flex-grow: 0;
    flex-basis: auto;
    width: 100%;
    max-width: 358px;
    height: auto;
    min-height: 0;
    margin: 0 auto;
    align-items: stretch;
    justify-content: flex-start;
    gap: 16px;
    padding: 24px;
    cursor: default;
    overflow: visible;
  }

  .v2--funding .v2-funding-flow .v2-step__top,
  .v2--funding .v2-funding-flow .v2-step.is-active .v2-step__top {
    flex: 0 0 auto;
    justify-content: space-between;
  }

  .v2--funding .v2-funding-flow .v2-step__num,
  .v2--funding .v2-funding-flow .v2-step.is-active .v2-step__num {
    font-size: 32px;
    color: var(--v2-blue-300);
  }

  .v2--funding .v2-funding-flow .v2-step__icon,
  .v2--funding .v2-funding-flow .v2-step.is-active .v2-step__icon {
    display: none;
  }

  .v2--funding .v2-funding-flow .v2-step__body,
  .v2--funding .v2-funding-flow .v2-step.is-active .v2-step__body {
    display: flex;
    gap: 8px;
    max-height: none;
    opacity: 1;
    overflow: visible;
    transform: none;
  }

  .v2--funding .v2-funding-flow .v2-step__body h3 {
    font: 600 14px/1.2 var(--v2-font);
  }

  .v2--funding .v2-funding-flow .v2-step__body p {
    font: 400 12px/1.2 var(--v2-font);
  }

  /* Empower card — pad 32; media + copy same content width (Figma 292 in 358 @ 33 inset ≈ full inner) */
  .v2--funding .v2-funding-empower__card {
    grid-template-columns: 1fr;
    gap: 24px;
    padding: 32px;
    justify-items: stretch;
  }

  .v2--funding .v2-funding-empower__media {
    width: 100%;
    max-width: 100%;
    height: auto;
    aspect-ratio: 292 / 262;
  }

  .v2--funding .v2-funding-empower__copy {
    width: 100%;
    gap: 16px;
  }

  .v2--funding .v2-funding-empower__copy h3 {
    font: 600 20px/1.2 var(--v2-font);
  }

  .v2--funding .v2-funding-empower__copy p {
    font: 400 14px/1.4 var(--v2-font);
  }

  /* —— Company —— */
  .v2--company .v2-hero--company .v2-hero__copy,
  .v2--company .v2-hero--company .v2-hero__intro,
  .v2--company .v2-hero--company .v2-hero__ctas {
    align-items: flex-start;
    text-align: left;
  }

  /* Figma 7109:16380 — PECAN POS COMPANY on one line @ 32px */
  .v2--company .v2-hero--company h1 {
    font-size: 32px;
    line-height: 1.2;
    white-space: nowrap;
  }

  .v2--company .v2-hero--company h1 span {
    display: inline;
  }

  /* Section-jump CTA: mobile Figma ↗; desktop keeps ↓ */
  .v2--company .v2-hero__ctas .v2-btn__icon--desktop {
    display: none;
  }

  .v2--company .v2-hero__ctas .v2-btn__icon--mobile {
    display: inline-block;
  }

  /* Figma 7109:16374 — hero 447; logo absolute ~313×58 near bottom (not in-flow) */
  .v2--company .v2-hero--company {
    min-height: 447px;
  }

  .v2--company .v2-hero--company .v2-hero__inner {
    position: relative;
    flex: 1 1 auto;
    width: 100%;
    min-height: calc(447px - 64px);
    align-content: start;
  }

  /* Copy/CTAs only in flow; Figma gap text→CTAs is 24 */
  .v2--company .v2-hero--company .v2-hero__copy {
    gap: 24px;
  }

  .v2--company .v2-hero--company .v2-hero__brand {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    order: 0;
    width: 313px;
    max-width: 313px;
    height: 58px;
    margin: 0 auto;
    align-self: auto;
  }

  .v2--company .v2-hero--company .v2-hero__brand img {
    width: 313px;
    max-width: 100%;
    height: 58px;
    object-fit: contain;
    object-position: center;
  }

  /* Figma mission: ~32px head→card (was 48 container gap + 24 head margin ≈ 73) */
  .v2--company .v2-mission .v2-container {
    gap: 32px;
  }

  .v2--company .v2-mission__head {
    gap: 12px;
    margin-bottom: 0;
  }

  .v2--company .v2-action__head {
    gap: 12px;
    margin-bottom: 24px;
  }

  .v2--company .v2-mission__rows {
    gap: 24px;
  }

  /* Figma cards: landscape media flush top, copy padded below */
  .v2--company .v2-mission-card {
    grid-template-columns: 1fr;
    gap: 0;
    padding: 0;
    overflow: hidden;
  }

  .v2--company .v2-mission-card .v2-mission-media {
    order: -1;
  }

  .v2--company .v2-mission-card--flip .v2-mission-copy {
    order: 0;
  }

  /* Same inset on About Us + The Product (flip must not zero this out) */
  .v2--company .v2-mission-copy {
    padding: 24px 20px;
    gap: 16px;
  }

  .v2--company .v2-mission-card h3 {
    font-size: 20px;
  }

  .v2--company .v2-mission-card p,
  .v2--company .v2-action__lead {
    font-size: 14px;
    max-width: none;
  }

  /* Mission: collapse extra copy + Read more (Figma Mobile Company) */
  .v2--company .v2-mission-expand {
    gap: 12px;
  }

  .v2--company .v2-mission-expand__stack,
  .v2--company .v2-mission-expand__rest-inner {
    gap: 12px;
  }

  .v2--company .v2-mission-expand:not(.is-open) .v2-mission-expand__rest {
    grid-template-rows: 0fr;
  }

  .v2--company .v2-mission-expand.is-open .v2-mission-expand__rest {
    grid-template-rows: 1fr;
  }

  .v2--company .v2-mission-expand:not(.is-open) .v2-mission-expand__rest-inner {
    opacity: 0;
  }

  .v2--company .v2-mission-expand.is-open .v2-mission-expand__rest-inner {
    opacity: 1;
  }

  .v2--company .v2-mission-expand__btn {
    display: inline-flex;
  }

  .v2--company .v2-mission-media {
    width: 100%;
    aspect-ratio: 358 / 249;
    border-radius: 0;
    background: transparent;
  }

  .v2--company .v2-mission-media picture,
  .v2--company .v2-mission-media img,
  .v2--company .v2-mission-card > img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    border-radius: 0;
    aspect-ratio: auto;
  }

  .v2--company .v2-action .v2-cards,
  .v2--company .v2-action .v2-cards--2,
  .v2--company .v2-action .v2-cards--3 {
    grid-template-columns: 1fr;
    gap: 16px;
  }

  /* Figma Offer: container already has 16px gutters — do not double-pad */
  .v2--company .v2-company-video {
    padding: 40px 0;
  }

  .v2--company .v2-company-video__lead {
    font-size: 15px;
    font-weight: 600;
    max-width: none;
  }

  /* —— Get Demo (Submition Form 7109:15709) —— */
  .v2--get-demo .v2-form-section--page {
    min-height: 0;
    align-items: stretch;
    padding: 44px 0;
  }

  .v2--get-demo .v2-form-section .v2-container {
    padding-left: 16px;
    padding-right: 16px;
  }

  .v2--get-demo .v2-form-card {
    grid-template-columns: 1fr;
    gap: 32px;
    padding: 32px;
    max-width: 358px;
    margin: 0 auto;
  }

  .v2--get-demo .v2-form-card h1,
  .v2--get-demo .v2-form-card h2,
  .v2--get-demo .v2-form-card .v2-h2,
  .v2--get-demo .v2-form-card__intro h2,
  .v2--get-demo .v2-form-intro h1 {
    font: 600 24px/1.2 var(--v2-font);
    margin: 0;
  }

  .v2--get-demo .v2-form-card__intro p,
  .v2--get-demo .v2-form-intro p,
  .v2--get-demo .v2-form-checks li {
    font-size: 12px;
    line-height: 1.4;
  }

  .v2--get-demo .v2-form-checks {
    gap: 12px;
  }

  /* Figma form: single-column fields (294 content width) */
  .v2--get-demo .v2-field-row {
    display: flex;
    flex-direction: column;
    gap: 24px;
  }

  .v2--get-demo .v2-form-fields-group {
    display: flex;
    flex-direction: column;
    gap: 24px;
  }

  .v2--get-demo .v2-form-tabs {
    flex-wrap: wrap;
    gap: 12px;
  }

  .v2--get-demo .v2-btn--form {
    width: 100%;
    justify-content: center;
  }

  /* Company action gallery — Figma Component 10: 306×182 slides, dots only */
  .v2--company .v2-action {
    padding-bottom: 24px;
  }

  .v2--company .v2-action .v2-container {
    margin-bottom: 24px;
  }

  .v2--company .v2-reviews-viewport {
    width: 100%;
    overflow-x: auto;
    overflow-y: visible;
    -webkit-overflow-scrolling: touch;
  }

  .v2--company .v2-reviews-track {
    gap: 12px;
    /* Center a 306px slide; neighbors peek (~42px each side @ 390) */
    padding-left: max(16px, calc((100vw - 306px) / 2));
    padding-right: max(16px, calc((100vw - 306px) / 2));
  }

  .v2--company .v2-action-slide {
    flex: 0 0 306px;
    width: 306px;
    height: 182px;
    border-radius: 16px;
  }

  .v2--company .v2-action-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .v2--company .v2-reviews__nav {
    margin-top: 12px;
    gap: 0;
  }

  .v2--company .v2-reviews__dots {
    gap: 4px;
  }

  .v2--company .v2-reviews__dots button.is-active {
    width: 25px;
  }
}