*{box-sizing:border-box}html{color-scheme:light;scroll-behavior:smooth}body{margin:0;background:#f4f2e7;color:#213b45;font:16px/1.65 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:inherit;text-underline-offset:5px}.skip{position:fixed;left:20px;top:-100px;z-index:3;background:#213b45;color:#fff;padding:8px 15px}.skip:focus{top:12px}header,main,footer{max-width:1500px;margin:auto;padding-inline:5.5%}header{padding-block:26px;border-bottom:1px solid #213b4514}nav{display:flex;align-items:center;gap:28px;flex-wrap:wrap}nav a{text-decoration:none;font-size:13px;color:#62777b}.brand{font-size:21px;font-weight:850;letter-spacing:-.06em;margin-right:auto;color:#213b45}.brand span{font-size:13px;font-weight:500;letter-spacing:0;color:#81938f;margin-left:8px}a:focus-visible{outline:3px solid #0ba77e;outline-offset:6px}.hero{display:grid;grid-template-columns:.87fr 1.13fr;gap:5%;align-items:center;padding-block:76px 66px}.eyebrow{font-size:10px;letter-spacing:.17em;text-transform:uppercase;font-weight:800;color:#008d6e}.hero .eyebrow{display:flex;align-items:center;gap:10px}.eyebrow>span{display:block;width:7px;height:7px;border-radius:50%;background:#17c59a;box-shadow:0 0 16px #17c59a60}h1{font-size:clamp(47px,5vw,74px);font-weight:850;line-height:1.03;letter-spacing:-.065em;margin:28px 0}h1 em{font-style:normal;color:#0b9b77}h2{font-size:clamp(29px,3vw,43px);line-height:1.12;letter-spacing:-.045em;font-weight:800}h3{font-size:21px;line-height:1.25;letter-spacing:-.035em;margin:18px 0 12px}p{color:#64777a}.game-name{font-size:16px;color:#213b45;font-weight:750;margin-bottom:9px}.lead{max-width:39ch;margin:0 0 16px;font-size:17px;line-height:1.7}.play{display:inline-flex;gap:55px;align-items:center;background:#24dba3;color:#123e3c;text-decoration:none;border-radius:7px;padding:14px 22px;margin-top:18px;font-size:15px;font-weight:850;box-shadow:0 4px 0 #0e9e79;transition:transform .15s,background .15s}.play:hover{background:#64edba;transform:translateY(-2px)}.play:active{transform:translateY(3px);box-shadow:0 1px 0 #0e9e79}.play span{font-size:23px;line-height:1}.facts{font-size:10px;line-height:1.7;letter-spacing:.025em;margin-top:24px;color:#768985}.facts span{margin-inline:6px;color:#0ca980}.cover{margin:0;position:relative}.cover img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;object-position:51% center;border:1px solid #214a451a;border-radius:14px;box-shadow:0 18px 55px #3d696121}.cover figcaption{font-size:10px;letter-spacing:.08em;text-transform:uppercase;text-align:right;color:#83968f;margin-top:12px}.how{padding-block:46px 54px;border-top:1px solid #213b4518}.section-heading{display:flex;justify-content:space-between;align-items:start;gap:28px}.section-heading h2{margin:0 0 35px;max-width:17ch}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.steps article{padding:27px 26px 25px;background:#fffdf5;border:1px solid #61766a20;border-radius:9px}.step-number{font-size:11px;font-weight:750;letter-spacing:.12em;color:#0ca980}.steps p{font-size:14px;margin:0;color:#64777a}kbd{font:700 12px system-ui,sans-serif;color:#365a59;background:#e3ede3;border:1px solid #afc4b7;border-bottom-width:2px;border-radius:4px;padding:1px 5px;white-space:nowrap}.details{display:grid;grid-template-columns:1fr 1.25fr;gap:15%;padding-block:40px 65px;border-top:1px solid #213b4518}.details h2{margin-top:16px}.details>div>p{font-size:15px;max-width:58ch}.details>div>p:first-child{margin-top:0}.details .eyebrow{font-size:10px}.details a{display:inline-block;color:#098c70;font-size:13px;font-weight:700;margin-top:10px}footer{font-size:11px;padding-block:22px 30px;border-top:1px solid #213b4518;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}footer p{margin:0;color:#83958f}footer strong{color:#64777a;font-weight:650}@media(max-width:1000px){nav{gap:20px}.hero{gap:5%;padding-block:55px;grid-template-columns:1fr 1fr}h1{font-size:53px}.cover img{aspect-ratio:4/5;object-position:55% center}.steps{gap:16px}.steps article{padding:22px 20px}.section-heading{display:block}.section-heading h2{margin-block:16px 26px;max-width:none}.section-heading h2 br{display:none}.facts span{margin-inline:3px}}@media(max-width:700px){header,main,footer{padding-inline:22px}header{padding-block:20px}nav{column-gap:19px;row-gap:16px}.brand{flex-basis:100%;font-size:21px}nav a{font-size:12px}.hero{grid-template-columns:1fr;gap:32px;padding-block:40px}.hero-copy{max-width:500px}h1{font-size:clamp(45px,9vw,64px);margin-block:25px}.cover img{aspect-ratio:16/10;object-position:51% center}.cover figcaption{font-size:9px}.lead{font-size:16px;max-width:40ch}.facts{font-size:10px}.how{padding-block:33px}.steps{grid-template-columns:1fr;gap:14px}.steps article{padding:23px}.steps h3{margin-top:12px}.details{grid-template-columns:1fr;gap:8px;padding-block:30px 40px}.details h2 br{display:none}.details h2{margin-block:16px 14px}footer{gap:6px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.play{transition:none}}@media(max-width:350px){header,main,footer{padding-inline:17px}nav{column-gap:14px}}