:root{--zwc-bg:#000;--zwc-border:#303030;--zwc-ring-off:#4d4d4d;--zwc-text:#fff;--zwc-text-muted:#a3a3a3;--zwc-accent-cyan:#7df4ff;--zwc-gradient:linear-gradient(90deg,#7df4ff 0,#fffd99 53.365%,#ff4646 100%);--zwc-gradient-v:linear-gradient(180deg,#7df4ff 0,#fffd99 53.365%,#ff4646 100%);--zwc-fs-h1:clamp(2.375rem,4.4vw,4rem);--zwc-fs-h2:clamp(1.875rem,3.4vw,3rem);--zwc-fs-h2-lg:clamp(2.125rem,3.9vw,3.5rem);--zwc-fs-p1:clamp(1.25rem,1.7vw,1.5rem);--zwc-fs-p2:clamp(1.125rem,1.4vw,1.25rem);--zwc-fs-p3:clamp(1rem,1.25vw,1.125rem);--zwc-fs-step:clamp(1rem,1.2vw,1.0625rem);--zwc-fs-btn:clamp(0.8125rem,1vw,0.9375rem);--zwc-fs-c1:clamp(0.75rem,1vw,0.875rem);--zwc-fs-c2:clamp(0.6875rem,0.9vw,0.75rem)}.zw-product-header{background:var(--zwc-bg)}.act-btn.act-btn{opacity:1;visibility:visible}.zwc-page-wrapper .content-wrap{max-width:1280px;margin:0 auto}.zwc-pagewrapper{text-wrap:pretty}.zwc-page-wrapper .zwc-flex{display:flex}.zwc-page-wrapper>section{background-color:var(--zwc-bg)}.zwc-page-wrapper .zwc-gradient-text{background-image:var(--zwc-gradient);-webkit-background-clip:text;background-clip:text;color:transparent}.zwc-page-wrapper .zwc-dblk{display:block;width:fit-content}.zwc-page-wrapper .zwc-tag{display:inline-block;padding:5px 15px;border:1px solid transparent;border-radius:40px;background-image:linear-gradient(var(--zwc-bg),var(--zwc-bg)),var(--zwc-gradient);background-origin:border-box;background-clip:padding-box,border-box}.zwc-page-wrapper .zwc-tag span{display:block;font-family:var(--zf-primary-medium);font-size:var(--zwc-fs-c1);line-height:1.43;letter-spacing:-0.02em;text-transform:uppercase;color:var(--zwc-text)}.zwc-page-wrapper .zwc-tag-step span{font-size:var(--zwc-fs-c2);line-height:1.5}.zwc-page-wrapper .zwc-tag-step{-webkit-appearance:none;appearance:none;cursor:pointer;background-color:transparent;background-image:linear-gradient(var(--zwc-bg),var(--zwc-bg)),var(--zwc-gradient),linear-gradient(var(--zwc-ring-off),var(--zwc-ring-off));background-clip:padding-box,border-box,border-box;background-repeat:no-repeat;background-size:auto,0 100%,auto}.zwc-how-to-wrap .zwc-step.is-filled .zwc-tag-step{background-size:auto,100% 100%,auto}.zwc-page-wrapper .zwc-tag-step:focus-visible{outline:2px solid var(--zwc-accent-cyan);outline-offset:3px}.zwc-page-wrapper .act-btn:not(.cta-btn){border-color:rgba(255,255,255,0.5);color:var(--zwc-text)}.zwc-page-wrapper .act-btn:not(.cta-btn):hover{border-color:var(--zwc-text);background-color:rgba(255,255,255,0.08);color:var(--zwc-text)}.zwc-page-wrapper .act-btn:not(.cta-btn):focus-visible{border-color:var(--zwc-text);outline:2px solid var(--zwc-accent-cyan);outline-offset:3px}@media(prefers-reduced-motion:no-preference){.zwc-page-wrapper .act-btn:not(.cta-btn){transition:border-color .25s ease,background-color .25s ease}}.zwc-page-wrapper .zwc-video-cta{-webkit-appearance:none;appearance:none;padding:0;border:0;background-color:transparent;cursor:pointer;display:inline-block;margin-top:30px;font-family:var(--primaryfont-semibold);font-size:var(--zwc-fs-btn);line-height:1.6;letter-spacing:-0.02em;text-transform:uppercase;text-decoration:none;color:var(--zwc-text)}.zwc-page-wrapper .zwc-video-play{display:inline-block;position:relative;width:26px;height:26px;margin-right:15px;border:1px solid currentColor;border-radius:50%;vertical-align:middle;transform:translateY(-1px)}.zwc-page-wrapper .zwc-video-play::before{content:"";position:absolute;top:50%;left:50%;border-style:solid;border-width:5px 0 5px 8px;border-color:transparent transparent transparent currentColor;transform:translate(-40%,-50%)}.zwc-page-wrapper .zwc-video-cta:hover .zwc-video-label{text-decoration:underline;text-underline-offset:4px}.zwc-page-wrapper .zwc-video-cta:focus-visible{outline:2px solid var(--zwc-accent-cyan);outline-offset:5px}.zwc-page-wrapper .act-btn::after{content:"";display:inline-block;width:8px;height:8px;margin-left:10px;border-top:2px solid currentColor;border-right:2px solid currentColor;vertical-align:middle;transform:translateY(-1.5px) rotate(45deg)}.zwc-page-wrapper .act-btn:hover::after,.zwc-page-wrapper .act-btn:focus-visible::after{transform:translate(5px,-1.5px) rotate(45deg)}@media(prefers-reduced-motion:no-preference){.zwc-page-wrapper .act-btn::after{transition:transform .25s ease}}.zwc-page-wrapper .zwc-ico{display:inline-block;background-image:url("//www.zohowebstatic.com/sites/zweb/images/catalyst/plugin-pages/codex-plugin-sprite.png");background-repeat:no-repeat}.zwc-page-wrapper .zwc-ico-card{width:30px;height:30px;background-size:437.78px 55.56px;background-position-y:-12.78px}.zwc-page-wrapper .zwc-ico-functions{background-position-x:-12.78px}.zwc-page-wrapper .zwc-ico-deploy{background-position-x:-57.78px}.zwc-page-wrapper .zwc-ico-storage{background-position-x:-103.33px}.zwc-page-wrapper .zwc-ico-hosting{background-position-x:-145.56px}.zwc-page-wrapper .zwc-ico-automation{background-position-x:-188.33px}.zwc-page-wrapper .zwc-ico-auth{background-position-x:-237.22px}.zwc-page-wrapper .zwc-ico-step{width:26px;height:26px;background-size:426.83px 54.17px}.zwc-page-wrapper .zwc-ico-describe{background-position:-388.92px -14.08px}.zwc-page-wrapper .zwc-ico-skills{background-position:-351.54px -14.08px}.zwc-page-wrapper .zwc-ico-mcp{background-position:-310.38px -14.90px}.zwc-page-wrapper .zwc-ico-live{background-position:-269.75px -14.08px}.zwc-page-wrapper .zwc-banner-visual,.zwc-page-wrapper .zwc-shipping-visual{flex:0 1 560px;width:560px;max-width:100%;height:auto}.zwc-banner-wrap{padding:170px 0}.zwc-banner-wrap .zwc-banner-inner{align-items:center;justify-content:space-between;gap:70px}.zwc-banner-wrap .zwc-banner-text{flex:0 1 647px}.zwc-banner-wrap h1{max-width:647px;font-family:var(--zf-primary-medium);font-size:var(--zwc-fs-h1);line-height:1.125;letter-spacing:-0.02em;color:var(--zwc-text)}.zwc-banner-wrap p{max-width:589px;margin-top:20px;font-family:var(--primaryfont-regular);font-size:var(--zwc-fs-p3);line-height:1.56;letter-spacing:-0.02em;color:var(--zwc-text-muted)}.zwc-page-wrapper .zwc-btn-wrap{flex-wrap:wrap;align-items:center;gap:10px;margin-top:40px}.zwc-how-to-wrap{padding-top:60px}.zwc-how-to-wrap .zwc-how-to-inner{align-items:flex-start;justify-content:space-between;gap:80px}.zwc-how-to-wrap .zwc-how-to-intro{flex:0 1 500px}.zwc-how-to-wrap h2{max-width:500px;margin-top:10px;font-family:var(--primaryfont-semibold);font-size:var(--zwc-fs-h2);line-height:1.17;letter-spacing:-0.02em;color:var(--zwc-text)}.zwc-how-to-wrap .zwc-how-to-intro p:not(.zwc-tag){max-width:480px;margin-top:25px;font-family:var(--primaryfont-regular);font-size:var(--zwc-fs-p3);line-height:1.56;letter-spacing:-0.02em;color:var(--zwc-text-muted)}.zwc-how-to-wrap .zwc-how-to-intro p:not(.zwc-tag)+p{margin-top:15px}.zwc-how-to-wrap .zwc-step-list{flex:0 1 630px;margin:0;padding:0;list-style:none}.zwc-how-to-wrap .zwc-step{position:relative;padding-left:45px;cursor:pointer}.zwc-how-to-wrap .zwc-step+.zwc-step{margin-top:70px}.zwc-how-to-wrap .zwc-step::before{content:"";position:absolute;top:8px;left:0;width:14px;height:14px;border-radius:50%;background-image:var(--zwc-gradient);filter:grayscale(1) brightness(0.45)}.zwc-how-to-wrap .zwc-step.is-filled::before{filter:none}.zwc-how-to-wrap .zwc-step::after{content:"";position:absolute;top:22px;bottom:-78px;left:6px;width:1px;background-color:var(--zwc-border);background-image:var(--zwc-gradient-v);background-repeat:no-repeat;background-size:100% 0}.zwc-how-to-wrap .zwc-step.is-filled::after{background-size:100% 100%}.zwc-how-to-wrap .zwc-step:last-child::after{content:none}.zwc-how-to-wrap .zwc-step h3{margin-top:20px;font-family:var(--zf-primary-medium);font-size:var(--zwc-fs-p1);line-height:1.33;letter-spacing:-0.02em;color:var(--zwc-text)}.zwc-how-to-wrap .zwc-step h3 .zwc-ico{margin:0 5px;vertical-align:middle}.zwc-how-to-wrap .zwc-step p{max-width:511px;margin-top:20px;font-family:var(--primaryfont-regular);font-size:var(--zwc-fs-step);line-height:1.6;letter-spacing:-0.02em;color:var(--zwc-text-muted)}@media(prefers-reduced-motion:no-preference){.zwc-how-to-wrap .zwc-step::after{transition:background-size 1.1s ease-out}.zwc-how-to-wrap .zwc-step::before{transition:filter .6s ease-out .25s}.zwc-page-wrapper .zwc-tag-step{transition:background-size .6s ease-out .25s}}.zwc-why-wrap{padding:170px 0}.zwc-why-wrap h2{margin-top:10px;font-family:var(--primaryfont-semibold);font-size:var(--zwc-fs-h2);line-height:1.17;letter-spacing:-0.02em;color:var(--zwc-text)}.zwc-why-wrap .zwc-section-head p:not(.zwc-tag){max-width:720px;margin-top:25px;font-family:var(--primaryfont-regular);font-size:var(--zwc-fs-p3);line-height:1.56;letter-spacing:-0.02em;color:var(--zwc-text-muted)}.zwc-why-wrap .zwc-card-container{margin-top:50px;border:1px solid var(--zwc-border)}.zwc-why-wrap .zwc-card-row:first-child{border-bottom:1px solid var(--zwc-border)}.zwc-why-wrap .zwc-card{flex:1 1 0;padding:40px;border-right:1px solid var(--zwc-border)}.zwc-why-wrap .zwc-card:last-child{border-right:0}.zwc-why-wrap .zwc-card h3{margin-top:20px;font-family:var(--zf-primary-medium);font-size:var(--zwc-fs-p2);line-height:1.5;letter-spacing:-0.02em;color:var(--zwc-text)}.zwc-why-wrap .zwc-card p{margin-top:20px;font-family:var(--primaryfont-regular);font-size:var(--zwc-fs-p3);line-height:1.56;letter-spacing:-0.02em;color:var(--zwc-text-muted)}.zwc-shipping-wrap{padding-bottom:170px}.zwc-shipping-wrap .zwc-shipping-inner{align-items:center;justify-content:space-between;gap:70px}.zwc-shipping-wrap .zwc-shipping-text{flex:0 1 657px}.zwc-shipping-wrap h2{margin-top:10px;font-family:var(--primaryfont-semibold);font-size:var(--zwc-fs-h2);line-height:1.17;letter-spacing:-0.02em;color:var(--zwc-text)}.zwc-shipping-wrap .zwc-shipping-text p:not(.zwc-tag){max-width:580px;margin-top:25px;font-family:var(--primaryfont-regular);font-size:var(--zwc-fs-p3);line-height:1.56;letter-spacing:-0.02em;color:var(--zwc-text-muted)}.zwc-bottom-cta-wrap{padding-bottom:160px}.zwc-bottom-cta-wrap .zwc-bottom-cta-inner{max-width:590px;margin:0 auto;text-align:center}.zwc-bottom-cta-wrap h2{max-width:500px;margin:0 auto;font-family:var(--primaryfont-semibold);font-size:var(--zwc-fs-h2-lg);line-height:1.14;letter-spacing:-0.02em;color:var(--zwc-text)}.zwc-bottom-cta-wrap h2 .zwc-dblk{margin:0 auto}.zwc-bottom-cta-wrap p{margin-top:20px;font-family:var(--primaryfont-regular);font-size:var(--zwc-fs-p3);line-height:1.56;letter-spacing:-0.02em;color:var(--zwc-text-muted)}.zwc-bottom-cta-wrap .zwc-btn-wrap{justify-content:center}@media(forced-colors:active){.zwc-page-wrapper .zwc-gradient-text{background-image:none;color:CanvasText}.zwc-page-wrapper .zwc-tag{background-image:none;border-color:CanvasText}}@media screen and (max-width:1199px){.zwc-banner-wrap,.zwc-why-wrap{padding:100px 0}.zwc-shipping-wrap{padding-bottom:100px}.zwc-bottom-cta-wrap{padding-bottom:100px}.zwc-page-wrapper .zwc-banner-visual,.zwc-page-wrapper .zwc-shipping-visual{flex:0 1 45%}.zwc-how-to-wrap .zwc-how-to-inner{gap:50px}.zwc-how-to-wrap .zwc-how-to-intro{flex:0 1 420px}.zwc-how-to-wrap .zwc-step+.zwc-step{margin-top:50px}.zwc-how-to-wrap .zwc-step::after{bottom:-58px}}@media screen and (max-width:991px){.zwc-banner-wrap .zwc-banner-inner,.zwc-shipping-wrap .zwc-shipping-inner{flex-wrap:wrap;gap:50px}.zwc-how-to-wrap .zwc-how-to-inner{gap:50px}.zwc-banner-wrap .zwc-banner-text,.zwc-shipping-wrap .zwc-shipping-text,.zwc-how-to-wrap .zwc-how-to-intro,.zwc-how-to-wrap .zwc-step-list{flex:1 1 100%}.zwc-page-wrapper .zwc-banner-visual,.zwc-page-wrapper .zwc-shipping-visual{width:560px;margin:0 auto}.zwc-banner-wrap .zwc-banner-text{text-align:center}.zwc-banner-wrap h1{margin:0 auto}.zwc-banner-wrap p{margin:20px auto 0}.zwc-banner-wrap .zwc-btn-wrap{justify-content:center}.zwc-why-wrap .zwc-card-row{flex-wrap:wrap}.zwc-why-wrap .zwc-card{flex:1 1 50%;border-bottom:1px solid var(--zwc-border)}.zwc-why-wrap .zwc-card:nth-child(2n){border-right:0}.zwc-why-wrap .zwc-card:nth-child(2n+1){border-right:1px solid var(--zwc-border)}.zwc-why-wrap .zwc-card-row:last-child .zwc-card:last-child{border-bottom:0}}@media screen and (max-width:767px){.zwc-banner-wrap,.zwc-why-wrap{padding:60px 0}.zwc-shipping-wrap,.zwc-bottom-cta-wrap{padding-bottom:60px}.zwc-how-to-wrap{padding-top:40px}.zwc-how-to-wrap .zwc-step{padding-left:30px}.zwc-how-to-wrap .zwc-step+.zwc-step{margin-top:40px}.zwc-how-to-wrap .zwc-step::after{bottom:-48px}.zwc-why-wrap .zwc-card{flex:1 1 100%;padding:30px}.zwc-why-wrap .zwc-card:nth-child(2n),.zwc-why-wrap .zwc-card:nth-child(2n+1){border-right:0}.zwc-page-wrapper .zwc-dblk{display:inline;width:auto}.zwc-how-to-wrap .zwc-how-to-inner{flex-wrap:wrap}}