/*
 * MARKETING LEAD — PROFESSIONAL DESIGN SYSTEM (2026-10-08)
 * New unified visual layer. Keep this stylesheet LAST in the HTML head.
 * Purpose: replace the old pink / purple / orange visual treatments while
 * preserving sections, forms, CMS hooks, navigation and accessibility.
 */
:root{
  --mlp-ink:#172b35;
  --mlp-ink-2:#223843;
  --mlp-accent:#146e66;
  --mlp-accent-hover:#0e5750;
  --mlp-wash:#eaf3f1;
  --mlp-paper:#f6f8f7;
  --mlp-white:#fff;
  --mlp-muted:#61717a;
  --mlp-line:#dce5e3;
  --mlp-gold:#bda06d;
  --mlp-shadow:0 16px 44px rgba(19,43,47,.065);
  --mlp-shadow-hover:0 21px 55px rgba(19,43,47,.105);
  /* Bridge existing styles to a coherent palette. */
  --orange:#146e66;--orange-dark:#0e5750;--purple:#146e66;--pink:#4b8b83;
  --dark:#172b35;--heading:#172b35;--text:#61717a;--muted:#6e7e85;
  --border:#dce5e3;--light:#f6f8f7;--shadow:var(--mlp-shadow);
  --mlu-ink:#172b35;--mlu-text:#61717a;--mlu-purple:#146e66;
  --mlu-purple-dark:#0e5750;--mlu-pink:#408a80;--mlu-orange:#146e66;
  --mlu-gold:#bda06d;--mlu-pearl:#f6f8f7;
  --mlu-border:#dce5e3;--mlu-shadow:var(--mlp-shadow);
  --ml-form-orange:#146e66;--ml-form-orange2:#146e66;
  --ml-form-pink:#408a80;--ml-form-purple:#146e66;
  --ml-form-ink:#172b35;--ml-form-muted:#61717a;--ml-form-border:#d7e2df;
}
html{scroll-behavior:smooth;scroll-padding-top:90px}
body{color:var(--mlp-ink)!important;background:#fff!important;font-family:Poppins,Arial,sans-serif!important;-webkit-font-smoothing:antialiased}
body p,body li{color:inherit}
::selection{background:#d8eae5;color:#172b35}
a{transition:color .18s ease,background-color .18s ease,border-color .18s ease}
a:not(.btn):not(.header-whatsapp):hover{color:var(--mlp-accent)}
:where(a,button,input,textarea,select,summary):focus-visible{outline:3px solid rgba(20,110,102,.55)!important;outline-offset:3px!important}
img{max-width:100%}
main{isolation:isolate}
/* Comfortable, deliberately restrained section rhythm. */
.section,.smm-section,.sem-section,.dev-section,.elg-section,.crm-section{scroll-margin-top:94px}
.section-light,.section-soft,.dev-section--light,.sem-section--light,.smm-section--light,.elg-section--light,.crm-section-soft,
.dev-section--soft,.sem-section--soft,.smm-section--soft,.elg-section--soft{background:var(--mlp-paper)!important}
/* Headlines and typography: no rainbow lettering. */
:is(h1,h2,h3,h4,h5,h6),.section-title h2,.elg-title,.sem-title,.smm-title,.dev-title{color:var(--mlp-ink)}
:is(.gradient-text,.text-gradient,.gradient-heading,.hero-gradient-text,.ml-gradient-text,.ml-lux-cta h2 span){
  background:none!important;background-image:none!important;color:var(--mlp-accent)!important;
  -webkit-text-fill-color:var(--mlp-accent)!important;text-shadow:none!important
}
:is(.small-title,.eyebrow,.elg-kicker,.sem-kicker,.smm-kicker,.dev-kicker,.ml-form-kicker,.ml-lux-kicker){
  color:var(--mlp-accent)!important;background:var(--mlp-wash)!important;
  border:1px solid #d0e4df!important;border-radius:999px!important;
  letter-spacing:.065em!important;font-weight:750!important;box-shadow:none!important;
}
/* Header/navigation */
.site-header{background:rgba(255,255,255,.97)!important;border-bottom:1px solid var(--mlp-line)!important;
  box-shadow:0 3px 18px rgba(19,43,47,.035)!important;backdrop-filter:blur(14px)}
.site-header .container{min-height:80px!important}
.site-header .site-logo img{width:214px!important;max-width:100%;height:auto!important;object-fit:contain}
.site-nav>a,.site-nav>.nav-item>.nav-link{color:var(--mlp-ink-2)!important;font-size:12.5px!important;font-weight:700!important;letter-spacing:.045em!important}
.site-nav>a:hover,.site-nav>.nav-item:hover>.nav-link,.site-nav .active{color:var(--mlp-accent)!important}
.header-contact>a,.header-contact .header-whatsapp,.header-contact .header-email{
  background:transparent!important;color:var(--mlp-ink)!important;border:1px solid var(--mlp-line)!important;
  border-radius:10px!important;box-shadow:none!important;font-weight:700!important;
}
.header-contact>a:hover{background:var(--mlp-wash)!important;border-color:#b2d3cb!important;color:var(--mlp-accent)!important}
.header-contact .header-whatsapp i{color:var(--mlp-accent)!important}
.mega-menu{background:#fff!important;border:1px solid var(--mlp-line)!important;border-radius:18px!important;
  box-shadow:0 22px 60px rgba(19,43,47,.12)!important}
.mega-col{background:var(--mlp-paper)!important;border:1px solid #e8eeec!important;border-radius:14px!important;box-shadow:none!important}
.mega-col h3,.mega-col h3>a{color:var(--mlp-ink)!important}
.mega-col a{color:#42555c!important}
.mega-col a:hover{color:var(--mlp-accent)!important}
.ml-nav-svg-icon{color:var(--mlp-accent)!important;background:white!important;
  border:1px solid #cde1dc!important;box-shadow:none!important}
.ml-nav-svg-icon svg{stroke:var(--mlp-accent)!important}
.menu-icon{background:#fff!important;border:1px solid var(--mlp-line)!important;border-radius:10px!important;color:var(--mlp-ink)!important}
/* Hero */
.hero,.smm-hero,.sem-hero,.dev-hero,.elg-hero,.crm-hero,.ml-seo-hero,.team-hero,.legal-hero,.policy-hero{
  background:var(--mlp-paper)!important;background-image:none!important;color:var(--mlp-ink)!important;
}
.hero::before,.hero::after,.smm-hero::before,.sem-hero::before,.dev-hero::before,.elg-hero::before{opacity:.12!important;filter:grayscale(1)!important}
.hero h1,.smm-hero h1,.sem-hero h1,.dev-hero h1,.elg-hero h1,.crm-hero h1,.ml-seo-hero h1{
  color:var(--mlp-ink)!important;letter-spacing:-.04em!important;font-weight:800!important
}
.hero p,.hero-lead,.smm-hero p,.sem-hero p,.dev-hero p,.elg-hero p{color:#526770!important}
.hero-point{background:#fff!important;border:1px solid var(--mlp-line)!important;
  box-shadow:none!important;border-radius:12px!important;color:var(--mlp-ink)!important}
.hero-point::before{background:var(--mlp-wash)!important;color:var(--mlp-accent)!important;
  border:1px solid #cde3dc!important}
/* Buttons: solid tones, no orbs / floating arrow bubbles / color gradients. */
.btn,.btn-primary,.btn-white,.btn-outline,.hero .btn,.cta a.btn,
:is(.elg-btn,.smm-btn,.sem-btn,.dev-btn,.ml-lux-btn),
:is(a,button)[class*="btn-primary"],:is(a,button)[class*="btn-accent"]{
  border-radius:11px!important;box-shadow:none!important;font-weight:700!important;
  transition:transform .2s ease,background-color .2s ease,border-color .2s ease!important;
}
.btn-primary,.hero .btn-primary,.lead-form button,.ml-lux-btn,
.elg-btn-primary,.sem-btn-primary,.smm-btn-primary,.dev-btn-primary{
  color:#fff!important;background:var(--mlp-accent)!important;background-image:none!important;
  border:1px solid var(--mlp-accent)!important;box-shadow:none!important;
}
.btn-primary:hover,.hero .btn-primary:hover,.lead-form button:hover,.ml-lux-btn:hover,
.elg-btn-primary:hover,.sem-btn-primary:hover,.smm-btn-primary:hover,.dev-btn-primary:hover{
  background:var(--mlp-accent-hover)!important;border-color:var(--mlp-accent-hover)!important;transform:translateY(-1px)!important;
}
.btn-white,.btn-outline{background:#fff!important;color:var(--mlp-ink)!important;border:1px solid var(--mlp-line)!important}
.btn-white:hover,.btn-outline:hover{background:var(--mlp-wash)!important;color:var(--mlp-accent)!important}
:is(.btn,.ml-submit-button,.ml-agent-send,.header-contact a)::after{box-shadow:none!important}
/* Form cards and inputs */
.ml-form-shell,.form-box.ml-form-shell,.lead-form-box,
#contact .elg-panel.ml-form-shell,#contact .sem-panel.ml-form-shell,#contact .smm-panel.ml-form-shell,#contact .dev-panel.ml-form-shell{
  background:#fff!important;background-image:none!important;border:1px solid var(--mlp-line)!important;
  border-radius:18px!important;box-shadow:var(--mlp-shadow)!important;
}
.ml-form-shell::before,.lead-form-box::before{display:none!important;content:none!important}
.ml-panel-form-intro h3,.lead-form-box h2,.form-box h2{color:var(--mlp-ink)!important}
form.ml-consultation-form input:not([type="hidden"]),form.ml-consultation-form select,form.ml-consultation-form textarea,
form[data-ml-form="consultation"] input:not([type="hidden"]),form[data-ml-form="consultation"] select,form[data-ml-form="consultation"] textarea,
form[action*="send-mail"] input:not([type="hidden"]),form[action*="send-mail"] select,form[action*="send-mail"] textarea{
  background:#fbfcfc!important;color:var(--mlp-ink)!important;border:1px solid #d8e2df!important;
  border-radius:10px!important;box-shadow:none!important;
}
form.ml-consultation-form input:focus,form.ml-consultation-form select:focus,form.ml-consultation-form textarea:focus,
form[data-ml-form="consultation"] input:focus,form[data-ml-form="consultation"] select:focus,form[data-ml-form="consultation"] textarea:focus,
form[action*="send-mail"] input:focus,form[action*="send-mail"] select:focus,form[action*="send-mail"] textarea:focus{
  background:#fff!important;border-color:var(--mlp-accent)!important;box-shadow:0 0 0 3px rgba(20,110,102,.10)!important
}
form.ml-consultation-form button[type="submit"],form[data-ml-form="consultation"] button[type="submit"],
form[action*="send-mail"] button[type="submit"],.ml-submit-button{
  display:flex!important;align-items:center!important;justify-content:center!important;gap:10px!important;
  min-height:54px!important;background:var(--mlp-accent)!important;background-image:none!important;
  color:#fff!important;border:1px solid var(--mlp-accent)!important;border-radius:11px!important;
  box-shadow:none!important;font-size:14px!important;font-weight:750!important;letter-spacing:.005em!important;
}
form.ml-consultation-form button[type="submit"]:hover,form[data-ml-form="consultation"] button[type="submit"]:hover,
form[action*="send-mail"] button[type="submit"]:hover,.ml-submit-button:hover{
  background:var(--mlp-accent-hover)!important;border-color:var(--mlp-accent-hover)!important;
  box-shadow:0 7px 18px rgba(20,110,102,.14)!important;transform:translateY(-1px)!important;
}
/* Retire previous circular decoration after the submit text, keep a small clean arrow. */
form button.ml-submit-button::after,.ml-submit-button::after{
  content:'→'!important;position:static!important;display:inline-flex!important;width:auto!important;height:auto!important;
  border:0!important;border-radius:0!important;background:transparent!important;color:inherit!important;
  padding:0!important;margin-left:2px!important;font:500 20px/1 Arial,sans-serif!important;transform:none!important
}
form button.ml-submit-button i,form button.ml-submit-button .ml-submit-icon,
form button.ml-submit-button .submit-arrow{display:none!important}
.ml-form-privacy,.ml-form-privacy a{color:#6b7d80!important}
.ml-form-fast-track{border:1px solid var(--mlp-line)!important;background:var(--mlp-paper)!important;
  box-shadow:none!important;border-radius:12px!important}
.ml-form-wa{background:var(--mlp-ink)!important;color:#fff!important;border:1px solid var(--mlp-ink)!important;
  border-radius:9px!important;box-shadow:none!important}
.ml-form-wa:hover{background:var(--mlp-accent)!important;color:#fff!important}
/* Cards, grids, service icons and FAQ */
:is(.card,.service-card,.feature-card,.icon-card,.stat-box,.trust-box,.feature,.elg-card,.smm-card,.sem-card,.dev-card,
.ml-re-card,.ml-re-seo-card,.ml-project,.ml-lux-stat,.ml-lux-feature){
  background:#fff!important;background-image:none!important;border:1px solid var(--mlp-line)!important;
  border-radius:16px!important;box-shadow:var(--mlp-shadow)!important;
}
:is(.card,.trust-box,.service-card)::before{background:var(--mlp-accent)!important;height:2px!important;opacity:.65}
:is(.card,.service-card,.feature-card,.icon-card,.stat-box,.trust-box,.elg-card,.smm-card,.sem-card,.dev-card,
.ml-lux-stat,.ml-lux-feature):hover{border-color:#bdd9d2!important;box-shadow:var(--mlp-shadow-hover)!important;transform:translateY(-2px)!important}
:is(.icon-box,.stat-icon,.feature-icon,.card-icon,.smm-card-icon,.sem-card-icon,.elg-card-icon,.dev-card-icon,
.smm-panel-icon,.sem-panel-icon,.elg-panel-icon,.dev-panel-icon):not(:has(img)){
  background:var(--mlp-wash)!important;background-image:none!important;border:1px solid #d3e6df!important;
  border-radius:14px!important;box-shadow:none!important;color:var(--mlp-accent)!important;
}
.ml-premium-icon,.ml-nav-svg-icon,.ml-faq-icon .ml-premium-icon{
  background:var(--mlp-wash)!important;color:var(--mlp-accent)!important;border:1px solid #d3e6df!important;
  border-radius:13px!important;box-shadow:none!important;filter:none!important
}
.ml-premium-icon>svg.ml-outline-svg,.ml-nav-svg-icon svg,.ml-faq-icon svg,
.ml-service-icon-img svg{stroke:var(--mlp-accent)!important;color:var(--mlp-accent)!important}
.ml-lux-icon-img{filter:none!important}
:is(.icon-box,.smm-card-icon,.sem-card-icon,.elg-card-icon,.dev-card-icon):not(:has(.ml-lux-icon-img))::before{display:none!important}
.ml-faq-section-upgraded{background:var(--mlp-paper)!important;background-image:none!important}
.ml-faq-section-upgraded::before,.ml-faq-section-upgraded::after{display:none!important}
.ml-faq-list-upgraded :is(details,.faq-item),.faq-item,.faq-question{
  border-color:var(--mlp-line)!important;box-shadow:none!important;
}
.ml-faq-toggle{color:var(--mlp-accent)!important;background:var(--mlp-wash)!important;
  border:1px solid #d3e6df!important;box-shadow:none!important}
/* Footer: quiet, legible multi-column layout. */
.ml-lux-footer{background:var(--mlp-paper)!important;background-image:none!important;border-top:1px solid var(--mlp-line)!important;
  color:var(--mlp-ink)!important;padding-top:66px!important}
.ml-lux-footer::before,.ml-lux-footer::after{display:none!important}
.ml-lux-shell{background:#fff!important;border:1px solid var(--mlp-line)!important;
  box-shadow:none!important;border-radius:20px!important}
.ml-lux-shell::before{display:none!important}
.ml-lux-cta h2{color:var(--mlp-ink)!important}
.ml-lux-contact-card{background:var(--mlp-ink)!important;background-image:none!important;
  box-shadow:none!important;border-radius:16px!important}
.ml-lux-contact-card::before{display:none!important}
.ml-lux-contact-card a{color:#fff!important}
.ml-lux-contact-card .ml-lux-btn{background:white!important;color:var(--mlp-ink)!important;border:1px solid white!important}
.ml-lux-stat h3,.ml-lux-col h3{color:var(--mlp-accent)!important}
.ml-lux-feature i,.ml-lux-feature .ml-premium-icon{background:var(--mlp-wash)!important;background-image:none!important;
  color:var(--mlp-accent)!important;border:1px solid #d3e6df!important;box-shadow:none!important}
.ml-lux-grid{background:#fff!important;border:1px solid var(--mlp-line)!important;border-radius:17px!important;
  box-shadow:none!important}
.ml-lux-links a{color:#42555c!important}
.ml-lux-links a::before{background:var(--mlp-accent)!important}
.ml-lux-social a{background:white!important;background-image:none!important;color:var(--mlp-accent)!important;
  border:1px solid var(--mlp-line)!important;border-radius:10px!important;box-shadow:none!important}
.ml-lux-social a:hover{background:var(--mlp-accent)!important;color:white!important}
.ml-lux-badge{box-shadow:none!important;border-color:var(--mlp-line)!important;background:#fff!important}
.ml-lux-badge i{color:var(--mlp-accent)!important}
.ml-lux-bottom{background:var(--mlp-paper)!important;border-color:var(--mlp-line)!important}
/* High contrast for darker Call To Action sections without garish multi-stop gradients. */
.cta,.smm-cta,.sem-cta,.dev-cta,.elg-cta,.crm-cta{
  background:var(--mlp-ink)!important;background-image:none!important;color:#fff!important;
}
:is(.cta,.smm-cta,.sem-cta,.dev-cta,.elg-cta,.crm-cta) :is(h2,h3,p){color:#fff!important}
:is(.cta,.smm-cta,.sem-cta,.dev-cta,.elg-cta,.crm-cta)::before,
:is(.cta,.smm-cta,.sem-cta,.dev-cta,.elg-cta,.crm-cta)::after{opacity:0!important}
:is(.cta,.smm-cta,.sem-cta,.dev-cta,.elg-cta,.crm-cta) .btn-primary{
  background:#fff!important;color:var(--mlp-ink)!important;border-color:#fff!important;
}
/* Other legacy direct colors: ensure surface hierarchy stays coordinated. */
.ml-lux-kicker i,.ml-lux-links a:hover,.ml-form-privacy a:hover{color:var(--mlp-accent)!important}
.ml-seo-shade,.ml-seo-hero{background:var(--mlp-paper)!important;background-image:none!important}
/* Touch devices, layout and keyboard accessibility. */
@media(max-width:980px){
  .site-header .container{min-height:70px!important}
  .site-header .site-logo img{width:194px!important}
  .site-nav{background:#fff!important;color:var(--mlp-ink)!important;border-color:var(--mlp-line)!important}
  .mega-menu{box-shadow:none!important}
  .site-header .header-contact{display:none!important}
}
@media(max-width:680px){
  .hero,.smm-hero,.sem-hero,.dev-hero,.elg-hero{padding-top:58px!important}
  .site-header .site-logo img{width:172px!important}
  .ml-form-shell,.form-box.ml-form-shell,.lead-form-box{border-radius:15px!important;padding:22px!important}
  .ml-lux-footer{padding-top:45px!important}
  .ml-lux-shell,.ml-lux-grid{border-radius:14px!important}
  .ml-form-fast-track{flex-wrap:wrap}
  .btn,.ml-submit-button{min-height:48px!important}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}
}
/* FINAL VISUAL CLEANUP: one floating contact entry point, not five competing overlays. */
.ml-premium-social,.ml-left-whatsapp{display:none!important}
.ml-form-shell .ml-form-kicker,.form-box .ml-form-kicker,.ml-panel-form-intro .ml-form-kicker{
  color:var(--mlp-accent)!important;background:var(--mlp-wash)!important;border:1px solid #d0e4df!important;
  border-radius:999px!important;box-shadow:none!important
}
.ml-form-shell .ml-form-kicker::before,.ml-form-shell .ml-form-kicker::after{display:none!important}
.form-box::before,.form-box::after{background:none!important;box-shadow:none!important}
.header-contact svg{width:16px!important;height:16px!important;display:inline-block!important;flex:0 0 16px;
  fill:none;stroke:currentColor;stroke-width:1.8;stroke-linejoin:round;stroke-linecap:round;vertical-align:-3px}
@media(max-width:980px){
  html,body{max-width:100%;overflow-x:clip!important}
  .site-header:not(.menu-open) .site-nav{display:none!important}
  .site-header.menu-open .site-nav{display:flex!important;right:0!important;left:auto!important;
    transform:none!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important}
}
/* On smaller screens, put the primary consultation action ahead of secondary detail. */
@media(max-width:680px){
  .hero .hero-content:has(.hero-lead){display:flex!important;flex-direction:column!important;align-items:stretch!important}
  .hero .hero-content:has(.hero-lead)>.eyebrow{order:0;align-self:flex-start}
  .hero .hero-content:has(.hero-lead)>h1{order:1}
  .hero .hero-content:has(.hero-lead)>.hero-lead{order:2}
  .hero .hero-content:has(.hero-lead)>.btn-group{order:3;margin:5px 0 25px!important}
  .hero .hero-content:has(.hero-lead)>p:not(.hero-lead){order:4}
  .hero .hero-content:has(.hero-lead)>.hero-points{order:5;margin-top:14px!important}
}
/* Legacy icon system contained extra-specific hard-coded orange styles. */
body .ml-premium-icon.ml-service-icon-img,
body .ml-generated-icon .ml-premium-icon.ml-service-icon-img,
body .ml-inline-lux-icon.ml-premium-icon,
body .ml-faq-icon>.ml-premium-icon{
  background:var(--mlp-wash)!important;background-image:none!important;
  border:1px solid #d0e4df!important;border-radius:13px!important;
  box-shadow:none!important;color:var(--mlp-accent)!important;
}
body .ml-premium-icon.ml-service-icon-img>svg.ml-outline-svg,
body .ml-generated-icon .ml-premium-icon>svg.ml-outline-svg,
body .ml-generated-icon .ml-premium-icon.ml-service-icon-img>svg.ml-outline-svg,
body .ml-faq-icon>.ml-premium-icon>svg.ml-outline-svg{
  color:var(--mlp-accent)!important;stroke:var(--mlp-accent)!important;fill:none!important;
}
.ml-lux-contact-card svg,.ml-lux-kicker svg{width:18px;height:18px;flex:0 0 18px;fill:none;
  stroke:currentColor;stroke-width:1.8;stroke-linejoin:round;stroke-linecap:round;vertical-align:-4px}
.ml-lux-contact-card a svg{color:#dfefeb!important}