/* Same URL, device-specific layout polish for desktop, tablet and phone. */

.v3-c-mobile-pain-title[hidden],
.v3-c-mobile-contact-summary[hidden],
.v3-c-mobile-quick-contact[hidden],
.v3-c-mobile-copy[hidden],
.v3-c-mobile-growth-heading[hidden],
.v3-c-mobile-faq-more[hidden] { display: none !important; }

@media (min-width: 1181px) {
  .hero.section-dark {
    min-height: clamp(720px, 72vh, 820px);
  }

  .hero-grid {
    min-height: clamp(720px, 72vh, 820px);
  }

  .hero-refresh {
    padding-block: clamp(54px, 6vh, 76px) clamp(34px, 4vh, 52px);
  }

  .updates-editorial .updates-editorial__top {
    align-items: center;
    grid-template-columns: minmax(360px, .84fr) minmax(620px, 1.16fr);
  }

  .services-showcase__frame,
  .services-showcase__journey,
  .pricing-clay-stage__inner,
  .pricing-levels-b__inner {
    margin-inline: auto;
    max-width: 1400px;
  }
}

@media (min-width: 921px) and (max-width: 1180px) {
  .hero.section-dark,
  .hero-grid {
    min-height: auto;
  }

  .hero-refresh {
    max-width: 660px;
    padding-block: 62px 360px;
  }

  .hero-dashboard-art {
    bottom: -34px;
    opacity: .96;
    right: -60px;
    width: min(78vw, 980px);
  }

  .updates-editorial .updates-editorial__top {
    gap: clamp(28px, 4vw, 52px);
    grid-template-columns: minmax(300px, .92fr) minmax(450px, 1.08fr);
  }

  .services-showcase {
    height: auto;
    min-height: 0;
    padding-block: 74px 84px;
  }

  .pricing-clay-stage__comparison {
    grid-template-columns: 1fr;
  }

  .pricing-clay-stage__card + .pricing-clay-stage__card {
    margin-left: 0;
  }
}

