:root{--zwc-primary-heading-font:clamp(36px,4vw,64px);--zwc-secondary-heading-font:clamp(26px,5vw,42px);--zwc-sub-heading-font:clamp(22px,4vw,32px);--zwc-body-font:clamp(16px,3vw,18px);--zwc-section-padding:clamp(60px,9vw,110px)}.zwc-sprite-icon{display:block;width:56px;height:55px;background-image:url(//www.zohowebstatic.com/sites/zweb/images/notebook/zwc-migrate-from-applenote/zwc-apple-notes-icons-1.svg);background-repeat:no-repeat;background-position:0 0}.zwc-sprite-icon-faq{width:52px;height:61px;background-position:-120px 0;background-image:url(//www.zohowebstatic.com/sites/zweb/images/notebook/zwc-migrate-from-applenote/zwc-apple-notes-icons.png);display:block;background-repeat:no-repeat;background-size:170px}.zwc-banner{background-color:#fff;padding:var(--zwc-section-padding) 0}.zwc-banner .act-btn.cta-btn{padding:14px 54px;border-radius:4px}.zwc-banner .content-wrap{display:flex;align-items:center;justify-content:space-between;gap:90px}.zwc-banner-text{display:flex;flex-direction:column;gap:30px;max-width:537px}.zwc-banner-text h1{font-family:var(--primaryfont-semibold);font-size:var(--zwc-primary-heading-font);line-height:1.1;letter-spacing:-1.44px;color:#000;margin:0}.zwc-banner-text>p{font-family:var(--primaryfont-regular);font-size:var(--zwc-body-font);line-height:1.5;letter-spacing:-0.4px;color:#000;margin:0}.zwc-banner-btns{display:flex;gap:10px;align-items:center;padding:10px 0}.zwc-btn-secondary{display:flex;align-items:center;justify-content:center;gap:12px;padding:16px 24px 16px 32px;border:1px solid #000;border-radius:4px;font-family:var(--primaryfont-semibold);font-size:16px;line-height:26px;letter-spacing:-0.32px;color:#000;text-decoration:none}.zwc-btn-secondary svg{width:24px;height:24px}.zwc-banner-img{position:relative;width:685px;height:569px}.zwc-banner-img img{width:100%;height:100%;object-fit:contain;border-radius:36px}.zwc-banner-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:77px;height:77px;background-color:#fff;border:3px solid #000;border-radius:140px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 24px 0 rgba(0,0,0,0.25);cursor:pointer}.zwc-banner-play svg{margin-left:5px}.zwc-features-why{background-color:#edf8ff;padding:var(--zwc-section-padding) 0}.zwc-features-why .content-wrap{display:flex;flex-direction:column;gap:60px;align-items:center}.zwc-features-why .zwc-feature-row:nth-child(1) .zwc-feature-card:nth-child(1) .zwc-sprite-icon{background-position:0 0}.zwc-features-why .zwc-feature-row:nth-child(1) .zwc-feature-card:nth-child(2) .zwc-sprite-icon{width:58px;background-position:-64px}.zwc-features-why .zwc-feature-row:nth-child(1) .zwc-feature-card:nth-child(3) .zwc-sprite-icon{background-position:-124px}.zwc-features-why .zwc-feature-row:nth-child(2) .zwc-feature-card:nth-child(1) .zwc-sprite-icon{background-position:-189px;width:59px}.zwc-features-why .zwc-feature-row:nth-child(2) .zwc-feature-card:nth-child(2) .zwc-sprite-icon{background-position:-254px}.zwc-features-why .zwc-feature-row:nth-child(2) .zwc-feature-card:nth-child(3) .zwc-sprite-icon{background-position:-311px}.zwc-section-header{display:flex;flex-direction:column;gap:23px;text-align:center;max-width:694px}.zwc-section-header h2{font-family:var(--primaryfont-semibold);font-size:var(--zwc-secondary-heading-font);line-height:1.17;letter-spacing:-0.96px;color:#000;margin:0}.zwc-section-header>p{font-family:var(--primaryfont-regular);font-size:var(--zwc-body-font);line-height:1.5;letter-spacing:-0.4px;color:#000;margin:0}.zwc-features-grid{display:flex;flex-direction:column;gap:20px;width:100%}.zwc-feature-row{display:flex;gap:20px}.zwc-feature-card{flex:1;display:flex;flex-direction:column;gap:14px;padding:70px 50px;background-color:#fff;border:1px solid #d6e2eb;border-radius:20px;box-shadow:0 2px 0 0 rgba(68,80,89,0.1)}.zwc-feature-icon{width:100px;height:61px}.zwc-feature-card h3{font-family:var(--primaryfont-semibold);font-size:var(--zwc-sub-heading-font);line-height:1.25;letter-spacing:-0.64px;color:#000;margin:0}.zwc-feature-card p{font-family:var(--primaryfont-regular);font-size:var(--zwc-body-font);line-height:1.5;letter-spacing:-0.4px;color:#000;margin:0}.zwc-import-steps{background-color:#fff;padding:var(--zwc-section-padding) 0}.zwc-import-steps .content-wrap{display:flex;justify-content:center}.zwc-steps-container{display:flex;flex-direction:column;gap:78px;align-items:flex-start;width:100%;background:linear-gradient(180deg,#082388 0,#300f78 100%);border-radius:20px;padding:120px 120px}.zwc-steps-container h2{font-family:var(--primaryfont-semibold);font-size:var(--zwc-secondary-heading-font);line-height:1.17;letter-spacing:-0.96px;color:#fff;text-align:center;width:100%;margin:0}.zwc-steps-wrapper{display:flex;gap:18px;width:100%;max-width:760px;margin:auto}.zwc-steps-timeline{display:flex;flex-direction:column;align-items:center;width:44px;position:relative}.zwc-steps-timeline::before{content:'';position:absolute;top:15px;height:var(--timeline-total-length,406px);left:50%;transform:translateX(-50%);width:2px;background-color:#4d48cc;z-index:0}.zwc-steps-timeline::after{content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);width:2px;height:var(--current-line-length,0);background-color:#f6c546;z-index:1}.zwc-step-indicator{width:30px;height:30px;border-radius:80px;display:flex;align-items:center;justify-content:center;border:2px solid #6766f1;position:relative;z-index:2;background-color:#6766f1;transition:border-color .01s ease,background-color .01s ease,box-shadow .01s ease}.zwc-step-indicator::before{content:'';position:absolute;top:-6px;left:-6px;right:-6px;bottom:-6px;border-radius:80px;border:2px solid rgba(103,102,241,0.4);background-color:transparent;z-index:-1;transition:border-color .01s ease}.zwc-step-indicator:not(:last-child){margin-bottom:203px}.zwc-step-indicator span{font-family:var(--primaryfont-regular);font-size:14px;color:#fff;transition:color .01s ease}.zwc-step-indicator.zwc-step-active{border-color:#f6c546;background-color:#f6c546}.zwc-step-indicator.zwc-step-active::before{border-color:rgba(246,197,70,0.4)}.zwc-step-indicator.zwc-step-active span{font-family:var(--primaryfont-bold);color:#000}.zwc-steps-content{display:flex;flex-direction:column;gap:33px;flex:1}.zwc-step-item{display:flex;flex-direction:column;gap:29px;padding-bottom:30px;border-bottom:1px solid rgba(255,255,255,0.3)}.zwc-step-item:last-child{border-bottom:0;padding-bottom:0}.zwc-step-badge{display:inline-flex;align-items:center;justify-content:center;padding:4px 13px;background-color:#4d48cc;border-radius:60px;font-family:var(--zf-primary-medium);font-size:12px;color:#fff;text-transform:uppercase;width:fit-content;transition:background-color .01s ease,color .01s ease}.zwc-step-badge.zwc-step-badge-active{background-color:#f6c546;color:#000}.zwc-step-item h3{font-family:var(--primaryfont-semibold);font-size:clamp(21px,4vw,24px);line-height:1.33;letter-spacing:-0.48px;color:#fff;margin:0}.zwc-step-item p{font-family:var(--primaryfont-regular);font-size:var(--zwc-body-font);line-height:1.5;letter-spacing:-0.4px;color:#fff;margin:0}.zwc-content-transfer{background-color:#18232f;padding:var(--zwc-section-padding) 0}.zwc-content-transfer .content-wrap{display:flex;flex-direction:column;gap:60px;align-items:center}.zwc-content-transfer .zwc-section-header h2,.zwc-content-transfer .zwc-section-header p{color:#fff}.zwc-transfer-section{display:flex;flex-direction:column;gap:20px;width:100%}.zwc-transfer-section .zwc-sprite-icon{background-position:0 0}.zwc-transfer-section h3,.zwc-capabilities-section h3{font-family:var(--primaryfont-semibold);font-size:var(--zwc-sub-heading-font);line-height:1.25;letter-spacing:-0.64px;color:#fff;text-align:center;margin:0 0 20px 0}.zwc-transfer-grid{display:flex;flex-direction:column;gap:20px}.zwc-transfer-row{display:flex;gap:20px}.zwc-transfer-card{flex:1;display:flex;flex-direction:column;gap:14px;padding:70px 50px;background-color:#202b3a;border:1px solid #344760;border-radius:20px;box-shadow:0 2px 0 0 rgba(68,80,89,0.1)}.zwc-transfer-icon{width:100px;height:61px}.zwc-transfer-row:nth-child(1) .zwc-transfer-card:nth-child(1) .zwc-sprite-icon{background-position:-368px;width:50px}.zwc-transfer-row:nth-child(1) .zwc-transfer-card:nth-child(2) .zwc-sprite-icon{background-position:-423px 6px;width:58px}.zwc-transfer-row:nth-child(1) .zwc-transfer-card:nth-child(3) .zwc-sprite-icon{background-position:-489px;width:53px}.zwc-transfer-row:nth-child(2) .zwc-transfer-card:nth-child(1) .zwc-sprite-icon{background-position:-547px;width:50px}.zwc-transfer-row:nth-child(2) .zwc-transfer-card:nth-child(2) .zwc-sprite-icon{background-position:-601px;width:51px}.zwc-transfer-row:nth-child(2) .zwc-transfer-card:nth-child(3) .zwc-sprite-icon{background-position:-660px 6px;width:57px}.zwc-transfer-card h4{font-family:var(--primaryfont-semibold);font-size:clamp(20px,3vw,27px);line-height:1.25;letter-spacing:-0.96px;color:#fff;margin:0}.zwc-transfer-card p{font-family:var(--primaryfont-regular);font-size:var(--zwc-body-font);line-height:1.5;letter-spacing:-0.4px;color:#fff;margin:0}.zwc-capabilities-section{display:flex;flex-direction:column;gap:60px;width:100%;padding-top:20px}.zwc-capabilities-grid{display:flex;flex-wrap:wrap;gap:40px;justify-content:center}.zwc-capability-item{display:flex;gap:12px;width:400px}.zwc-capability-icon{width:24px;height:24px;flex-shrink:0}.zwc-capability-content{display:flex;flex-direction:column;gap:16px}.zwc-capability-content h4{font-family:var(--primaryfont-semibold);font-size:clamp(21px,3vw,24px);line-height:1.33;letter-spacing:-0.48px;color:#fff;margin:0}.zwc-capability-content p{font-family:var(--primaryfont-regular);font-size:var(--zwc-body-font);line-height:1.5;letter-spacing:-0.36px;color:#fff;margin:0}.zwc-apple-users{background-color:#edf8ff;padding:var(--zwc-section-padding) 0}.zwc-apple-users .content-wrap{display:flex;flex-direction:column;gap:30px;align-items:center}.zwc-apple-btns{display:flex;gap:20px}.zwc-apple-btn{display:flex;align-items:center;justify-content:center;padding:14px 30px;background-color:#000;border-radius:6px;font-family:var(--primaryfont-semibold);font-size:18px;line-height:28px;letter-spacing:-0.36px;color:#fff;text-decoration:underline}.zwc-privacy-security{background:linear-gradient(180deg,#082388 0,#300f78 100%);padding:var(--zwc-section-padding) 0}.zwc-privacy-security .content-wrap{display:flex;flex-direction:column;gap:60px;align-items:center}.zwc-privacy-security .zwc-section-header{max-width:764px}.zwc-privacy-security .zwc-section-header h2{color:#fff}.zwc-privacy-security .zwc-sprite-icon{background-position:0 0}.zwc-privacy-grid{display:flex;flex-direction:column;gap:20px;width:100%}.zwc-privacy-row:nth-child(1) .zwc-privacy-card:nth-child(1) .zwc-sprite-icon{background-position:-725px;width:48px}.zwc-privacy-row:nth-child(1) .zwc-privacy-card:nth-child(2) .zwc-sprite-icon{background-position:-781px;width:50px}.zwc-privacy-row:nth-child(2) .zwc-privacy-card:nth-child(1) .zwc-sprite-icon{background-position:-838px;width:55px}.zwc-privacy-row:nth-child(2) .zwc-privacy-card:nth-child(2) .zwc-sprite-icon{background-position:-725px;width:48px}.zwc-privacy-row{display:flex;gap:20px}.zwc-privacy-card{flex:1;display:flex;flex-direction:column;gap:14px;padding:70px 50px;background-color:rgba(255,255,255,0.08);border:1px solid #344760;border-radius:20px;box-shadow:0 2px 0 0 rgba(68,80,89,0.1)}.zwc-privacy-icon{width:100px;height:61px}.zwc-privacy-card h3{font-family:var(--primaryfont-semibold);font-size:var(--zwc-sub-heading-font);line-height:1.25;letter-spacing:-0.96px;color:#fff;margin:0}.zwc-privacy-card p{font-family:var(--primaryfont-regular);font-size:var(--zwc-body-font);line-height:1.5;letter-spacing:-0.4px;color:#fff;margin:0}.zwc-faqs{background-color:#f7f7f7;padding:var(--zwc-section-padding) 0}.zwc-faqs .content-wrap{display:flex;flex-direction:column;gap:46px;align-items:center;max-width:875px}.zwc-faqs .zwc-section-header{display:flex;flex-direction:column;gap:30px;align-items:center}.zwc-faq-icon{width:90px;height:61px}.zwc-faq-list{display:flex;flex-direction:column;gap:18px;width:100%}.zwc-faq-item{background-color:#fff;border:1px solid #cecdcf;border-radius:10px;overflow:hidden;transition:background-color .4s ease,border-color .4s ease,box-shadow .4s ease}.zwc-faq-item:hover:not(.zwc-faq-active){box-shadow:0 4px 20px rgba(0,115,255,0.1)}.zwc-faq-item.zwc-faq-active{background-color:#edf3fd;border-color:#0073ff;box-shadow:0 6px 24px rgba(0,115,255,0.15)}.zwc-faq-question{display:flex;align-items:center;justify-content:space-between;padding:24px;cursor:pointer}.zwc-faq-question h3{font-family:var(--zf-primary-medium);font-size:clamp(21px,3vw,26px);line-height:1.33;letter-spacing:-0.48px;color:#000;margin:0;transition:color .3s ease}.zwc-faq-active .zwc-faq-question h3{font-family:var(--primaryfont-bold);color:#0073ff}.zwc-faq-toggle{width:14px;height:7px;position:relative;flex-shrink:0}.zwc-faq-toggle::before,.zwc-faq-toggle::after{content:'';position:absolute;background-color:#000;height:2px;width:8px;top:50%;transform:translateY(-50%);transition:transform .35s cubic-bezier(0.4,0,0.2,1),background-color .3s ease}.zwc-faq-toggle::before{left:0;transform:translateY(-50%) rotate(45deg);transform-origin:right center}.zwc-faq-toggle::after{right:0;transform:translateY(-50%) rotate(-45deg);transform-origin:left center}.zwc-faq-active .zwc-faq-toggle::before,.zwc-faq-active .zwc-faq-toggle::after{background-color:#0073ff}.zwc-faq-active .zwc-faq-toggle::before{transform:translateY(-50%) rotate(-45deg)}.zwc-faq-active .zwc-faq-toggle::after{transform:translateY(-50%) rotate(45deg)}.zwc-faq-answer{display:grid;grid-template-rows:0fr;transition:grid-template-rows .4s ease-out;padding:0 24px}.zwc-faq-answer-inner{overflow:hidden}.zwc-faq-active .zwc-faq-answer{grid-template-rows:1fr}.zwc-faq-answer p{font-family:var(--primaryfont-regular);font-size:var(--zwc-body-font);line-height:1.5;letter-spacing:-0.4px;color:#000;margin:0;padding-bottom:24px;opacity:0;transform:translateY(-8px);transition:opacity .3s ease .1s,transform .3s ease .1s}.zwc-faq-active .zwc-faq-answer p{opacity:1;transform:translateY(0)}@media screen and (max-width:1199px){.content-wrap{padding:0 40px}.zwc-banner-img{width:500px;height:100%}.zwc-banner-play{width:90px;height:90px}.zwc-feature-card{padding:50px 35px}.zwc-steps-container{padding:80px 60px}.zwc-capability-item{width:350px}.zwc-transfer-card{padding:40px}}@media screen and (max-width:991px){.zwc-banner .content-wrap{flex-direction:column;gap:60px}.zwc-banner-text{max-width:100%;text-align:center;align-items:center;gap:15px}.zwc-banner-img{width:100%;max-width:600px;height:auto;aspect-ratio:685 / 569}.zwc-feature-row,.zwc-transfer-row,.zwc-privacy-row{flex-direction:column}.zwc-steps-wrapper{flex-direction:column;gap:30px}.zwc-steps-timeline{display:none}.zwc-step-badge{background-color:#f6c546;color:#000}.zwc-capability-item{width:100%}.zwc-capabilities-grid{gap:30px}}@media screen and (max-width:767px){.content-wrap{padding:0 20px}.zwc-banner-btns{flex-direction:column;width:100%}.zwc-btn-secondary{justify-content:center}.zwc-banner-play{width:70px;height:70px}.zwc-banner-play svg{width:20px;height:26px}.zwc-features-why .content-wrap,.zwc-content-transfer .content-wrap{gap:40px}.zwc-feature-card,.zwc-transfer-card,.zwc-privacy-card{padding:40px 25px}.zwc-steps-container{padding:50px 25px;gap:50px}.zwc-step-indicator:not(:last-child){margin-right:60px}.zwc-apple-btns{flex-direction:column;width:100%}.zwc-apple-btn{width:300px;margin:auto;justify-content:center}.zwc-faqs .content-wrap{gap:30px}}