:root{--ink:#142d36;--muted:#50646c;--paper:#f7f8f4;--cyan:#007b92;--line:#d7e0db;--navy:#101c28}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;line-height:1.65}a{color:inherit}img{display:block;max-width:100%}.wrap{width:min(1180px,90%);margin-inline:auto}header{background:var(--navy);color:#fff}.nav{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:12px 0}.logo{width:270px}nav{display:flex;gap:30px;font-size:14px}nav a{text-decoration:none}nav a:hover,.text-link:hover{color:#00c4dd}.skip{position:absolute;top:-100px;background:white;padding:12px;z-index:20}.skip:focus{top:5px}:focus-visible{outline:3px solid #009bb4;outline-offset:6px}.hero{padding-top:65px}.eyebrow{font-size:11px;letter-spacing:2.4px;font-weight:700;color:var(--cyan);margin:0 0 25px}.eyebrow span{display:inline-block;width:7px;height:7px;background:var(--cyan);border-radius:50%;margin-right:9px}h1{font-size:clamp(52px,7vw,96px);line-height:1.03;letter-spacing:-5px;font-weight:600;margin:0 0 40px}h1 em{font-family:Georgia,serif;font-weight:400;color:var(--cyan)}h2{font-size:clamp(34px,4vw,52px);line-height:1.12;letter-spacing:-1.6px;margin:0 0 22px}h3{font-size:23px;line-height:1.25;margin:0 0 10px}.hero-bottom{display:flex;justify-content:space-between;align-items:center;gap:30px;margin-bottom:35px}.hero-bottom h2{font-size:34px;margin:0 0 10px}.hero-bottom p{margin:0;color:var(--muted);font-size:18px}.button{display:inline-flex;gap:36px;background:var(--ink);color:white;text-decoration:none;padding:17px 24px;border-radius:5px;font-weight:600;font-size:14px;transition:background .2s,transform .2s}.button:hover{background:var(--cyan);transform:translateY(-2px)}.game-frame{margin:0;background:var(--navy);padding:10px;border-radius:12px;box-shadow:0 20px 45px #142d3618}.game-frame img{width:100%;height:auto;border-radius:7px}.game-frame figcaption{color:#c6d5dd;font-size:11px;padding:10px 8px 3px;letter-spacing:.4px}.availability{display:flex;align-items:center;gap:22px;justify-content:space-between;border-bottom:1px solid var(--line);padding:25px 0;font-size:14px}.availability>span{font-size:10px;letter-spacing:1.5px}.availability small{color:var(--muted)}.discover{display:grid;grid-template-columns:1fr 1fr;gap:75px;padding-block:100px}.steps article{display:flex;gap:25px;border-top:1px solid var(--line);padding:24px 0}.steps article>span{font-size:12px;color:var(--cyan);padding-top:5px}.steps p{color:var(--muted);margin:0}.world{background:#e9efea;padding:75px 0}.world-grid{display:grid;grid-template-columns:1fr 1fr;gap:85px;align-items:center}.world img{width:100%;border-radius:8px}.world p{color:var(--muted)}.world .eyebrow{color:var(--cyan)}.quiet{font-size:14px}.text-link{font-weight:bold;text-underline-offset:6px}.studio{padding-block:100px;max-width:750px;text-align:center}.studio p:not(.eyebrow){color:var(--muted);font-size:19px}footer{border-top:1px solid var(--line);padding-block:28px;display:flex;gap:25px;justify-content:space-between;font-size:12px;color:var(--muted)}.page{padding-block:65px;max-width:850px}.page h1{font-size:64px;letter-spacing:-3px}.page .lead{font-size:22px;color:var(--muted)}.page article{padding-block:25px;border-top:1px solid var(--line)}.page article h2{font-size:30px}.page p{max-width:70ch}.note{border-left:3px solid var(--cyan);padding:15px 22px;background:#e9efea}.page .button{margin-top:25px}@media(max-width:700px){.nav{flex-direction:column;gap:8px;padding:12px 0 20px}.logo{width:225px}nav{gap:24px;font-size:13px}.hero{padding-top:40px}h1{letter-spacing:-2.5px}.hero-bottom{align-items:flex-start;flex-direction:column}.hero-bottom p{font-size:16px}.availability{flex-direction:column;gap:0;align-items:flex-start}.availability p{margin:8px 0}.discover,.world-grid{grid-template-columns:1fr;gap:30px}.discover,.studio{padding-block:60px}.world{padding-block:45px}.world img{max-height:450px;object-fit:contain}.game-frame{padding:5px}.game-frame figcaption{font-size:10px}footer{flex-wrap:wrap}.page h1{font-size:48px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}