/* ---------- shared ---------- */
      .zwc-flex {
        display: flex;
      }
        .zw-template-inner *{
          text-wrap: pretty;
        }
        .zw-product-header {
    position: relative;
    z-index: 1;
}
      .zw-template-inner section {
        padding: clamp(60px, 6.25vw, 120px) 0;
      }
      .zw-template-inner h2 {
    font-family: var(--zf-primary-medium);
    font-size: clamp(28px, 6.24vw, 56px);
    letter-spacing: -2.8px;
    line-height: 1.14;
  }
   .zw-template-inner h2 span,.zw-template-inner h1 span{
    display: inline-block;
   }
  .zw-template-inner .slick-arrow {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: #e7e7e7;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: background-color .2s ease;
}
.zw-template-inner button {
    border: 0;
    background: 0;
    padding: 0;
    cursor: pointer;
    font: inherit
}
.zw-template-inner .slick-disabled {
    opacity: .4;
    cursor: default
}
  .zw-template-inner h2 span{
    display: inline-block;
  }
.zw-template-inner p,.zwc-list li {
    font-size: clamp(15px, 2.04vw, 18px);
}
      .zwc-list ul {
        list-style: none;
        flex-direction: column;
      }
      .zwc-list li {
        align-items: flex-start;
        gap: 10px;
        padding: 18px 0;
        border-bottom: 1px solid #e7e7e7;
      }
      .zwc-list li:first-child {
        padding-top: 0;
      }
      .zwc-list li:last-child {
        padding-bottom: 0;
        border-bottom: 0;
      }
      .zwc-list li h3 {
    font-size: clamp(19px, 2.04vw, 24px);
    font-family: var(--zf-primary-medium);
    margin-bottom: 10px;
}

      /* ---------- banner ---------- */
      .zwc-banner-wrap {
        position: relative;
        background-color: #fff;
        text-align: center;
        overflow: hidden;
      }
      .zwc-banner-wrap::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        height: 85%;
        background-image: url("/sites/zweb/images/sites/zwc-ai-feature-dotted-bg-img.png"), url("/sites/zweb/images/sites/zwc-ai-feature-banner-bg-img.png");
        background-position: bottom center, center;
        background-repeat: no-repeat, no-repeat;
        background-size: 100% auto, cover;
        z-index: 0;
      }
      .zwc-banner-wrap .content-wrap {
        position: relative;
        z-index: 1;
      }
  
      
