.dm-payper-home { margin-top: 36px; }
.dm-payper-panel { display: grid; grid-template-columns: 82px minmax(0, 1fr) auto; align-items: center; gap: 32px; padding: 30px 36px; border-radius: 6px; background: #242b29; color: #f4f2ed; }
.dm-payper-logo img { display: block; width: 72px; height: auto; max-width: 100%; }
.dm-home .dm-payper-copy h2 { margin: 0 0 8px; color: #f4f2ed; font-size: 25px; line-height: 1.3; letter-spacing: -.6px; }
.dm-home .dm-payper-copy p { max-width: 540px; margin: 0; color: #d7dbd5; font-size: 14px; line-height: 1.7; }
.dm-home a.dm-payper-cta { display: inline-flex; align-items: center; justify-content: space-between; gap: 24px; min-height: 52px; padding: 15px 20px; border: 1px solid #f4f2ed; border-radius: 4px; background: #f4f2ed; color: #242b29; font-size: 13px; font-weight: 600; line-height: 1.5; text-decoration: none; transition: background .2s, border-color .2s; }
.dm-home a.dm-payper-cta:hover { background: #efb79a; border-color: #efb79a; color: #242b29; }
.dm-home a.dm-payper-cta:focus-visible { outline: 3px solid #efb79a; outline-offset: 5px; }
@media (max-width: 1080px) {
    .dm-payper-panel { grid-template-columns: 72px minmax(0, 1fr); gap: 20px 28px; padding: 28px; }
    .dm-payper-cta { grid-column: 2; justify-self: start; }
}
@media (max-width: 600px) {
    .dm-payper-home { margin-top: 26px; }
    .dm-payper-panel { grid-template-columns: 1fr; gap: 22px; padding: 26px 24px; }
    .dm-payper-logo img { width: 60px; }
    .dm-home .dm-payper-copy h2 { font-size: 24px; }
    .dm-home .dm-payper-copy p { font-size: 13px; }
    .dm-home a.dm-payper-cta { grid-column: 1; justify-self: stretch; }
}
@media (prefers-reduced-motion: reduce) {
    .dm-home a.dm-payper-cta { transition: none; }
}