/* Mobile App Development — page-specific refinements on shared service layout */
.maa-hero { background:radial-gradient(circle at 75% 45%,rgba(15,83,231,.2),transparent 34%),#020713; }
.maa-hero-art { min-height:535px; }
.maa-hero-art img { width:112%; left:52%; filter:saturate(1.08) contrast(1.04) drop-shadow(0 18px 40px rgba(16,93,255,.2)); mix-blend-mode:normal; }
.maa-page .baa-benefit-layout { grid-template-columns:.68fr 1.32fr; }
.maa-page .baa-benefit-grid { grid-template-columns:repeat(5,minmax(0,1fr)); }
.maa-page .baa-benefit-grid article { padding:.6rem 1rem; }
.maa-page .baa-benefit-grid h3 { font-size:.8rem; }
.maa-page .baa-benefit-grid p { font-size:.66rem; }

@media (max-width:1100px) {
    .maa-hero-art img { width:119%; }
    .maa-page .baa-benefit-grid { grid-template-columns:repeat(5,minmax(120px,1fr)); overflow-x:auto; padding-bottom:.75rem; }
}

@media (max-width:991px) {
    .maa-hero-art { min-height:380px; margin-top:0; }
    .maa-hero-art img { width:100%; left:50%; }
    .maa-page .baa-benefit-layout { grid-template-columns:1fr; }
    .maa-page .baa-benefit-grid { grid-template-columns:repeat(3,1fr); overflow:visible; }
    .maa-page .baa-benefit-grid article:nth-child(n+4) { border-top:1px solid rgba(255,255,255,.08); }
}

@media (max-width:768px) {
    .maa-hero-art { min-height:300px; }
    .maa-page .baa-benefit-grid { grid-template-columns:repeat(2,1fr); }
    .maa-page .baa-benefit-grid article:nth-child(3) { border-top:1px solid rgba(255,255,255,.08); }
}

@media (max-width:576px) {
    .maa-hero-art { min-height:240px; margin:.5rem -2rem 0; }
    .maa-hero-art img { width:112%; }
    .maa-page .baa-benefit-grid { grid-template-columns:1fr; }
    .maa-page .baa-benefit-grid article { border-top:1px solid rgba(255,255,255,.08); }
    .maa-page .baa-benefit-grid article:first-child { border-top:0; }
}