@font-face{font-family:"Luckiest Guy";font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/luckiest-guy-latin.woff2) format("woff2")}
@font-face{font-family:Nunito;font-style:normal;font-weight:200 1000;font-display:swap;src:url(/fonts/nunito-latin-var.woff2) format("woff2")}
:root{--o:#f37a1f;--o2:#fb9a2c;--g:#fbc02d;--sand:#fde8b8;--cream:#fff7e6;--brown:#4a250c;--blue:#2f6fd6;--r:22px}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;font-family:Nunito,system-ui,sans-serif;font-weight:600;color:var(--brown);background:var(--cream);line-height:1.5}
img{max-width:100%;display:block}a{color:var(--blue)}
h1,h2,.ticker,.btn,.brand,.card b,.steps>li>b{font-family:"Luckiest Guy",Impact,sans-serif;letter-spacing:.5px;font-weight:400}
.nav{position:sticky;top:0;z-index:10;display:flex;justify-content:space-between;align-items:center;gap:8px;padding:10px 16px;background:rgba(255,247,230,.92);backdrop-filter:blur(6px);border-bottom:3px solid var(--brown)}
.brand{display:flex;align-items:center;gap:8px;font-size:1.4rem;color:var(--brown);text-decoration:none}
.brand img{border-radius:50%}
.nav nav{display:none;gap:16px}.nav nav a{color:var(--brown);text-decoration:none;font-weight:800}
.hero{position:relative;text-align:center;padding:36px 18px 56px;background:radial-gradient(circle at 50% 30%,#ffd56b 0,var(--o2) 45%,var(--o) 100%);border-bottom:4px solid var(--brown);overflow:hidden}
.logo{width:min(72vw,320px);height:auto;margin:0 auto;border-radius:50%;box-shadow:0 10px 0 var(--brown);animation:bob 4s ease-in-out infinite}
@keyframes bob{50%{transform:translateY(-8px) rotate(-2deg)}}
.zzz{position:absolute;right:12%;top:28px;font-family:"Luckiest Guy",sans-serif;color:var(--brown);font-size:2rem}
.zzz span{display:inline-block;animation:z 2.4s infinite;opacity:0}.zzz span:nth-child(2){animation-delay:.4s;font-size:1.4em}.zzz span:nth-child(3){animation-delay:.8s;font-size:1.9em}
@keyframes z{0%{opacity:0;transform:translateY(10px)}40%{opacity:1}100%{opacity:0;transform:translateY(-24px)}}
h1{font-size:clamp(2.6rem,11vw,5rem);margin:22px 0 0;color:#fff;-webkit-text-stroke:2px var(--brown);text-shadow:4px 4px 0 var(--brown);line-height:1}
.ticker{font-size:1.8rem;margin:8px 0 0;color:var(--brown)}
.slogan{font-size:1.4rem;font-weight:900;margin:4px 0 10px;color:#fff;text-shadow:2px 2px 0 var(--brown)}
.lead{max-width:540px;margin:0 auto 22px;font-size:1.05rem;font-weight:800}
.btn{display:inline-block;padding:14px 28px;font-size:1.3rem;color:var(--brown);background:var(--g);border:3px solid var(--brown);border-radius:999px;box-shadow:0 6px 0 var(--brown);text-decoration:none;transition:transform .1s,box-shadow .1s;cursor:pointer}
.btn:hover{transform:translateY(2px);box-shadow:0 4px 0 var(--brown)}
.btn.soon{background:#fff3d1;cursor:default}.btn.soon:hover{transform:none;box-shadow:0 6px 0 var(--brown)}
.ca{display:flex;justify-content:center;align-items:center;gap:8px;flex-wrap:wrap;margin:22px auto 0;max-width:560px;padding:10px 14px;background:rgba(255,255,255,.75);border:3px dashed var(--brown);border-radius:14px}
.ca code{font-size:.9rem;word-break:break-all;font-weight:800}
.ca button{font:inherit;font-weight:900;padding:4px 12px;border-radius:999px;border:2px solid var(--brown);background:var(--g);cursor:pointer}
.section{padding:52px 18px;text-align:center}
.section.sand{background:var(--sand);border-top:4px solid var(--brown);border-bottom:4px solid var(--brown)}
h2{font-size:clamp(2rem,8vw,3rem);margin:0 0 8px;color:var(--o);-webkit-text-stroke:1.5px var(--brown);text-shadow:3px 3px 0 var(--brown)}
.sub{margin:0 auto 26px;max-width:560px}
.stages{list-style:none;padding:0;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:14px;max-width:1000px}
.stages li{background:#fff;border:3px solid var(--brown);border-radius:var(--r);overflow:hidden;box-shadow:0 6px 0 var(--brown);display:flex;flex-direction:column}
.stages img{aspect-ratio:317/400;object-fit:cover;width:100%;height:auto}
.stages div{padding:10px 8px 14px;display:flex;flex-direction:column}
.stages b{font-weight:900;color:var(--o)}
.cards{display:grid;grid-template-columns:1fr;gap:14px;max-width:1000px;margin:0 auto}
.card{background:#fff;border:3px solid var(--brown);border-radius:var(--r);padding:20px;box-shadow:0 6px 0 var(--brown)}
.card b{display:block;font-size:1.9rem;color:var(--o);word-break:break-word}
.burnlog{max-width:640px;margin:34px auto 0;background:#fff;border:3px solid var(--brown);border-radius:var(--r);padding:20px;box-shadow:0 6px 0 var(--brown)}
.burnlog h3{margin:0 0 4px;font-size:1.4rem}.burnlog .sub{margin-bottom:12px}
#burns{list-style:none;padding:0;margin:0;text-align:left}
#burns li{padding:10px 12px;border-top:2px dashed #e7c88a;font-weight:800}
#burns li.empty{text-align:center;color:#a0703a;border:none}
.steps{list-style:none;padding:0;margin:0 auto 30px;max-width:720px;display:grid;gap:14px;text-align:left}
.steps>li{display:flex;gap:14px;align-items:flex-start;background:#fff;border:3px solid var(--brown);border-radius:var(--r);padding:16px;box-shadow:0 6px 0 var(--brown)}
.steps>li>b{flex:none;width:46px;height:46px;border-radius:50%;background:var(--g);border:3px solid var(--brown);display:grid;place-items:center;font-size:1.5rem}
.steps h3{margin:0 0 2px}.steps p{margin:0}
.links{display:flex;flex-wrap:wrap;justify-content:center;gap:14px}
.pill{padding:12px 24px;border-radius:999px;border:3px solid var(--brown);box-shadow:0 5px 0 var(--brown);text-decoration:none;font-weight:900;font-size:1.1rem;color:#fff}
.pill.x{background:#111}.pill.tg{background:#229ed9}.pill.pf{background:#53d769;color:var(--brown)}
.links-soon{font-weight:900;font-size:1.2rem}
[hidden]{display:none!important}
footer{background:var(--brown);color:#fde8b8;text-align:center;padding:34px 18px 40px;font-size:.92rem}
footer img{margin:0 auto 12px;border-radius:50%}footer p{max-width:720px;margin:0 auto 10px}.small{opacity:.7}
@media(min-width:720px){.nav nav{display:flex}.stages{grid-template-columns:repeat(4,1fr)}.cards{grid-template-columns:repeat(4,1fr)}.hero{padding:56px 18px 72px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important}}