:root{--surface:#F06A2C;--clay:#B8411A;--ink:#1D1714;--card:#FFF3E4;--tint:#F9C9A8;--check:#1F7A4C;--rule:2px;--display:"Sofia Sans Extra Condensed","Arial Narrow",sans-serif;--text:"Sofia Sans",system-ui,sans-serif;}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{min-height:100dvh;background:var(--surface);color:var(--ink);font-family:var(--text);font-weight:400;line-height:1.4;overflow-x:clip;display:flex;flex-direction:column;}::selection{background:var(--ink);color:var(--surface)}a{color:inherit}.sheet{flex:1;width:100%;max-width:1180px;margin:0 auto;padding:max(10px,env(safe-area-inset-top)) max(10px,env(safe-area-inset-right)) 10px max(10px,env(safe-area-inset-left));}.grid{display:grid;gap:var(--rule);background:var(--ink);border:var(--rule) solid var(--ink);grid-template-columns:76px 1fr;grid-template-areas: "logo file" "mark mark" "lede lede" "rec rec" "cta cta";}.cell{background:var(--surface);padding:10px 12px;min-width:0}.c-logo{grid-area:logo;background:var(--card);display:flex;align-items:center;justify-content:center;padding:6px}.c-logo img{width:100%;max-width:128px;height:auto;aspect-ratio:1;display:block}.c-file{grid-area:file;display:flex;flex-direction:column;justify-content:center;gap:2px}.label{display:block;line-height:1.25;font-size:clamp(.7rem,.66rem + .2vw,.8rem);font-weight:700;letter-spacing:.06em;text-transform:uppercase}.c-file .val{font-family:var(--display);font-weight:800;font-size:clamp(1.3rem,1.1rem + 1vw,1.9rem);line-height:1;letter-spacing:.01em}.c-mark{grid-area:mark;padding:8px 12px 12px}h1{font-weight:400}.wm{display:block;font-family:var(--display);font-weight:800;font-size:clamp(4rem,2.4rem + 11vw,9.4rem);line-height:.82;letter-spacing:-.01em;color:var(--ink);}.sub{display:block;margin-top:8px;font-family:var(--text);font-weight:700;font-size:clamp(1.05rem,.95rem + .6vw,1.45rem);line-height:1.2;max-width:26ch;}.c-lede{grid-area:lede;background:var(--tint)}.c-lede p{font-size:clamp(.95rem,.9rem + .25vw,1.08rem);max-width:46ch}.c-rec{grid-area:rec;background:var(--card);padding:0;display:grid;grid-template-columns:1fr 1fr;gap:var(--rule);background-clip:padding-box}.c-rec > div{background:var(--card);padding:9px 12px;min-width:0}.r-toon{grid-column:1 / -1}.toons{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.toons button{appearance:none;border:var(--rule) solid var(--ink);background:transparent;color:var(--ink);font-family:var(--display);font-weight:800;font-size:clamp(1.05rem,1rem + .3vw,1.25rem);letter-spacing:.02em;min-height:44px;min-width:44px;padding:0 10px;border-radius:0;cursor:pointer;-webkit-tap-highlight-color:transparent;}.toons button[aria-pressed="true"]{background:var(--ink);color:var(--card)}.toons button:focus-visible{outline:3px solid var(--clay);outline-offset:2px}.big{display:block;font-family:var(--display);font-weight:800;font-size:clamp(2rem,1.6rem + 2vw,3.2rem);line-height:1;font-variant-numeric:tabular-nums;margin-top:4px}.was{position:relative;display:inline-block;font-family:var(--display);font-weight:800;font-size:clamp(1rem,.95rem + .3vw,1.2rem);color:var(--clay);margin-left:6px;vertical-align:middle}.was::after{content:"";position:absolute;left:-2px;right:-2px;top:52%;height:2px;background:var(--clay);transform-origin:left center}.meter{position:relative;height:12px;border:var(--rule) solid var(--ink);margin-top:8px;overflow:hidden}.meter i{position:absolute;inset:0;background:var(--check);transform-origin:left center}.r-mast{grid-column:1 / -1;display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.ticks{display:flex;gap:6px}.tick{width:26px;height:26px;border:var(--rule) solid var(--ink);display:flex;align-items:center;justify-content:center;background:var(--card)}.tick svg{width:16px;height:16px;stroke:var(--check);stroke-width:3.4;fill:none;stroke-linecap:square}.c-cta{grid-area:cta;background:var(--ink);padding:10px}.cta{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:56px;padding:0 18px;background:var(--surface);color:var(--ink);text-decoration:none;font-family:var(--display);font-weight:800;font-size:clamp(1.45rem,1.3rem + .8vw,1.9rem);letter-spacing:.02em;line-height:1;-webkit-tap-highlight-color:transparent;}.cta svg{width:26px;height:26px;flex:none;stroke:var(--ink);stroke-width:3;fill:none}.cta:focus-visible{outline:3px solid var(--card);outline-offset:3px}@media (hover: hover) and (pointer: fine){.cta:hover{background:var(--card)}.toons button:hover{background:var(--tint)}.toons button[aria-pressed="true"]:hover{background:var(--ink)}}footer{width:100%;max-width:1180px;margin:0 auto;padding:4px max(12px,env(safe-area-inset-right)) max(14px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));font-size:.8rem;color:var(--ink);}@keyframes fill{from{transform:scaleX(.58)}to{transform:scaleX(1)}}@keyframes strike{from{transform:scaleX(.35)}to{transform:scaleX(1)}}@keyframes ink{from{clip-path:inset(0 55% 0 0)}to{clip-path:inset(0 0 0 0)}}.go .meter i{animation:fill 1.3s cubic-bezier(.16,1,.3,1) .25s both}.go .was::after{animation:strike .7s cubic-bezier(.16,1,.3,1) .2s both}.go .tick svg{animation:ink .5s cubic-bezier(.16,1,.3,1) both}.go .tick:nth-child(1) svg{animation-delay:.9s}.go .tick:nth-child(2) svg{animation-delay:1.05s}.go .tick:nth-child(3) svg{animation-delay:1.2s}@media (prefers-reduced-motion: reduce){.go .meter i,.go .was::after,.go .tick svg{animation:none}}@media (min-width:900px){.sheet{padding:28px 28px 12px;display:flex;align-items:center}.grid{width:100%;grid-template-columns:150px 1fr 1.05fr;grid-template-areas: "logo file rec" "mark mark rec" "lede lede rec" "lede lede cta";grid-template-rows:auto auto 1fr auto;}.c-logo{padding:10px}.c-mark{padding:14px 22px 22px}.cell{padding:14px 20px}.c-file{padding:14px 20px}.c-rec > div{padding:16px 20px}.c-cta{padding:14px}.cta{min-height:68px}}