#w-contact{width:480px;max-width:calc(100% - 16px)}
#w-contact [hidden]{display:none!important}
#w-contact .contact-body{padding:24px;background:linear-gradient(#fbfaf7ee,#f0ede7ee);color:#242424}
.contact-heading{display:flex;gap:15px;align-items:center;padding-bottom:20px;border-bottom:1px solid #d5d0c7;margin-bottom:18px}
.contact-heading>svg{width:54px;height:54px;flex:none;fill:#f2f2f2;stroke:#333;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.contact-heading h2{margin:0 0 7px;font-size:22px;line-height:1.2}
.contact-heading p{margin:0;font-size:13px;line-height:1.5;color:#585858}
.contact-note{font-size:12px;line-height:1.5;color:#666;margin:0 0 18px}
.contact-field{margin:0 0 15px}
.contact-field label{display:block;font-size:13px;font-weight:600;margin:0 0 6px}
#w-contact input,#w-contact textarea,#w-contact select{display:block;box-sizing:border-box;width:100%;min-height:42px;font:16px/1.4 Arial,sans-serif;padding:10px 12px;border:1px solid #aaa;border-radius:5px;background:#fff;color:#242424;box-shadow:inset 0 1px 3px #0002}
#w-contact textarea{resize:vertical;min-height:125px;max-height:260px}
#w-contact :is(input,textarea,select):focus{outline:2px solid #386e9f;outline-offset:1px}
#w-contact [aria-invalid=true]{border-color:#a44}
.contact-help,.contact-field-error{font-size:12px;line-height:1.4;margin:5px 0 0}
.contact-help{color:#666}.contact-field-error{color:#972d2d}
#contact-error{padding:10px 12px;background:#f8e9e7;border:1px solid #d4aaaa;color:#8c2525;font-size:13px;line-height:1.5;border-radius:5px}
.contact-buttons{display:flex;gap:10px;margin-top:20px}.contact-buttons .btn{min-height:44px}#contact-send{flex:1;font-weight:bold}
#contact-status{font-size:13px;line-height:1.5;padding:15px 0}
#contact-success{padding:23px 15px;text-align:center;outline:none}#contact-success h3{font-size:22px;margin:12px 0}#contact-success p{font-size:14px;line-height:1.6;white-space:pre-line}#contact-success .btn{margin-top:12px;min-height:42px}
.contact-sent-mark{display:grid;place-items:center;margin:auto;width:46px;height:46px;border:1px solid #779b86;border-radius:50%;background:#e2eee4;color:#386e51;font-size:27px}
svg[data-cx-icon=contact] .cx-part-envelope-flap{transform-origin:24px 17px;transform-box:view-box}
@media(prefers-reduced-motion:no-preference){#w-contact.open .contact-heading .cx-part-envelope-letter{animation:cxContactLetter 4s ease-in-out infinite!important}}
@keyframes cxContactLetter{0%,100%{transform:translateY(0)}45%,65%{transform:translateY(-7px)}}
@media(max-width:700px){#w-contact .contact-body{padding:20px}.contact-heading h2{font-size:20px}}