:root{--ink: #20222c;--cream: #fff4d8;--cream-2: #f6dfae;--grass: #58b84f;--yellow: #ffd23f;--yellow-dark: #c9a11e;--orange: #ff9f2e;--orange-dark: #c96c10;--red: #e23b3b}*{box-sizing:border-box}html{background:var(--grass)}body{margin:0 auto;max-width:520px;color:var(--ink);background:var(--grass);font-family:"Jersey 10",ui-monospace,monospace;font-size:22px;line-height:1.2;font-synthesis:none;padding-bottom:calc(124px + env(safe-area-inset-bottom))}img{display:block;width:100%;image-rendering:pixelated}.topbar{display:flex;justify-content:flex-end;gap:6px;position:absolute;top:max(10px,env(safe-area-inset-top));right:10px;z-index:2}.topbar button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:3px solid var(--ink);border-radius:0;background:var(--cream-2);color:var(--ink);padding:4px 10px;font:inherit;font-size:18px}.topbar button.on{background:var(--yellow)}.hero{position:relative;overflow:hidden;border-bottom:4px solid var(--ink)}.hero-copy{position:absolute;left:12px;right:12px;bottom:14px}.badge{display:inline-block;background:var(--ink);color:var(--yellow);padding:2px 8px;font-size:20px;margin-bottom:6px}h1{margin:0;font-size:84px;font-weight:400;line-height:.85;color:var(--yellow);text-shadow:3px 0 var(--ink),-3px 0 var(--ink),0 3px var(--ink),0 -3px var(--ink),0 7px var(--ink)}.tagline{background:var(--cream);border:3px solid var(--ink);padding:6px 10px;margin:12px 0 0;font-size:26px}section{padding:18px 12px 4px}h2{margin:0 0 10px;font-size:34px;font-weight:400;color:var(--ink)}.step{display:grid;grid-template-columns:112px minmax(0,1fr);gap:10px;align-items:stretch;background:var(--cream);border:4px solid var(--ink);box-shadow:0 5px #0005;margin-bottom:14px}.step .art{border-right:4px solid var(--ink);min-height:112px;overflow:hidden}.step .art img{height:100%;object-fit:cover}.step div.text{padding:8px 8px 8px 0}.step h3{margin:0 0 2px;font-size:26px;font-weight:400}.step p{margin:0;font-size:20px}.callout{background:var(--ink);color:var(--cream);border:4px solid var(--ink);padding:12px}.callout h2{color:var(--yellow);margin-bottom:4px}.callout p{margin:0}.legal{margin:0;padding:16px 12px 8px;font-size:18px}.cta-bar{position:fixed;left:50%;bottom:0;transform:translate(-50%);width:100%;max-width:520px;padding:10px 12px calc(14px + env(safe-area-inset-bottom));background:var(--cream);border-top:4px solid var(--ink);z-index:3}.cta{display:block;text-align:center;text-decoration:none;color:var(--ink);background:var(--yellow);border:3px solid var(--ink);box-shadow:0 5px 0 var(--yellow-dark);padding:8px;font-size:32px}.cta:active{transform:translateY(4px);box-shadow:0 1px 0 var(--yellow-dark)}.cta small{display:block;font-size:18px}