.dn-hero-grid { display: grid; grid-template-columns: 1.1fr 1fr; gap: var(--dn-space-5); align-items: center; }
.dn-value-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: var(--dn-space-3); margin-top: var(--dn-space-4); }
.dn-value-card { padding: var(--dn-space-3); border: 1px solid var(--dn-gray-200); border-radius: var(--dn-radius-md); background: #fff; }
.dn-value-card h3 { font-size: 1.05rem; }
.dn-value-card p { color: var(--dn-gray-600); font-size: 0.92rem; margin: 0; }
.dn-split { display: grid; grid-template-columns: 1fr 1fr; gap: var(--dn-space-5); align-items: center; }
.dn-split-reverse > div:first-child { order: 2; }
.dn-split-reverse > div:last-child { order: 1; }

@media (max-width: 900px) {
  .dn-hero-grid { grid-template-columns: 1fr; }
  .dn-value-grid { grid-template-columns: repeat(2, 1fr); }
  .dn-split { grid-template-columns: 1fr; }
  .dn-split-reverse > div:first-child, .dn-split-reverse > div:last-child { order: initial; }
}
@media (max-width: 600px) {
  .dn-value-grid { grid-template-columns: 1fr; }
}