:root{
  --jungle:#0B5C43; --jungle-deep:#063A2B; --jungle-ink:#04261C;
  --milk:#EAF8EF; --white:#FFFFFF; --milk-2:#D6EFE0;
  --ink:#0F2A20; --ink-2:#3D5A4E; --mute:#6E8B7E;
  --gold:#FFC83D; --gold-deep:#C8931A; --gold-ink:#3A2A00;
  --mint:#4DE8A0; --mint-deep:#18A86A;
  --coral:#FF5E7E; --sky:#4FC3FF; --grape:#8C5BFF;
  --on-dark:#F2FBF5; --on-dark-2:#B7D9C8;
  --display:"Baloo 2","Trebuchet MS","Segoe UI",sans-serif;
  --body:"Nunito","Segoe UI",system-ui,sans-serif;
  --w:1140px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--milk);color:var(--ink);font:400 17px/1.6 var(--body);-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:inherit}
h1,h2,h3{font-family:var(--display);line-height:1.05;letter-spacing:-.01em;margin:0;text-wrap:balance;font-weight:800}
p{margin:0}
.wrap{max-width:var(--w);margin:0 auto;padding:0 24px}
:focus-visible{outline:3px solid var(--grape);outline-offset:3px;border-radius:8px}

.btn{display:inline-flex;align-items:center;gap:10px;padding:16px 26px;border-radius:999px;font:800 17px/1 var(--display);text-decoration:none;border:0;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease;letter-spacing:.01em}
.btn svg{width:24px;height:24px;flex:none}
.btn-gold{background:var(--gold);color:var(--gold-ink);box-shadow:0 6px 0 var(--gold-deep)}
.btn-gold:hover{transform:translateY(-2px);box-shadow:0 8px 0 var(--gold-deep)}
.btn-gold:active{transform:translateY(4px);box-shadow:0 2px 0 var(--gold-deep)}
.cta-row{display:flex;flex-wrap:wrap;gap:14px;margin-top:30px;align-items:center;justify-content:center}

.nav{position:sticky;top:0;z-index:20;background:rgba(6,58,43,.9);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:var(--on-dark)}
.nav .wrap{display:flex;align-items:center;justify-content:space-between;height:72px;gap:20px}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font:800 24px/1 var(--display)}
.mark{width:38px;height:38px;border-radius:12px;background:var(--gold);box-shadow:0 3px 0 var(--gold-deep);display:grid;place-items:center;color:var(--gold-ink);font:800 22px/1 var(--display);transform:rotate(-6deg)}
.nav-links{display:flex;gap:26px;font-weight:800;font-size:15px}
.nav-links a{text-decoration:none;color:var(--on-dark-2)}
.nav-links a:hover,.nav-links a[aria-current]{color:var(--on-dark)}
@media (max-width:720px){.nav-links{display:none}}

.hero{background:radial-gradient(120% 80% at 80% 0%,#128A63 0%,var(--jungle) 45%,var(--jungle-deep) 100%);color:var(--on-dark);position:relative;overflow:hidden}
.hero .dots{position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.09) 1.5px,transparent 1.6px);background-size:26px 26px;pointer-events:none;mask-image:linear-gradient(to bottom,rgba(0,0,0,.9),transparent 80%);-webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,.9),transparent 80%)}
.hero .wrap{padding-top:88px;padding-bottom:110px;position:relative;text-align:center}
.hero h1{font-size:clamp(42px,6.2vw,84px);margin:0 auto 20px;line-height:.99;max-width:14em}
.pop{display:inline-block;color:var(--gold);transform:rotate(-2deg);text-shadow:0 5px 0 rgba(0,0,0,.25)}
.hero .lede{font-size:clamp(18px,1.6vw,21px);color:var(--on-dark-2);max-width:34em;margin:0 auto;line-height:1.55}
.hero .tag{margin-top:18px;font:800 22px/1.2 var(--display);color:var(--gold)}
.hero.small .wrap{padding-top:64px;padding-bottom:72px}
.hero.small h1{font-size:clamp(36px,5vw,64px)}
@media (max-width:900px){.hero .wrap{padding-top:56px;padding-bottom:84px}}

