.group-section-page{min-height:100vh;color:var(--c-ink)}
.group-hero{padding:var(--sp-6) var(--page-pad) var(--sp-8);text-align:center;display:grid;justify-items:center;gap:var(--sp-3)}
.group-hero__icon{width:94px;height:94px;display:grid;place-items:center;border-radius:30px;background:linear-gradient(145deg,#e3f7ff,#fff4cc);font-size:3rem;box-shadow:var(--sh-pop);transform:rotate(-3deg)}
.group-hero h1{margin:0;color:var(--c-navy-deep);font-size:clamp(2.2rem,8vw,4.5rem);line-height:1.1}
.group-hero>p:not(.section-kicker){max-width:720px;margin:0;color:var(--c-ink-soft);font-size:clamp(1rem,2.5vw,1.25rem);font-weight:var(--f-w-bold);line-height:1.9}
.group-benefits{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin:var(--sp-2) 0 0;padding:0;list-style:none}
.group-benefits li{padding:8px 14px;background:#fff;border:1px solid var(--c-line);border-radius:var(--r-pill);font-weight:var(--f-w-bold);box-shadow:var(--sh-card)}
.group-library{padding-bottom:var(--sp-10)}
.group-heading{text-align:center;margin-bottom:var(--sp-5)}
.group-heading h2,.group-how h2{margin:var(--sp-1) 0;color:var(--c-navy-deep);font-size:clamp(1.7rem,5vw,2.5rem)}
.group-game-card{display:grid;grid-template-columns:1fr;width:min(100%,900px);margin:auto;overflow:hidden;border:3px solid rgba(255,255,255,.9);border-radius:var(--r-xl);background:#fff;box-shadow:var(--sh-pop);color:var(--c-navy-deep);text-decoration:none;transition:transform var(--t-fast),box-shadow var(--t-fast)}
.group-game-card:hover,.group-game-card:focus-visible{transform:translateY(-6px);box-shadow:0 25px 55px rgba(14,42,71,.24);outline:4px solid var(--c-gold);outline-offset:4px}
.group-game-card__visual{min-height:240px;display:block;overflow:hidden;background:#dff7ff}
.group-game-card__visual img{width:100%;height:100%;min-height:240px;display:block;object-fit:cover;object-position:center}
.group-game-card__copy{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:9px;padding:var(--sp-6)}
.group-game-card__copy small{color:var(--c-coral);font-weight:var(--f-w-black)}
.group-game-card__copy strong{font-size:clamp(1.6rem,5vw,2.7rem);line-height:1.3}
.group-game-card__copy>span:not(.group-game-card__cta){color:var(--c-ink-soft);font-weight:var(--f-w-bold);line-height:1.8}
.group-game-card__cta{display:inline-flex;margin-top:var(--sp-2);padding:10px 20px;background:var(--c-navy-deep);color:#fff;border-radius:var(--r-pill);font-weight:var(--f-w-black)}
.group-how{padding-bottom:var(--sp-12);text-align:center}
.group-how ol{display:grid;grid-template-columns:1fr;gap:var(--sp-3);padding:0;list-style:none;counter-reset:steps}
.group-how li{counter-increment:steps;display:grid;grid-template-columns:44px 1fr;gap:4px 12px;text-align:start;background:rgba(255,255,255,.9);border:1px solid #fff;border-radius:var(--r-lg);padding:var(--sp-4);box-shadow:var(--sh-card)}
.group-how li::before{content:counter(steps);grid-row:1/3;width:42px;height:42px;display:grid;place-items:center;background:var(--c-gold);border-radius:50%;font-weight:var(--f-w-black);color:var(--c-navy-deep)}
.group-how li strong{color:var(--c-navy-deep);font-size:1.05rem}.group-how li span{color:var(--c-ink-soft);line-height:1.6}
@media (min-width:720px){.group-game-card{grid-template-columns:.9fr 1.1fr}.group-how ol{grid-template-columns:repeat(3,1fr)}}
@media (prefers-reduced-motion:reduce){.group-hero__icon,.group-game-card{transition:none;transform:none}.group-game-card:hover,.group-game-card:focus-visible{transform:none}}