* { box-sizing: border-box; }
html { color-scheme: light; }
body { margin: 0; background: #f7f7f7; color: #102b45; font-family: "Yu Gothic", "Hiragino Kaku Gothic ProN", sans-serif; }
.page { width: min(100%, 540px); margin-inline: auto; background: white; box-shadow: 0 0 60px rgb(0 0 0 / 5%); }
.hero { position: relative; width: 100%; }
.hero__art { display: block; width: 100%; height: auto; }
/* Supplied CTA artwork, with a real link covering the complete button. */
.start { position: absolute; top: 66.7%; left: 6.6%; width: 87.4%; height: 7.4%; border-radius: 999px; }
.start:hover { background: rgb(255 255 255 / 10%); }
a:focus-visible, button:focus-visible { outline: 3px solid #183f68; outline-offset: 4px; }
.visually-hidden { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; }