.stats{padding:44px 0 8px}
.stats h2{font-size:clamp(24px,2.6vw,32px);text-align:center;margin-bottom:22px}
.stats ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.stats li{background:var(--white);border-radius:24px;padding:22px 18px;text-align:center;font:800 20px/1.2 var(--display);box-shadow:0 6px 0 var(--milk-2)}
.stats li:nth-child(1){color:var(--jungle)}.stats li:nth-child(2){color:#C23A57}.stats li:nth-child(3){color:#1D6F9C}.stats li:nth-child(4){color:var(--gold-deep)}
@media (max-width:820px){.stats ul{grid-template-columns:repeat(2,1fr)}}

.sec{padding:72px 0}
.sec h2{font-size:clamp(30px,4vw,52px);margin-bottom:18px}
.sec .lead{color:var(--ink-2);font-size:18px;font-weight:700;max-width:44em}
.sec p+p{margin-top:14px}
.narrow{max-width:820px}
.white{background:var(--white)}
.dark{background:var(--jungle-deep);color:var(--on-dark)}
.dark .lead,.dark p{color:var(--on-dark-2)}
.dark strong{color:#fff}
@media (max-width:760px){.sec{padding:52px 0}}

.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:8px}
.step{background:rgba(255,255,255,.07);border:2px solid rgba(255,255,255,.12);border-radius:26px;padding:24px 22px}
.step h3{font-size:22px;color:#fff;margin-bottom:8px}
.step p{font-size:15.5px;font-weight:700}
@media (max-width:980px){.steps{grid-template-columns:repeat(2,1fr)}}
@media (max-width:600px){.steps{grid-template-columns:1fr}}

.closer{text-align:center;padding:64px 0}
.closer p{font:800 clamp(24px,3vw,36px)/1.2 var(--display)}
.closer p+p{margin-top:6px;color:var(--jungle)}

.strong-line{margin-top:22px;font:800 22px/1.3 var(--display);color:var(--jungle)}

table{width:100%;border-collapse:separate;border-spacing:0;background:var(--white);border-radius:22px;overflow:hidden;box-shadow:0 6px 0 var(--milk-2);margin:22px 0;font-size:16px}
th,td{text-align:left;padding:14px 18px;vertical-align:top;border-bottom:1px solid var(--milk-2)}
th{background:var(--jungle);color:var(--on-dark);font:800 16px/1.3 var(--display)}
tr:last-child td{border-bottom:0}
td a{font-weight:800;color:var(--jungle)}
.white table{background:var(--milk)}
@media (max-width:640px){table{font-size:14.5px}th,td{padding:10px 12px}}

.faq{display:flex;flex-direction:column;gap:12px}
.faq .q{background:var(--white);border-radius:22px;padding:20px 24px;box-shadow:0 5px 0 var(--milk-2)}
.faq h2{font:800 20px/1.3 var(--display);margin:0 0 6px}
.faq p{color:var(--ink-2);font-weight:700}
.faq a,.doc a{color:var(--jungle);font-weight:800}

.doc{max-width:820px}
.doc .updated{color:var(--mute);font-weight:800;margin-bottom:18px}
.doc .short{background:var(--white);border-radius:22px;padding:22px 24px;box-shadow:0 5px 0 var(--milk-2);margin-bottom:12px}
.doc h2{font-size:clamp(22px,2.4vw,28px);margin:34px 0 10px}
.doc p,.doc li{color:var(--ink-2)}
.doc p+p{margin-top:10px}
.doc ul{padding-left:22px;margin:10px 0}
.doc li+li{margin-top:6px}

.final{background:radial-gradient(120% 90% at 50% 100%,#128A63 0%,var(--jungle) 50%,var(--jungle-deep) 100%);color:var(--on-dark);text-align:center}
.final .wrap{padding:80px 24px}
.final h2{font-size:clamp(36px,5vw,64px)}
.final p{margin:14px auto 0;color:var(--on-dark-2);max-width:30em;font-size:18px;font-weight:700}

footer{background:var(--jungle-ink);color:var(--on-dark-2);font-size:14px;font-weight:700}
footer .wrap{padding:30px 24px}
footer nav{display:flex;flex-wrap:wrap;gap:10px 22px;margin-bottom:14px}
footer nav a{text-decoration:none;color:var(--on-dark)}
footer nav a:hover{color:var(--gold)}
footer small{display:block;font-weight:400;opacity:.85;line-height:1.6}

/* Our games grid */
.games-title{text-align:center}
#games .lead{margin:0 auto;text-align:center}
.game-grid{list-style:none;margin:30px auto 0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:18px;max-width:1060px}
.game-grid li{flex:0 1 132px;min-width:0}
.game-tile{display:flex;flex-direction:column;align-items:center;gap:12px;height:100%;padding:20px 12px 18px;background:var(--white);border-radius:24px;box-shadow:0 6px 0 var(--milk-2);text-decoration:none;text-align:center;transition:transform .15s ease}
.game-tile:hover{transform:translateY(-3px)}
.game-tile img{display:block;width:96px;height:96px;border-radius:22px;box-shadow:0 4px 0 var(--milk-2)}
.game-tile span{font:800 16px/1.2 var(--display);color:var(--ink)}
.games-note{margin-top:22px;text-align:center;font-weight:800;font-size:15px}
.games-note a{color:var(--jungle)}
@media (max-width:480px){.game-grid{gap:14px}.game-grid li{flex-basis:calc(50% - 7px)}.game-tile img{width:84px;height:84px;border-radius:20px}}
@media (prefers-reduced-motion:reduce){.game-tile{transition:none}.game-tile:hover{transform:none}}