:root{--zwc-white:#fff;--zwc-section-gap:clamp(60px,8vw,120px) 0}.zwc-flex{display:flex}.gradient-text{background:linear-gradient(90deg,#5005ff,#c01696 50%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.zwc-puvi-compact{font-family:var(--zf-primary-compactbold)}.zw-template-inner{text-wrap:pretty}.zw-template-inner h1{font-size:clamp(36px,5.3vw,80px);margin:0;color:#111}.zw-template-inner h2{font-size:clamp(32px,4vw,56px);margin:0;color:#111;font-family:var(--zf-primary-bold)}.zw-template-inner h3{font-family:var(--zf-secondary-extrabold);font-size:clamp(19px,1.6vw,24px);margin:0;color:#111;margin-bottom:8px}.zw-template-inner p{font-size:clamp(18px,2vw,30px);color:#333;font-family:var(--zf-primary-medium)}.zwc-banner-wrap{background:#07061b;text-align:center;max-width:1720px;min-width:320px;width:100%;margin:0 auto;border-bottom:4px solid transparent;border-image:repeating-linear-gradient(90deg,#5005ff 0,#ff6c6c 33%,#ff07c1 66%,#5005ff 100%) 1}.zwc-bnr-top{padding:clamp(45px,9.3vw,140px) 0;width:100%;height:100%;background-color:#190f76;background-image:url(//www.zohowebstatic.com/sites/zweb/images/zoho_general_pages/ziaagents/agent-studio-banner.png);background-repeat:no-repeat;background-position:center;background-size:cover}.zwc-banner-wrap .content-wrap{display:flex;flex-direction:column;gap:clamp(32px,4vw,60px);align-items:center}.zwc-banner-content{display:flex;flex-direction:column;gap:16px;max-width:1010px}.zwc-banner-wrap h1,.zwc-banner-wrap p{color:#fff}.zwc-banner-wrap p{font-size:clamp(16px,1.3vw,19px);line-height:clamp(24px,2.8vw,35px);letter-spacing:-0.19px}.zwc-banner-video{max-width:1060px;width:100%}.zwc-banner-video img{width:100%;height:auto;border-radius:10px;display:block}.zwc-build-scratch-wrap{background:#f0f0f0;padding:clamp(40px,8vw,120px) 0 clamp(40px,10vw,150px);overflow:visible}.zwc-build-scratch-wrap .content-wrap{max-width:1280px;margin:0 auto}.zwc-build-scratch-inner{display:flex;gap:clamp(40px,5vw,80px);align-items:flex-start;justify-content:space-between}.zwc-build-scratch-content-wrapper{flex:0 1 50%;display:flex;flex-direction:column;gap:clamp(60px,10vw,150px);max-width:500px}.zwc-build-scratch-content{display:flex;flex-direction:column;gap:24px;opacity:.4;transition:opacity .4s ease;margin-top:150px}.zwc-build-scratch-content:last-child{margin-bottom:200px}.zwc-build-scratch-content.active{opacity:1}.zwc-build-scratch-content h3{text-transform:uppercase}.zwc-build-scratch-content p{margin-bottom:10px}.zwc-build-scratch-content p:last-of-type{margin-bottom:0}.zwc-build-scratch-static-image{display:none}.zwc-build-scratch-image-wrapper{flex:0 1 50%;max-width:573px;position:sticky;top:120px;z-index:2}.zwc-build-scratch-image{position:relative;max-width:573px;width:100%}.zwc-build-scratch-image-bg{width:100%;max-width:573px;background:linear-gradient(156deg,#0a0a1e 0,#0f0a2e 20%,#1a1050 40%,#2515a0 70%,#3a20d0 100%);border-radius:30px;padding:90px 50px;box-sizing:border-box;position:relative;display:grid;z-index:1}.zwc-build-scratch-image-bg video{width:100%;height:auto;border-radius:12px;grid-area:1 / 1;opacity:0;transform:translateY(50px);transition:opacity .5s ease,transform .5s cubic-bezier(0.4,0,0.2,1)}.zwc-build-scratch-image-bg video.active{opacity:1;transform:translateY(0)}.zwc-build-scratch-mobile-bg{background:linear-gradient(156deg,#1a0a5e 0,#3d1a9e 30%,#5a2ab8 50%,#2a1a8e 70%,#0a0a4e 100%);border-radius:30px;padding:90px 30px 30px;box-sizing:border-box;position:relative}.zwc-build-scratch-mobile-bg video{width:100%;height:auto;border-radius:12px;display:block}.zwc-mobile-video-icon{display:none}.zwc-video-container{position:relative}.playPause{position:absolute;right:20px;bottom:20px;background:rgba(0,0,0,0.6);border:0;border-radius:50%;width:30px;height:30px;cursor:pointer;outline:0;z-index:10}.playPause::before{content:"";display:block;margin:auto;width:0;height:0;border-style:solid;border-width:7px 0 7px 10px;border-color:transparent transparent transparent #fff;top:50%;left:57%;position:absolute;transform:translate(-50%,-50%)}.playPause.paused::before{content:"";border:0;width:16px;height:20px;background:transparent;position:relative}.playPause.paused::before,.playPause.paused::after{content:'';background:#fff;display:inline-block;width:4px;height:15px;position:absolute;top:50%;transform:translateY(-50%)}.playPause.paused::before{left:18px}.playPause.paused::after{left:9px}@media(min-width:1280px){.zw-template-inner h1{line-height:88px;letter-spacing:-3.2px}.zw-template-inner h2{letter-spacing:-2.24px;line-height:1.15}.zw-template-inner h3{line-height:40px;letter-spacing:-0.24px}.zw-template-inner p{line-height:42px;letter-spacing:-0.96px}.zwc-banner-wrap p{line-height:35px;letter-spacing:-0.19px}}@media(max-width:1280px){.zwc-build-scratch-inner{flex-direction:column;max-width:700px;text-align:center;margin-inline:auto;margin-top:40px}.zwc-build-scratch-content-wrapper{gap:clamp(40px,6vw,80px);margin-inline:auto;max-width:700px;flex:1}.zwc-build-scratch-image-wrapper{display:none}.zwc-build-scratch-content{opacity:1;text-align:center;gap:16px;margin-top:0}.zwc-build-scratch-content:last-child{margin-bottom:0}.zwc-build-scratch-static-image{display:block;margin-top:24px}.zwc-build-scratch-mobile-bg{border-radius:20px}}@media(max-width:991px){.zwc-build-scratch-content{gap:12px}.zwc-build-scratch-content-wrapper{gap:60px}.zwc-build-scratch-static-image{margin-top:16px}.zwc-build-scratch-mobile-bg{border-radius:16px;padding:70px 30px 30px}}@media(max-width:767px){.zwc-build-scratch-mobile-bg{background:linear-gradient(156deg,#1a0a5e 0,#3d1a9e 30%,#5a2ab8 50%,#2a1a8e 70%,#0a0a4e 100%);padding:70px 20px 20px}}@media(max-width:480px){.zwc-build-scratch-content{gap:8px}.zwc-build-scratch-content-wrapper{gap:60px}.zwc-build-scratch-static-image{margin-top:12px}.zwc-build-scratch-mobile-bg{border-radius:12px;padding:50px 20px 20px}.zwc-build-scratch-mobile-bg video{border-radius:8px}}