.webform-submission-mes-newsletter-signup-form{width:min(1160px,calc(100% - 36px));max-width:1160px!important;margin:35px auto 55px!important;padding:36px;background:linear-gradient(130deg,#202b36 75%,#0072b8 75%);border-radius:12px;display:grid;grid-template-columns:1fr 1fr;gap:45px;align-items:center;font-family:Arial,Helvetica,sans-serif;box-sizing:border-box}
.webform-submission-mes-newsletter-signup-form *{box-sizing:border-box}
.webform-submission-mes-newsletter-signup-form>.form-item:has(.mes-signup-intro){margin:0}
.webform-submission-mes-newsletter-signup-form .mes-signup-intro{padding:15px 0;color:#d7e2e8;font-size:16px;line-height:1.65}
.webform-submission-mes-newsletter-signup-form .mes-signup-intro h2{color:#fff;font-size:44px;line-height:1.08;letter-spacing:-1.4px;margin:15px 0 23px;font-weight:800}
.webform-submission-mes-newsletter-signup-form .mes-signup-intro h2 span{color:#6cc4ed;display:block}
.webform-submission-mes-newsletter-signup-form .mes-signup-eyebrow{font-size:11px;letter-spacing:1.3px;font-weight:800;color:#0072b8}
.webform-submission-mes-newsletter-signup-form .mes-signup-intro .mes-signup-eyebrow,.webform-submission-mes-newsletter-signup-form .mes-signup-intro a{color:#6cc4ed}
.webform-submission-mes-newsletter-signup-form .mes-signup-trial{font-size:13px;padding-top:18px;border-top:1px solid #526572}
.webform-submission-mes-newsletter-signup-form .mes-signup-card{padding:30px;border-radius:10px;background:#fff;color:#263946;min-width:0}
.webform-submission-mes-newsletter-signup-form .mes-signup-card h2{font-size:25px;line-height:1.2;letter-spacing:-.5px;margin:12px 0}
.webform-submission-mes-newsletter-signup-form .mes-signup-card>.form-item:first-child{font-size:13px;color:#60727e}
.webform-submission-mes-newsletter-signup-form label,.webform-submission-mes-newsletter-signup-form legend{font-size:13px;color:#263946}
.webform-submission-mes-newsletter-signup-form .form-type-radio{padding:10px 12px;border:1px solid #dce7ed;border-radius:6px;display:flex;gap:10px;align-items:center;margin:7px 0}
.webform-submission-mes-newsletter-signup-form .form-type-radio:has(input:checked){border-color:#0072b8;background:#edf7fe}
.webform-submission-mes-newsletter-signup-form .form-type-radio input,.webform-submission-mes-newsletter-signup-form .form-type-checkbox input{position:static;margin:0;accent-color:#0072b8;flex-shrink:0;width:17px;height:17px}
.webform-submission-mes-newsletter-signup-form .form-type-radio label{margin:0;font-size:12px;line-height:1.5;font-weight:500}
.webform-submission-mes-newsletter-signup-form .form-type-checkbox{display:flex;gap:10px;align-items:flex-start;margin:21px 0}
.webform-submission-mes-newsletter-signup-form .form-type-checkbox label{font-size:12px;line-height:1.6;font-weight:400;margin:0}
.webform-submission-mes-newsletter-signup-form .form-type-checkbox input{margin-top:2px}
.webform-submission-mes-newsletter-signup-form .form-actions{margin:16px 0}
.webform-submission-mes-newsletter-signup-form .webform-button--submit{width:100%;min-height:48px;margin:0;background:#0072b8;color:#fff;border:0;border-radius:6px;font-weight:700}
.webform-submission-mes-newsletter-signup-form .mes-signup-privacy{font-size:11px;line-height:1.6;text-align:center;color:#60727e}
.webform-submission-mes-newsletter-signup-form .form-type-email input{font-size:16px;height:48px}
.webform-submission-mes-newsletter-signup-form input:focus-visible,.webform-submission-mes-newsletter-signup-form button:focus-visible,.webform-submission-mes-newsletter-signup-form a:focus-visible{outline:3px solid #2a9fdf;outline-offset:3px}
.webform-submission-mes-newsletter-signup-form>.messages{grid-column:1/-1}
@media(max-width:780px){.webform-submission-mes-newsletter-signup-form{grid-template-columns:1fr;gap:22px;padding:24px;margin-top:20px!important}.webform-submission-mes-newsletter-signup-form .mes-signup-intro h2{font-size:38px}.webform-submission-mes-newsletter-signup-form .mes-signup-card{padding:24px}.webform-submission-mes-newsletter-signup-form .mes-signup-intro{font-size:15px}}
@media(max-width:400px){.webform-submission-mes-newsletter-signup-form{padding:19px}.webform-submission-mes-newsletter-signup-form .mes-signup-card{padding:20px}}

/* MES signup validation layout */ .webform-submission-mes-newsletter-signup-form .form-type-radio,.webform-submission-mes-newsletter-signup-form .form-type-checkbox{flex-wrap:wrap}.webform-submission-mes-newsletter-signup-form .form-type-radio label,.webform-submission-mes-newsletter-signup-form .form-type-checkbox label{flex:1}.webform-submission-mes-newsletter-signup-form .form-type-radio>.error:not(input),.webform-submission-mes-newsletter-signup-form .form-type-checkbox>.error:not(input){order:2;flex:0 0 100%;color:#b42318;font-size:12px;line-height:1.5;margin-top:6px}