:root{--snap:#FFFC00;--ink:#0B0B0B;--paper:#FFFFFF;--muted:#5E5E58;--track:rgba(11,11,11,.16);--rule:3px solid var(--ink);}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Barlow Condensed","Arial Narrow",Arial,sans-serif;font-size:clamp(1.05rem,1rem + 0.5vw,1.25rem);line-height:1.35;overflow-x:clip;padding-bottom:calc(76px + env(safe-area-inset-bottom));}h1,h2,.rank-title{font-family:Oswald,"Barlow Condensed","Arial Narrow",Arial,sans-serif;font-weight:600;letter-spacing:.005em}a{color:inherit}.wrap{max-width:1180px;margin:0 auto;padding:0 clamp(1rem,0.6rem + 2vw,2.5rem)}.grid{display:block}.intro{padding:clamp(1.1rem,0.7rem + 2vw,2.4rem) 0 clamp(1rem,0.7rem + 1.5vw,1.8rem)}.logo{display:block;width:96px;height:96px}@media (max-width:420px){.logo{width:80px;height:80px}}h1{margin:clamp(.7rem,0.4rem + 1.5vw,1.2rem) 0 .5rem;font-size:clamp(2.15rem,1.4rem + 5.4vw,4.4rem);line-height:.98;text-transform:uppercase;}h1 .mark{background:var(--snap);box-shadow:0 0 0 .14em var(--snap)}.lede{margin:0 0 clamp(1rem,0.7rem + 1.2vw,1.5rem);max-width:30ch;color:var(--muted)}.cta{display:inline-flex;align-items:center;justify-content:center;min-height:56px;padding:.55rem 1.5rem;background:var(--ink);color:var(--paper);text-decoration:none;text-transform:uppercase;font-family:Oswald,"Barlow Condensed",Arial,sans-serif;font-weight:600;font-size:clamp(1.05rem,0.95rem + 0.6vw,1.3rem);letter-spacing:.03em;border:var(--rule);-webkit-tap-highlight-color:transparent;transition:transform .18s ease;}.cta:focus-visible{outline:4px solid var(--snap);outline-offset:3px}@media (hover: hover) and (pointer: fine){.cta:hover{transform:translateY(-2px)}}.after{margin:.7rem 0 0;font-size:.95em;color:var(--muted);max-width:32ch}.stage{position:sticky;top:0;z-index:2;background:var(--snap);border-top:var(--rule);border-bottom:var(--rule);padding:.8rem 0 1rem;margin:0 calc(50% - 50vw);}.stage-in{max-width:1180px;margin:0 auto;padding:0 clamp(1rem,0.6rem + 2vw,2.5rem)}.chart{display:block;width:100%;max-width:330px;margin:0 auto;height:auto;max-height:40dvh}.steps{list-style:none;margin:0;padding:0}.steps li{min-height:72dvh;font-family:Oswald,"Barlow Condensed",Arial,sans-serif;font-weight:600;font-size:clamp(1.5rem,1.05rem + 2.4vw,2.6rem);line-height:1.08;text-wrap:balance;opacity:.52;transition:opacity .4s ease;}.steps li .t{display:block;position:sticky;top:49dvh;padding:0 0 1rem}.steps li.on{opacity:1}.close{padding:0 0 clamp(2rem,1rem + 4vw,4rem)}.close p{margin:0 0 1rem;max-width:34ch;color:var(--muted)}footer{border-top:var(--rule);padding:1.1rem 0 1.4rem;font-size:.92em;color:var(--muted)}.bar{transform-box:fill-box;transform-origin:left center;transform:scaleX(var(--w));transition:transform .55s cubic-bezier(.2,.7,.2,1)}.rank{opacity:1;transition:opacity .35s ease}.flag{opacity:1;transition:opacity .35s ease,transform .45s ease}.score-fill{transform-box:fill-box;transform-origin:left center;transform:scaleX(1);transition:transform .55s ease}.meo{opacity:1;transition:opacity .35s ease}[data-step="1"] .bar{transform:scaleX(.012)}[data-step="1"] .rank,[data-step="1"] .flag,[data-step="1"] .meo{opacity:0}[data-step="1"] .score-fill{transform:scaleX(.012)}[data-step="2"] .bar{transform:scaleX(.42)}[data-step="2"] .rank{opacity:0}[data-step="2"] .flag{opacity:0;transform:translateX(-14px)}[data-step="2"] .score-fill{transform:scaleX(.5)}.bar-cta{position:fixed;left:0;right:0;bottom:0;z-index:5;background:var(--snap);border-top:var(--rule);padding:.6rem clamp(1rem,0.6rem + 2vw,2.5rem);padding-bottom:calc(.6rem + env(safe-area-inset-bottom));display:flex;justify-content:center;transform:translateY(130%);transition:transform .3s ease;}.bar-cta.on{transform:translateY(0)}.bar-cta .cta{width:100%;max-width:420px;min-height:52px}@media (min-width:900px){.grid{display:grid;grid-template-columns:minmax(0,1.04fr) minmax(0,1fr);column-gap:clamp(2rem,1rem + 3vw,4rem)}.intro{grid-column:1;grid-row:1;padding-top:clamp(2rem,1rem + 3vw,3.5rem)}.steps{grid-column:1;grid-row:2}.stage{grid-column:2;grid-row:1 / span 2;margin:0;align-self:start;top:0;height:100dvh;display:flex;align-items:center;border:0;border-left:var(--rule);padding:0 clamp(1.5rem,0.5rem + 2.5vw,3rem);}.stage-in{padding:0;width:100%}.chart{max-width:420px;max-height:76dvh}.steps li{display:flex;align-items:center;min-height:76dvh;padding-right:1rem}.steps li .t{position:static;top:auto;padding:0}.close{grid-column:1;grid-row:3}footer{grid-column:1 / -1}}@media (prefers-reduced-motion: reduce){*{transition-duration:.001s !important;animation-duration:.001s !important}}