:root{--msm-red:#da251c;--msm-dark:#333;--msm-grey:#666;--msm-bg:#f5f5f5}.msm-aeo{background:#fff;padding:60px 0}.msm-aeo-row{width:80%;max-width:1080px;margin:auto}.msm-aeo-head{text-align:center;margin-bottom:22px}.msm-aeo-kicker{display:block;color:var(--msm-red);font-family:'Roboto',Helvetica,Arial,sans-serif;font-weight:700;font-size:14px;letter-spacing:1px;text-transform:uppercase;margin-bottom:6px}.msm-aeo-title{font-family:'ZCOOL XiaoWei',Georgia,"Times New Roman",serif;font-size:30px;line-height:1.3;color:#000;padding:0}.msm-aeo-answer{max-width:860px;margin:0 auto 22px;text-align:center;font-size:16px;line-height:1.8;color:var(--msm-grey)}.msm-aeo-answer strong{color:var(--msm-dark);font-weight:600}.msm-aeo-links{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-bottom:50px}.msm-aeo-links a{background:var(--msm-red);color:#fff;padding:10px 20px;font-size:14px;font-weight:600;letter-spacing:.5px;text-transform:uppercase;border-radius:2px;transition:background .2s}.msm-aeo-links a:hover,.msm-aeo-links a:focus{background:#b01d15}.msm-faq{max-width:900px;margin:auto}.msm-faq-item{border:1px solid #e5e5e5;border-left:4px solid var(--msm-red);background:#fff;margin-bottom:12px;border-radius:2px}.msm-faq-item summary{cursor:pointer;list-style:none;padding:16px 48px 16px 20px;position:relative}.msm-faq-item summary::-webkit-details-marker{display:none}.msm-faq-item summary::after{content:'+';position:absolute;right:20px;top:50%;transform:translateY(-50%);font-size:24px;color:var(--msm-red);font-weight:700}.msm-faq-item[open] summary::after{content:'–'}.msm-faq-item summary h3{font-size:17px;font-weight:600;color:var(--msm-dark);padding:0;margin:0;display:inline}.msm-faq-item p{padding:0 20px 18px;margin:0;color:var(--msm-grey);font-size:15px;line-height:1.7}.msm-nap{background:var(--msm-bg)}.msm-nap-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.msm-nap-grid>div{background:#fff;padding:24px;border-top:3px solid var(--msm-red)}.msm-nap-grid h3{font-size:18px;color:var(--msm-red);padding-bottom:8px}.msm-nap-grid p{font-size:15px;line-height:1.8;color:var(--msm-grey)}.msm-nap-grid a{color:var(--msm-dark)}.msm-breadcrumb{background:#f7f7f7;border-bottom:1px solid #eee}.msm-bc-inner{width:80%;max-width:1080px;margin:auto;padding:10px 0}.msm-breadcrumb ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;font-size:13px}.msm-breadcrumb li+li::before{content:'›';margin:0 8px;color:#999}.msm-breadcrumb a{color:var(--msm-red)}.msm-breadcrumb li[aria-current]{color:#555}.msm-yt{position:relative;display:block;aspect-ratio:16/9;background:#000 center/cover no-repeat;cursor:pointer;overflow:hidden}.msm-yt img{width:100%;height:100%;object-fit:cover;display:block;opacity:.9}.msm-yt::after{content:'';position:absolute;left:50%;top:50%;width:68px;height:48px;transform:translate(-50%,-50%);background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 68 48'%3E%3Cpath d='M66.5 7.7a8.5 8.5 0 0 0-6-6C55.3.3 34 .3 34 .3s-21.3 0-26.5 1.4a8.5 8.5 0 0 0-6 6C.1 12.9.1 24 .1 24s0 11.1 1.4 16.3a8.5 8.5 0 0 0 6 6C12.7 47.7 34 47.7 34 47.7s21.3 0 26.5-1.4a8.5 8.5 0 0 0 6-6C67.9 35.1 67.9 24 67.9 24s0-11.1-1.4-16.3z' fill='%23da251c'/%3E%3Cpath d='M45 24 27 14v20' fill='%23fff'/%3E%3C/svg%3E") center/contain no-repeat}.msm-yt iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.msm-hp{position:absolute!important;left:-9999px!important;height:0;overflow:hidden}.msm-form-msg{padding:14px 18px;margin:10px 0 18px;border-radius:2px;font-size:15px}.msm-ok{background:#e8f6ec;border-left:4px solid #2e9e4f;color:#1d5e30}.msm-err{background:#fdecea;border-left:4px solid var(--msm-red);color:#8a1d15}.gfield_error input,.gfield_error textarea{border-color:var(--msm-red)!important}@media(max-width:980px){.msm-nap-grid{grid-template-columns:1fr}.msm-aeo-row,.msm-bc-inner{width:90%}.msm-aeo-title{font-size:24px}.msm-aeo{padding:40px 0}}:root{--msm-red:#e02b20}.et_pb_menu .et-menu .sub-menu,.et_pb_menu .et_mobile_menu .sub-menu{background:#fff!important;box-shadow:0 8px 20px rgba(0,0,0,.15);min-width:220px;padding:6px 0!important;z-index:9999}.et_pb_menu .et-menu .sub-menu li,.et_pb_menu .et_mobile_menu .sub-menu li{float:none!important;width:100%!important;border:none!important}.et_pb_menu .et-menu .sub-menu li a,.et_pb_menu .et_mobile_menu .sub-menu li a{display:block!important;color:var(--msm-dark,#333)!important;background:#fff!important;font-size:14px!important;padding:10px 20px!important;white-space:nowrap}.et_pb_menu .et-menu .sub-menu li a:hover,.et_pb_menu .et_mobile_menu .sub-menu li a:hover{background:var(--msm-bg,#f5f5f5)!important;color:var(--msm-red)!important}.msm-definition{max-width:860px;margin:0 auto 10px;text-align:center;font-size:17px;line-height:1.7;color:var(--msm-dark);font-style:italic}.msm-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;max-width:1080px;margin:0 auto 46px}.msm-stats>div{text-align:center;background:var(--msm-bg);padding:22px 10px;border-top:3px solid var(--msm-red)}.msm-stats .msm-stat-num{display:block;font-size:30px;font-weight:800;color:var(--msm-red);line-height:1.1}.msm-stats .msm-stat-label{display:block;font-size:13px;color:var(--msm-grey);text-transform:uppercase;letter-spacing:.5px;margin-top:4px}.msm-howitworks-wrap{background:var(--msm-bg);width:100%;padding:40px 0;margin:0 0 46px;box-sizing:border-box}.msm-howitworks-wrap .msm-aeo-row{width:80%;max-width:1080px;margin:0 auto}.msm-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;max-width:1080px;margin:0 auto;counter-reset:msmstep}.msm-steps>div{text-align:center;background:#fff;padding:20px 10px;border-radius:4px}.msm-steps .msm-step-num{counter-increment:msmstep;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:var(--msm-red);color:#fff;font-weight:700;margin:0 auto 10px}.msm-steps .msm-step-num::before{content:counter(msmstep)}.msm-steps h4{font-size:15px;font-weight:700;color:var(--msm-dark);margin:0 0 4px}.msm-steps p{font-size:13px;color:var(--msm-grey);margin:0}.msm-trust{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;max-width:1080px;margin:0 auto 46px}.msm-trust span{background:#fff;border:1px solid #e5e5e5;border-left:4px solid var(--msm-red);padding:10px 18px;font-size:13px;font-weight:600;color:var(--msm-dark);border-radius:2px}.msm-why{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;max-width:1080px;margin:0 auto 46px}.msm-why>div{background:var(--msm-bg);padding:18px 20px;border-top:3px solid var(--msm-red)}.msm-why h4{font-size:15px;color:var(--msm-red);margin:0 0 6px}.msm-why p{font-size:14px;color:var(--msm-grey);margin:0;line-height:1.6}.msm-faq{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;max-width:1080px}.msm-faq-item{margin-bottom:0}@media(max-width:980px){.msm-stats,.msm-steps{grid-template-columns:repeat(2,1fr)}.msm-why{grid-template-columns:1fr}.msm-faq{grid-template-columns:1fr}}
/* ===== Enquiry popup (replaces the Divi Popup plugin) =====
   The header's "Enquiry Form" button links to #Form, a section that the
   carried-over Divi CSS keeps hidden (.et_pb_section.popup{display:none}).
   On the old site the popups-for-divi plugin turned it into a modal, but that
   plugin needs the WordPress runtime (wp.hooks) and its per-popup settings,
   neither of which survive a static export - it just threw and the button did
   nothing. This is a self-contained replacement. */
.msm-modal-open{overflow:hidden}
.msm-modal-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.6);z-index:999998;opacity:0;transition:opacity .25s ease}
.msm-modal-backdrop.msm-show{opacity:1}
.et_pb_section.popup.msm-modal-active{display:block!important;position:fixed;z-index:999999;top:50%;left:50%;transform:translate(-50%,-50%) scale(.97);width:92%;max-width:760px;max-height:90vh;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;box-shadow:0 10px 40px rgba(0,0,0,.35);border-radius:4px;opacity:0;transition:opacity .25s ease,transform .25s ease}
.et_pb_section.popup.msm-modal-active.msm-show{opacity:1;transform:translate(-50%,-50%) scale(1)}
.msm-modal-close{position:absolute;top:10px;right:12px;z-index:2;width:36px;height:36px;line-height:34px;text-align:center;font-size:26px;font-family:Arial,Helvetica,sans-serif;color:#333;background:rgba(255,255,255,.85);border:0;border-radius:50%;cursor:pointer;padding:0;transition:background .2s,transform .2s}
.msm-modal-close:hover,.msm-modal-close:focus{background:#fff;transform:scale(1.08);outline:none}
@media(max-width:767px){.et_pb_section.popup.msm-modal-active{width:94%;max-height:92vh}}
@media(prefers-reduced-motion:reduce){.msm-modal-backdrop,.et_pb_section.popup.msm-modal-active{transition:none}}

/* ===== Enquiry form layout =====
   The exported markup keeps Gravity Forms' class names but ships the
   "no-framework" theme, so GF's own grid and full-width input rules never
   match: .gform_fields stayed display:block and the inputs fell back to their
   browser default size (~133px) regardless of the space available. These rules
   honour the gfield--width-half / --width-full classes already in the markup. */
.gform_wrapper .gform_fields{display:grid;grid-template-columns:repeat(2,1fr);gap:14px 16px}
.gform_wrapper .gfield--width-full{grid-column:1/-1}
.gform_wrapper .gfield{min-width:0}
.gform_wrapper .gfield_label{display:block;font-size:14px;font-weight:600;color:var(--msm-dark);margin-bottom:5px}
.gform_wrapper .ginput_container{display:block}
.gform_wrapper .gfield input[type=text],
.gform_wrapper .gfield input[type=tel],
.gform_wrapper .gfield input[type=email],
.gform_wrapper .gfield textarea{width:100%;box-sizing:border-box;padding:10px 12px;border:1px solid #d5d5d5;border-radius:3px;font-size:15px;font-family:inherit;background:#fff;color:var(--msm-dark)}
.gform_wrapper .gfield textarea{min-height:120px;resize:vertical}
.gform_wrapper .gfield input:focus,
.gform_wrapper .gfield textarea:focus{outline:none;border-color:var(--msm-red);box-shadow:0 0 0 2px rgba(224,43,32,.15)}
.gform_wrapper .gform_footer{margin-top:16px}
.gform_wrapper .gform_button{background:var(--msm-red);color:#fff;border:0;border-radius:3px;padding:12px 34px;font-size:15px;font-weight:600;letter-spacing:.5px;cursor:pointer;transition:background .2s}
.gform_wrapper .gform_button:hover,.gform_wrapper .gform_button:focus{background:#b01d15}
@media(max-width:767px){.gform_wrapper .gform_fields{grid-template-columns:1fr}}