.about__intro { display: grid; gap: 6px; margin-bottom: 14px; }
.about__intro h2 { font-size: clamp(28px, 4.4vw, 44px); }
.about__subtitle { color: var(--muted); font-size: 18px; }
.about__copy { display: grid; gap: 10px; max-width: 720px; color: #3a3e55; }
.about__benefits { display: grid; gap: 12px; margin-top: 24px; }
.benefit { display: grid; gap: 6px; padding: 22px; background: var(--surface); border-radius: var(--r-lg); box-shadow: var(--shadow-sm); transition: transform var(--t) var(--ease), box-shadow var(--t) var(--ease); }
.benefit:hover { transform: translateY(-3px); box-shadow: var(--shadow-md); }
.benefit span { font-size: 13px; font-weight: 600; color: var(--muted); }
.benefit strong { font-size: 18px; letter-spacing: -.01em; }
.benefit p { color: var(--muted); font-size: 15px; }
.text-block .prose { max-width: 760px; color: #3a3e55; display: grid; gap: 12px; }
@media (min-width: 768px) { .about__benefits { grid-template-columns: repeat(3, 1fr); gap: 16px; } }