/* Marketing Lead | Unified Lavender 2026 | 22 Oct 2026
   Shared across all public templates. Homepage is the visual reference.
   Primary brand accent #9881AF. Deliberately quiet, accessible presentation.
   Admin and WhatsApp brand green are left alone.
*/
:root{
  --ml-lavender:#9881AF;
  --ml-lavender-dark:#6E5686;
  --ml-lavender-deep:#584569;
  --ml-lavender-mist:#F6F2F9;
  --ml-lavender-pearl:#FEFCFF;
  --ml-lavender-line:#E7E0ED;
  --ml-lavender-shadow:rgba(72,54,90,.075);
  --ml-soft-violet:#9881AF;--ml-soft-violet2:#A994BF;
  --ml-form-purple:#9881AF;--ml-form-orange:#A994BF;--ml-form-pink:#9881AF;
  --purple:#9881AF;--orange:#9881AF;--pink:#9881AF;
}
html{color-scheme:light}
body{background:var(--ml-lavender-pearl)!important;color:#27263B!important}
.site-header{background:rgba(255,255,255,.97)!important;border-bottom:1px solid #EDE7F1!important;box-shadow:0 9px 24px rgba(44,34,60,.045)!important}
/* Uniform headline treatment without neon pink or orange. */
main .hero-content h1,main .ml-lux-hero h2{
 color:#252637!important;font-weight:800!important;letter-spacing:-.046em!important;
 line-height:1.105!important;text-wrap:balance;
}
main .hero-content h1{font-size:clamp(2.65rem,4.35vw,4.35rem)!important;margin-bottom:21px!important}
main .hero-content h1 span,main .hero-content h1 .highlight,
main .hero-content h1 .ml-glass-gradient-text,main .ml-lux-hero h2 span{
 background:none!important;color:#9881AF!important;-webkit-text-fill-color:#9881AF!important;
 text-shadow:none!important;
}
main .hero-content .eyebrow,main .hero-content [class*="eyebrow"]{
 background:#F7F2FA!important;border:1px solid #E8DDED!important;color:#705B83!important;
 border-radius:999px!important;font-size:11px!important;letter-spacing:.09em!important;
}
main .hero-content p{color:#62667C!important;line-height:1.78!important}
main .hero-content p strong{color:#4D506B!important}
main h2,main h3,main h4{letter-spacing:-.028em;text-wrap:balance}
main :where(h2,h3,h4) :where(span.highlight,.gradient-text){color:#9881AF!important;background:none!important;-webkit-text-fill-color:#9881AF!important}
/* Make the old service benefits look like the homepage icon cards. */
main .hero-content .hero-points.ml-unified-service-grid,
main .hero-content .hero-points:not(.ml-luxury-services){
 display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
 gap:12px!important;margin:25px 0 27px!important;padding:0!important;
}
main .hero-content .hero-points .hero-point.ml-unified-service-card,
main .hero-content .hero-points:not(.ml-luxury-services) .hero-point{
 min-height:78px!important;margin:0!important;padding:12px 13px!important;
 display:flex!important;align-items:center!important;gap:12px!important;
 border:1px solid #EAE2EF!important;border-radius:17px!important;
 background:linear-gradient(145deg,#FFFFFF 0%,#FDFBFE 100%)!important;
 box-shadow:0 8px 22px rgba(63,48,84,.045)!important;
 color:#2A2A3D!important;font-size:14px!important;font-weight:700!important;line-height:1.4!important;
 text-align:left!important;letter-spacing:normal!important;
 position:relative!important;overflow:hidden!important;
}
main .hero-content .hero-points .hero-point.ml-unified-service-card::before{content:none!important}
.ml-unified-card-icon{
 width:42px;min-width:42px;height:42px;border-radius:12px;
 display:flex;justify-content:center;align-items:center;
 background:linear-gradient(145deg,#F5EFF9,#FAF8FC);color:#806595;
 border:1px solid #ECE2F3;box-shadow:0 5px 10px rgba(79,53,97,.045);
}
.ml-unified-card-icon svg{width:22px;height:22px;display:block}
.ml-unified-card-copy{display:flex;flex-direction:column;gap:4px;min-width:0}
.ml-unified-card-copy strong{font-size:13px;color:#29283D;font-weight:750;line-height:1.35}
.ml-unified-card-copy small{font-size:11px;font-weight:450;line-height:1.35;color:#78758B}
/* Saved CMS bodies may retain plain text cards. Style those too, without changing their content. */
main .hero-content .hero-points:not(.ml-luxury-services) .hero-point:not(.ml-unified-service-card)::before{
 content:""!important;width:25px;height:25px;min-width:25px;border:1px solid #D8C7E4;
 border-radius:9px;background:radial-gradient(circle,#9881AF 0 3px,#F5F0F8 3.5px);
 margin:0;position:static;box-shadow:none;transform:none;
}
/* Homepage service cards: align weight and soft shadows with other pages. */
main .ml-luxury-service,main .ml-unified-service-card{
 transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease;
}
main a.ml-luxury-service:hover{transform:translateY(-2px)!important;border-color:#D2C0E0!important;box-shadow:0 11px 28px rgba(69,51,88,.09)!important}
main .ml-luxury-service-icon,main .ml-luxury-service-arrow,
main .ml-glass-field-icon{color:#9881AF!important}
/* Homepage-compatible glass consultation card on every commercial page. */
main .ml-form-shell.ml-lavender-form-panel,
main .ml-form-shell{
 position:relative;border:1px solid #DCD1E6!important;border-radius:28px!important;
 background:radial-gradient(ellipse 280px 160px at 100% 2%,rgba(181,160,200,.09),transparent 80%),
 linear-gradient(140deg,rgba(255,255,255,.99),rgba(252,250,254,.98))!important;
 box-shadow:0 22px 55px rgba(53,38,80,.082),inset 0 1px 0 #fff!important;
 padding:32px!important;overflow:hidden;
}
main .ml-form-shell::before{
 background:linear-gradient(90deg,#9881AF,#C5B3D4,#E7DCEB)!important;
 height:2px!important;opacity:.8!important;
}
main .ml-form-shell .ml-form-kicker,
main .ml-form-kicker{
 display:inline-flex;align-items:center;gap:7px;background:#F3EDF7!important;
 color:#725C86!important;border:1px solid #E8DFF0!important;
 border-radius:999px!important;padding:6px 12px!important;
 letter-spacing:.075em!important;font-size:10px!important;
 font-weight:800!important;line-height:1.2!important;
}
main .ml-form-shell :is(h2,h3){
 color:#28273B!important;font-size:clamp(22px,2.2vw,29px)!important;
 font-weight:800!important;line-height:1.2!important;letter-spacing:-.046em!important;
 margin:13px 0 10px!important;
}
main .ml-form-shell > p:not(.ml-form-privacy){color:#737188!important;font-size:13px!important;line-height:1.65!important}
/* Two balanced fields, followed by full-width fields on all direct-input forms. */
main form[data-ml-form="consultation"]:not(.ml-glass-consultation-form){
 display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
 gap:12px!important;align-items:stretch!important;margin-top:19px!important;
}
main form[data-ml-form="consultation"]:not(.ml-glass-consultation-form)>:is(input[name="email"],input[name="website"],select,textarea,button[type="submit"]){grid-column:1 / -1!important}
main form[data-ml-form="consultation"]:not(.ml-glass-consultation-form)>:is(input[name="name"],input[name="phone"]){grid-column:auto!important;min-width:0!important}
main form[data-ml-form="consultation"]:not(.ml-glass-consultation-form)>div:has(input[name="company_website"]){position:absolute!important;left:-10000px!important;height:1px!important;width:1px!important;overflow:hidden!important}
main form[data-ml-form="consultation"] :is(input:not([type="hidden"]),textarea,select){
 width:100%!important;box-sizing:border-box!important;min-width:0!important;
 border:1px solid #E5DFEB!important;border-radius:14px!important;
 background:#FFFFFF!important;color:#333148!important;
 box-shadow:0 4px 10px rgba(44,31,62,.028)!important;
 font-family:inherit!important;font-size:13px!important;font-weight:500!important;
 transition:border-color .2s ease,box-shadow .2s ease!important;
}
main form[data-ml-form="consultation"] :is(input:not([type="hidden"]),select){min-height:52px!important;height:52px!important;padding:12px 14px!important}
main form[data-ml-form="consultation"] textarea{min-height:106px!important;height:106px!important;max-height:200px!important;padding:15px!important;resize:vertical!important}
main form[data-ml-form="consultation"] :is(input,select,textarea)::placeholder{color:#888398!important;opacity:1}
main form[data-ml-form="consultation"] :is(input,textarea,select):focus-visible{
 border-color:#9881AF!important;outline:2px solid rgba(152,129,175,.45)!important;
 outline-offset:1px!important;box-shadow:0 0 0 4px rgba(152,129,175,.10)!important;
}
/* Homepage icon fields remain icon-padded. */
main form.ml-glass-consultation-form .ml-glass-field :is(input,select,textarea){padding-left:42px!important}
main form[data-ml-form="consultation"] button[type="submit"],
main .ml-submit-button{
 min-height:54px!important;border:1px solid #806A96!important;border-radius:14px!important;
 background:linear-gradient(112deg,#705985 0%,#86709D 63%,#917BA6 100%)!important;
 color:white!important;font-weight:800!important;font-size:13px!important;
 box-shadow:0 9px 19px rgba(93,73,118,.17)!important;
 cursor:pointer;transition:filter .2s ease,transform .2s ease!important;
}
main form[data-ml-form="consultation"] button[type="submit"]:hover{filter:brightness(.96);transform:translateY(-1px)}
main form[data-ml-form="consultation"] button[type="submit"]:focus-visible{outline:3px solid #C4B4D2!important;outline-offset:3px}
main .ml-form-privacy{color:#898396!important;font-size:11px!important;line-height:1.6!important;margin-top:12px!important;text-align:center!important}
main .ml-form-privacy a{color:#65507D!important;font-weight:750!important}
main .ml-form-fast-track{background:#FBF9FC!important;border:1px solid #EBE4F0!important;border-radius:15px!important;box-shadow:none!important}
/* Buttons, chips, badges and service section layouts with a single muted hue. */
main :is(.btn-primary,.btn-orange,.industries-cta,.ml-lux-btn),
main a[class*="consultation-btn"]{
 background:linear-gradient(115deg,#74618B,#9881AF)!important;
 border:1px solid #8D77A4!important;color:#fff!important;
 box-shadow:0 10px 24px rgba(97,77,119,.13)!important;border-radius:13px!important;
}
main :is(.btn-white,.btn-outline,.ml-glass-secondary-link){background:#fff!important;color:#41384F!important;border:1px solid #E2D9E9!important;box-shadow:none!important;border-radius:13px!important}
main .industries-luxury{background:linear-gradient(135deg,#FFFFFF,#F8F4FB)!important;border-color:#EAE2F1!important;color:#29283D!important}
main .industries-luxury :is(h2,h3){color:#29283D!important}
main .industries-luxury p{color:#68677C!important}
main .industry-luxury-card{background:rgba(255,255,255,.94)!important;border-color:#EAE4EF!important;color:#29283D!important}
main section.cta,main .ml-lux-cta{background:linear-gradient(120deg,#FDFBFE,#F6F1F9)!important;border-color:#EAE3EF!important;color:#29283D!important}
main section.cta :is(h2,p){color:#333148!important}
.ml-lux-contact-card{background:linear-gradient(130deg,#F4EFF8,#FAF7FC)!important;border-color:#E8DDEE!important;color:#333148!important}
.ml-lux-contact-card :is(strong,p,a:not(.ml-lux-btn)){color:#443B54!important}
/* Avoid decorative saturated hot pink/orange shadows and badge rings. */
main :is(.stat-icon,.feature-icon,.ml-lux-feature i){color:#9881AF!important}
main :is(.stat-box,.ml-lux-feature,.feature-card){box-shadow:0 10px 30px var(--ml-lavender-shadow)!important}
/* Respect motion preferences and mobile readability. */
@media(max-width:900px){
 main .ml-form-shell{padding:24px!important}
 main .hero-content h1{font-size:clamp(2.3rem,6.5vw,3.6rem)!important}
}
@media(max-width:600px){
 main .hero-content h1{font-size:clamp(2.05rem,9vw,3.0rem)!important;letter-spacing:-.036em!important}
 main .hero-content .hero-points.ml-unified-service-grid,
 main .hero-content .hero-points:not(.ml-luxury-services){grid-template-columns:minmax(0,1fr)!important;gap:9px!important}
 main .ml-form-shell{border-radius:21px!important;padding:21px!important}
 main form[data-ml-form="consultation"]:not(.ml-glass-consultation-form){grid-template-columns:minmax(0,1fr)!important}
 main form[data-ml-form="consultation"]:not(.ml-glass-consultation-form)>*{grid-column:1 / -1!important}
 main .ml-unified-service-card{min-height:68px!important}
}
@media(prefers-reduced-motion:reduce){main .ml-unified-service-card,main a.ml-luxury-service,main form[data-ml-form="consultation"] button{transition:none!important;transform:none!important}}