:root{
  --bg:#f7fbfb;
  --ink:#0b1726;
  --muted:#5a6b7d;
  --panel:#ffffff;
  --line:rgba(11,23,38,.12);
  --accent:#14b8a6;
}

body.theme-b0012{background:var(--bg); color:var(--ink);} 

#logo a{font-weight:900; color:var(--ink); text-decoration:none; letter-spacing:.2px;}

.hero{
  background:linear-gradient(90deg, rgba(20,184,166,.12), rgba(14,165,233,.10));
  border-bottom:1px solid var(--line);
}

.surface{background:var(--panel); border:1px solid var(--line); border-radius:16px; padding:1rem;}

.timeline{position:relative; padding-left:1.1rem;}
.timeline:before{content:""; position:absolute; left:.35rem; top:.4rem; bottom:.4rem; width:3px; border-radius:999px; background:rgba(20,184,166,.65);} 
.ti{position:relative; padding:.5rem 0 .5rem 1rem;}
.ti:before{content:""; position:absolute; left:-.1rem; top:1rem; width:12px; height:12px; border-radius:999px; background:#fff; border:3px solid rgba(20,184,166,.65);} 

#footer{margin-top:2rem; padding:1.75rem 0; border-top:1px solid var(--line);} 

.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}