.app-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem;max-width:100%}.app-grid .app-card{background:var(--dark-card);border-radius:var(--radius-lg);border:1px solid var(--border);padding:1.5rem 1.25rem;text-align:center;transition:all .4s var(--ease)}.app-grid .app-card:hover{border-color:var(--cyan);transform:translateY(-4px)}.app-grid .app-card .icon-box{width:64px;height:64px;background:var(--navy-deep);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;margin:0 auto .75rem}.app-grid .app-card .icon-box span{font-size:1.6rem}.app-grid .app-card h3{color:#fff;font-size:.88rem}.app-grid .app-card p{color:var(--gray-400);font-size:.78rem;margin-top:.4rem}@media (max-width:768px){.app-grid{display:flex;flex-wrap:nowrap;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;gap:1rem;padding:.25rem 0 .5rem;margin:0-.75rem;max-width:calc(100% + 1.5rem)}.app-grid::-webkit-scrollbar{display:none}.app-grid .app-card{min-width:70vw;scroll-snap-align:start;flex-shrink:0;padding:1rem .75rem}}.grid-3-col,.grid-4-col{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.grid-4-col{grid-template-columns:repeat(4,1fr)}@media (max-width:768px){.grid-3-col{grid-template-columns:1fr}.grid-4-col{grid-template-columns:repeat(2,1fr)}.grid-4-col>div{padding:1.5rem 1rem}}