.section#titleBanner{position:relative;min-height:100vh;color:#fff;overflow:hidden;padding:0;background-image:linear-gradient(123deg, #111 0%, #272a31 36%, #463b3b 56%, #272a31 76%, #111 100%);background-size:cover;background-repeat:no-repeat;background-position:center center;display:flex;align-items:center}.section#titleBanner .sectionContent{display:flex;padding-top:5.2rem;position:relative}.section#titleBanner #titleContent{min-width:28rem;flex:2 1 1rem;align-self:flex-start;display:flex;flex-direction:column;justify-content:center;box-sizing:border-box}.section#titleBanner #buttonContainer,.section#titleBanner #buttonContainerMobile{display:flex;flex-direction:column;padding-top:1.25rem}.section#titleBanner #buttonContainer a,.section#titleBanner #buttonContainerMobile a{margin-top:1.5rem;margin-bottom:4rem;white-space:nowrap;width:8rem;display:flex;align-items:center;justify-content:center}.section#titleBanner #buttonContainer a.gradientButton,.section#titleBanner #buttonContainerMobile a.gradientButton{box-shadow:0 .4rem .8rem rgba(0,0,0,0.2)}.section#titleBanner #buttonContainer a:first-child,.section#titleBanner #buttonContainerMobile a:first-child{margin:0}.section#titleBanner #buttonContainerMobile{display:none;align-items:center;z-index:10;padding-top:3rem}.section#titleBanner #headerImageContainer{flex:1 1 1rem;position:relative;align-self:flex-start;margin-left:5rem}.section#titleBanner #headerImageContainer #headerImageBackground{padding-left:3rem;position:absolute;width:250%;top:-100px;filter:blur(5px)}.section#titleBanner #headerImageContainer .pureref{height:14rem;width:21.6rem;margin-top:1.1rem;background-color:#202020;z-index:10;position:relative;border-radius:2px}.section#titleBanner #headerImageContainer .pureref#pureref2{background-color:#1d1d1d}.section#titleBanner #headerImageContainer .pureref#pureref2 div{font-size:65%;padding:.4rem .6rem .5rem .6rem;background-color:#111111;color:#E0E0E0;border-radius:4px}.section#titleBanner #headerImageContainer .pureref img,.section#titleBanner #headerImageContainer .pureref div{position:absolute}.section#titleBanner #headerImageContainer .pureref div{font-size:65%;padding:.4rem .7rem;background-color:#1A1A1A;border:1px solid #111111;color:#606060}.section#titleBanner #headerImageContainer .pureref #sunset{top:6%;left:19%}.section#titleBanner #headerImageContainer .pureref #sunset1{top:58%;left:10%;width:14%}.section#titleBanner #headerImageContainer .pureref #sunset2{top:37%;left:27%;width:14%}.section#titleBanner #headerImageContainer .pureref #mountains{top:8%;right:15%}.section#titleBanner #headerImageContainer .pureref #mountains1{top:27%;right:8%;width:22%}.section#titleBanner #headerImageContainer .pureref #mountains2{top:55%;right:6%;width:35%}.section#titleBanner #headerImageContainer .pureref #mountains3{top:35%;right:25%;width:15%}.section.infoSection{padding:2.5rem 0}.section.infoSection .sectionContent{display:flex;align-items:center;justify-content:space-around}.section.infoSection .brief{width:50%}.section.infoSection .textblock{text-align:left}.section.infoSection img{padding:2.5rem 0;margin:0 10%;box-sizing:border-box;width:60%}.section.infoSection:nth-child(odd) img{margin-right:0}.section.infoSection:nth-child(even) img{margin-left:0}.section.infoSection#logoSection img{width:15%}.section.infoSection #platformLogos{width:50%;display:flex;align-items:center;margin-right:10%}.section.infoSection #platformLogos div{flex-grow:10}.section.infoSection #platformLogos div img{max-height:12.5rem;margin:0}.section.infoSection.downloadSection{padding:5rem 0}.section.infoSection.downloadSection .textblock{width:100%;text-align:center}.section.infoSection.downloadSection a{width:8rem}.section.infoSection.downloadSection h2{height:3rem}@media (max-width:1200px){.section#titleBanner .sectionContent{flex-direction:column}.section#titleBanner .sectionContent #titleContent{flex-direction:row;min-height:unset;min-width:unset;padding-top:2.5rem;padding-bottom:2.5rem}.section#titleBanner .sectionContent #titleContent #titleContainer{display:flex}.section#titleBanner .sectionContent #buttonContainer{margin-left:2.5rem;justify-content:center}.section#titleBanner .sectionContent #headerImageContainer{margin-left:0;margin-top:5rem}.section.infoSection .brief{width:100%}.section.infoSection img{width:100%;margin:0}.section.infoSection:nth-child(even) .sectionContent{flex-wrap:wrap-reverse}.section.infoSection:nth-child(odd) .sectionContent{flex-wrap:wrap}.section.infoSection#logoSection .sectionContent{flex-wrap:wrap}.section.infoSection#logoSection img{width:30%}.section.infoSection #platformLogos{width:100%;margin:auto;max-width:25rem}.section.infoSection.downloadSection .sectionContent{flex-wrap:wrap}.section.infoSection.downloadSection .sectionContent>a{margin:2.5rem}}@media (max-width:1200px) and (orientation:portrait) and (min-height:1080px){.section#titleBanner{min-height:unset}}@media (orientation:portrait) and (max-width:800px){html .section#titleBanner .sectionContent{flex-direction:column}html .section#titleBanner .sectionContent #titleContent{flex-direction:row;min-height:unset;min-width:unset;padding-top:2.5rem;padding-bottom:2.5rem}html .section#titleBanner .sectionContent #titleContent #titleContainer{display:flex}html .section#titleBanner .sectionContent #buttonContainer{margin-left:2.5rem;justify-content:center}html .section#titleBanner .sectionContent #headerImageContainer{margin-left:0;margin-top:5rem}html .section.infoSection .brief{width:100%}html .section.infoSection img{width:100%;margin:0}html .section.infoSection:nth-child(even) .sectionContent{flex-wrap:wrap-reverse}html .section.infoSection:nth-child(odd) .sectionContent{flex-wrap:wrap}html .section.infoSection#logoSection .sectionContent{flex-wrap:wrap}html .section.infoSection#logoSection img{width:30%}html .section.infoSection #platformLogos{width:100%;margin:auto;max-width:25rem}html .section.infoSection.downloadSection .sectionContent{flex-wrap:wrap}html .section.infoSection.downloadSection .sectionContent>a{margin:2.5rem}html .section#titleBanner .sectionContent #buttonContainer{display:none}html .section#titleBanner .sectionContent #buttonContainerMobile{display:flex}html #infoStart{font-size:0}html #index header{transition:background-color .3s ease-in-out;background:transparent}html #index header #menuToggle #nav{transition:transform .2s cubic-bezier(.77, .2, .05, 1),background-color .3s ease-in-out;background:transparent}html #index header #menuToggle input:checked~#nav{background:#111111}html #index header.fixed{background:#111111}}@media (orientation:portrait) and (max-width:800px) and (orientation:portrait) and (min-height:1080px){html .section#titleBanner{min-height:unset}}@media (orientation:portrait) and (min-height:1080px){html.mobile .section#titleBanner{min-height:unset}}html.mobile .section#titleBanner .sectionContent{flex-direction:column}html.mobile .section#titleBanner .sectionContent #titleContent{flex-direction:row;min-height:unset;min-width:unset;padding-top:2.5rem;padding-bottom:2.5rem}html.mobile .section#titleBanner .sectionContent #titleContent #titleContainer{display:flex}html.mobile .section#titleBanner .sectionContent #buttonContainer{margin-left:2.5rem;justify-content:center}html.mobile .section#titleBanner .sectionContent #headerImageContainer{margin-left:0;margin-top:5rem}html.mobile .section.infoSection .brief{width:100%}html.mobile .section.infoSection img{width:100%;margin:0}html.mobile .section.infoSection:nth-child(even) .sectionContent{flex-wrap:wrap-reverse}html.mobile .section.infoSection:nth-child(odd) .sectionContent{flex-wrap:wrap}html.mobile .section.infoSection#logoSection .sectionContent{flex-wrap:wrap}html.mobile .section.infoSection#logoSection img{width:30%}html.mobile .section.infoSection #platformLogos{width:100%;margin:auto;max-width:25rem}html.mobile .section.infoSection.downloadSection .sectionContent{flex-wrap:wrap}html.mobile .section.infoSection.downloadSection .sectionContent>a{margin:2.5rem}html.mobile .section#titleBanner .sectionContent #buttonContainer{display:none}html.mobile .section#titleBanner .sectionContent #buttonContainerMobile{display:flex}html.mobile #infoStart{font-size:0}html.mobile #index header{transition:background-color .3s ease-in-out;background:transparent}html.mobile #index header #menuToggle #nav{transition:transform .2s cubic-bezier(.77, .2, .05, 1),background-color .3s ease-in-out;background:transparent}html.mobile #index header #menuToggle input:checked~#nav{background:#111111}html.mobile #index header.fixed{background:#111111}@media (-moz-min-device-pixel-ratio:2),(-o-min-device-pixel-ratio:2/1),(-webkit-min-device-pixel-ratio:2),(min-device-pixel-ratio:2){html.mobile .section#titleBanner h1{font-size:2rem}html.mobile .section#titleBanner h2{font-size:1rem}}