@import url("https://fonts.googleapis.com/css2?family=Titillium+Web:ital,wght@0,200;0,300;0,400;0,600;0,700;1,300;1,600&display=swap");a:hover{text-decoration:none;background:none}div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,big,strong,small,ol,ul,li,table,caption,tbody,tfoot,thead,tr,th,td,article,section{font-family:'Titillium Web', sans-serif}h1{font-size:38px;line-height:45px}@media (min-width: 600px){h1{font-size:60px;line-height:69px}}@media (min-width: 1200px){h1{font-size:76px;line-height:86px}}h2{font-size:24px;line-height:31px}@media (min-width: 600px){h2{font-size:34px;line-height:43px}}@media (min-width: 1200px){h2{font-size:40px;line-height:51px}}h3{font-size:21px;line-height:29px}@media (min-width: 600px){h3{font-size:26px;line-height:39px}}@media (min-width: 1200px){h3{font-size:30px;line-height:49px}}h4{font-size:14px}@media (min-width: 600px){h4{font-size:16px}}@media (min-width: 1200px){h4{font-size:18px}}p{font-size:14px;line-height:20px}@media (min-width: 600px){p{font-size:16px;line-height:24px}}@media (min-width: 1200px){p{font-size:20px;line-height:28px}}button.btn-nav,button.btn-lg,button.btn-md,button.btn-md-thin,button.btn-thin-wide,button.btn-sm{display:flex;justify-content:center;align-items:center;font-weight:600;border:none;border-radius:6px;text-decoration:none;padding:0;box-shadow:none}button.btn-nav:hover,button.btn-lg:hover,button.btn-md:hover,button.btn-md-thin:hover,button.btn-thin-wide:hover,button.btn-sm:hover{box-shadow:none}button.btn-ghost-telemetryhub,button.btn-ghost-dark,button.btn-ghost{background:none;color:white;border:1px solid white;transition:background .2s}button{background-image:none}button.btn-sm{height:50px;width:110px;font-size:14px}button.btn-thin-wide{height:40px;width:200px;font-size:14px}button.btn-md-thin{height:50px;width:225px;font-size:18px}button.btn-md{height:60px;width:260px;font-size:18px}button.btn-lg{height:60px;width:260px;font-size:18px}button.btn-nav{height:60px;width:230px;font-size:18px;margin:0 auto}@media (min-width: 600px){button.btn-nav{height:50px;width:110px;font-size:14px}}button.btn-ghost:hover{background:white;color:#FF5300;transition:background .2s}button.btn-ghost:active{background:#cccccc}button.btn-ghost-dark:hover{background:white;color:#4D165C;transition:background .2s}button.btn-ghost-dark:active{background:#cccccc}button.btn-ghost-telemetryhub:hover{background:white;color:#013134;transition:background .2s}button.btn-ghost-telemetryhub:active{background:#cccccc}button.orange{background-color:#FF5300;color:white;transition:background .2s ease}button.orange:hover{background:#cc4200;transition:background .2s ease}button.orange:active{background:#a63600}button.purple{background-color:#4D165C;color:white;transition:background .2s ease}button.purple:hover{background:#3e124a;transition:background .2s ease}button.purple:active{background:#320e3c}button.scout_blue{background-color:#3B50FF;color:white;transition:background .2s ease}button.scout_blue:hover{background:#2f40cc;transition:background .2s ease}button.scout_blue:active{background:#2634a6}button.teal{background-color:#00B6B3;color:white;transition:background .2s ease}button.teal:hover{background:#00928f;transition:background .2s ease}button.teal:active{background:#007674}section.demo{display:flex;justify-content:center;align-items:center;height:70vh;width:100%;position:relative;margin:0;padding:50 0 0 0;overflow:hidden;background:#FF5300}section.demo::before{content:" ";position:absolute;right:0;bottom:0;height:300px;width:500px;opacity:0.1;background-image:url("https://assets.scoutapm.com/assets/public/diagonal-stripes-f1bf28d3ada61d6b1407d492acd82dd3174b6cc546a5914d17c912a474c815b8.png");background-size:cover;background-repeat:no-repeat}@media (min-width: 900px){section.demo::before{height:500px;width:960px}}section.demo .demo-container{width:80vw;position:absolute}section.demo .demo-container h1.title{text-transform:none;color:white;font-weight:200;margin-bottom:40px}@media (min-width: 600px){section.demo .demo-container h1.title{margin-bottom:60px}}section.demo .demo-container .buttons-container{display:flex;flex-direction:column}@media (min-width: 600px){section.demo .demo-container .buttons-container{flex-direction:row}}