@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%;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    gap: 4px 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; }
  .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; }
}