.create-hero{padding:clamp(48px,7vw,96px) 0}
.create-hero h1{font-size:clamp(2.4rem,5.4vw,4.2rem);font-weight:900;font-stretch:118%;color:#fff;line-height:1;margin-bottom:.35em}
.create-hero .lede{font-size:1.25rem;max-width:60ch;margin-bottom:26px}
.kicker{font-weight:700;color:#DCE7FF;margin:0 0 10px}
.btn.big{padding:16px 24px;font-size:1.0625rem}
.steps{list-style:none;counter-reset:s;margin:30px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}
.steps li{counter-increment:s;position:relative;padding-top:64px}
.steps li::before{content:counter(s);position:absolute;top:0;left:0;display:grid;place-items:center;width:48px;height:48px;background:var(--blue);color:#fff;border-radius:12px;box-shadow:inset 0 -4px 0 var(--blue-edge);font:800 1.5rem/1 var(--display)}
@media (max-width:760px){.steps{grid-template-columns:1fr}}
.games-band{background:var(--paper-2)}
.create-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.3fr);gap:40px;align-items:start}
@media (max-width:900px){.create-grid{grid-template-columns:1fr}}
.create-grid .muted a{color:var(--blue-deep)}