.zw-template-inner h1 {
    font-family: var(--zf-primary-medium);
    font-size: clamp(36px, 6.17vw, 72px);
    margin-bottom: 10px;
    letter-spacing: -3.6px;
    line-height: 1.11;
}
.zwc-banner-top{
  max-width: 824px;
  width: 100%;
  margin: 0 auto;
}
.zwc-banner-top p{
      max-width: 610px;
    width: 100%;
    margin-inline: auto;
}
.zwc-banner-top p {
    font-size: clamp(15px, 1.39vw, 20px);
}
      .zwc-btn-wrap {
        justify-content: center;
        gap: 16px;
        margin-top: clamp(24px, 2.083vw, 32px);
      }
      .zwc-banner-wrap picture {
        display: block;
        margin-top: clamp(32px, 3.333vw, 64px);
      }
      .zwc-banner-wrap img {
        max-width: 100%;
        height: auto;
      }
      .zw-template-inner .zwc-btn-wrap a {
    padding: 16px 24px;
    border-radius: 4px;
    font-family: var(--primaryfont-semibold);
    font-size: clamp(14px, 0.93vw, 16px);
}
.zw-template-inner .zwc-dark {
    background-color: #000;
    color: #fff;
}
.zw-template-inner .zwc-dark {
    display: inline-block;
    border: 1px solid #000;
    border-radius: 4px;
    padding: 16px 24px;
    font-family: var(--primaryfont-semibold);
    font-size: clamp(14px, 0.93vw, 16px);
    text-transform: uppercase;
    text-decoration: none;
}


      /* ---------- banner visual (ring + bot) ---------- */
       .zw-template-inner section.zwc-banner-wrap{
        padding-bottom: 0;
        margin-top: -70px;
    padding-top: clamp(60px, 26.25vw, 130px);
      }
      .zwc-dynamic-banner-visual {
        width: 100%;
        margin-top: clamp(32px, 3.333vw, 64px);
      }
      .zwc-dynamic-banner-deck {
        position: relative;
        height: clamp(173px, 35vw, 530px);
      }
      .zwc-dynamic-banner-card {
        position: absolute;
        top: 50%;
        left: 50%;
        width: clamp(280px, 56vw, 857px);
        aspect-ratio: 1714 / 1060;
        opacity: 0;
        z-index: 1;
        overflow: hidden;
        border: 1px solid #e7c6c3;
        border-radius: clamp(16px, 1.67vw, 24px);
        transform: translate(-50%, -50%) scale(0.8);
        transition: transform 0.7s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.5s ease, aspect-ratio 0.7s cubic-bezier(0.22, 1, 0.36, 1);
      }
      .zwc-dynamic-banner-card img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
      }
      .zwc-dynamic-banner-card.zwc-slot-prev,
      .zwc-dynamic-banner-card.zwc-slot-next {
        aspect-ratio: 1714 / 975;
      }
      .zwc-dynamic-banner-card.zwc-slot-prev2,
      .zwc-dynamic-banner-card.zwc-slot-next2 {
        aspect-ratio: 1714 / 912;
      }
      .zwc-dynamic-banner-card.zwc-slot-active {
        opacity: 1;
        z-index: 3;
        transform: translate(-50%, -50%) scale(1);
      }
      .zwc-dynamic-banner-card.zwc-slot-prev {
        opacity: 1;
        z-index: 2;
        transform: translate(calc(-50% - 9%), -50%) scale(0.94);
      }
      .zwc-dynamic-banner-card.zwc-slot-next {
        opacity: 1;
        z-index: 2;
        transform: translate(calc(-50% + 9%), -50%) scale(0.94);
      }
      .zwc-dynamic-banner-card.zwc-slot-prev2 {
        opacity: 1;
        z-index: 1;
        transform: translate(calc(-50% - 17%), -50%) scale(0.88);
      }
      .zwc-dynamic-banner-card.zwc-slot-next2 {
        opacity: 1;
        z-index: 1;
        transform: translate(calc(-50% + 17%), -50%) scale(0.88);
      }

      /* ---------- two column sections ---------- */
      /* .zwc-mcp-badge-copilot{
        display: none !important;
      } */
      .zwc-feature-text{
        margin-inline: auto;
        text-align: center;
      }
      .zwc-block1 .zwc-feature-text {
        max-width: 631px;
        width: 100%;
        
      }
      .zwc-feature-bottom{
        justify-content: space-between;
      }
      .zwc-feature-bottom{
        gap: clamp(32px, 3.333vw, 64px);
        align-items: center;
        margin-top: clamp(40px, 4.166vw, 80px);
      }
      .zwc-showcase {
        background-color: #f7f7f7;
      }
      .zwc-showcase .zwc-feature-visual-fg{
        max-width: 797px;
        width: 64%;

      }
      .zwc-feature-visual {
        border-radius: 12px;
      }
      .zwc-feature-visual-bg {
        background-image: url("/sites/zweb/images/sites/zwc-ai-feature-website-prompt-img-bg.png");
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        max-width: 765px;
        width: 100%;
        padding: 40px;
      }
      .zwc-block2 .zwc-feature-text{
        max-width: 612px;
        width: 100%;
      }
      .zwc-block3 .zwc-feature-text{
            max-width: 666px;
        width: 100%;
      }
      /* ---------- MCP floating platform badges ---------- */
      .zwc-mcp-visual {
        position: relative;
        max-width: 657px;
        width: 100%;
      }
      .zwc-mcp-visual::before {
        content: "";
        position: absolute;
        top: 50%;
        left: 50%;
        width: 240%;
        height: 170%;
        transform: translate(-50%, -50%);
        background-image: url("/sites/zweb/images/sites/zwc-ai-feature-create-website-ai-and-mcp-bg-img.png");
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
        z-index: -1;
        pointer-events: none;
      }
      .zwc-mcp-badge {
        position: absolute;
        display: inline-flex;
        align-items: center;
        gap: 8px;
        padding: 25px 21px;
        border: 1px solid transparent;
        background: linear-gradient(#fff, #fff) padding-box,
          linear-gradient(135deg, rgba(242, 165, 108, 0), #f2a56c) border-box;
        border-radius: 999px;
        font-family: var(--primaryfont-semibold);
        font-size: 21px;
        color: #1a1a1a;
        white-space: nowrap;
        box-shadow: 0 8px 20px rgba(0, 0, 0, .05);
      }
      .zwc-mcp-badge::before {
        content: "";
        flex: none;
        display: block;
        width: 24px;
        height: 24px;
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
      }
      .zwc-mcp-badge-claude {
           top: -40px;
    right: -15%;
      }
      .zwc-mcp-badge-claude::before {
        background-image: url("/sites/zweb/images/otherbrandlogos/claude-icon.svg");
      }
      .zwc-mcp-badge-chatgpt {
        top: 40%;
            left: -200px;
      }
      .zwc-mcp-badge-chatgpt::before {
        background-image: url("/sites/zweb/images/otherbrandlogos/chatgpt-icon.svg");
      }
      .zwc-mcp-badge-copilot {
        top: 63%;
        right: -200px;
      }
      .zwc-mcp-badge-copilot::before {
        background-image: url("/sites/zweb/images/otherbrandlogos/copilot.svg");
      }
      .zwc-mcp-badge-cursor {
            bottom: -57px;
    left: -18%;
      }
      .zwc-mcp-badge-cursor::before {
        background-image: url("/sites/zweb/images/otherbrandlogos/cursor.svg");
      }
      .zwc-list{
        max-width: 393px;
        width: 100%;
      }
      .zwc-overview .zwc-feature-bottom{
        justify-content: space-around;
      }

      /* ---------- testimonial ---------- */
      .zw-template-inner section.zwc-testimonial {
        padding-bottom: 0;
      }
      .zwc-testimonial .zwc-head {
        align-items: center;
        justify-content: center;
        gap: 29px;
        margin-bottom: 60px;
      }
      .zwc-testimonial .zwc-head h2 {
        max-width: 636px;
        width: 100%;
      }
      .zwc-testimonial .zwc-avatars span {
        align-items: center;
        justify-content: flex-end;
        gap: 10px;
      }
      .zwc-testimonial .zwc-avatars button {
        position: relative;
        width: 70px;
        height: 70px;
        border-radius: 50%;
        transition: opacity 0.2s ease;
        display: flex;
        align-items: center;
        justify-content: center;
      }
      .zwc-testimonial .zwc-avatar-progress {
        position: absolute;
        inset: -6px;
        width: calc(100% + 12px);
        height: calc(100% + 12px);
        transform: rotate(-90deg);
        pointer-events: none;
        opacity: 0;
      }
      .zwc-testimonial .zwc-avatars button.zwc-active .zwc-avatar-progress {
        opacity: 1;
      }
      .zwc-testimonial .zwc-avatar-progress circle {
        fill: none;
        stroke-width: 3;
      }
      .zwc-testimonial .zwc-avatar-progress-track {
        stroke: #e0e0e0;
      }
      .zwc-testimonial .zwc-avatar-progress-fill {
        stroke: #e4432e;
        stroke-linecap: round;
        stroke-dasharray: 232.5;
        stroke-dashoffset: 232.5;
      }
      .zwc-testimonial .zwc-avatars button.zwc-active .zwc-avatar-progress-fill {
        stroke-dashoffset: 0;
        animation: zwc-avatar-progress-fill 4s linear forwards;
      }
      @keyframes zwc-avatar-progress-fill {
        from { stroke-dashoffset: 232.5; }
        to { stroke-dashoffset: 0; }
      }
      .zwc-testimonial .zwc-avatars p {
        margin-top: 10px;
        text-align: right;

      }

      .zwc-testimonial .zwc-body {
        padding-bottom: clamp(40px, 3.47vw, 60px);
      }
      .zwc-testimonial .zwc-body{
        border-bottom: 1px solid #e6e6e6;
      }
      .zwc-testi-track {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
      }
      .zwc-testimonial .zwc-testi-track .slick-list {
        order: 0;
        flex: 0 0 100%;
        width: 100%;
      }
      .zwc-testimonial .zwc-testi-slide {
        display: flex;
        justify-content: center;
        gap: clamp(30px, 4.28vw, 74px);
        align-items: center;
      }
      .zwc-testimonial .zwc-media .watch-btn {
        display: flex;
        align-items: center;
        margin-inline: auto;
        gap: 9px;
        text-decoration: none;
        font-family: var(--primaryfont-semibold);
        font-size: 15px;
        line-height: 0;
        letter-spacing: -0.28px;
        text-transform: uppercase;
        margin-top: 10px;
      }
      .zwc-testimonial .zwc-media .zwc-icon-play {
        position: relative;
        width: 27px;
        height: 27px;
        border-radius: 50%;
        background-color: #e4432e;
        top: -1px;
      }
      .zwc-testimonial .zwc-media .zwc-icon-play::before {
        content: "";
        position: absolute;
        left: 52%;
        top: 50%;
        transform: translate(-50%, -50%);
        width: 0;
        height: 0;
        border-top: 4px solid transparent;
        border-bottom: 4px solid transparent;
        border-left: 6px solid #fff;
      }
      .zwc-testimonial .zwc-testi-slide .zwc-quote {
        max-width: 400px;
        width: 100%;
        text-align: left;
      }
      .zwc-testimonial .zwc-testi-slide:nth-child(2) .zwc-quote {
        max-width: 430px;
      }
      .zwc-testimonial .zwc-quote::before {
        content: "";
        display: block;
        width: 32px;
        height: 27px;
        margin-bottom: 20px;
        background-image: url("/sites/zweb/images/sites/zwc-home-testimonial-quote-img.svg");
        background-repeat: no-repeat;
        background-size: contain;
        background-position: left top;
      }
      .zwc-testimonial .zwc-quote blockquote {
        margin: 0;
        font-size: clamp(15px, 2.04vw, 20px);
        margin-bottom: 24px;
        font-family: var(--zf-primary-regularserif);
      }
      .zwc-testimonial .zwc-quote h3 {
        font-family: var(--primaryfont-semibold);
        font-size: clamp(18px, 1.39vw, 24px);
        margin-bottom: 8px;
      }
      .zwc-testimonial .zwc-quote h3 + p {
        font-family: var(--primaryfont-regular);
        font-size: clamp(14px, 0.93vw, 16px);
        max-width: 420px;
        width: 100%;
        margin-bottom: 0;
      }
      .zwc-testimonial .slick-arrow {
        position: relative;
        top: auto;
        left: -30px;
        right: auto;
        order: 1;
        display: inline-block;
        margin-top: 24px;
        transform: none;
      }
      .zwc-testimonial .slick-next:after, .zwc-testimonial .slick-prev:after {
        display: none;
      }
      .zwc-testimonial .slick-next {
        margin-left: 8px;
      }
      .zwc-testimonial .slick-arrow::before,
      .zwc-testimonial .zwc-media .watch-btn::before {
        content: "";
        width: 8px;
        height: 8px;
        border-top: 1.5px solid #000;
        border-right: 1.5px solid #000;
      }
      .zwc-testimonial .slick-arrow::before {
        position: absolute;
        top: 50%;
        left: 50%;
        background: none;
      }
      .zwc-testimonial .slick-prev::before {
        transform: translate(-30%, -50%) rotate(-135deg);
      }
      .zwc-testimonial .slick-next::before {
        transform: translate(-70%, -50%) rotate(45deg);
      }
      .zwc-testimonial .zwc-media .watch-btn::before {
        order: 3;
        transform: rotate(45deg);
      }

      /* ---------- use case ---------- */
      .zw-template-inner section.zwc-usecase .content-wrap {
        padding-top: 73px;
      }
      .zw-template-inner section.zwc-usecase{
         padding-top: 0;
      }
      .zwc-usecase .zwc-head {
        align-items: flex-start;
        justify-content: center;
        gap: clamp(30px, 5.73vw, 99px);
      }
      .zwc-usecase h2 {
        max-width: 555px;
      }
      .zwc-usecase .zwc-head p {
        max-width: 406px;
        width: 100%;
        margin-top: 20px;
      }
      .zwc-usecase .zwc-body {
        align-items: center;
        justify-content: space-between;
        gap: clamp(40px, 6.94vw, 100px);
        margin-top: clamp(30px, 3.33vw, 48px);
      }
      .zwc-usecase .zwc-visual {
        position: relative;
        display: grid;
        place-items: center;
        flex: 0 0 clamp(320px, 39.58vw, 570px);
        max-width: clamp(320px, 39.58vw, 570px);
        aspect-ratio: 1 / 1;
        border-radius: clamp(16px, 1.67vw, 24px);
        background-color: #efefef;
        overflow: hidden;
        isolation: isolate;
      }
      .zwc-usecase .zwc-visual::before {
        content: "";
        position: absolute;
        inset: 0;
        z-index: -1;
        background-image: url("/sites/zweb/images/sites/zwc-home-build-bussiness-bg-image.png");
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
      }
      .zwc-usecase .zwc-deck {
        display: grid;
            max-width: 484px;
    width: 100%;
      }
      .zwc-usecase .zwc-card {
        grid-area: 1 / 1;
        opacity: 0;
        visibility: hidden;
        border-radius: clamp(8px, 0.83vw, 12px);
        transition: opacity 0.4s ease, visibility 0s linear 0.4s;
      }
      .zwc-usecase .zwc-card.zwc-active {
        opacity: 1;
        visibility: visible;
        transition: opacity 0.4s ease, visibility 0s linear 0s;
      }
      .zwc-usecase .zwc-card img {
        display: block;
        width: 100%;
        height: auto;
        border-radius: clamp(8px, 0.83vw, 12px);
      }
      .zwc-usecase ul {
        max-width: 580px;
        width: 100%;
        margin: 0;
        padding: 0;
        list-style: none;
      }
      .zwc-usecase li + li {
        border-top: 1px solid #e1e1e1;
      }
      .zwc-usecase li button {
        width: 100%;
        text-align: left;
        position: relative;
        padding: clamp(18px, 1.67vw, 24px) 56px clamp(18px, 1.67vw, 24px) 0;
        border: 0;
        background: none;
        cursor: pointer;
      }
      .zwc-usecase li h3 {
        margin: 0;
        position: relative;
        font-family: var(--zf-primary-medium);
        font-size: clamp(20px, 1.94vw, 28px);
        line-height: 1.3;
        letter-spacing: -0.2px;
        color: #1a1a1a;
      }
      .zwc-usecase li h3::before {
        content: "";
        position: absolute;
        right: -56px;
        top: 50%;
        transform: translateY(-50%);
        width: 32px;
        height: 32px;
        border: 1.5px solid #000;
        border-radius: 50%;
      }
      .zwc-usecase li h3::after {
        content: "";
        position: absolute;
        right: -45.5px;
        top: 50%;
        width: 11px;
        height: 11px;
        background-image: url("/sites/zweb/images/sites/zwc-home-arrow-icon.svg");
        background-repeat: no-repeat;
        background-size: contain;
        transform: translateY(-50%) rotate(180deg);
        transition: transform 0.3s ease;
      }
      .zwc-usecase li.zwc-active h3::after {
        transform: translateY(-50%) rotate(0deg);
      }
      .zwc-usecase li p {
        display: none;
        max-width: 464px;
        margin: 0;
        font-family: var(--primaryfont-regular);
        line-height: 1.5;
        color: #4d4d4d;
        padding-top: 15px;
        padding-bottom: clamp(18px, 1.67vw, 24px);
      }
      .zwc-usecase li.zwc-active button {
        padding-bottom: 0;
      }

      /* ---------- bottom cta band ---------- */
      .zw-template-inner section.zwc-cta-band {
        position: relative;
        z-index: 0;
        padding: clamp(80px, 12.33vw, 180px) 0;
        text-align: center;
        background-color: #f0f0f0;
        background-image: url("/sites/zweb/images/sites/zwc-home-start-with-the-prompt-bg-image.png");
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
      }
      .zwc-cta-band::before {
        content: "";
        position: absolute;
        inset: 0;
        background-image: url("/sites/zweb/images/sites/zwc-home-zwc-cta-band-bg-img.png");
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        z-index: -1;
        pointer-events: none;
      }
      .zwc-cta-band .zwc-container {
        max-width: 595px;
        width: 100%;
        margin-inline: auto;
      }
      .zwc-cta-band .zwc-container p {
        margin-bottom: 24px;
      }
      .zwc-cta-band .zwc-btn-wrap {
        justify-content: center;
      }
      .zwc-overview{
        overflow: hidden;
      }
      .zwc-feature-visual-mobile{
        display: none;
      }

      /* ---------- responsive ---------- */
      @media (min-width: 1200px) {
        .zw-template-inner .zwc-btn-wrap a, .zw-template-inner .zwc-second-cta, .zw-template-inner .zwc-dark {
          letter-spacing: -0.32px;
          line-height: 1.625;
        }
        .zw-template-inner p, .zwc-list li {
          letter-spacing: -0.36px;
          line-height: 1.56;
        }
        .zwc-testimonial .zwc-quote blockquote {
          letter-spacing: -0.36px;
        }
        .zwc-testimonial .zwc-quote h3 {
          letter-spacing: -0.72px;
          line-height: 1.33;
        }
        .zwc-testimonial .zwc-quote h3 + p {
          letter-spacing: -0.48px;
        }
      }
      @media (max-width: 1400px) {
        .zwc-mcp-badge-copilot {
          display: none;
        }
      }
      @media (max-width: 1199px) {
        .zwc-mcp-badge-chatgpt{
          display: none;
        }
        .zwc-usecase .zwc-body {
          gap: 40px;
        }
      }
      @media (max-width: 991px) {
        .zw-template-inner section.zwc-overview.zwc-block3{
          padding-bottom: 0;
        }
        .zw-template-inner h1,.zw-template-inner h2{
              letter-spacing: -2.8px;
        }
        .zwc-mcp-visual::before,.zwc-mcp-badge{
          display: none;
        }
         .zwc-feature-visual-mobile{
        display: block;
      }
      .zwc-showcase .zwc-feature-bottom {
        flex-flow: column-reverse;
      }
.zwc-mcp-visual{
  max-width: 550px;
}

    .zwc-mcp-badge{
      max-width: 200px;
      width: 100%;
      padding: 10px;
    }
        .zwc-dynamic-banner-deck { height: clamp(140px, 34vw, 320px); }
        .zwc-dynamic-banner-card { width: clamp(240px, 56vw, 520px); }
        .zwc-feature-bottom,
        .zwc-showcase .content-wrap,
        .zwc-overview .content-wrap {
          flex-direction: column;
        }
        .zwc-feature-bottom .zwc-list,
        .zwc-feature-bottom .zwc-feature-visual,
        .zwc-showcase .content-wrap .zwc-list,
        .zwc-showcase .content-wrap .zwc-feature-text,
        .zwc-overview .content-wrap .zwc-list,
        .zwc-showcase .content-wrap > img,
        .zwc-overview .content-wrap > img {
          flex: 1 1 auto;
          width: 100%;
        }
        .zwc-usecase .zwc-visual {
          flex: 0 0 46%;
          max-width: 46%;
        }
        .zwc-usecase .zwc-deck {
          width: 84%;
        }
        .zwc-usecase .zwc-head p {
          max-width: 600px;
          margin: 0 auto;
        }
        .zwc-usecase h2 {
          flex-basis: auto;
        }
        .zwc-usecase .zwc-head {
          flex-direction: column;
          padding-left: 0;
          gap: 0px;
        }
        .zwc-usecase .zwc-body {
          margin-top: 40px;
        }
        .zwc-usecase h2,
        .zwc-usecase .zwc-head p {
          margin-inline: auto;
          text-align: center;
        }
      }
      @media (max-width: 767px) {
        .zwc-feature-bottom .zwc-feature-visual{
          padding: 20px;
        }
        .zwc-showcase .zwc-feature-visual-fg{
          width: 100%;
        }
            .zw-template-inner h1, .zw-template-inner h2 {
        letter-spacing: -1.8px;
    }
        .zwc-dynamic-banner-deck { height: clamp(90px, 42vw, 220px); }
        .zwc-dynamic-banner-card { width: clamp(160px, 68vw, 340px); }
        .zwc-mcp-badge {
          padding: 12px 14px;
          font-size: 14px;
          gap: 6px;
        }
        .zwc-mcp-badge::before {
          width: 16px;
          height: 16px;
        }
        .zwc-mcp-badge-claude {
          top: -16px;
          right: 0;
        }
        .zwc-mcp-badge-chatgpt {
          top: 38%;
          left: 0;
        }
        .zwc-mcp-badge-copilot {
          top: 62%;
          right: 0;
        }
        .zwc-mcp-badge-cursor {
          bottom: -16px;
          left: 0;
        }
        .zwc-mcp-visual::before {
          width: calc(100% + 36px);
          height: calc(100% + 80px);
        }
        .zwc-btn-wrap {
          flex-direction: column;
          align-items: center;
        }
        .zwc-usecase li p {
          padding: 0;
          display: block;
          max-width: 100%;
        }
        .zwc-testimonial .zwc-avatars span,
        .zw-template-inner .zwc-testimonial .zwc-head {
          justify-content: center;
          align-items: center;
        }
        .zwc-testimonial .zwc-head {
          text-align: center;
        }
        .zwc-testimonial .zwc-avatars p {
          text-align: center;
          margin: 0 auto;
        }
        .zw-template-inner .zwc-testimonial .zwc-avatars span {
          align-items: center;
          justify-content: center;
        }
        .zw-template-inner .zwc-testimonial .zwc-testi-slide {
          align-items: center;
        }
        .zwc-usecase .zwc-body {
          flex-direction: column;
          align-items: stretch;
          gap: 28px;
          margin-top: 0;
        }
        .zwc-usecase li h3::before,
        .zwc-usecase li h3::after {
          display: none;
        }
        .zwc-usecase li button {
          padding-right: 0;
          padding-top: 30px;
        }
        .zwc-usecase .zwc-visual,
        .zwc-usecase .zwc-deck,
        .zwc-usecase ul {
          display: contents;
        }
        .zwc-usecase .zwc-visual::before {
          display: none;
        }
        .zwc-usecase li h3 {
          cursor: default;
        }
        .zwc-usecase .zwc-card {
          opacity: 1;
          visibility: visible;
          transition: none;
          margin-bottom: 24px;
        }
        .zwc-usecase .zwc-card img {
          border-radius: 12px;
        }
        .zwc-usecase li:nth-child(1) { order: 1; }
        .zwc-usecase .zwc-card:nth-child(1) { order: 2; }
        .zwc-usecase li:nth-child(2) { order: 3; }
        .zwc-usecase .zwc-card:nth-child(2) { order: 4; }
        .zwc-usecase li:nth-child(3) { order: 5; }
        .zwc-usecase .zwc-card:nth-child(3) { order: 6; }
        .zwc-usecase li:nth-child(4) { order: 7; }
        .zwc-usecase .zwc-card:nth-child(4) {
          order: 8;
          margin-bottom: 0;
        }
        .zwc-testimonial .zwc-testi-slide .zwc-quote {
          text-align: center;
        }
        .zwc-testimonial .zwc-quote::before {
          display: none;
        }
        .zwc-testimonial .slick-arrow {
          left: 0;
        }
        .zw-template-inner section.zwc-usecase .content-wrap {
          padding-top: 60px ;
        }
        .zwc-testimonial .zwc-head,
        .zwc-testimonial .zwc-testi-slide {
          flex-direction: column;
          align-items: flex-start;
          gap: 24px;
        }
        .zwc-testimonial .zwc-quote {
          width: 100%;
        }
      }
      @media (prefers-reduced-motion: reduce) {
        .zwc-dynamic-banner-card {
          transition: opacity 0.15s linear;
        }
        .zwc-usecase .zwc-card {
          transition: opacity 0.15s linear, visibility 0s linear 0.15s;
        }
        .zwc-usecase .zwc-card.zwc-active {
          transition: opacity 0.15s linear, visibility 0s linear 0s;
        }
      }