:root{
  --bg:#000;
  --line:#191919;
  --text:#f4f4f5;
  --muted:#8a8f98;
}
*{box-sizing:border-box}
body{
  margin:0;background:var(--bg);color:var(--text);
  font:16px/1.65 ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,
    Helvetica,Arial,sans-serif;
  -webkit-font-smoothing:antialiased;
}
a{color:inherit}

.bar{
  display:flex;align-items:center;justify-content:space-between;
  padding:16px 28px;border-bottom:1px solid var(--line);
  position:sticky;top:0;background:rgba(0,0,0,.82);backdrop-filter:blur(8px);
  z-index:5
}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;
  font-size:14px;letter-spacing:.22em;font-weight:600}
.signin{text-decoration:none;font-size:14px;color:var(--muted);
  border:1px solid var(--line);border-radius:9px;padding:7px 16px}
.signin:hover{color:var(--text);border-color:#333}

main{max-width:1000px;margin:0 auto;padding:0 28px}

.hero{
  padding:110px 0 90px;text-align:center;
  background-image:radial-gradient(52% 60% at 50% 0%,#121214 0%,#000 72%)
}
.hero .mark{display:block;margin:0 auto 34px}
h1{margin:0 auto;max-width:18ch;font-size:clamp(30px,5.2vw,52px);line-height:1.12;
  letter-spacing:-.02em;font-weight:650}
.lede{margin:24px auto 0;max-width:60ch;color:var(--muted);font-size:17px}
.cta{
  display:inline-block;margin-top:36px;background:#fff;color:#000;
  text-decoration:none;font-weight:600;padding:13px 28px;border-radius:11px
}
.cta:hover{background:#e6e6e8}
.cta.ghost{background:transparent;color:var(--text);border:1px solid #2a2a2c}
.cta.ghost:hover{border-color:#4a4a4d;background:#0d0d0f}

.grid{
  display:grid;gap:1px;background:var(--line);border:1px solid var(--line);
  border-radius:16px;overflow:hidden;
  grid-template-columns:repeat(auto-fit,minmax(260px,1fr));margin:20px 0 90px
}
.grid article{background:#050506;padding:26px 24px}
.grid h2{margin:0 0 8px;font-size:15px;letter-spacing:.02em}
.grid p{margin:0;color:var(--muted);font-size:14.5px}

.closing{text-align:center;padding:0 0 110px;color:var(--muted)}
.closing p{margin:0 0 20px}

footer{
  border-top:1px solid var(--line);padding:22px 28px;display:flex;
  justify-content:space-between;color:var(--muted);font-size:13px
}
footer a{text-decoration:none}
footer a:hover{color:var(--text)}