:root{--mk-plum:#310225;--mk-brand:#8C0377;--mk-gold:#DBAD14;--mk-text:#2D3142;--mk-border:rgba(49,2,37,.12);--mk-rad:20px}
#wrapwrap{-webkit-font-smoothing:antialiased}
#wrapwrap :where(h1,h2,h3,h4,h5,h6){letter-spacing:-.025em;text-wrap:balance}
#wrapwrap :where(p,li){line-height:1.72}
#wrapwrap :where(a,button){transition:color .2s,background-color .2s,border-color .2s,transform .2s,box-shadow .2s}
#wrapwrap header#top .navbar{border-bottom:1px solid var(--mk-border)}
#wrapwrap header#top .nav-link{font-weight:550}
#wrapwrap .btn-primary{background:var(--mk-brand);border-color:var(--mk-brand);border-radius:999px;padding-inline:1.5rem;box-shadow:0 7px 22px rgba(140,3,119,.13)}
#wrapwrap .btn-primary:hover{background:var(--mk-plum);border-color:var(--mk-plum);transform:translateY(-1px)}
#wrapwrap .btn-outline-primary{border-color:var(--mk-brand);color:var(--mk-brand);border-radius:999px}
#wrapwrap .btn-outline-primary:hover{background:var(--mk-brand);color:white}
#wrapwrap :where(.form-control,.form-select){border-radius:12px}
#wrapwrap :where(.form-control,.form-select):focus{border-color:var(--mk-brand);box-shadow:0 0 0 .2rem rgba(140,3,119,.09)}
#wrapwrap :where(.card,.o_wblog_post_card,.o_wblog_card){border-radius:var(--mk-rad);overflow:hidden}
#wrapwrap :where(.o_wblog_post_card,.o_wblog_card){box-shadow:0 12px 36px rgba(49,2,37,.08);border:1px solid var(--mk-border)}
#wrapwrap :where(.o_wblog_post_card,.o_wblog_card):hover{box-shadow:0 20px 60px rgba(49,2,37,.14);transform:translateY(-2px)}
#wrapwrap footer{border-top:1px solid var(--mk-border)}
#wrapwrap .s_kickoff h1{line-height:1.08}
#wrapwrap :where(.s_image_text,.s_text_image,.s_three_columns,.s_features) img{border-radius:clamp(8px,2vw,20px)}
#wrapwrap :where(.s_three_columns,.s_features) .card{box-shadow:0 14px 38px rgba(49,2,37,.08);border:1px solid var(--mk-border)}
#wrapwrap .mk-native-article,#wrapwrap .mk-native-content{background:#FCF8FB;color:var(--mk-text);text-align:left;padding:clamp(34px,6vw,92px) 0;overflow-wrap:anywhere}
#wrapwrap :where(.mk-native-article,.mk-native-content) .mk-editorial-shell{width:min(calc(100% - 32px),1100px);margin:auto;padding:clamp(22px,4vw,56px);background:#fff;border:1px solid var(--mk-border);box-shadow:0 18px 65px rgba(49,2,37,.09);border-radius:clamp(14px,3vw,28px)}
#wrapwrap .mk-native-content .mk-editorial-shell{width:min(calc(100% - 32px),1200px)}
#wrapwrap :where(.mk-native-article,.mk-native-content) :where(h1,h2,h3,h4,h5,h6){color:var(--mk-plum);line-height:1.3;margin:1.45em 0 .65em}
#wrapwrap :where(.mk-native-article,.mk-native-content) h1{color:var(--mk-brand);margin-top:0;font-size:clamp(2rem,4vw,3.4rem)}
#wrapwrap :where(.mk-native-article,.mk-native-content) h2{border-bottom:1px solid var(--mk-border);padding-bottom:.4em}
#wrapwrap :where(.mk-native-article,.mk-native-content) :where(p,ul,ol,blockquote,table){margin-bottom:1.15rem}
#wrapwrap :where(.mk-native-article,.mk-native-content) a:not(.btn){color:var(--mk-brand);text-decoration-color:var(--mk-gold);text-underline-offset:3px}
#wrapwrap :where(.mk-native-article,.mk-native-content) :where(img,video){max-width:100%;height:auto;border-radius:12px}
#wrapwrap :where(.mk-native-article,.mk-native-content) blockquote{border-left:4px solid var(--mk-gold);background:#FFF9E8;padding:1rem 1.5rem;border-radius:0 14px 14px 0}
#wrapwrap :where(.mk-native-article,.mk-native-content) table{width:100%;border-collapse:collapse;display:block;overflow-x:auto;border-radius:12px;border:1px solid var(--mk-border)}
#wrapwrap :where(.mk-native-article,.mk-native-content) :where(td,th){border:1px solid var(--mk-border);padding:.65rem 1rem;vertical-align:top}
#wrapwrap :where(.mk-native-article,.mk-native-content) th{background:#F7EBF5;color:var(--mk-plum)}
#wrapwrap :where(.mk-native-article,.mk-native-content) :where(ul,ol){padding-left:1.7rem}
#wrapwrap :where(.mk-native-article,.mk-native-content) figure{margin:1.8rem 0}
#wrapwrap :where(.mk-native-article,.mk-native-content) figcaption{color:#65697A;font-size:.9em;text-align:center}
#wrapwrap :where(.mk-native-article,.mk-native-content) .mk-native-note{padding:1.2rem 1.5rem;border:1px solid rgba(219,173,20,.4);border-radius:14px;background:#FFF9E8;color:var(--mk-text)}
@media(max-width:768px){#wrapwrap :where(.mk-native-article,.mk-native-content) .mk-editorial-shell{padding:22px 18px}#wrapwrap :where(.mk-native-article,.mk-native-content) h1{font-size:clamp(1.8rem,7vw,2.7rem)}}
@media(prefers-reduced-motion:reduce){#wrapwrap *{transition-duration:.01ms!important;scroll-behavior:auto!important}}

/* Preserve dashboard application grid and responsive sizing while making DOM editor-selectable. */
#wrapwrap .mk-live-dashboard{padding:0;background:transparent;color:inherit;position:relative}
#wrapwrap .mk-live-dashboard .mk-dashboard-canvas{width:100%;max-width:100%;min-width:0;margin:0;padding:0}
#wrapwrap .mk-live-dashboard :where(canvas,svg,img){max-width:100%}
#wrapwrap .mk-live-dashboard .mk-dashboard-canvas :where(button,select,input){max-width:100%}

/* Toolkit question and recommendation source blocks remain native Website Editor content. */
#wrapwrap .mk-toolkit-editor-bank{padding:16px 24px;background:#FCF8FB;color:var(--mk-text)}
#wrapwrap .mk-toolkit-editor-bank details{max-width:1100px;margin:auto;padding:18px 24px;border:1px solid var(--mk-border);border-radius:16px;background:#fff}
#wrapwrap .mk-toolkit-editor-bank summary{cursor:pointer;color:var(--mk-brand);font-weight:700;padding:.5rem 0}
#wrapwrap .mk-toolkit-editor-bank :where(article,.mk-q-subsection,.mk-r-subsection){padding:1rem 0;border-bottom:1px solid var(--mk-border)}
#wrapwrap .mk-toolkit-editor-bank h2{color:var(--mk-plum)}
#wrapwrap .mk-toolkit-editor-bank h3{color:var(--mk-brand)}
#wrapwrap .mk-toolkit-editor-bank :where(li){line-height:1.65;margin-bottom:.5rem}

/* MUSKITTA homepage editorial system: native Odoo sections, original brand colors */
#wrapwrap .mk-home-pillars{background:#fff;color:var(--mk-text)}
#wrapwrap .mk-home-pillars .mk-home-eyebrow,
#wrapwrap .mk-home-cta .mk-home-eyebrow{color:var(--mk-gold);font-size:.87rem;letter-spacing:.16em;font-weight:800}
#wrapwrap .mk-home-pillars h2{color:var(--mk-plum);max-width:850px;line-height:1.18}
#wrapwrap .mk-home-pillars .lead{color:#626174;max-width:850px}
#wrapwrap .mk-home-feature{display:flex;flex-direction:column;background:linear-gradient(165deg,#FCF8FB,#fff);border:1px solid var(--mk-border);border-radius:24px;padding:clamp(24px,3vw,42px);box-shadow:0 16px 42px rgba(49,2,37,.08);transition:transform .23s,box-shadow .23s}
#wrapwrap .mk-home-feature:hover{transform:translateY(-5px);box-shadow:0 25px 65px rgba(49,2,37,.14)}
#wrapwrap .mk-home-feature h3{color:var(--mk-plum);margin:1rem 0 .6rem}
#wrapwrap .mk-home-feature p{color:#626174}
#wrapwrap .mk-home-number{color:var(--mk-brand);font-size:2rem;letter-spacing:-.05em;font-weight:750}
#wrapwrap .mk-home-feature .mk-feature-link{display:inline-flex;color:var(--mk-brand);text-decoration:none;font-weight:700;border-bottom:2px solid var(--mk-gold)}
#wrapwrap .mk-home-blog{margin-block:0;padding-block:clamp(22px,4vw,56px)}
#wrapwrap .mk-home-blog:nth-of-type(even){background:#FCF8FB}
#wrapwrap .mk-home-blog h2{letter-spacing:-.03em}
#wrapwrap .mk-home-engagements{padding-block:clamp(32px,5vw,72px)}
#wrapwrap .mk-home-engagements .col-lg-4{margin-bottom:1.5rem}
#wrapwrap .mk-home-cta{background:linear-gradient(120deg,var(--mk-plum),var(--mk-brand));color:white}
#wrapwrap .mk-home-cta h2{color:white;max-width:880px;margin:0 auto 1.2rem;line-height:1.18}
#wrapwrap .mk-home-cta p{color:#FFF0FC}
#wrapwrap .mk-home-cta .btn-warning{background:var(--mk-gold);border-color:var(--mk-gold);color:var(--mk-plum);border-radius:999px;padding-inline:1.8rem;font-weight:750}
#wrapwrap .mk-home-cta .btn-outline-light{border-radius:999px;padding-inline:1.8rem}
@media(max-width:768px){#wrapwrap .mk-home-feature{padding:24px}#wrapwrap .mk-home-cta h2{font-size:clamp(1.8rem,6vw,2.6rem)}}
