/* Round 45: marketing-site look for the platform's public pages (store directory, sign-up, referral, pricing, legal...).
   Loaded LAST so it wins over each page's own <style>. Everything is scoped to body.ba-mk-ui or to .mk-* shell classes. */
:root{--mk-ink:#0f1b2d;--mk-ink2:#1f2937;--mk-muted:#4b5563;--mk-line:#d9dee5;--mk-surface:#f5f7f9;--mk-brand:#0f766e;--mk-brand-dark:#115e59;--mk-brand-soft:#e6f4f2;--mk-radius:6px;
  --mk-font:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif}
/* header + footer */
.mk-header{position:sticky;top:0;z-index:1040;background:#fff;border-bottom:1px solid var(--mk-line);font-family:var(--mk-font)}
.mk-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;max-width:1120px;margin:0 auto;padding:10px 20px;min-height:64px}
.mk-brand{display:inline-flex;align-items:center;gap:10px;font-weight:800;font-size:1.15rem;color:var(--mk-ink)!important;text-decoration:none!important}
.mk-brand img{width:32px;height:32px;border-radius:var(--mk-radius);object-fit:contain}
.mk-links{display:flex;align-items:center;gap:4px;flex-wrap:wrap}
.mk-links a{color:var(--mk-ink2);text-decoration:none;padding:8px 12px;border-radius:var(--mk-radius);font-weight:600;font-size:.95rem}
.mk-links a:hover{background:var(--mk-surface);color:var(--mk-ink)}
.mk-links a.mk-btn{background:var(--mk-brand);color:#fff;border:2px solid var(--mk-brand);margin-left:6px;font-weight:700;padding:7px 14px}
.mk-links a.mk-btn:hover{background:var(--mk-brand-dark);border-color:var(--mk-brand-dark);color:#fff}
.mk-footer{background:var(--mk-ink);color:#cbd5e1;font-family:var(--mk-font);margin-top:56px;padding:48px 0 24px}
.mk-fwrap{max-width:1120px;margin:0 auto;padding:0 20px}
.mk-fgrid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:32px}
.mk-footer h2{font-size:.85rem;text-transform:uppercase;letter-spacing:.08em;color:#fff;margin:0 0 12px}
.mk-footer ul{list-style:none;margin:0;padding:0}.mk-footer li{margin:6px 0}
.mk-footer a{color:#cbd5e1;text-decoration:none}.mk-footer a:hover{color:#fff;text-decoration:underline}
.mk-brand-light{color:#fff!important}.mk-ftag{margin:12px 0 0;font-size:.92rem;color:#94a3b8}
.mk-legal{border-top:1px solid #334155;margin-top:32px;padding-top:16px;font-size:.85rem;color:#94a3b8}
@media(max-width:760px){.mk-fgrid{grid-template-columns:1fr 1fr}.mk-links a{padding:6px 8px;font-size:.9rem}}

/* retheme the pages themselves */
body.ba-mk-ui{font-family:var(--mk-font)!important;background:#fff!important;color:var(--mk-ink2)!important}
body.ba-mk-ui h1,body.ba-mk-ui h2,body.ba-mk-ui h3,body.ba-mk-ui h4{font-family:var(--mk-font)!important;color:var(--mk-ink)}
body.ba-mk-ui a{color:var(--mk-brand-dark)}
body.ba-mk-ui .hero{background:var(--mk-surface)!important;color:var(--mk-ink)!important;border-bottom:1px solid var(--mk-line)!important;box-shadow:none!important;padding-top:48px!important;padding-bottom:40px!important}
body.ba-mk-ui .hero:after,body.ba-mk-ui .hero:before,body.ba-mk-ui #sd-scene{display:none!important}
body.ba-mk-ui .hero h1,body.ba-mk-ui .hero h2,body.ba-mk-ui .hero p,body.ba-mk-ui .hero .lead{color:var(--mk-ink)!important;text-shadow:none!important}
body.ba-mk-ui .hero p{color:var(--mk-muted)!important}
body.ba-mk-ui .hero i.fas,body.ba-mk-ui .hero i.fa-solid{color:var(--mk-brand)!important}
body.ba-mk-ui .trial-pill{background:var(--mk-brand-soft)!important;color:var(--mk-brand-dark)!important;border:1px solid var(--mk-line)!important}
body.ba-mk-ui .btn,body.ba-mk-ui button.btn{border-radius:var(--mk-radius)!important;font-weight:700}
body.ba-mk-ui .btn-primary,body.ba-mk-ui .btn-success{background:var(--mk-brand)!important;border-color:var(--mk-brand)!important;color:#fff!important}
body.ba-mk-ui .btn-primary:hover,body.ba-mk-ui .btn-success:hover{background:var(--mk-brand-dark)!important;border-color:var(--mk-brand-dark)!important}
body.ba-mk-ui .btn-outline-primary{color:var(--mk-brand-dark)!important;border-color:var(--mk-brand)!important;background:#fff!important}
body.ba-mk-ui .btn-outline-primary:hover{background:var(--mk-brand)!important;color:#fff!important}
body.ba-mk-ui .store-card,body.ba-mk-ui .card,body.ba-mk-ui .section-card,body.ba-mk-ui .plan-card,body.ba-mk-ui .wrap>section{border-radius:var(--mk-radius)!important;border:1px solid var(--mk-line)!important;box-shadow:none!important;background:#fff}
body.ba-mk-ui input:not([type=checkbox]):not([type=radio]),body.ba-mk-ui select,body.ba-mk-ui textarea{border-radius:var(--mk-radius)!important;border:1px solid var(--mk-line)!important}
body.ba-mk-ui input:focus,body.ba-mk-ui select:focus,body.ba-mk-ui textarea:focus{border-color:var(--mk-brand)!important;box-shadow:0 0 0 3px rgba(15,118,110,.18)!important}
body.ba-mk-ui .text-primary{color:var(--mk-brand)!important}
body.ba-mk-ui .badge.bg-primary{background:var(--mk-brand)!important}

/* Round 49: footer/header link colours must beat 'body.ba-mk-ui a' (they were dark teal on a dark footer) */
body.ba-mk-ui .mk-footer a{color:#cbd5e1!important;text-decoration:none}
body.ba-mk-ui .mk-footer a:hover{color:#fff!important;text-decoration:underline}
body.ba-mk-ui .mk-footer .mk-brand{color:#fff!important}
body.ba-mk-ui .mk-links a{color:var(--mk-ink2)!important}
body.ba-mk-ui .mk-links a:hover{color:var(--mk-ink)!important}
body.ba-mk-ui .mk-links a.mk-btn{color:#fff!important}
body.ba-mk-ui .mk-brand{color:var(--mk-ink)!important}
/* one footer only: hide the page's own legal bar and copyright line when the marketing footer is present */
body.ba-mk-ui .ba-public-legal,body.ba-mk-ui .ref-footer,body.ba-mk-ui .ba-pub-foot{display:none!important}