html,
body{
  background:#111b2d!important;
}

body{
  color:#fff!important;
  background:linear-gradient(180deg,#111b2d 0%,#1b2038 34%,#292541 68%,#4b2845 100%) fixed!important;
}

main#top,
main#top > section,
.hero,
.game-gallery,
.world-visual-section,
.intro-section,
.dark-section,
.community-section,
.trust-section,
.final-cta,
.site-footer{
  background:transparent!important;
  border-top:0!important;
  border-bottom:0!important;
}

.site-header{
  background:rgba(12,21,38,.78)!important;
  border-bottom:0!important;
}

.hero h1,
.two-column h2,
.community-section h2,
.trust-section h2,
.final-cta h2{
  color:#fff!important;
}

.hero h1 em,
.two-column h2 span,
.community-section h2 span,
.trust-section h2 span{
  color:#8dd9ff!important;
}

.hero-lede,
.section-copy,
.community-lede,
.final-cta p,
.muted-copy,
.trust-points span{
  color:#c4d0df!important;
}

.feature-card,
.feature-card-accent,
.play-panel,
.play-panel.panel-large{
  background:rgba(10,20,38,.56)!important;
}

.intro-section .feature-card:nth-child(1){
  background:linear-gradient(145deg,rgba(14,47,74,.96),rgba(20,42,67,.84))!important;
  border-top-color:#8dd9ff!important;
  box-shadow:0 18px 42px rgba(0,0,0,.24)!important;
}

.intro-section .feature-card:nth-child(2){
  background:linear-gradient(145deg,rgba(31,35,83,.96),rgba(68,42,91,.84))!important;
  border-top-color:#bca7ff!important;
  box-shadow:0 18px 42px rgba(0,0,0,.24)!important;
}

.intro-section .feature-card:nth-child(3){
  background:linear-gradient(145deg,rgba(51,31,72,.96),rgba(95,39,72,.84))!important;
  border-top-color:#f2a9d2!important;
  box-shadow:0 18px 42px rgba(0,0,0,.24)!important;
}

.intro-section .feature-card{
  position:relative;
  min-height:250px;
  border-color:transparent!important;
  border-radius:5px 16px 5px 16px!important;
  clip-path:polygon(0 12px,12px 0,calc(100% - 12px) 0,100% 12px,100% calc(100% - 12px),calc(100% - 12px) 100%,12px 100%,0 calc(100% - 12px));
}

.intro-section .feature-card:before{
  content:'';
  position:absolute;
  inset:0;
  z-index:0;
  background-position:center;
  background-size:cover;
  opacity:.58;
  filter:brightness(1.24) saturate(1.18) contrast(1.08);
  transition:transform .6s ease,opacity .6s ease;
}

.intro-section .feature-card:nth-child(1):before{
  background-image:linear-gradient(135deg,rgba(10,28,48,.1),rgba(10,28,48,.42)),url('assets/frames-research/research-05.jpg');
}

.intro-section .feature-card:nth-child(2):before{
  background-image:linear-gradient(135deg,rgba(30,31,74,.16),rgba(30,31,74,.48)),url('assets/frames-research/research-06.jpg');
}

.intro-section .feature-card:nth-child(3):before{
  background-image:linear-gradient(135deg,rgba(66,28,65,.16),rgba(66,28,65,.48)),url('assets/frames-research/research-08.jpg');
}

.intro-section .feature-card:hover:before{
  opacity:.46;
  transform:scale(1.06);
}

.intro-section .feature-card:after{
  content:'';
  position:absolute;
  inset:14px -2px;
  border-left:2px solid rgba(255,255,255,.28);
  border-right:2px solid rgba(255,255,255,.28);
  border-radius:3px 12px 3px 12px;
  opacity:.72;
  filter:blur(3px);
  pointer-events:none;
}

.intro-section .feature-card:nth-child(1):after{
  border-color:rgba(141,217,255,.62);
}

.intro-section .feature-card:nth-child(2):after{
  border-color:rgba(188,167,255,.58);
}

.intro-section .feature-card:nth-child(3):after{
  border-color:rgba(242,169,210,.58);
}

.intro-section .feature-card h3{
  position:relative;
  z-index:1;
  color:#fff!important;
  text-shadow:0 2px 12px rgba(0,0,0,.45)!important;
}

.intro-section .feature-card p{
  position:relative;
  z-index:1;
  color:rgba(255,255,255,.94)!important;
  text-shadow:0 1px 8px rgba(0,0,0,.38);
}

.trust-points,
.community-list,
.list-row{
  border-color:rgba(255,255,255,.16)!important;
}

.trust-points b,
.list-row b,
.play-panel h3,
.feature-card h3{
  color:#fff!important;
}

.site-footer{
  position:relative;
  color:#8dd9ff!important;
  font-family:Bahnschrift,'Segoe UI',Arial,sans-serif;
  font-size:12px;
  font-weight:800;
  letter-spacing:.12em;
  text-transform:uppercase;
  border-top:0!important;
}

.site-footer span:last-child{
  color:rgba(141,217,255,.68)!important;
}

.site-footer .footer-brand{
  display:contents;
}

.site-footer .footer-brand small{
  color:rgba(141,217,255,.68);
  font-size:10px;
  letter-spacing:.1em;
  margin-left:auto;
  align-self:center;
}

.site-footer .footer-links{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:18px;
  position:absolute;
  left:50%;
  transform:translateX(-50%);
}

.site-footer .footer-links a{
  position:relative;
  padding:6px 0;
  color:#c4d0df;
  font-family:Arial Black,Bahnschrift,'Segoe UI Black',sans-serif;
  font-size:12px;
  font-weight:900;
  letter-spacing:.07em;
  text-transform:uppercase;
  transition:color .2s ease;
}

.site-footer .footer-links a:after{
  content:'';
  position:absolute;
  left:0;
  right:100%;
  bottom:1px;
  height:2px;
  background:#8dd9ff;
  transition:right .25s ease;
}

.site-footer .footer-links a:hover:after,
.site-footer .footer-links a:focus-visible:after{right:0}
.site-footer .footer-links a:hover{color:#8dd9ff}

@media(max-width:820px){
  .site-footer{align-items:flex-start;gap:18px;flex-direction:column}
  .site-footer .footer-brand{display:flex;width:100%;flex-direction:row;justify-content:space-between;gap:12px}
  .site-footer .footer-brand small{margin-left:0}
  .site-footer .footer-links{position:static;transform:none;justify-content:flex-start}
  .site-footer .footer-links{justify-content:flex-start;gap:12px}
}

.dark-section{
  padding-top:88px!important;
}

.dark-section > .section-shell > .section-kicker{
  display:none!important;
}

.community-section{
  padding-top:88px!important;
}

.community-section > .section-kicker{
  display:none!important;
}

.intro-section > .section-kicker{
  display:none!important;
}

.trust-section .section-kicker{
  display:none!important;
}

.trust-section{
  padding-bottom:72px!important;
}

.final-cta{
  padding-top:32px!important;
}

.final-cta h2{
  margin-top:0!important;
  transform:translateY(-16px);
}

.final-cta .cta-ornament,
.final-cta .section-kicker{
  display:none!important;
}

.final-cta p{
  color:#c4d0df!important;
  font-family:Bahnschrift,'Segoe UI',Arial,sans-serif;
  font-size:18px;
  font-weight:600;
  letter-spacing:.02em;
  line-height:1.6;
}

.final-cta .cta-note{
  display:none!important;
}

.final-cta > p{
  display:none!important;
}

.game-gallery:before,
.world-visual-section:before,
.intro-section:before,
.intro-section:after{
  display:none!important;
}