/* ===== RESPONSIVE ===== */
@media(max-width:600px){.navsignup{display:none}}

@media(max-width:820px){
    .nav-links .navlink{display:none}
    .navlogin{padding:8px 14px;font-size:.88rem}
  }

@media(max-width:380px){
    .navlogin span{display:none}
    .navlogin{padding:9px 11px}
  }

@media(max-width:880px){
    .hero-grid{grid-template-columns:1fr;gap:40px}
    .hero{padding:40px 0 56px}
  }

@media(max-width:760px){.pain-grid{grid-template-columns:1fr}}

@media(max-width:760px){.pillars{grid-template-columns:1fr}}

@media(max-width:760px){.steps{grid-template-columns:1fr;gap:24px}.steps-line{display:none}.step{display:flex;gap:16px;align-items:flex-start;padding-top:0}.step .num{margin-bottom:0;flex:none}}

@media(max-width:820px){.show-row{grid-template-columns:1fr;gap:24px}.show-row:nth-child(even) .show-visual{order:0}}

@media(max-width:900px){.benefits{grid-template-columns:1fr 1fr}}

@media(max-width:600px){.benefits{grid-template-columns:1fr}}

@media(max-width:760px){.stories{grid-template-columns:1fr}}

@media(max-width:760px){.pos-cards{grid-template-columns:1fr}.ctable{font-size:.82rem}.ctable th,.ctable td{padding:11px 10px}}

@media(max-width:760px){.caps{grid-template-columns:1fr}}

@media(max-width:820px){.signals{grid-template-columns:1fr 1fr}}

@media(max-width:640px){.inc-grid{grid-template-columns:1fr}}

@media(max-width:860px){.plans{grid-template-columns:1fr}.plan.featured{transform:none}}

@media(max-width:820px){.final-grid{grid-template-columns:1fr;gap:34px}}

@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}}

@media(max-width:880px){.scrollcue{display:none}}

@media(max-width:820px){
    .st-step{grid-template-columns:1fr;min-height:auto;gap:22px;padding:26px 0}
    .st-step:nth-child(even) .st-visual-wrap{order:0}
    .st-visual-wrap{position:static}
    .st-visual{opacity:1;transform:none}
  }

@media(max-width:760px){.pcontent{grid-template-columns:1fr;gap:22px}}

@media(prefers-reduced-motion:reduce){
    .scrollcue .mouse i{animation:none}
    .mock .mbar i{transition:none}
    .st-visual{opacity:1;transform:none;transition:none}
    .ppane.on{animation:none}
  }

@media (max-width: 1080px) {
  .hero-v3__container {
    grid-template-columns: minmax(0, 0.82fr) minmax(500px, 1.18fr);
    gap: 38px;
  }

  .hero-v3 h1 {
    font-size: clamp(3rem, 5.4vw, 4.5rem);
  }

  .dashboard-v3__content {
    grid-template-columns: 1fr;
  }

  .dashboard-v3__activity {
    display: none;
  }
}

@media (max-width: 900px) {
  .nav-v3__links,
  .nav-v3__login,
  .nav-v3__actions > .button-v3 {
    display: none;
  }

  .nav-v3__toggle {
    display: block;
  }

  .mobile-nav-v3 {
    display: block;
    max-height: 0;
    overflow: hidden;
    background: rgba(255, 255, 255, 0.97);
    border-top: 1px solid transparent;
    transition:
      max-height 0.35s ease,
      border-color 0.2s ease;
    backdrop-filter: blur(18px);
  }

  .mobile-nav-v3.is-open {
    max-height: 460px;
    border-color: #e2e8f0;
  }

  .mobile-nav-v3__inner {
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: 16px 22px 24px;
  }

  .mobile-nav-v3__inner > a:not(.button-v3) {
    padding: 13px 4px;
    font-weight: 600;
    color: #334155;
    border-bottom: 1px solid #eef2f7;
  }

  .mobile-nav-v3__inner .button-v3 {
    margin-top: 12px;
  }

  .hero-v3 {
    min-height: auto;
    padding-top: 130px;
  }

  .hero-v3__container {
    grid-template-columns: 1fr;
    gap: 54px;
  }

  .hero-v3__copy {
    max-width: 760px;
    padding-bottom: 0;
    text-align: center;
    margin-inline: auto;
  }

  .hero-v3__description {
    margin-inline: auto;
  }

  .hero-v3__actions,
  .hero-v3__trust {
    justify-content: center;
  }

  .hero-v3__visual {
    max-width: 730px;
    margin-inline: auto;
  }

  .dashboard-v3 {
    transform: none;
  }

  .hero-v3__visual:hover .dashboard-v3 {
    transform: translateY(-4px);
  }
}

