: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}.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}.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)}.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}.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)}}@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)}}