@import '../../tokens/tokens.css';

/* Guarantee — elevated callout. Surface-1 + line-strong + r3. No side-rails. */
.guarantee {
  background: var(--ds-surface-1);
  border: 1px solid var(--ds-line-strong);
  border-radius: var(--ds-r3);
  padding: var(--ds-s7);
}
.guarantee .lead {
  font-family: var(--ds-font-display);
  font-size: var(--ds-t-h2);
  font-weight: 600;
  color: var(--ds-text);
  text-wrap: balance;
}
.guarantee .g2 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--ds-s6);
  margin-top: var(--ds-s5);
}
@media (max-width: 720px) { .guarantee .g2 { grid-template-columns: 1fr; } }

.guarantee .g2 h3 {
  font-family: var(--ds-font-display);
  font-weight: 600;
  font-size: var(--ds-t-h3);
  margin: 0 0 var(--ds-s2);
  color: var(--ds-text);
}
.guarantee .g2 p {
  color: var(--ds-text-2);
  margin: 0;
  font-size: var(--ds-t-body);
}