@media (max-width: 640px) {
  .nav-v3__inner {
    height: 68px;
  }

  .hero-v3 {
    padding: 112px 0 42px;
  }

  .hero-v3__badge {
    font-size: 0.6rem;
    line-height: 1.4;
  }

  .hero-v3 h1 {
    font-size: clamp(2.65rem, 14vw, 3.7rem);
    line-height: 0.98;
  }

  .hero-v3__description {
    margin-top: 22px;
    font-size: 1.02rem;
  }

  .hero-v3__actions {
    display: grid;
    grid-template-columns: 1fr;
  }

  .button-v3 {
    width: 100%;
  }

  .hero-v3__trust {
    align-items: flex-start;
    text-align: left;
  }

  .hero-v3__visual {
    width: calc(100% + 22px);
    margin-left: -11px;
  }

  .dashboard-v3 {
    grid-template-columns: 45px 1fr;
    min-height: 430px;
    border-radius: 17px;
  }

  .dashboard-v3__sidebar {
    padding-top: 15px;
  }

  .dashboard-v3__mini-brand {
    width: 27px;
    height: 27px;
  }

  .dashboard-v3__main {
    padding: 17px 14px;
  }

  .dashboard-v3__header h2 {
    font-size: 1.03rem;
  }

  .dashboard-v3__period {
    display: none;
  }

  .dashboard-v3__stats {
    grid-template-columns: 1fr 1fr;
  }

  .dashboard-v3__stat:last-child {
    display: none;
  }

  .dashboard-v3__chart {
    height: 176px;
  }

  .floating-card-v3--payment {
    bottom: -22px;
    left: 12px;
  }

  .floating-card-v3--automation {
    top: 70px;
    right: -7px;
    min-width: 138px;
  }

  .hero-v3__proof {
    display: block;
    margin-top: 55px;
    text-align: center;
  }

  .hero-v3__proof-items {
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 14px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .hero-v3__copy,
  .hero-v3__visual,
  .floating-card-v3,
  .hero-v3__badge-dot::after,
  .dashboard-v3__line {
    animation: none;
  }
}

@media (max-width: 1120px) {
  .product-v3__shell {
    grid-template-columns: 220px minmax(0, 1fr);
  }

  .product-v3__panel {
    grid-template-columns: 220px minmax(580px, 1fr);
    padding-left: 28px;
  }
}

@media (max-width: 900px) {
  .product-v3 {
    padding: 92px 0;
  }

  .product-v3__header {
    grid-template-columns: 1fr;
    gap: 25px;
  }

  .product-v3__shell {
    display: block;
    min-height: 0;
  }

  .product-v3__nav {
    display: flex;
    gap: 8px;
    overflow-x: auto;
    padding: 14px;
    border-right: 0;
    border-bottom: 1px solid rgba(148, 163, 184, 0.16);
    scrollbar-width: none;
  }

  .product-v3__nav::-webkit-scrollbar {
    display: none;
  }

  .product-v3__nav-item {
    flex: 0 0 auto;
    grid-template-columns: 31px auto;
    width: auto;
    min-width: 155px;
    padding: 10px;
  }

  .product-v3__nav-item + .product-v3__nav-item {
    margin-top: 0;
  }

  .product-v3__nav-icon {
    width: 31px;
    height: 31px;
  }

  .product-v3__nav-item small {
    display: none;
  }

  .product-v3__panel {
    grid-template-columns: 1fr;
    gap: 25px;
    padding: 32px 0 32px 28px;
  }

  .product-v3__panel-copy {
    max-width: 610px;
    padding-right: 28px;
  }

  .product-screen {
    min-height: 560px;
  }
}

@media (max-width: 680px) {
  .product-v3 {
    padding: 75px 0;
  }

  .product-v3__header h2 {
    font-size: clamp(2.3rem, 12vw, 3.5rem);
  }

  .product-v3__shell {
    width: calc(100% + 28px);
    margin-left: -14px;
    border-radius: 20px;
  }

  .product-v3__panel {
    padding: 26px 0 25px 18px;
  }

  .product-v3__panel-copy {
    padding-right: 18px;
  }

  .product-screen {
    min-height: 490px;
    padding: 16px;
    border-radius: 17px 0 0 17px;
  }

  .product-screen__metrics,
  .reports-v3__kpis {
    grid-template-columns: 1fr 1fr;
  }

  .product-screen__metrics article:last-child,
  .reports-v3__kpis article:last-child {
    display: none;
  }

  .product-screen__dashboard-grid,
  .reports-v3__body,
  .pricing-rule-v3 {
    grid-template-columns: 1fr;
  }

  .product-screen__status-card,
  .reports-v3__clients,
  .pricing-rule-v3__preview {
    display: none;
  }

  .product-screen__chart {
    height: 210px;
  }

  .product-screen__filters {
    overflow-x: auto;
  }

  .product-screen__filters label {
    display: none;
  }

  .product-screen__table-head {
    display: none;
  }

  .product-screen__table-row {
    grid-template-columns: 1fr auto;
    min-height: 74px;
  }

  .product-screen__table-row > span:nth-child(2),
  .product-screen__table-row > span:nth-child(3),
  .product-screen__table-row > strong {
    display: none;
  }

  .collection-v3__summary {
    grid-template-columns: 1fr 1fr;
  }

  .collection-v3__summary > div:nth-child(3) {
    display: none;
  }

  .collection-v3__progress {
    grid-column: 1 / -1;
  }

  .collection-v3__list article {
    grid-template-columns: 1fr auto;
  }

  .collection-v3__timeline {
    display: none;
  }

  .pricing-rule-v3__row {
    grid-template-columns: 1fr;
  }

  .reports-v3__bar-chart {
    height: 220px;
  }

  .product-v3__footer {
    align-items: flex-start;
    flex-direction: column;
  }

  .product-v3__footer .button-v3 {
    width: 100%;
  }
}

@media (max-width: 960px) {
.trust-v3__header,
.closing-v3__container {
grid-template-columns: 1fr;
gap: 34px;
}
.trust-v3__grid {
grid-template-columns: 1fr 1fr;
}
.trust-v3__card--featured {
grid-row: auto;
min-height: 500px;
}
.closing-v3__copy {
max-width: 720px;
text-align: center;
margin-inline: auto;
}
.closing-v3__copy > p {
margin-inline: auto;
}
.closing-v3__actions {
justify-content: center;
}
.closing-v3__visual {
max-width: 690px;
width: 100%;
margin-inline: auto;
}
}

@media (max-width: 720px) {
.trust-v3,
#precios,
#faq,
.closing-v3 {
padding-top: 82px;
padding-bottom: 82px;
}
.trust-v3__grid {
grid-template-columns: 1fr;
}
.trust-v3__card,
.trust-v3__card--featured {
min-height: 0;
}
.trust-v3__audiences {
align-items: flex-start;
flex-direction: column;
}
.trust-v3__audiences div {
flex-wrap: wrap;
gap: 12px;
}
#precios .plan.featured,
#precios .plan.featured:hover {
transform: none;
}
#faq .qa button {
padding: 19px;
font-size: 0.98rem;
}
#faq .qa .ans p {
padding: 0 48px 21px 19px;
}
.closing-v3 h2 {
font-size: clamp(3.1rem, 17vw, 5rem);
}
.closing-v3__visual {
min-height: 450px;
}
.closing-v3__invoice {
min-height: 380px;
padding: 21px;
}
.closing-v3__invoice-progress {
margin-top: 39px;
}
.closing-v3__invoice-progress > b {
margin: 0 4px;
}
.closing-v3__invoice-progress div span {
display: none;
}
.closing-v3__float--one {
bottom: 13px;
left: 4px;
}
.closing-v3__float--two {
top: 22px;
right: -5px;
}
.ft-grid {
flex-direction: column;
}
}

@media (max-width: 440px) {
.closing-v3__invoice-data {
align-items: flex-start;
flex-direction: column;
gap: 16px;
}
.closing-v3__float--two {
display: none;
}
}

@media (prefers-reduced-motion: reduce) {
.closing-v3__float {
animation: none;
}
}