.hero-graphic{width:100%}.hero-roomlio{position:relative}.hero-img{border-bottom-right-radius:12px}.hero-demo-controls{z-index:2}.hero-roomlio:hover .hero-demo-controls,.hero-demo.show-hero-demo{display:flex;justify-content:center;align-items:center}.hero-demo{z-index:1}.hero-demo.show-hero-demo{z-index:3}.hero-demo-controls,.hero-demo{position:absolute;top:0;left:0;right:0;bottom:0;display:none;background-color:rgba(0,0,0,.25)}.hero-highlight-section{position:relative;display:none;margin-top:50px;height:150px}.hero-highlight-section-content{display:flex;flex-direction:row;justify-content:center}.hero-highlight-app-line{position:absolute;top:-155px;margin-left:-90px;width:100px;height:200px;border-bottom:1px solid var(--blurple);border-left:1px solid var(--blurple);border-radius:10px;z-index:-1}.hero-highlight-roomlio-line{position:absolute;top:-155px;margin-left:120px;width:100px;height:200px;border-bottom:1px solid var(--blurple);border-right:1px solid var(--blurple);border-radius:10px;z-index:-1}.highlight-hero-section{outline:2px solid var(--blurple);z-index:1}.hero-sidebar.highlight-hero-section{outline-offset:-2px}.hero-highlight-caption{text-align:center;color:var(--gray);font-size:.8em}.roomlio-hero-highlight-btn{user-select:none;color:var(--gray);height:44px;width:200px;text-align:center;padding:10px;margin:20px;margin-bottom:10px;border-radius:12px;border:1px solid #d0d0d0}.roomlio-hero-highlight-btn span{vertical-align:middle}.roomlio-hero-highlight-btn:hover{color:#fff;outline:none;border:none;background-color:var(--blurple)}.hero-screenshot{box-shadow:rgba(0,0,0,.12)0 30px 60px;z-index:-100}@media(min-width:768px){.hero-highlight-section{display:block}}.feature-card-section{padding-top:100px}.feature-cards,.feature-card-group{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%}.feature-card{width:280px;padding:20px;text-align:center}.feature-card-img{box-shadow:0 8px 20px rgba(0,0,0,.12);height:200px;background-color:#f1f1f1;border-radius:10px;overflow:hidden}.feature-card-img img{border-radius:10px;height:200px;z-index:-99}.feature-card-title{margin:0 5px;margin-top:15px;font-size:1.2em;font-weight:var(--bold)}.feature-card-text{padding:10px 5px;line-height:24px;color:var(--gray)}@media(min-width:768px){.feature-card-section{display:flex;flex-direction:row;justify-content:center;align-items:center;padding-top:370px}.feature-card{text-align:left}body:not(.rml-dock-right-open) .feature-card-group{flex-direction:row;align-items:flex-start;height:300px;margin-bottom:40px}}@media(min-width:1160px){body:not(.rml-dock-right-open) .feature-cards{flex-direction:row;align-items:flex-start;height:300px}}@media(min-width:1270px){.rml-dock-right-open .feature-card-group{flex-direction:row;align-items:flex-start;height:300px;margin-bottom:40px}}@media(min-width:1500px){.rml-dock-right-open .feature-cards{flex-direction:row;align-items:flex-start;height:300px}}.fake-app{position:relative;height:100%;display:grid;grid-template-columns:80px 1fr;grid-template-rows:auto;grid-template-areas:'sidebar content'}.fake-sidebar{grid-area:sidebar;height:100%;padding:10px;border-right:1px solid #f1f1f1}.fake-nav-item{margin:15px 0;background:#eaeaea;height:10px;border-radius:25px}.fake-content{height:100%;width:100%;grid-area:content}.fake-sidebar .arrow-up{display:none;width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:10px solid #0080ff;float:left;margin-right:5px}.fake-sidebar .non-mobile{display:none}.fake-sidebar .active{margin:0 -10px;background:#f7f7f7;font-size:.8em;padding:4px 10px;border-top:1px solid #f1f1f1;border-bottom:1px solid #f1f1f1}@media(min-width:768px){.fake-app{grid-template-columns:140px 1fr}.fake-sidebar .arrow-up{display:block;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:15px solid #0080ff}.fake-sidebar .non-mobile{display:block}}.fake-browser{margin:auto;margin-top:50px;border-radius:10px;background-color:#fff;line-height:.8}.why-section .fake-browser{width:450px;position:absolute;top:60px;right:30px;z-index:8}.hero-graphic .fake-browser{height:44.8%;width:95%;margin-bottom:40px}.live-chat-section .fake-browser,.dev-tools-graphic{width:100%;margin-top:30px;margin-bottom:20px}.fake-browser .dot{margin:6px 1px;height:8px;width:8px;background-color:#bbb;border-radius:50%;display:inline-block}.fake-browser .dot-red{background-color:#ee6a60}.fake-browser .dot-yellow{background-color:#f6bf50}.fake-browser .dot-green{background-color:#63c556}.browser-bar{padding-left:10px;border-radius:10px 10px 0 0;background-color:#e3e3e3;border-bottom:1px solid #eaeaea;height:20px}@media(min-width:768px){.hero-graphic .fake-browser{width:750px;height:100%;margin-bottom:0}.live-chat-graphic.fake-browser{width:500px}.browser-bar{height:32px}.fake-browser .dot{margin:11px 1px;height:12px;width:12px}}.phone-container{border-radius:30px;position:absolute;bottom:-30px;right:20px;border:12px solid #282c34;box-shadow:rgba(0,0,0,.12)0 30px 60px}.phone-notch{position:absolute;top:0;left:23%;border-bottom-right-radius:13px;border-bottom-left-radius:13px;width:120px;height:20px;background-color:#282c34}.phone-img{border-radius:20px}@media(min-width:768px){.phone-container{bottom:-105px}}