:root{
  --bg:#f6f7f9;
  --card:#ffffff;
  --text:#121417;
  --muted:#5a6472;
  --border:#e6e9ee;
  --shadow:0 18px 40px rgba(18,20,23,.08);
}
*{box-sizing:border-box}
html,body{height:100%}
body{margin:0; font:16px/1.55 system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial; color:var(--text); background:var(--bg)}
.wrap{min-height:100%; display:grid; place-items:center; padding:28px}

.card{
  width:100%; max-width:920px;
  background:var(--card);
  border:1px solid var(--border);
  border-radius:18px;
  box-shadow:var(--shadow);
  padding:34px 30px;
}

.kicker{font-size:13px; letter-spacing:.08em; text-transform:uppercase; color:var(--muted)}
.name{margin:10px 0 0; font-size:clamp(34px,4.2vw,52px); line-height:1.1; font-weight:750}
.tagline{margin:12px 0 0; font-size:18px; color:var(--muted); max-width:60ch}

.row{margin-top:22px; display:grid; gap:18px; grid-template-columns: 1.3fr .7fr}
@media (max-width: 860px){ .row{grid-template-columns:1fr} }

.h2{margin:0 0 10px; font-size:13px; letter-spacing:.10em; text-transform:uppercase; color:#2a323c}

.bullets{margin:0; padding:0; list-style:none; display:grid; gap:10px}
.bullets li{
  padding:12px 14px;
  border:1px solid var(--border);
  border-radius:14px;
  background:#fafbfc;
  color:#2a323c;
}

.contact{display:grid; gap:10px}
.link{color:#121417; text-decoration:none; border-bottom:1px solid rgba(18,20,23,.22); width:fit-content}
.link:hover{border-bottom-color: rgba(18,20,23,.45)}