:root{
  --bg:#faf8f3; --text:#2c2a28; --headline:#1b1a18; --muted:#4a4846;
  --ink:#3a3836; --accent:#b59b72; --accent-hover:#a28861;
}
*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0; display:flex; align-items:center; justify-content:center;
  background:var(--bg); color:var(--text);
  font-family:Inter, system-ui, -apple-system, Segoe UI, Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif;
  text-align:center; padding:40px;
}
.container{max-width:820px; margin:0 auto}
h1{
  font-family:'Playfair Display', Georgia, 'Times New Roman', serif;
  font-size: clamp(32px, 6vw, 44px);
  line-height:1.1; letter-spacing:.02em; color:var(--headline); margin:0 0 12px;
}
.tagline{
  max-width:56ch; margin:0 auto 24px; font-size:18px; line-height:1.7; color:var(--muted);
}
.capabilities{
  display:flex; flex-wrap:wrap; gap:14px 18px; justify-content:center;
  margin: 0 auto 28px; text-transform:uppercase; letter-spacing:.08em; font-size:14px; color:var(--ink);
}
.capabilities span{ padding-bottom:3px; border-bottom:1px solid var(--accent)}
.cta{
  display:inline-block; background:var(--accent); color:#fff; text-decoration:none;
  padding:12px 26px; border-radius:24px; font-weight:600; letter-spacing:.02em; transition:background .2s ease;
}
.cta:hover{background:var(--accent-hover)}
.footer{ margin-top:28px; font-size:12px; color:#7a7875}
.logo{display:block; font-family:'Playfair Display', Georgia, serif; font-weight:600; font-size:16px; letter-spacing:.12em; color:var(--headline); text-decoration:none; margin-bottom:10px}