:root{--os:silver;--os2:#dfdfdf;--river:#2b6cb0;--river2:#1f4f85;--pebble:#8d99ae;--ink:#111;--win:#fff;--title:navy}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--river);color:var(--ink);margin:0;font-family:Atkinson Hyperlegible,system-ui,sans-serif;font-size:15.5px;line-height:1.5}a{color:inherit;text-decoration:none}h1,h2,h3{margin:0;font-family:Pixelify Sans,monospace;font-weight:700}.wrap{max-width:1040px;margin:0 auto;padding:0 16px}.taskbar{z-index:5;background:var(--os);border-bottom:2px solid gray;justify-content:space-between;align-items:center;gap:10px;padding:6px 16px;font-size:13px;display:flex;position:sticky;top:0}.start{background:var(--os);border:2px outset #fff;align-items:center;gap:8px;padding:4px 10px;font-family:Pixelify Sans;font-size:17px;font-weight:700;display:inline-flex}.start img{width:22px;height:22px;image-rendering:pixelated}.tray{background:var(--os2);border:2px inset #fff;padding:3px 10px;font-family:Pixelify Sans;font-size:14px}.win{background:var(--os);border:2px outset #fff;margin:20px 0;box-shadow:4px 4px #00000059}.tb{background:var(--title);color:#fff;justify-content:space-between;align-items:center;padding:4px 8px;font-family:Pixelify Sans;font-size:15px;display:flex}.tb span{gap:3px;display:inline-flex}.tb span i{background:var(--os);border:1px outset #fff;width:16px;height:14px;display:inline-block}.body{background:var(--win);border:2px inset #fff;margin:6px;padding:16px}.hero{grid-template-columns:1fr 1fr;align-items:center;gap:20px;display:grid}.hero h1{font-size:clamp(34px,5vw,62px);line-height:1}.hero h1 span{color:var(--river)}.lede{color:#333;margin:14px 0 18px;font-size:16px}.cta{flex-wrap:wrap;gap:10px;display:flex}.btn{background:var(--os);cursor:pointer;color:var(--ink);border:2px outset #fff;padding:8px 16px;font-family:Pixelify Sans;font-size:16px}.btn:active{border-style:inset}.btn.dim{color:gray;cursor:not-allowed}.river{aspect-ratio:4/3;background:linear-gradient(180deg,#9fc3e8 0 20%,var(--river) 20%);border:2px inset #fff;width:100%;overflow:hidden}.river svg{width:100%;height:100%;image-rendering:pixelated}.otter{animation:3s ease-in-out infinite float}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.menu{background:var(--os);border-bottom:1px solid gray;gap:14px;padding:4px 10px;font-size:14px;display:flex}.menu a:hover{background:var(--title);color:#fff}.steps{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.step{background:#fff;border:2px inset #fff;padding:14px}.step h3{color:var(--river2);margin-bottom:4px;font-size:20px}.step p{color:#333;margin:0;font-size:14.5px}.tablewrap{background:#fff;border:2px inset #fff;overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:560px;font-size:14px}th{text-align:left;background:var(--os);border:1px solid gray;padding:8px 10px;font-family:Pixelify Sans;font-size:15px;font-weight:600}td{border-bottom:1px solid #ddd;padding:9px 10px}tr:last-child td{border:0}.faq{grid-template-columns:1fr 1fr;gap:12px 24px;display:grid}.faq h3{color:var(--river2);margin-bottom:4px;font-size:18px}.faq p{color:#333;margin:0}.status{background:var(--os);border-top:1px solid gray;flex-wrap:wrap;justify-content:space-between;gap:8px;padding:4px 8px;font-size:12.5px;display:flex}@media (max-width:820px){.hero,.steps,.faq{grid-template-columns:1fr}.menu{display:none}}
