.oe-page{}

.oe-hero-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:var(--space-5);align-items:center}
.oe-hero-text{grid-column:span 6;max-width:60ch}
.oe-hero-text{display:flex;flex-direction:column;gap:var(--space-3)}
.oe-hero-actions{display:flex;gap:var(--space-3);flex-wrap:wrap}
.oe-hero-widgets{grid-column:span 6;display:grid;gap:var(--space-3)}
.oe-widget{display:flex;flex-direction:column;gap:var(--space-2)}

.oe-services > .oe-service{grid-column:span 4;display:flex;flex-direction:column;gap:var(--space-2)}

.oe-image{border-radius:var(--radius-md);margin-bottom:var(--space-4)}

.oe-types > .oe-type{grid-column:span 4;display:flex;flex-direction:column;gap:var(--space-2)}

.oe-timeline-wrap{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4);max-width:800px;margin-inline:auto}
.oe-step{display:flex;flex-direction:column;gap:var(--space-2);text-align:center}

.oe-games > .oe-game{grid-column:span 4;display:flex;flex-direction:column;gap:var(--space-2)}

.oe-flex-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-5);max-width:800px;margin-inline:auto}
.oe-flex-grid > div{display:flex;flex-direction:column;gap:var(--space-2)}

.oe-values > div{grid-column:span 4;display:flex;flex-direction:column;gap:var(--space-2)}

.oe-stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4);max-width:600px;margin-inline:auto}
.oe-stat{display:flex;flex-direction:column;gap:var(--space-2);text-align:center}

.oe-cta{display:flex;flex-direction:column;gap:var(--space-4);text-align:center;max-width:600px;margin-inline:auto}

@media(max-width:767px){
.oe-hero-grid{grid-template-columns:repeat(4,1fr)}
.oe-hero-text{grid-column:span 4;max-width:100%;text-align:center}
.oe-hero-widgets{grid-column:span 4}

.oe-services > .oe-service,
.oe-types > .oe-type,
.oe-games > .oe-game,
.oe-values > div{grid-column:span 4}

.oe-timeline-wrap{grid-template-columns:1fr}
.oe-flex-grid{grid-template-columns:1fr}
.oe-stats-grid{grid-template-columns:1fr}
}