html{width:100vw;overflow-x:hidden}body{margin:0;background-color:#fff;color:#444;line-height:normal;max-width:100vw}h1,h2,h3{margin:10px 0;font-weight:300;line-height:1.2}h1{font-size:2em}h2{font-size:1.8em}p{margin:10px 0;font-weight:400;line-height:1.5}ul{font-weight:400}a{position:relative;cursor:pointer;color:#2c7b6e}a:hover,a:visited{color:#2c7b6e}a:hover{text-decoration:none}a.arrow::after{content:" ";display:inline-block;position:relative;height:17px;width:17px;top:3px;background-image:url(/static/images/landing-page/arrow.png);background-size:100%;margin-left:5px}a.silver{text-decoration:underline}ol a:hover,p a:hover,span a:hover,ul a:hover{text-decoration:underline}.flex{width:100%;height:100%;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}.float.left{float:left}.float.right{float:right}.float.clear{clear:both}.small{font-size:.8em}.box-shadow{box-shadow:0 0 80px hsla(0,0%,0%,.12)}.grey{color:#999}.dark-grey{color:#666}.bold{font-weight:600}.padded-content{padding:50px}.clear-float{clear:both}::-moz-selection{background-color:hsla(31,84%,60%,.3)}::selection{background-color:hsla(31,84%,60%,.3)}.center{text-align:center}.button,button{padding:5px 12px;font-family:inherit;font-size:.7em;background-color:#fff;color:#444;line-height:20px;border-radius:4px;border:1px solid #ccc;outline:0}.button:active,button:active{background-color:#f9f9f9;border-color:#bababa}.button.green,button.green{color:#fff;background-color:#4ebfac;border-color:#3c9e8c}.button.green:hover,button.green:hover{background-color:#61c6b5}.button.green:active,button.green:active{background-color:#40b3a0}.button.black-current-value,button.black-current-value{color:#333;background-color:transparent;border-color:#878787}.silver{color:#fff!important;opacity:.8}.silver:hover{opacity:1}.silver.bold{font-weight:600}nav{width:calc(100% - 80px);position:absolute;color:#fff;padding:40px;z-index:4}nav .brand.logo{text-decoration:none}nav.white{background-color:#fff}nav.white li a,nav.white li a:hover,nav.white li a:visited{color:#444}nav.white ul li.active::after{color:#444}nav.white .brand.logo span{color:#444}nav.white .hamburger{fill:#444}nav .hamburger{display:none;fill:#fff;cursor:pointer;margin-top:3px}nav .content{margin:0 5px 0 10px;position:relative;z-index:2}nav .logo{top:7px}nav .logo span{position:relative;left:5px;top:1px;color:#fff;font-weight:600;vertical-align:top;text-transform:uppercase;font-size:1.2rem;letter-spacing:.1em}nav ul{float:right;list-style-type:none;font-weight:400;margin:0;padding:0;outline:1000px solid;outline-color:transparent;cursor:pointer;transition:outline-color .2s ease}nav ul .exit{display:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}nav ul li{position:relative;display:inline-block;margin:10px;color:#fff;opacity:.7;transition:all .2s ease}nav ul li.active,nav ul li:hover{opacity:1}nav ul li.active::after{content:"v";position:absolute;bottom:-15px;left:calc(50% - 4px);font-weight:100;-webkit-transform:scaleX(2) scaleY(.5);transform:scaleX(2) scaleY(.5)}nav li a,nav li a:hover,nav li a:visited{text-decoration:none;color:#fff;font-size:1.05em}.main{width:calc(100% - 220px);margin:0 auto}.app-main{max-width:none;min-width:0;padding:0!important}.header,.portico-os-announcement{display:none}.portico-landing{position:relative;padding-top:120px;z-index:1}.portico-landing.show{opacity:1}.portico-landing.features-app{position:relative;overflow-x:hidden;padding-top:0;z-index:2}.portico-landing.features-app section{max-width:1440px;display:-webkit-flex;display:flex;-webkit-flex:1 1 auto;flex:1 1 auto;-webkit-flex-flow:row wrap;flex-flow:row wrap;-webkit-justify-content:space-around;justify-content:space-around;margin:40px auto;padding:0 30px;color:#2a3240}.portico-landing.features-app section.hero{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;height:400px;padding:100px 100px 50px 100px;margin:0;max-width:none;color:#fff;background-color:hsla(0,0%,0%,.1)}.portico-landing.features-app section.hero .copy{max-width:800px;margin:0 auto;text-align:center}.portico-landing.features-app section.hero h1{margin:0;font-size:3.7em}.portico-landing.features-app section.hero h2{font-size:1.8em;margin:30px auto 0 auto;max-width:600px;line-height:1.3}.portico-landing.features-app section.hero .image{height:400px;width:40%;background-color:hsla(0,0%,0%,.05)}.portico-landing.features-app section.keyboard-shortcuts{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;position:relative;max-width:none;padding:50px;margin-top:0;background-color:#2a3240;color:#dfe9fa}.portico-landing.features-app section.keyboard-shortcuts img.overflow-wave{width:685px;right:0;top:-168px;position:absolute}.portico-landing.features-app section.keyboard-shortcuts img.image{width:600px;margin-left:100px}.portico-landing.features-app section.keyboard-shortcuts h3{font-size:3em}.portico-landing.features-app section.keyboard-shortcuts .feature-block{width:50%}.portico-landing.features-app section.keyboard-shortcuts p{font-size:1.2em}.portico-landing.features-app section.keyboard-shortcuts a.cta{font-size:1em;color:#8adacd}.portico-landing.features-app section.messages{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;margin:50px auto;padding:0 50px}.portico-landing.features-app section.messages .image{width:calc(100% - 600px);margin:50px 0 50px 50px;max-width:500px}.portico-landing.features-app section.messages .features{max-width:500px}.portico-landing.features-app section.messages .features h2{margin:0}.portico-landing.features-app section.messages .features .feature-block{display:block;margin:30px 0}.portico-landing.features-app section.notifications{position:relative;padding:50px 100px;max-width:1000px;background-color:#fff;border-radius:10px;box-shadow:10px 20px 80px hsla(0,0%,0%,.15);margin:100px auto 150px auto;text-align:center}.portico-landing.features-app section.notifications .envelope{position:absolute;top:0;left:0;width:100%;max-height:40vw}.portico-landing.features-app section.notifications h2{position:relative;margin-bottom:120px;top:0}.portico-landing.features-app section.notifications .feature-list{position:relative;display:inline-block;vertical-align:top;text-align:left;margin:35px 0 0 20px;z-index:1}.portico-landing.features-app section.notifications .feature-list h3{position:relative;margin:15px 0 15px 50px;font-size:1.2em;font-weight:400;color:#878787}.portico-landing.features-app section.notifications .feature-list h3::before{content:" ";display:block;position:absolute;left:-35px;top:0;width:20px;height:20px;border-radius:4px;background-image:url(/static/images/checkbox-green.svg);background-size:100% auto;background-position:center;background-repeat:no-repeat}.portico-landing.features-app section.notifications .image-block{width:400px;height:280px;background:linear-gradient(135deg,hsla(0,0%,0%,.05),hsla(0,0%,0%,.2));border-radius:4px;background-image:url(/static/images/landing-page/notifications.jpg);background-size:contain;background-position:center;background-repeat:no-repeat;display:inline-block}.portico-landing.features-app section .feature-block{display:inline-block;vertical-align:top}.portico-landing.features-app section .headliner .feature-block{margin:0 10px;width:calc(100% - 270px)}.portico-landing.features-app section h2{font-size:2.5em;text-align:center;margin:0 10px;line-height:1.6;-webkit-flex:1 0 100%;flex:1 0 100%}.portico-landing.features-app section>.feature-block{padding:10px 20px;-webkit-flex:1 1 320px;flex:1 1 320px;color:inherit}.portico-landing.features-app section a.feature-block:hover{box-shadow:0 3px 10px #bfbfbf}.portico-landing.features-app section a.feature-block:active{box-shadow:0 3px 10px #7f7f7f}.portico-landing.features-app .cta::after{content:"\2192";margin-left:5px;-webkit-transform:scaleX(2);transform:scaleX(2);transition:all .3s ease}.portico-landing.features-app .cta:hover::after{margin-left:10px}.portico-landing.features-app .feature-block h3{font-size:1.2em;font-weight:600}.portico-landing.features-app .feature-block p{margin:0;opacity:.8}.portico-landing.hello{background-color:transparent;color:#404e67}.portico-landing.hello .hero{position:relative;padding:60px 50px 30px 50px;color:#fff;overflow:hidden}.portico-landing.hello .hero .waves{position:absolute;width:150vw;height:150vw;top:650px;left:-25vw;z-index:0;opacity:.3}.portico-landing.hello .hero .waves .wave{position:absolute;width:100%;height:100%;background-color:#fff;border-radius:35%;opacity:.3;-webkit-animation-name:waves;animation-name:waves;-webkit-animation-duration:15s;animation-duration:15s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:linear;animation-timing-function:linear}.portico-landing.hello .hero .waves .wave.dark-blue{background-color:#141d2e}.portico-landing.hello .hero .waves .wave.light-blue{background-color:hsla(0,67%,57%,.9);-webkit-animation-duration:18s;animation-duration:18s}.portico-landing.hello .hero .waves .wave.light-green{background-color:hsla(187,98%,75%,.75);-webkit-animation-name:wavesBackward;animation-name:wavesBackward;-webkit-animation-duration:21s;animation-duration:21s}.portico-landing.hello .hero .content{position:relative;z-index:1;text-align:center}.portico-landing.hello .hero .content p{font-weight:400;opacity:.85}.portico-landing.hello .hero header{width:850px;display:inline-block;text-align:left}.portico-landing.hello .hero header h1{font-size:3em;font-weight:400;text-shadow:0 0 20px hsla(0,0%,100%,.2)}.portico-landing.hello .hero header p{margin:30px 0;font-size:1.5em;font-weight:300;line-height:1.4;text-shadow:0 0 5px hsla(164,74%,15%,.3),0 0 20px hsla(0,0%,100%,.2)}.portico-landing.hello .hero header a{display:block;margin:20px auto 0 auto;text-align:center}.portico-landing.hello .hero header button{margin-top:0;padding:12px 20px;background-color:#fff;border:2px solid #fff;font-size:1.2em;font-weight:500;color:#659e80;box-shadow:0 3px 10px hsla(0,0%,0%,.2);transition:all .2s ease}.portico-landing.hello .hero header button:hover{box-shadow:0 3px 10px hsla(0,0%,100%,.2)}.portico-landing.hello .hero header button:active{box-shadow:0 3px 20px hsla(0,0%,100%,.5)}.portico-landing.hello .hero header .download-button{margin-top:10px}.portico-landing.hello .hero header #see_all_apps{display:inline-block;margin-top:10px;font-weight:400}.portico-landing.hello .gradients .gradient{position:absolute;left:0;width:100%;height:1100px}.portico-landing.hello .gradients .gradient.dark-blue{background:linear-gradient(10deg,hsla(196,58%,14%,0) 50%,hsla(196,58%,14%,.7))}.portico-landing.hello .gradients .gradient.green{background:linear-gradient(-25deg,hsla(156,47%,47%,0) 40%,#3fb083)}.portico-landing.hello .gradients .gradient.blue{background:linear-gradient(25deg,hsla(196,38%,51%,0) 40%,#5298b1)}.portico-landing.hello .gradients .gradient.sunburst{background:linear-gradient(5deg,hsla(49,71%,68%,0) 20%,#e7d273)}.portico-landing.hello .gradients .gradient.white-fade{background:linear-gradient(0deg,#f9f9f9 0,hsla(0,0%,98%,0) 40%)}@-webkit-keyframes waves{0%{-webkit-transform:rotate(0);transform:rotate(0)}50%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes waves{0%{-webkit-transform:rotate(0);transform:rotate(0)}50%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes wavesBackward{0%{-webkit-transform:rotate(0);transform:rotate(0)}50%{-webkit-transform:rotate(-180deg);transform:rotate(-180deg)}100%{-webkit-transform:rotate(-360deg);transform:rotate(-360deg)}}@keyframes wavesBackward{0%{-webkit-transform:rotate(0);transform:rotate(0)}50%{-webkit-transform:rotate(-180deg);transform:rotate(-180deg)}100%{-webkit-transform:rotate(-360deg);transform:rotate(-360deg)}}.portico-landing.hello .col-2,.portico-landing.hello .col-3-5,.portico-landing.hello .col-4{margin-right:-4px;display:inline-block;vertical-align:top}.portico-landing.hello .col-3-5{width:60%}.portico-landing.hello .col-2{width:49.9%}.portico-landing.hello .col-3{width:33.3%}.portico-landing.hello .col-4{width:20%}.compare{background-color:#3d6056;color:#fff}.compare .text-header .text-content h1{margin-top:0}.compare .padded-content{width:900px;margin:0 auto}.compare table{width:100%;text-align:left;border-collapse:collapse;font-weight:400;color:hsla(0,0%,100%,.8)}.compare table thead th:last-of-type{width:120px}.compare table thead th.uniform{width:20%}.compare table td:not(:first-of-type),.compare table th:not(:first-of-type){text-align:center}.compare thead{border-bottom:3px solid hsla(0,0%,0%,.1)}.compare thead th{font-weight:600;padding:15px 0;color:#fff}.compare thead th.normal{font-weight:400;color:inherit}.compare tbody tr{border-bottom:1px solid hsla(360,0%,100%,.03)}.compare tbody tr td{padding:10px 0}.compare tbody tr td.no{text-align:center}.compare tbody tr td.yes::before{content:" ";display:inline-block;width:27px;height:27px;background-image:url(/static/images/landing-page/checkmark.png);background-size:100% auto}.compare tbody tr td.no::before{content:"\d7";position:relative;display:inline-block;top:3px;font-size:2.5rem;font-weight:500;line-height:.9;opacity:.4}.compare tbody tr td a{font-size:.9rem;font-weight:400;text-transform:uppercase}.compare p{font-weight:300}.compare .terms{margin-top:30px;font-weight:400;font-size:.7em;line-height:1.2;color:hsla(0,0%,100%,.8)}.compare .terms a{color:#99dacf}.faqs{position:relative;background-color:#f9f9f9}.faqs .padded-content{position:relative;z-index:1}.faqs header{max-width:700px;margin:0 auto}.faqs header h1 span{vertical-align:top}.faqs .faq{margin:50px auto;max-width:700px;font-size:1.2em;color:#3b3e43}.faqs .faq-box div:last-of-type{margin-bottom:10px}.faqs .faq .question{font-weight:600;color:#515d7a;font-size:1.1em}.faqs .faq .answer{margin:20px 0 0 0;font-weight:400}.screen .line{width:100%;height:6px;margin:8px 0;background-color:#ededed;border-radius:3px}.screen .line.small{width:60%}.screen .line.micro{display:inline-block;vertical-align:top;width:15%}.screen .line.darker{background-color:#bababa}.screen .line.nano{display:inline-block;vertical-align:top;width:10%}.screen .line.med{width:80%}.screen .col-4 .action-block{margin:20px}.screen .col-4 .action-block .sub-block{margin:0 10px}.screen .line.red{background-color:#dcabb3}.screen .line.blue{background-color:#abd2dc}.screen .line.green{background-color:#acdcab}.screen .line.orange{background-color:#dcc4ab}.screen .top .avatar{display:inline-block;vertical-align:top;width:20px;height:20px;background-color:#bababa;border-radius:4px}.screen .top .top-line{display:inline-block;vertical-align:top;width:50px;margin-top:0;background-color:#bababa}.screen .navbar{background-color:#51c2af;padding:10px}.screen .center-page{height:100%;position:relative;overflow:hidden}.screen .center-page .message-feed{height:calc(100% - 20px);margin-top:20px;transition:all .1s ease}.screen .message-feed .message .content{margin-left:24px;position:relative;top:-15px}.screen .message-feed .stream{padding:3px 5px 0 5px;margin:0 5px;background-color:#fff;border-radius:4px;box-shadow:0 0 15px hsla(0,0%,0%,.01)}.portico-landing.hello .screen.hero-screen{padding:95px 170px;height:385px;background-image:url(/static/images/landing-page/macbook-empty.png);background-size:100% auto;background-color:transparent;box-shadow:none}.portico-landing.hello .screen.hero-screen::after,.portico-landing.hello .screen.hero-screen::before{content:"";display:none}.portico-landing.hello .screen.hero-screen .main-page{-webkit-transform:translateY(-12px) translateX(3px);transform:translateY(-12px) translateX(3px);border:5px solid #000}.portico-landing.hello .screen{position:relative;margin:-300px auto 0 auto;width:600px;background-color:#f9f9f9;height:350px;padding:10px 30px 10px 30px;border-radius:12px;box-shadow:0 0 50px hsla(0,0%,0%,.2);background-color:#444;z-index:1}.portico-landing.hello .screen::before{content:" ";position:absolute;top:calc(50% - 5px);left:20px;width:10px;height:10px;border-radius:5px;background-color:#212121}.portico-landing.hello .screen::after{content:" ";position:absolute;top:calc(50% - 12.5px);right:8px;width:25px;height:25px;border-radius:13px;background-color:#bababa}.portico-landing.hello .screen .main-page{display:inline-block;height:calc(100% - 30px);width:calc(100% - 30px);margin:10px;border:5px solid #212121;border-radius:4px;background-color:#f9f9f9}.portico-landing.hello .features{padding:50px 0 100px 0;background-color:#fff}.portico-landing.hello .features .col-2{text-align:center;position:relative;z-index:1}.portico-landing.hello .features .col-2 img{margin-bottom:20px;width:100%;max-width:300px}.portico-landing.hello .features .col-2 .il-block{display:inline-block;width:75%;text-align:left}.portico-landing.hello .features .col-2 h2{font-weight:400}.portico-landing.hello .open-source{text-align:center;position:relative;z-index:1;background-color:#e9ecf1}.portico-landing.hello .open-source .flex{min-height:0;padding:50px 0}.portico-landing.hello .open-source img{margin:0 2%;width:28%;max-width:500px}.portico-landing.hello .open-source .il-block{display:inline-block;vertical-align:top;width:50%;max-width:700px;text-align:left}.portico-landing.hello .open-source h2{font-weight:400}.portico-landing.hello .open-source img{display:inline-block}.carousel.carousel-fade .carousel-inner .item{display:block;opacity:0;height:0;transition:opacity .4s ease;visibility:hidden}.carousel.carousel-fade .carousel-inner .item.active{opacity:1;height:auto;visibility:visible}.carousel.carousel-fade .carousel-inner .item.active.left,.carousel.carousel-fade .carousel-inner .item.active.right{left:0;opacity:0;z-index:2}.carousel.carousel-fade .carousel-inner .item.next.left,.carousel.carousel-fade .carousel-inner .item.prev.right{opacity:1;z-index:1}.carousel.carousel-fade .carousel-inner .item-inner{position:relative}.carousel.carousel-fade .carousel-inner .next.left .item-inner,.carousel.carousel-fade .carousel-inner .prev.right .item-inner{padding:30px 20px}.portico-landing .tour{color:#000;width:1200px;max-width:100%;margin:0 auto}.tour .carousel-inner .item-container{width:80%;height:520px;margin:20px auto;padding:30px 20px;background-color:hsla(220,20%,97%,.6);background:linear-gradient(hsla(220,20%,97%,.4),hsla(220,20%,97%,.9));border-radius:12px;box-shadow:0 3px 10px hsla(0,0%,0%,.02);position:relative}.tour .carousel-inner .start-button{padding:11px 25px 11px 25px;font-size:1.2rem;font-weight:400;color:#fff;background-color:#60b0b7;background:linear-gradient(145deg,#4bb4cc,#25b097);box-shadow:0 3px 10px hsla(0,0%,0%,.2);border:0;position:absolute;left:50%;margin-left:-100px;top:50%;margin-top:-25px;width:200px;height:50px;z-index:10}.tour .carousel-inner .start-button:hover{background-color:#25b097;box-shadow:0 3px 10px hsla(0,0%,0%,.3)}.tour .carousel-inner .start-image{position:relative;margin:0 auto;display:block;width:100%;max-width:100%;border:1px solid #ddd;opacity:.4}.tour .carousel-inner .tour-item-header{margin:0 0 30px 54px;max-width:700px;font-size:1.3em;text-align:left}.tour .carousel-inner .tour-item-header-top-push{margin-top:40px}.tour .carousel-inner .tour-item-header-centered{text-align:center;margin-left:auto;margin-right:auto}.tour .carousel-inner .zulip-slack-comparison{display:-webkit-flex;display:flex;text-align:left;width:850px;max-width:100%;margin:20px auto 0;position:relative}.tour .carousel-inner .zulip-slack-comparison .comparison-zulip{width:500px}.tour .carousel-inner .zulip-slack-comparison .comparison-slack{width:300px}.tour .carousel-inner .zulip-slack-comparison img{max-width:100%}.tour .carousel-inner img{border:1px solid #f1f2f3}.tour .carousel-inner img.centered-image{display:block;margin:0 auto}.tour .carousel-inner .mobile-hide,.tour .carousel-inner img.centered-image.mobile-hide,.tour .carousel-inner img.mobile-hide{display:block}.tour .carousel-inner .mobile-show,.tour .carousel-inner img.centered-image.mobile-show,.tour .carousel-inner img.mobile-show{display:none}.tour .carousel-inner .comparison-slack img{margin:0}.tour .carousel-inner img.zulip-streams{width:200px}.tour .carousel-inner img.slack-streams{width:200px}.tour .carousel-inner .zulip-slack-comparison img.zulip-streams-selected{width:320px;border:0}.tour .carousel-inner .zulip-slack-comparison img.slack-streams-selected{width:200px}.tour .carousel-inner .zulip-slack-comparison img.zulip-unreads-arrows{width:406px;border:0}.tour .carousel-inner .zulip-slack-comparison img.slack-stream-unreads{width:200px}.tour .carousel-inner img.zulip-topic{margin:-10px 0 0 50px;width:800px}.tour .carousel-inner img.slack-overwhelming{border:none;width:750px;margin:-30px 0 0 50px}.tour .carousel-inner .comparison-slack img.slack-unreads{width:250px;margin:15px 0 0 -10px}.tour .carousel-inner img.zulip-easy{border:none;width:700px;margin-left:50px}.tour .carousel-inner .zulip-slack-comparison .caption{text-align:left;font-weight:700;margin-bottom:10px}.tour .carousel-inner .other-resources{text-align:left;margin:30px auto;max-width:600px}.tour .carousel-inner .other-resources .other-resources-section{display:inline-block;width:48%;text-align:center;vertical-align:top}.tour .carousel-inner .other-resources .other-resources-section img{border:0;display:block;margin:0 auto}.tour .carousel-inner .call-to-action{display:inline-block;margin:40px auto;padding:11px 25px 11px 25px;font-size:1.2rem;line-height:20px;font-weight:400;color:#fff;background-color:#60b0b7;background:linear-gradient(145deg,#4bb4cc,#25b097);box-shadow:0 3px 10px hsla(0,0%,0%,.2);border-radius:4px}.tour .carousel-inner .call-to-action:hover{background-color:#25b097;box-shadow:0 3px 10px hsla(0,0%,0%,.3)}.tour .carousel-control{background:0;border:0;color:#747d94;font-size:2em;top:50%;font-weight:400;opacity:1;border-radius:0}.tour .carousel-control:hover{color:#404d67}.tour .carousel-control.right{right:40px}.tour .carousel-control.left{left:40px}.carousel-indicators{margin:20px 0 0 0;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;padding-left:0;list-style:none}.carousel-indicators li{position:relative;-webkit-flex:0 1 auto;flex:0 1 auto;width:10px;height:10px;border-radius:10px;margin-right:10px;margin-left:10px;text-indent:-999px;cursor:pointer;background-color:#9da4b2;transition:background .1s ease}.carousel-indicators li::before{position:absolute;top:-10px;left:0;display:inline-block;width:100%;height:10px;content:""}.carousel-indicators li::after{position:absolute;bottom:-10px;left:0;display:inline-block;width:100%;height:10px;content:""}.carousel-indicators li.active{background-color:#404d67}.portico-landing .testimonials{color:#fff;background-color:#22574c}.portico-landing .testimonials .text-header .text-content{float:left}.portico-landing .testimonials .text-header .action-content{float:right;margin-top:18px}.portico-landing .testimonials .quote-container{width:98%;margin:30px auto 20px auto;padding-left:2%;font-size:1.2rem}.portico-landing .testimonials .carousel{min-height:250px}.portico-landing .testimonials .carousel-quotes{width:60%;margin:auto}.portico-landing .testimonials .carousel-inner{width:100%;left:-2%}.portico-landing .testimonials .fa-chevron-left,.portico-landing .testimonials .fa-chevron-right{color:#fff;opacity:.5;position:absolute;font-size:36px;top:40%}.portico-landing .testimonials .fa-chevron-right{right:10%}.portico-landing .testimonials .fa-chevron-left{left:10%}.portico-landing .testimonials .fa-chevron-left:hover,.portico-landing .testimonials .fa-chevron-right:hover{opacity:1}.portico-landing .testimonials blockquote::before{content:"“";margin-left:-10px;margin-right:-3px}.portico-landing .testimonials blockquote::after{content:"”"}.portico-landing .testimonials blockquote+cite{display:block;margin-top:5px;margin-bottom:30px;color:#fff;opacity:.7;font-weight:400}.portico-landing .testimonials blockquote{padding:0;font-weight:400;line-height:1.6;text-align:left;border:none;opacity:.8}.portico-landing .testimonials hr{width:60%;margin:0 auto;border:none;border-bottom:1px solid hsla(0,0%,100%,.2)}.portico-landing .testimonials .company-container{width:60%;margin:30px auto;text-align:left}.portico-landing .testimonials .company-box{margin-top:20px}.portico-landing .testimonials .company-container header h2{font-weight:400;font-size:1.5em}.portico-landing .testimonials .company-container header .arrow{margin-top:12px;font-weight:400}.portico-landing .testimonials .company-box .company{display:inline-block;margin:10px 20px;height:60px;width:calc(25% - 44px);background-color:#aaa;background-size:contain;background-position:center;background-repeat:no-repeat}.portico-landing .testimonials .company-box .company.akamai{background-image:url(/static/images/landing-page/logos/akamai.png);background-color:transparent}.portico-landing .testimonials .company-box .company.doctorondemand{background-image:url(/static/images/landing-page/logos/doctorondemand.png);background-color:transparent}.portico-landing .testimonials .company-box .company.layershift{background-image:url(/static/images/landing-page/logos/layershift.png);background-color:transparent}.portico-landing .testimonials .company-box .company.recurse{background-image:url(/static/images/landing-page/logos/recurse.png);background-color:transparent}.portico-landing .testimonials .company-box .company.solano{background-image:url(/static/images/landing-page/logos/solano.png);background-color:transparent}.portico-landing .testimonials .company-box .company.veelo{background-image:url(/static/images/landing-page/logos/veelo.png);background-color:transparent}.portico-landing .testimonials .company-box .company.panjiva{background-image:url(/static/images/landing-page/logos/panjiva.png);background-color:transparent}.portico-landing .testimonials .company-box .company.cmt{background-image:url(/static/images/landing-page/logos/cambridge-mobile-telematics.png);background-color:transparent}.portico-landing .testimonials .company-box .company.levelup{background-image:url(/static/images/landing-page/logos/levelup.png);background-color:transparent}.portico-landing .testimonials .company-box .company.wildfly{background-image:url(/static/images/landing-page/logos/wildfly.png);background-color:transparent}.portico-landing .testimonials .company-box .company.mariadb{background-image:url(/static/images/landing-page/logos/mariadb.png);background-color:transparent}.portico-landing .testimonials .company-box .company.infinispan{background-image:url(/static/images/landing-page/logos/infinispan.png);background-color:transparent;height:50px}.portico-landing .testimonials .company-box .company.hail{background-image:url(/static/images/landing-page/logos/hail.png);background-color:transparent}.portico-landing .testimonials .company-box .company.inspire-hep{background-image:url(/static/images/landing-page/logos/inspire-hep.png);background-color:transparent}.portico-landing .testimonials .company-box .company.wikimedia-outreach{background-image:url(/static/images/landing-page/logos/wikimedia-outreach.png);background-color:transparent}.portico-landing .testimonials .company-box .company.fhir{background-image:url(/static/images/landing-page/logos/fhir.png);background-color:transparent}.portico-landing .testimonials .company-box .company.openshot{background-image:url(/static/images/landing-page/logos/openshot.png);background-color:transparent}.portico-landing .testimonials .company-box .company.mixxx{background-image:url(/static/images/landing-page/logos/mixxx.png);background-color:transparent;height:45px}.portico-landing.hello .apps{position:relative;padding:200px 80px 100px 80px;margin-top:-50px;background-color:#50c7c1;background:linear-gradient(145deg,#4bb4cc,#25b097);color:#fff}.portico-landing.hello .apps .triangle{position:absolute;top:0;left:0;width:0;height:0;border-style:solid;border-width:150px 100vw 0 0;border-color:#f9f9f9 transparent transparent transparent}.portico-landing.hello .apps .arrow{color:#fff;font-weight:400}.portico-landing.hello .apps .arrow::before{background-color:#fff}.portico-landing.hello .apps .left-side,.portico-landing.hello .apps .right-side{display:inline-block;vertical-align:top}.portico-landing.hello .apps .left-side{width:calc(60% - 4px)}.portico-landing.hello .apps .right-side{width:calc(40% - 4px);text-align:center}.portico-landing.hello .apps .left-side .content{width:650px;margin:50px auto}.portico-landing.hello .apps .left-side .platform-icons{text-align:center}.portico-landing.hello .apps .left-side .platform-icons .group h2{font-size:1.5em}.portico-landing.hello .apps .left-side .platform-icons .group{display:inline-block;vertical-align:top;margin:0 30px;text-align:center}.portico-landing.hello .apps .left-side .platform-icons .group a{color:inherit}.portico-landing.hello .apps .left-side .platform-icons .group i{display:inline-block;width:80px;font-size:3.5em;opacity:.8}.portico-landing.hello .apps .left-side .platform-icons .group i:hover{opacity:1}.portico-landing.hello .apps .arrow::after{-webkit-filter:brightness(4) saturate(0);filter:brightness(4) saturate(0)}.portico-landing.hello .integrations{padding:80px 80px}.portico-landing.hello .integrations .content{margin-left:50px}.portico-landing.hello .integrations .integration-icons{width:100%;margin:20px 0;text-align:center}.portico-landing.hello .integrations .integration-icons .group{display:inline-block;vertical-align:top;width:155px;height:220px;padding:0 5px;transition:all .3s ease;margin:10px 5px;color:#404e67;border-radius:5px;border:1px solid #e5eef5}.portico-landing.hello .integrations .integration-icons .group:hover{border:1px solid #4ebfac}.portico-landing.hello .integrations .integration-logo{margin-top:20px;width:80px}.portico-landing.hello .integrations .integration-name{margin-top:20px;font-size:22px;font-weight:400}.portico-landing.hello .integrations .integration-description{width:120px;margin:0 auto 20px;font-weight:400;font-size:14px}.portico-landing.hello .call-to-action-bottom{position:relative;padding:100px 100px 0 100px;margin-top:0}.portico-landing.hello .call-to-action-bottom .button{display:table;margin:20px auto 0 auto;padding:10px 20px;font-size:1em;font-weight:600}.portico-landing.hello .call-to-action-bottom h1{text-align:center;margin-top:20px}.portico-landing.hello .call-to-action-bottom .atlassian-migration{margin-top:60px;text-align:center;font-size:1.3rem;font-weight:300}.portico-landing.hello .call-to-action-bottom .zulip-octopus{margin:130px auto 0 auto;width:32px;height:30px;background-image:url(/static/images/landing-page/zulip-octopus.png);background-size:cover;-webkit-filter:invert(.9);filter:invert(.9)}.footer.hello{display:block}.footer.hello li a{color:#b8beca}.footer.hello li a:hover{color:#fff}.portico-landing.apps{padding-top:0}.portico-landing.apps .main,.portico-landing.features-app .main{background-color:#fff}.portico-landing.apps .hero{position:relative;padding:100px 50px 50px 50px;background:linear-gradient(35deg,#003a51,#44b59a);height:600px;color:#fff;overflow:hidden}.portico-landing.apps .hero .inner-content{max-width:1600px;margin:0 auto}.portico-landing.apps .hero h1{font-size:3em;margin-bottom:0}.portico-landing.apps .hero h1{margin-top:0}.portico-landing.apps .hero #waves{position:absolute;top:0;left:0;width:100%;height:100%;background-image:url(/static/images/waves.svg);background-size:cover;background-repeat:no-repeat}.portico-landing.apps .hero .image,.portico-landing.apps .hero .info{position:relative;width:50%;float:left;height:100%;z-index:1}.portico-landing.apps .hero .image img{border-radius:4px 4px 0 0}.portico-landing.apps .hero .info .cta{text-shadow:0 0 60px hsla(0,0%,0%,.3);max-width:600px}.portico-landing.apps .hero .image img[src="/static/images/landing-page/tar.gz.svg"]{width:50%}.portico-landing.apps .hero .image img[src="/static/images/app-screenshots/zulip-android.png"],.portico-landing.apps .hero .image img[src="/static/images/app-screenshots/zulip-iphone-rough.png"]{height:85%}.portico-landing.apps .hero .image .flex,.portico-landing.apps .hero .info .flex{height:500px;min-height:0}.portico-landing.apps .hero .info .flex{width:90%}.portico-landing.apps .hero .info .button{display:inline-block;padding:10px 20px;font-size:1em;font-weight:600}.portico-landing.apps .other-apps{background-color:#fff;padding:50px 50px 120px 50px;text-align:center}.portico-landing.apps .other-apps h2{width:600px;margin:0 auto;text-align:center}.portico-landing.apps .other-apps .apps{display:inline-block;margin:50px 0 0 0}.portico-landing.apps .other-apps .apps .icon{vertical-align:top;width:50px;padding:20px 30px;border-radius:70px;color:#ccc;font-size:3em;text-align:center;transition:all .2s ease}.portico-landing.apps .other-apps .apps .icon:hover{color:#777;background:linear-gradient(-45deg,#d3d3d3,#f9f9f9)}.portico-landing.apps .other-apps .apps .icon.fa-mobile-phone{font-size:4em;padding:11.5px 27px}.portico-landing.apps .other-apps .apps .icon.fa-mobile-phone::after{margin-top:1px}.portico-landing.apps .other-apps .apps .icon::after{content:attr(data-label);display:block;font-size:.8rem;font-weight:600;font-family:"Source Sans Pro",sans-serif;margin-top:10px}.download-from-google-play-store img{height:42px;padding:15px 0 15px 0}.download-from-apple-app-store img{height:42px;padding:15px 0 15px 0}.portico-landing.why-page{padding-top:0;color:#3b3e43}.portico-landing.why-page .main{max-width:800px}.portico-landing.why-page .hero{padding:200px 50px 100px 50px;background-color:#67b08f;color:#fff}.portico-landing.why-page .hero.small-hero{padding:120px 50px 30px 50px}.portico-landing.why-page .hero h1{margin:0 0 20px 0;font-size:3.5em;font-weight:300}.portico-landing.why-page .hero p{width:70%;margin:0 auto;font-size:1.3em;text-align:center;opacity:.7}.portico-landing.why-page .markdown{font-size:1.1rem}.portico-landing.why-page .main blockquote{background-color:#fff;border-color:#64a094;padding:20px 30px;margin-top:20px;font-size:1.05em}.portico-landing.why-page .main blockquote p{line-height:1.5;margin:0;font-weight:400;color:#404d67}.portico-landing.why-page .main blockquote p:last-child{margin-top:10px}.portico-landing.why-page .main img{display:block;margin:0 auto;max-width:100%;box-shadow:none;border:none}.portico-landing.why-page .main .slack-image{width:500px}.portico-landing.why-page .main .zulip-topics-image{width:300px}.portico-landing.why-page .main .zulip-reply-later-image{width:600px}.portico-landing.why-page .photo-description{position:relative;top:-40px;height:0;font-size:.8em;font-weight:400;line-height:100%;color:#878787}.portico-landing.why-page .team h2{margin-top:20px}.portico-landing.why-page .bg-pycon{position:relative;background-image:url(/static/images/landing-page/pycon.jpg);background-size:cover;background-position:center}.portico-landing.why-page .bg-pycon.drone{background-image:url(/static/images/landing-page/pycon-drone.jpg)}.portico-landing.why-page .bg-pycon.mit{background-image:url(/static/images/landing-page/mit-lobby-7.jpg)}.portico-landing.why-page .bg-pycon.security{background-image:url(/static/images/landing-page/security.jpg)}.portico-landing.why-page .bg-pycon.atlassian{background-size:300px;background-image:url(/static/images/landing-page/atlassian.jpg);background-repeat:repeat-x}.portico-landing.why-page .bg-pycon.why-zulip{background-image:url(/static/images/landing-page/why-zulip-threads.jpg)}.portico-landing.why-page .bg-pycon .bg-dimmer{position:absolute;width:100%;height:100%;top:0;left:0;background-color:hsla(224,52%,12%,.7);z-index:0}.portico-landing.why-page .bg-pycon .content{position:relative;z-index:1}.portico-landing.why-page .testimonials{background-color:#22574c;color:#fff;margin-bottom:40px}.portico-landing.why-page .testimonials .quote-container{width:98%;margin:30px auto 20px auto;padding-left:2%;font-size:1.2rem}.portico-landing.why-page .testimonials .carousel-quotes{width:60%;margin:auto}.portico-landing.why-page .testimonials .carousel-inner{width:100%;left:-2%}.portico-landing.why-page .testimonials blockquote::before{content:"“";margin-left:-10px;margin-right:-3px}.portico-landing.why-page .testimonials blockquote::after{content:"”"}.portico-landing.why-page .testimonials blockquote+cite{display:block;margin-top:5px;margin-bottom:30px;color:#fff;opacity:.7;font-weight:400;line-height:140%}.portico-landing.why-page .testimonials blockquote{padding:0;font-weight:400;line-height:1.6;text-align:left;border:none;opacity:.8}.portico-landing.hello .apps .screen{display:inline-block;margin:0 10px;text-align:left}.portico-landing.hello .apps .screen.ios{width:200px;height:350px;padding:30px 0;border-radius:20px;-webkit-transform:translateY(50px);transform:translateY(50px);background-color:#fff}.portico-landing.hello .apps .screen.android{width:200px;height:370px;padding:10px 0 30px 0;border-radius:20px;-webkit-transform:translateY(-110px);transform:translateY(-110px);background:linear-gradient(90deg,#444 0,#545454 8%,#545454 92%,#444 100%)}.portico-landing.hello .apps .screen .center-page{height:calc(100% - 20px)}.portico-landing.hello .apps .screen .center-page .message-feed{margin-top:10px}.portico-landing.hello .apps .screen.ios::before{top:17px;left:calc(50% - 20px);width:40px;height:5px;background-color:#ccc}.portico-landing.hello .apps .screen.ios::after{top:auto;bottom:7px;left:calc(50% - 12.5px);background-color:#ccc}.portico-landing.hello .apps .screen.android::before{content:none}.portico-landing.hello .apps .screen.android::after{top:auto;bottom:10px;left:calc(50% - 17.5px);background-color:#ccc;border-radius:8px;background-color:#212121;width:35px;height:20px}.portico-landing.hello .apps .screen.ios .main-page{border-color:#ddd}.portico-landing.hello .apps .screen.android .main-page{border-color:#212121}.gradients{width:100%;position:absolute;top:0;z-index:1}.gradients .gradient{position:absolute;left:0;width:100%;height:1100px}.gradients .gradient.dark-blue{background:linear-gradient(10deg,hsla(196,58%,14%,0) 50%,hsla(196,58%,14%,.7))}.gradients .gradient.green{background:linear-gradient(-25deg,hsla(156,47%,47%,0) 40%,#3fb083)}.gradients .gradient.blue{background:linear-gradient(25deg,hsla(196,38%,51%,0) 40%,#5298b1)}.gradients .gradient.sunburst{background:linear-gradient(5deg,hsla(49,71%,68%,0) 20%,#e7d273)}.gradients .gradient.white-fade{background:linear-gradient(0deg,#f9f9f9 0,hsla(0,0%,98%,0) 40%)}.portico-landing.plans .main{width:100%}.portico-landing.plans .main .padded-content>h1{text-align:center;font-size:2.5em;margin:0;color:#fff}.portico-landing.plans .main .padded-content>h2{color:#444;text-align:center;font-size:1.5em;margin-bottom:50px;color:#fff}.pricing-model .pricing-container{text-align:center}.pricing-model .pricing-container .block{display:inline-block;margin:40px 20px 20px 20px}.pricing-model .pricing-container .block .plan-title{padding:10px;margin-bottom:3px;color:#fff;font-size:2em;font-weight:300}.pricing-model .pricing-container .price-box{position:relative;display:inline-block;vertical-align:bottom;margin:0;width:300px;height:500px;box-shadow:0 0 10px hsla(0,0%,0%,.1);text-align:left;background-color:#fff;transition-property:all;transition-duration:.3s;transition-timing-function:ease}.pricing-model .pricing-container .text-content{margin:20px}.pricing-model .padded-content .text-header .text-content h1{margin-top:0}.pricing-model .pricing-container .text-content h2{font-size:1.5em;font-weight:400;margin-bottom:0;text-align:left}.pricing-model .pricing-container hr{border:none;border-bottom:2px solid #4ebfac;margin:15px 0 15px 0}.pricing-model .pricing-container .text-content .description{font-size:.9em;font-weight:400;color:#878787}.pricing-model .pricing-container ul.feature-list{list-style:none;padding:0;margin:0}.pricing-model .pricing-container ul.feature-list li{position:relative;padding:10px 0 10px 25px;font-size:.9em;font-weight:500}.pricing-model .pricing-container ul.feature-list li::before{content:" ";position:absolute;top:10px;left:0;width:20px;height:18px;background-image:url(/static/images/checkbox-green.svg);background-size:contain;background-position:center;background-repeat:no-repeat;-webkit-filter:invert(.3);filter:invert(.3)}.pricing-model .pricing-container .bottom{position:absolute;bottom:0;width:100%;height:150px;background-color:#ededed}.pricing-model .pricing-container .text-content .price::before{content:"$";position:relative;vertical-align:top;top:4px;left:-3px;font-size:2rem;font-weight:300;color:#878787}.pricing-model .pricing-container .text-content .price{display:inline-block;margin-right:2px;font-size:3.5em;font-weight:600;line-height:.8}.pricing-model .pricing-container .bottom .details{display:inline-block;vertical-align:top;margin-left:15px;margin-top:4px;font-size:.9em;font-weight:400;color:#878787;text-align:left}.pricing-model .pricing-container .bottom .button{margin-top:20px;display:block;text-align:center;font-size:.9em;transition:all .3s ease}.pricing-model .pricing-container .price-box:focus{outline:0}.pricing-model .pricing-container .price-box:focus .button{box-shadow:0 0 25px #68c9b8;-webkit-animation:box-shadow-pulse 2s infinite;animation:box-shadow-pulse 2s infinite}.pricing-model .pricing-container .text-content .standard-price-box{display:-webkit-flex;display:flex;height:55px}.pricing-model .pricing-container .text-content .price .price-cents{font-size:.4em;vertical-align:top;position:relative;top:6px}.pricing-overlay.pricing-model{position:fixed;top:-140px;left:0;width:100vw;height:100vh;opacity:0;pointer-events:none;z-index:10;transition:all .3s ease}.portico-landing.plans .pricing-overlay.pricing-model{top:-220px}.pricing-overlay.pricing-model .pricing-container{padding:50px;text-align:left}.pricing-overlay.pricing-model.active{opacity:1;pointer-events:all;background-color:hsla(0,0%,0%,.6)}.pricing-overlay.pricing-model .price-box{vertical-align:top}.pricing-overlay.pricing-model .info-box{position:relative;display:inline-block;vertical-align:top;margin-left:50px;margin-top:-2px;width:calc(100% - 350px);background-color:#fff;opacity:0;-webkit-transform:translateY(300px);transform:translateY(300px);transition:all .3s ease}.pricing-overlay.pricing-model .info-box.show{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}.pricing-overlay.pricing-model .info-box .text-content{position:relative;display:inline-block;height:calc(100% - 40px);width:calc(100% - 340px)}.pricing-overlay.pricing-model .info-box .text-content h1{margin-top:0}.pricing-overlay.pricing-model .info-box .text-content p{color:#878787}.pricing-overlay.pricing-model .info-box .text-content .feature-detail-box{position:absolute;width:100%;bottom:0;text-align:center}.pricing-overlay.pricing-model .info-box .text-content .feature-detail-box .feature{display:inline-block;width:calc(33% - 21px);height:200px;background-color:#ededed;margin:10px}.text-content .pricing-details{padding:15px 0 15px 0;height:25px;font-weight:400;color:#878787;font-style:italic;text-align:center}.pricing-overlay.pricing-model .info-box .image{width:300px;height:100%;float:right;background-color:#3c9e8c}.portico-landing.jobs h2{line-height:1.4;margin:20px 0 5px 0}.portico-landing.jobs h3{line-height:1.4;margin:20px 0 7px 0}.portico-landing.jobs .open-positions-top .padded-content{padding-bottom:0}.portico-landing.jobs .how-we-work .padded-content{padding-top:25px}.portico-landing.jobs .what-were-building{background-color:#e9ecf1}@-webkit-keyframes box-shadow-pulse{0%{box-shadow:0 0 0 #69c8b8}50%{box-shadow:0 0 25px hsla(170,47%,60%,.8)}100%{box-shadow:0 0 0 #69c8b8}}@keyframes box-shadow-pulse{0%{box-shadow:0 0 0 #69c8b8}50%{box-shadow:0 0 25px hsla(170,47%,60%,.8)}100%{box-shadow:0 0 0 #69c8b8}}@media (max-width:1426px){.portico-landing.hello .integrations .integration-icons .hide-1{display:none}.portico-landing.integrations .integration-categories-sidebar{padding-left:30px}.portico-landing.integrations .integration-lozenge{width:135px}}@media (max-width:1390px){.portico-landing.plans .pricing-container .block:not(:first-child) .responsive-title{color:inherit}}@media (max-width:1376px){.portico-landing.plans .price-box{margin:20px}.portico-landing.apps .main .details-container{height:auto}.portico-landing.apps .main .details-container .details-box{display:none;position:static;height:auto}.portico-landing.apps .main .details-container .details-box h1{margin-top:0;padding-top:20px}.portico-landing.apps .main .details-container .details-box.show{display:block}.portico-landing.apps .main .details-box[data-name=linux] .image{display:block;height:auto}.portico-landing.apps .main .details-box[data-name=linux] .image .platform,.portico-landing.apps .main .details-box[data-name=linux] .instructions{text-align:center;width:calc(100% - 40px)}}@media (min-width:1296px),(max-width:985px) and (min-width:687px){.portico-landing .testimonials .company-box>div:last-of-type{display:none}}@media (max-width:1295px){.portico-landing.hello .apps .right-side{display:none}.portico-landing.hello .apps .left-side{width:100%}.portico-landing.hello .integrations .content{max-width:750px;margin:0 auto}.portico-landing.hello .integrations .integration-icons{max-width:600px;margin:0 auto}.portico-landing.hello .apps .left-side .content{margin:0 auto 50px}.portico-landing .testimonials .company-box .company{width:calc(33% - 44px)}}@media (max-width:1100px){.tour .carousel-inner img.slack-overwhelming,.tour .carousel-inner img.zulip-easy,.tour .carousel-inner img.zulip-topic{width:85%;left:0;margin-left:auto;margin-right:auto}.tour .carousel-inner .tour-item-header{margin:0 0 30px 0}.tour .carousel-control.right{right:20px}.tour .carousel-control.left{left:20px}.tour .carousel-inner .zulip-slack-comparison{width:650px;max-width:100%}.tour .carousel-inner .zulip-slack-comparison .comparison-zulip{width:450px}.tour .carousel-inner .zulip-slack-comparison .comparison-slack{width:200px}}@media (max-width:1024px){.portico-landing.hello .gradients .gradient{height:1400px}.portico-landing{padding-top:170px}nav.white{padding-bottom:40px}nav .logo{float:none;display:block;margin:0 auto;text-align:center}nav .logo span{color:#fff}nav ul{display:block;margin:20px auto 0 auto;float:none;text-align:center}.portico-landing.features-app section .headliner .image{width:200px;height:200px}.portico-landing.features-app section .headliner .feature-box{width:calc(100% - 220px)}.portico-landing.features-app section.messages{display:block;text-align:center}.portico-landing.features-app section.messages>*{display:inline-block;text-align:left}.portico-landing.features-app section.messages .image{width:100%;margin:0}.portico-landing.plans .compare .padded-content{width:auto}}@media (max-width:985px){.features .feature-box .text-content{width:100%;height:auto;margin-bottom:20px}.features .feature-box .image{float:none;width:100%;margin:0}.features .text-content .flex{display:block}.portico-landing.apps .main{width:100%;margin:0}.portico-landing.hello .screen.hero-screen{width:420px;height:282px;padding:65px 117px}.portico-landing.hello .screen.hero-screen .main-page{overflow:hidden;-webkit-transform:translateY(-12px) translateX(2px);transform:translateY(-12px) translateX(2px)}.screen.hero-screen .col-4 .action-block{margin:10px}.portico-landing .testimonials .carousel-quotes{width:100%}.portico-landing .testimonials .fa-chevron-right{right:-40px}.portico-landing .testimonials .fa-chevron-left{left:-40px}.screen.hero-screen .line{height:4px;margin:4px 0}.screen .message-feed .message .content{top:-12px}.portico-landing.hello .apps,.portico-landing.hello .integrations{padding:200px 50px 80px 50px}.portico-landing.hello .apps .left-side .content{width:100%;text-align:center}.portico-landing.hello .integrations{width:100%;padding:80px 0}.portico-landing.hello .integrations .content{padding:0 50px}.portico-landing .testimonials .company-container,.portico-landing .testimonials hr{width:100%}.portico-landing .testimonials .company-box .company{width:calc(25% - 44px)}.tour .carousel-inner img.slack-overwhelming,.tour .carousel-inner img.zulip-easy{width:80%;left:0}.portico-landing.hello .hero header{width:calc(100% - 50px)}}@media (max-width:906px){.portico-landing.why-page .hero p br{display:none}.portico-landing.features-app section.notifications{padding:50px 10px}.portico-landing.features-app section.notifications .image-block{display:none}.portico-landing .testimonials .quote-container{width:96%;padding-left:4%}.portico-landing .testimonials .carousel-inner{left:-4%}}@media (max-width:830px){.portico-landing.features-app section .headliner{display:-webkit-inline-flex;display:inline-flex;width:auto;height:250px;margin:50px;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}.portico-landing.hello .apps .left-side .platform-icons .group{margin:50px 30px;display:block}.portico-landing.hello .tour .carousel-inner .item-container{width:85%}.tour .carousel-control{font-size:1.2em}.tour .carousel-control.right{right:-10px}.tour .carousel-control.left{left:-10px}.tour .carousel-inner .zulip-slack-comparison{width:100%}.tour .carousel-inner .zulip-slack-comparison .comparison-zulip{width:65%}.tour .carousel-inner .zulip-slack-comparison .comparison-slack{width:35%}.tour .carousel-inner .comparison-slack img.slack-unreads{margin-left:0}.tour .carousel-inner .tour-item-header{font-size:1.1em}}@media (max-width:768px){nav{padding-left:50px;padding-right:50px;width:calc(100% - 100px)}nav .hamburger{position:relative;z-index:10}.portico-landing.hello .open-source .flex{display:block}.portico-landing.hello .open-source img{display:block;width:300px;margin:0 auto}.portico-landing.hello .open-source .il-block{width:75%}.main{width:auto}.portico-landing.why-page .main{width:auto;margin:0}.portico-landing.why-page .hero{padding-left:20px;padding-right:20px}.portico-landing.why-page .hero{font-size:.6em}.portico-landing.why-page .hero p{font-size:2em;width:100%}.portico-landing.why-page .padded-content{padding:50px 20px}.portico-landing.why-page .testimonials .padded-content{padding:50px}.portico-landing.why-page .testimonials .carousel-quotes{width:90%}.portico-landing.why-page .testimonials .quote-container{padding-left:4%;font-size:1em}.platform.image{display:none!important}.platform.description{width:100%!important}.portico-landing.hello .hero header{width:600px}.portico-landing.hello .apps .left-side .content{width:auto}.portico-landing.hello .screen.hero-screen{width:300px;height:201px;padding:43px 73px}.portico-landing.hello .features .col-2{width:100%}.portico-landing.features-app section{padding:0 20px}.portico-landing.features-app section.hero{padding:50px}.portico-landing.features-app section.hero h1{font-size:3em}.billing-upgrade-page .nav-tabs,.billing-upgrade-page .tab-content{font-size:1em}}@media (max-width:686px){.portico-landing{padding-top:120px}.portico-landing.apps .hero{height:350px}.portico-landing.apps .hero h1{font-size:1.9em;font-weight:400}.portico-landing.apps .hero .image .flex,.portico-landing.apps .hero .info .flex{height:200px;min-height:0;width:100%}.portico-landing.apps .other-apps{padding:50px 5px 120px 5px}.portico-landing.apps .other-apps h2{font-size:1.5em;width:100%}.portico-landing.apps .other-apps .apps .icon{padding:0 14px;width:30px;padding-top:8px;padding-bottom:0;font-size:2.3em}.portico-landing.apps .other-apps .apps .icon.fa-mobile-phone{padding:7px 10px 5px 10px;width:35px;font-size:2.5em}.portico-landing.apps .other-apps .apps .icon.fa-windows{font-size:2em;padding:10px 13px 2px 13px!important}.portico-landing.apps .other-apps .apps .icon::after{content:""}.portico-landing.apps .hero .image{display:none}.portico-landing.apps .hero .info{width:100%}.main{width:calc(100% - 50px);margin:0 auto}.portico-landing.hello .hero{padding-bottom:100px}.portico-landing.hello .hero .waves{height:450px}.portico-landing.hello .hero header{width:auto}.portico-landing.hello .screen.hero-screen{display:none}nav ul{margin-top:0;text-align:left}nav .content{display:inline-block;z-index:11}nav .hamburger{display:inline-block;float:right}nav .content>ul.show{outline-color:hsla(203,43%,22%,.7)}nav ul{position:fixed;float:none;top:0;left:0;height:100vh;width:300px;padding-left:30px;background-color:#fff;-webkit-transform:translate(-350px,0);transform:translate(-350px,0);box-shadow:0 0 80px hsla(0,0%,0%,.12);transition:all .5s ease}nav ul.show{-webkit-transform:translate(0,0);transform:translate(0,0)}nav ul .exit{display:block;position:absolute;top:10px;right:25px;font-weight:100;font-size:3em;color:initial}nav ul li{display:block;font-size:1.5em;font-weight:300;line-height:1.5}nav ul li:first-of-type{margin-top:20px}nav ul li.active::after{content:">";-webkit-transform:scale(1,1);transform:scale(1,1);bottom:auto;left:-25px;font-weight:400}nav ul li.active{font-weight:400}.portico-header .content>ul::before{content:"Zulip";display:block;margin-top:20px;padding-top:5px;margin-left:10px;width:100px;height:40px;font-size:1.5rem;line-height:30px;text-align:right;color:#444;background-size:40px auto;background-image:url(/static/images/zulip-logo.svg);background-repeat:no-repeat}.portico-header .dropdown ul{width:100%;height:auto;margin:42px 0 0 0;font-size:.8em}.portico-header .dropdown-pill .realm-name,nav ul li,nav ul li a{color:#444!important}.portico-landing.apps .main ul.sidebar{display:block;text-align:center;margin-bottom:10px}.portico-landing.apps .main ul.sidebar li{display:inline-block;padding:10px;width:80px;text-align:center;border-radius:4px}.portico-landing.apps .main .details-container{width:100%}.portico-landing .testimonials .company-box .company{margin:10px;width:calc(33% - 24px)}.tour .carousel-control{font-size:1.1em}.tour .carousel-control.right{right:-30px}.tour .carousel-control.left{left:-30px}.tour .carousel-inner .zulip-slack-comparison img{max-width:90%}.portico-landing.hello .tour .carousel-inner .item-container{height:450px}.tour .carousel-inner .call-to-action{margin:10px auto}}@media (max-width:640px){.portico-landing.hello .integrations .integration-icons .group{margin:10px 16px 0 16px}.portico-landing.features-app section.keyboard-shortcuts img.overflow-wave{top:-100px}}@media (max-width:550px){.portico-landing.features-app section.hero{padding:50px 20px 20px}.portico-landing.features-app section.messages{padding:0 20px}.portico-landing.features-app section.messages h2{font-size:2em}.portico-landing.features-app section.messages .features .feature-block{margin:20px 0}.portico-landing .tour{max-width:100%}.portico-landing.hello .tour .carousel-inner .item-container{height:400px}.tour .carousel-control{top:100%}.tour .carousel-inner .zulip-slack-comparison .comparison-zulip{width:60%}.tour .carousel-inner .zulip-slack-comparison .comparison-slack{width:38%}.tour .carousel-inner .zulip-slack-comparison .caption{font-size:90%}.tour .carousel-inner .zulip-slack-comparison img{max-width:100%}.tour .carousel-inner .zulip-slack-comparison img.zulip-streams{max-width:140px}.tour .carousel-inner .zulip-slack-comparison img.zulip-streams-selected{max-width:95%}.tour .carousel-inner .tour-explanation{opacity:.8;font-size:90%;text-align:left}.billing-upgrade-page .payment-schedule .box{width:100px;height:80px}}@media (max-width:450px){.portico-landing.plans .price-box{display:-webkit-inline-flex;display:inline-flex;-webkit-flex-direction:column;flex-direction:column;min-height:500px;height:auto;max-width:300px;width:auto;margin:10px 0}.pricing-model .pricing-container .text-content{-webkit-flex:1;flex:1}.pricing-model .pricing-container .bottom{position:static;height:auto}.portico-landing.hello .hero{padding:60px 5px 40px 5px}.portico-landing.hello header{padding:0 45px 0 45px}.portico-landing.hello .integrations .content header{padding:0}.portico-landing.hello .integrations .integration-icons .group{margin:4px 2px}.main{width:100%}.portico-landing.plans .compare .padded-content{padding:20px}.portico-landing.plans .pricing-container .block{margin:0}.tour .carousel-inner .mobile-hide,.tour .carousel-inner img.centered-image.mobile-hide,.tour .carousel-inner img.mobile-hide{display:none}.tour .carousel-inner .mobile-show,.tour .carousel-inner img.centered-image.mobile-show,.tour .carousel-inner img.mobile-show{display:block}.main .padded-content{padding:20px}.footer{width:100vw}.gradients .gradient.green{background:linear-gradient(-25deg,transparent 10%,#3fb083 80%)}.gradients .gradient.blue{background:linear-gradient(25deg,transparent 10%,#5298b1 80%)}.gradients .gradient.sunburst{background:linear-gradient(5deg,transparent 20%,#e7d273 80%)}}@media (max-width:375px){.portico-landing.hello .integrations .integration-icons .group{width:130px;height:215px}.portico-landing.hello .integrations .integration-icons .integration-logo{width:60px}.portico-landing.integrations .integration-categories-dropdown{width:323px}.portico-landing.features-app section.keyboard-shortcuts img.overflow-wave{top:-92px}}@media (max-width:360px){.portico-landing.features-app section .keyboard-shortcuts img.overflow-wave{top:-88px}}@media (max-width:320px){.portico-landing.features-app section .keyboard-shortcuts img.overflow-wave{top:-78px}}@media (max-width:313px){.portico-landing .testimonials .quote-container{width:93%;padding-left:7%}.portico-landing .testimonials .carousel-inner{left:-7%}}#download-android-apk a{display:inline-block;color:#fff;font-size:13px;padding-left:10px}
/*# sourceMappingURL=6212c10fa2bc34642fb7.css.map */