:root{--color-white:#fff;--color-black:#000;--color-primary:#0d1859;--color-primary-dark:#161f56;--color-accent:#334acc;--color-bg-light:#e9ecfc;--color-border:#dadada;--fs-hero-title:clamp(36px,7.8vw,60px);--fs-hero-desc:clamp(16px,1.7vw,24px);--fs-section-title:clamp(32px,4.6vw,56px);--fs-cta-title:clamp(32px,5.3vw,60px);--fs-card-title:clamp(22px,2.2vw,26px);--fs-card-desc:clamp(16px,1.4vw,18px);--fs-card-link:clamp(18px,1.7vw,20px);--fs-tab-btn:22px}.zwc-hero-banner,.zwc-use-cases,.zwc-cta-section{--section-gap:clamp(30px,4.6vw,64px)}.zwc-wrapper{timeline-scope:--zwc-hero-vt}.zwc-hero-banner .content-wrap,.zwc-use-cases .content-wrap{max-width:1387px}.zwc-cta-section .content-wrap{max-width:1028px}.zwc-hero-banner{view-timeline:--zwc-hero-vt block;background:linear-gradient(144deg,#132486 0,#122381 11%,#12217c 22%,#112077 33%,#101f72 44%,#101d6d 56%,#0f1c68 67%,#0e1b63 78%,#0e195e 89%,#0d1859 100%);padding-top:clamp(80px,9.2vw,128px);overflow:hidden}.zwc-hero-banner{margin-top:-68px}.zw-product-header.zwph-white{background:var(--zwc-primary-color)}.zwc-hero-banner .content-wrap{display:flex;flex-direction:column;align-items:center}.zwc-hero-banner h1{font-family:var(--primaryfont-semibold);font-size:var(--fs-hero-title);line-height:1.1;color:var(--color-white);text-align:center;max-width:1050px;letter-spacing:-2.88px;margin:0 0 18px}.zwc-hero-banner p{font-family:var(--primaryfont-regular);font-size:var(--fs-hero-desc);line-height:1.67;color:var(--color-white);text-align:center;max-width:698px;margin:0 0 18px}.zwc-hero-banner .act-btn{margin-bottom:28px}.zwc-hero-img img{width:100%;height:auto;border-radius:10px;display:block}.zwc-use-cases .zwc-nav-container{margin:0 auto var(--section-gap)}.zwc-tab-nav{display:flex;max-width:420px;background:var(--color-white);border:1px solid var(--color-border);border-radius:10px;padding:1px;margin-inline:auto}.zwc-nav-container{position:sticky;top:66px;z-index:10;animation:zwc-tab-bg step-start both;animation-timeline:--zwc-hero-vt;animation-range:exit 90% exit 100%;padding:10px 0}@keyframes zwc-tab-bg{from{background:transparent;box-shadow:none}to{background:var(--color-bg-light)}}.zwc-tab-btn{flex:1;display:flex;align-items:center;justify-content:center;height:66px;font-family:var(--primaryfont-bold);font-size:var(--fs-tab-btn);line-height:1.33;color:var(--color-black);text-decoration:none;border-radius:10px}.zwc-tab-btn.active{background:var(--color-primary-dark);color:var(--color-white)}.zwc-tab-panel{display:none}.zwc-tab-panel.active{display:block}.zwc-use-cases .content-wrap{position:relative;top:-36px}.zwc-use-cases{background:var(--color-bg-light);padding:0 0 clamp(40px,5.8vw,80px)}.zwc-use-cases h2{font-family:var(--primaryfont-semibold);font-size:var(--fs-section-title);line-height:1;color:var(--color-primary);text-align:center;letter-spacing:-1.92px;margin:0 0 var(--section-gap)}.zwc-card-grid{display:flex;flex-wrap:wrap;gap:clamp(20px,2.3vw,32px)}.zwc-use-case-card{display:flex;flex-direction:column;background:var(--color-white);border-radius:20px;padding:24px;width:calc((100% - clamp(20px, 2.3vw, 32px) * 2) / 3)}.zwc-use-case-card>img{width:100%;object-fit:cover;border-radius:10px;aspect-ratio:1.23;margin:0 0 24px}.zwc-use-case-card h3{font-family:var(--primaryfont-bold);font-size:var(--fs-card-title);line-height:1.33;color:var(--color-black);margin:0 0 16px}.zwc-use-case-card p{font-family:var(--primaryfont-regular);font-size:var(--fs-card-desc);line-height:1.5;color:var(--color-black);margin:0 0 24px}.zwc-learn-more{display:flex;align-items:center;gap:12px;margin-top:auto;font-family:var(--primaryfont-semibold);font-size:var(--fs-card-link);line-height:1.33;color:var(--color-accent);text-decoration:none}.zwc-learn-more img{display:block}.zwc-cta-section{padding:clamp(60px,8.6vw,120px) 0}.zwc-cta-section .content-wrap{display:flex;flex-direction:column;align-items:center;text-align:center}.zwc-cta-section h2{font-family:var(--primaryfont-bold);font-size:var(--fs-cta-title);line-height:1.15;color:var(--color-black);margin:0 0 42px;max-width:856px;letter-spacing:-1.92px}@media screen and (max-width:1199px){.zwc-nav-container{top:0}}@media screen and (max-width:991px){.zwc-use-case-card{width:calc((100% - clamp(20px, 2.3vw, 32px)) / 2)}}@media screen and (max-width:767px){.zwc-wrapper .content-wrap{max-width:500px}.zwc-use-case-card{width:100%}.zwc-tab-btn{font-size:20px;height:60px}}