*{box-sizing:border-box}html,input,select,textarea,button{font-family:"DIN Next", sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;line-height:1.5rem;color:#293845}html,body{background-color:#ffffff;margin:0;height:100%}#root{height:100%}a{text-decoration:none;color:#BD34D1}a:visited{color:#BD34D1}p{margin:0 0 1rem}p a{background-image:linear-gradient(to bottom, #BAB4F9 0%, #BAB4F9 100%);background-repeat:repeat-x;background-size:1px 2px;background-position:0 100%;padding-bottom:2px}p a:hover{background-image:linear-gradient(to bottom, #47BEB2 0%, #47BEB2 100%)}h1,h2,h3,h4,h5{font-weight:500;margin:0 0 1rem}h1{font-size:42px;line-height:51px}h2{font-size:30px;line-height:34px}h3{font-size:24px;line-height:28px}h4{font-size:20px;line-height:24px;margin-bottom:4px}h5{font-size:14.4px;margin-bottom:0}@media screen and (max-width: 768px){h1{font-size:30px;line-height:34px}h2{font-size:24px;line-height:28px}h3{font-size:20px;line-height:24px;margin-bottom:4px}h4{font-size:14.4px}h5{font-size:12px;margin-bottom:0}}.no-user-select{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.text-user-select{user-select:text;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text}.o-wrapper{max-width:1400px;margin:0 auto;height:100%}.i-wrapper{max-width:1200px;margin:0 auto}@media screen and (max-width: 768px){.o-wrapper,.i-wrapper{max-width:375px}}@font-face{font-family:"DIN Next";font-weight:400;src:url("/fonts/139e8e25-0eea-4cb4-a5d4-79048803e73d.eot?#iefix");src:url("/fonts/139e8e25-0eea-4cb4-a5d4-79048803e73d.eot?#iefix") format("eot"),url("/fonts/094b15e3-94bd-435b-a595-d40edfde661a.woff2") format("woff2"),url("/fonts/7e5fbe11-4858-4bd1-9ec6-a1d9f9d227aa.woff") format("woff"),url("/fonts/0f11eff9-9f05-46f5-9703-027c510065d7.ttf") format("truetype"),url("/fonts/48b61978-3f30-4274-823c-5cdcd1876918.svg#48b61978-3f30-4274-823c-5cdcd1876918") format("svg")}@font-face{font-family:"DIN Next";font-weight:400;font-style:italic;src:url("/fonts/df24d5e8-5087-42fd-99b1-b16042d666c8.eot?#iefix");src:url("/fonts/df24d5e8-5087-42fd-99b1-b16042d666c8.eot?#iefix") format("eot"),url("/fonts/46251881-ffe9-4bfb-99c7-d6ce3bebaf3e.woff2") format("woff2"),url("/fonts/790ebbf2-62c5-4a32-946f-99d405f9243e.woff") format("woff"),url("/fonts/d28199e6-0f4a-42df-97f4-606701c6f75a.ttf") format("truetype"),url("/fonts/37a462c0-d86e-492c-b9ab-35e6bd417f6c.svg#37a462c0-d86e-492c-b9ab-35e6bd417f6c") format("svg")}@font-face{font-weight:500;font-family:"DIN Next";src:url("/fonts/c5b058fc-55ce-4e06-a175-5c7d9a7e90f4.eot?#iefix");src:url("/fonts/c5b058fc-55ce-4e06-a175-5c7d9a7e90f4.eot?#iefix") format("eot"),url("/fonts/7b29ae40-30ff-4f99-a2b9-cde88669fa2f.woff2") format("woff2"),url("/fonts/bf73077c-e354-4562-a085-f4703eb1d653.woff") format("woff"),url("/fonts/0ffa6947-5317-4d07-b525-14d08a028821.ttf") format("truetype"),url("/fonts/9e423e45-5450-4991-a157-dbe6cf61eb4e.svg#9e423e45-5450-4991-a157-dbe6cf61eb4e") format("svg")}@font-face{font-family:"DIN Next";font-weight:500;font-style:italic;src:url("/fonts/9897c008-fd65-48a4-afc7-36de2fea97b9.eot?#iefix");src:url("/fonts/9897c008-fd65-48a4-afc7-36de2fea97b9.eot?#iefix") format("eot"),url("/fonts/c7717981-647d-4b76-8817-33062e42d11f.woff2") format("woff2"),url("/fonts/b852cd4c-1255-40b1-a2be-73a9105b0155.woff") format("woff"),url("/fonts/821b00ad-e741-4e2d-af1a-85594367c8a2.ttf") format("truetype"),url("/fonts/d3e3b689-a6b0-45f2-b279-f5e194f87409.svg#d3e3b689-a6b0-45f2-b279-f5e194f87409") format("svg")}@font-face{font-weight:700;font-family:"DIN Next";src:url("/fonts/81cd3b08-fd39-4ae3-8d05-9d24709eba84.eot?#iefix");src:url("/fonts/81cd3b08-fd39-4ae3-8d05-9d24709eba84.eot?#iefix") format("eot"),url("/fonts/31704504-4671-47a6-a61e-397f07410d91.woff2") format("woff2"),url("/fonts/b8a280da-481f-44a0-8d9c-1bc64bd7227c.woff") format("woff"),url("/fonts/276d122a-0fab-447b-9fc0-5d7fb0eafce2.ttf") format("truetype"),url("/fonts/8fb8273a-8213-4928-808b-b5bfaf3fd7e9.svg#8fb8273a-8213-4928-808b-b5bfaf3fd7e9") format("svg")}@font-face{font-family:"DIN Next";font-weight:700;font-style:italic;src:url("/fonts/00cc6df3-ed32-4004-8dd8-1c576600a408.eot?#iefix");src:url("/fonts/00cc6df3-ed32-4004-8dd8-1c576600a408.eot?#iefix") format("eot"),url("/fonts/4132c4c8-680c-4d6d-9251-a2da38503bbd.woff2") format("woff2"),url("/fonts/366401fe-6df4-47be-8f55-8a411cff0dd2.woff") format("woff"),url("/fonts/dbe4f7ba-fc16-44a6-a577-571620e9edaf.ttf") format("truetype"),url("/fonts/f874edca-ee87-4ccf-8b1d-921fbc3c1c36.svg#f874edca-ee87-4ccf-8b1d-921fbc3c1c36") format("svg")}.no_margin{margin:0 !important}.xs_margin{margin:0.25rem !important}.s_margin{margin:0.5rem !important}.r_margin{margin:1rem !important}.l_margin{margin:2rem !important}.xl_margin{margin:3rem !important}.xxl_margin{margin:4rem !important}.no_top_margin{margin-top:0 !important}.no_bottom_margin{margin-bottom:0 !important}.no_left_margin{margin-left:0 !important}.no_right_margin{margin-right:0 !important}.xxs_top_margin{margin-top:0.1rem !important}.xxs_left_margin{margin-left:0.1rem !important}.xxs_right_margin{margin-right:0.1rem !important}.xxs_bottom_margin{margin-bottom:0.1rem !important}.xs_top_margin{margin-top:0.25rem !important}.xs_bottom_margin{margin-bottom:0.25rem !important}.xs_left_margin{margin-left:0.25rem !important}.xs_right_margin{margin-right:0.25rem !important}.s_top_margin{margin-top:0.5rem !important}.s_bottom_margin{margin-bottom:0.5rem !important}.s_left_margin{margin-left:0.5rem !important}.s_right_margin{margin-right:0.5rem !important}.r_top_margin{margin-top:1rem !important}.r_bottom_margin{margin-bottom:1rem !important}.r_left_margin{margin-left:1rem !important}.r_right_margin{margin-right:1rem !important}.m_top_margin{margin-top:1.5rem !important}.m_bottom_margin{margin-bottom:1.5rem !important}.m_left_margin{margin-left:1.5rem !important}.m_right_margin{margin-right:1.5rem !important}.l_top_margin{margin-top:2rem !important}.l_bottom_margin{margin-bottom:2rem !important}.l_left_margin{margin-left:2rem !important}.l_right_margin{margin-right:2rem !important}.xl_top_margin{margin-top:3rem !important}.xl_bottom_margin{margin-bottom:3rem !important}.xl_left_margin{margin-left:3rem !important}.xl_right_margin{margin-right:3rem !important}.xxl_top_margin{margin-top:4rem !important}.xxl_bottom_margin{margin-bottom:4rem !important}.xxl_left_margin{margin-left:4rem !important}.xxl_right_margin{margin-right:4rem !important}.no_padding{padding:0 !important}.xs_padding{padding:0.25rem !important}.s_padding{padding:0.5rem !important}.r_padding{padding:1rem !important}.l_padding{padding:2rem !important}.xl_padding{padding:3rem !important}.xxl_padding{padding:4rem !important}.no_top_padding{padding-top:0 !important}.no_bottom_padding{padding-bottom:0 !important}.no_left_padding{padding-left:0 !important}.no_right_padding{padding-right:0 !important}.xs_top_padding{padding-top:0.25rem !important}.xs_bottom_padding{padding-bottom:0.25rem !important}.xs_left_padding{padding-left:0.25rem !important}.xs_right_padding{padding-right:0.25rem !important}.s_top_padding{padding-top:0.5rem !important}.s_bottom_padding{padding-bottom:0.5rem !important}.s_left_padding{padding-left:0.5rem !important}.s_right_padding{padding-right:0.5rem !important}.top_padding{padding-top:1rem !important}.bottom_padding{padding-bottom:1rem !important}.left_padding{padding-left:1rem !important}.right_padding{padding-right:1rem !important}.m_top_padding{padding-top:1.5rem !important}.m_bottom_padding{padding-bottom:1.5rem !important}.m_left_padding{padding-left:1.5rem !important}.m_right_padding{padding-right:1.5rem !important}.l_top_padding{padding-top:2rem !important}.l_bottom_padding{padding-bottom:2rem !important}.l_left_padding{padding-left:2rem !important}.l_right_padding{padding-right:2rem !important}.xl_top_padding{padding-top:3rem !important}.xl_bottom_padding{padding-bottom:3rem !important}.xl_left_padding{padding-left:3rem !important}.xl_right_padding{padding-right:3rem !important}.xxl_top_padding{padding-top:4rem !important}.xxl_bottom_padding{padding-bottom:4rem !important}.xxl_left_padding{padding-left:4rem !important}.xxl_right_padding{padding-right:4rem !important}input.text,input.submit,input.button,button.text,button.submit,button.button{font-size:21px;line-height:25px;margin:0;height:60px;border-radius:3px;border:0;-webkit-appearance:none}@media screen and (max-width: 768px){input.text,input.submit,input.button,button.text,button.submit,button.button{font-size:18px;line-height:23px;height:50px;border-radius:2px}}input.text:focus,input.submit:focus,input.button:focus,button.text:focus,button.submit:focus,button.button:focus{outline:none}input.text,button.text{padding:18px 16px 17px 16px;background-color:#EAEAEA;color:#293845}input.text::-webkit-input-placeholder,button.text::-webkit-input-placeholder{color:#ABABAB}input.text:-moz-placeholder,button.text:-moz-placeholder{color:#ABABAB}input.text::-moz-placeholder,button.text::-moz-placeholder{color:#ABABAB}input.text:-ms-input-placeholder,button.text:-ms-input-placeholder{color:#ABABAB}@media screen and (max-width: 768px){input.text,button.text{padding:14px 10px 13px 10px}}input.text:focus,button.text:focus{background-color:#fff;box-shadow:inset 0 0 0 2px #9E96F7}input.text.right-button,button.text.right-button{margin-right:-3px}input.submit,input.button,button.submit,button.button{padding:18px 20px 17px 20px;color:#fff;background-color:#31B6A8;cursor:pointer;text-align:center;box-shadow:2px 2px 4px 0 rgba(0,0,0,0.12)}@media screen and (max-width: 768px){input.submit,input.button,button.submit,button.button{padding:14px 12px 13px 12px}}input.submit:hover,input.button:hover,button.submit:hover,button.button:hover{background-color:#1AAE9F}input.submit:disabled,input.button:disabled,button.submit:disabled,button.button:disabled{opacity:0.3;cursor:default}input.submit:active,input.button:active,button.submit:active,button.button:active{opacity:0.6}input.submit.left-field,input.button.left-field,button.submit.left-field,button.button.left-field{border-top-left-radius:0;border-bottom-left-radius:0}form .error{background-color:#D7576B;box-shadow:0 2px 4px 0 rgba(0,0,0,0.14);border-radius:2px;text-align:center;color:#fff;padding:12px 12px;font-size:15px;line-height:18px;font-weight:500}form .desc{font-size:18px;line-height:24px}@media screen and (max-width: 768px){form .desc{font-size:16px;line-height:21px}}.footer{background:url("/assets/images/footer-bg-9c7597e7e20042f9ffbd7e4972af7b259502b75952379b60753ecb06eb75bf55.svg") top center no-repeat;padding:55px 0 45px 0;color:#ffffff}.footer .i-wrapper{max-width:520px !important;display:flex;flex-direction:row}.footer .i-wrapper.desktop{display:flex}.footer .i-wrapper.mobile{display:none}.footer .section .title{text-transform:uppercase;font-weight:700;font-size:15px;letter-spacing:1px}.footer .section a{display:inline-block;color:#fff;background-image:linear-gradient(to bottom, rgba(255,255,255,0.2) 0%, rgba(255,255,255,0.2) 100%);background-repeat:repeat-x;background-size:1px 2px;background-position:0 90%}.footer .section a:hover{background-image:linear-gradient(to bottom, #DE99E8 0%, #DE99E8 100%)}.footer .desktop .section{flex-grow:1;font-size:16px;line-height:32px;width:35%}.footer .social{flex-grow:1;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.footer .social .icons{display:flex;flex-direction:row;margin-bottom:20px;margin-left:-3px}.footer .social .icons a{width:50px;height:50px;background-color:#8378F5;border-radius:25px;display:flex;justify-content:center;align-items:center;margin-right:10px}.footer .social .icons a span{background:url("/assets/images/footer-social-icons-24x24-66e4bc6b77cd90936a09c34840a23ba976e90324950074d130317dc277c2fa96.svg") no-repeat;width:24px;height:24px}.footer .social .icons a.f-social-t span{background-position:0 0}.footer .social .icons a.f-social-l span{background-position:-72px 0}.footer .social .icons a:hover{background-color:#D071DE}.footer .social .cr{font-size:13px}@media screen and (max-width: 768px){.footer{background:url("/assets/images/footer-bg-compact-b5182be06f5f876564dd910eb3276b0eb446a19fc55ad4f8db6a7cb16a8ac6a9.svg") top center no-repeat;padding:35px 0 0 0}.footer .i-wrapper{max-width:100%;flex-direction:column;font-size:16px;font-weight:500;line-height:28px}.footer .i-wrapper.desktop{display:none}.footer .i-wrapper.mobile{display:block}.footer .social{align-items:center;margin:0px 0 40px;flex-direction:row}.footer .social .icons{margin-bottom:0;margin-left:0}.footer .social .cr{flex-grow:1;text-align:right}.footer .section{margin:0 0 40px}.footer .section.product{display:none}.footer .section .items{display:flex;flex-direction:row;justify-content:center}.footer .section .items div{margin:0 10px;white-space:nowrap}.footer .cr{padding-bottom:40px;text-align:center}}.header .i-wrapper{display:flex;flex-direction:row;align-items:flex-start;max-width:1100px;position:relative}.header .logo{margin:34px 20px 35px 50px}.header .logo img{width:174px;height:31px}.header .blog{line-height:40px;color:#FFF;background-color:rgba(255,255,255,0.2);margin:30px 0px;font-size:16px;text-transform:uppercase;font-weight:500;padding:0 16px;border-radius:3px}.header .blog:hover{background-color:rgba(255,255,255,0.3);box-shadow:2px 6px 12px 0 rgba(0,0,0,0.08)}.header .product{position:absolute;top:0;left:50%;transform:translateX(-50%);justify-content:center;display:flex;flex-direction:row;flex-grow:1}.header .product a{width:60px;height:60px;margin:20px 10px;background-color:rgba(255,255,255,0.2);border-radius:3px;display:flex;justify-content:center;align-items:center;position:relative}.header .product a .icon{width:40px;height:40px;background-image:url("/assets/images/icon-nav-40x40-c995df7c6fa0006786a7f7c40ab76db94c4f23dab25a2be9335934e92bb3e08e.svg")}.header .product a .icon.flowcharts-icon{background-position:0 0}.header .product a .icon.wireframes-icon{background-position:-80px 0}.header .product a .icon.sticky-notes-icon{background-position:-160px 0}.header .product a .icon.mind-maps-icon{background-position:-240px 0}.header .product a .tip{display:none;position:absolute;top:70px;left:50%;transform:translateX(-50%);background:#fff;border-radius:2px;color:#8313DD;font-size:15px;font-weight:500;padding:3px 11px;white-space:nowrap}.header .product a .tip:after{content:" ";position:absolute;bottom:100%;left:50%;margin-left:-6px;border-width:6px;border-style:solid;border-color:transparent transparent #FFFFFF transparent}@media screen and (min-width: 769px){.header .product a:hover{background-color:rgba(255,255,255,0.3);box-shadow:2px 6px 12px 0 rgba(0,0,0,0.08)}.header .product a:hover .tip{display:block}}.header .product a:active{background-color:rgba(255,255,255,0.2);box-shadow:0}.header .product a.selected{background-color:#FFFFFF}.header .product a.selected span.flowcharts-icon{background-position:-40px 0}.header .product a.selected span.wireframes-icon{background-position:-120px 0}.header .product a.selected span.sticky-notes-icon{background-position:-200px 0}.header .product a.selected span.mind-maps-icon{background-position:-280px 0}.header .auth{flex-grow:1;justify-content:flex-end;display:flex;flex-direction:row;margin:30px 40px}.header .auth a{color:#fff;text-transform:uppercase;font-weight:500;padding:9px 16px 8px 16px;white-space:nowrap}.header .auth a span{display:inline-block;line-height:22px}.header .auth .page-link{margin-right:6px}.header .auth .page-link span{background-image:linear-gradient(to bottom, rgba(255,255,255,0.2) 0%, rgba(255,255,255,0.2) 100%);background-repeat:repeat-x;background-size:1px 2px;background-position:0 100%}.header .auth .page-link:hover span{background-image:linear-gradient(to bottom, #DE99E8 0%, #DE99E8 100%)}.header .auth .login-link{margin-left:20px;border-radius:3px;background-color:rgba(255,255,255,0.2)}.header .auth .login-link:hover{background-color:rgba(255,255,255,0.3);box-shadow:2px 6px 12px 0 rgba(0,0,0,0.08)}.header .auth .signup-link{margin-left:10px;border-radius:3px;background-color:#1AAE9F;box-shadow:2px 2px 4px 0 rgba(0,0,0,0.12)}.header .auth .signup-link:hover{background-color:#31B6A8;box-shadow:2px 6px 12px 0 rgba(0,0,0,0.12)}@media screen and (max-width: 768px){.header{height:172px}.header.hide-nav{height:auto}.header .logo{margin:30px 15px;flex-grow:1;display:flex;flex-direction:row;justify-content:center}.header .logo img{width:140px;height:25px}.header .blog{margin:26px 16px 0;line-height:32px}.header .product{position:absolute;top:62px;left:50%;transform:translateX(-50%)}.header .auth{display:none}}.signup-opts{padding-bottom:150px}.signup-opts .label{font-size:42px;font-weight:500;margin-bottom:40px;text-align:center}@media screen and (max-width: 768px){.signup-opts{padding-bottom:90px}.signup-opts .label{font-size:24px;margin:0 0 40px;padding:0;color:#FFF}}.signup-opts .buttons{display:flex;flex-direction:row;justify-content:center}@media screen and (max-width: 768px){.signup-opts .buttons{flex-direction:column;align-items:center}}.signup-opts .desktop{display:none}.signup-opts .google,.signup-opts .email{width:260px;height:60px;font-size:21px;color:#ffffff;line-height:25px;text-align:center;border-radius:3px;cursor:pointer;margin:0 10px;position:relative}@media screen and (max-width: 768px){.signup-opts .google,.signup-opts .email{width:220px;height:50px;font-size:18px;line-height:21px;margin-bottom:12px}}.signup-opts .google{background-color:#1AAE9F;box-shadow:2px 2px 4px 0 rgba(0,0,0,0.12);padding:17px 0 18px 39px}.signup-opts .google::after{content:" ";position:absolute;top:0;left:0;width:38px;height:38px;margin:11px 0 11px 11px;border-radius:2px;background:#fff url("/assets/images/google-icon-9d09f66836d56a50200fdbe44eaa9dbbe35f547df8c08585e056b920b9fdbfb2.svg") center center no-repeat;background-size:22px 22px}@media screen and (max-width: 768px){.signup-opts .google{padding:14px 0 15px 39px}.signup-opts .google::after{width:28px;height:28px;background-size:18px 18px}}.signup-opts .google:hover{background-color:#31B6A8;box-shadow:2px 8px 18px 0 rgba(0,0,0,0.14)}.signup-opts .email{background-color:rgba(255,255,255,0.2);padding:17px 0 18px 33px}.signup-opts .email::after{content:" ";position:absolute;top:0;left:0;width:38px;height:38px;margin:11px 0 11px 16px;background:url("/assets/images/homepage-email-icon-bb8704e4398cc5d67981411bafc8bcc72f7d6a6b8d9dbd66ecf750c3ba2f6cd2.svg") center center no-repeat;background-size:22px 16px}@media screen and (max-width: 768px){.signup-opts .email{padding:14px 0 15px 33px}.signup-opts .email::after{width:28px;height:28px}}.signup-opts .email:hover{background-color:rgba(255,255,255,0.3);box-shadow:2px 8px 18px 0 rgba(0,0,0,0.08)}.signup-opts .text{flex-grow:1}.touch .signup-opts{display:flex;flex-direction:row;justify-content:center}.touch .signup-opts .label,.touch .signup-opts .buttons{display:none}.touch .signup-opts .desktop{margin-top:20px;display:block;font-size:24px;line-height:30px;width:300px;text-align:center;padding-top:80px;background:url("/assets/images/desktop-bc98fe94f16763020fce0a120729d2a401b3ca2135fcf583a3e9342b7337bf62.svg") center top no-repeat}.homepage{background:url("/assets/images/homepage-bg-0e769baca6ddf7000430c53d162a6b07881c5b2c85f118d5bdacd224fdcb43b3.svg") top center no-repeat;color:#fff;min-width:1200px}.homepage .o-wrapper{min-width:1000px;background:none}.homepage .pri{display:flex;flex-direction:column;align-items:center;margin-top:44px}.homepage .pri h1{font-size:54px;line-height:66px;text-shadow:0 2px 10px 0 rgba(0,0,0,0.06);margin:0 0 16px;padding:0;text-align:center}.homepage .pri h1 .hl{position:relative;z-index:1}.homepage .pri h1 .hl::after{content:" ";position:absolute;bottom:0;height:4px;left:0;width:calc(100% + 0px);background-color:#F8DBB4;border-radius:2px;z-index:-1}.homepage .pri .subtitle{font-size:28px;margin-bottom:60px}.homepage .pri .signup-opts{padding-bottom:230px}.homepage .sec .thumbs{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;margin-bottom:105px}.homepage .sec .thumbs .thumb{background-color:#fff;border-radius:6px;width:250px;height:250px;margin:10px 10px;color:#8313DD;padding-top:180px;text-align:center;font-size:25px;font-weight:500;transition:transform 0.2s, box-shadow 0.2s}.homepage .sec .thumbs .thumb:hover{transform:translateY(-2px);box-shadow:2px 6px 12px 0 rgba(0,0,0,0.08)}.homepage .sec .thumbs .thumb:active{transform:none;box-shadow:none}.homepage .sec .thumbs .thumb .soon{color:#9EADBA;font-size:13px;line-height:15px;letter-spacing:0.6px;margin-top:5px}.homepage .sec .thumbs .thumb.a{background-image:url("/assets/images/homepage-flowcharts-3438f9e89bd2ff4a623a06173abb07d730ba4ce29d47f1a380b68b3f99cf36ee.svg")}.homepage .sec .thumbs .thumb.b{background-image:url("/assets/images/homepage-wireframes-198504a8e936799c0f11a46f8571fc050b2b9d43a7388ec4462242838eac859e.svg");color:#6558F5}.homepage .sec .thumbs .thumb.c{background-image:url("/assets/images/homepage-sticky-notes-6871a19108827e10f94b37abbb800bdcd83efa2f0f0c609ec09321b5e1c060e7.svg");color:#1AAE9F}.homepage .sec .thumbs .thumb.d{background-image:url("/assets/images/homepage-mind-maps-e135c069d418376e23d56eeb6ecbcbcb938f94917b48c663973e7fde27428f07.svg");color:#BD34D1}.homepage .cos{display:flex;flex-direction:column;align-items:center}.homepage .cos h2{font-size:28px;line-height:46px;opacity:0.85;font-weight:400;margin:0 0 40px}.homepage .cos .logos{align-self:stretch;height:46px;background-repeat:no-repeat;background-position:center center;background-image:url("/assets/images/homepage-cos-ac2438fa733718ea161ddf0e7223282b4282342b4743162c49abf8fc83e766b3.svg")}.homepage .peeps{margin-top:170px}.homepage .peeps h2{font-size:42px;font-weight:500;text-align:center;margin:0}.homepage .peeps .tweets{height:500px;width:1090px;position:relative;margin:0 auto}.homepage .peeps .tweet{position:absolute;width:323px}.homepage .peeps .tweet .text{background-color:#FFF;color:#293845;border-radius:3px;font-size:16px;line-height:22px;padding:15px 15px;display:block;position:relative}.homepage .peeps .tweet .text::after{content:" ";position:absolute;top:100%;left:30px;margin-left:-5px;border-width:5px;border-style:solid;border-color:#FFF transparent transparent transparent}.homepage .peeps .tweet .text::before{content:" ";position:absolute;right:10px;bottom:10px;width:15px;height:15px;background-image:url("/assets/images/twitter-icon-fc3e6d39f1c99c4292bb9e66b6653f9ec9c38b289e1e3e9d544d8cdd6d913968.svg")}.homepage .peeps .tweet .author{display:flex;flex-direction:row;align-items:center}.homepage .peeps .tweet .author img{margin:12px 10px;border-radius:20px;width:40px;height:40px}.homepage .peeps .tweet .author .name{line-height:18px}.homepage .peeps .tweet .author .role{opacity:0.7;font-size:14px;line-height:18px}.homepage .footer-signup{display:none}@media screen and (max-width: 768px){.homepage{background:url("/assets/images/homepage-bg-compact-86f2c1865712362db967ca7c26a1ea05eb41511c0e2d243afc794ad82588897d.svg") top center no-repeat,url("/assets/images/homepage-bg-compact-pattern-203efbeee452055833ae4fa2f32125071f5d5fdd006fd66051231305d2688466.png");min-width:375px}.homepage .o-wrapper{min-width:auto}.homepage .header{height:auto}.homepage .pri{margin-top:5px}.homepage .pri h1{font-size:30px;line-height:37px;max-width:300px;margin:8px 0 22px}.homepage .pri h1 .hl::after{height:2px}.homepage .pri .subtitle{font-size:22px;line-height:26px;text-align:center;opacity:0.8;margin-bottom:75px;width:230px}.homepage .pri .signup-opts{display:none}.homepage .sec{margin-bottom:120px}.homepage .sec h2{font-size:24px;line-height:30px;margin:0 20px 15px}.homepage .sec .thumbs{margin:0}.homepage .sec .thumbs .thumb{width:165px;height:165px;margin:7.5px 7.5px;padding:0;font-size:18px;line-height:21px;position:relative;padding-top:120px;background-size:165px 165px}.homepage .sec .thumbs .thumb .soon{font-size:9px;margin-top:0px}.homepage .cos{display:none}.homepage .peeps{display:none}.homepage .footer-signup{display:block}.homepage .footer-signup .signup-opts{margin-bottom:50px}.homepage .footer-signup .signup-opts .desktop{margin-top:0}}.text-page{background:url("/assets/images/text-page-bg-74d971ff75d113adecb426717d8cb70754e6f52e00b430d6c948bd59d96c9205.svg") top center no-repeat,url("/assets/images/text-page-bg-pattern-3bbadc70f1955ac36605ffd895a5796c3af2233af4d4eaa6ffd43f719f766bd6.png") top center repeat-y}@media screen and (max-width: 768px){.text-page{min-width:375px}.text-page .o-wrapper,.text-page .i-wrapper{max-width:none}}.text-page .content{padding:0 40px}@media screen and (max-width: 768px){.text-page .content{padding:0 20px}}.text-page h1{color:#fff;text-align:center;margin:20px 0 40px}.text-page .text{max-width:800px;margin:0 auto;padding:40px 100px;background-color:#fff;border-radius:3px;font-size:18px;line-height:24px;margin-bottom:40px}@media screen and (max-width: 768px){.text-page .text{padding:20px 20px;font-size:16px}}.text-page .text ul li{font-size:16px;margin-bottom:12px;list-style:none;position:relative}.text-page .text ul li::before{position:absolute;top:0;left:-20px;color:#7569F4;content:"\2022";font-size:16px}.text-page .text h2{margin-top:40px}@media screen and (max-width: 768px){.text-page .text h2{margin-top:20px}}.post{background-color:#FFFFFF}.post .top{background:url("/assets/images/bg-blog-post-5c11f461903b3b0001712ad95b801cc51b1f8f5785acac62a524f15243651e79.svg") bottom center no-repeat}.post.gray-bg{background-color:#F0F4F7}.post .content .i-wrapper{max-width:100%}.post h1{font-size:48px;line-height:64px;font-weight:500;color:#fff;text-align:center;margin:34px auto 8px;max-width:900px}.post .subtitle{font-size:28px;line-height:34px;text-align:center;color:#fff;font-style:italic;margin:0 0 18px;font-weight:400}.post .meta{color:#ffffff;font-size:18px;display:flex;flex-direction:row;justify-content:center;align-items:center;padding:32px 0 128px;flex-wrap:wrap}.post .meta .author{display:flex;flex-direction:row;justify-content:center;align-items:center}.post .meta .author:hover{opacity:0.6}.post .meta .avatar{width:30px;height:30px;border-radius:15px;margin-right:10px}.post .meta .sep{opacity:0.6;margin:0 5px}.post .meta .name{color:#ffffff}.post .meta .date{opacity:0.6}.post .meta .category{display:inline-block;font-size:13px;letter-spacing:0.86px;text-transform:uppercase;background:rgba(255,255,255,0.3);line-height:24px;padding:0 6px;margin-left:5px;border-radius:2px;color:#FFF}.post .meta .category:hover{background:rgba(255,255,255,0.2)}.post .text{color:#0F171F;padding:40px 0;font-size:20px;line-height:32px}.post .text h3,.post .text h4,.post .text h5,.post .text p,.post .text ul,.post .text ol{max-width:700px;padding:0 40px;margin-left:auto;margin-right:auto}.post .text h3{text-align:left;margin-top:40px;margin-bottom:20px;font-size:32px;font-weight:500;line-height:38px}.post .text h3:first-child{margin-top:0}.post .text h4{text-align:left;margin-top:48px;margin-bottom:20px;font-size:24px;font-weight:500}.post .text h5{text-align:left;margin-top:20px;margin-bottom:0px;font-size:20px;line-height:32px;font-weight:500}.post .text p{margin-bottom:24px}.post .text ul li,.post .text ol li{margin-left:38px;font-size:18px;line-height:24px;margin-bottom:12px}.post .text ul li a,.post .text ol li a{background-position:0 100%}.post .text ul li{list-style:none;position:relative}.post .text ul li::before{position:absolute;top:0;left:-20px;color:#9EADBA;content:"\2022";font-size:20px}.post .text ol{counter-reset:item}.post .text ol li{list-style:none;position:relative}.post .text ol li::before{position:absolute;top:0;left:-25px;content:counter(item) ". ";counter-increment:item;color:#9EADBA}.post .text a{color:#0F171F;background-image:linear-gradient(to bottom, #80B7E8 0%, #80B7E8 100%);background-position:0 90%;background-size:1px 2px;background-repeat:repeat-x}.post .text a:hover{background-image:linear-gradient(to bottom, #2C88D9 0%, #2C88D9 100%)}.post .text strong{font-weight:500}.post .text hr{display:block;height:1px;border:0;border-top:1px solid #C3CFD9;max-width:620px;margin:65px auto}.post .text p.image{max-width:100%;background-color:#F0F4F7;display:flex}.post .text p.image a,.post .text p.image span{display:block;background:none;max-width:620px;margin:30px auto;display:flex;flex-direction:column;align-items:center}.post .text p.image a .open-in-whimsical,.post .text p.image span .open-in-whimsical{height:50px;width:206px;text-align:center;border-radius:3px;background:url("/assets/images/open-link-icon-3d07592b28633d844d667ba3178386704c53a19b319dcb269836cf97db4412a7.svg") 175px center no-repeat;background-color:#8313DD;box-shadow:0 2px 4px 0 rgba(10,10,10,0.12);font-size:18px;font-weight:500;line-height:22px;padding:14px 41px 14px 20px;margin-top:20px;color:#fff}.post .text p.image a:hover .open-in-whimsical,.post .text p.image span:hover .open-in-whimsical{box-shadow:0 2px 4px 0 rgba(10,10,10,0.2);background-color:#8F2BE0}.post .text p.image.wide{justify-content:center}.post .text p.image.wide a,.post .text p.image.wide span{max-width:100%;margin:0 0;padding:30px 30px}.post .text p.image.narrow-gray{background-color:#FFFFFF}.post .text p.image.narrow-gray a,.post .text p.image.narrow-gray span{background-color:#F0F4F7;padding:20px 0px;width:700px;border-radius:3px}.post .text p.image.dark-grey{background-color:#C3CFD9}.post .text p.image.white{background-color:#FFFFFF;margin:30px auto}.post .text p.image.white a,.post .text p.image.white span{margin:0 auto}.post .text p.image.no-vertical-padding a,.post .text p.image.no-vertical-padding span{padding:0 30px}.post .text p.mobile{display:none}.post .text p.desktop{display:flex}@media screen and (max-width: 768px){.post{background:#FFFFFF}.post .header .logo{justify-content:left}.post .top{background:url("/assets/images/bg-mobile-blog-post-d7b8a0fbb5b41479d6f5914b26d09ef23c22539ecbf190c987b45567640d01ef.svg") bottom center no-repeat}.post h1{font-size:32px;line-height:35px;margin:28px 20px 12px;max-width:355px}.post h2{font-size:21px;line-height:25x;margin:0 0 36px}.post .meta{font-size:16px;padding-bottom:66px}.post .meta .avatar{width:24px;height:24px;border-radius:12px;margin-right:8px}.post .meta .sep{display:none}.post .meta .name{margin-right:8px}.post .meta .posted{margin-top:10px}.post .text{padding:30px 0 1px 0;font-size:18px;line-height:26px}.post .text h3,.post .text p{padding:0 20px}.post .text h3{margin-top:40px;margin-bottom:12px;font-size:26px;line-height:32px}.post .text h4{padding:0 20px;margin-top:30px;font-size:22px;line-height:27px}.post .text h5{padding:0 20px;margin-top:30px;font-size:18px;line-height:26px}.post .text p{margin-bottom:26px}.post .text ul li{font-size:16px;margin-bottom:12px;list-style:none;position:relative}.post .text ul li::before{position:absolute;top:0;left:-20px;color:#7569F4;content:"\2022";font-size:16px}.post .text ul li,.post .text ol li{margin-left:8px}.post .text a{color:#0F171F;background-image:linear-gradient(to bottom, #80B7E8 0%, #80B7E8 100%);background-position:0 90%}.post .text a:hover{background-image:linear-gradient(to bottom, #2C88D9 0%, #2C88D9 100%)}.post .text hr{max-width:335px}.post .text p.image{max-width:100%;background-color:#F0F4F7;display:flex}.post .text p.image a,.post .text p.image span{display:block;background:none;max-width:100%;margin:30px auto;display:flex;flex-direction:column;align-items:center}.post .text p.image a .open-in-whimsical,.post .text p.image span .open-in-whimsical{height:50px;width:206px;text-align:center;border-radius:3px;background:url("/assets/images/open-link-icon-3d07592b28633d844d667ba3178386704c53a19b319dcb269836cf97db4412a7.svg") 175px center no-repeat;background-color:#8313DD;box-shadow:0 2px 4px 0 rgba(10,10,10,0.12);font-size:18px;font-weight:500;line-height:22px;padding:14px 41px 14px 20px;margin-top:20px;color:#fff;display:none}.post .text p.image img{max-width:100%}.post .text p.image.narrow-gray{background-color:#FFFFFF}.post .text p.image.narrow-gray a,.post .text p.image.narrow-gray span{width:330px}.post .text p.mobile{display:flex}.post .text p.desktop{display:none}}.post-about-whimiscal{color:#fff;background-color:#7468F4;font-size:20px;line-height:32px;padding:40px 60px}.post-about-whimiscal p{margin:0 0;text-align:center}.post-about-whimiscal a{font-weight:500;display:inline-block;color:#fff;background-image:linear-gradient(to bottom, rgba(255,255,255,0.2) 0%, rgba(255,255,255,0.2) 100%);background-repeat:repeat-x;background-size:1px 2px;background-position:0 100%}.post-about-whimiscal a:hover{background-image:linear-gradient(to bottom, #DE99E8 0%, #DE99E8 100%)}@media screen and (max-width: 768px){.post-about-whimiscal{font-size:18px;line-height:26px;padding:40px 40px}.post-about-whimiscal a{margin-top:20px}}.posts{background:url("/assets/images/posts-bg-036a58105c460e2bb9dd398a24139fb56ebfafb443d2ae81a206bf10b56a1479.svg") top center no-repeat,url("/assets/images/posts-bg-pattern-263d537252d781c591af612dd38479b30f23716252b82c83c96811678109174a.png") top center repeat-y}.posts .o-wrapper{background:none}.posts .i-wrapper{max-width:1160px}.posts h1{text-align:center;color:#fff;margin:0px 0 40px 0}.posts h1 a{display:inline-block;font-size:24px;letter-spacing:0.86px;text-transform:uppercase;background:rgba(255,255,255,0.2);line-height:40px;padding:0 16px;margin-left:10px;border-radius:3px;vertical-align:top;margin-top:8px;color:#FFF}.posts h1 a:hover{background:rgba(255,255,255,0.3)}.posts .thumbnails{display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:wrap;padding:0 0px 80px}.posts .thumbnail{height:380px;width:340px;margin:10px 10px 20px;background-color:#F0F4F7;box-shadow:0 10px 40px 0 rgba(0,0,0,0.3);border-radius:4px;display:flex;flex-direction:column;transition:0.15s;position:relative}.posts .thumbnail:hover{transform:translateY(-6px)}.posts .thumbnail:active{margin-top:10px;box-shadow:none}.posts .thumbnail .image{height:280px;display:flex;align-items:center;justify-content:center;overflow:hidden;border-top-left-radius:3px;border-top-right-radius:3px}.posts .thumbnail .image img{max-height:80%;max-width:80%}.posts .thumbnail.no-thumbnail-padding .image img{max-height:100%;max-width:100%;border-top-left-radius:3px;border-top-right-radius:3px}.posts .thumbnail h2{position:absolute;left:0;bottom:0;width:100%;min-height:100px;display:flex;flex-direction:column;justify-content:center;padding:18px 30px;margin:0;color:#fff;border-bottom-left-radius:3px;border-bottom-right-radius:3px}.posts .thumbnail h2 .title{font-weight:500;font-size:23px;line-height:32px}.posts .thumbnail h2 .subtitle{font-weight:400;font-size:16px;line-height:24px;font-style:italic}.posts .thumbnail.no-image{height:180px}.posts .thumbnail.no-image h2{height:180px;border-radius:3px}@media screen and (max-width: 768px){.posts .header .logo{justify-content:left}.posts h1{margin:10px 0 20px 0}.posts .thumbnails{flex-direction:column;align-items:center;padding:0 0 40px}}.pricing{background:linear-gradient(225deg, #9B42E3 0%, #303395 100%);min-width:1200px}@media screen and (max-width: 768px){.pricing{min-width:375px}}.pricing .content{padding:0 40px}@media screen and (max-width: 768px){.pricing .content{padding:0 15px}}.pricing h1{color:#fff;text-align:center;margin:20px 20px 108px}@media screen and (max-width: 768px){.pricing h1{margin:20px 0 40px}}.pricing .plans{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:0 20px 140px;position:relative}@media screen and (max-width: 768px){.pricing .plans{flex-direction:column;align-items:stretch;padding:0 0 60px}}.pricing .starter .plan,.pricing .monthly .plan{background-color:#695EDB;color:#FFFFFF;font-size:14px;font-weight:500;line-height:18px;text-align:center;letter-spacing:1;text-transform:uppercase;padding:16px 0;margin-bottom:24px}@media screen and (max-width: 768px){.pricing .starter .plan,.pricing .monthly .plan{padding:11px 0}}.pricing .starter .price,.pricing .monthly .price{font-size:50px;line-height:51px;text-align:center;color:#ffffff;margin-bottom:5px}.pricing .starter .price .currency,.pricing .monthly .price .currency{font-size:32px}.pricing .starter .period,.pricing .monthly .period{font-size:16px;line-height:19px;text-align:center;color:#BAB4F9;margin-bottom:23px}.pricing .starter .limits,.pricing .monthly .limits{font-size:16px;line-height:19px;text-align:center;color:#FFFFFF;margin-bottom:37px}.pricing .starter .action,.pricing .monthly .action{height:50px;width:260px;border:2px solid #9087F6;border-radius:3px;font-size:18px;line-height:22px;text-align:center;color:#FFFFFF;padding:13px 0 15px;align-self:center;margin-bottom:20px}.pricing .starter:hover .action,.pricing .monthly:hover .action{box-shadow:2px 2px 4px 0 rgba(0,0,0,0.12)}.pricing .starter{height:315px;width:320px;background-color:#7569F4;box-shadow:0 2px 10px 0 rgba(0,0,0,0.06);border-radius:3px 0 0 3px}.pricing .starter .plan{border-radius:3px 0 0 3px}@media screen and (max-width: 768px){.pricing .starter{border-radius:3px}.pricing .starter .plan{border-radius:3px}}.pricing .annual{height:375px;width:340px;border-radius:3px;background-color:#FFFFFF;box-shadow:0 10px 30px 0 rgba(0,0,0,0.3);z-index:1;position:relative}.pricing .annual .plan{border-bottom:1px solid #EDF1F5;color:#788896;font-size:15px;font-weight:500;line-height:18px;text-align:center;letter-spacing:1;text-transform:uppercase;padding:16px 0;margin-bottom:24px}@media screen and (max-width: 768px){.pricing .annual .plan{padding:11px 0}}.pricing .annual .full-price{position:absolute;left:88px;top:80px;height:50px;width:50px;border:2px solid #EDF1F5;border-radius:25px;color:#788896;letter-spacing:-2.33px;font-size:24px;line-height:29px;text-align:center;padding:8px 0 9px}.pricing .annual .full-price .currency{font-size:15px}.pricing .annual .full-price::after{content:" ";position:absolute;transform:rotate(60deg);height:32px;width:2px;border-radius:1px;top:7px;left:22px;background-color:#BD34D1}.pricing .annual .price{font-size:80px;line-height:80px;text-align:center;color:#BD34D1;letter-spacing:-5px}.pricing .annual .price .currency{font-size:32px}.pricing .annual .period{font-size:18px;line-height:22px;text-align:center;color:#BD34D1;margin-bottom:14px}.pricing .annual .limits{font-size:18x;line-height:30px;text-align:center;color:#4B5C6B;margin-bottom:31px}.pricing .annual .action{height:60px;width:280px;background-color:#BD34D1;border-radius:3px;font-size:21px;line-height:25px;text-align:center;color:#FFFFFF;padding:17px 0 18px;align-self:center;box-shadow:0 2px 4px 0 rgba(0,0,0,0.16);margin-bottom:20px}@media screen and (max-width: 768px){.pricing .annual{border-radius:3px}.pricing .annual .plan{border-radius:3px}}.pricing .monthly{height:315px;width:320px;border-radius:0 3px 3px 0;background-color:#7569F4;box-shadow:0 2px 10px 0 rgba(0,0,0,0.06)}.pricing .monthly .plan{border-radius:0 3px 3px 0}.pricing .monthly .price{letter-spacing:-3px}@media screen and (max-width: 768px){.pricing .monthly{border-radius:3px}.pricing .monthly .plan{border-radius:3px}}.pricing .starter,.pricing .monthly,.pricing .annual{display:flex;flex-direction:column;align-items:stretch}@media screen and (max-width: 768px){.pricing .starter,.pricing .monthly,.pricing .annual{width:auto;height:auto;margin-bottom:15px}}.pricing .ea-rate{z-index:2;width:265px;height:265px;position:absolute;top:-140px;left:285px;background:url("/assets/images/early-adopter-badge-6ad8afe60518caa9cce388d994c608cbc4855497e9f2fc07f17cc4d524eb0917.svg");background-position:top left;display:flex;flex-direction:column;justify-content:center;align-items:stretch;text-align:center;text-transform:uppercase;color:#FFFFFF;font-weight:700;padding:0 0 10px 10px}@media screen and (max-width: 768px){.pricing .ea-rate{top:240px;left:-105px;transform:scale(0.65)}}.pricing .ea-rate .l1{font-size:12px}.pricing .ea-rate .l2{font-size:28px;line-height:32px;letter-spacing:2px}.pricing .ea-rate .l3{font-size:28px;line-height:32px;letter-spacing:1px}.pricing .ea-rate .l4{font-size:12px}.flowcharts{background:url("/assets/images/flowcharts/flowcharts-bg-857f8d666c43df2ba77934ac656dc22beec8099a2e1c2efacea9b88b10bf030c.svg") top center no-repeat;color:#ffffff;min-width:1200px}.flowcharts .o-wrapper{min-width:1000px;background:none}.flowcharts h1{font-size:60px;line-height:72px;text-align:center;margin:44px 0 10px}.flowcharts p.main{font-size:28px;font-weight:400;color:rgba(255,255,255,0.8);text-align:center;margin-bottom:66px}.flowcharts .illustration{margin:0 auto 30px;height:400px;width:1100px;border-radius:2px;background-color:#FFFFFF;box-shadow:0 10px 30px 0 rgba(0,0,0,0.3);color:#000;display:none}.flowcharts .illustration img{width:100%;height:100%;border-radius:2px}.flowcharts .illustration.flowcharts-selected{display:block}.flowcharts .value-prop{display:flex;flex-direction:row;justify-content:center}.flowcharts .value-prop.mobile{display:none}.flowcharts .value-prop .item{height:120px;width:346px;border-radius:2px;background-color:rgba(255,255,255,0.2);margin:0 15px 98px;display:flex;flex-direction:column;justify-content:center;padding-left:85px;position:relative;cursor:pointer;color:#FFFFFF}.flowcharts .value-prop .item:hover{background-color:rgba(255,255,255,0.3)}.flowcharts .value-prop .item .icon{position:absolute;top:35px;left:23px;width:50px;height:50px;background-image:url("/assets/images/features-50x50-fc3305aafd2a9295f46f66a83cc2874677b829650df7b15e16f21f8bedd21b1f.svg")}.flowcharts .value-prop .item.realtime .icon{background-position:0 0}.flowcharts .value-prop .item.realtime.flowcharts-selected .icon{background-position:-50px 0}.flowcharts .value-prop .item.fast .icon{background-position:-100px 0}.flowcharts .value-prop .item.fast.flowcharts-selected .icon{background-position:-150px 0}.flowcharts .value-prop .item.beautiful .icon{background-position:-200px 0}.flowcharts .value-prop .item.beautiful.flowcharts-selected .icon{background-position:-250px 0}.flowcharts .value-prop .item h2{font-size:21px;line-height:25px;margin:0 0 5px;text-align:left}.flowcharts .value-prop .item p{font-size:15px;line-height:20px;margin:0}.flowcharts .value-prop .item.flowcharts-selected{background-color:#FFFFFF;box-shadow:0 10px 30px 0 rgba(0,0,0,0.3)}.flowcharts .value-prop .item.flowcharts-selected h2{color:#1AAE9F}.flowcharts .value-prop .item.flowcharts-selected p{color:#4B5C6B}.flowcharts .examples h2{font-size:30px;margin-bottom:22px;text-align:center;background:url("/assets/images/flowchart-example-arrows-dc49fbee0a0f79f8118b7b6b65cd4e2a02ef4be52c4abf503fb56c3cdc3e9b1b.svg") bottom center no-repeat;height:65px}.flowcharts .examples .thumbnails{width:1100px;margin:0 auto 120px;display:flex;flex-direction:row;justify-content:space-between;flex-wrap:wrap}.flowcharts .examples .thumbnail{height:282px;width:252px;box-shadow:0 7px 30px 0 rgba(0,0,0,0.3);border-radius:3px;display:flex;flex-direction:column;transition:transform 0.2s, box-shadow 0.2s}.flowcharts .examples .thumbnail:hover{transform:translateY(-2px);box-shadow:0 9px 32px 0 rgba(0,0,0,0.3)}.flowcharts .examples .thumbnail:active{transform:none;box-shadow:none}.flowcharts .examples .thumbnail img{width:252px;height:207px;border-top-left-radius:3px;border-top-right-radius:3px}.flowcharts .examples .thumbnail h3{height:74px;display:flex;flex-direction:column;justify-content:center;font-weight:400;font-size:18px;line-height:22px;padding:0 22px;margin:0;color:#fff;border-bottom-left-radius:3px;border-bottom-right-radius:3px;background-color:#BD34D1}@media screen and (max-width: 768px){.flowcharts{background:url("/assets/images/flowcharts/flowcharts-bg-compact-bb4ea94c451440f5ada24946201397b946012d1dccd6499feeb04cb28c2d9fb3.svg") top center no-repeat;min-width:375px}.flowcharts .o-wrapper{min-width:auto}.flowcharts h1{font-size:36px;line-height:normal;margin:0 0 2px}.flowcharts p.main{font-size:19px;margin-bottom:40px}.flowcharts h2{font-size:17px;margin:0 0 22px;padding:0 50px}.flowcharts .desktop{display:none}.flowcharts .value-prop{flex-direction:column;align-items:center;justify-content:flex-start;margin-bottom:100px}.flowcharts .value-prop.mobile{display:flex}.flowcharts .value-prop .illustration{display:block;width:345px;height:125px;box-shadow:0 3px 9px 0 rgba(0,0,0,0.2);margin-bottom:15px}.flowcharts .value-prop .item{background-color:transparent;height:50px;margin-bottom:50px}.flowcharts .value-prop .item .icon{top:0px}.flowcharts .value-prop .item h2{text-align:left;color:#FFF;padding:0;font-weight:500;font-size:18px;margin:0}}.wireframes{background:url("/assets/images/wireframes/wireframes-design-system@2x-76d878121a0c2320c4b03a4cfff97a11aeb807b2576cd6ffbfd9db123d0e8faf.png") center 820px/1600px no-repeat,url("/assets/images/wireframes/wireframes-bg-4231c9dc1f8153b6242145a531e9ab99ad58cf18389ed327cb1778b6d64fe5b5.svg") top center no-repeat;color:#ffffff;min-width:1200px}.wireframes .intro{display:flex;flex-direction:column;align-items:center}.wireframes .intro h1{font-size:60px;line-height:72px;margin:45px 0 10px}.wireframes .intro p.main{font-size:28px;color:rgba(255,255,255,0.8);font-weight:400;margin:0 0 66px}.wireframes .intro .video{width:100%;max-width:640px;padding:10px 10px;background-color:#fff;border-radius:3px;box-shadow:0 10px 30px 0 rgba(0,0,0,0.3);margin-bottom:120px}.wireframes .intro .video .v-wrapper{width:100%;height:0;padding-bottom:calc(56.25%);position:relative}.wireframes .intro .video iframe{position:absolute;left:0;top:0;width:100%;height:100%}.wireframes .design-system .main{height:400px;display:flex;justify-content:flex-end;margin-bottom:100px;position:relative;overflow:visible}.wireframes .design-system .main .text{padding:0 80px 0 0;margin:130px 50% 0 0;width:460px}.wireframes .design-system .main h2{color:#161972;font-size:42px;line-height:45px;font-weight:500}.wireframes .design-system .main .subtitle{color:#595CAA;font-size:21px}.wireframes .design-system .thumbs{display:flex;flex-direction:row;justify-content:center;margin-bottom:160px}.wireframes .design-system .thumb{width:366px;padding:250px 10px 0 10px;margin:0 8px}.wireframes .design-system .thumb.a{background:url("/assets/images/wireframes/wireframes-details@2x-e213f712c0e6dac6e6969188204707ad85068edb8bad57bb95194fdb1d52828c.png") center top no-repeat;background-size:366px}.wireframes .design-system .thumb.b{background:url("/assets/images/wireframes/wireframe-switch-states@2x-03a06edb443ff9de1511ed1bede62a626c971406f6f5b2d7999c05368ca9205d.png") center top no-repeat;background-size:366px}.wireframes .design-system .thumb.c{background:url("/assets/images/wireframes/wireframes-shortcuts@2x-f917196502c521e784b3095d690b99406333f11845818ffd30e989112d6df66d.png") center top no-repeat;background-size:366px}.wireframes .design-system .thumb h3{font-size:21px;color:#161972;margin-bottom:0}.wireframes .design-system .thumb div{font-size:18px;color:#595CAA}.wireframes .much-icons{height:600px;display:flex;flex-direction:row;justify-content:center;margin-bottom:180px}.wireframes .much-icons .text{width:534px;padding:220px 54px 0 120px}.wireframes .much-icons h2{color:#FFF;font-size:42px;line-height:45px;font-weight:500}.wireframes .much-icons .subtitle{color:rgba(255,255,255,0.8);font-size:21px;line-height:28px}.wireframes .much-icons .gif{margin-top:100px;width:616px;height:466px;border:8px solid #F1F4F8;box-sizing:border-box;box-shadow:0px 10px 30px rgba(0,0,0,0.1);border-radius:4px;background:url("/assets/images/wireframes/wireframes-icon-search-f12cebeb117498584411969e1c170807710d3bab0afb45e17542a1a0d584bc40.gif") center center no-repeat;background-size:600px}.wireframes .screens{margin-bottom:270px}.wireframes .screens h2{color:#FFF;font-size:42px;font-weight:500;text-align:center;margin-bottom:65px}.wireframes .screens .thumbs{display:flex;flex-direction:row;justify-content:center;margin-bottom:140px}.wireframes .screens .thumb{width:140px;padding:150px 0 0;margin:0 10px;background:url("/assets/images/wireframes/wireframe-device-icons-0b2a173d2bf68267754bd3a8cc8e2f80df641a7fd9598ffd5a5536fcd83c416f.svg") no-repeat;font-size:21px;font-weight:500;color:#FFF;text-align:center;margin:0 30px}.wireframes .screens .thumb.a{background-position:0 0}.wireframes .screens .thumb.b{background-position:-140px 0}.wireframes .screens .thumb.c{background-position:-280px 0}.wireframes .screens .thumb.d{background-position:-420px 0}.wireframes .screens .thumb.e{background-position:-560px 0}.wireframes .collaborate{display:flex;flex-direction:row;justify-content:center;margin-bottom:155px}.wireframes .collaborate .text{width:534px;padding:40px 140px 0 60px}.wireframes .collaborate h2{color:#161972;font-size:42px;line-height:45px;font-weight:500}.wireframes .collaborate .subtitle{color:#595CAA;font-size:21px;line-height:28px}.wireframes .collaborate .gif{transform:translateX(-40px);width:534px;height:300px;border:8px solid #FFFFFF;box-sizing:border-box;box-shadow:0px 10px 30px rgba(0,0,0,0.1);border-radius:4px;background:url("/assets/images/wireframes/wireframes-real-time-collaboration@2x-5e3fbfd89791d126b0fd454f60b251337c1817553174b11ea3706728315901a3.gif") center center no-repeat;background-size:520px}.wireframes .examples{margin-bottom:160px}.wireframes .examples h2{font-size:28px;font-weight:500;margin-bottom:22px;text-align:center;background:url("/assets/images/wireframes/wireframe-example-arrows-c1f05d686f8872e3f456e46f916d515701c5315340283c81ab22603228a249b4.svg") bottom center no-repeat;height:65px;color:#161972}.wireframes .examples .thumbnails{width:1100px;margin:0 auto 120px;display:flex;flex-direction:row;justify-content:space-between;flex-wrap:wrap}.wireframes .examples .thumbnail{height:282px;width:252px;box-shadow:0 7px 30px 0 rgba(0,0,0,0.3);border-radius:3px;transition:transform 0.2s, box-shadow 0.2s;position:relative}.wireframes .examples .thumbnail:hover{transform:translateY(-2px);box-shadow:0 9px 32px 0 rgba(0,0,0,0.3)}.wireframes .examples .thumbnail:active{transform:none;box-shadow:none}.wireframes .examples .thumbnail img{width:252px;height:282px;border-radius:3px}.wireframes .examples .thumbnail h3{position:absolute;bottom:0;left:0;width:100%;height:74px;display:flex;flex-direction:column;justify-content:center;font-weight:400;font-size:18px;line-height:22px;padding:0 22px;margin:0;color:#fff;border-bottom-left-radius:3px;border-bottom-right-radius:3px;background-color:#BD34D1}@media screen and (max-width: 768px){.wireframes{background:url("/assets/images/wireframes/wireframes-design-system-compact@2x-0c98fb2ef7f9879ee0c04c3776797611dfea0b3572a34cf7dae18000bd0d5b52.png") center 520px/460px no-repeat,url("/assets/images/wireframes/wireframes-bg-compact-d4f3c0c948ba6587773b85798e1a3216aae8a03b8476d50d480402fe18bddfa5.svg") top center no-repeat;min-width:375px}.wireframes .o-wrapper{min-width:auto}.wireframes .intro{margin-bottom:20px}.wireframes .intro h1{font-size:36px;line-height:normal;margin:0 0 2px}.wireframes .intro p.main{font-size:19px;margin-bottom:20px}.wireframes .intro h2{font-size:17px;margin:0 0 22px}.wireframes .intro .video{max-width:345px;width:345px;margin:0 0 38px;padding:5px 5px;border-radius:2px;box-shadow:0 5px 14px 0 rgba(0,0,0,0.3)}.wireframes .design-system .main{height:auto;margin-bottom:50px}.wireframes .design-system .main .text{padding:220px 35px 0;margin:0;width:460px}.wireframes .design-system .main h2{font-size:26px;line-height:28px;width:250px}.wireframes .design-system .main .subtitle{font-size:18px;width:300px}.wireframes .design-system .thumbs{flex-direction:column;align-items:center;margin-bottom:60px}.wireframes .design-system .thumb{width:328px;padding:220px 8px 40px 8px}.wireframes .design-system .thumb.a{background-size:328px}.wireframes .design-system .thumb.b{background-size:328px}.wireframes .design-system .thumb.c{background-size:328px}.wireframes .design-system .thumb h3{font-size:18px}.wireframes .design-system .thumb div{font-size:16px;line-height:20px}.wireframes .much-icons{background-position:left top;background-size:800px;flex-direction:column;align-items:center;justify-content:flex-start;height:auto;margin-bottom:20px}.wireframes .much-icons .gif{margin-top:37px;width:321px;height:232px;border:4px solid #F1F4F8;box-shadow:0px 5px 16px rgba(0,0,0,0.3);border-radius:2px;background-size:313px}.wireframes .much-icons .text{padding:80px 35px 120px 35px;width:auto}.wireframes .much-icons h2{font-size:26px;line-height:28px}.wireframes .much-icons .subtitle{font-size:18px;line-height:25px}.wireframes .screens{margin-bottom:125px}.wireframes .screens h2{font-size:26px;line-height:28px;width:220px;text-align:left;margin:0 0 40px 35px}.wireframes .screens .thumbs{flex-wrap:wrap;margin-bottom:0}.wireframes .screens .thumb{margin:0;font-size:18px;padding:130px 0 0}.wireframes .screens .thumb.a{background-position:0 0;margin:0 20px 20px 40px}.wireframes .screens .thumb.b{background-position:-140px 0;margin:0 0 20px}.wireframes .screens .thumb.c{background-position:-290px 0;width:120px}.wireframes .screens .thumb.d{background-position:-430px 0;width:120px}.wireframes .screens .thumb.e{background-position:-570px 0;width:120px}.wireframes .collaborate{flex-direction:row;flex-wrap:wrap-reverse;margin-bottom:120px}.wireframes .collaborate .gif{transform:translateX(0px);width:345px;height:193px;border:4px solid #F1F4F8;box-shadow:0px 5px 16px rgba(0,0,0,0.3);border-radius:2px;background-size:337px}.wireframes .collaborate .text{width:auto;padding:40px 35px}.wireframes .collaborate h2{font-size:26px;line-height:28px}.wireframes .collaborate .subtitle{font-size:18px;line-height:25px}.wireframes .examples{display:none}}.sticky-notes{background:#1B828E url("/assets/images/stickies/sticky-notes-bg-ee3882007edabb30f2f9e3585b18c9b588929dd53fc40d191726e0d6429d81f8.svg") top center no-repeat;color:#ffffff;min-width:1200px}.sticky-notes .intro{display:flex;flex-direction:column;align-items:center}.sticky-notes .intro h1{font-size:60px;line-height:72px;margin:44px 0 10px}.sticky-notes .intro p.main{font-size:28px;color:rgba(255,255,255,0.8);font-weight:400;margin:0 0 66px}.sticky-notes .intro .video{width:100%;max-width:640px;padding:10px 10px;background-color:#fff;border-radius:3px;box-shadow:0 10px 30px 0 rgba(0,0,0,0.3);margin-bottom:100px}.sticky-notes .intro .video .v-wrapper{width:100%;height:0;padding-bottom:calc(56.25%);position:relative}.sticky-notes .intro .video iframe{position:absolute;left:0;top:0;width:100%;height:100%}.sticky-notes .details .main{background-size:1400px;height:600px;display:flex;flex-direction:row;justify-content:center;align-items:center;margin-bottom:34px}.sticky-notes .details .main .text{padding:0;margin:0 120px 50px 144px;width:370px}.sticky-notes .details .main h2{color:#084249;font-size:42px;line-height:45px;font-weight:500;width:360px}.sticky-notes .details .main .subtitle{color:#327078;font-size:21px}.sticky-notes .details .main .illustration{width:599px;height:463px;background:url("/assets/images/stickies/collaborate@2x-f8b62441dc8267cd640e4c22e6e1b71e8b90567fdd6be2c5b3d5057e98273ef6.png");background-size:599px;margin-bottom:160px}.sticky-notes .details .thumbs{display:flex;flex-direction:row;justify-content:center;margin-bottom:260px}.sticky-notes .details .thumb{width:346px;margin:0 18px}.sticky-notes .details .thumb .img{height:220px;margin-bottom:28px;box-shadow:0px 4px 10px rgba(0,0,0,0.08);border-radius:3px;position:relative;background-size:346px;background-position:center top;background-repeat:no-repeat}.sticky-notes .details .thumb .img .gif{width:346px;height:220px;opacity:0;border-radius:3px}.sticky-notes .details .thumb .img .gif:hover{opacity:1}.sticky-notes .details .thumb.a .img{background-image:url("/assets/images/stickies/thumb-a@2x-e0196767d5ecfa2d2b4335f0057e57e63749a1a90d046c2a5cc7cd20c8336923.png")}.sticky-notes .details .thumb.b .img{background-image:url("/assets/images/stickies/thumb-b@2x-d06d13cb122cd2be60d1b10f77e110e49e884f675a5d78dfa98c5ea2aae2b7f2.png")}.sticky-notes .details .thumb.c .img{background-image:url("/assets/images/stickies/thumb-c@2x-165eeb18c36cd0db36e417863149cd1044daac333463353fba6a5dc469462672.png")}.sticky-notes .details .thumb h3{font-size:21px;color:#084249;margin-bottom:0}.sticky-notes .details .thumb div{font-size:18px;color:#327078}.sticky-notes .runs{display:flex;flex-direction:column;align-items:center;margin-bottom:280px}.sticky-notes .runs h2{font-size:42px;color:#FFF}.sticky-notes .runs p{font-size:21px;line-height:29px}.sticky-notes .runs a{color:#FFF;background-image:linear-gradient(to bottom, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0.5) 100%)}.sticky-notes .runs a:hover{background-image:linear-gradient(to bottom, rgba(255,255,255,0.8) 0%, rgba(255,255,255,0.8) 100%)}.sticky-notes .runs .illustration{margin-top:50px;width:936px;height:294px;background:url("/assets/images/stickies/whimsical-runs@2x-39a84c4c732b37dd9161e2dce84a82e7ccf5bd99809f16af3a10d2e2adf36f49.png") no-repeat;background-size:936px}.sticky-notes .examples{margin-bottom:160px}.sticky-notes .examples h2{font-size:30px;font-weight:500;margin-bottom:22px;text-align:center;background:url("/assets/images/stickies/arrows-6c62a6a7425505019a5aea74c6a867677801181efc6d12ce1032db6d2932e705.svg") bottom center no-repeat;height:65px;color:#084249}.sticky-notes .examples .thumbnails{width:1100px;margin:0 auto 120px;display:flex;flex-direction:row;justify-content:space-between;flex-wrap:wrap}.sticky-notes .examples .thumbnail{height:282px;width:252px;box-shadow:0 7px 30px 0 rgba(0,0,0,0.3);border-radius:3px;transition:transform 0.2s, box-shadow 0.2s;position:relative}.sticky-notes .examples .thumbnail:hover{transform:translateY(-2px);box-shadow:0 9px 32px 0 rgba(0,0,0,0.3)}.sticky-notes .examples .thumbnail:active{transform:none;box-shadow:none}.sticky-notes .examples .thumbnail img{width:252px;height:282px;border-radius:3px}.sticky-notes .examples .thumbnail h3{position:absolute;bottom:0;left:0;width:100%;height:74px;display:flex;flex-direction:column;justify-content:center;font-weight:400;font-size:18px;line-height:22px;padding:0 22px;margin:0;color:#fff;border-bottom-left-radius:3px;border-bottom-right-radius:3px;background-color:#BD34D1}@media screen and (max-width: 768px){.sticky-notes{background:url("/assets/images/stickies/whimsical-runs@2x-39a84c4c732b37dd9161e2dce84a82e7ccf5bd99809f16af3a10d2e2adf36f49.png") center 2220px/450px no-repeat,url("/assets/images/stickies/sticky-notes-bg-compact-c8ff705ed58fa04bbb5b916a6e54d881c210dba1957db9dff6ce5469941ff0cf.svg") center -70px no-repeat;min-width:375px}.sticky-notes .o-wrapper{min-width:auto}.sticky-notes .intro{margin-bottom:96px}.sticky-notes .intro h1{font-size:36px;line-height:normal;margin:0 0 2px}.sticky-notes .intro p.main{font-size:19px;margin-bottom:20px}.sticky-notes .intro h2{font-size:17px;margin:0 0 22px}.sticky-notes .intro .video{max-width:345px;width:345px;margin:0;padding:5px 5px;border-radius:2px;box-shadow:0 5px 14px 0 rgba(0,0,0,0.3)}.sticky-notes .details{margin-bottom:120px}.sticky-notes .details .main{flex-direction:column;height:auto;margin-bottom:34px}.sticky-notes .details .main .illustration{width:300px;height:232px;background:url("/assets/images/stickies/collaborate@2x-f8b62441dc8267cd640e4c22e6e1b71e8b90567fdd6be2c5b3d5057e98273ef6.png");background-size:300px;margin-right:24px;margin-bottom:40px}.sticky-notes .details .main .text{padding:0;margin:0;width:300px}.sticky-notes .details .main h2{font-size:26px;line-height:28px;margin:0 0 5px;padding:0;width:auto}.sticky-notes .details .main .subtitle{font-size:18px;line-height:25px}.sticky-notes .details .thumbs{flex-direction:column;align-items:center;margin-bottom:60px}.sticky-notes .details .thumb{width:306px;margin:20px 0}.sticky-notes .details .thumb .img{height:194px;margin-bottom:15px}.sticky-notes .details .thumb .img .gif{width:306px;height:194px;opacity:1}.sticky-notes .details .thumb.a .img{background-size:306px}.sticky-notes .details .thumb.b .img{background-size:306px}.sticky-notes .details .thumb.c .img{background-size:306px}.sticky-notes .details .thumb h3{font-size:18px;line-height:22px}.sticky-notes .details .thumb div{font-size:16px;line-height:20px;margin-bottom:3px}.sticky-notes .runs{margin-bottom:20px}.sticky-notes .runs h2{font-size:26px;line-height:28px;width:306px;padding-right:26px;margin:0 0 5px}.sticky-notes .runs p{font-size:18px;line-height:25px;width:306px}.sticky-notes .runs .illustration{background:none;width:100%;margin:34px 0 0}.sticky-notes .examples{display:none}}.mind-maps{background:#BD34D1;min-width:1200px}.mind-maps .top{background:url("/assets/images/mindmaps/mind-maps-top-bg-ad8c82eb9da276bd3bc632e90423c635bed2b115db4dac255c1e32f44e4883c2.svg") top center no-repeat;color:#ffffff;position:relative;z-index:2;pointer-events:none}.mind-maps .top .header{pointer-events:all}.mind-maps .top .intro{display:flex;flex-direction:column;align-items:center}.mind-maps .top .intro h1{font-size:60px;line-height:72px;margin:44px 0 10px}.mind-maps .top .intro p.main{font-size:28px;color:rgba(255,255,255,0.8);font-weight:400;margin:0 0 66px}.mind-maps .top .intro .video{width:100%;max-width:640px;padding:10px 10px;background-color:#fff;border-radius:3px;box-shadow:0 10px 30px 0 rgba(0,0,0,0.3);margin-bottom:130px;pointer-events:all}.mind-maps .top .intro .video .v-wrapper{width:100%;height:0;padding-bottom:calc(56.25%);position:relative}.mind-maps .top .intro .video iframe{position:absolute;left:0;top:0;width:100%;height:100%}.mind-maps .bling{position:relative;z-index:1;margin-top:-340px;background:linear-gradient(168.67deg, #F8DDFC 11.35%, #EEB8F5 73.41%);min-height:668px}.mind-maps .bling .static{overflow:hidden;display:flex;flex-direction:row;justify-content:center;padding:390px 0 190px}.mind-maps .bottom{background:url("/assets/images/mindmaps/mind-maps-bottom-bg-4b60dc939fd583b2da3870f583e35de513cb48809f184913fb677759caebd1ac.svg") top center no-repeat;color:#ffffff;margin-top:-200px;padding-top:380px;position:relative;z-index:2}@media screen and (max-width: 768px){.mind-maps{min-width:375px}.mind-maps .top{background:url("/assets/images/mindmaps/mind-maps-top-bg-compact-d4b2fd8e7ed3053aabc5e764a1bf24d49d5bd9f69728b1004325dc90b2ce1464.svg") top center no-repeat}.mind-maps .top .intro{margin-bottom:96px}.mind-maps .top .intro h1{font-size:36px;line-height:normal;margin:0 0 2px}.mind-maps .top .intro p.main{font-size:19px;margin-bottom:20px}.mind-maps .top .intro .video{max-width:345px;width:345px;margin:0;padding:5px 5px;border-radius:2px;box-shadow:0 5px 14px 0 rgba(0,0,0,0.3)}.mind-maps .bling{display:none}.mind-maps .bottom{background:url("/assets/images/mindmaps/mind-maps-bottom-bg-compact-32c2260120fe19131d6459bf1a60426ad813abc37329eab804af2a3ac8ce3bf4.svg") top center no-repeat;z-index:1;margin-top:-400px}}.offline{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%}.offline .logo{width:239px;height:33px;margin-bottom:40px}