:root{
  --bg0:#0e0f12;
  --bg1:#14161c;
  --txt:#e7e7e7;
  --mut:rgba(231,231,231,.68);
  --mut2:rgba(231,231,231,.48);
  --line:rgba(255,255,255,.08);
  --shadow: 0 20px 60px rgba(0,0,0,.55);
  --r:22px;
}
*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0;
  color:var(--txt);
  background: radial-gradient(1100px 700px at 20% 10%, rgba(255,255,255,.06), transparent 60%),
              radial-gradient(900px 600px at 90% 20%, rgba(255,255,255,.04), transparent 55%),
              linear-gradient(160deg, var(--bg0), var(--bg1));
  font-family: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Inter, Roboto, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
}

.brandT{font-weight:720}

.vest{display:flex; align-items:center; justify-content:center; padding:28px 16px;}
.vest__wrap{width:min(820px, 100%);}

.vest__brand{
  display:inline-block;
  text-decoration:none;
  color:var(--txt);
  letter-spacing:.02em;
  font-weight:520;
  opacity:.92;
  margin-bottom:18px;
}

.vest__card{
  border-radius: var(--r);
  border:1px solid var(--line);
  box-shadow: var(--shadow);
  background: rgba(255,255,255,.03);
  padding: 22px 20px;
}

.vest__who{
  font-size: 12px;
  letter-spacing:.24em;
  opacity:.85;
  margin-bottom:10px;
}

.vest__title{
  margin:0 0 10px;
  font-size: clamp(22px, 2.6vw, 30px);
  line-height:1.18;
  font-weight:560;
  letter-spacing:.01em;
}

.vest__copy{
  margin:0 0 10px;
  color:var(--mut);
  font-size: 14px;
  line-height:1.6;
}

.vest__fine{
  margin:0;
  color:var(--mut2);
  font-size: 12.5px;
  line-height:1.6;
}