:root{
  --bg:#F2F5F9;
  --surface:#FFFFFF;
  --border:#D7DEE7;
  --text:#131A24;
  --text-2:#4B5768;
  --text-3:#8792A0;
  --navy:#1F3A5C;
  --accent:#2F6FE0;
  --accent-soft:#E4EDFC;
}
@media (prefers-color-scheme: dark){
  :root{
    --bg:#0B0B0D;
    --surface:#16181D;
    --border:rgba(255,255,255,0.09);
    --text:#EDEFF2;
    --text-2:#ABB2BD;
    --text-3:#9BA0A6;
    --navy:#5C86B8;
    --accent:#3B82F7;
    --accent-soft:rgba(59,130,247,0.16);
  }
}
*{box-sizing:border-box;}
html,body{margin:0;padding:0;}
body{
  background:var(--bg);
  color:var(--text);
  font-family:"IBM Plex Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  font-size:16px;
  line-height:1.6;
  -webkit-font-smoothing:antialiased;
}
.wrap{max-width:680px;margin:0 auto;padding:56px 24px 80px;}
a{color:var(--accent);}
header.site{
  display:flex;align-items:center;gap:10px;margin-bottom:40px;
}
.mark{
  width:34px;height:34px;border-radius:9px;
  background:linear-gradient(160deg,var(--navy),var(--accent));
  flex-shrink:0;
}
.wordmark{
  font-family:"Sora",sans-serif;font-weight:700;font-size:19px;letter-spacing:-.01em;color:var(--text);
  text-decoration:none;
}
nav.site{margin-left:auto;display:flex;gap:20px;font-size:14px;}
nav.site a{color:var(--text-2);text-decoration:none;font-weight:500;}
nav.site a:hover{color:var(--accent);}

h1{
  font-family:"Sora",sans-serif;font-weight:700;font-size:32px;letter-spacing:-.01em;
  margin:0 0 6px;text-wrap:balance;
}
.eyebrow{
  font-family:"IBM Plex Mono",ui-monospace,monospace;font-size:12px;font-weight:600;
  letter-spacing:.09em;text-transform:uppercase;color:var(--navy);margin:0 0 10px;
}
.updated{color:var(--text-3);font-size:14px;margin:0 0 36px;}
p.lede{font-size:18px;color:var(--text-2);margin:0 0 40px;max-width:56ch;}

h2{
  font-family:"Sora",sans-serif;font-weight:600;font-size:19px;margin:40px 0 12px;
}
p, li{color:var(--text-2);font-size:15.5px;}
ul{padding-left:22px;}
li{margin-bottom:8px;}
strong{color:var(--text);}

.card{
  background:var(--surface);border:1px solid var(--border);border-radius:14px;
  padding:20px 22px;margin:14px 0;
}
.card h3{
  font-family:"Sora",sans-serif;font-weight:600;font-size:15.5px;margin:0 0 6px;color:var(--text);
}
.card p{margin:0;font-size:14.5px;}

.contact{
  display:inline-flex;align-items:center;gap:10px;
  background:var(--accent-soft);color:var(--accent);
  padding:12px 18px;border-radius:10px;text-decoration:none;font-weight:600;font-size:15px;
  margin:8px 0 4px;
}

footer.site{
  margin-top:56px;padding-top:24px;border-top:1px solid var(--border);
  color:var(--text-3);font-size:13px;display:flex;gap:16px;flex-wrap:wrap;
}
footer.site a{color:var(--text-3);}

.tagline{font-size:18px;color:var(--text-2);margin:0 0 28px;max-width:44ch;}
.links{display:flex;gap:12px;flex-wrap:wrap;margin-top:8px;}
.btn{
  display:inline-flex;align-items:center;gap:8px;
  border:1px solid var(--border);background:var(--surface);color:var(--text);
  padding:11px 18px;border-radius:10px;text-decoration:none;font-weight:600;font-size:14.5px;
}
.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff;}

@media (max-width:480px){
  h1{font-size:26px;}
  .wrap{padding:40px 18px 60px;}
}