@media (max-width: 640px) {
  .ca-home .nav-in {
    height: auto;
    flex-wrap: wrap;
    row-gap: 10px;
    padding: 10px 16px;
  }
  .ca-home .nav-right {
    gap: 8px;
    flex-wrap: wrap;
  }
  .ca-home .nav-demo {
    padding: 8px 12px;
  }
}
html:not([lang="en"]) .ca-home .hero h1 span {
  white-space: normal !important;
}

@media (max-width: 520px) {
  .ca-home .hero h1 span {
    white-space: normal !important;
  }
}

@media (max-width: 640px) {
  .ca-home section[data-screen-label="Video"] p {
    white-space: normal !important;
    max-width: 320px !important;
  }
}

@media (max-width: 760px) {
  .ca-home .demo-tabs {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 4px;
  }
  .ca-home .demo-tab {
    flex: none;
    gap: 6px;
    font-size: 13.5px;
    padding: 11px 6px;
  }
  .ca-home .demo-tab:last-child:nth-child(odd) {
    grid-column: 1 / -1;
  }
}
@media (max-width: 860px) {
  .ca-home .demo-frame { flex-direction: column; }
  .ca-home .demo-main { flex: none; }
  .ca-home .demo-side {
    order: 2;
    width: 100%;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 6px;
    border-right: 0;
    border-top: 1px solid var(--line-2);
    padding: 10px 12px;
  }
  .ca-home .demo-side .ds-logo,
  .ca-home .demo-side .ds-sec { display: none; }
  .ca-home .demo-side .ds-item { font-size: 11px; padding: 6px 9px; gap: 6px; justify-content: center; }
  .ca-home .demo-side .ds-item .lucide { width: 13px; height: 13px; }
  .ca-home .demo-stage { height: auto; min-height: 0; }
  .ca-home .demo-panel {
    position: static;
    display: none;
    padding: 14px 12px;
    overflow: visible;
  }
  .ca-home .demo-panel.active { display: block; opacity: 1; visibility: visible; }
  .ca-home .demo-bar { height: auto; min-height: 44px; padding: 8px 12px; gap: 9px; flex-wrap: wrap; }
  .ca-home .demo-bar .db-title { font-size: 13px; }
  .ca-home .ss-top { flex-direction: column; align-items: stretch; gap: 8px; }
  .ca-home .ss-search { width: 100%; min-width: 0; padding: 6px 10px; height: auto; }
  .ca-home .ss-search .typed { font-size: 12px; overflow: hidden; text-overflow: ellipsis; }
  .ca-home .ss-top > *:not(.ss-search) { align-self: flex-start; }
  .ca-home .ss-label { font-size: 12px; }
  .ca-home .bx-plat { flex-wrap: wrap; gap: 6px; }
  .ca-home .bx-pt { font-size: 11px; padding: 5px 8px; }
  .ca-home .ss-filters { grid-template-columns: 1fr 1fr; gap: 8px; }
  .ca-home .ss-filters > * { min-width: 0; }
  .ca-home .srow.gsrch ~ .srow.gsrch { display: none; }
  .ca-home .azp-side { display: none; }
  .ca-home section.hero { padding-bottom: 90px; }
}

