@import url('https://fonts.googleapis.com/css2?family=Archivo+Black&family=DM+Mono:wght@400;500&family=Inter:wght@400;500;600;700;800&display=swap');
:root{--violet:#8584bd;--deep:#52517e;--ink:#181820;--cream:#f7f1df;--yellow:#f4ed36;--orange:#ec6936;--pink:#f8c1ba;--line:3px solid var(--ink)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--violet);color:var(--ink);font-family:Inter,Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}img{display:block;max-width:100%}::selection{background:var(--yellow);color:var(--ink)}
.announcement{min-height:36px;background:var(--ink);color:var(--cream);display:flex;align-items:center;justify-content:center;gap:13px;padding:8px 16px;font:500 10px/1.4 'DM Mono',monospace;letter-spacing:.08em;text-align:center}.blink-dot,.status-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--orange);flex:none}.announcement-star{color:var(--yellow)}
.site-header{height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 4.5%;border-bottom:var(--line);gap:24px}.brand{font:900 25px/1 'Archivo Black',Impact,sans-serif;letter-spacing:-.07em;white-space:nowrap}.brand-mark{color:var(--yellow);font-size:32px;margin-right:6px;vertical-align:-3px}.brand-dot,footer strong span{color:var(--orange)}nav{display:flex;gap:34px}nav a,.header-cta{font:500 11px/1 'DM Mono',monospace;letter-spacing:.04em}nav a:hover{color:var(--yellow)}.header-cta{border:2px solid var(--ink);border-radius:100px;padding:14px 18px;background:var(--cream);white-space:nowrap}.header-cta:hover,.pill-button:hover{background:var(--yellow)}
.hero{min-height:675px;display:grid;grid-template-columns:57% 43%;position:relative;overflow:hidden;padding:68px 5% 72px;border-bottom:var(--line)}.hero-copy{grid-column:1;grid-row:1;position:relative;z-index:2}.eyebrow,.kicker{font:500 12px/1.3 'DM Mono',monospace;letter-spacing:.09em}.eyebrow{display:flex;align-items:center;gap:12px}.eyebrow-line{width:24px;height:2px;background:var(--ink)}h1,h2,h3,p{margin-top:0}.hero h1,h2,.poster strong{font-family:'Archivo Black',Impact,'Arial Black',sans-serif;font-weight:900;letter-spacing:-.085em}.hero h1{font-size:clamp(140px,17.5vw,290px);line-height:.77;margin:40px 0 38px;white-space:nowrap}.hero h1 em{font-style:normal;color:var(--yellow)}.hero-subtitle{font:900 clamp(20px,2.4vw,37px)/1.2 'Archivo Black',Impact,sans-serif;letter-spacing:-.055em}.hero-subtitle span{color:var(--cream)}.hero-actions{display:flex;align-items:center;gap:28px;margin-top:30px}.pill-button{display:inline-flex;justify-content:space-between;align-items:center;gap:35px;border:3px solid var(--yellow);border-radius:100px;background:var(--ink);color:var(--cream);padding:20px 27px;font:500 13px/1 'DM Mono',monospace;letter-spacing:.04em;cursor:pointer;white-space:nowrap}.pill-button:hover{color:var(--ink)}.hero-note{font:500 10px/1.5 'DM Mono',monospace;letter-spacing:.06em}.hero-art{grid-column:2;grid-row:1;position:relative;align-self:center;justify-self:center;width:min(100%,570px);padding:30px;transform:rotate(5deg)}.mugshot-frame{border:8px solid var(--ink);background:var(--orange);aspect-ratio:1/1;overflow:hidden}.mugshot-frame img{width:100%;height:100%;object-fit:cover;filter:contrast(1.07) saturate(1.1)}.stamp{position:absolute;background:var(--yellow);border:3px solid var(--ink);font:500 13px/1.1 'DM Mono',monospace;text-align:center;padding:12px 16px}.stamp strong{font:900 30px/1 'Archivo Black',sans-serif;letter-spacing:-.07em}.stamp-top{top:4px;right:-5px;transform:rotate(11deg)}.stamp-bottom{bottom:9px;left:-20px;transform:rotate(-12deg);background:var(--cream);font-weight:500}.burst{position:absolute;color:var(--orange);font-size:80px}.burst-one{top:-68px;left:10px}.burst-two{right:-55px;bottom:-45px;color:var(--yellow)}.hero-side-label{position:absolute;bottom:20px;right:4%;font:500 10px 'DM Mono',monospace;letter-spacing:.1em;transform:rotate(-90deg);transform-origin:right}
.ticker{overflow:hidden;border-bottom:var(--line);background:var(--yellow);height:57px;display:flex;align-items:center}.ticker div{white-space:nowrap;font:900 19px 'Archivo Black',sans-serif;letter-spacing:-.04em;animation:marquee 28s linear infinite}@keyframes marquee{to{transform:translateX(-50%)}}
.section{padding:110px 5%;border-bottom:var(--line)}.section-heading{max-width:1100px;margin-bottom:45px}.section-heading h2,.how h2,.community h2{font-size:clamp(56px,8.2vw,132px);line-height:.9;margin:22px 0 24px}.section-heading h2 span,.how h2 span,.community h2 span{color:var(--yellow)}.section-heading p,.how-intro p,.community p{max-width:480px;font-size:17px;line-height:1.5}.dossier{background:var(--cream)}.dossier .section-heading h2 span{color:var(--orange)}.dossier-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.dossier-photo{border:var(--line);background:var(--ink);padding:12px;position:relative}.dossier-photo img{width:100%;height:520px;object-fit:cover;filter:grayscale(.28)}.dossier-photo span{display:block;color:var(--cream);font:500 10px 'DM Mono',monospace;padding:12px 4px 3px;letter-spacing:.08em}.dossier-card{border:var(--line);background:var(--orange);padding:30px;display:flex;flex-direction:column}.card-top{display:flex;justify-content:space-between;font:500 11px 'DM Mono',monospace}.dossier-card h3{font:900 clamp(60px,7vw,112px)/1 'Archivo Black',sans-serif;letter-spacing:-.09em;margin:42px 0}.dossier-card dl{margin:0;border-top:2px solid var(--ink)}.dossier-card dl div{display:grid;grid-template-columns:130px 1fr;gap:12px;padding:18px 0;border-bottom:2px solid var(--ink)}dt{font:500 11px/1.4 'DM Mono',monospace}dd{margin:0;font-weight:800;font-size:17px}.card-foot{font:500 10px/1.5 'DM Mono',monospace;margin:auto 0 0;padding-top:30px}
.official{background:var(--violet)}.official-grid{display:grid;gap:12px}.official-card{border:var(--line);background:var(--cream);display:flex;align-items:center;gap:30px;padding:25px 30px}.official-card:nth-child(2){background:var(--pink)}.official-card:nth-child(3){background:var(--orange)}.card-number{font:500 14px 'DM Mono',monospace;align-self:flex-start}.official-card h3{font:900 clamp(28px,4vw,58px)/1 'Archivo Black',sans-serif;letter-spacing:-.07em;margin:0 0 8px}.official-card p{font-size:14px;margin:0}.coming-soon{margin-left:auto;border:2px solid var(--ink);border-radius:100px;padding:12px 15px;font:500 11px 'DM Mono',monospace;white-space:nowrap}.official-sticker{width:72px;height:72px;object-fit:contain;flex:none}
.how{background:var(--ink);color:var(--cream);display:grid;grid-template-columns:1fr 1fr;gap:60px}.how h2 span{color:var(--orange)}.steps{align-self:center}.step{display:grid;grid-template-columns:65px 1fr;gap:18px;padding:25px 0;border-top:2px solid var(--cream)}.step:last-child{border-bottom:2px solid var(--cream)}.step-num{color:var(--yellow);font:500 16px 'DM Mono',monospace}.step h3{font:900 23px 'Archivo Black',sans-serif;letter-spacing:-.05em;margin:0 0 9px}.step p{line-height:1.5;color:#d7d1d0;max-width:420px;margin:0}.contract-box{grid-column:1/-1;border:2px solid var(--yellow);padding:25px;display:flex;align-items:center;gap:30px;flex-wrap:wrap;font:500 11px 'DM Mono',monospace}.contract-box strong{font:900 26px 'Archivo Black',sans-serif;letter-spacing:-.05em}.contract-badge{margin-left:auto;background:var(--yellow);color:var(--ink);padding:11px 15px}
.community{background:var(--orange);display:grid;grid-template-columns:1fr 420px;align-items:center;gap:60px}.community h2 span{color:var(--cream)}.community .pill-button{margin-top:20px}.share-feedback{display:block;font:500 11px 'DM Mono',monospace;margin-top:15px;min-height:15px}.poster{border:8px solid var(--ink);background:var(--cream);padding:14px;transform:rotate(5deg);display:flex;flex-direction:column;text-align:center;max-width:420px}.poster-top,.poster-bottom{font:500 11px 'DM Mono',monospace;padding:8px 0}.poster img{width:100%;aspect-ratio:1/1;object-fit:cover;border:3px solid var(--ink)}.poster strong{font-size:70px;line-height:1;margin:9px 0 0}.poster-bottom{border-top:2px solid var(--ink)}
.faq{background:var(--cream)}.faq .section-heading h2 span{color:var(--orange)}.faq-list{border-top:var(--line)}details{border-bottom:var(--line)}summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:25px;font:900 clamp(19px,2.5vw,32px) 'Archivo Black',sans-serif;letter-spacing:-.05em;padding:25px 0}summary::-webkit-details-marker{display:none}summary span{font:500 36px 'DM Mono',monospace;transition:transform .2s}details[open] summary span{transform:rotate(45deg)}details p{line-height:1.6;max-width:690px;margin:0 0 27px}footer{background:var(--ink);color:var(--cream);padding:55px 5% 24px}.footer-top{display:flex;align-items:end;justify-content:space-between;gap:25px;padding-bottom:55px}.footer-top strong{font:900 clamp(70px,12vw,180px)/.8 'Archivo Black',sans-serif;letter-spacing:-.09em}.footer-top>span,.footer-top a,.footer-bottom{font:500 11px 'DM Mono',monospace}.footer-top a{border-bottom:1px solid var(--yellow);padding-bottom:4px}.footer-bottom{display:flex;justify-content:space-between;border-top:1px solid #777;padding-top:20px;gap:15px}
@media(max-width:900px){nav{display:none}.hero{grid-template-columns:1fr;gap:50px;padding-top:55px}.hero-art{grid-column:1;grid-row:1;width:min(75%,530px)}.hero-copy{grid-column:1;grid-row:2}.hero h1{font-size:clamp(145px,25vw,250px)}.hero-side-label{display:none}.dossier-grid,.how,.community{grid-template-columns:1fr}.dossier-photo img{height:auto;aspect-ratio:1.1;object-fit:cover}.community .poster{justify-self:center}.how{gap:35px}.footer-top{flex-wrap:wrap}.footer-top strong{width:100%}}
@media(max-width:600px){.announcement{font-size:8px}.announcement-star{display:none}.site-header{height:65px;padding:0 5%}.brand{font-size:21px}.brand-mark{font-size:25px}.header-cta{padding:11px;font-size:9px}.hero{padding:45px 5% 75px;gap:25px;min-height:auto}.eyebrow{font-size:9px}.hero h1{font-size:clamp(112px,30vw,180px);margin:32px 0}.hero-subtitle{font-size:20px}.hero-actions{align-items:flex-start;flex-direction:column;gap:17px}.hero-art{width:90%;padding:14px;transform:rotate(3deg)}.mugshot-frame{border-width:5px}.stamp{font-size:9px;padding:8px}.stamp strong{font-size:19px}.stamp-top{right:-12px}.stamp-bottom{left:-18px}.burst{font-size:46px}.burst-one{top:-30px}.burst-two{right:-20px;bottom:-22px}.ticker{height:46px}.ticker div{font-size:14px}.section{padding:75px 5%}.section-heading h2,.how h2,.community h2{font-size:clamp(47px,12vw,75px)}.section-heading p,.how-intro p,.community p{font-size:15px}.dossier-card{padding:20px}.dossier-card h3{font-size:67px;margin:27px 0}.dossier-card dl div{grid-template-columns:90px 1fr}.dossier-card dd{font-size:13px}.official-card{gap:12px;padding:17px;align-items:flex-start;flex-wrap:wrap}.official-card h3{font-size:29px}.official-card p{font-size:12px}.coming-soon{margin-left:38px;font-size:9px}.step h3{font-size:18px}.step{grid-template-columns:35px 1fr}.contract-box{gap:12px;display:block}.contract-box>*{display:block;margin-bottom:15px}.contract-badge{display:inline-block;margin-bottom:0}.community{gap:40px}.poster{width:85%;transform:rotate(3deg)}.poster strong{font-size:50px}.faq summary{font-size:18px}.footer-top strong{font-size:77px}.footer-bottom{flex-direction:column}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.ticker div{animation:none}}

/* Motion follows the printed-poster idea: elements slide, tilt and stamp into place. */
.hero .eyebrow{animation:enter-up .55s both .05s}
.hero h1{animation:enter-up .8s cubic-bezier(.2,.8,.2,1) both .15s}
.hero-subtitle{animation:enter-up .65s both .38s}
.hero-actions{animation:enter-up .65s both .55s}
.hero-art{animation:photo-enter .95s cubic-bezier(.2,.8,.2,1) both .28s}
.mugshot-frame{transition:transform .45s cubic-bezier(.2,.8,.2,1)}
.hero-art:hover .mugshot-frame{transform:rotate(-4deg) scale(1.025)}
.burst-one{animation:burst-turn 18s linear infinite}
.burst-two{animation:burst-turn 22s linear infinite reverse}
.stamp-top{animation:stamp-top-bob 4s ease-in-out infinite}
.stamp-bottom{animation:stamp-bottom-bob 4.6s ease-in-out infinite}
.blink-dot{animation:signal 1.7s steps(2,end) infinite}
.pill-button,.header-cta{transition:background-color .2s,color .2s,transform .2s}
.pill-button:hover,.header-cta:hover{transform:translateY(-3px)}
.pill-button:active,.header-cta:active{transform:translateY(1px)}
.official-card{transition:transform .25s ease,background-color .25s ease}
.official-card:hover{transform:translateX(8px)}
.official-card:hover .coming-soon{background:var(--yellow)}
.coming-soon{transition:background-color .25s ease}
.poster{transition:transform .35s cubic-bezier(.2,.8,.2,1)}
.poster:hover{transform:rotate(0deg) scale(1.02)}
summary:hover{color:var(--orange)}
summary{transition:color .2s}
.has-motion .section-heading,.has-motion .dossier-photo,.has-motion .dossier-card,.has-motion .official-card,.has-motion .how-intro,.has-motion .step,.has-motion .contract-box,.has-motion .community>div:first-child,.has-motion .poster,.has-motion .faq-list{opacity:0;translate:0 38px;transition:opacity .7s ease,translate .7s cubic-bezier(.2,.8,.2,1)}
.has-motion .is-visible{opacity:1;translate:0 0}
.has-motion .community>div:first-child.is-visible{opacity:1;translate:0 0}
.has-motion .official-card:nth-child(2),.has-motion .step:nth-child(2){transition-delay:.1s}
.has-motion .official-card:nth-child(3),.has-motion .step:nth-child(3){transition-delay:.2s}
@keyframes enter-up{from{opacity:0;transform:translateY(45px)}to{opacity:1;transform:translateY(0)}}
@keyframes photo-enter{from{opacity:0;transform:translate(65px,45px) rotate(14deg) scale(.88)}to{opacity:1;transform:translate(0,0) rotate(5deg) scale(1)}}
@keyframes burst-turn{to{transform:rotate(360deg)}}
@keyframes stamp-top-bob{50%{transform:translateY(-7px) rotate(13deg)}}
@keyframes stamp-bottom-bob{50%{transform:translateY(7px) rotate(-9deg)}}
@keyframes signal{50%{opacity:.25}}
@media(max-width:600px){@keyframes photo-enter{from{opacity:0;transform:translate(30px,40px) rotate(10deg) scale(.9)}to{opacity:1;transform:translate(0,0) rotate(3deg) scale(1)}}}
@media(prefers-reduced-motion:reduce){.hero .eyebrow,.hero h1,.hero-subtitle,.hero-actions,.hero-art,.burst,.stamp,.blink-dot{animation:none!important}.has-motion .section-heading,.has-motion .dossier-photo,.has-motion .dossier-card,.has-motion .official-card,.has-motion .how-intro,.has-motion .step,.has-motion .contract-box,.has-motion .community>div:first-child,.has-motion .poster,.has-motion .faq-list{opacity:1;translate:0 0;transition:none}.pill-button,.header-cta,.official-card,.poster,.mugshot-frame,summary{transition:none}}

.rewards{background:var(--violet)}
.rewards .section-heading h2{font-size:clamp(52px,7.6vw,120px)}
.rewards .section-heading p{max-width:660px}
.reward-card{display:grid;grid-template-columns:125px 1fr auto;align-items:center;gap:25px;border:var(--line);background:var(--yellow);padding:30px;min-height:250px}
.reward-symbol{font-size:100px;line-height:1;color:var(--orange);animation:burst-turn 20s linear infinite}
.reward-label,.reward-tag,.reward-note{font:500 11px/1.5 'DM Mono',monospace;letter-spacing:.04em}
.reward-card h3{font:900 clamp(24px,3.2vw,46px)/1.08 'Archivo Black',sans-serif;letter-spacing:-.06em;margin:15px 0}
.reward-card p{max-width:620px;line-height:1.5;margin:0}
.reward-tag{align-self:start;border:2px solid var(--ink);border-radius:100px;padding:10px 14px;white-space:nowrap}
.reward-note{margin:18px 0 0;max-width:900px}
.has-motion .reward-card{opacity:0;translate:0 38px;transition:opacity .7s ease,translate .7s cubic-bezier(.2,.8,.2,1)}
.has-motion .reward-card.is-visible{opacity:1;translate:0 0}
@media(max-width:900px){.reward-card{grid-template-columns:80px 1fr}.reward-symbol{font-size:70px}.reward-tag{grid-column:2;justify-self:start}}
@media(max-width:600px){.reward-card{grid-template-columns:1fr;padding:20px;gap:8px}.reward-symbol{font-size:50px}.reward-tag{grid-column:1}.reward-card h3{font-size:27px}.rewards .section-heading h2{font-size:clamp(42px,10vw,68px)}}
@media(prefers-reduced-motion:reduce){.reward-symbol{animation:none}.has-motion .reward-card{opacity:1;translate:0 0;transition:none}}

/* Accessibility pass from the comparative audit. Preserve the poster palette with ink-backed highlights. */
.hero h1 em{display:inline-block;margin-top:.08em;color:var(--ink);background:var(--yellow);padding:0 .04em;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.hero-subtitle span{color:var(--ink);background:var(--cream);padding:0 .08em;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.rewards .section-heading h2 span,.official .section-heading h2 span{color:var(--ink);background:var(--yellow);padding:0 .05em;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.dossier .section-heading h2 span{color:var(--ink);background:var(--orange);padding:0 .05em;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.community h2 span{color:var(--ink);background:var(--cream);padding:0 .05em;-webkit-box-decoration-break:clone;box-decoration-break:clone}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--yellow);outline-offset:4px}
@media(max-width:900px){.site-header{height:auto;min-height:82px;flex-wrap:wrap;padding-top:16px;padding-bottom:16px}.site-header nav{display:flex;order:3;flex-basis:100%;justify-content:space-between;gap:18px;padding-top:3px}.site-header nav a{font-size:10px}}
@media(max-width:600px){.site-header{height:auto;min-height:65px}.site-header nav{gap:9px}.site-header nav a{font-size:8px;letter-spacing:0}}

/* Keep the first poster readable at the compact desktop breakpoint. */
@media (min-width:601px) and (max-width:900px){
  .hero h1{font-size:clamp(120px,20vw,185px);margin:30px 0}
  .hero{gap:32px}
}
.hero .pill-button{background:transparent;color:var(--ink)}
.hero .pill-button:hover{background:var(--yellow);color:var(--ink)}
.community .pill-button{background:var(--ink);color:var(--cream)}
.dossier-photo,.dossier-card,.official-card,.reward-card,.contract-box,.poster{border-radius:6px}

/* Judge pass: keep violet as the continuous stage; accents act as printed cards. */
.dossier,.faq,.community{background:var(--violet)}
.faq-list{background:var(--cream);padding:0 24px;border:var(--line);border-radius:6px}
.faq .section-heading h2 span{color:var(--ink);background:var(--orange);padding:0 .05em;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.community{color:var(--ink)}
.community .pill-button{background:transparent;color:var(--ink);border-color:var(--yellow)}
.community .pill-button:hover{background:var(--yellow);color:var(--ink)}
.reward-symbol{width:125px;height:125px;object-fit:contain}
.dossier-photo img{object-fit:contain;background:var(--deep);filter:none}
.poster img{object-fit:contain;background:var(--cream)}
@media(max-width:900px){.reward-symbol{width:80px;height:80px}}
@media(max-width:600px){.reward-symbol{width:50px;height:50px}}
@media(max-width:900px){.official-sticker{width:62px;height:62px}}
@media(max-width:600px){.official-sticker{width:52px;height:52px}}

/* Sticker artwork carries readable lettering, so keep it steady in the reward card. */
.reward-symbol{animation:none}
@media(max-width:900px){.reward-symbol{width:96px;height:120px}}
@media(max-width:600px){.reward-symbol{width:70px;height:95px}}

.language-switcher{display:flex;align-items:center;gap:6px;font:500 10px/1 'DM Mono',monospace;letter-spacing:.05em}.language-link{opacity:.55;border-bottom:1px solid transparent;padding-bottom:3px}.language-link:hover,.language-link.is-active{opacity:1;border-color:var(--yellow)}
@media(max-width:900px){.language-switcher{margin-left:auto}}
@media(max-width:600px){.language-switcher{font-size:9px;gap:4px}}

.community-visuals{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(125px,.75fr);align-items:end;gap:12px;width:100%}.community-visuals .poster{width:100%;max-width:none}.lunar-stickers{align-self:center;display:flex;flex-direction:column;align-items:center;gap:12px;transform:translateY(-8px) rotate(4deg)}.moon-sticker{width:100%;height:auto;object-fit:contain;filter:drop-shadow(0 5px 0 rgba(24,24,32,.2));transition:transform .3s ease}.moon-sticker:hover{transform:translateY(-5px) rotate(-2deg)}.moon-sticker-round{max-width:180px}
@media(max-width:900px){.community-visuals{width:min(100%,520px);justify-self:center}.moon-sticker-round{max-width:155px}}
@media(max-width:600px){.community-visuals{grid-template-columns:minmax(0,1fr) 115px;gap:8px}.community-visuals .poster{width:100%}.lunar-stickers{gap:8px;transform:translateY(-5px) rotate(3deg)}.moon-sticker-round{max-width:110px}}