:root{--navy:#062e8a;--blue:#126bd6;--orange:#ff542f;--yellow:#ffbd2e;--mint:#2fdc9b;--ink:#11213d;--muted:#53637a;--paper:#fffdf8;--soft:#eef8ff;--line:#cfdaea;--shadow:0 16px 45px rgba(17,33,61,.14)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Nunito,"Avenir Next",Avenir,system-ui,-apple-system,sans-serif;line-height:1.55}img{max-width:100%}a{color:inherit}.skip-link{position:fixed;left:12px;top:-60px;z-index:100;background:#fff;color:var(--navy);padding:10px 14px;border:3px solid var(--navy);border-radius:10px;font-weight:900}.skip-link:focus{top:12px}.site-header{height:84px;max-width:1240px;margin:auto;padding:8px 30px;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{display:flex;width:190px;height:64px;align-items:center}.brand img{display:block;width:100%;height:100%;object-fit:contain}.site-header nav{display:flex;align-items:center;gap:28px;font-weight:900;color:#344560}.site-header nav a{text-decoration:none}.site-header nav a:hover{color:var(--navy)}.nav-play{background:var(--navy);color:#fff!important;border-radius:999px;padding:11px 18px;box-shadow:0 5px 0 #001d5e}.hero{min-height:620px;padding:55px max(30px,calc((100vw - 1180px)/2));display:grid;grid-template-columns:minmax(390px,.92fr) minmax(490px,1.08fr);align-items:center;gap:55px;background:radial-gradient(circle at 20% 15%,#fff 0 4%,transparent 4.3%),linear-gradient(135deg,#fff8d8,#eaf9ff 56%,#e8fff5);border-block:2px solid #e7eef7}.eyebrow{margin:0 0 8px;color:#df512d;font-size:.82rem;font-weight:1000;letter-spacing:.14em}.hero h1{max-width:720px;margin:0;font-size:clamp(3rem,5.5vw,5.3rem);line-height:.98;letter-spacing:-.055em;color:var(--navy)}.hero-text{max-width:650px;margin:24px 0 28px;font-size:1.18rem;color:#40516a}.hero-actions{display:flex;flex-wrap:wrap;gap:12px}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:50px;padding:12px 20px;border:3px solid var(--navy);border-radius:14px;text-decoration:none;font-weight:1000;box-shadow:0 5px 0 #001d5e;transition:.16s transform,.16s box-shadow}.button:hover{transform:translateY(-2px);box-shadow:0 7px 0 #001d5e}.button.primary{background:var(--navy);color:#fff}.button.secondary{background:#fff;color:var(--navy)}.hero-art{position:relative;height:475px;overflow:hidden;border:4px solid #fff;border-radius:38px;background:linear-gradient(#8edcff 0 58%,#ffe6a3 58% 65%,#8dd06a 65%);box-shadow:var(--shadow)}.hero-art:before,.hero-art:after{content:"";position:absolute;background:#fff;border-radius:999px;opacity:.8}.hero-art:before{width:140px;height:44px;left:13%;top:13%;box-shadow:54px 12px 0 -9px #fff}.hero-art:after{width:110px;height:34px;right:10%;top:22%;box-shadow:-44px 11px 0 -8px #fff}.sun{position:absolute;right:9%;top:7%;width:72px;height:72px;border-radius:50%;background:#ffcb2f;box-shadow:0 0 0 14px rgba(255,203,47,.25)}.maya{position:absolute;z-index:3;right:-4%;bottom:47px;width:45%;max-height:74%;object-fit:contain;filter:drop-shadow(0 8px 6px rgba(17,33,61,.2))}.train{position:absolute;z-index:4;left:1%;bottom:65px;width:69%;height:51%;object-fit:contain;filter:drop-shadow(0 9px 6px rgba(17,33,61,.25))}.track{position:absolute;z-index:2;left:0;right:0;bottom:78px;height:15px;border-block:5px solid #273958;background:repeating-linear-gradient(90deg,#80552b 0 7px,transparent 7px 27px)}.number-cards{position:absolute;z-index:5;left:5%;right:5%;bottom:12px;display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.number-cards span{display:grid;place-items:center;height:49px;background:#fff;border:3px solid var(--navy);border-radius:12px;color:var(--navy);font-size:1.42rem;font-weight:1000;box-shadow:0 4px 0 #a7b6ca}.section{max-width:1180px;margin:auto;padding:95px 30px}.section-heading{max-width:720px;margin:0 auto 44px;text-align:center}.section-heading.compact{margin-bottom:32px}.section-heading h2,.parent-section h2{margin:0;color:var(--navy);font-size:clamp(2.25rem,4vw,3.7rem);line-height:1.05;letter-spacing:-.04em}.section-heading>p:last-child{font-size:1.08rem;color:var(--muted)}.game-card{display:grid;grid-template-columns:1.08fr .92fr;min-height:450px;border:3px solid var(--navy);border-radius:30px;overflow:hidden;background:#fff;box-shadow:var(--shadow)}.game-preview{position:relative;display:grid;place-items:center;min-height:450px;padding:42px;background:linear-gradient(#c8efff 0 62%,#fff1bd 62% 70%,#bde18a 70%)}.game-preview img{position:relative;z-index:2;width:86%;filter:drop-shadow(0 10px 7px rgba(17,33,61,.22))}.available-pill{position:absolute;top:20px;left:20px;z-index:3;padding:7px 12px;background:#fff;border:2px solid var(--navy);border-radius:999px;color:var(--navy);font-size:.75rem;font-weight:1000;text-transform:uppercase}.preview-stations{position:absolute;left:6%;right:6%;bottom:22px;display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.preview-stations span{display:grid;place-items:center;aspect-ratio:1.25;background:#fff;border:2px solid #536783;border-radius:7px;color:var(--navy);font-weight:1000}.game-details{padding:50px 45px}.game-label{margin:0 0 3px;color:#df512d;font-size:.78rem;font-weight:1000;letter-spacing:.1em}.game-details h3{margin:0;color:var(--navy);font-size:2.7rem;line-height:1.05}.game-details>p:not(.game-label){color:var(--muted);font-size:1.05rem}.game-details ul{padding:0;list-style:none;margin:22px 0}.game-details li{position:relative;padding:7px 0 7px 31px;font-weight:800}.game-details li:before{content:"✓";position:absolute;left:0;top:6px;display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#d9f9e9;color:#087348}.how-section{padding-top:55px}.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.steps-grid article{position:relative;min-height:270px;padding:30px;border:3px solid var(--line);border-radius:24px;background:#fff;box-shadow:0 7px 0 #dbe4ef}.step-number{position:absolute;right:18px;top:16px;color:#d9e1eb;font-size:2.7rem;font-weight:1000}.step-icon{display:grid;place-items:center;width:70px;height:70px;margin-bottom:18px;border-radius:21px;font-size:2.1rem;font-weight:1000}.eye{background:#ddecff;color:#126bd6}.hand{background:#fff0c6;color:#c27700}.star{background:#dff8eb;color:#16805a}.steps-grid h3{margin:0;color:var(--navy);font-size:1.45rem}.steps-grid p{margin-bottom:0;color:var(--muted)}.parent-section{max-width:1180px;margin:0 auto 95px;padding:55px;display:grid;grid-template-columns:1.1fr .9fr;gap:50px;align-items:center;border-radius:32px;background:var(--navy);color:#fff;box-shadow:var(--shadow)}.parent-section h2{color:#fff;font-size:clamp(2rem,3.4vw,3.25rem)}.parent-section>p{margin:0;font-size:1.1rem;color:#dce8ff}.parent-section .eyebrow{color:#ffd15d}footer{min-height:130px;padding:25px max(30px,calc((100vw - 1180px)/2));display:grid;grid-template-columns:180px 1fr auto;align-items:center;gap:30px;border-top:2px solid #e0e8f2;background:#fff;color:#53637a}footer img{display:block;width:150px}footer p:nth-of-type(1){text-align:center}footer p:last-child{text-align:right}
@media(max-width:900px){.site-header nav>a:not(.nav-play){display:none}.hero{grid-template-columns:1fr;padding-top:42px}.hero-copy{text-align:center}.hero-text{margin-inline:auto}.hero-actions{justify-content:center}.hero-art{height:420px}.game-card{grid-template-columns:1fr}.game-preview{min-height:370px}.steps-grid{grid-template-columns:1fr}.steps-grid article{min-height:0}.parent-section{grid-template-columns:1fr;gap:18px}.section{padding-block:70px}}
@media(max-width:620px){.site-header{height:72px;padding:6px 16px}.brand{width:135px;height:54px}.nav-play{font-size:.76rem;padding:9px 11px}.hero{padding:36px 18px}.hero h1{font-size:3rem}.hero-text{font-size:1rem}.hero-art{height:330px;border-radius:25px}.train{width:75%;bottom:58px}.maya{width:48%;bottom:45px}.number-cards{gap:4px}.number-cards span{height:42px;font-size:1rem}.section{padding:60px 18px}.game-preview{min-height:300px;padding:25px}.game-details{padding:32px 24px}.game-details h3{font-size:2.25rem}.parent-section{margin:0 18px 65px;padding:34px 25px}footer{grid-template-columns:1fr;text-align:center}footer a{margin:auto}footer p:nth-of-type(1),footer p:last-child{text-align:center;margin:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}