:root{
  --text:#0f172a;        /* slate-900 */
  --muted:#334155;       /* slate-700 */
  --bg:#ffffff;
  --max: 860px;
}

*{box-sizing:border-box}

html,body{
  padding:0;
  margin:0;
  background:var(--bg);
  color:var(--text);
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Fira Sans', 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
  line-height:1.6;
}

.wrap{
  max-width: var(--max);
  margin: 56px auto 72px;
  padding: 0 20px;
  text-align: left;
}

.title{
  font-size: clamp(28px, 4vw, 40px);
  line-height: 1.2;
  font-weight: 700;
  margin: 0 0 20px;
}

.lead{
  font-size: clamp(16px, 2.2vw, 20px);
  color: var(--muted);
  margin: 0 0 16px;
}

.lead strong{ color: var(--text); font-weight: 700; }
.brand{ font-weight: 600; }

.spaced{ margin-top: 28px; }

.figure{
  margin: 18px 0 28px;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 8px 24px rgba(2,6,23,.08), 0 2px 8px rgba(2,6,23,.06);
}

.figure img{
  display:block;
  width:100%;
  height:auto;
}