
/* Credit Masters 4U - requested UX updates */
.cm4u-top-strip{background:#1769aa;color:#fff;text-align:center;padding:8px 12px;font-size:13px;font-weight:800}
header.cm4u-sticky{z-index:999;position:sticky;top:0}
.cm4u-contact-tab{position:fixed;right:0;top:52%;transform:translateY(-50%);z-index:3000;background:#1769aa;color:#fff!important;padding:13px 9px;border-radius:9px 0 0 9px;writing-mode:vertical-rl;font-weight:900;box-shadow:0 5px 18px #0003;cursor:pointer}
.cm4u-modal{display:none;position:fixed;inset:0;background:rgba(7,29,67,.68);z-index:5000;align-items:center;justify-content:center;padding:16px}.cm4u-modal.open{display:flex}
.cm4u-modal-card{position:relative;background:#fff;width:min(650px,100%);max-height:92vh;overflow:auto;border-radius:18px;padding:28px;box-shadow:0 20px 70px #0005}.cm4u-close{position:absolute;right:12px;top:8px;border:0;background:none;font-size:30px;cursor:pointer;color:#172033}
.cm4u-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.cm4u-full{grid-column:1/-1}.cm4u-form-grid label{display:block;font-size:13px;font-weight:800;color:#0c2d63;margin:0 0 5px}.cm4u-form-grid input,.cm4u-form-grid select,.cm4u-form-grid textarea{width:100%;padding:10px;border:1px solid #cbd7e7;border-radius:8px;font:inherit}.cm4u-form-grid textarea{min-height:100px}.cm4u-consent{display:flex!important;gap:8px;align-items:flex-start;font-weight:400!important;color:#5e6c82!important}.cm4u-consent input{width:auto!important;margin-top:4px}.cm4u-legal{font-size:11px;color:#5e6c82;margin-top:10px}
.cm4u-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.cm4u-step{background:#fff;border:1px solid #e2e9f3;border-radius:18px;padding:20px}.cm4u-step-no{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:#1769aa;color:#fff;font-weight:900}.cm4u-step h3{margin:12px 0 6px}.cm4u-step p{color:#5e6c82;margin:0}
.cm4u-home-form{background:#fff;border:1px solid #e2e9f3;border-radius:20px;padding:24px;box-shadow:0 15px 45px #0c2d6310}.cm4u-home-form h2{margin-top:0}
@media(max-width:850px){.cm4u-header-contact{width:100%;margin-left:0;justify-content:flex-start}.cm4u-steps{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.cm4u-form-grid{grid-template-columns:1fr}.cm4u-full{grid-column:auto}.cm4u-steps{grid-template-columns:1fr}.cm4u-header-contact{font-size:12px;gap:9px}.cm4u-contact-tab{padding:11px 7px}}

/* Responsive contact controls */
.cm4u-header-contact{display:flex;align-items:center;justify-content:flex-end;gap:12px;width:min(1160px,92%);margin:0 auto;padding:8px 0;border-top:1px solid #eef2f7;font-size:13px;font-weight:800;white-space:nowrap}
.cm4u-header-contact a{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;color:#0c2d63;min-height:38px}
.cm4u-phone{gap:7px;padding:7px 4px}
.cm4u-phone-icon{font-size:17px;line-height:1}
.cm4u-wa{gap:7px;padding:6px 12px;border-radius:999px;background:#eafaf0;color:#128c45!important;border:1px solid #c7efd6;transition:transform .2s,box-shadow .2s,background .2s}
.cm4u-wa:hover{transform:translateY(-1px);box-shadow:0 5px 14px #128c4520;background:#def7e8}
.cm4u-wa-icon{width:27px;height:27px;border-radius:50%;display:grid;place-items:center;background:#25d366;color:#fff;flex:0 0 27px}
.cm4u-wa-icon svg{width:17px;height:17px;fill:currentColor;display:block}
@media(max-width:850px){
  .cm4u-header-contact{justify-content:center;width:100%;gap:10px;padding:7px 4%;}
  .cm4u-header-contact a{min-height:40px}
  .cm4u-phone{padding:7px 8px}
  .cm4u-steps{grid-template-columns:1fr 1fr}
}
@media(max-width:560px){
  .cm4u-header-contact{gap:8px;padding:6px 4%;font-size:12px;justify-content:stretch}
  .cm4u-header-contact a{flex:1;min-width:0}
  .cm4u-phone{border:1px solid #e2e9f3;border-radius:999px;background:#fff;gap:5px}
  .cm4u-wa{padding:6px 8px}
  .cm4u-wa-icon{width:28px;height:28px;flex-basis:28px}
  .cm4u-steps{grid-template-columns:1fr}
  .cm4u-contact-tab{padding:11px 7px}
}


/* FINAL mobile navigation: independent from popup/contact overlays */
header.cm4u-sticky{position:sticky!important;top:0!important;z-index:20000!important}
.cm4u-menu-toggle{display:none!important;border:1px solid #d7e1ef;background:#fff;border-radius:10px;width:44px;height:44px;padding:9px;cursor:pointer;flex:0 0 44px;position:relative;z-index:20002;touch-action:manipulation}
.cm4u-menu-toggle span{display:block;height:2px;background:#0c2d63;border-radius:2px;margin:5px 0;transition:transform .2s,opacity .2s}
.cm4u-mobile-nav{display:none!important}
@media(max-width:850px){
  header.cm4u-sticky .nav{padding:10px 0;position:relative}
  header.cm4u-sticky .logo{width:210px;max-width:62vw}
  header.cm4u-sticky .links{display:none!important}
  .cm4u-menu-toggle{display:block!important}
  .cm4u-mobile-nav{display:none!important;position:absolute!important;top:100%!important;left:0!important;right:0!important;width:100%!important;background:#fff!important;border-top:1px solid #e2e9f3;box-shadow:0 14px 30px rgba(12,45,99,.18);z-index:20001!important;pointer-events:auto!important}
  .cm4u-mobile-nav.open{display:flex!important;flex-direction:column!important}
  .cm4u-mobile-nav a{display:block!important;position:relative!important;z-index:20002!important;pointer-events:auto!important;touch-action:manipulation!important;-webkit-tap-highlight-color:rgba(37,99,235,.15);padding:15px 5%!important;border-bottom:1px solid #eef2f7;color:#0c2d63!important;background:#fff!important;font-size:15px;font-weight:800;line-height:1.35}
  .cm4u-mobile-nav a:last-child{border-bottom:0}
  .cm4u-mobile-nav a:active{background:#eef5ff!important}
  .cm4u-mobile-nav .cm4u-mobile-cta{margin:12px 5% 15px!important;border:0!important;border-radius:10px!important;background:#f5b400!important;color:#172b50!important;text-align:center}
  .cm4u-menu-toggle.active span:nth-child(1){transform:translateY(7px) rotate(45deg)}
  .cm4u-menu-toggle.active span:nth-child(2){opacity:0}
  .cm4u-menu-toggle.active span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
  /* Keep the navigation above the lead/contact modals so links remain tappable. */
  .cm4u-modal{z-index:15000!important}
  .cm4u-contact-tab{z-index:14000!important}
}

/* Review refinements: tighter page rhythm and form honeypot */
.section{padding:44px 0}
.page{padding:28px 0}
.cm4u-hp{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important;opacity:0!important;pointer-events:none!important}
@media(max-width:560px){.section{padding:32px 0}.page{padding:24px 0}}

/* Popup sizing and placement refinement */
.cm4u-modal{padding:clamp(12px,4vh,32px);}
.cm4u-modal-card{max-height:84vh;}
@media(max-width:560px){.cm4u-modal{align-items:flex-start;padding:12px}.cm4u-modal-card{max-height:calc(100dvh - 24px);padding:22px 18px}}

/* Popup overlay: light-gray dimming layer; popup remains the top layer. */
.cm4u-modal{z-index:50000!important;background:rgba(225,229,235,.86)!important;backdrop-filter:blur(1px)}
.cm4u-modal-card{position:relative;z-index:50001!important}
@media(max-width:850px){
  .cm4u-modal{z-index:50000!important}
  .cm4u-contact-tab{z-index:40000!important}
}

/* Popup must cover the full viewport, including sticky header and top banner. */
.cm4u-modal{
  position:fixed!important;
  inset:0!important;
  z-index:2147483000!important;
  display:none;
  align-items:center!important;
  justify-content:center!important;
  overflow-y:auto!important;
  isolation:isolate!important;
}
.cm4u-modal.open{display:flex!important}
.cm4u-modal-card{
  position:relative!important;
  z-index:2147483001!important;
  flex:0 1 650px!important;
  max-height:calc(100vh - 32px)!important;
  overflow-y:auto!important;
  margin:auto!important;
}
.cm4u-close{
  position:sticky!important;
  float:right!important;
  top:0!important;
  z-index:2147483002!important;
  display:block!important;
  width:40px!important;
  height:40px!important;
  line-height:1!important;
  border-radius:50%!important;
  background:#fff!important;
  box-shadow:0 1px 8px #0002!important;
  pointer-events:auto!important;
  cursor:pointer!important;
}
@media(max-width:560px){
  .cm4u-modal{align-items:flex-start!important;padding:12px!important}
  .cm4u-modal-card{max-height:calc(100dvh - 24px)!important;width:100%!important}
}

/* Improve logo and tagline legibility in header and footer */
header.cm4u-sticky .logo{display:block;width:310px;max-width:min(42vw,310px);height:auto;object-fit:contain}
footer img[src*="logo.svg"]{display:block;width:320px!important;max-width:100%!important;height:auto!important;object-fit:contain;padding:0!important;background:#fff;border-radius:8px}
@media(max-width:850px){
 header.cm4u-sticky .logo{width:270px;max-width:62vw}
}
@media(max-width:560px){
 header.cm4u-sticky .logo{width:235px;max-width:58vw}
 footer img[src*="logo.svg"]{width:290px!important}
}
