/* Header and home refinements. Load after site.css and refinement.css. */
.utility-contact a,.utility-right .language-switch,.utility-right .language-switcher a{font-size:12.5px;font-weight:700;opacity:1;letter-spacing:.015em}
.utility-contact a{display:inline-flex;align-items:center;gap:6px}
.utility-inner{min-height:42px;gap:10px}
.site-header .brand,.site-header .brand img{width:110px}
.site-header .brand{flex-shrink:0}
.site-header .brand img{height:74px;object-fit:contain}

/* The two lenses echo the original Geeks Lab mark; the button retains its label. */
.menu-lens-control{width:30px;height:26px;display:inline-grid;place-items:center;flex-shrink:0;margin-inline-start:3px;border-radius:9px;background:rgb(134 188 2/.12);color:var(--green);transition:background .25s,transform .35s}
.menu-lens-control svg{width:25px;height:21px;overflow:visible}
.menu-lens,.menu-lens-bridge{stroke:currentColor;stroke-width:1.6;transition:transform .35s,stroke .25s;transform-box:fill-box;transform-origin:center}
.menu-lens-spark{fill:var(--lime);transform-box:fill-box;transform-origin:center;transition:transform .35s}
.mega-toggle:hover .menu-lens-control,.mega-toggle:focus-visible .menu-lens-control{background:var(--blue);color:white;transform:rotate(-7deg)}
.mega-toggle:hover .menu-lens-spark,.mega-toggle:focus-visible .menu-lens-spark{transform:translate(-7px,1px) scale(1.2)}
.mega-toggle[aria-expanded=true] .menu-lens-control{background:var(--blue);color:white;transform:rotate(7deg)}
.mega-toggle[aria-expanded=true] .menu-lens.left{transform:translateX(-1px)}
.mega-toggle[aria-expanded=true] .menu-lens.right{transform:translateX(1px)}
.mega-toggle[aria-expanded=true] .menu-lens-spark{transform:translate(-8px,1px)}

.ana-logo{padding:15px 26px;border-radius:23px;max-width:100%}
.ana-logo img{width:190px;max-width:100%;max-height:66px;height:auto;object-fit:contain}
.app-domain{display:block;font-size:19px;font-weight:700;letter-spacing:-.035em;line-height:1.2;margin:0 0 6px;color:var(--blue);text-align:start}
.ana-app{display:flex;flex-direction:column}
.ana-app .app-dots{line-height:1}
.ana-app .app-mark{font-size:36px;line-height:1;align-items:center;margin:10px 0 8px}
.ana-app .app-mark .gl-glyph{width:36px;height:36px}
.ana-app .app-line{flex-shrink:0;margin-block:4px}
.ana-app .app-tiles{margin-top:14px;flex-shrink:0}
.ana-app .app-tiles i{height:23px}
.ana-app .app-chart{height:auto;min-height:30px;flex:1;margin-top:13px}

/* Compact vertical galleries retain horizontally scrollable, readable cards. */
.clients-section{padding:38px 0 45px}
.sisters-section{padding:33px 0 39px;margin-block:24px}
.clients-section .section-heading.compact{margin-bottom:17px}
.sisters-section .section-heading.compact{margin-bottom:15px}
.clients-section .section-heading.compact h2{font-size:clamp(28px,2.8vw,38px)}
.sisters-section .section-heading.compact h2{font-size:clamp(26px,2.4vw,33px)}
.clients-section .logo-track{padding-block:13px 22px}
.sisters-section .logo-track{padding-block:11px 19px}
.clients-section .logo-card-image{height:123px;padding:22px 28px}
.sisters-section .logo-card-image{height:105px;padding:18px 25px}
.clients-section .logo-card img{max-height:62px}
.sisters-section .logo-card img{max-height:53px}
.clients-section .logo-card-caption,.sisters-section .logo-card-caption{font-size:11px;padding:12px 16px}
.clients-section .logo-card-caption .gl-glyph,.sisters-section .logo-card-caption .gl-glyph{width:18px;height:18px}
.partner-section .slider-controls button{min-width:40px;min-height:40px}

