/* ============ COMMON ============ */
      .zw-template-inner h1,
      .zw-template-inner h2,
      .zw-template-inner h3,
      .zw-template-inner h4,
      .zw-template-inner p {
        margin-bottom: 0;
      }
      .zw-template-inner .zwc-badge {
        display: inline-block;
        font-family: var(--zf-primary-medium);
        font-size: 14px;
        line-height: 1.5;
        letter-spacing: -0.28px;
        color: #1a66ff;
        border: 1px solid #1a66ff;
        border-radius: 30px;
        padding: 4px 16px;
      }
      /* Shared centered section intro */
      .zw-template-inner .zwc-intro {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 18px;
        text-align: center;
      }
      .zw-template-inner .zwc-intro h2 {
        font-family: var(--primaryfont-bold);
        font-size: 40px;
        line-height: 1.2;
        letter-spacing: -0.8px;
        color: #111827;
        max-width: 647px;
      }
       .zw-template-inner .zwc-features-wrap .zwc-intro h2 {
        max-width: 570px;
      }
      .zw-template-inner .zwc-intro p {
        font-family: var(--zf-primary-bold);
        font-size: 16px;
        line-height: 1.625;
        letter-spacing: -0.32px;
        color: #000;
        max-width: 640px;
      }

      .zw-template-inner .zwc-features-wrap .zwc-intro p {
    max-width: 570px;
}
      /* ============ BANNER ============ */
      .zw-product-header {
        background-color: #2350ff;
      }
      .zw-product-header span.zprd-display-name {
        color: #fff;
      }
      .content-wrap {
        max-width: 1170px;
      }
      .zwc-flex-wrap .zwc-field-row {
        display: flex;
        flex-wrap: wrap;
      }
      .zwc-flex-wrap .zwc-field-row:not(:last-child) {
        margin-bottom: 15px;
      }
      .zwc-flex-wrap .zwc-field-row .zwc-field-col {
        display: block;
        flex-basis: 0;
        flex-grow: 1;
        flex-shrink: 1;
        padding: 15px;
      }
      @keyframes rotation {
        0% { transform: rotate(0); }
        100% { transform: rotate(360deg); }
      }
      .zwc-banner-wrap h1 {
        font-size: 64px;
      }
      .success-alert {
        display: none;
        margin: 0 auto 0;
        height: 42px;
        position: fixed;
        z-index: 999999;
        width: 100%;
        left: 0;
        top: 40px;
      }
      .scs-pop-inr {
        padding: 12px 20px;
        position: relative;
        max-width: 350px;
        margin: 10px auto 0;
        background: #40bd60;
        width: 100%;
        opacity: 0;
        border-radius: 2px;
      }
      .scs-pop-inr.animate {
        animation: bounceIn .8s forwards;
        -webiki-animation: bounceIn .8s forwards;
      }
      @keyframes bounceIn {
        0%, 20%, 40%, 60%, 80%, 100% {
          -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
          animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        }
        0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); }
        20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); }
        40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); }
        60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); }
        80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); }
        100% { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }
      }
      .success-alert .scs-txt {
        font-size: 15px;
        display: block;
        text-align: center;
        font-family: var(--zf-primary-regular);
        color: #fff;
      }
      .zwc-banner-wrap {
        background-color: #2350ff;
        color: #fff;
        padding: 90px 0 110px;
      }
      .zwc-banner-wrap .points {
        margin: 36px 0 40px 0;
      }
      .zwc-banner-wrap .points li {
        font-size: 18px;
        margin-bottom: 18px;
        padding-left: 44px;
        position: relative;
      }
      .zwc-banner-wrap .points li .tick {
        position: absolute;
        left: 0;
        top: -2px;
        display: inline-block;
        width: 26px;
        height: 26px;
        border-radius: 50%;
        border: 1.5px solid rgba(255, 255, 255, 0.45);
        background: rgba(255, 255, 255, 0.12);
      }
      .zwc-banner-wrap .points li .tick::before {
        display: none;
      }
      .zwc-banner-wrap .points li .tick::after {
        content: "";
        position: absolute;
        left: 9px;
        top: 5px;
        width: 6px;
        height: 11px;
        border: solid #fff;
        border-width: 0 2px 2px 0;
        transform: rotate(45deg);
      }
      .zwc-banner-wrap .banner-desc {
        margin: 0 0 30px;
        max-width: 560px;
        font-size: 17px;
        line-height: 1.75;
        color: #fcfcfc;
      }
      .zwc-banner-wrap .mail-contact {
        margin: 0;
      }
      .zwc-banner-wrap .mail-contact p {
        margin-bottom: 4px;
        font-size: 17px;
        color: #fcfcfc;
      }
      .zwc-banner-wrap .mail-contact a {
        color: #dbe4ff;
        font-family: var(--primaryfont-semibold);
        font-size: 17px;
        text-decoration: none;
      }
      .zwc-banner-wrap .form-wrap .form-inner.cwf-loading {
        overflow: hidden;
      }
      .zwc-banner-wrap .form-wrap .form-inner.cwf-loading::before {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        background-color: rgba(0, 0, 0, 0.3294117647);
        z-index: 9;
        transition: all 0.5s;
      }
      .zwc-banner-wrap .form-wrap .form-inner.cwf-loading::after {
        content: "";
        width: 28px;
        height: 28px;
        border: 3px solid #FFF;
        border-bottom-color: #ff3d00;
        border-radius: 50%;
        display: inline-block;
        animation: rotation 1s linear infinite;
        position: absolute;
        z-index: 99;
        left: 0;
        top: 50%;
        right: 0;
        margin: 0 auto;
      }
      .zwc-banner-wrap .form-wrap .zgdprform-opt-container {
        color: #000;
      }
      .zwc-banner-wrap .form-wrap .zgdprform-opt-container > input {
        width: auto;
        display: inline-block;
        vertical-align: top;
        margin-bottom: 3px;
        margin-top: 2px;
      }
      .zwc-banner-wrap .form-wrap {
        text-align: right;
        transition: all 0.5s;
      }
      .zwc-banner-wrap .form-wrap .form-inner {
        background-color: #fff;
        padding: 20px 30px;
        width: 480px;
        height: 699px;
        display: inline-block;
        text-align: left;
        position: relative;
        color: #000;
        border-radius: 10px;
      }
      .cwf-container .cwf-button-control .cwf-button[type=submit] {
        width: 100%;
        text-transform: uppercase;
      }
      .cwf-title-wrap {
    margin-bottom: 30px;
}

      /* --- Banner responsive --- */
   
  

      /* ============ STATS STRIP ============ */
      .zwc-prod-stats-wrap {
        background: #fff;
        padding: 70px 0 40px;
      }
      .zwc-prod-stats-wrap .zwc-inner {
        display: flex;
        align-items: center;
        justify-content: center;
      }
      .zwc-prod-stats-wrap .zwc-stat-item {
        flex: 1;
        max-width: 360px;
        text-align: center;
        padding: 0 40px;
      }
      .zwc-prod-stats-wrap .zwc-stat-item + .zwc-stat-item {
        border-left: 2px solid #d9d9d9;
      }
      .zwc-prod-stats-wrap .zwc-stat-item b {
        display: block;
        font-family: var(--zf-primary-extrabold);
        font-size: 36px;
        line-height: 1;
        color: #0d47a1;
        margin-bottom: 14px;
      }
      .zwc-prod-stats-wrap .zwc-stat-item p {
        font-size: 14px;
        line-height: 1.4;
        letter-spacing: -0.28px;
        color: #6c6c6c;
      }

      /* ============ PROCESS ============ */
      .zwc-process-wrap {
        background: #fff;
        padding: 80px 0;
      }
      .zwc-process-wrap .zwc-table {
        margin-top: 48px;
        width: 100%;
        border-collapse: separate;
        border-spacing: 0;
        border-radius: 24px;
        overflow: hidden;
        border: 1px solid #eef0f5;
      }
      .zwc-process-wrap .zwc-table thead tr {
        background: #0d0d0f;
      }
      .zwc-process-wrap .zwc-table th {
        font-family: var(--primaryfont-bold);
        font-size: 18px;
        line-height: 1.5;
        color: #fff;
        text-align: left;
        padding: 20px 32px;
      }
      .zwc-process-wrap .zwc-table th:nth-child(1),
      .zwc-process-wrap .zwc-time { width: 260px; }
      .zwc-process-wrap .zwc-table th:nth-child(2),
      .zwc-process-wrap .zwc-stage { width: 260px; }
      .zwc-process-wrap .zwc-table tbody tr {
        background: #f6f7fb;
      }
      .zwc-process-wrap .zwc-table td {
        padding: 28px 32px;
        vertical-align: middle;
      }
      .zwc-process-wrap .zwc-time span {
        display: inline-block;
        background: #ffd034;
        color: #685000;
        font-family: var(--primaryfont-bold);
        font-size: 16px;
        letter-spacing: -0.32px;
        padding: 12px 24px;
        border-radius: 40px;
      }
      .zwc-process-wrap .zwc-stage {
        font-family: var(--zf-primary-medium);
        font-size: 18px;
        color: #515151;
      }
      .zwc-process-wrap .zwc-happens {
        font-family: var(--zf-primary-medium);
        font-size: 16px;
        line-height: 1.55;
        letter-spacing: -0.32px;
        color: #4a5468;
      }

      /* ============ TRUSTED BY ============ */
      .zwc-trust-wrap {
        background: #fff;
        padding: 20px 0 40px;
      }
      .zwc-trust-wrap .zwc-trusted-tab {
        display: block;
        position: relative;
        z-index: 1;
        width: fit-content;
        margin: 40px auto -1px;
        background: #0b2559;
        color: #fff;
        font-family: var(--zf-primary-medium);
        font-size: 16px;
        letter-spacing: 0;
        padding: 12px 44px;
        border-radius: 14px 14px 0 0;
      }
      .zwc-trust-wrap .zwc-trusted-bar {
        border: 1px solid #d7deef;
        border-radius: 60px;
        padding: 40px;
      }
      .zwc-trust-wrap .zwc-logos {
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-wrap: wrap;
        gap: 20px;
      }
 

      /* ============ USE CASES ============ */
      .zwc-usecases-wrap {
        background: #fff;
        padding: 80px 0;
      }
      .zwc-usecases-wrap .zwc-tabs {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 8px;
        width: fit-content;
        max-width: 100%;
        margin: 40px auto 0;
        padding: 8px;
        border: 1px solid #d7e0f2;
        border-radius: 50px;
      }
      .zwc-usecases-wrap .zwc-tab {
        font-family: var(--primaryfont-bold);
        font-size: 16px;
        letter-spacing: -0.32px;
        color: #727272;
        background: #fff;
        border: 1px solid #eef1f8;
        border-radius: 40px;
        padding: 14px 28px;
        cursor: pointer;
        transition: background 0.3s, color 0.3s, border-color 0.3s;
      }
      .zwc-usecases-wrap .zwc-tab.zwc-tab-active {
        background: #ffd034;
        color: #000;
        border-color: #ffd034;
      }
      .zwc-usecases-wrap .zwc-usecase-card {
        display: none;
        margin-top: 40px;
        border-radius: 24px;
        overflow: hidden;
        border: 1px solid #eef0f5;
        box-shadow: 0 20px 50px rgba(11, 37, 89, 0.08);
      }
      .zwc-usecases-wrap .zwc-usecase-card.zwc-panel-active {
        display: block;
      }
      .zwc-usecases-wrap .zwc-usecase-head {
        background: linear-gradient(120deg, #0b3bb0 0%, #1560e8 100%);
        color: #fff;
        padding: 32px 40px;
      }
      .zwc-usecases-wrap .zwc-usecase-head small {
        display: block;
        font-family: var(--primaryfont-bold);
        font-size: 14px;
        letter-spacing: -0.28px;
        color: #fff;
        opacity: 0.9;
      }
      .zwc-usecases-wrap .zwc-usecase-head h3 {
        margin-top: 8px;
        font-family: var(--primaryfont-bold);
        font-size: 26px;
        line-height: 1.3;
        color: #fff;
      }
      .zwc-usecases-wrap .zwc-usecase-head p {
        margin-top: 8px;
        font-family: var(--zf-primary-medium);
        font-size: 14px;
        line-height: 1.65;
        color: #dbe6ff;
        font-style: italic;
      }
      .zwc-usecases-wrap .zwc-usecase-body {
        padding: 40px;
      }
      .zwc-usecases-wrap .zwc-usecase-cols {
        display: flex;
        gap: 60px;
      }
      .zwc-usecases-wrap .zwc-usecase-col {
        flex: 1;
      }
      .zwc-usecases-wrap .zwc-usecase-col h4 {
        font-family: var(--primaryfont-bold);
        font-size: 14px;
        letter-spacing: -0.28px;
        color: #1565c0;
        margin-bottom: 12px;
      }
      .zwc-usecases-wrap .zwc-usecase-col p {
        font-family: var(--zf-primary-medium);
        font-size: 15px;
        line-height: 1.7;
        color: #374151;
      }
      .zwc-usecases-wrap .zwc-outcomes-block {
        margin-top: 36px;
      }
      .zwc-usecases-wrap .zwc-outcomes-label {
        font-family: var(--primaryfont-bold);
        font-size: 14px;
        letter-spacing: -0.28px;
        color: #00796b;
        margin-bottom: 16px;
      }
      .zwc-usecases-wrap .zwc-outcomes-grid {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 20px;
      }
      .zwc-usecases-wrap .zwc-outcome-pill {
        display: flex;
        align-items: center;
        gap: 14px;
        background: #eafaf1;
        border-radius: 16px;
        padding: 20px 24px;
        font-family: var(--zf-primary-medium);
        font-size: 14px;
        line-height: 1.5;
        color: #1b5e20;
      }
      .zwc-usecases-wrap .zwc-outcome-pill b {
        font-family: var(--zf-primary-extrabold);
        color: #1b5e20;
      }
      .zwc-usecases-wrap .zwc-check {
        flex-shrink: 0;
        width: 24px;
        height: 24px;
        border-radius: 50%;
        background-color: #2e7d5b;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='13' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E");
        background-repeat: no-repeat;
        background-position: center;
      }

      /* ============ OUTCOMES ============ */
      .zwc-outcomes-wrap {
        background: #232323;
        padding: 80px 0;
        border-radius: 40px 40px 0 0;
      }
      .zwc-outcomes-wrap .zwc-intro {
        align-items: flex-start;
        text-align: left;
      }
      .zwc-outcomes-wrap .zwc-intro h2 {
        color: #fff;
      }
      .zwc-outcomes-wrap .zwc-intro p {
        color: #d7d7d7;
        max-width: 620px;
      }
      .zwc-outcomes-wrap .zwc-cards {
        display: flex;
        gap: 30px;
        margin-top: 40px;
      }
      .zwc-outcomes-wrap .zwc-card {
        flex: 1;
        background: #fff;
        border-radius: 16px;
        border: 1px solid #1a66ff;
        padding: 32px;
      }
      .zwc-outcomes-wrap .zwc-card-icon {
        display: block;
        width: 44px;
        height: 44px;
        margin-bottom: 28px;
        background-image: url("/sites/zweb/images/iot/demo/demo-page-sprite-icon.svg");
        background-repeat: no-repeat;
        background-size: 412px auto;
      }
      .zwc-outcomes-wrap .zwc-icon-1 { background-position: 0 0; }
      .zwc-outcomes-wrap .zwc-icon-2 { background-position: -46px 0; }
      .zwc-outcomes-wrap .zwc-icon-3 { background-position: -92px 0; }
      .zwc-outcomes-wrap .zwc-card b {
        display: block;
        font-family: var(--zf-primary-extrabold);
        font-size: 36px;
        line-height: 1;
        color: #0d47a1;
        margin-bottom: 16px;
      }
      .zwc-outcomes-wrap .zwc-card h3 {
        font-family: var(--primaryfont-bold);
        font-size: 16px;
        line-height: 1.4;
        color: #111827;
        margin-bottom: 12px;
      }
      .zwc-outcomes-wrap .zwc-card p {
        font-family: var(--zf-primary-medium);
        font-size: 14px;
        line-height: 1.6;
        color: #6b7280;
      }

      /* ============ TESTIMONIALS ============ */
      .zwc-testi-wrap {
        background: #fff;
        padding: 80px 0;
      }
      .zwc-testi-wrap .zwc-intro {
        align-items: flex-start;
        text-align: left;
      }
      .zwc-testi-wrap .zwc-intro p {
        color: #111827;
        font-family: var(--zf-primary-semibold);
        max-width: 560px;
      }
      .zwc-testi-wrap .zwc-cards {
        display: flex;
        gap: 30px;
        margin-top: 48px;
      }
      .zwc-testi-wrap .zwc-card {
        flex: 1;
        position: relative;
        border: 1px solid #e6e9f0;
        border-radius: 16px;
        padding: 32px;
        display: flex;
        flex-direction: column;
      }
      .zwc-testi-wrap .zwc-quote-mark {
        font-family: var(--primaryfont-bold);
        font-size: 64px;
        line-height: 0.6;
        color: #6391eb;
      }
      .zwc-testi-wrap .zwc-stars {
        margin-top: 12px;
        font-size: 16px;
        letter-spacing: 2px;
        color: #f59e0b;
      }
      .zwc-testi-wrap .zwc-quote {
        margin-top: 24px;
        font-family: var(--zf-primary-medium);
        font-size: 14px;
        line-height: 1.75;
        color: #374151;
        font-style: italic;
        flex: 1;
      }
      .zwc-testi-wrap .zwc-author {
        margin-top: 32px;
      }
      .zwc-testi-wrap .zwc-author b {
        display: block;
        font-family: var(--zf-primary-extrabold);
        font-size: 14px;
        line-height: 1.65;
        color: #111827;
      }
      .zwc-testi-wrap .zwc-author span {
        display: block;
        margin-top: 4px;
        font-family: var(--zf-primary-medium);
        font-size: 12px;
        line-height: 1.65;
        color: #2e3138;
      }

      /* ============ FEATURES ============ */
      .zwc-features-wrap {
        background: #083278;
        padding: 80px 0;
        border-radius: 40px 40px 0 0;
      }
      .zwc-features-wrap .zwc-intro h2 {
        color: #fff;
      }
      .zwc-features-wrap .zwc-intro p {
        color: #c8d6f5;
      }
      .zwc-features-wrap .zwc-cards {
        display: flex;
        flex-wrap: wrap;
        gap: 30px;
        margin-top: 48px;
      }
      .zwc-features-wrap .zwc-card {
        width: calc(33.333% - 20px);
        box-sizing: border-box;
        background: #fff;
        border-radius: 16px;
        padding: 32px;
      }
      .zwc-features-wrap .zwc-card-icon {
        display: block;
        width: 44px;
        height: 44px;
        margin-bottom: 28px;
        background-image: url("/sites/zweb/images/iot/demo/demo-page-sprite-icon.svg");
        background-repeat: no-repeat;
        background-size: 412px auto;
      }
      .zwc-features-wrap .zwc-icon-1 { background-position: -138px 0; }
      .zwc-features-wrap .zwc-icon-2 { background-position: -184px 0; }
      .zwc-features-wrap .zwc-icon-3 { background-position: -230px 0; }
      .zwc-features-wrap .zwc-icon-4 { background-position: -276px 0; }
      .zwc-features-wrap .zwc-icon-5 { background-position: -322px 0; }
      .zwc-features-wrap .zwc-icon-6 { background-position: -368px 0; }
      .zwc-features-wrap .zwc-card h3 {
        font-family: var(--primaryfont-bold);
        font-size: 16px;
        line-height: 1.4;
        color: #111827;
        margin-bottom: 12px;
      }
      .zwc-features-wrap .zwc-card p {
        font-family: var(--zf-primary-medium);
        font-size: 14px;
        line-height: 1.65;
        color: #6b7280;
      }
      .zwc-outcomes-wrap .zwc-badge, .zwc-features-wrap .zwc-badge {
    color: #fff;
    border: 1px solid #fff;
}


      /* ============ RESPONSIVE ============ */

      /* --- 1199px — large tablet / small desktop --- */
      @media (max-width: 1199px) {
        .zw-template-inner .zwc-intro h2 { font-size: 36px; }
        .zwc-prod-stats-wrap,
        .zwc-process-wrap,
        .zwc-usecases-wrap,
        .zwc-outcomes-wrap,
        .zwc-testi-wrap,
        .zwc-features-wrap { padding: 70px 0; }
        .zwc-prod-stats-wrap { padding: 40px 0; }
        .zwc-process-wrap .zwc-table th:nth-child(1),
        .zwc-process-wrap .zwc-time,
        .zwc-process-wrap .zwc-table th:nth-child(2),
        .zwc-process-wrap .zwc-stage { width: 180px; }
        .zwc-usecases-wrap .zwc-usecase-cols { gap: 40px; }
        .zwc-outcomes-wrap .zwc-cards,
        .zwc-testi-wrap .zwc-cards { gap: 20px; }
        .zwc-banner-wrap .banner-desc {
    margin: 0 auto 30px;
}
.zwc-process-wrap .zwc-time {
    width: 190px;
}
  .zwc-banner-wrap h1 { font-size: 42px; line-height: normal; }
        .zwc-banner-wrap { padding: 70px 0 90px; }
        .zwc-banner-wrap .points li { font-size: 18px; padding-left: 40px; }
      }

      /* --- 991px — tablet --- */
      @media (max-width: 991px) {
         .zwc-banner-wrap h1 { font-size: 38px; }
        .zw-product-header { padding-top: 20px; }
        .zwc-banner-wrap { padding: 20px 0 70px; text-align: center; }
        .zwc-banner-wrap .zwc-field-row .zwc-field-col { flex-basis: 100%; }
        .zwc-banner-wrap .points { text-align: left; max-width: 460px; margin: 30px auto; }
        .zwc-banner-wrap .form-wrap { text-align: center; margin-top: 20px; }
        .zw-template-inner .zwc-intro h2 { font-size: 32px; }
.zwc-trust-wrap .zwc-trusted-bar {
    max-width: 660px;
    margin: 0 auto;
}
.zwc-trust-wrap .zwc-trusted-tab {
    margin: 0px auto -1px;
}
.zwc-outcomes-wrap .zwc-card {
    padding: 25px 20px;
}
.zwc-testi-wrap .zwc-cards {
    max-width: 520px;
    margin: 50px auto 0;
}
.zwc-usecases-wrap .zwc-tab {
    padding: 14px 20px;
}
.zwc-trust-wrap {
    padding: 20px 0 0px;
}
.zw-template-inner .zwc-intro p {
    max-width: 530px;
}
        /* -- Process: keep table format, tighten spacing -- */
        .zwc-process-wrap .zwc-table th,
        .zwc-process-wrap .zwc-table td { padding: 20px 10px; }
        .zwc-process-wrap .zwc-table th:nth-child(1),
        .zwc-process-wrap .zwc-time,
        .zwc-process-wrap .zwc-table th:nth-child(2),
        .zwc-process-wrap .zwc-stage { width: 150px; }
        .zwc-process-wrap .zwc-time span { padding: 10px 16px; }

        /* -- Trusted -- */
        .zwc-trust-wrap .zwc-logos { justify-content: center; gap: 24px 40px; }
        .zwc-trust-wrap .zwc-logos img { flex: 0 0 auto; max-width: 120px; }
.zwc-usecases-wrap .zwc-outcome-pill {
    align-items: flex-start;
}
        /* -- Use cases -- */
        .zwc-usecases-wrap .zwc-usecase-cols { flex-direction: column; gap: 32px; }
        .zwc-usecases-wrap .zwc-outcomes-grid { grid-template-columns: 1fr; }

        /* -- Grids: outcomes stays a row (web layout); features → 2-col; testimonials → 1-col -- */
        .zwc-testi-wrap .zwc-cards { flex-wrap: wrap; }
        .zwc-testi-wrap .zwc-card { flex: 1 1 100%; }
        .zwc-features-wrap .zwc-card { width: calc(50% - 15px); }

        /* -- Center stacked card sections (matches ROI/Different pattern) -- */
        .zwc-features-wrap .zwc-intro { align-items: center; text-align: center; }
        .zwc-features-wrap .zwc-card { text-align: center; }
        .zwc-features-wrap .zwc-card-icon { margin-left: auto; margin-right: auto; }

        /* -- Testimonials intro centers; quotes stay left for readability -- */
        .zwc-testi-wrap .zwc-intro { align-items: center; text-align: center; }
        .zwc-prod-stats-wrap .zwc-stat-item {
    padding: 0 25px;
}
      }

      /* --- 767px — mobile --- */
      @media (max-width: 767px) {
        .zw-template-inner .zwc-intro h2,
        .zwc-usecases-wrap .zwc-usecase-head h3,
        .zwc-outcomes-wrap .zwc-card h3,
        .zwc-testi-wrap .zwc-intro p,
        .zwc-features-wrap .zwc-card h3,
        .zwc-process-wrap .zwc-stage {
          letter-spacing: normal;
          line-height: normal;
        }
        .zw-template-inner .zwc-intro h2 {
    max-width: 455px;
}
     .zwc-banner-wrap .zwc-field-row .zwc-field-col { padding: 10px 0; }
        .zwc-banner-wrap .form-wrap .form-inner { width: 100%; }
        .zwc-banner-wrap .form-wrap .captcha-input,
        .zwc-banner-wrap .form-wrap .captcha-code,
        .zwc-banner-wrap .form-wrap .zgdprform-countrylist-container,
        .zwc-banner-wrap .form-wrap .zgdprform-state-container { width: 100%; }
        .zwc-banner-wrap .form-wrap .zgdprform-state-container { margin-top: 10px; }
        .zw-template-inner .zwc-intro h2 { font-size: 30px; }
        .zwc-process-wrap,
        .zwc-usecases-wrap,
        .zwc-outcomes-wrap,
        .zwc-testi-wrap,
        .zwc-features-wrap { padding: 60px 0; }

        /* -- Body / labels stay >= 16px where they carry content -- */
        .zwc-process-wrap .zwc-happens,
        .zwc-usecases-wrap .zwc-usecase-col p,
        .zwc-outcomes-wrap .zwc-card p,
        .zwc-testi-wrap .zwc-quote,
        .zwc-features-wrap .zwc-card p,
        .zwc-usecases-wrap .zwc-outcome-pill { font-size: 16px; }

        .zwc-usecases-wrap .zwc-usecase-head h3 { font-size: 24px; }
        .zwc-outcomes-wrap .zwc-card b { font-size: 32px; }

        /* -- Stats: stack into a column -- */
        .zwc-prod-stats-wrap .zwc-inner { flex-direction: column; gap: 25px; }
        .zwc-prod-stats-wrap .zwc-stat-item { max-width: 100%; padding: 0; }
        .zwc-prod-stats-wrap .zwc-stat-item + .zwc-stat-item {
          border-left: none;
          border-top: 1px solid #e6e9f0;
          padding-top: 25px;
        }

        /* -- Outcomes: stack cards + center (matches ROI/Different pattern) -- */
        .zwc-outcomes-wrap .zwc-cards { flex-direction: column; }
        .zwc-outcomes-wrap .zwc-intro { align-items: center; text-align: center; }
        .zwc-outcomes-wrap .zwc-card { text-align: center; margin: 0 auto;  max-width: 470px; }
        .zwc-outcomes-wrap .zwc-card-icon { margin-left: auto; margin-right: auto; }

        /* -- Process: stack table rows into blocks -- */
        .zwc-process-wrap .zwc-table,
        .zwc-process-wrap .zwc-table tbody,
        .zwc-process-wrap .zwc-table tr,
        .zwc-process-wrap .zwc-table td { display: block; width: auto; text-align: center; }
        .zwc-process-wrap .zwc-table thead { display: none; }
        .zwc-process-wrap .zwc-table tr { padding: 24px; }
        .zwc-process-wrap .zwc-table td { padding: 0; }
        .zwc-process-wrap .zwc-table td + td { margin-top: 14px; }
        .zwc-process-wrap .zwc-time span { padding: 9px 24px; }
        .zwc-process-wrap .zwc-stage {
          font-family: var(--primaryfont-bold);
          font-size: 20px;
          color: #111827;
        }
        .zwc-process-wrap .zwc-time span {
    font-size: 15px;
}
.zwc-outcomes-wrap .zwc-intro p {
    max-width: 460px;
}
        .zwc-features-wrap .zwc-intro {
    max-width: 500px;
    margin: 0 auto;
}
    .zwc-features-wrap .zwc-card {
        max-width: 490px;
        margin: 0 auto;
    }
    .cwf-container.cwf-on-page .cwf-title-wrap h2 {
    font-size: 30px;
}
.zwc-outcomes-wrap .zwc-card p {
    max-width: 360px;
}
        .zwc-banner-wrap h1 { font-size: 32px; }
        .zwc-banner-wrap .form-wrap .form-inner { width: 90%; }

        /* -- Tabs full-width friendly -- */
        .zwc-usecases-wrap .zwc-tabs { gap: 12px; }
        .zwc-usecases-wrap .zwc-tab { padding: 12px 22px; font-size: 16px; }

        /* -- Single column -- */
        .zwc-features-wrap .zwc-card { width: 100%; }
        .zwc-usecases-wrap .zwc-usecase-head,
        .zwc-usecases-wrap .zwc-usecase-body { padding: 28px 24px; }

        /* -- Trusted -- */
        .zwc-trust-wrap .zwc-trusted-bar { border-radius: 24px; padding: 40px 24px 24px; }
        .zwc-usecases-wrap .zwc-tabs {
    max-width: 540px;
}
.zwc-process-wrap .zwc-table {
    max-width: 520px;
    margin: 50px auto 0;
}
.zwc-trust-wrap {
    padding: 20px 0 20px;
}
.zwc-usecase-head {
    text-align: center;
}
.zwc-usecases-wrap .zwc-usecase-head p {
    font-size: 14px;
    line-height: 1.4;
    max-width: 500px;
    margin: 12px auto 0;
}
    .zwc-usecases-wrap .zwc-usecase-cols {
        text-align: center;
    }
        .zw-template-inner .zwc-intro p {
        max-width: 390px;
        line-height: 1.4;
    }
      }

      /* --- 480px — small mobile (spacing & layout only, no font-size changes) --- */
      @media (max-width: 480px) {
        .zwc-process-wrap,
        .zwc-usecases-wrap,
        .zwc-outcomes-wrap,
        .zwc-testi-wrap,
        .zwc-features-wrap { padding: 48px 0; }
        .zwc-outcomes-wrap,
        .zwc-features-wrap { border-radius: 24px 24px 0 0; }
        .zwc-process-wrap .zwc-table { border-radius: 16px; }
        .zwc-process-wrap .zwc-table tbody tr { padding: 20px; }
        .zwc-usecases-wrap .zwc-usecase-card { border-radius: 16px; }
        .zwc-outcomes-wrap .zwc-card,
        .zwc-testi-wrap .zwc-card,
        .zwc-features-wrap .zwc-card { padding: 24px; }
        .zwc-outcomes-wrap .zwc-cards,
        .zwc-testi-wrap .zwc-cards,
        .zwc-features-wrap .zwc-cards { gap: 20px; }
        .zwc-usecases-wrap .zwc-tabs { gap: 10px; }
      }