.zw-product-header{background:#e4edff}.zsection{padding:120px 0}a.act-btn.cta-btn{text-align:center;max-width:max-content;font-size:20px;line-height:1.4;font-family:var(--zf-secondary-medium);padding:15px 24px;text-transform:uppercase;color:#fff;background:#f0483e;border-radius:4px;letter-spacing:-0.4px;border:0}.content-wrap{max-width:1280px}.ztac{text-align:center}.flex-wrap{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between}.zwc-banner-wrap{background:#e4edff;padding-bottom:160px}.zwtop-wrap{border:1px solid #c2cee5;background:#fff;max-width:80%;margin:auto auto 80px;border-radius:20px;padding:80px 100px;box-sizing:border-box;justify-content:center;gap:80px}.zwc-banner-wrap.zsection .zwtop-wrap .lhs h1{color:#010101;font-size:56px;font-family:var(--zf-secondary-medium);margin-bottom:8px;line-height:1.2;letter-spacing:-1.12px}.zwtop-wrap .lhs p{font-size:28px;color:#686868;line-height:40px;letter-spacing:-0.56px;margin-bottom:0}.zwtop-wrap .rhs{text-align:center;border-radius:12px;background:#fff}.drop-cont{border-radius:8px;background:#f5f7ff;padding:0;box-sizing:border-box}.drop-cont a{font-size:18px}.zwc-banner-wrap .tagline p{max-width:580px;margin-bottom:28px}.zwc-column-inner .zcol-4{max-width:calc(47% - 6px);flex-basis:calc(47% - 6px)}.zwc-column-inner:not(:last-child){margin-bottom:170px}.zwc-column-inner p{max-width:550px}.zwc-column-inner p span{display:inline-block}.zw-template-inner a{color:#0047ff;border-bottom:1px solid}.zwc-box1 .rhs,.zwc-box2 .lhs{opacity:0;transition:all .9s ease-in;transform:translateX(50px)}.zwc-box2 .lhs{transform:translateX(-50px)}.zwc-box1 .zwe-om.rhs,.zwc-box2 .zwe-om.lhs{opacity:1;transform:translateX(0)}.zwc-features-wrap{max-width:95%;margin:auto;border-radius:10px;background:#e4edff}.zwc-features-wrap .tagline p{max-width:816px;margin:auto auto 85px}.zwc-features-wrap ul{max-width:1000px;margin:auto;gap:40px 0;align-items:flex-start}.zwc-features-wrap ul li{width:47%;list-style:disc}.zwc-features-wrap ul li h3{font-size:20px;line-height:28px;letter-spacing:-0.4px;margin-bottom:10px}.zwc-features-wrap ul li p{max-width:436px;margin-bottom:0;font-size:18px}.zwc-features-wrap ul li:nth-child(4) p{max-width:460px}.zwc-features-wrap ul li p span{display:inline-block}.zwc-accordian-cont p{max-width:680px;margin:auto auto 80px}.zwc-devices-wrap{border-radius:10px;background:linear-gradient(180deg,#f5f5f5 0,#fff 100%);max-width:95%;margin:auto}.zwc-devices-wrap .top-cont-wrap p a{cursor:pointer;background:0;color:#0047ff;border:0;border-bottom:1px solid;padding:0;border-radius:0}.zwc-devices-wrap .top-cont-wrap p{margin-bottom:20px}.zwc-devices-wrap .top-cont-wrap a{font-size:18px;border:1px solid;padding:12px 24px;border-radius:4px;background:#0047ff;color:#fff;font-family:var(--zf-primary-medium)}.top-cont-wrap h2{margin-bottom:46px}.top-cont-wrap p{max-width:620px;margin:auto auto 0}.zwc-img-part{position:relative}.zwc-img-part .desktop{opacity:.8;transform-origin:bottom center;transform:perspective(1200px) rotateX(45deg);transition:all .8s linear .8s}.bottom-animated .zwc-img-part .desktop{opacity:1;transform:rotateX(0) scale(0.9)}.zwc-mobile,.zwc-ipad{position:absolute;bottom:0;left:0;opacity:0;transform:translateX(-40px);transition:all 1s ease-in 1.1s}.zwc-mobile{left:5%}.zwc-ipad{left:unset;right:0;transform:translateX(40px)}.top-animated .zwc-mobile,.top-animated .zwc-ipad{opacity:1;transform:translateX(0)}.zwc-prod-wrap{position:relative;max-width:95%;margin:0 auto 80px;border-radius:10px;background:#0047ff}.zwc-prod-wrap p a{color:#fff;cursor:pointer;border-bottom:1px solid}.zwc-prod-wrap:before{position:absolute;content:"";width:100%;height:100%;background:url(//www.zohowebstatic.com/sites/zweb/images/writer/docx-editor/patten.png) no-repeat center / cover;left:0;top:0;opacity:.45}.zwc-prod-inner{max-width:600px;margin:auto}.zwc-prod-inner h2,.zwc-prod-inner p{color:#fff}.fl-wrap .tab-cont{display:block;margin:20px 32px 0}.fl-wrap .tab-cont p span{display:inline-block}.tab-list:not(.active){display:none}.features.zsection{padding-bottom:0}.fea-inner{min-height:590px}.tab-item{max-width:520px;cursor:pointer;margin-bottom:15px;border-radius:5px;border:1px solid #d1d1d1;background:#fff;opacity:.3}.tab-item h4{position:relative;margin:20px 32px 0}.tab-item.active{box-shadow:0 4px 14px 0 rgba(120,120,120,0.25);display:block;opacity:1}.tab-cont.active{display:block}.tab-cont p{margin-bottom:0;max-width:90%}.rhs .fr-wrap{position:relative}.rhs .fr-wrap img{position:absolute;display:block;left:56%;top:50%;transform:translate(-50%,-50%);max-width:106%}.tab-list .active{display:block}.zactive-line{width:100%;display:block;position:relative}.zactive-line:before{content:"";width:0;height:2px;background:#0047ff;top:24px;left:0;position:absolute;border-radius:0 10px 0}.active .zactive-line:before{transition:width 5s linear;width:100%}.dots{display:flex;flex-wrap:wrap;gap:8px;width:38px;height:120px;border-radius:57px;background-color:#ebebeb;padding:12px;align-items:center;justify-content:center}.zdot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#434343;cursor:pointer}.zdot.active{background:#e80923;width:14px;height:14px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 1px 2px #e80923}@media only screen and (max-width:1399px){.zsection{padding:100px 0}.zwc-banner-wrap.zsection h2{font-size:48px;line-height:56px}.zwc-banner-wrap .tagline p{max-width:85%}.zsection h2{font-size:40px;line-height:48px}.rhs .fr-wrap img{max-width:100%}.zwtop-wrap{max-width:800px;margin:auto auto 80px;padding:80px 80px;gap:32px;align-items:center}.zwc-banner-wrap.zsection .zwtop-wrap .lhs h1{font-size:48px;line-height:1.2}.zwtop-wrap .lhs p{font-size:20px;line-height:1.4px}}@media only screen and (max-width:1199px){.break{display:none}.zwc-column-inner:not(:last-child){margin-bottom:60px}.zwc-features-wrap ul{max-width:750px;gap:16px 0}.zwc-features-wrap ul li p{max-width:320px}.tab-item{max-width:420px}.rhs .fr-wrap img{left:50%;max-width:100%}.zwc-accordian-cont{max-width:600px;margin:0 auto 15px}.zwtop-wrap{max-width:800px;margin:auto auto 40px;padding:50px 50px;gap:32px;align-items:center}.zwc-banner-wrap.zsection .zwtop-wrap .lhs h1{font-size:48px;line-height:1.2}.zwtop-wrap .lhs p{font-size:20px;line-height:1.4px}}@media only screen and (max-width:991px){a.act-btn.cta-btn{font-size:16px;padding:12px 20px}.zwc-banner-wrap.zsection h2{font-size:27px;line-height:normal}.zsection h2{font-size:25px;line-height:normal}.zwc-mobile,.zwc-ipad{transform:translateX(0) scale(0.7)}.zsection{padding:60px 0}.zwc-column-inner:not(:last-child){margin-bottom:80px}.top-cont-wrap h2{margin-bottom:20px}.zwc-mobile,.zwc-ipad{bottom:-11%;left:-6%}.zwc-ipad{right:-7%;left:unset}.zwc-features-wrap ul li p{max-width:420px}.top-animated .zwc-mobile,.top-animated .zwc-ipad{transform:translateX(0) scale(0.7)}.zwc-box1 .rhs,.zwc-box2 .lhs{transform:translateX(0)}.zwc-features-wrap ul{gap:20px}.zwc-accordian-cont p{margin:auto auto 30px}.tab-item h4,.fl-wrap .tab-cont{margin:12px 15px 0}.tab-item{max-width:380px}.rhs .fr-wrap img{left:52%;max-width:100%}.zwtop-wrap{max-width:600px;margin:auto auto 40px;padding:30px 30px;gap:32px;align-items:center}.zwc-banner-wrap.zsection .zwtop-wrap .lhs h1{font-size:27px}.zwtop-wrap .lhs p{font-size:16px;line-height:24px}}@media only screen and (max-width:767px){.content-wrap{max-width:560px}.zwc-column-inner.flex-wrap,.zwc-features-wrap ul{flex-direction:column}.zb-screen .zcol-3,.zb-screen .zcol-5,.zcol-4,.cus-wrap .zcol-4,.zapps-wrap .zcol-4,.zwc-column-inner .zcol-4{max-width:calc(100% - 6px);flex-basis:calc(100% - 6px)}.zb-wrap{gap:20px;text-align:center}.zwc-banner-wrap .tagline p{margin:auto}.zwc-column-inner.flex-wrap{gap:48px}.zwc-column-inner:not(:last-child){margin-bottom:64px}.zwc-features-wrap ul{flex-direction:unset;align-items:flex-start;justify-content:space-between}.zwc-features-wrap ul li{width:47%}.rhs .fr-wrap img,.zactive-line,.zwc-mobile,.zwc-ipad,.rhs .fr-wrap{display:none}.fl-wrap .tab-cont{display:block;margin:0}.tab-item h4{position:relative;margin:0}.tab-item{max-width:100%;opacity:1}.tab-item{padding:30px;border-radius:10px}.rhs .fr-wrap{max-height:0}.tab-item{max-width:520px}.zwtop-wrap{max-width:90%;margin:auto auto 40px;padding:30px 30px;gap:32px;align-items:center}.zwc-devices-wrap .top-cont-wrap{margin-bottom:20px}}@media only screen and (max-width:600px){div.zwc-reason-tile>div{gap:10px;transform:scale(0.9)}.zwc-features-wrap ul{flex-direction:column;justify-content:center;align-items:center;max-width:450px;margin:auto}.zwc-features-wrap ul li{width:100%}.zwtop-wrap .lhs{text-align:center}}@media only screen and (min-width:1200px){.zsection h1{font-size:64px;line-height:80px;font-family:var(--primaryfont-semibold);letter-spacing:-1.28px}.zsection p{font-size:20px;line-height:1.6;letter-spacing:-0.32px;font-family:var(--primaryfont-regular)}.zsection h2{font-size:56px;line-height:64px;font-family:var(--primaryfont-semibold);letter-spacing:-1.12px}.zsection h3{font-size:24px;line-height:32px;font-family:var(--zf-secondary-bold)}.zb-inner .rhs p{font-size:20px;line-height:32px;letter-spacing:-0.48px}}@media only screen and (min-width:1400px){.zwc-banner-wrap.zsection h2{font-size:64px;line-height:80px;font-family:var(--primaryfont-semibold);letter-spacing:-1.28px}.zsection p{font-size:20px;line-height:32px;letter-spacing:-0.32px;font-family:var(--primaryfont-regular)}.zsection h2{font-size:56px;line-height:64px;font-family:var(--primaryfont-semibold);letter-spacing:-1.12px}.zsection h3{font-size:24px;line-height:32px;font-family:var(--zf-secondary-bold)}.zb-inner .rhs p{font-size:20px;line-height:32px;letter-spacing:-0.48px}}@media only screen and (min-width:992px){.zcol-wrap-1{max-width:calc(12.5% - 6px);flex-basis:calc(12.5% - 6px)}.zcol-wrap-2{max-width:calc(25% - 6px);flex-basis:calc(25% - 6px)}.zcol-wrap-3{max-width:calc(37.5% - 6px);flex-basis:calc(37.5% - 6px)}.zcol-wrap-4{max-width:calc(50% - 6px);flex-basis:calc(50% - 6px)}.zcol-wrap-5{max-width:calc(62.5% - 6px);flex-basis:calc(62.5% - 6px)}.zcol-wrap-6{max-width:calc(75% - 6px);flex-basis:calc(75% - 6px)}.zcol-wrap-7{max-width:calc(87.5% - 6px);flex-basis:calc(87.5% - 6px)}.zcol-wrap-8{max-width:calc(100% - 6px);flex-basis:calc(100% - 6px)}}@media only screen and (min-width:768px){.zcol-8{flex-basis:calc(100% - 6px)}.zcol-7{max-width:calc(87.5% - 6px);flex-basis:calc(87.5% - 6px)}.zcol-6{max-width:calc(75% - 6px);flex-basis:calc(75% - 6px)}.zcol-5{max-width:calc(62.5% - 6px);flex-basis:calc(62.5% - 6px)}.zcol-4{max-width:calc(50% - 6px);flex-basis:calc(50% - 6px)}.zcol-3{max-width:calc(37.5% - 6px);flex-basis:calc(37.5% - 6px)}.zcol-2{max-width:calc(25% - 6px);flex-basis:calc(25% - 6px)}}:root{--bg:#e8edf5;--white:#fff;--border:#dde3ee;--accent:#2563eb;--accent-light:#eff4ff;--text:#1a1f2e;--muted:#6b7280;--success:#16a34a;--error:#dc2626;--shadow:0 2px 16px rgba(0,0,0,0.07);--shadow-lg:0 8px 40px rgba(0,0,0,0.12);--radius:20px}.zwc-upload-wrap{width:100%;max-width:780px;transition:all .4s ease}.zwc-uploadbox{background:var(--white);border-radius:var(--radius);border:2px dashed var(--border);padding:64px 40px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;position:relative;transition:border-color .2s,background .2s,box-shadow .2s;box-shadow:var(--shadow);min-height:280px}.zwc-uploadbox:hover{border-color:var(--accent);background:var(--accent-light);box-shadow:var(--shadow-lg)}.zwc-uploadbox.zwc-dragover{border-color:var(--accent);background:var(--accent-light);box-shadow:0 0 0 4px rgba(37,99,235,0.12)}.zwc-uploadbox input[type="file"]{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;z-index:10}.zwc-uploadicon{position:relative;width:80px;height:80px;margin-bottom:24px}.zwc-uploadicon-bg{width:80px;height:80px;background:linear-gradient(135deg,#e8edf5,#d4ddf0);border-radius:50%;display:flex;align-items:center;justify-content:center}.zwc-uploadicon-doc{width:36px;height:44px;background:white;border-radius:4px 10px 4px 4px;position:relative;box-shadow:0 2px 8px rgba(0,0,0,0.12)}.zwc-uploadicon-doc::before{content:"";position:absolute;top:0;right:0;width:10px;height:10px;background:#e8edf5;border-radius:0 10px 0 4px;clip-path:polygon(0 0,100% 100%,100% 0)}.zwc-uploadicon-arrow{position:absolute;bottom:-4px;right:-4px;width:28px;height:28px;background:var(--accent);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px rgba(37,99,235,0.4)}.zwc-uploadicon-arrow svg{width:14px;height:14px;fill:white}.zwc-upload-title{font-size:1.25rem;font-weight:500;color:var(--text);margin-bottom:6px;text-align:center}.zwc-upload-title a{color:var(--accent);text-decoration:underline;text-underline-offset:3px;font-weight:600}.zwc-upload-meta{font-size:.8rem;color:var(--muted);text-align:center;margin-top:20px;line-height:1.7}.zwc-upload-meta strong{color:var(--text);font-weight:600}.zwc-progress-wrap{width:100%;max-width:780px;display:none}.zwc-progress-wrap.zwc-visible{display:block}.zwc-progress-card{background:var(--white);border-radius:var(--radius);padding:28px 32px;box-shadow:var(--shadow);display:flex;align-items:center;gap:16px}.zwc-progress-fileicon{width:44px;height:44px;background:var(--accent-light);border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--accent);font-size:20px}.zwc-progressinfo{flex:1;min-width:0}.zwc-progress-name{font-size:.88rem;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:8px}.zwc-progresstrack{height:6px;background:#e8edf5;border-radius:3px;overflow:hidden}.zwc-progress-barfill{height:100%;background:var(--accent);border-radius:3px;width:0;transition:width .1s linear}.zwc-progress-pct{font-size:.75rem;color:var(--muted);margin-top:4px}.zwc-preview-wrap{width:100%;max-width:980px;display:none;flex-direction:column;gap:0;animation:fadeUp .4s ease}.zwc-preview-wrap.zwc-visible{display:flex}@keyframes fadeUp{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.zwc-toolbar{background:var(--white);border-radius:var(--radius) var(--radius) 0 0;padding:14px 20px;display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--border);box-shadow:var(--shadow)}.zwc-toolbarfile{display:flex;align-items:center;gap:10px;flex:1;min-width:0}.zwc-toolbar-icon{width:36px;height:36px;background:var(--accent-light);border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}.zwc-toolbar-name{font-size:.85rem;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.zwc-toolbar-size{font-family:"DM Mono",monospace;font-size:.7rem;color:var(--muted)}.zwc-toolbar-btn{padding:7px 16px;border-radius:8px;border:1px solid var(--border);background:var(--white);color:var(--text);font-family:"DM Sans",sans-serif;font-size:.78rem;font-weight:500;cursor:pointer;transition:all .15s;white-space:nowrap;display:flex;align-items:center;gap:5px}.zwc-toolbar-btn:hover{background:var(--accent-light);border-color:var(--accent);color:var(--accent)}.zwc-toolbar-btn.zwc-primary{background:var(--accent);color:white;border-color:var(--accent)}.zwc-toolbar-btn.zwc-primary:hover{background:#1d4ed8}.zwc-previewframe{background:var(--white);border-radius:0 0 var(--radius) var(--radius);overflow:hidden;box-shadow:var(--shadow-lg);position:relative;min-height:600px}#previewFrame{width:100%;height:80vh;min-height:600px;border:0;display:block}.zwc-text-preview{width:100%;height:80vh;min-height:600px;overflow:auto;padding:40px;font-family:"DM Mono",monospace;font-size:.82rem;line-height:1.8;color:var(--text);background:white;white-space:pre-wrap;word-break:break-word}.zwc-unsupported-preview{width:100%;height:80vh;min-height:600px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:white;color:var(--muted)}.zwc-unsupported-preview .zwc-big-icon{font-size:56px;opacity:.3}.zwc-unsupported-preview p{font-size:.88rem}.zwc-drag-overlay{display:none;position:fixed;inset:0;background:rgba(37,99,235,0.08);border:3px dashed var(--accent);z-index:100;align-items:center;justify-content:center;font-size:1.4rem;font-weight:600;color:var(--accent);backdrop-filter:blur(2px)}.zwc-drag-overlay.zwc-visible{display:flex}