/* MoneyGence V5 shared design layer.
   Loaded LAST on every marketing page (and the Node-rendered /guides pages) so the
   whole site shares one header, footer, type and button language.
   Chrome uses <div> + .mg-* classes on purpose: the legacy page CSS styles bare
   nav/footer/header/section elements, which would otherwise leak into the chrome. */
:root{
  --mg-brand:#342a7c;--mg-brand-d:#271f63;--mg-accent:#7462ab;--mg-soft:#EFEBFC;--mg-soft-2:#DDD5F7;
  --mg-panel:#F4F4F7;--mg-line:#E7E7EE;--mg-ink:#0E0D1F;--mg-muted:#55546B;--mg-faint:#7B7A90;
  --mg-sans:'Geist',system-ui,-apple-system,'Segoe UI',sans-serif;--mg-expo:cubic-bezier(.16,1,.3,1);
  /* remap the legacy tokens so every old page picks up the new palette */
  --indigo:#342a7c;--indigo2:#342a7c;--violet:#7462ab;--bg1:#F7F7FA;--bg2:#F0F0F5;--text:#0E0D1F;--sub:#55546B;--muted:#7B7A90;
}
html body{font-family:var(--mg-sans);color:var(--mg-ink);-webkit-font-smoothing:antialiased;}
html body :where(*):not(code):not(pre):not(kbd):not(samp):not(svg *):not(.mono){font-family:var(--mg-sans)!important;}
html body :where(h1,h2){font-weight:400!important;letter-spacing:-.03em!important;line-height:1.08!important;}
html body :where(h3,h4){font-weight:500!important;letter-spacing:-.015em!important;}
html body :where(a[class*="btn"],button[class*="btn"],.cta,.btn){border-radius:999px!important;}
html body :where([class*="card"]:not(.mg-card-skip)){border-radius:22px;}
html body :where(a[class*="btn-green"],a[class*="btn-primary"],button[class*="btn-green"],button[class*="btn-primary"]){background:var(--mg-brand);border-color:var(--mg-brand);color:#fff;}
html body :where(a[class*="btn-green"],a[class*="btn-primary"]):hover{background:var(--mg-brand-d);}
/* ── header ── */
.mg-bar{position:fixed;top:0;left:0;right:0;z-index:1000;transition:padding .35s var(--mg-expo);font-size:16px;line-height:1.5;}
.mg-nav{display:flex;align-items:center;gap:6px;height:76px;max-width:1680px;margin:0 auto;padding:0 clamp(20px,4.5vw,88px);transition:all .35s var(--mg-expo);background:rgba(255,255,255,.88);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--mg-line);}
.mg-bar.scrolled{padding:12px 16px;} .mg-bar.scrolled .mg-nav{max-width:min(1480px,calc(100% - 8px));height:62px;padding:0 10px 0 28px;border-radius:999px;border-bottom:0;background:rgba(255,255,255,.92);backdrop-filter:blur(16px) saturate(170%);-webkit-backdrop-filter:blur(16px) saturate(170%);box-shadow:0 10px 36px -14px rgba(39,31,99,.3),0 0 0 1px var(--mg-line);}
.mg-bar a{text-decoration:none;color:inherit;} .mg-logo{flex-shrink:0;display:block;} .mg-logo img{height:36px!important;width:auto!important;max-width:none!important;object-fit:contain;display:block;}
.mg-links{display:flex;margin-left:30px;} .mg-links>a,.mg-dd-t{position:relative;padding:10px 14px;font-size:15.5px;font-weight:400;color:var(--mg-ink);white-space:nowrap;transition:color .2s;} .mg-links>a:hover,.mg-dd-t:hover,.mg-links a.here{color:var(--mg-brand);}
.mg-links a.here::after{content:"";position:absolute;left:50%;bottom:-1px;width:5px;height:5px;margin-left:-2.5px;border-radius:50%;background:var(--mg-accent);}
.mg-cta{margin-left:auto;display:flex;gap:10px;align-items:center;}
.mg-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 22px;border-radius:999px;font-weight:500;font-size:15px;border:1.5px solid transparent;white-space:nowrap;cursor:pointer;transition:transform .15s var(--mg-expo),background-color .2s,color .2s;} .mg-btn svg{width:17px;height:17px;transition:transform .2s;} .mg-btn:hover svg:last-child{transform:translateX(3px);} .mg-btn:active{transform:scale(.97);}
.mg-btn.pri{background:var(--mg-brand);color:#fff!important;} .mg-btn.pri:hover{background:var(--mg-brand-d);} .mg-btn.ghost{color:var(--mg-ink);} .mg-btn.ghost:hover{color:var(--mg-brand);}
.mg-dd{position:relative;} .mg-dd-t{display:inline-flex;align-items:center;gap:5px;} .mg-dd-t svg{width:14px;height:14px;transition:transform .2s var(--mg-expo);} .mg-dd:hover .mg-dd-t svg,.mg-dd:focus-within .mg-dd-t svg{transform:rotate(180deg);}
.mg-dd-panel{position:absolute;top:100%;left:-20px;width:590px;padding-top:14px;transform:translateY(6px);opacity:0;visibility:hidden;transition:opacity .2s,transform .25s var(--mg-expo),visibility .2s;} .mg-dd:hover .mg-dd-panel,.mg-dd:focus-within .mg-dd-panel{opacity:1;visibility:visible;transform:none;}
.mg-dd-in{background:#fff;border:1px solid var(--mg-line);border-radius:24px;box-shadow:0 30px 70px -30px rgba(39,31,99,.45);padding:14px;}
.mg-links .mg-dd-all{display:block;border-radius:16px;padding:14px 16px;margin-bottom:8px;background:var(--mg-soft);} .mg-dd-all b{display:block;font-size:15px;font-weight:500;color:var(--mg-brand-d);} .mg-dd-all span{display:block;font-size:13px;color:var(--mg-muted);white-space:normal;margin-top:2px;}
.mg-dd-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;} .mg-links .mg-dd-grid a{border-radius:12px;padding:10px 14px;font-size:14.5px;} .mg-links .mg-dd-grid a:hover{background:var(--mg-panel);color:var(--mg-brand);}
.mg-burger{display:none;margin-left:auto;width:46px;height:46px;border-radius:50%;border:1px solid #D9D9E4;background:#fff;align-items:center;justify-content:center;cursor:pointer;color:var(--mg-ink);} .mg-burger svg{width:22px;height:22px;}
.mg-drawer{display:none;margin:8px 16px 0;background:#fff;border:1px solid var(--mg-line);border-radius:24px;box-shadow:0 24px 50px -28px rgba(39,31,99,.4);padding:8px 16px 16px;max-height:calc(100vh - 100px);overflow:auto;} .mg-drawer.open{display:block;} .mg-drawer a{display:block;padding:14px 6px;border-bottom:1px solid var(--mg-line);} .mg-drawer a.mg-btn{border:0;margin-top:14px;display:flex;color:#fff;}
@media(max-width:1100px){.mg-links,.mg-cta{display:none;}.mg-burger{display:inline-flex;}.mg-nav{height:68px;}}
/* leave room for the fixed header on pages that do not pad for it */
body.mg-has-chrome{padding-top:0;}
/* ── footer ── */
.mg-footer{position:relative;z-index:2;clear:both;margin-top:clamp(40px,6vw,80px);padding:clamp(48px,6vw,80px) 0 0;border-radius:44px 44px 0 0;color:#fff;overflow:hidden;font-size:16px;line-height:1.55;background:radial-gradient(900px 480px at 88% -10%,rgba(201,184,255,.28),transparent 60%),radial-gradient(700px 400px at -5% 100%,rgba(116,98,171,.38),transparent 60%),var(--mg-brand-d);}
.mg-wrap{max-width:1680px;margin:0 auto;padding:0 clamp(20px,4.5vw,88px);position:relative;}
.mg-footer a{text-decoration:none;color:inherit;}
.mg-ftop{display:flex;align-items:flex-end;justify-content:space-between;gap:28px 48px;flex-wrap:wrap;padding-bottom:clamp(32px,4vw,52px);border-bottom:1px solid rgba(255,255,255,.14);}
.mg-ftop h2{margin:0!important;font-size:clamp(1.9rem,3.6vw,3.2rem)!important;font-weight:400!important;letter-spacing:-.03em!important;line-height:1.08!important;color:#fff!important;max-width:22ch;} .mg-ftop h2 em{font-style:normal;color:#C9B8FF;}
.mg-ftop p{margin:12px 0 0;color:rgba(255,255,255,.7);font-weight:300;max-width:44ch;}
.mg-fcta{display:inline-flex;align-items:center;gap:10px;background:#fff;color:var(--mg-brand-d)!important;border-radius:999px;padding:0 30px;min-height:58px;font-weight:500;font-size:17px;white-space:nowrap;transition:background-color .2s,transform .2s var(--mg-expo);} .mg-fcta:hover{background:#C9B8FF;transform:translateY(-2px);} .mg-fcta svg{width:18px;height:18px;transition:transform .2s;} .mg-fcta:hover svg{transform:translateX(3px);}
.mg-fgrid{display:grid;grid-template-columns:1.3fr repeat(4,1fr);gap:32px;padding:clamp(32px,4vw,52px) 0;}
.mg-fbrand img{height:38px!important;width:auto!important;max-width:none!important;display:block;margin-bottom:16px;background:#fff;border-radius:14px;padding:6px 12px;box-sizing:content-box;} .mg-fbrand p{font-size:14.5px;color:rgba(255,255,255,.7);max-width:34ch;margin:0 0 18px;font-weight:300;}
.mg-social{display:flex;gap:8px;flex-wrap:wrap;} .mg-social a{display:inline-flex;align-items:center;gap:6px;border:1px solid rgba(255,255,255,.22);border-radius:999px;padding:7px 14px;font-size:13.5px;transition:background-color .2s,border-color .2s,transform .2s var(--mg-expo);} .mg-social a:hover{background:rgba(255,255,255,.12);border-color:#C9B8FF;transform:translateY(-2px);} .mg-social svg{width:13px;height:13px;opacity:.7;}
.mg-fcol h3{font-size:12.5px!important;font-weight:500!important;color:#C9B8FF!important;margin:0 0 14px!important;letter-spacing:.06em!important;text-transform:uppercase;line-height:1.4!important;}
.mg-fcol a{display:block;font-size:14.5px;color:rgba(255,255,255,.78);padding:5px 0;transition:color .2s,transform .25s var(--mg-expo);} .mg-fcol a:hover{color:#fff;transform:translateX(5px);}
.mg-fbot{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:20px 0 28px;border-top:1px solid rgba(255,255,255,.14);font-size:13px;color:rgba(255,255,255,.55);position:relative;z-index:1;}
.mg-mark{font-size:clamp(4rem,17vw,16rem);font-weight:600;letter-spacing:-.06em;line-height:.78;text-align:center;white-space:nowrap;user-select:none;pointer-events:none;background:linear-gradient(180deg,rgba(201,184,255,.34),rgba(201,184,255,0) 78%);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;margin:0 0 -.12em;overflow:hidden;}
@media(max-width:980px){.mg-fgrid{grid-template-columns:repeat(2,1fr);}.mg-fbrand{grid-column:1/-1;}} @media(max-width:640px){.mg-footer{border-radius:30px 30px 0 0;}}