:root{--sky: #7fd4ff;--dot: rgba(255, 255, 255, .5);--cream: #fffdf5;--fame-bg: #fff5dd;--fame: #ffc933;--tx-bg: #e6f7ff;--tx: #29bdf5;--ink: #142a3e;--muted: #6d879b;--up: #1faa6c;--down: #ff6b6b;--line: 4px;--font: ui-rounded, "SF Pro Rounded", "Hiragino Maru Gothic ProN", "Segoe UI Variable", "Segoe UI", system-ui, -apple-system, sans-serif}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background-color:var(--sky);background-image:radial-gradient(var(--dot) 2.5px,transparent 2.5px);background-size:28px 28px;color:var(--ink);font-family:var(--font);font-size:15px;line-height:1.35;overflow-x:hidden;-webkit-font-smoothing:antialiased}img{max-width:100%}.page{max-width:1040px;margin:0 auto;padding-inline:clamp(14px,4vw,24px);padding-block:clamp(20px,4vw,38px) clamp(28px,5vw,48px)}.micro{margin:0;font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.hero{text-align:center;padding-bottom:clamp(30px,6vw,52px)}.hero-title{display:inline-block;margin:0;background:var(--cream);border:var(--line) solid var(--ink);border-radius:999px;box-shadow:0 7px 0 var(--ink);padding:8px clamp(24px,5vw,46px) 12px;transform:rotate(-2deg);font-size:clamp(34px,8vw,64px);font-weight:800;letter-spacing:-.01em}.hero-sub{margin:18px 0 0;font-size:clamp(13px,2.6vw,16px);font-weight:600;color:#0d4f70}.wc-mark{width:1.35em;height:1.35em;flex:none;color:var(--tx)}.brand-pill .wc-mark,.brand-link .wc-mark{width:1.7em;height:1.7em}.brand-pill{display:inline-flex;align-items:center;gap:9px;margin-top:18px;background:var(--cream);border:3px solid var(--ink);border-radius:999px;box-shadow:0 5px 0 var(--ink);padding:8px 18px 8px 14px;color:var(--ink);font-size:clamp(11px,2.2vw,13px);font-weight:800;letter-spacing:.14em;text-decoration:none;transition:transform .12s ease,box-shadow .12s ease}.brand-pill:hover,.brand-pill:focus-visible{transform:translateY(3px);box-shadow:0 2px 0 var(--ink)}.brand-pill:focus-visible,.brand-link:focus-visible{outline:3px solid var(--ink);outline-offset:4px}.source{display:flex;align-items:center;gap:6px}.brand-link{display:inline-flex;align-items:center;gap:8px;color:#0d4f70;font-size:11px;font-weight:700;letter-spacing:.14em;text-decoration:none;border-bottom:2px solid rgba(13,79,112,.3);padding-bottom:3px}.brand-link:hover{border-bottom-color:currentColor}.cats{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,4vw,40px);margin-top:clamp(58px,8vw,86px)}.cat-card{border:var(--line) solid var(--ink);border-radius:32px;box-shadow:0 10px 0 var(--ink);padding:0 clamp(16px,2.4vw,24px) clamp(18px,2.4vw,24px)}.cat-fame{background:var(--fame-bg)}.cat-tx{background:var(--tx-bg)}.cat-stage{display:flex;justify-content:center;margin-top:clamp(-84px,-8vw,-56px);margin-bottom:4px}.cat-img{width:min(78%,290px);height:auto;display:block;filter:drop-shadow(0 6px 0 rgba(20,42,62,.14))}.cat-head{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px}.cat-title{margin:0;font-size:clamp(22px,3.6vw,30px);font-weight:800;letter-spacing:-.01em}.cat-bio{margin:8px 0 0;font-size:clamp(13px,2vw,15px);font-weight:600;color:var(--ink)}.cat-bio b{font-weight:800;letter-spacing:.04em}.chip{background:var(--cream);border:2px solid var(--ink);border-radius:999px;padding:3px 10px;font-size:10px;font-weight:700;letter-spacing:.1em;white-space:nowrap}.chip-stale{background:var(--down);color:var(--cream)}.metric{display:flex;align-items:baseline;flex-wrap:wrap;gap:9px;margin:14px 0 2px}.metric-value{font-size:clamp(42px,8.5vw,70px);font-weight:800;letter-spacing:-.03em;line-height:1;font-variant-numeric:tabular-nums}.metric-unit{font-size:clamp(12px,2vw,15px);font-weight:800;letter-spacing:.12em}.change{margin:12px 0 0;font-size:clamp(14px,2.4vw,17px);font-weight:800;letter-spacing:.02em;font-variant-numeric:tabular-nums}.window-prev{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 10px;margin:12px 0 0}.window-prev-value{font-size:clamp(16px,2.6vw,20px);font-weight:800;font-variant-numeric:tabular-nums}.window-prev .change{margin:0}.change-up{color:var(--up)}.change-down{color:var(--down)}.change-flat,.change-none{color:var(--muted)}.status{margin:14px 0 0;background:var(--cream);border:3px solid var(--ink);border-radius:18px;padding:11px 14px;font-size:clamp(13px,2.2vw,16px);font-weight:800;letter-spacing:.02em;text-align:center}.level{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;margin-top:16px}.pips{display:flex;gap:6px}.pip{width:18px;height:18px;border:3px solid var(--ink);border-radius:7px;background:var(--cream)}.cat-fame .pip.on{background:var(--fame)}.cat-tx .pip.on{background:var(--tx)}.action{display:block;margin-top:18px;border:3px solid var(--ink);border-radius:999px;box-shadow:0 5px 0 var(--ink);padding:12px 14px 10px;color:var(--ink);font-size:clamp(15px,2.6vw,18px);font-weight:800;letter-spacing:.04em;text-align:center;text-decoration:none;transition:transform .12s ease,box-shadow .12s ease}.cat-fame .action{background:var(--fame)}.cat-tx .action{background:var(--tx)}.cat-card .action-extra{margin-top:14px;background:var(--cream)}.action-hint{display:block;margin-top:2px;font-size:10px;font-weight:700;letter-spacing:.12em;opacity:.72}.action:hover,.action:focus-visible,.cta:hover,.cta:focus-visible{transform:translateY(4px);box-shadow:0 1px 0 var(--ink)}.action:focus-visible,.cta:focus-visible{outline:3px solid var(--ink);outline-offset:4px}.howto{margin-top:clamp(38px,6vw,58px);background:var(--cream);border:var(--line) solid var(--ink);border-radius:32px;box-shadow:0 10px 0 var(--ink);padding:clamp(18px,3vw,28px)}.howto-title{margin:0;font-size:clamp(18px,3vw,24px);font-weight:800;letter-spacing:.02em;text-align:center}.howto-steps{counter-reset:step;list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:14px clamp(18px,3vw,32px);margin:18px 0 0;padding:0}.howto-steps li{counter-increment:step;position:relative;padding-left:42px;font-size:clamp(13px,2vw,15px);font-weight:600}.howto-steps li:before{content:counter(step);position:absolute;left:0;top:-2px;width:30px;height:30px;display:grid;place-items:center;background:var(--sky);border:3px solid var(--ink);border-radius:999px;font-size:14px;font-weight:800}.howto-steps b{font-weight:800}.cta{display:block;margin:clamp(38px,6vw,62px) auto 0;max-width:520px;background:var(--cream);border:var(--line) solid var(--ink);border-radius:999px;box-shadow:0 8px 0 var(--ink);padding:clamp(16px,3vw,22px) 20px;color:var(--ink);font-size:clamp(22px,5vw,36px);font-weight:800;letter-spacing:-.01em;text-align:center;text-decoration:none;transition:transform .12s ease,box-shadow .12s ease}.footer{margin-top:clamp(26px,4vw,40px);text-align:center}.footer .micro{color:#0d4f70}@media (max-width: 860px){.cats{grid-template-columns:1fr;gap:78px;margin-top:70px}.cat-stage{margin-top:-62px}.cat-img{width:min(70%,230px)}.howto-steps{grid-template-columns:1fr}}@media (prefers-reduced-motion: reduce){.action,.cta{transition:none}.action:hover,.action:focus-visible,.cta:hover,.cta:focus-visible{transform:none}.action:hover,.action:focus-visible{box-shadow:0 5px 0 var(--ink)}.cta:hover,.cta:focus-visible{box-shadow:0 8px 0 var(--ink)}}