.contact-direct-layout { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr); gap: 80px; margin-top: 44px; align-items: start; }
.contact-direct-intro > p { max-width: 370px; color: #627983; font-size: 14px; line-height: 1.9; }
.contact-direct-intro > p + p { margin-top: 16px; }
.contact-direct-intro .text-link { margin-top: 28px; }
.contact-direct-card { padding: 34px; background: var(--soft); border: 1px solid var(--line); }
.contact-direct-card .eyebrow { color: #4d7565; font-size: 9px; }
.contact-direct-card h3 { font-size: 28px; margin-top: 18px; }
.contact-email-list { display: flex; flex-direction: column; margin: 26px 0; }
.contact-email-list a { display: flex; justify-content: space-between; gap: 12px; font-size: 15px; padding: 12px 0; border-bottom: 1px solid #d4e2dd; overflow-wrap: anywhere; }
.contact-email-list a:hover { color: var(--blue); }
.contact-direct-card .contact-channel-note { font-size: 11px; line-height: 1.8; color: #617680; max-width: 370px; margin-top: 12px; }
.contact-channel-note a { text-decoration: underline; text-underline-offset: 3px; }
.whatsapp-button { margin-top: 24px; border: 1px solid #b4d1be; color: #1d6240; background: #e4f3e9; }
.whatsapp-button:hover { background: #d3ebdc; }
@media (max-width: 960px) { .contact-direct-layout { gap: 36px; } .contact-direct-card { padding: 26px; } }
@media (max-width: 720px) { .contact-direct-layout { grid-template-columns: minmax(0, 1fr); gap: 32px; margin-top: 32px; } .contact-direct-card { padding: 24px 20px; } .contact-direct-card h3 { font-size: 25px; } .contact-email-list a { font-size: 13px; } }