/* ConnectAI – UX improvements (added) */
html{scroll-padding-top:84px}
.site-header{position:sticky !important;top:0;z-index:70;backdrop-filter:saturate(1.4) blur(10px);-webkit-backdrop-filter:saturate(1.4) blur(10px)}
section[id]{scroll-margin-top:84px}
/* hero hierarchy: original headline + integrated secondary headline */
.hero-secondary{font-size:clamp(20px,1.9vw,26px);font-weight:700;line-height:1.35;color:#123b5d;margin:16px 0 6px}
.hero-secondary strong{display:block;color:#1aaab1;font-weight:800}
.hero-section .hero-slogan{font-size:clamp(16px,1.45vw,19px) !important;font-weight:500 !important;color:#5b7279 !important;margin-top:8px !important}
.hero-note + .hero-note{margin-top:8px}
/* tap targets */
.menu-button{min-width:44px;min-height:44px;align-items:center;justify-content:center}
.intro-btn{min-height:44px}
.text-link{min-height:44px;display:inline-flex;align-items:center}
#contact input,#contact select{min-height:46px}
.site-footer a,.footer-contact a{display:inline-block;padding:8px 0}
.direct-email,.direct-phone,.direct-whatsapp{min-height:48px}
/* keyboard focus */
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #1aaab1 !important;outline-offset:3px;border-radius:8px}
/* WhatsApp button appears after the first screen */
.wa-float{opacity:0;pointer-events:none;transform:translateY(12px);transition:opacity .25s,transform .25s}
.wa-float.is-visible{opacity:1;pointer-events:auto;transform:none}
/* respect reduced motion */
@media (prefers-reduced-motion: reduce){
  *,*::before,*::after{animation-duration:.001ms !important;animation-iteration-count:1 !important;transition-duration:.001ms !important;scroll-behavior:auto !important}
}
/* .site-shell had overflow:hidden, which breaks sticky; clip keeps the same look without it */
.site-shell{overflow:visible !important;overflow-x:clip !important}