/* Shared usability refinements for desktop and mobile */
:focus-visible{outline:3px solid #d59b2d;outline-offset:3px}
.product .inside>a{display:inline-flex;min-height:44px;align-items:center;padding:8px 0}
.mobile-proof{display:none}
@media(min-width:1100px){.products{grid-template-columns:repeat(4,1fr)}.product .inside{padding:24px}.product .inside h3{font-size:1.45rem}}
@media(max-width:1099px) and (min-width:701px){.products{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){body{padding-bottom:74px}.hero h1{font-size:clamp(2.65rem,14vw,3.45rem)}.btn{min-height:48px}.nav nav>a{padding:9px}.wa{bottom:12px;min-height:48px}.products{gap:14px}.product .inside ul{min-height:0}.works-hero h1{font-size:clamp(3.2rem,20vw,5rem)}}