:root { color-scheme: light; font-family: Inter, ui-sans-serif, system-ui, sans-serif; }
body { margin: 0; min-height: 100vh; display: grid; place-items: center; background: #ffffff; color: #222222; }
.shell { width: min(94vw, 1000px); padding: 2rem 0 3rem; text-align: center; }
.brand-logo { display: block; width: min(92vw, 860px); max-height: 600px; object-fit: contain; margin: 0 auto .5rem; }
.eyebrow { margin: .25rem 0 .5rem; color: #8a6500; letter-spacing: .18em; font-size: .72rem; font-weight: 700; }
h1 { margin: .25em 0 .65em; color: #303030; font-size: clamp(1.35rem, 3vw, 2.3rem); }
.score-card { width: min(90vw, 480px); margin: 0 auto; padding: 1rem 1.5rem; border: 1px solid #e6dfd0; border-radius: 16px; background: #fffdf8; box-shadow: 0 8px 24px #00000012; }
.score { font-size: clamp(2.5rem, 7vw, 5rem); line-height: .95; font-weight: 800; color: #c28a00; letter-spacing: -.05em; }
.label { margin: .55rem 0 .3rem; font-size: 1rem; color: #4a4a4a; }
.updated, .status { color: #777777; font-size: .82rem; }
.status { margin-top: 1rem; }