.hcd-section { position: relative; padding-block: var(--hcd-section-space); color: var(--hcd-color-text); }
.hcd-section, .hcd-section *, .hcd-section *::before, .hcd-section *::after { box-sizing: border-box; }
.hcd-container { width: min(calc(100% - 40px), var(--hcd-container)); margin-inline: auto; }
.hcd-section-header { max-width: 720px; margin: 0 auto 36px; text-align: center; }
.hcd-section-kicker { margin: 0 0 8px; color: var(--hcd-color-primary); font-size: 13px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.hcd-section-title { margin: 0 0 12px; color: var(--hcd-color-text); font-size: clamp(28px, 4vw, 44px); font-weight: 700; line-height: 1.15; }
.hcd-section-description { margin: 0; color: var(--hcd-color-muted); font-size: 16px; line-height: 1.6; }
.hcd-button { display: inline-flex; min-height: 44px; align-items: center; justify-content: center; padding: 10px 22px; border: 1px solid transparent; border-radius: var(--hcd-radius-sm); background: var(--hcd-color-primary); color: #fff; font-size: 14px; font-weight: 700; text-decoration: none; transition: background var(--hcd-transition), transform var(--hcd-transition); }
.hcd-button:hover { background: var(--hcd-color-primary-hover); color: #fff; transform: translateY(-1px); }
.hcd-button--outline { border-color: var(--hcd-color-primary); background: transparent; color: var(--hcd-color-primary); }
@media (max-width: 549px) { .hcd-container { width: min(calc(100% - 28px), var(--hcd-container)); } .hcd-section-header { margin-bottom: 24px; } .hcd-button { width: 100%; } }