: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(--primaryfont-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)}.zw-template-inner small{font-family:var(--primaryfont-semibold);font-size:14px;line-height:normal;text-transform:uppercase;color:#111}.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-bnr-gradient{width:100%;background-image:url(//www.zohowebstatic.com/sites/zweb/images/zoho_general_pages/ziaagents/zia-agent-bnr-gradient-bg.png);margin-inline:auto;background-repeat:no-repeat;background-size:cover;background-position:top;height:448px}.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:900px}.zwc-banner-wrap h1,.zwc-banner-wrap h2,.zwc-banner-wrap p{color:#fff}.zwc-banner-wrap h2{max-width:850px;font-family:var(--zf-primary-medium);font-size:clamp(20px,2.5vw,32px);line-height:clamp(28px,3.5vw,42px);letter-spacing:-0.32px;text-transform:none;margin-inline:auto;padding:100px 0 130px}.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-wrap h2{text-align:center;margin-bottom:20px}.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:60px 0 60px 50px;box-sizing:border-box;position:relative;display:grid;z-index:1}.zwc-build-scratch-image-bg img{width:100%;height:auto;border-radius:28px 0 0 28px;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 img.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:30px;box-sizing:border-box;position:relative}.zwc-build-scratch-mobile-bg img{width:100%;height:auto;border-radius:28px;display:block}@media(min-width:1280px){.zw-template-inner h1{line-height:normal;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 h2{line-height:42px;letter-spacing:-0.32px}.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)}.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}.zwc-build-scratch-static-image img{width:100%;height:auto;border-radius:28px}.zwc-build-scratch-content-wrapper{margin-inline:auto;max-width:700px;flex:1}}@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:30px}}@media(max-width:860px){.zwc-bnr-gradient{background-image:unset;height:auto}.zwc-banner-wrap h2{padding:70px 10px}.zwc-bnr-top{background:#07061b}}@media(max-width:767px){.zwc-build-scratch-mobile-bg{background:linear-gradient(156deg,#1a0a5e 0,#3d1a9e 30%,#5a2ab8 50%,#2a1a8e 70%,#0a0a4e 100%);padding: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:15px}.zwc-build-scratch-mobile-bg img{border-radius:12px}}