/* Shared UI polish for the public pages. */
body{letter-spacing:0}
#site-header{transition:background-color .25s,border-color .25s,box-shadow .25s}
#site-header.scrolled{box-shadow:0 8px 24px rgba(4,15,24,.14)}
.site-v2-cta{display:inline-flex!important;align-items:center;gap:7px;padding:9px 14px!important;border:1px solid rgba(255,255,255,.18);border-radius:6px;color:#fff!important;background:#0c8f79!important;font-weight:600!important}
.site-v2-cta:hover{background:#08705f!important;border-color:rgba(255,255,255,.34)}
.site-v2-cta svg{width:15px;height:15px}
.site-v2-mobile-cta{display:flex!important;align-items:center;justify-content:center!important;padding:12px 14px!important;border-radius:6px;background:#0c8f79;color:#fff!important;font-weight:600}
.site-v2-page-link{color:#0c8f79!important;font-weight:600}
.jj-card-hover{transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}
.jj-card-hover:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(15,23,42,.1);border-color:rgba(12,143,121,.32)!important}
.jj-card,.value-card,.contact-card,.product-panel{border-radius:8px}
.jj-section-pad,.section{scroll-margin-top:80px}
.jj-section-pad h2,.section h2{letter-spacing:0}
@media(prefers-reduced-motion:reduce){.jj-card-hover{transition:none}.jj-card-hover:hover{transform:none}}
main a:focus-visible,header a:focus-visible,button:focus-visible{outline:2px solid #4fbba7;outline-offset:3px}
@media(max-width:767px){.site-v2-cta{margin-top:4px}.jj-container{padding-left:20px;padding-right:20px}}