@media (max-width: 920px) {
  .hero.section-dark,
  .hero-grid {
    min-height: auto;
  }

  .hero-refresh {
    margin-inline: auto;
    max-width: 720px;
  }

  .v3-series-b .hero-b-native__body {
    display: grid;
    gap: 12px;
    grid-template-columns: 1fr;
  }

  .v3-series-b .hero-b-native__copy {
    margin-inline: auto;
    max-width: 760px;
  }

  .v3-series-b .hero-b-native__scene {
    overflow: hidden;
  }

  .updates-editorial .updates-editorial__top {
    display: grid;
    gap: 26px;
    grid-template-columns: 1fr;
  }

  .updates-editorial .updates-editorial__intro {
    max-width: 760px;
  }

  .updates-editorial .updates-editorial__resources {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .updates-editorial .updates-editorial__facebook {
    grid-column: 1 / -1;
  }

  .pricing-clay-stage__comparison {
    grid-template-columns: 1fr;
  }

  .pricing-clay-stage__card + .pricing-clay-stage__card {
    margin-left: 0;
  }
}

@media (max-width: 760px) {
  .hero.section-dark {
    padding-top: 0;
  }

  .hero .container {
    width: min(100% - 36px, 1180px);
  }

  .hero-refresh {
    padding: 46px 0 300px;
    text-align: left;
  }

  .hero-refresh__eyebrow,
  .hero-refresh__lead {
    justify-content: flex-start;
  }

  .hero-refresh h1 {
    font-size: clamp(42px, 12vw, 58px);
    line-height: 1.12;
    max-width: 560px;
  }

  .hero-refresh__description {
    font-size: 16px;
    line-height: 1.82;
  }

  .hero-refresh__description br {
    display: none;
  }

  .hero-refresh__actions {
    align-items: stretch;
    display: grid;
    gap: 12px;
    grid-template-columns: 1fr;
    margin-top: 24px;
  }

  .hero-refresh__actions .button,
  .hero-refresh__actions .text-button {
    justify-content: center;
    width: 100%;
  }

  .hero-refresh__proof {
    display: grid;
    gap: 12px;
    grid-template-columns: 1fr;
    margin-top: 28px;
    text-align: left;
  }

  .hero-refresh__proof > div {
    border-bottom: 1px solid rgba(39, 52, 71, .2);
    border-right: 0;
    padding: 0 0 12px;
  }

  .hero-refresh__proof > div:last-child {
    border-bottom: 0;
    padding-bottom: 0;
  }

  .hero-refresh__proof b,
  .hero-refresh__proof small {
    white-space: normal;
  }

  .hero-dashboard-art {
    bottom: -10px;
    left: 50%;
    max-width: none;
    right: auto;
    transform: translateX(-50%);
    width: min(132vw, 660px);
  }

  .v3-series-b .hero-b-native__copy {
    padding-top: 34px;
  }

  .v3-series-b .hero-b-native__copy h1 {
    font-size: clamp(42px, 12.8vw, 60px);
    line-height: 1.1;
    white-space: normal;
  }

  .v3-series-b .hero-b-native__actions {
    align-items: stretch;
    display: grid;
    gap: 12px;
    grid-template-columns: 1fr;
  }

  .v3-series-b .hero-b-native__primary-cta,
  .v3-series-b .hero-b-native__secondary-cta {
    justify-content: center;
    width: 100%;
  }

  .v3-series-b .hero-b-native__scene {
    min-height: clamp(430px, 118vw, 555px);
  }

  .v3-series-b .hero-b-native__stage-stack {
    width: min(118%, 610px);
  }

  .updates-editorial {
    padding-block: 44px 52px;
  }

  .updates-editorial .container {
    width: min(100% - 36px, 1180px);
  }

  .updates-editorial .updates-editorial__intro h2 {
    font-size: clamp(38px, 10.5vw, 52px);
    line-height: 1.18;
  }

  .updates-editorial .updates-editorial__resources {
    grid-template-columns: 1fr;
  }

  .updates-editorial .updates-editorial__topic,
  .updates-editorial .updates-editorial__topic:last-of-type {
    grid-column: auto;
    grid-template-columns: 56px minmax(0, 1fr);
    min-height: 0;
    padding: 16px 44px 16px 16px;
  }

  .updates-editorial .updates-editorial__topic-icon {
    height: 54px;
    width: 54px;
  }

  .updates-editorial .updates-editorial__facebook {
    align-items: stretch;
    flex-direction: column;
    min-height: 0;
  }

  .updates-editorial .updates-editorial__facebook a {
    margin-left: 0;
    width: 100%;
  }

  .services-showcase {
    height: auto;
    min-height: 0;
    padding-block: 58px 66px;
  }

  .services-showcase__heading {
    text-align: left;
  }

  .services-showcase__eyebrow {
    justify-content: flex-start;
  }

  .services-showcase__heading h2 {
    font-size: clamp(42px, 11vw, 56px);
  }

  .services-showcase__heading h2::after {
    margin-left: 0;
  }

  .services-showcase__heading .services-showcase__tagline,
  .services-showcase__heading .services-showcase__description {
    margin-left: 0;
    text-align: left;
  }

  .services-showcase__journey {
    margin-top: 40px;
    padding-top: 0;
  }

  .services-showcase__route {
    display: none;
  }

  .services-showcase__journey .services-showcase__cards {
    gap: 52px;
    grid-auto-rows: auto;
    grid-template-columns: 1fr;
  }

  .services-showcase__journey .services-showcase__card {
    min-height: 0;
    padding-top: 28px;
  }

  .services-showcase__scene {
    height: clamp(150px, 46vw, 190px);
  }

  .services-showcase__copy h3 {
    font-size: clamp(24px, 6.5vw, 30px);
  }

  .services-showcase__cta {
    align-items: stretch;
    flex-direction: column;
    gap: 14px;
  }

  .services-showcase__cta .button {
    width: 100%;
  }

  .pricing-clay-stage {
    padding-block: 52px 62px;
  }

  .pricing-clay-stage__inner {
    width: min(100% - 32px, 1320px);
  }

  .pricing-clay-stage__stage {
    margin-inline: -12px;
    overflow: hidden;
  }

  .pricing-clay-stage__overlay {
    display: none;
  }

  .pricing-clay-stage__comparison {
    background: transparent;
    border: 0;
    box-shadow: none;
    gap: 14px;
    margin-top: 8px;
    padding: 0;
  }

  .pricing-clay-stage__card {
    padding: 20px;
  }

  .pricing-clay-stage__card header {
    gap: 10px;
    grid-template-columns: auto minmax(0, 1fr);
  }

  .pricing-clay-stage__card header > strong {
    grid-column: 2;
    justify-self: start;
  }

  .pricing-clay-stage__footer {
    align-items: stretch;
    flex-direction: column;
    gap: 16px;
  }

  .pricing-clay-stage__cta {
    justify-content: center;
    width: 100%;
  }

  .pricing-levels-b {
    padding-top: 54px;
  }

  .pricing-levels-b__plans {
    gap: 16px;
  }

  .pricing-levels-b__plan,
  .pricing-levels-b__plan--one,
  .pricing-levels-b__plan--two,
  .pricing-levels-b__plan--three {
    min-height: 0;
  }

  .pricing-levels-b__cta {
    justify-content: center;
    width: min(100%, 520px);
  }
}

@media (max-width: 430px) {
  .hero .container,
  .updates-editorial .container {
    width: min(100% - 28px, 1180px);
  }

  .hero-refresh {
    padding-bottom: 260px;
  }

  .hero-refresh__eyebrow {
    align-items: flex-start;
    font-size: 14px;
    gap: 10px;
  }

  .hero-refresh__lead {
    align-items: flex-start;
    font-size: 18px;
  }

  .hero-refresh__actions .button,
  .hero-refresh__actions .text-button {
    font-size: 17px;
  }

  .hero-proof-icon {
    height: 54px;
    width: 56px;
  }

  .hero-dashboard-art {
    width: min(142vw, 560px);
  }

  .v3-series-b .hero-b-native__scene {
    min-height: 500px;
  }

  .v3-series-b .hero-b-native__service-card--glass {
    width: clamp(86px, 27vw, 108px);
  }

  .updates-editorial .updates-editorial__topic,
  .updates-editorial .updates-editorial__topic:last-of-type {
    grid-template-columns: 50px minmax(0, 1fr);
    padding: 14px 38px 14px 14px;
  }

  .updates-editorial .updates-editorial__topic-icon {
    height: 48px;
    width: 48px;
  }

  .services-showcase__scene {
    height: 156px;
  }

  .pricing-clay-stage__card {
    border-radius: 18px;
    padding: 18px;
  }

  .pricing-levels-b__plan,
  .pricing-levels-b__plan--one,
  .pricing-levels-b__plan--two,
  .pricing-levels-b__plan--three {
    padding: 20px 18px;
  }
}