body:has(.mainWrapper) nav{border-bottom:none}section{flex-direction:column;align-items:flex-start;min-height:200px;padding:50px;display:flex}@media (max-width:820px){section{padding:30px 20px}}section h3{color:#fff;margin-bottom:0;font-size:32px;font-style:normal;font-weight:900;line-height:normal}@media (max-width:820px){section h3{font-size:26px}}section .sectionDescription{color:#fff;opacity:.7;margin-top:0;font-family:Replica;font-size:20px;font-style:normal;font-weight:500;line-height:normal}@media (max-width:820px){section .sectionDescription{font-size:18px}}.mainWrapper{flex-direction:column;justify-content:center;display:flex}.mainWrapper .heroSection{fill:linear-gradient(180deg,#613272 90%,#343566 100%);flex-direction:column;align-items:center;padding:0;display:flex}.mainWrapper .heroSection .heroRight{max-width:1092px;margin:auto}.mainWrapper .heroSection .titleWrapper{background-image:url(/hero_bg_district_2.jpeg);background-position:50%;background-repeat:no-repeat;background-size:cover;flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:600px;display:flex}@media screen and (max-width:820px){.mainWrapper .heroSection .titleWrapper{justify-content:center;min-height:400px}}@media screen and (max-width:441px){.mainWrapper .heroSection .titleWrapper{justify-content:flex-start;min-height:400px;padding-top:40px}}@media screen and (orientation:landscape) and (max-height:500px){.mainWrapper .heroSection .titleWrapper{justify-content:center;align-items:center;min-height:100vh;margin-top:-20px;padding-bottom:40px}}.mainWrapper .heroSection .titleWrapper .title{color:#fff;text-align:center;max-width:915px;font-size:40px;font-style:normal;font-weight:900;line-height:130%}@media screen and (max-width:1092px){.mainWrapper .heroSection .titleWrapper .title{padding:0 30px;font-size:28px}}@media screen and (orientation:landscape) and (max-height:500px){.mainWrapper .heroSection .titleWrapper .title{margin-top:-40px;padding:0 60px}}.mainWrapper .heroSection .heroCta{float:right;flex-direction:column;gap:16px;margin-top:32px;margin-right:32px;display:flex}.mainWrapper .heroSection .heroCta .also{color:#fff;font-size:20px;font-style:normal;font-weight:500;line-height:normal}.mainWrapper .heroSection .heroCta .cta{text-align:left;letter-spacing:.12px;font-size:24px;font-style:normal;font-weight:700;line-height:normal}.mainWrapper .heroSection .heroCta .cta a{color:#f8ae80}.mainWrapper .heroSection .heroCta .cta .you{color:#fff;font-size:24px;font-style:normal}.mainWrapper .heroAboutScreenshotWrapper{background-color:#100921}.mainWrapper .heroAboutScreenshotWrapper .heroAboutScreenshot{justify-content:center;display:flex;position:relative}.mainWrapper .heroAboutScreenshotWrapper .heroAboutScreenshot:before{content:"";z-index:0;pointer-events:none;background:radial-gradient(#613272cc 0%,#6132724d 0%,#6132721a 60%,#0000 70%);width:100%;height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media screen and (max-width:820px){.mainWrapper .heroAboutScreenshotWrapper .heroAboutScreenshot:before{background:radial-gradient(#613272cc 0%,#6132724d 50%,#61327233 60%,#6132721a 70%,#0000 90%);width:100%;height:100%}}.mainWrapper .heroAboutScreenshotWrapper .heroAboutScreenshotImage{z-index:1;max-width:100%;height:auto;margin-top:-120px;position:relative}.mainWrapper .heroAboutContent{flex-direction:column;justify-content:center;align-items:center;display:flex}@media screen and (max-width:1092px){.mainWrapper .heroAboutContent{padding:0 30px}}.mainWrapper .heroAboutTitle{text-align:center;max-width:915px;margin-top:20px;margin-bottom:0}@media screen and (max-width:820px){.mainWrapper .heroAboutTitle{font-size:21px}}.mainWrapper .heroAboutDescription{text-align:center;opacity:.7;max-width:915px;margin-top:20px;margin-bottom:0;font-size:20px}@media screen and (max-width:441px){.mainWrapper .heroAboutDescription{font-size:16px}}.mainWrapper .platformSection{flex-direction:column;display:flex}@media screen and (max-width:820px){.mainWrapper .platformSection{padding-left:20px;padding-right:20px}}@media screen and (max-width:441px){.mainWrapper .platformSection{padding-left:0;padding-right:0;overflow:hidden}}.mainWrapper .platformSection h4{text-align:center;width:100%}.mainWrapper .platformSection .platformGrid{flex-wrap:wrap;justify-content:center;display:flex}@media screen and (max-width:441px){.mainWrapper .platformSection .platformGrid{-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;flex-wrap:nowrap;justify-content:flex-start;width:100%;padding-bottom:16px;padding-right:16px;scroll-padding-left:30px;overflow-x:auto;padding-left:30px!important}}.mainWrapper .platformSection .platformGrid .platformCard{text-align:center;background:#ffffff0d;border-radius:8px;flex-direction:column;flex-basis:calc(25% - 24px);align-items:center;margin:8px;padding:4px;display:flex}@media screen and (max-width:1092px){.mainWrapper .platformSection .platformGrid .platformCard{flex-basis:calc(25% - 24px)}}@media screen and (max-width:820px){.mainWrapper .platformSection .platformGrid .platformCard{flex-basis:calc(50% - 32px);margin:12px}}@media screen and (max-width:441px){.mainWrapper .platformSection .platformGrid .platformCard{scroll-snap-align:start;flex:0 0 240px;margin:4px}.mainWrapper .platformSection .platformGrid .platformCard:last-child{margin-right:30px}}.mainWrapper .platformSection .platformGrid .platformCard .platformCardIcon{background-color:#100921;width:100%}.mainWrapper .platformSection .platformGrid .platformCard .platformCardBody{padding:0 30px}.mainWrapper .platformSection .platformGrid .platformCard .platformCardTitle{text-transform:uppercase;opacity:.6;letter-spacing:2px;text-align:left;width:100%;height:32px;font-size:16px;font-weight:500;line-height:1.1;display:flex}@media screen and (max-width:820px){.mainWrapper .platformSection .platformGrid .platformCard .platformCardTitle{width:100%;font-size:16px}}@media screen and (max-width:441px){.mainWrapper .platformSection .platformGrid .platformCard .platformCardTitle{width:180px;font-size:16px}}.mainWrapper .platformSection .platformGrid .platformCard .platformCardDescription{opacity:.7;text-align:left}.mainWrapper .arenaImage{max-width:100%;overflow:hidden}.mainWrapper .arenaImage img{object-fit:cover;object-position:50% 80%;width:100%;max-width:100%;height:auto;max-height:700px}@media (max-width:1092px){.mainWrapper .arenaImage img{max-height:500px}}@media (max-width:441px){.mainWrapper .arenaImage img{object-position:80%;height:400px}}.mainWrapper .platformAboutSection{align-items:center;position:relative}@media (max-width:820px){.mainWrapper .platformAboutSection{padding:20px}}@media (max-width:441px){.mainWrapper .platformAboutSection{padding-left:0;padding-right:0;overflow:hidden}.mainWrapper .platformAboutSection:before{content:"";z-index:0;pointer-events:none;background:radial-gradient(#613272cc 0%,#61327233 50%,#0000 80%);width:100%;height:60%;position:absolute;top:50%;left:50%;transform:translate(-50%,-30%)}}.mainWrapper .platformAboutSection h3{text-align:center;z-index:1;margin-bottom:10px;position:relative}@media (max-width:1092px){.mainWrapper .platformAboutSection h3{font-size:21px}}@media (max-width:820px){.mainWrapper .platformAboutSection h3{padding:0 16px}}.mainWrapper .platformAboutSection .platformInfographic{justify-content:center;align-items:center;width:100%;display:flex;position:relative}.mainWrapper .platformAboutSection .platformInfographic:before{content:"";z-index:0;pointer-events:none;background:radial-gradient(#613272cc 0%,#61327233 40%,#0000 80%);width:80%;height:60%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.mainWrapper .platformAboutSection .platformInfographic img{z-index:1;max-width:100%;height:auto;position:relative}@media (max-width:441px){.mainWrapper .platformAboutSection .platformInfographic{-webkit-overflow-scrolling:touch;z-index:1;justify-content:flex-start;padding:0 16px 16px;overflow-x:auto}.mainWrapper .platformAboutSection .platformInfographic:before{display:none}.mainWrapper .platformAboutSection .platformInfographic img{flex-shrink:0;max-width:none}}.mainWrapper .aboutSection{background-color:#100921}@media (max-width:1092px){.mainWrapper .aboutSection{padding:30px 30px 50px}.mainWrapper .aboutSection h3{font-size:21px}}.mainWrapper .aboutSection .aboutContent{flex-direction:row;align-items:flex-start;gap:40px;display:flex}@media (max-width:820px){.mainWrapper .aboutSection .aboutContent{flex-direction:column;align-items:center;gap:24px}}.mainWrapper .aboutSection .aboutContent .aboutDescription{flex:1}@media (max-width:820px){.mainWrapper .aboutSection .aboutContent .aboutDescription{flex:none;width:100%}}.mainWrapper .aboutSection .aboutContent .aboutDescription p{color:#fff;opacity:.7;font-family:Replica;font-size:20px;font-style:normal;font-weight:500;line-height:150%}.mainWrapper .aboutSection .aboutContent .aboutLogoBlock{flex-shrink:0}.mainWrapper .aboutSection .aboutContent .aboutLogoBlock img{max-width:100%;height:auto}@media (max-width:820px){.mainWrapper .aboutSection .aboutContent .aboutLogoBlock img{object-fit:cover;width:100%}.mainWrapper .aboutSection .aboutContent .aboutLogoBlock{text-align:center;width:100%;height:auto}}@media screen and (min-width:2560px){section{padding:70px}section h3{font-size:42px}section .sectionDescription{font-size:24px}.mainWrapper .heroSection .titleWrapper{min-height:700px}.mainWrapper .heroSection .titleWrapper .title{max-width:1100px;font-size:52px}.mainWrapper .heroAboutTitle{max-width:1100px;font-size:38px}.mainWrapper .heroAboutDescription{max-width:1100px;font-size:22px}.mainWrapper .platformSection .platformGrid .platformCard{flex-basis:calc(25% - 24px)}.mainWrapper .platformSection .platformGrid .platformCard .platformCardTitle{width:200px;font-size:18px}.mainWrapper .platformSection .platformGrid .platformCard .platformCardDescription{font-size:16px}.mainWrapper .aboutSection .aboutContent{gap:60px}.mainWrapper .aboutSection .aboutContent .aboutDescription p{font-size:18px}}