/* Original PNG unchanged: preserve the left symbol and blacken only its wordmark. */
.logo-card .luxgard-logo{position:relative;display:block;width:82%;max-width:260px;aspect-ratio:592/160;transition:transform .5s var(--ease)}
.logo-card .luxgard-logo img{position:absolute;inset:0;width:100%;height:100%;max-width:none;max-height:none;object-fit:contain;transform:none;transition:none}
.luxgard-logo-symbol{clip-path:inset(0 66% 0 0)}
.luxgard-logo-word{clip-path:inset(0 0 0 34%);filter:brightness(0)}
.logo-card:hover .luxgard-logo,.logo-card:focus-visible .luxgard-logo{transform:scale(1.09) translateY(-3px)}
.logo-card-luxgard .logo-card-image{background:#fff}

.about-brand-float{width:min(245px,75%);margin:28px 0 5px;position:relative;animation:gl-brand-float 6s ease-in-out infinite}
.about-brand-float img{display:block;width:100%;height:auto;object-fit:contain;filter:drop-shadow(0 13px 13px rgb(2 40 61/.1))}
.about-brand-float:after{content:'';display:block;position:absolute;bottom:-15px;left:20%;width:60%;height:12px;border-radius:50%;background:rgb(2 40 61/.08);filter:blur(7px)}
.about-copy p{white-space:normal;line-height:1.65}
.about-copy p+p{margin-top:12px}
.about-copy .button{margin-top:25px}
@keyframes gl-brand-float{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-10px) rotate(1deg)}}

@media(min-width:1001px) and (max-width:1150px){
 .site-header .nav-shell{gap:9px}.site-header .nav-item>a,.site-header .mega-toggle{padding-inline:8px}.menu-lens-control{width:25px;margin-inline-start:0}.menu-lens-control svg{width:22px}
}
@media(max-width:1000px){
 .site-header .brand,.site-header .brand img{width:109px}.site-header .brand img{height:70px}
}
@media(max-width:900px){
 .ana-logo img{width:175px;max-height:58px}.app-domain{font-size:17px}
 .ana-app .app-mark{font-size:30px;margin-block:8px 6px}.ana-app .app-mark .gl-glyph{width:32px;height:32px}
 .clients-section .logo-card-image{height:112px;padding:20px 24px}.sisters-section .logo-card-image{height:96px;padding:17px 22px}
}
@media(max-width:760px){
 .utility-inner{min-height:38px;padding-block:5px;column-gap:10px;flex-wrap:wrap}.utility-contact{gap:12px}
 .utility-contact a,.utility-right .language-switch,.utility-right .language-switcher a{font-size:10.5px}
 .utility-contact a{gap:4px}.utility-bar .gl-glyph{width:11px;height:11px}
 .site-header .brand,.site-header .brand img{width:94px}.site-header .brand img{height:69px}
 .menu-lens-control{width:32px;height:28px;margin-inline-start:8px}
 .ana-logo{padding:14px 22px;max-width:100%}.ana-logo img{width:180px;max-height:62px}
 .app-domain{font-size:17px;margin-bottom:6px}.ana-app .app-chart{margin-top:10px}
 .clients-section{padding:25px 0}.sisters-section{padding:21px 0;margin-block:20px}
 .clients-section .section-heading.compact h2{font-size:26px}.sisters-section .section-heading.compact h2{font-size:24px}
 .partner-section .section-heading.compact{gap:14px}.partner-section .slider-controls{gap:6px}
 .clients-section .logo-track{padding-block:12px 19px}.sisters-section .logo-track{padding-block:10px 16px}
 .clients-section .logo-card-image{height:112px}.sisters-section .logo-card-image{height:96px}
 .clients-section .logo-card-caption,.sisters-section .logo-card-caption{padding:11px 13px;font-size:11px}
 .about-brand-float{width:175px;max-width:70%;margin:25px 0 12px}
 .about-copy p+p{margin-top:11px}.about-copy .button{margin-top:20px}
}
@media(max-width:370px){
 .utility-contact{gap:8px}.utility-contact a,.utility-right .language-switch,.utility-right .language-switcher a{font-size:10px}
 .ana-logo img{width:165px}.partner-section .section-heading.compact{align-items:flex-start}.partner-section .slider-controls{flex-shrink:0}.partner-section .section-heading.compact h2{font-size:23px}
}
@media(prefers-reduced-motion:reduce){
 .about-brand-float{animation:none;transform:none}.menu-lens-control,.menu-lens,.menu-lens-spark,.luxgard-logo{transition:none!important}
 .mega-toggle:hover .menu-lens-control,.mega-toggle:focus-visible .menu-lens-control,.mega-toggle[aria-expanded=true] .menu-lens-control,.logo-card:hover .luxgard-logo,.logo-card:focus-visible .luxgard-logo{transform:none}
}