:root{--ink:#081420;--surface:#112843;--lift:#163354;--rim:rgba(255,255,255,.06);--teal:#2dd4bf;--gold:#fbbf24;--text:#dff0fb;--muted:rgba(223,240,251,.42);--danger:#f87171;--r:14px}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
body{font-family:"DM Sans",sans-serif;background:var(--ink);color:var(--text);min-height:100vh;overflow-x:hidden}
#bgCanvas{position:fixed;inset:0;z-index:0;pointer-events:none}
.page{position:relative;z-index:1;max-width:980px;margin:0 auto;padding:2rem 1.25rem 5rem}
header{display:flex;align-items:flex-end;justify-content:space-between;flex-wrap:wrap;gap:.75rem;margin-bottom:2.25rem}
.logo{font-family:"Playfair Display",serif;font-size:clamp(1.9rem,5.5vw,3rem);font-weight:700;line-height:1.05}
.logo em{font-style:normal;color:var(--teal)}
.live-badge{display:flex;align-items:center;gap:.45rem;font-size:.72rem;color:var(--muted)}
.live-dot{width:7px;height:7px;border-radius:50%;background:var(--teal);animation:livePulse 2.2s infinite}
@keyframes livePulse{0%,100%{box-shadow:0 0 0 0 rgba(45,212,191,.55)}55%{box-shadow:0 0 0 7px rgba(45,212,191,0)}}
.top-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem}
@media(max-width:540px){.top-grid{grid-template-columns:1fr}}
.card{background:var(--surface);border:1px solid var(--rim);border-radius:var(--r);padding:1.4rem 1.5rem}
.card-lbl{font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:.9rem}
.temp-hero{font-family:"Playfair Display",serif;font-size:clamp(3.8rem,11vw,6rem);font-weight:700;line-height:1;display:flex;align-items:flex-start}
.temp-hero sup{font-size:.3em;color:var(--teal);margin-top:.4em;margin-left:.1em}
.temp-meta{margin-top:.65rem;font-size:.8rem;color:var(--muted);line-height:1.55}
.temp-meta strong{color:var(--text)}
.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:.9rem 1.25rem}
.s-lbl{font-size:.65rem;text-transform:uppercase;color:var(--muted);margin-bottom:.2rem}
.s-range{font-family:"Playfair Display",serif;font-size:1.05rem;color:var(--text)}
.s-range.gold{color:var(--gold)}
.s-range.dash{color:var(--muted);font-family:"DM Sans",sans-serif;font-size:.9rem}
.divider{display:flex;align-items:center;gap:.9rem;margin:1.75rem 0 1rem}
.divider h2{font-family:"Playfair Display",serif;font-size:1rem;font-weight:400;color:var(--muted)}
.divider::after{content:"";flex:1;height:1px;background:var(--rim)}