:root{--ink:#2833ad;--paper:#fff;--mono:Arial,sans-serif;--paint:'Amatic SC',sans-serif}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#2833ad;color:white}body{min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:28px 22px;font-family:var(--paint)}.cloud-world,.poster{display:none}.application-section{width:min(680px,100%);margin:auto}.checklist-heading{display:none}.checklist-preview{list-style:none;padding:0;margin:0 0 24px;display:flex;flex-direction:column;gap:27px}.checklist-preview li{display:flex;align-items:center;gap:24px;font-size:32px;line-height:1.25}.checklist-preview li>span:first-child{font-size:22px;opacity:.6;min-width:30px}.checklist-preview a{color:inherit;text-decoration:none}.checklist-preview a:hover{opacity:.7}#application-frame{display:block;width:100%;height:150px;border:0;background:transparent}.supplied-lettering{display:inline-block;max-width:100%;vertical-align:middle;line-height:1}.supplied-lettering canvas{display:block}a:focus-visible,button:focus-visible{outline:2px solid white;outline-offset:6px}[hidden]{display:none!important}@media(max-width:600px){body{padding:24px 17px}.checklist-preview li{font-size:26px;gap:16px}.checklist-preview{gap:23px}}
.supplied-lettering img{display:block}.checklist-preview{width:fit-content;max-width:100%;margin:0 auto 28px}#application-frame{max-width:520px;margin:auto}

:root{--mono:'Comic Sans MS','Comic Sans',cursive;--paint:'Comic Sans MS','Comic Sans',cursive}body,button,input,a{font-family:'Comic Sans MS','Comic Sans',cursive}.checklist-preview{width:100%;max-width:530px;margin:0 auto 32px}.checklist-preview li{font-family:'Comic Sans MS','Comic Sans',cursive;font-size:25px;gap:22px}.checklist-preview li>span:first-child{font-size:17px}.application-section{max-width:680px}#application-frame{max-width:530px}@media(max-width:600px){.checklist-preview li{font-size:20px;gap:16px}.checklist-preview li>span:first-child{font-size:15px}}

/* the ask, above the checklist: the logo, then what one BLUE MACHINE takes */
.ask{display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px;margin:0 auto 22px}
/* the source PNG carries a 1px dark edge on its right; cropped here rather than in the asset */
.ask .logo{display:block;width:min(240px,58vw);height:auto;margin:-10px 0 -14px;clip-path:inset(0 1% 0 0)}
.ask .supply{margin:0;font-size:14px;opacity:.72;text-transform:uppercase;letter-spacing:.14em}
.ask .supply span{margin:0 .4em}
.ask .cost{margin:4px 0 0;font-size:clamp(19px,3.2vw,24px);line-height:1.35;text-transform:uppercase}
.ask .cost i{font-style:normal;opacity:.55;margin:0 .3em}
.ask .per{margin:2px 0 0;font-size:14px;opacity:.8}
.site-foot{display:flex;justify-content:space-between;gap:12px;max-width:530px;margin:26px auto 0;padding-top:14px;border-top:1px solid rgba(255,255,255,.2);font-size:13px;opacity:.72;text-transform:uppercase}
.site-foot a{color:inherit;text-decoration:none}
.site-foot a:hover,.site-foot a:focus-visible{text-decoration:underline;text-underline-offset:3px}
@media(max-width:600px){body{align-items:flex-start}.ask{margin-bottom:16px}.ask .cost{font-size:16px;white-space:nowrap}.ask .cost i{margin:0 .15em}}