*{box-sizing:border-box}*::selection{background:#f734a5;color:#fff}body{font-family:open sans;margin:0;font-size:16px;overflow-x:hidden}a{text-decoration:underline;text-decoration-thickness:2px;cursor:pointer}h1{font-size:36px;margin-top:100px}h2{margin:0}h1,h2,h3,h4{font-family:source sans pro;font-weight:700}h1,h2{padding:40px 0 10px}h2,h3{font-size:32px;line-height:48px}h4{font-size:28px}p,ul,ol{line-height:29px;font-size:18px}pre{width:100%;overflow:auto;line-height:29px}code{padding:5px}form{margin-bottom:30px}input{display:block;font-size:16px;font-family:open sans;padding:10px;width:100%;margin-bottom:20px;border-radius:4px}button{padding:10px;font-size:16px;cursor:pointer;font-weight:700;border-radius:4px;border:none}button.big,.button.big{padding:15px 30px;font-size:18px}img{max-width:100%;height:auto}.icon{display:inline-block;width:1em;height:1em;vertical-align:-.125em;fill:currentColor}.skip-link{position:absolute;left:-9999px;top:0;z-index:9999;padding:8px 16px;background:#111827;color:#fff;text-decoration:none;border-radius:0 0 4px 0}.skip-link:focus{left:0}.trust-line{font-size:13px;color:#6b7280;margin-top:12px;display:flex;align-items:center;gap:6px}.trust-line .icon{width:.9em;height:.9em}.container-page.download .lead{font-size:18px;margin-bottom:24px}.container-page.download picture img{border-radius:8px;margin-bottom:32px}.container-page.download .release-info{font-size:13px;color:#6b7280;margin-top:32px;text-align:center}.platform-row{transition:background-color .2s,border-color .2s;border-radius:8px;padding:8px 12px;border:2px solid transparent}.os-mac .platform-mac,.os-windows .platform-windows,.os-linux .platform-linux{background:rgba(247,52,165,6%);border-color:rgba(247,52,165,.3)}.container{margin:0 auto;width:95%;max-width:1300px}.container-page{margin:0 auto;width:95%;max-width:800px}.inner-container{max-width:925px;margin:0 60px}.center{text-align:center}.hidden{display:none}.flex{display:flex;justify-content:space-between;align-items:flex-start}.flex .half{width:48%}.flex .third{width:32%}.flex .wide{width:100%}.message{padding:20px;border-radius:4px}header{position:fixed;top:0;left:0;right:0;z-index:99}header div.container{padding:0 60px}header div.logo{font-size:24px;font-weight:700;display:inline-block;padding:15px 0;line-height:28px;letter-spacing:-1px}header div.logo a{text-decoration:none}header div.logo img{float:left;width:32px;height:32px;margin:-2px 10px 0 0}header button#menu-toggle{display:none;background:0 0;border:0;padding:0;margin:0;cursor:pointer;color:inherit;font:inherit}nav{float:right;overflow:hidden;transition:height 100ms}nav a{margin:19px 14px 0;display:inline-block;font-size:16px;text-decoration:none}nav a span{border-bottom:2px solid transparent}nav a i,nav a .icon{font-size:10px;margin:0 0 0 4px;float:right}nav a:last-child{margin-right:0}div.buttons{margin-bottom:20px}div.buttons a.button{max-width:390px;width:100%}div.buttons small{display:block;margin-top:10px}div.buttons small a{text-decoration:none}div.buttons small.pricing-note{display:block;margin-top:10px;font-size:14px}a.button{padding:15px 30px;font-size:24px;font-weight:700;cursor:pointer;display:inline-block;border:none;border-radius:4px;text-decoration:none}a.button i,a.button .icon{margin-right:8px}a.button span{display:block;font-size:12px;margin-top:5px}section#intro{overflow:hidden;h1 { font-size: 52px; line-height: 62px; margin: 100px 0 0 0; padding-bottom: 20px; } p { font-size: 20px; line-height: 32px; max-width: 925px; margin: 0 auto 30px auto; }}div#screenshot{margin-top:100px;height:475px;box-shadow:0 10px 50px rgba(0,0,0,.2);border-radius:10px 10px 0 0;position:relative}section#problem{padding:100px 0 0;border-width:1px 0 0;position:relative;div.description { align-items: center; padding: 0 60px; .text { min-width: 650px; max-width: 95%; } .paragraph { flex-grow: 1; } } h2 { font-size: 90px; line-height: 100px; margin: 0; padding: 0; } p { font-size: 20px; line-height: 32px; } span { background: linear-gradient(90deg, rgba(247,52,165,1) 0%, rgba(249,189,105,1) 70%); background-clip: text; color: transparent; display: block; }}section#features{padding:80px 0 0;.feature-row { display: flex; align-items: center; gap: 80px; padding: 60px 40px 60px 60px; margin: 0 0 20px max(calc((100% - 1300px) / 2), 2.5%); border-radius: 16px 0 0 16px; justify-content: flex-start; } .feature-row.reverse { flex-direction: row-reverse; padding: 60px 60px 60px 40px; margin: 0 max(calc((100% - 1300px) / 2), 2.5%) 20px 0; border-radius: 0 16px 16px 0; justify-content: flex-start; } .feature-text { width: 35%; flex-shrink: 0; h3 { font-size: 32px; margin: 0 0 15px 0; } p { margin: 0; font-size: 18px; line-height: 30px; } } .feature-image { flex: 1; min-height: 40px; max-width: 600px; img { width: 100%; border-radius: 10px; } }}section#examples{margin:100px 0 0;padding:0 0 0;position:relative;div.description { align-items: center; padding: 0 60px; margin-bottom: 40px; .text { min-width: 650px; max-width: 95%; } .paragraph { flex-grow: 1; } } h2 { font-size: 90px; line-height: 100px; margin: 0; padding: 0; } p { font-size: 20px; line-height: 32px; } span { background: linear-gradient(90deg, rgba(247,52,165,1) 0%, rgba(249,189,105,1) 70%); background-clip: text; color: transparent; display: block; } .examples { padding-bottom: 100px; position: relative; overflow: hidden; .slider { display: flex; flex-wrap: wrap; pointer-events: none; margin: 0 0%; img { width: 100%; border-radius: 10px 10px 0 0; } div { padding: 0 20px; width: 32%; } h3 { font-size: 20px; margin: 20px 0 2px 10px; bottom: 0; } small { margin-left: 10px; } p { margin: 15px 10px; } } }}section#features-unified{padding:30px 0 80px;border-width:1px 0;div.description { align-items: center; padding: 0 60px; p { margin-top: 40px; font-size: 20px; line-height: 32px; max-width: 700px; margin: 40px auto; } } h2 { font-size: 52px; line-height: 62px; margin: 0 auto; padding: 0; max-width: 700px; } span { background: linear-gradient(90deg, rgba(247,52,165,1) 0%, rgba(249,189,105,1) 70%); background-clip: text; color: transparent; } .container { margin-top: 60px; } img.accounts { border-radius: 10px; } .logos { margin: 20px 0 20px; flex-wrap: wrap; img { width: 28%; padding: 20px; } } .accounts img { width: 100%; } .account-colors { margin-top: 80px; align-items: center; img { border-radius: 10px; } } .account-colors-text { padding-right: 40px; h4 { margin-top: 0; } img { max-width: 360px; margin-top: 10px; } }}section#features-secure{padding:80px 0 100px;div.description { align-items: center; padding: 0 60px; p { margin-top: 40px; font-size: 20px; line-height: 32px; max-width: 700px; margin: 40px auto; } } h2 { font-size: 52px; line-height: 62px; margin: 0 auto; padding: 0; max-width: 700px; } span { background: linear-gradient(90deg, rgba(247,52,165,1) 0%, rgba(249,189,105,1) 70%); background-clip: text; color: transparent; } img { max-width: 100%; border-radius: 10px; } .item { align-items: center; padding: 10px 20px; margin-bottom: 60px; border-radius: 10px; h3 { margin: 10px 0; } &.images { margin: 0 30px 0 60px; } &.unsubscribe { margin: 0 60px 0 30px; img { margin: 0 auto; display: block; } } }}section#download{border-width:1px 0;padding:80px 0 60px;h2 { font-size: 52px; line-height: 62px; margin: 0; padding: 0; } span { background: linear-gradient(90deg, rgba(247,52,165,1) 0%, rgba(249,189,105,1) 70%); background-clip: text; color: transparent; } .buttons { margin-top: 40px; }}footer{padding:60px 0 30px}footer div.container{display:flex;justify-content:space-between;align-items:flex-start;padding:0 60px}footer .footer-col{font-size:14px}footer .footer-col strong{display:block;font-size:12px;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}footer .footer-col a{display:block;line-height:26px;text-decoration:none}footer .copyright a{display:inline}footer .footer-links{display:flex;gap:60px}.container-page.download{.platform { min-width: 220px; h3 { margin: 15px 0 60px 0; } } .links { flex-grow: 1; justify-content: flex-start; a.button { margin-right: 20px; } } a.button { font-size: 18px; }}.container-page.landing{img { border-radius: 10px; margin: 20px 0; } .landing-cta { text-align: center; margin: 60px 0 40px 0; small { display: block; margin-top: 10px; } }}@media(prefers-color-scheme:light){body{background:#fff;color:#4a4a4a}a{text-decoration-color:#f7f7f7;color:#f734a5}a:hover{text-decoration-color:#d7d7d7}h1,h2,h3,h4{color:#111827}pre{background:#f7f7f7}code{background:#f7f7f7}input{border:1px solid #d7d7d7}button{color:#fff;background:linear-gradient(90deg,#f734a5 0%,#f9bd69 100%)}button:hover{border-color:#333;background:linear-gradient(90deg,#d91687 0%,#db9f4b 100%)}.message{background:#f7f7f7}header{background:#fff;border-bottom:1px solid #f7f7f7}header div.logo a{color:#444}nav{background:#fff}header button#menu-toggle.open{background:#f7f7f7}nav a{color:#111827}nav a i,nav a .icon{color:#a7a7a7}nav a:hover,nav a.active{color:#f2318d}nav a:hover span,nav a.active span{border-bottom:2px solid #d7d7d7}nav a:hover i,nav a:hover .icon{color:#333}div.buttons small a{color:#a7a7a7}div.buttons small a:hover{color:#888}a.button{background:linear-gradient(90deg,#f734a5 0%,#f9bd69 100%);color:#fff}a.button i,a.button .icon{color:#f7f7f7}a.button:hover{border-color:#333;background:linear-gradient(90deg,#d91687 0%,#db9f4b 100%)}a.button:hover i{}a.button span{color:#d9d9d9}section#problem{background:linear-gradient(0deg,white 0%,#F3F5F6 100%);span { background: linear-gradient(90deg, rgba(247,52,165,1) 0%, rgba(249,189,105,1) 100%); background-clip: text; }}section#features{background:#fff}section#features .feature-row:nth-child(1){background:rgba(227,74,160,6%)}section#features .feature-row:nth-child(2){background:rgba(239,189,119,8%)}section#features .feature-row:nth-child(3){background:rgba(98,98,99,6%)}section#features .feature-row:nth-child(4){background:rgba(100,180,120,8%)}section#features .feature-row:nth-child(5){background:rgba(58,58,59,6%)}section#examples span{background:linear-gradient(90deg,#f734a5 0%,#f9bd69 100%);background-clip:text}section#examples .arrow-left:hover{background:linear-gradient(-170deg,transparent 0%,rgba(0,0,0,5%) 100%)}section#examples .arrow-right:hover{background:linear-gradient(170deg,transparent 0%,rgba(0,0,0,5%) 100%)}section#examples .examples .slider h5{color:#666}section#features-unified{background:linear-gradient(180deg,#F3F5F6 0%,white 100%)}section#features-unified span{background:linear-gradient(90deg,#f734a5 0%,#f9bd69 100%);background-clip:text}section#features-secure{background:linear-gradient(180deg,#F3F5F6 0%,white 100%)}section#features-secure span{background:linear-gradient(90deg,#f734a5 0%,#f9bd69 100%);background-clip:text}section#features-secure .item{background:rgba(98,98,99,.1)}section#download{background:#f3f5f6}section#download span{background:linear-gradient(90deg,#f734a5 0%,#f9bd69 70%);background-clip:text}footer{color:#a7a7a7}footer a{color:#888}footer a:hover{color:#333}}@media(prefers-color-scheme:dark){body{background:#141516;color:#ccc}a{text-decoration-color:#333;color:#ff6bb3}a:hover{text-decoration-color:#555}h1,h2,h3,h4{color:#fff}pre{background:#2a2a2a}code{background:#2a2a2a}input{border:1px solid #444;background:#2a2a2a;color:#ccc}button{color:#fff;background:linear-gradient(90deg,#ab0766 0%,#8b5306 100%)}button:hover{border-color:#666;background:linear-gradient(90deg,rgba(171,7,102,.8) 0%,rgba(139,83,6,.8) 100%)}.message{background:#2a2a2a}header{background:#141516;border-bottom:1px solid #101010}header div.logo a{color:#fff}nav a{background:#141516}header button#menu-toggle.open{background:#1a1b1b}nav a{color:#fff}nav a i,nav a .icon{color:#888}nav a:hover,nav a.active{color:#ff6bb3}nav a:hover span,nav a.active span{border-bottom:2px solid #555}nav a:hover i,nav a:hover .icon{color:#ccc}div.buttons small a{color:#888}div.buttons small a:hover{color:#ccc}a.button{background:linear-gradient(90deg,#ab0766 0%,#8b5306 100%);color:#fff}a.button i,a.button .icon{color:#fff}a.button:hover{border-color:#666;background:linear-gradient(90deg,rgba(171,7,102,.8) 0%,rgba(139,83,6,.8) 100%)}a.button:hover i{color:#ddd}a.button span{color:#bbb}section#problem{background:linear-gradient(0deg,#141516 0%,#1C1E1F 100%);span { background: linear-gradient(90deg, rgb(171, 7, 102) 0%, rgb(139, 83, 6) 80%); background: linear-gradient(90deg, rgb(171, 7, 102) 0%, rgb(139, 83, 6) 100%); background-clip: text; }}section#features{background:#141516}section#features .feature-row:nth-child(1){background:rgba(227,74,160,.1)}section#features .feature-row:nth-child(2){background:rgba(239,189,119,.1)}section#features .feature-row:nth-child(3){background:rgba(98,98,99,.1)}section#features .feature-row:nth-child(4){background:rgba(100,180,120,.1)}section#features .feature-row:nth-child(5){background:rgba(58,58,59,.15)}section#examples span{background:linear-gradient(90deg,#ab0766 0%,#8b5306 80%);background-clip:text}section#examples .arrow-left:hover{background:linear-gradient(-170deg,transparent 0%,rgba(0,0,0,.1) 100%)}section#examples .arrow-right:hover{background:linear-gradient(170deg,transparent 0%,rgba(0,0,0,.1) 100%)}section#examples .examples .slider h5{color:#fff}section#features-unified{background:linear-gradient(0deg,#141516 0%,#1C1E1F 100%)}section#features-unified span{background:linear-gradient(90deg,#ab0766 0%,#8b5306 80%);background-clip:text}section#features-secure{background:linear-gradient(0deg,#141516 0%,#1C1E1F 100%)}section#features-secure span{background:linear-gradient(90deg,#ab0766 0%,#8b5306 80%);background-clip:text}section#features-secure .item{background:rgba(98,98,99,.2)}section#download{background:#1c1e1f}section#download span{background:linear-gradient(90deg,#ab0766 0%,#8b5306 80%);background-clip:text}footer{color:#888}footer a{color:#ccc}footer a:hover{color:#fff}}@media all and (max-width:1040px){div#screenshot{height:300px}}@media all and (max-width:768px){div.container{width:100%;max-width:90%}div.inner-container{margin:0 5%}div.container-page{width:90%}div.content{padding:0 20px}div.buttons{padding:0 20px}.flex{flex-wrap:wrap}.flex .half{width:100%}header div.container{padding:0}header div.logo{padding:10px 0 10px 0}header button#menu-toggle{display:block;float:right;font-size:20px;padding:14px 20px 12px}nav{height:0;position:absolute;left:0;right:0}nav a{display:block;margin:0;padding:10px 20px}nav a:last-child{border-bottom:1px solid #f7f7f7;padding-bottom:10px}nav a i,nav a .icon{float:none}section#intro h1{margin-top:60px;padding:40px 10px}section#intro p{padding:0 20px}div#screenshot{margin:0 20px}section#problem{padding-top:40px;div.description { padding: 0 5%; flex-wrap: wrap; .text { min-width: 0; } h2 { font-size: 60px; line-height: 60px; } }}section#features{padding-top:20px;.feature-row { flex-wrap: wrap; padding: 30px 8%; gap: 20px; border-radius: 0; margin: 0 0 10px 0; } .feature-row.reverse { padding: 30px 8%; margin: 0 0 10px 0; border-radius: 0; flex-direction: row; } .feature-text, .feature-image { width: 100%; }}section#examples{margin-top:60px;padding-top:20px;div.description { padding: 0 5%; flex-wrap: wrap; .text { min-width: 0; } h2 { font-size: 60px; line-height: 60px; } }}section#examples .arrow{display:none}section#examples .examples{height:auto;overflow:visible}section#examples .examples .slider{width:100%;flex-wrap:wrap;margin:0;pointer-events:auto}section#examples .examples .slider div{width:100%;padding:0 5%;margin-bottom:30px}section#examples .examples .slider img{box-shadow:0 5px 20px rgba(0,0,0,.1)}section#features-unified{padding:40px 0;div.description { padding: 0 5%; flex-wrap: wrap; .text { min-width: 0; } h2 { font-size: 60px; line-height: 60px; } } .container { margin-top: 0; } .account-colors { margin-top: 40px; } .account-colors-text { padding-right: 0; margin-bottom: 20px; }}section#features-secure{padding:40px 0;div.description { padding: 0 5%; flex-wrap: wrap; .text { min-width: 0; } h2 { font-size: 60px; line-height: 60px; } }}section#download h2{font-size:60px;line-height:60px}}@media all and (max-width:600px){footer{padding:60px 0;div.container { flex-wrap: wrap; padding: 0 30px; gap: 20px; } .footer-links { gap: 30px; }}div#screenshot{margin-top:50px;height:auto;margin-bottom:40px}div#screenshot div.buttons{width:300px;margin-left:-150px;bottom:-50px}div#screenshot div.buttons button{width:142px}}[data-aos]{opacity:0;transition:opacity .6s ease,transform .6s ease}[data-aos=fade-in]{transform:none}[data-aos=fade-up]{transform:translateY(30px)}[data-aos=fade-right]{transform:translateX(-30px)}[data-aos=fade-left]{transform:translateX(30px)}[data-aos=zoom-in]{transform:scale(.9)}[data-aos].aos-animate{opacity:1;transform:none}