@media (max-width: 768px) {
  .ca-home .lp-hero-glow {
    filter: none;
  }
}
.ca-home .hero-in .lp-eyebrow {
  display: block;
  line-height: 1.7;
}
.ca-home .hero-in .lp-eyebrow b::after {
  content: "\A";
  white-space: pre;
}
.ca-home .lp-marquee-track {
  animation-play-state: running;
}
@media (prefers-reduced-motion: reduce) {
  .ca-home .lp-marquee-track {
    animation: marquee-rtl 30s linear infinite !important;
    animation-play-state: running !important;
  }
  .ca-home .lp-marquee-track.rev {
    animation: marquee-ltr 30s linear infinite !important;
  }
}
@media (max-width: 760px) {
  .ca-home .b-creators .bmedia,
  .ca-home .b-track .bmedia,
  .ca-home .b-connect .bmedia {
    justify-content: flex-start;
  }
  .ca-home .bc-search {
    transform-origin: top left;
  }
}
@media (max-width: 640px) {
  .ca-home .lv-media {
    max-height: 380px;
  }
  .ca-home .lv-media img,
  .ca-home .lv-media video {
    height: 380px;
    object-fit: cover;
  }
  .ca-home .lv-masonry {
    max-height: 1400px;
    overflow: hidden;
  }
  .ca-home .lv-masonry::after {
    height: 260px;
  }
}
@media (max-width: 640px) {
  .ca-home .jt-body h3 { font-size: 19px; line-height: 1.25; }
  .ca-home .jt-body { max-height: 64px; }
  .ca-home .jt-step.on .jt-body { max-height: 420px; }
  .ca-home .jt-num { font-size: 24px; }
  .ca-home .jt-step { padding-left: 40px; padding-bottom: 36px; }
}
@media (max-width: 640px) {
  .ca-home .sf-chead,
  .ca-home .sf-row { gap: 8px; padding-left: 10px; padding-right: 10px; }
  .ca-home .sf-chead .a4,
  .ca-home .sf-row .loc { display: none; }
  .ca-home .sf-chead .a3,
  .ca-home .sf-row .fol { width: 48px; }
  .ca-home .sf-chead .a5,
  .ca-home .sf-row .lp-tag { width: 84px; }
  .ca-home .cmp2-chead,
  .ca-home .cmp2-row { gap: 8px; padding-left: 10px; padding-right: 10px; }
  .ca-home .cmp2-chead .c-reach,
  .ca-home .cmp2-chead .c-eng,
  .ca-home .cmp2-chead .c-emv,
  .ca-home .cmp2-chead .c-th,
  .ca-home .cmp2-row .m.reach,
  .ca-home .cmp2-row .m.eng,
  .ca-home .cmp2-row .m.emv { display: none; }
  .ca-home .cmp2-chead .c-foll,
  .ca-home .cmp2-chead .c-men,
  .ca-home .cmp2-row .m.foll,
  .ca-home .cmp2-row .m.men { width: 56px; }
  .ca-home .lk2-chead .ctp,
  .ca-home .lk2-chead .c4,
  .ca-home .lk2-row .lk2-aitp,
  .ca-home .lk2-row .lk2-ov { display: none; }
  .ca-home .lk2-chead .c2,
  .ca-home .lk2-row .id { flex: 1; width: auto; min-width: 0; }
  .ca-home .sl-metrics { flex-wrap: wrap; margin-bottom: 12px; }
  .ca-home .sl-metrics .sl-mcard { flex: 1 1 44%; }
  .ca-home .sl-metrics .sl-mcard.sl-chart { flex-basis: 100%; }
}
@media (max-width: 860px) {
  .ca-home .shdr.gsrch,
  .ca-home .srow.gsrch {
    grid-template-columns: 30px minmax(0, 1fr) 42px 44px 58px;
    gap: 7px;
  }
  .ca-home .shdr.gsrch > :nth-child(n + 6),
  .ca-home .srow.gsrch > :nth-child(n + 6) { display: none; }
  .ca-home .shdr.gsrch span { white-space: normal; font-size: 7px; line-height: 1.15; }
}

@media (max-width: 640px) {
  .ca-home .sl-head { flex-wrap: wrap; gap: 8px 10px; }
  .ca-home .sl-head .sl-id { flex: 1 1 auto; min-width: 0; }
  .ca-home .sl-id .h { font-size: 15px; }
  .ca-home .sl-track { flex: none; white-space: nowrap; margin-left: 0; }
  .ca-home .sl-head .sl-filter { margin-left: auto; }
  .ca-home .sl-content .slpost:nth-of-type(n + 7) { display: none; }
  .ca-home .slpost .foot { gap: 5px; padding: 5px 7px; font-size: 8px; }
  .ca-home .slpost .foot .emv { flex: none; white-space: nowrap; }
  .ca-home .slpost .foot span:last-child { display: none; }
  .ca-home .lk2-tp span:first-child { display: none; }
}