@media(max-width:1023px){body.beacon-body{--section-y:clamp(40px,5vw,64px);--section-y-compact:clamp(28px,3vw,44px);--section-y-hero:clamp(48px,6vw,72px);--container-x:clamp(24px,3vw,40px)}}
@media(max-width:640px){body.beacon-body{--section-y:clamp(28px,6vw,44px);--section-y-compact:24px;--section-y-hero:clamp(32px,7vw,52px);--container-x:20px;--grid-gap:16px}}
@media(max-width:1280px){body.beacon-body{--shell:min(1180px,calc(100vw - 3rem))}}
@media(max-width:1023px){.beacon-service{grid-column:span 12} .beacon-quote,.beacon-article{grid-column:span 6} .beacon-team{grid-column:span 6} .beacon-stat{grid-column:span 4} .beacon-visualgrid{grid-template-columns:1fr 1fr} .beacon-visual:nth-child(2){transform:none}}
@media(max-width:768px){body.beacon-body{--shell:calc(100vw - 1.5rem)} .beacon-nav{inset:.65rem .75rem auto;transform:none;flex-direction:row;width:auto;border-radius:var(--surface-radius)} .beacon-menu{display:inline-flex} .beacon-navlinks{display:none;position:absolute;inset:calc(100% + .5rem) 0 auto;background:var(--bg);padding:.7rem;border:1px solid color-mix(in srgb,var(--text) 18%,transparent);border-radius:var(--surface-radius);flex-direction:column;align-items:stretch} .beacon-navlinks a{max-width:none;text-align:left} body.beacon-body.menu-open .beacon-navlinks{display:flex} .beacon-hero-copy,.beacon-hero-media{grid-column:span 12} .beacon-hero{padding-top:6rem} .beacon-footgrid{grid-template-columns:1fr}}
@media(max-width:640px){.beacon-quote,.beacon-article,.beacon-team,.beacon-stat{grid-column:span 12} .beacon-visualgrid{grid-template-columns:1fr} .beacon-visual{min-height:12rem} .beacon-actions{display:grid} .beacon-button{width:100%} .beacon-stage table{display:block;overflow-x:auto}}
@media(max-width:375px){.beacon-stage h1{font-size:clamp(1.6rem,9vw,2.4rem)} .beacon-panel{padding:.86rem} .beacon-cookie{left:.5rem;right:.5rem;bottom:.5rem}}
@media(max-width:1024px){.beacon-article-card{grid-column:span 6} .beacon-featured{grid-column:span 12;grid-template-columns:1fr}}
@media(max-width:640px){.beacon-article-card{grid-column:span 12} .beacon-compare{grid-template-columns:1fr}}
@media(max-width:1024px){.beacon-grid-tri > .beacon-tri{grid-column:span 6}}@media(max-width:640px){.beacon-grid-tri > .beacon-tri{grid-column:span 12} .beacon-svc-rows > .beacon-row{flex-direction:column;gap:.3rem} .beacon-svc-stack > .beacon-stack-item{padding-left:3.4rem} .beacon-svc-stack > .beacon-stack-item::before{font-size:1.9rem}}