:root{
  --paper:#FFFFFF; --card:#FFFFFF; --ink:#14150E; --dim:#6E6D64; --faint:#9A988F;
  --line:#E7E4DB; --green:#004B96; --navbg:rgba(255,255,255,.84); --navline:rgba(20,21,14,.06);
  --sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  color-scheme:light dark;
}
@media (prefers-color-scheme:dark){
  :root{
    --paper:#131311; --card:#1B1A16; --ink:#F3F1EA; --dim:#B7B4A9; --faint:#83817A;
    --line:#2B2A25; --green:#5AA0E6; --navbg:rgba(19,19,17,.84); --navline:rgba(255,255,255,.08);
  }
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{background:var(--paper);color:var(--ink);font-family:var(--sans);
     -webkit-font-smoothing:antialiased;line-height:1.55;padding:0 20px}
.wrap{max-width:640px;margin:0 auto;padding:64px 0 80px}
nav{position:sticky;top:0;z-index:40;backdrop-filter:blur(14px);
    background:var(--navbg);border-bottom:1px solid var(--navline)}
.navin{display:flex;align-items:center;padding:14px 0;min-height:0}
.logo{display:flex;align-items:center;gap:9px;font-family:var(--sans);font-weight:800;
      font-size:18px;letter-spacing:-.03em;color:var(--ink);text-decoration:none}
.logo:hover{text-decoration:none}
.logo-icon{width:24px;height:24px;flex:0 0 24px;border-radius:6px;object-fit:contain}
.btn{background:var(--ink);color:var(--paper);padding:11px 20px;border-radius:99px;
     font-weight:700;font-size:14.5px;text-decoration:none;display:inline-block;letter-spacing:-.01em}
h1{font-size:30px;letter-spacing:-.6px;margin:0 0 6px;font-weight:800}
.lede{color:var(--dim);font-size:17px;margin:0 0 40px}
h2{font-size:13px;text-transform:uppercase;letter-spacing:.08em;color:var(--green);
   font-weight:700;margin:40px 0 14px}
.card{background:var(--card);border:1px solid var(--line);border-radius:16px;
      padding:22px 24px;box-shadow:0 2px 10px rgba(20,21,14,.04)}
.card p{margin:0 0 14px;color:var(--dim)}
.card p:last-child{margin:0}
.card li{color:var(--dim);margin-bottom:10px}
.card ul{margin-left:24px}
.email{font-size:19px}
a{color:var(--green);text-decoration:none;font-weight:600}
a:hover{text-decoration:underline}
details{border-top:1px solid var(--line);padding:16px 0}
details:first-of-type{border-top:none;padding-top:0}
summary{font-weight:600;cursor:pointer;list-style:none;font-size:16px}
summary::-webkit-details-marker{display:none}
summary::after{content:"+";float:right;color:var(--faint);font-weight:400}
details[open] summary::after{content:"–"}
details p{margin:12px 0 2px;color:var(--dim);font-size:15px}
footer{margin-top:48px;padding-top:24px;border-top:1px solid var(--line);color:var(--faint);font-size:14px}
footer a{color:var(--faint);font-weight:500}
.date{color:var(--faint);font-size:14px;margin-bottom:24px}
.container{max-width:640px;margin:0 auto;padding:64px 20px 80px}
.container h1{font-size:30px}
.container h2{font-size:14px;text-transform:uppercase;margin-top:32px;margin-bottom:12px}
.container ul{margin-left:24px}
.container li{margin-bottom:8px;color:var(--dim)}
.container p{color:var(--dim);margin-bottom:16px}
.footer{margin-top:48px;padding-top:24px;border-top:1px solid var(--line);color:var(--faint);font-size:14px}