#exampleModal.got-contact-dialog { box-sizing:border-box; width:min(760px, calc(100% - 32px)); max-height:calc(100vh - 32px); max-height:calc(100dvh - 32px); margin:auto; padding:0; border:0; border-radius:20px; background:#fff; color:#30343b; box-shadow:0 24px 80px #1421324d; font-family:inherit; line-height:1.65; overflow:auto; }
#exampleModal::backdrop { background:#19212db3; backdrop-filter:blur(3px); }
#exampleModal *, #exampleModal *::before, #exampleModal *::after { box-sizing:border-box; }
#exampleModal .got-contact-heading { padding:30px 32px 22px; background:linear-gradient(120deg,#fff5eb,#fff); border-bottom:1px solid #f2e5d9; position:relative; }
#exampleModal .got-contact-eyebrow { color:#b45207; font-size:11px; font-weight:700; letter-spacing:1.6px; }
#exampleModal h2 { margin:6px 40px 6px 0; font-size:28px; font-weight:700; color:#252a31; line-height:1.4; }
#exampleModal p { margin:0; font-size:14px; color:#646b75; }
#exampleModal .got-contact-close { position:absolute; top:20px; right:20px; width:36px; height:36px; border:1px solid #e1e4e8; border-radius:50%; background:#fff; color:#555; font-size:26px; line-height:1; cursor:pointer; }
#exampleModal .got-contact-body { padding:24px 32px 28px; }
#exampleModal .got-contact-channels { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
#exampleModal .got-contact-channels a { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:3px; min-width:0; padding:16px 8px; border:1px solid #e4e7eb; border-radius:12px; background:#fff; color:#30343b; text-align:center; text-decoration:none; transition:border-color .15s,background .15s; }
#exampleModal .got-contact-channels a:hover { border-color:#ee7c20; background:#fff8f1; }
#exampleModal .got-channel-icon { display:flex; align-items:center; justify-content:center; width:40px; height:40px; margin-bottom:4px; border-radius:12px; background:#fff0e2; color:#b45207; font-size:20px; font-weight:700; }
#exampleModal .got-contact-channels a:first-child .got-channel-icon { background:#e5f8eb; color:#087a38; font-size:11px; }
#exampleModal .got-contact-channels strong { font-size:14px; }
#exampleModal .got-contact-channels small { font-size:11px; color:#646b75; overflow-wrap:anywhere; }
#exampleModal .got-contact-divider { display:flex; align-items:center; gap:14px; margin:22px 0 12px; color:#5a626e; font-size:13px; }
#exampleModal .got-contact-divider::before,#exampleModal .got-contact-divider::after { content:""; flex:1; height:1px; background:#e8eaed; }
#exampleModal .got-contact-note { margin-bottom:18px; font-size:12px; }
#exampleModal .got-contact-fields { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px 18px; }
#exampleModal .got-contact-wide { grid-column:1/-1; }
#exampleModal label { display:block; margin:0 0 6px; font-size:13px; font-weight:600; color:#30343b; }
#exampleModal label span,#exampleModal .got-contact-note span { color:#bb3e21; }
#exampleModal label small { font-weight:400; color:#727984; }
#exampleModal input:not([type=hidden]),#exampleModal textarea { display:block; width:100%; min-height:44px; padding:10px 12px; border:1px solid #d6dbe1; border-radius:9px; background:#fafbfc; color:#252a31; font:inherit; font-size:14px; line-height:1.5; box-shadow:none; }
#exampleModal textarea { resize:vertical; min-height:104px; }
#exampleModal input:focus,#exampleModal textarea:focus { border-color:#d36a17; outline:3px solid #ffebd8; background:#fff; }
#exampleModal [aria-invalid=true] { border-color:#bd3129 !important; }
#exampleModal .got-contact-error { display:block; margin-top:5px; color:#b52e26; font-size:12px; }
#exampleModal .got-contact-status { padding:12px 14px; margin-bottom:16px; border:1px solid #f0c8bb; border-radius:9px; background:#fff3ee; color:#903c27; font-size:13px; }
#exampleModal [hidden] { display:none !important; }
#exampleModal .got-contact-actions { display:flex; justify-content:flex-end; gap:12px; margin-top:22px; padding-top:20px; border-top:1px solid #eceef1; }
#exampleModal .got-contact-actions button { min-height:44px; padding:10px 24px; border-radius:9px; font:inherit; font-size:14px; font-weight:600; cursor:pointer; }
#exampleModal .got-contact-secondary { border:1px solid #d6dbe1; color:#5b626d; background:#fff; }
#exampleModal .got-contact-submit { border:1px solid #a94d08; background:#b9540b; color:#fff; }
#exampleModal .got-contact-submit:hover { background:#a94d08; }
#exampleModal .got-contact-submit:disabled { opacity:.6; cursor:not-allowed; }
#exampleModal form[aria-busy=true] .got-contact-submit { cursor:wait; }
#exampleModal button:focus-visible,#exampleModal a:focus-visible { outline:3px solid #ee9a4f; outline-offset:3px; }
#openModal.contact-us-container { border:0; z-index:1000; }
@media(max-width:580px) {
    #exampleModal.got-contact-dialog { width:calc(100% - 20px); max-height:calc(100dvh - 20px); border-radius:14px; }
    #exampleModal .got-contact-heading { padding:24px 20px 18px; }
    #exampleModal h2 { font-size:24px; }
    #exampleModal .got-contact-body { padding:18px 20px 22px; }
    #exampleModal .got-contact-channels { grid-template-columns:1fr; gap:8px; }
    #exampleModal .got-contact-channels a { display:grid; grid-template-columns:40px 1fr; text-align:left; justify-items:start; gap:0 12px; padding:10px 14px; }
    #exampleModal .got-channel-icon { grid-row:1/3; margin:0; }
    #exampleModal .got-contact-fields { grid-template-columns:1fr; gap:14px; }
    #exampleModal .got-contact-actions { position:sticky; bottom:-22px; margin:18px -20px -22px; padding:14px 20px; background:#fff; }
    #exampleModal .got-contact-submit { flex:1; }
}