.features{background-color:#f9fafb;padding:60px 35px}.features.inverted{background-color:#fff}.features .flex{display:flex;flex-direction:column;justify-content:space-between;align-items:center;align-content:center}.features .flex div{width:100%}.features .app{color:#4e5de4;font-weight:700;font-size:10px;line-height:2rem;margin-bottom:15px;font-family:silka_bold;text-transform:uppercase}.features .app i{font-size:10px;margin-right:.5rem}.features .app>*{vertical-align:middle}.features .heading{margin:0 auto 15px}.features .description{font-size:14px;margin-bottom:30px}.features .tabbed{display:grid;grid-template-columns:repeat(2,1fr);align-items:center;grid-gap:1rem;width:100%}.features .tabbed>[type=radio]{display:none}.features .tabbed>label{font-family:silka_bold;font-weight:700;font-variant:small-caps;text-transform:lowercase;text-align:center;cursor:pointer;padding:.5em;color:#4e5de4;justify-self:start}.features .tabbed>label:nth-of-type(odd){justify-self:end}.features .tabbed>[type=radio]:not(:checked)+label{color:#818998}.features .tabbed-tab-content{grid-column:1/-1;grid-row:1/1}.features .tabbed>[type=radio]:not(:checked)+label+.tabbed-tab-content{visibility:hidden;z-index:-1}.features .video-app{max-width:100%;height:auto;filter:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='brightness'><feColorMatrix type='matrix' values='1.2 0 0 0 0 0 1.2 0 0 0 0 0 1.2 0 0 0 0 0 1.2 0'/></filter></svg>#brightness");-webkit-filter:brightness(108.5%)}.heading.centered{max-width:740px;margin-bottom:90px}.tabbed-tab-content img{max-width:100%}.features .description p:last-child{margin:0}@media (min-width:768px){.features{padding:80px 144px}}@media (min-width:1024px){.features .flex,.features.inverted .flex{flex-direction:row;max-width:1024px;margin:0 auto}.features .tabbed{width:29rem}.features.inverted .flex{flex-direction:row-reverse}.features .description{font-size:15px}.heading.centered{text-align:center;margin-bottom:60px}.features .flex>div:first-child{margin-right:100px}.inverted.features .flex>div:first-child{margin-right:0}.inverted.features .flex .tabbed{margin-right:100px}}@media (min-width:1200px){.features .flex{max-width:1024px}}@media (min-width:1600px){.features .description{font-size:16px}.features .flex{max-width:1024px}.features{padding:150px 96px}}