/* Closeout web — the app's own design language, not DayForge's.
   Tokens mirror src/theme/tokens.ts so tapping a link inside the app feels
   continuous instead of like leaving for another company. */
:root{
  --base:#0C1014; --raise:#151B21; --line:#1E252D;
  --ice:#CFE2EE; --ice-ink:#0A0F14;
  --text:#E8EEF3; --soft:#7E8A96; --dim:#4B5661;
}
*{box-sizing:border-box;margin:0;padding:0}
body{background:var(--base);color:var(--text);
  font-family:'Instrument Sans',system-ui,-apple-system,sans-serif;
  line-height:1.65;-webkit-font-smoothing:antialiased}
.wrap{max-width:680px;margin:0 auto;padding:0 26px}
h1,h2,.fig{font-family:'Archivo',system-ui,sans-serif;font-weight:300;letter-spacing:-0.02em;line-height:1.12}
h1{font-size:clamp(2rem,6vw,3rem);margin-bottom:12px;color:var(--text)}
h2{font-size:1.2rem;margin:36px 0 10px;font-weight:400;color:var(--text)}
p,li{color:var(--soft);margin-bottom:14px}
strong{color:var(--text);font-weight:500}
a{color:var(--ice);text-decoration:none;border-bottom:1px solid rgba(207,226,238,.3)}
a:hover{border-bottom-color:var(--ice)}
ul{margin:0 0 14px 20px}
li::marker{color:var(--dim)}
header.top{border-bottom:1px solid var(--line);position:sticky;top:0;
  background:rgba(12,16,20,.92);backdrop-filter:blur(8px);z-index:10}
header.top .wrap{display:flex;align-items:center;justify-content:space-between;padding:15px 26px}
.brand{display:flex;align-items:center;gap:9px;font-family:'Archivo',sans-serif;
  font-weight:400;font-size:1.05rem;color:var(--text);border:0}
.brand svg{width:19px;height:19px;display:block}
.kicker{font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;
  color:var(--dim);margin-bottom:16px;font-weight:500}
main{padding:60px 0 90px}
.lede{font-size:1.05rem;color:var(--text);border-left:2px solid var(--ice);
  padding-left:16px;margin:22px 0 36px}
.updated{font-size:.84rem;color:var(--dim);margin-bottom:0}
footer{border-top:1px solid var(--line);padding:26px 0 54px;font-size:.84rem}
footer p{margin-bottom:6px;color:var(--dim)}