.ag-interactive-grid-wrapper{background-color:#000;box-sizing:border-box;padding:40px 20px;width:100%}.ag-interactive-grid{display:grid;gap:24px;grid-template-columns:repeat(3,1fr);margin:0 auto;max-width:1200px}.ag-interactive-card{background:#111;border:1px solid #333;border-radius:12px;box-sizing:border-box;min-height:250px;opacity:.4;overflow:hidden;padding:32px;position:relative;transition:all .4s ease}.ag-interactive-bg{background-position:50%;background-size:cover;height:100%;left:0;opacity:.15;pointer-events:none;position:absolute;top:0;transition:opacity .4s ease;width:100%;z-index:0}.ag-interactive-card-inner{position:relative;z-index:1}.ag-interactive-card.is-active{border-color:var(--active-color,#f78f22);opacity:1}.ag-interactive-card.is-active .ag-interactive-bg{opacity:.4}.ag-interactive-title{color:#fff;font-size:24px;font-weight:700;margin-bottom:16px;margin-top:0;transition:color .4s ease}.ag-interactive-desc{color:#aaa;font-size:16px;line-height:1.5}.ag-interactive-desc p{margin:0}.ag-interactive-card.is-active .ag-interactive-desc{color:#fff}.ag-interactive-pagination{align-items:center;display:flex;gap:12px;justify-content:center;margin-top:40px}.ag-interactive-dot{background:#444;border:none;border-radius:50%;cursor:pointer;height:12px;padding:0;transition:all .3s ease;width:12px}.ag-interactive-dot:hover{background:#666}.ag-interactive-dot.is-active{background:var(--active-color,#f78f22);transform:scale(1.2)}@media (max-width:991px){.ag-interactive-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:767px){.ag-interactive-grid{grid-template-columns:1fr}}