:root{--void:#030309;--panel:rgba(10,14,28,.72);--line:rgba(139,92,255,.18);
  --violet:#a78bff;--cyan:#00f0ff;--txt:#e8f4ff;--dim:#9aa7c7;
  --mono:"Cascadia Code","Consolas",monospace}
*{margin:0;padding:0;box-sizing:border-box}
body{background:var(--void);color:var(--txt);font-family:"Segoe UI",system-ui,sans-serif;
  line-height:1.75;font-size:1.05rem}
body::before{content:"";position:fixed;inset:0;z-index:-1;background:
  radial-gradient(70rem 45rem at 80% -10%,rgba(139,92,255,.10),transparent 55%),
  radial-gradient(60rem 40rem at -10% 90%,rgba(0,240,255,.05),transparent 60%)}
header{border-bottom:1px solid var(--line);padding:16px 0;position:sticky;top:0;
  background:rgba(3,3,9,.85);backdrop-filter:blur(12px);z-index:10}
header .wrap{display:flex;justify-content:space-between;align-items:center}
.wrap{max-width:760px;margin:0 auto;padding:0 22px}
.logo{font-family:var(--mono);font-weight:700;color:var(--txt);text-decoration:none;font-size:.95rem}
.logo em{font-style:normal;color:var(--violet)}
header a.cta{font-family:var(--mono);font-size:.72rem;letter-spacing:.1em;color:#001318;
  background:linear-gradient(100deg,var(--cyan),#00b8d9);padding:8px 16px;text-decoration:none;
  text-transform:uppercase;font-weight:700;
  clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px)}
main{padding:56px 0 90px}
.kicker{font-family:var(--mono);font-size:.68rem;letter-spacing:.2em;color:var(--violet);
  text-transform:uppercase;margin-bottom:14px}
h1{font-size:clamp(1.7rem,4.5vw,2.5rem);line-height:1.2;font-weight:900;margin-bottom:14px}
.meta{font-family:var(--mono);font-size:.7rem;color:var(--dim);letter-spacing:.08em;margin-bottom:38px}
h2{font-size:1.45rem;margin:44px 0 14px;font-weight:800}
h3{font-size:1.12rem;margin:30px 0 10px;font-weight:700;color:var(--violet)}
p{margin-bottom:18px;color:#cfd9ee}
ul,ol{margin:0 0 18px 24px;color:#cfd9ee}
li{margin-bottom:8px}
strong{color:var(--txt)}
a{color:var(--cyan)}
table{width:100%;border-collapse:collapse;margin:20px 0 26px;font-size:.92rem}
th,td{border:1px solid var(--line);padding:10px 12px;text-align:left}
th{font-family:var(--mono);font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;
  color:var(--violet);background:rgba(139,92,255,.06)}
td{color:#cfd9ee}
.callout{border:1px solid rgba(0,240,255,.3);background:rgba(0,240,255,.05);
  padding:18px 22px;margin:26px 0;font-size:.95rem}
.cta-box{border:1px solid var(--line);background:var(--panel);padding:30px;margin:48px 0 0;
  text-align:center}
.cta-box h3{color:var(--txt);margin-top:0}
.cta-box p{font-size:.92rem;color:var(--dim)}
.cta-box a{display:inline-block;margin-top:8px;font-family:var(--mono);font-size:.8rem;
  letter-spacing:.12em;color:#001318;background:linear-gradient(100deg,var(--cyan),#00b8d9);
  padding:13px 28px;text-decoration:none;text-transform:uppercase;font-weight:800;
  clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px)}
footer{border-top:1px solid var(--line);padding:26px 0;font-family:var(--mono);
  font-size:.64rem;letter-spacing:.14em;color:var(--dim);text-transform:uppercase}
/* index cards */
.postcard{border:1px solid var(--line);background:var(--panel);padding:24px 26px;
  margin-bottom:18px;display:block;text-decoration:none;transition:.2s}
.postcard:hover{border-color:rgba(139,92,255,.5)}
.postcard h2{margin:6px 0 8px;font-size:1.2rem;color:var(--txt)}
.postcard p{color:var(--dim);font-size:.92rem;margin:0}
.postcard .k{font-family:var(--mono);font-size:.62rem;letter-spacing:.18em;
  color:var(--violet);text-transform:uppercase}