/* Services mega menu (inc/menu.php). Desktop >= 62rem: full-width panel; below: accordion in the slide-in nav.
   Language: white panel, ink text, per-group accent tile (--gc), hierarchy by size and weight, 8px spacing, quiet tone-step hovers. */
.menu .mm-root{position:static}
.mm-btn{display:flex;align-items:center;gap:.4rem;background:0;border:0;cursor:pointer;color:var(--c-ink);font:600 .9375rem/1.3 var(--f-head);padding:.6rem .8rem;position:relative;transition:color var(--dur-1)}
.mm-btn svg{transition:transform var(--dur-2) var(--ease)}
.mm-btn:hover,.mm-root.open>.mm-btn{color:var(--acc-ink)}
.mm-root.open>.mm-btn svg{transform:rotate(180deg)}
.mm-btn::after{content:"";position:absolute;left:.8rem;right:.8rem;bottom:.2rem;height:2px;background:var(--acc);transform:scaleX(0);transform-origin:left;transition:transform var(--dur-2) var(--ease)}
.mm-root.open>.mm-btn::after,.current-menu-ancestor.mm-root>.mm-btn::after{transform:scaleX(1)}
.mm-btn:focus-visible,.mm-panel a:focus-visible,.mm-gt:focus-visible{outline:0;box-shadow:var(--ring)}
/* neutralise the generic dropdown rules (.menu ul / .menu a) inside the panel */
.menu .mm-panel a{display:block;padding:0;font:inherit;color:inherit;border-radius:0;background:none}
.menu .mm-panel .mm-l{position:static;display:block;min-width:0;margin:0;padding:0;background:none;border:0;border-radius:0;box-shadow:none;opacity:1;visibility:inherit;transform:none}
.mm-panel a::after{display:none}
.mm-g{min-width:0}
.mm-gh{display:flex;align-items:center}
.menu .mm-panel .mm-gl{display:flex;align-items:center;gap:.75rem;flex:1;min-width:0;padding:.25rem 0;border-radius:var(--r-sm)}
/* icon tile: tinted, one accent per group */
.mm-g{--gc:#0473FB;--gi:#0360D9}
.mm-g-web{--gc:#0BA5C7;--gi:#0A7C95}.mm-g-ai{--gc:#12B76A;--gi:#0B7A4B}.mm-g-content{--gc:#F79009;--gi:#B54708}.mm-g-paid{--gc:#F04438;--gi:#C4301F}
.mm-ic{flex:none;display:grid;place-items:center;width:2rem;height:2rem;border-radius:var(--r-sm);color:var(--gi);background:color-mix(in srgb,var(--gc) 14%,#fff);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--gc) 22%,#fff)}
.mm-ic svg{width:18px;height:18px}
.mm-gx{display:block;min-width:0}
.mm-gx b{display:block;font:700 .9375rem/1.25 var(--f-head);color:var(--c-ink);transition:color var(--dur-1)}
.mm-gl:hover .mm-gx b{color:var(--gi)}
.mm-gx small{display:block;margin-top:.125rem;font:400 .75rem/1.3 var(--f-body);color:var(--c-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mm-gt{display:none}
.mm-l li{margin:0}
.menu .mm-panel .mm-l a{padding:.25rem .5rem;margin-inline:-.5rem;border-radius:var(--r-sm);transition:background-color var(--dur-1)}
.mm-l a:hover{background:var(--s-1)}
.mm-t{display:block;font:500 .875rem/1.3 var(--f-head);color:var(--c-ink)}
.mm-d{display:block;margin-top:.125rem;font:400 .75rem/1.3 var(--f-body);color:var(--c-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mm-l a:hover .mm-d{color:var(--on-light)}
.mm-l a:hover .mm-t{color:var(--gi)}
.mm-side{display:flex;flex-direction:column;gap:.5rem}
.menu .mm-panel .mm-card{display:flex;flex-direction:column;justify-content:center;flex:1 1 auto;max-height:9.5rem;position:relative;padding:1rem 2.5rem 1rem 1.25rem;border-radius:var(--r);background:var(--s-1);border:1px solid var(--b-dark);transition:background-color var(--dur-1),border-color var(--dur-1)}
.menu .mm-panel .mm-card:hover{background:var(--s-3);border-color:var(--b-dark-h)}
.mm-card:nth-child(2){background:#F1FAF6}.mm-card:nth-child(3){background:#FFF8EC}
.mm-card b{display:block;font:700 .9375rem/1.25 var(--f-head);color:var(--c-ink)}
.mm-card span{display:block;margin-top:.25rem;font:400 .8125rem/1.45 var(--f-body);color:var(--c-muted)}
.mm-card i,.mm-all i{font-style:normal;transition:transform var(--dur-2) var(--ease),color var(--dur-1)}
.mm-card i{position:absolute;right:1rem;top:50%;margin-top:-.7rem;color:var(--c-muted)}
.mm-card:hover i,.mm-all:hover i{transform:translateX(4px);color:var(--acc-ink)}
/* the one featured card: same surface, one accent line */
.menu .mm-panel .mm-card.is-top{box-shadow:inset 3px 0 0 var(--acc);background:#EAF2FF}
.mm-card.is-top span{color:var(--on-light)}
.menu .mm-panel .mm-all{white-space:nowrap;margin-top:auto;padding:.5rem 0;font:600 .8125rem/1.3 var(--f-head);color:var(--link)}
.mm-all:hover{color:var(--link-h)}
@media (min-width:62rem){
.mm-panel{position:absolute;top:100%;left:0;right:0;margin-inline:auto;width:min(86rem,calc(100% - 2rem));z-index:6;opacity:0;visibility:hidden;transform:translateY(.5rem);transition:opacity var(--dur-2) var(--ease),transform var(--dur-2) var(--ease),visibility 0s var(--dur-2)}
.mm-panel::before{content:"";position:absolute;left:0;right:0;top:-.9rem;height:.9rem}
.mm-root.open>.mm-panel,html:not(.js) .mm-root:hover>.mm-panel,html:not(.js) .mm-root:focus-within>.mm-panel{opacity:1;visibility:visible;transform:none;transition-delay:0s}
.mm-in{max-height:calc(100dvh - var(--hd-h) - 2rem);overflow:auto;overscroll-behavior:contain;display:grid;grid-template-columns:minmax(0,1fr) 15rem;gap:1.5rem;padding:1.5rem;background:#fff;border:1px solid var(--b-dark);border-radius:var(--r-lg);box-shadow:0 28px 60px -24px rgba(10,19,29,.28),0 2px 6px rgba(10,19,29,.05)}
.mm-groups{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));grid-template-rows:auto 1fr auto;grid-template-areas:"seo seo web content paid paid" "ind ind ai content paid paid" "pin pin pin pin pin pin";gap:1.5rem;align-content:start}
.mm-g-seo{grid-area:seo}.mm-g-web{grid-area:web}.mm-g-ai{grid-area:ai}.mm-g-content{grid-area:content}.mm-g-paid{grid-area:paid}.mm-g-ind{grid-area:ind}.mm-g-seo .mm-l,.mm-g-ind .mm-l{column-count:2;column-gap:1rem}.mm-g-seo .mm-l li,.mm-g-ind .mm-l li{break-inside:avoid}.mm-g-ind .mm-l a,.mm-g-seo .mm-l a{overflow-wrap:anywhere;min-width:0}.mm-g-pin{grid-area:pin}
.mm-gh{margin-bottom:.25rem}
.mm-g-paid .mm-l{column-count:2;column-gap:1rem}
.mm-g-paid .mm-l li{break-inside:avoid}
.mm-g-pin{display:flex;align-items:center;gap:1.5rem;padding-top:1rem;border-top:1px solid var(--b-dark)}
.mm-g-pin .mm-gh{flex:none;width:14rem;margin:0}
.menu .mm-panel .mm-g-pin .mm-l{display:flex;flex-wrap:wrap;gap:.5rem}
.menu .mm-panel .mm-g-pin .mm-l a{margin:0;padding:.5rem 1rem;border-radius:var(--r-pill);background:var(--s-1);border:1px solid var(--b-dark)}
.mm-g-pin .mm-l a:hover{background:#EAF2FF;border-color:#B9D4FB}
.mm-g-pin .mm-t{font-weight:500}
.mm-side{padding-left:1.5rem;border-left:1px solid var(--b-dark)}
}
@media (max-width:61.99rem){
.mm-root{border-bottom:1px solid var(--b-dark)}
.mm-btn{width:100%;justify-content:space-between;font-size:1.0625rem;padding:1rem .25rem}
.mm-btn::after{display:none}
.mm-panel{display:none;padding-bottom:1rem}
.mm-root.open>.mm-panel{display:block}
.mm-g{border-top:1px solid var(--b-dark)}
.mm-ic{width:1.75rem;height:1.75rem}
.mm-ic svg{width:16px;height:16px}
.menu .mm-panel .mm-gl{padding:.5rem 0}
.mm-gx small{display:none}
.mm-gt{display:grid;place-items:center;flex:none;width:2.75rem;height:2.75rem;background:0;border:0;color:var(--c-muted);cursor:pointer}
.mm-gt svg{transition:transform var(--dur-2) var(--ease)}
.mm-g.open .mm-gt svg{transform:rotate(180deg)}
html:not(.js) .mm-gt{display:none}
.js .menu .mm-panel .mm-l{display:none;padding:0 0 .5rem 2.5rem}
.js .menu .mm-panel .mm-g.open>.mm-l{display:block}
.js .menu .mm-panel .mm-g-pin.open>.mm-l{display:flex;flex-wrap:wrap;gap:.5rem;padding-left:0}
.menu .mm-panel .mm-l a{padding:.5rem 0;margin-inline:0}
.mm-g-pin .mm-l a{background:var(--s-1);border:1px solid var(--b-dark);border-radius:var(--r-pill);padding:.5rem 1rem}
.mm-side{margin-top:1rem}
}
@media (prefers-reduced-motion:reduce){.mm-panel,.mm-btn svg,.mm-card,.mm-ic{transition:none}}