:root{--ink: #1d1a2e;--sky: #c4e7f1;--paper: #fbf6e9;--grass: #5fb83a;--grass-hi: #7fd452;--dirt: #9b5b34;--gold: #f2c230;--water: #3f7fd6;--red: #d6392f;--stone: #8a8f98;--amethyst: #9a6fd1;--pix: "Pixelify Sans", monospace;--body: "Bricolage Grotesque", system-ui, sans-serif;--mono: "Space Mono", monospace}*{box-sizing:border-box;margin:0}html{scroll-behavior:smooth}body{font-family:var(--body);color:var(--ink);background:var(--sky);background-image:linear-gradient(rgba(29,26,46,.05) 2px,transparent 2px),linear-gradient(90deg,rgba(29,26,46,.05) 2px,transparent 2px);background-size:32px 32px;line-height:1.5;overflow-x:hidden}a{color:inherit}.skip{position:absolute;left:-999px;top:8px;background:var(--gold);padding:8px 12px;border:3px solid var(--ink);z-index:99}.skip:focus{left:8px}:focus-visible{outline:4px solid var(--water);outline-offset:3px}.nav{display:flex;align-items:center;justify-content:space-between;max-width:1180px;margin:0 auto;padding:18px 24px;gap:16px}.brand{display:flex;align-items:center;gap:12px;font-family:var(--pix);font-weight:700;font-size:26px;text-decoration:none}.brand-block{width:36px;height:36px;border:3px solid var(--ink);background:linear-gradient(var(--grass) 0 40%,var(--dirt) 40%);box-shadow:4px 4px 0 var(--ink);transition:transform .2s}.brand:hover .brand-block{transform:rotate(-8deg)}.nav nav{display:flex;align-items:center;gap:22px}.nav nav a:not(.btn){font-family:var(--mono);font-size:13px;text-transform:uppercase;letter-spacing:.08em;text-decoration:none}.nav nav a:not(.btn):hover{text-decoration:underline;text-decoration-thickness:3px}.btn{display:inline-block;font-family:var(--pix);font-weight:700;text-decoration:none;background:var(--grass);border:4px solid var(--ink);box-shadow:5px 5px 0 var(--ink);padding:12px 22px;font-size:22px;transition:transform .12s,box-shadow .12s}.btn:hover{transform:translate(-2px,-2px);box-shadow:7px 7px 0 var(--ink)}.btn:active{transform:translate(4px,4px);box-shadow:1px 1px 0 var(--ink)}.btn-sm{font-size:16px;padding:6px 14px;border-width:3px;box-shadow:3px 3px 0 var(--ink)}.btn-lg{font-size:26px;padding:14px 28px}.btn-alt{background:var(--gold)}.hero{max-width:1180px;margin:0 auto;padding:48px 24px 72px;display:grid;grid-template-columns:1.15fr 1fr;gap:48px;align-items:center}.eyebrow{font-family:var(--mono);font-size:13px;text-transform:uppercase;letter-spacing:.12em;color:#4b4763}h1{font-family:var(--pix);font-size:clamp(52px,8vw,104px);line-height:.92;margin:16px 0 22px;letter-spacing:-.01em}.hl{background:var(--gold);padding:0 .12em;box-shadow:6px 6px 0 var(--ink);display:inline-block;margin-top:8px}.lede{font-size:20px;max-width:34ch}.cta-row{display:flex;flex-wrap:wrap;gap:16px;margin-top:32px}.hero-art{position:relative;aspect-ratio:1;max-width:460px;width:100%;justify-self:center}.mini-wheel{position:absolute;inset:0;border-radius:50%;border:6px solid var(--ink);box-shadow:10px 10px 0 var(--ink);cursor:pointer;background:conic-gradient(var(--grass) 0 45deg,var(--dirt) 0 90deg,var(--gold) 0 135deg,var(--water) 0 180deg,var(--red) 0 225deg,var(--stone) 0 270deg,var(--amethyst) 0 315deg,#6fd3c7 0 360deg);animation:idle 22s linear infinite;transition:transform 3.6s cubic-bezier(.12,.72,.1,1)}.mini-wheel:after{content:"";position:absolute;inset:38%;background:linear-gradient(var(--grass-hi) 0 30%,var(--grass) 30% 55%,var(--dirt) 55%);border:6px solid var(--ink)}.mini-wheel:hover{animation-play-state:paused}.mini-pointer{position:absolute;left:50%;top:-18px;width:36px;height:44px;transform:translate(-50%);background:var(--red);border:4px solid var(--ink);clip-path:polygon(0 0,100% 0,100% 45%,50% 100%,0 45%);z-index:2}@keyframes idle{to{rotate:360deg}}.float{position:absolute;width:44px;height:44px;border:4px solid var(--ink);box-shadow:4px 4px 0 var(--ink);animation:bob 3s ease-in-out infinite}.f1{background:var(--gold);left:-30px;bottom:12%}.f2{background:var(--water);right:-22px;top:14%;width:30px;height:30px;animation-delay:-1s}.f3{background:var(--dirt);right:6%;bottom:-24px;animation-delay:-2s}@keyframes bob{50%{transform:translateY(-12px) rotate(6deg)}}.grass-strip{height:28px;background:repeating-linear-gradient(90deg,var(--grass) 0 24px,var(--grass-hi) 24px 32px,var(--grass) 32px 56px);border-block:4px solid var(--ink)}.ticker{background:var(--dirt);color:var(--paper);overflow:hidden;border-bottom:4px solid var(--ink)}.ticker-track{display:flex;width:max-content;animation:slide 36s linear infinite}.ticker span{font-family:var(--pix);font-size:22px;padding:14px 28px;white-space:nowrap}.ticker span:before{content:"";display:inline-block;width:12px;height:12px;background:var(--gold);margin-right:16px;vertical-align:middle}@keyframes slide{to{transform:translate(-50%)}}.section{max-width:1180px;margin:0 auto;padding:96px 24px 0}.section-title{font-family:var(--pix);font-size:clamp(38px,5vw,60px);line-height:1;margin-bottom:40px}.steps{list-style:none;padding:0;display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:20px}.step{background:var(--paper);border:4px solid var(--ink);box-shadow:6px 6px 0 var(--ink);padding:28px}.s1{transform:rotate(-1deg)}.s2{margin-top:40px;background:var(--gold)}.s3{margin-top:12px;transform:rotate(1deg)}.num{font-family:var(--mono);font-weight:700;font-size:14px;background:var(--ink);color:var(--paper);padding:2px 8px}.step h3{font-size:26px;font-weight:800;margin:16px 0 8px}.world-grid{display:grid;grid-template-columns:1.4fr 1fr;grid-template-rows:auto auto;gap:20px}.world{position:relative;display:block;text-decoration:none;border:4px solid var(--ink);box-shadow:6px 6px 0 var(--ink);padding:32px;transition:transform .15s,box-shadow .15s;overflow:hidden}.world:hover{transform:translate(-3px,-3px);box-shadow:9px 9px 0 var(--ink)}.world h3{font-family:var(--pix);font-size:44px;line-height:1;margin:18px 0 10px}.world p{max-width:36ch;font-size:17px}.world .tag{font-family:var(--mono);font-size:12px;text-transform:uppercase;letter-spacing:.1em;border:2px solid currentColor;padding:2px 8px}.world .go{display:inline-block;margin-top:24px;font-weight:800;border-bottom:3px solid currentColor}.w-mc{grid-row:span 2;background:linear-gradient(var(--grass) 0 34%,var(--dirt) 34%);color:var(--paper);min-height:380px}.w-mc h3,.w-mc .tag{color:var(--ink)}.w-mc h3{margin-bottom:70px}.w-pk{background:#f4b8c8}.w-sb{background:var(--water);color:var(--paper)}.quote blockquote{background:var(--ink);color:var(--paper);padding:56px 40px;border:4px solid var(--ink);box-shadow:8px 8px 0 var(--gold)}.quote p{font-family:var(--pix);font-size:clamp(28px,4vw,46px);line-height:1.1;max-width:26ch}.quote cite{display:block;margin-top:20px;font-family:var(--mono);font-style:normal;color:var(--gold)}.faq details{background:var(--paper);border:4px solid var(--ink);margin-bottom:12px;max-width:760px}.faq summary{cursor:pointer;padding:18px 22px;font-weight:800;font-size:19px;list-style:none;display:flex;justify-content:space-between}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";font-family:var(--mono)}.faq details[open] summary:after{content:"-"}.faq details p{padding:0 22px 18px}.final{margin-top:110px;background:var(--grass);border-top:4px solid var(--ink);padding:90px 24px;text-align:center}.final h2{font-family:var(--pix);font-size:clamp(44px,7vw,88px);line-height:.95;margin-bottom:36px}.final .btn{background:var(--gold)}.foot{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;background:var(--ink);color:var(--paper);padding:24px;font-family:var(--mono);font-size:13px}@media(max-width:860px){.hero{grid-template-columns:1fr;padding-top:24px}.hero-art{max-width:320px}.steps,.world-grid{grid-template-columns:1fr}.s2,.s3{margin-top:0}.s1,.s3{transform:none}.w-mc{grid-row:auto;min-height:0}.nav nav a:not(.btn){display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}