/* RESPONSIVE: tablet and mobile. Card padding: 28px desktop, 22px tablet, 18px mobile */
@media (max-width:980px){.g5,.g4,.g3{grid-template-columns:repeat(2,1fr)}.fgrid{grid-template-columns:1fr 1fr}.card{padding:22px}}
@media (max-width:760px){
nav{display:none;position:absolute;top:78px;left:0;right:0;background:#fff;border-bottom:1px solid var(--line);flex-direction:column;padding:12px 20px;gap:10px}
nav.open{display:flex}.menu-btn{display:block}
.g5,.g4,.g3,.two,.ben,.fgrid{grid-template-columns:1fr}.two{gap:26px}.two.rev .pic{order:0}
.card{padding:18px}.sec{padding:48px 0}.btn.full{width:100%}
}